@charset "utf-8";
/* CSS Document */
	
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, a, nav, section, summary, time, mark, audio, video {
	margin:0 auto;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
	text-decoration:none;
	list-style:none;
	-webkit-font-smoothing: antialiased;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}

.ie8 *{ outline:none;}
img{border:none;}
body{ color:#373d48; font-size:13px; font-family: 'Source Sans Pro', sans-serif,Arial, Helvetica, sans-serif; font-weight:400; line-height:22px; height:100%; overflow-x: hidden; overflow-y: scroll !important;}
html,body { -webkit-text-size-adjust:none; -webkit-font-smoothing: antialiased; }

/*----- html5 tags ------*/
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {display: block;}

.r{float:right;}
.l{float:left;}

/*----- clearfix tags ------*/ 
.cf:before, .cf:after { content: ""; display: table; }
.cf:after { clear: both; }
.cf { zoom: 1; }
.clear { clear: both; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block;}

/*----- default css ------*/
h1, h2, h3, h4, h5, h6{ margin-bottom:20px; font-weight:normal;}

h1{ font-size:40px; color:#313131;  font-family: 'Source Sans Pro', sans-serif,Arial, Helvetica, sans-serif; line-height:48px;}
h2{ font-size:36px; color:#313131;  font-family: 'Source Sans Pro', sans-serif,Arial, Helvetica, sans-serif; line-height:42px;}
h3{ font-size:30px; line-height:36px;  font-family: 'Source Sans Pro', sans-serif,Arial, Helvetica, sans-serif;}
h4{ font-size:26px; line-height:32px;  font-family: 'Source Sans Pro', sans-serif,Arial, Helvetica, sans-serif;}
h5{ font-size:24px; line-height:30px; color:#313131;  font-family: 'Source Sans Pro', sans-serif,Arial, Helvetica, sans-serif;}
h6{ font-size:20px; line-height:25px; font-family: 'Source Sans Pro', sans-serif,Arial, Helvetica, sans-serif;}

input[type="text"], input[type="submit"], input[type="button"], input[type="password"], input[type="email"], textarea {-webkit-appearance: none; color:#fff; }
input[type="text"], input[type="password"] { outline: none; color:#fff; }
textarea:focus, input:focus, a, div, img { outline: none; }
.ipad input[type="radio"], .iphone input[type="radio"], .ipod input[type="radio"]{ width:13px; height:13px;}

p{ color:#727272; font-size:16px; font-family: 'Source Sans Pro', sans-serif,Arial, Helvetica, sans-serif; font-weight:400; line-height:24px; margin-bottom:20px;}
p a{color:#4777ac; text-decoration:none;}
p a:hover{color:#4777ac; text-decoration:underline;}

a{color:#000;}
a:hover{color:#4777ac; text-decoration:none;}

ul{ margin:20px 0px; padding:0;}
ul li{  font-size: 18px;font-weight: 300;padding: 0 0 0 0px;text-decoration: none; list-style: none; 
}
ul li a{color:#4777ac; text-decoration:none;}
ul li a:hover{color:#4777ac; text-decoration: underline;}

ol{ margin:20px 20px; padding:0;}
ol li{ font-size:13px;  color:#373d48; font-family: 'Source Sans Pro',Arial, Helvetica, sans-serif; font-weight:400; line-height:18px; padding:0 0 5px 0; list-style: decimal; margin-left:20px;}
ol li a{color:#4777ac; text-decoration:none;}
ol li a:hover{color:#4777ac; text-decoration: underline;}


/*----- Wrapper Part ------*/
#wrapper{ width:100%; height:auto; position:relative;}
.container{max-width:1170px; height:auto; display:block; clear:both;}

/*.social {  position: fixed;  top: 150px;  z-index:99999;  width:100px; display:none;}
.social ul {  padding: 0px;  -webkit-transform: translate(-270px, 0);  -moz-transform: translate(-270px, 0);  -ms-transform: translate(-270px, 0);
 -o-transform: translate(-270px, 0);  transform: translate(-270px, 0);}
.social ul li {  display: block;  margin: 5px;  background: #01a4ca;  width: 300px;  text-align: right;  padding: 10px;  -webkit-border-radius: 0 30px 30px 0;  -moz-border-radius: 0 30px 30px 0;  border-radius: 0 30px 30px 0;  -webkit-transition: all 1s;  -moz-transition: all 1s;
  -ms-transition: all 1s;  -o-transition: all 1s;  transition: all 1s;  color:#fff}
.social ul li:hover {  -webkit-transform: translate(110px, 0);  -moz-transform: translate(110px, 0);  -ms-transform: translate(110px, 0);
 -o-transform: translate(110px, 0);  transform: translate(110px, 0);}
.social ul li a {  color: #fff;}
.social ul li:hover a {  color: #fff;  text-decoration:none;}
.social ul li:hover i {color: #fff; background: #3d63af; -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg);  -ms-transform: rotate(360deg);  -o-transform: rotate(360deg);  transform: rotate(360deg);  -webkit-transition: all 1s;  -moz-transition: all 1s;  -ms-transition: all 1s;  -o-transition: all 1s;  transition: all 1s;  text-decoration:none;}
.social ul li i {  margin-left: 10px;  color: #000;  background: #fff;  padding: 10px;  -webkit-border-radius: 50%; -moz-border-radius: 50%;
  border-radius: 50%;  width: 20px;  height: 20px;  font-size: 20px;  background: #ffffff;  -webkit-transform: rotate(0deg);  -moz-transform: rotate(0deg);  -ms-transform: rotate(0deg);  -o-transform: rotate(0deg);  transform: rotate(0deg);}
*/
  .hyperlink{color:#009fc7;}
  .hyper-link{color:#009fc7;}

/*----- Header Part ------*/
header { width:100%; position:absolute; z-index:999; height:100px; }
header .logo{width:155px; float:left; padding-top:20px; }
header .logo img{display:block; max-width:100%; }
header .right-top{width:auto; float:left; padding-top:0px; text-align:right;}

/*=======================nav part=======================*/
header nav{width:auto; float:right;}
header nav ul{ margin:50px 0 0 0; padding:0;}
header nav ul li{ padding:0 0 50px 0; background:none; height:30px; line-height:30px; display:block; float:left; list-style: none;  float:left; margin: 0 0 0px 0px;}
header nav ul li a{ text-decoration:none; display:block; color:#ccc; padding:0 5px; margin:0 0px;  font-size:16px; font-family: 'Source Sans Pro', sans-serif; font-weight:400; text-decoration:none; padding:5px 12px;}
header nav ul li a:hover, nav .active{ text-decoration:none;  color:#fff; background-color:#0ba3ca; }
header nav ul li.parents a:hover, nav ul li.parents:hover{color:#fff; background-color:#0ba3ca;}
header nav ul li a .last{padding:0 0 0 15px;}
header nav ul li a em{background:url(../images/arrow-icon.png) no-repeat right 14px; display:block; float:right;   width:23px; height:40px; border:none;}

/* Dropdown*/
header nav ul li ul{ display:none;}
header nav ul li:hover > ul{ width:100%; display:block; position:absolute; top:100px; left:0px; padding:0px 0 0px 0; margin:0; z-index:999; box-shadow:0 0 0px #b9cf32;    line-height:25px; }
header nav ul li ul li{ float:none; display:block;  list-style:none; position:relative; background:none; padding: 0px 0 5px 0;}
header nav ul li ul li.dropdown:after{ margin:0; padding:0;  background: url(../images/arrow-icon.png) no-repeat  right center;  width:15px; height:18px; position:absolute; content:""; top:10px; right:22px; }
header nav ul li ul li a{font-size:13px; color:#fff; line-height:24px; font-weight:400;font-family: 'lato',Arial, Helvetica, sans-serif;font-weight:400; font-size:16px; display:block; padding:6px 15px; text-align:left; margin:0px; font-family: 'lato',Arial, Helvetica, sans-serif; font-weight:400; font-size:16px;  text-transform:uppercase; transition: all 0.4s ease-in-out 0s; }
header nav ul li ul li a:hover{ background:none !important; text-decoration:none; color:#fff; }
header nav ul li ul li a i{background: url(../images/icon-spirit.png) no-repeat;  float: left;}
header nav ul li ul li a i.ios-icon{  background-position: -35px 2px; width: 20px;  height: 25px;  margin: 0px 7px 0 0;}
header nav ul li ul li a i.phone-icon{  background-position: -56px 2px; width: 17px;  height: 25px;  margin: 0px 7px 0 0;}
header nav ul li ul li a i.ipad-icon{  background-position: -72px 2px; width: 20px;  height: 25px;  margin: 0px 7px 0 0;}
header nav ul li ul li a i.android-icon{  background-position: -117px 2px; width: 20px;  height: 25px;  margin: 0px 7px 0 0;}
header nav ul li ul li a i.cross-icon{  background-position: -138px 2px; width: 20px;  height: 25px;  margin: 0px 7px 0 0;}
header nav ul li ul li a i.php-icon{  background-position: -167px 2px; width: 20px;  height: 25px;  margin: 0px 7px 0 0;}
header nav ul li ul li a i.net-icon{  background-position: -194px 2px; width: 17px;  height: 25px;  margin: 0px 7px 0 0;}
header nav ul li ul li a i.java-icon{  background-position: -220px 2px; width: 20px;  height: 25px;  margin: 0px 7px 0 0;}
header nav ul li ul li a i.web-icon{  background-position: -241px 2px; width: 20px;  height: 25px;  margin: 0px 7px 0 0;}
header nav ul li ul li a i.magento-icon{  background-position: -264px 2px; width: 20px;  height: 25px;  margin: 0px 7px 0 0;}
header nav ul li ul li a i.wp-icon{  background-position: -287px 2px; width: 20px;  height: 25px;  margin: 0px 7px 0 0;}
header nav ul li ul li a i.netnuke-icon{  background-position: -316px 2px; width: 20px;  height: 25px;  margin: 0px 7px 0 0;}
header nav ul li ul li a i.ibeacon-icon{  background-position: -342px 2px; width: 20px;  height: 25px;  margin: 0px 7px 0 0;}
header nav ul li ul li a i.cloud-icon{  background-position: -366px 2px; width: 20px;  height: 25px;  margin: 0px 7px 0 0;}
header nav ul li ul li a i.internet-icon{  background-position: -390px 2px; width: 20px;  height: 25px;  margin: 0px 7px 0 0;}
header nav ul li ul li a i.itranscript-icon{  background-position: -417px 2px; width: 20px;  height: 25px;  margin: 0px 7px 0 0;}
header nav ul li ul li a i.cloudrock-icon{  background-position: -447px 2px; width: 20px;  height: 25px;  margin: 0px 7px 0 0;}
header nav ul li ul li a i.seo-icon{  background-position: -474px 2px; width: 20px;  height: 25px;  margin: 0px 7px 0 0;}
header nav ul li ul li a i.content-icon{  background-position: -500px 2px; width: 20px;  height: 25px;  margin: 0px 7px 0 0;}


.dropdown-bg { position: absolute;background: url(../images/bg3.jpg) no-repeat left top; width: 100%; opacity:1;
 left: 0;    top: 89px;    overflow: hidden;    z-index: 99999999999;    cursor: default; display:none; padding:20px 0; background-size:cover;     overflow-x: hidden;    overflow-y: scroll;    height: 500px;}
.dropdown-bg ul{ width:100%; display:block; left:0px; padding:0px 0 0px 0; margin:0; z-index:999999999; box-shadow:0 0 0px #b9cf32;     line-height:25px; }
.dropdown-bg .menu-block{width:100%; float:left;}
.dropdown-bg .menu-block .drop-menu{width:220px; float:left; margin-top:30px; margin-right:96px; min-height:169px;}
.dropdown-bg .menu-block .drop-menu .title{width:100%; float:left; font-size:18px;color:#000; padding: 0 0 10px 0; font-weight:600;}
.dropdown-bg .menu-block .drop-menu .title:hover{color:#20b6c8 !important; background:none !important;}
.dropdown-bg .menu-block ul{ margin:0px 0 0 0; padding:0; width:300px; border:none}
.dropdown-bg .menu-block ul li{ padding:0 0 0px 0px;   line-height:20px; display:block; float:left; list-style: none;  float:left; margin: 0 0 0px 0px;  border-bottom:1px dotted #ccc; width:80%;}
.dropdown-bg .menu-block ul li a{ text-decoration:none; display:block; color:#6c6c6c; padding:0 0px; margin:0 0px;  font-size:15px; font-family: 'Source Sans Pro', sans-serif; font-weight:400; text-decoration:none; text-transform:inherit; }
.dropdown-bg .menu-block ul li a:hover{ background:none !important; text-decoration:none; color:#ea4f4f; }
.dropdown-bg .menu-block .drop-menu.last{margin-right:0px;}
.category-main{width:100%;}
.category-block{width:100%; float:left;  border-top: 1px solid #ccc; padding:20px 0 0 0;}
.category-block .category-left{float: left; width: 432px; padding-bottom: 0px; margin-bottom: 30px;}
.category-block .category-right{width:auto; float:right; }
.category-block .category-left.first{float:right;}
.category-block .category-right.last{float:left;} 

.category-block .category-right img{max-width:100%; display:block;}
.category-main .green{font-size:20px; color:#4569b2; margin-bottom:10px; display:block;}
.category-main .green:hover{color:#000;}

.about-menu{ background: url(../images/bg3.jpg) no-repeat left top; width: 197px;top: -48px; overflow: hidden;z-index: 99999; cursor: default; display: block; padding: 10px 10px; background-size: cover; position:relative; position:absolute; border-radius:5px;}
.about-menu ul{ width:300px; display:block; left:0px; padding:0px 0 0px 0; margin:0; z-index:999999999;line-height:25px; }
.about-menu  ul li{ padding:5px 0px;  line-height:20px; display:block; float:left; list-style: none;  float:left; margin: 0 0 0px 0px;  border-bottom:1px dotted #ccc; width:80%; position:relative;}
.about-menu ul li a{ text-decoration:none; display:block; color:#6c6c6c; padding:0 0px; margin:0 0px;  font-size:15px; font-family: 'Source Sans Pro', sans-serif; font-weight:400; text-decoration:none; text-transform:inherit; }
.about-menu ul li a i{background: url(../images/icon-spirit.png) no-repeat;  float: left;}
.about-menu ul li a i.who-we-icon{  background-position: -527px 2px; width: 20px;  height: 25px;  margin: 0px 7px 0 0;}
.about-menu ul li a i.mision-icon{  background-position: -576px 2px; width: 20px;  height: 25px;  margin: 0px 7px 0 0;}
.about-menu ul li a i.development-icon{  background-position: -553px 2px; width: 20px;  height: 25px;  margin: 0px 7px 0 0;}


.about-menu ul li a:hover{ background:none !important; text-decoration:none; color:#ea4f4f; }

.dropdown-bg .partner-block{width:100%;}
.dropdown-bg .partner-left{width:25%; float:left; }
.dropdown-bg .partner-left figure {width:auto; float:left; margin-bottom:20px;}
.dropdown-bg .partner-left .service-phone{width:auto; float:left; font-size:20px; border:2px solid #e88200; padding:5px 50px; margin-bottom:10px; background:url(../images/service-phone.png) no-repeat 20px 8px; color:#000; }

.dropdown-bg .partner-left .service-fax{width:auto; float:left; font-size:20px; border:2px solid #e88200; padding:5px 50px; margin-bottom:10px; background:url(../images/service-fax.png) no-repeat 20px 12px; color:#000;}

.dropdown-bg .partner-left .usa{width:auto; float:left; font-size:20px; border:2px solid #e88200; padding:5px 50px; margin-bottom:10px; }
.partner-left figure img{max-width:100%; display:block;}
.dropdown-bg .partner-right{width:70%; float:right; border:5px solid #e99323;   padding:10px 20px 0;}
.dropdown-bg .partner-right h3{width:100%; float:left; font-size:15px; color:#000;}
.dropdown-bg .partner-right .usa{background:url(../images/usa-no.jpg) no-repeat left 0px; padding:0 0 0 36px; font-size:15px; color:#ea4f4f;}
.dropdown-bg .partner-right .uk{background:url(../images/uk-no.jpg) no-repeat left 0px; padding:0 0 0 36px; font-size:15px; color:#ea4f4f;}
.dropdown-bg .partner-right .india{background:url(../images/india-no.jpg) no-repeat left 0px; padding:0 0 0 36px; font-size:15px; color:#ea4f4f;}


/*=======================banner part=======================*/
.banner{position:relative; top:0px;}
.banner-main{position:relative; top:0px;}
/*.banner-main:after{    content: ''; position: absolute; background: url(../images/merry-christmas.png) no-repeat; background-size:cover;  height: 166px;  width: 100%;  left: 0px; right: 0px; margin: auto;  top: 71%; float: left;  z-index:0;}*/
.owl-carousel .owl-wrapper:after {content: ".";	display: block;	clear: both;	visibility: hidden;	line-height: 0;	height: 0;}
/* display none until init */
.owl-carousel{position: relative;width: 100%;-ms-touch-action: pan-y;}
.owl-carousel .owl-wrapper{	display: none;	position: relative;	-webkit-transform: translate3d(0px, 0px, 0px);}
.owl-carousel .owl-wrapper-outer{	overflow: hidden;	position: relative;	width: 100%;}
.owl-carousel .owl-item{float: left; position:relative;}
.owl-controls .owl-page,.owl-controls .owl-buttons div{	cursor: pointer; display:inline-block; }
.owl-controls {-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;-user-select: none;	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
.grabbing {  cursor:url(grabbing.png) 8 8, move;}
.owl-carousel  .owl-wrapper,.owl-carousel  .owl-item{-webkit-backface-visibility: hidden;-moz-backface-visibility:    hidden;-ms-backface-visibility:     hidden; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0);  -ms-transform: translate3d(0,0,0);}
#owl-demo .item img{ display: block;width: 100%;height: auto;}
.owl-theme .owl-controls {text-align: center; width:100%;}
.owl-pagination{text-align: center; position:absolute; bottom:24px; display:block !important; width:100%; z-index:99;}
.owl-theme .owl-controls .owl-page span { background: url(../images/testimonial-iconoff.png) no-repeat left top;  display: block;height: 20px;width: 20px; margin:0 5px;}
.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span {background:url(../images/on-icon.png) no-repeat left top !important;}
.text-block{position: absolute; top:40%; width: 100%; z-index: 999999; max-width:970px;  left:50%; margin-left:-480px; text-align:center;}

.text-block p{  color: #fff;display: block; line-height:40px;  padding: 10px; text-align: center;  margin-bottom:30px;  font-size:65px; font-family: 'Source Sans Pro'; font-weight:600; line-height:90px; text-transform:uppercase; }
.text-block .yellow{color:#f7c208;}
.text-block .green{color:#02b51f;}
.click-here-btn{ padding: 10px 30px 15px 30px; color:#000; border-radius:5px; display:inline-block !important;  font-size:24px; font-family: 'lato',Arial, Helvetica, sans-serif; font-weight:600;   transition: all 0.3s ease 0s; background-color:#081320; text-align:center; color:#fff; line-height:30px; margin-right:16px;}
.click-here-btn:hover{background:#297aa3; text-decoration:none; color:#fff}
.slider-banner {width: 100%; position:relative; height:719px;}


.text-block-mian{position: absolute; bottom:80px; width: 100%; z-index: 99; max-width:970px; top:45%;  left:50%; margin-left:-480px; text-align:center;}

.text-block-mian p{  color: #fff;display: block; text-align: center; font-size:60px; font-family: 'Source Sans Pro'; font-weight:600; line-height:65px; text-shadow: 1px 3px 10px #393939; text-transform:uppercase; margin-bottom:45px;}
.text-block-mian .yellow{color:#f7c208;}
.text-block-mian .green{color:#02b51f;}

.about-banner{height:auto;}



/* What We Do
 f--------------------------------------------------------------------------------------------------*/
.content-area{ position:relative; z-index:99; padding:30px 0 0px 0;}
.what_we_do{ padding:0px 0 0px 0; margin-top:0px;}
.tabs-nav{ max-width:1170px; width:100%; margin:0 auto; position:relative;}
.tabs-nav a{ width:16%; margin-right:7px;  float:left; font-size:20px; line-height:22px; color:#000 !important; text-align:center;  padding-bottom:15px;}
.tabs-nav a img{ text-align:center !important; margin-top:18px; }
.ie7 .tabs-nav{background: url(../../img/front_images/teb-bg.png) repeat; color:#fff;}
.ie8 .tabs-nav{background: url(../../img/front_images/teb-bg.png) repeat}
.tabs-nav a span{ display:block; height:81px; width:81px; margin:17px auto 15px;}
.tabs-nav a[id1=tab-1] span{ background: url(../images/tab1.png) no-repeat center 0 ; }
.tabs-nav a:hover[id1=tab-1] span, .tabs-nav .active[id1=tab-1] span{ background: url(../images/tab1-hover.png) no-repeat center 0;}
.tabs-nav .active[id1=tab-1]{ background:#;}
.tabs-nav a[id1=tab-2] span{ background: url(../images/tab2.png) no-repeat center 0 ; }
.tabs-nav a:hover[id1=tab-2] span, .tabs-nav .active[id1=tab-2] span{background: url(../images/tab2-hover.png) no-repeat center 0;}
.tabs-nav .active[id1=tab-2]{background:# ;}
.tabs-nav a[id1=tab-3] span{ background: url(../images/tab3.png) no-repeat center 0 ; }
.tabs-nav a:hover[id1=tab-3] span, .tabs-nav .active[id1=tab-3] span{ background: url(../images/tab3-hover.png) no-repeat center 0;}
.tabs-nav .active[id1=tab-3]{ background:# ;}
.tabs-nav a[id1=tab-4] span{ background: url(../images/tab4.png) no-repeat center 0 ; }
.tabs-nav a:hover[id1=tab-4] span, .tabs-nav .active[id1=tab-4] span{ background: url(../images/tab4-hover.png) no-repeat center 0;}
.tabs-nav .active[id1=tab-4]{ background:# ;}
.tabs-nav a[id1=tab-5] span{ background: url(../images/tab5.png) no-repeat center 0 ; }
.tabs-nav a:hover[id1=tab-5] span, .tabs-nav .active[id1=tab-5] span{ background: url(../images/tab5-hover.png) no-repeat center 0;}
.tabs-nav .active[id1=tab-5]{ background:# ;}
.tabs-nav a[id1=tab-6] span{ background: url(../images/tab6.png) no-repeat center 0 ; }
.tabs-nav a:hover[id1=tab-6] span, .tabs-nav .active[id1=tab-6] span{ background: url(../images/tab6-hover.png) no-repeat center 0;}
.tabs-nav .active[id1=tab-6]{ background:# ;}
.tabs-nav a[id1=tab-7] span{ background: url(../images/tab7.png) no-repeat center 0 ; }
.tabs-nav a:hover[id1=tab-7] span, .tabs-nav .active[id1=tab-7] span{ background: url(../images/tab7-hover.png) no-repeat center 0;}
.tabs-nav .active[id1=tab-7]{ background:# ;}


.what_we_do .title{ background-color:#000; font-size:30px; line-height:34px; color:#fff;    position:absolute; width:25%; left:0; top:-44px; text-align:center; padding:5px 0;}
.tab_content{ }
.tab_content #tab-1{ background: linear-gradient(to bottom, #019cc6 0, #0095c1 0, #0095c1 1%, #009fc7 15%, #00a4ca 33%, #01a4ca 77%, #009dc6 100%, #02a4ca 100%);}
.tab_content #tab-2{ background: linear-gradient(to bottom, #699d1d 0, #5c960b 0, #5c960b 1%, #639913 4%, #6b9e1f 11%, #73a42d 28%, #75a52f 72%, #72a32a 89%, #6ea024 97%, #6a9f1f 100%, #75a52f 100%);}
.tab_content #tab-3{ background: linear-gradient(to bottom, #e48002 0, #e27600 0, #e27600 1%, #e58600 19%, #e68a08 39%, #e68a07 77%, #e58600 90%, #e48200 100%, #e68a09 100%);}
.tab_content #tab-4{ background: linear-gradient(to bottom, #ce3175 0, #ca216a 0, #ca216a 1%, #cd2d72 6%, #cf3779 15%, #d2417f 31%, #d2417f 81%, #d0397a 96%, #cf3377 100%, #d24181 100%);}
.tab_content #tab-5{ background: linear-gradient(to bottom, #e74040 0, #e63130 0, #e73939 4%, #e84343 11%, #e94a4a 19%, #ea4f4f 30%, #ea4f4f 81%, #e94a4a 93%, #e94545 99%, #e84242 100%, #ea4f4f 100%);}

.tab_content #tab-6{ background: linear-gradient(to bottom, #355cab 0, #244ea5 0, #244ea5 1%, #3159a9 7%, #395fad 13%, #4468b1 30%, #4468b1 81%, #3d62af 95%, #375dac 100%, #4569b2 100%);}

.tab_content #tab-7{ background: linear-gradient(to bottom,  #f58837 0, #f48a3b 0, #f48d40 1%, #f49147 3%, #f49147 13%, #f49147 26%, #f49147 77%, #f48d40 94%, #f48a3b 100%, #f58837 100%);}

.tab-content#tab-1 .block.active{text-align:center;}
.tab-content#tab-2 .block.active{ text-align:center;}
.tab-content#tab-3 .block.active{text-align:center; }
.tab-content#tab-4 .block.active{text-align:center;}
.inner_contain_tab{ max-width:1170px; width:100%; margin:0 auto; text-align:center;}
.tab_content .tab-content{ display:none; -webkit-transition:all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
.tab_content .tab-content:first-child{ display:block;}
.tab-content .block{float:left !important; width:100%; padding-bottom:30px; min-height:320px;}
.tab-content .block h2{ color:#fff; line-height:20px; margin:70px 0 50px 0; display:block; font-size:48px; padding:0 10px; text-shadow:2px 0 2px #2b2b2b; font-weight:600;}
.tab-content .block p{ color:#fff; line-height:25px; margin:20px 0 25px 0; font-size:19px; padding:0 10px; }
.tab-content .read-more{width:auto; text-shadow: 1px 1px 1px #000; border:1px solid #fff; border-radius:3px; font-size:18px; color:#fff; padding:8px 20px; transition: all 0.2s ease-in-out 0s;}
.tab-content .read-more:hover{background-color:#fff; color:#000; text-shadow:none;}
/*=======================heading block Css =======================*/
.heading-block{width:100%; /*background:url(../images/bg3.jpg) no-repeat left top;*/ background-size:cover; display:block; padding:60px 0 0px; text-align:center;}
.heading-block h2{font-size:48px; line-height:60px; color:#000; font-weight:400; display:block; margin-bottom:20px;}
.heading-block p{ font-size:18px; font-weight:400; display:block; margin-bottom:20px; padding:0 40px;}
/*=======================kiana block Css =======================*/
.kiana-block{width:100%; /*background:url(../images/bg3.jpg) no-repeat left top;*/ background-size:cover; display:block; padding:60px 0 0px; text-align:center;}
.kiana-block h2{font-size:48px; line-height:60px; color:#000; font-weight:400; display:block; margin-bottom:20px;}
.kiana-block p{ font-size:18px; font-weight:400; display:block; margin-bottom:20px; padding:0 40px;}

.kiana-bg{background:url(../images/cz-banner-15.png) no-repeat left top; 	background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	min-height:100%; padding:100px 0;}
	

.kiana_block .paralax_content p{font-size:19px; font-weight:400; text-align:center; color:#fff; width:100%; text-align:center;}
.kiana_block .paralax_content h2{font-size:40px; font-weight:600; text-align:center; color:#fff;}
.kiana_block .paralax_content .lets-btn{background-color:#fff; display:block; padding:7px 20px; border-radius:3px; font-size:16px; color:#000; width:100px; text-align:center;}
.kiana_block .paralax_content{width: 100%; z-index: 999;text-align:center;}	
/*======================= All Devices Responsive Css =======================*/
.service-block{text-align:center; display:block; padding:0px 0; }
.service-block .service{width:47%; float:left; margin-right:70px;}
.service-block .service .icon{width:auto; display:block; margin-bottom:20px;}
.service-block .service .icon img{max-width:100%; display:block;}
.service-block .service p{color: #727272;font-family: "Source Sans Pro",sans-serif,Arial,Helvetica,sans-serif;font-size: 16px;font-weight: 400;line-height: 24px;margin-bottom: 20px; text-align:justify;}
.service-block .service.last{margin-right:0px;}
.service-block  div.services_box { width:11%; *width:26.5%; float:left; padding:20px 30px 30px; }
.service-block  div.services_box { width:11%; position:relative;}
.service-block div.services_box div.icon { width:112px; height:112px; margin:0 auto; position:relative; }
.service-block div.services_box div.icon img { /*left:13px; top:14px;*/ position:absolute; border-radius:300px; -moz-border-radius:300px; -webkit-border-radius:300px; }
.service-block div.services_box div.icon span { display:block; height:112px; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; background:url(../images/consultancy_solutions_sprite.png); height:112px; width:112px;}
.service-block div.services_box div.icon span.mobile_str{background-position:-0px 0px;}
.service-block div.services_box div.icon span.ent_mob{background-position:-695px 0px;}
.service-block div.services_box div.icon span.cld_comp{background-position:-818px 0px;}
.service-block div.services_box div.icon span.ent_sol{background-position:-939px 0px;}
.service-block div.services_box div.icon span.mar_ktn{background-position:-1059px 0px;}
 .service-block div.services_box div.icon span.des_ign{background-position:-1182px 0px;}
.service-block div.services_box:hover div.icon span { -webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); -o-transform:rotate(360deg); -ms-transform:rotate(360deg); }
.right-arrow{    width: auto;background: none;  position: absolute; bottom: 64px; left: 162px;}
div.services_box div.text { min-height:120px;}
div.services_box h2 { margin-top:5px; font-size:15px; margin-bottom:5px; font-weight:bold;}
div.services_box h3 { margin-top:5px; margin-bottom:5px; color:#727272;}
div.services_box.web h3 { color:#f58220; }
div.services_box.mobile h3 { color:#15a3eb; }
div.services_box.ui h3 { color:#569e26; }
div.client_say { width:49%; padding-top:5px; padding-bottom:0px; }
div.paging.l_side, #home_content div.paging.r_side { width:47%; margin-bottom:60px; }
div.paging.l_side { float:left; }
div.paging.r_side { float:right; }
.services_box .icon div{background-image:url(../images/consultancy_solutions_sprite.png); height:85px; width:85px; display:inline-block; position:absolute; top:14px; left:13px;}
.services_box .icon .enterprise_mobile{background-position:-1px 0px;}
.services_box .icon .enterprise_e_web{background-position:-96px 0px;}
.services_box .icon .enterprise_gaming{background-position:-191px 0px;}
.services_box .icon .enterprise_solution{background-position:-286px 0px;}
.services_box .icon .enterprise_e_marketing{background-position:-382px 0px;}
.services_box .icon .enterprise_e_design{background-position:-477px 0px;}

/*======================= portfolio page =======================*/

.content-area .short-content p {    color: #666;    font-family: "Source Sans Pro",sans-serif;    font-size: 16px;    font-weight: 400;    line-height: 22px;    padding: 0 160px;    text-align: center;}
.paralax-bg{background:url(../images/paralax-bg.jpg) no-repeat left top; 	background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	min-height:100%; padding:100px 0;}

.letstalk_block { margin:50px 0 0 0;}
.letstalk_block .paralax_content p{font-size:16px; font-weight:400; text-align:center; color:#fff; width:100%; text-align:center;}
.letstalk_block .paralax_content h2{font-size:40px; font-weight:600; text-align:center; color:#fff;}
.letstalk_block .paralax_content .lets-btn{background-color:#fff; display:block; padding:7px 20px; border-radius:3px; font-size:16px; color:#000; width:100px; text-align:center;}
.letstalk_block .paralax_content{width: 100%; z-index: 999;text-align:center;}

.portfolio-block{width:100%; display:block;  padding:25px 0px;  margin-top:30px;}
.portfolio-block h2{width:auto; display:block; text-align:center; font-size:40px; color:#000; font-weight:600;   margin-bottom:10px; text-transform:uppercase;}
.portfolio-block p{width:auto; display:block; text-align:center; font-size:20px; color:#222; font-weight:400;   margin-bottom:10px; text-transform:uppercase;}


.portfolio-block .read-btn {  padding: 15px 25px;  font-size: 24px;  text-align: center;  cursor: pointer;  outline: none;  color: #fff;  background-color: #005c83;  border: none;  border-radius: 15px;  box-shadow: 0 9px #999; margin-top:30px; display:block; width:200px;}
.portfolio-block .read-btn:hover {background-color: #3e8e41}
.portfolio-block .read-btn:active {  background-color: #3e8e41;  box-shadow: 0 3px #666;  transform: translateY(4px);}






.tooltip {
position: absolute; opacity: 0; color: #FFF; font-size:0px;top: 20px; left: -2px;    width: 89%;background:url(../images/portfoli2-hover.png) no-repeat left top;
-webkit-transition: .5s; transition: .5s;-webkit-transform: rotateY(180deg); transform: rotateY(180deg);height:405px; text-align:center;     padding: 33px 25px 0 25px; background-size:100%;}

.tooltip h2{ color: #fff;  font-size: 25px;text-align: center; text-shadow: 1px 1px 4px #000; line-height: 32px; padding: 15px 15px; display:block;}
.tooltip p{display:block;  font-size:15px;line-height:20px; margin:0; color:#fff;   text-align:left;text-shadow: 0px 0px 2px #000;}
.tooltip ul{margin:10px 0 0 0; padding:0;}
.tooltip ul li{ background:url(../images/drop-icon.png) no-repeat left 2px;  line-height:24px; display:block; float:left; list-style: none;  float:left; margin: 0 0 0px 0px; font-size:16px; color:#fff; text-align:left; padding:0 0 0 26px; text-shadow: 0px 0px 2px #000;} 

.image-block-middle:hover .tooltip {
opacity: 1; top: 0px;
-webkit-transform: rotateY(0deg); transform: rotateY(0deg);
}




/*.image-block{background-color:#fff; display:block; padding:5px;}
.image-block .image1{width:auto; margin-right:25px;}
.image-block .image1.last{margin:0px;}
.image-block .image1 img{max-width:100%;}
.bottom-image{width:auto; display:block; background-color:#fff;}
.bottom-left{float:left; width:auto; margin-right:23px; margin-left:5px;}
.bottom-right{float:left; max-width:220px;}
.bottom-right .second-image{margin-bottom:23px; display:block;}*/

/*======================= Testimonial page =======================*/

.paralax-bg1{ background:url(../images/paralax-bg1.jpg) no-repeat left top;  background-attachment:fixed; background-position: center;
    background-repeat: no-repeat;    background-size: cover;	min-height:100%; padding:100px 0;}
.testimonial-block .testimonial_content h2{width:auto; display:block; text-align:center; font-size:36px; color:#fff; font-weight:600; text-transform:uppercase;}
.testimonial-block .testimonial_content{width: 100%; z-index: 999; text-align:center}
.testimonial-block .testimonial_content h3{width:auto; display:block; text-align:center; font-size:24px; color:#ccc; font-weight:700;  }
.testimonial-block .testimonial_content figure{width:auto; display:block; margin-bottom:20px;}
.testimonial-block .testimonial_content #owl-demo2 .owl-item div{  padding:5px;}
.testimonial-block .testimonial_content #owl-demo2 .owl-item img{display: block; height: auto; -webkit-border-radius: 3px; -moz-border-radius: 3px;  border-radius: 3px;}
.testimonial-block .testimonial_content .owl-carousel .owl-wrapper:after {content: ".";display: block;	clear: both;	visibility: hidden;	line-height: 0;	height: 0;}
.testimonial-block .testimonial_content .owl-carousel{display: none;position: relative;	width: 100%;-ms-touch-action: pan-y;}.owl-carousel .owl-wrapper{display: none;	position: relative;	-webkit-transform: translate3d(0px, 0px, 0px);}
.testimonial-block .testimonial_content .owl-carousel .owl-wrapper-outer{overflow: hidden;	position: relative;	width: 100%;}
.testimonial-block .testimonial_content .owl-theme .owl-controls2{margin-top: 10px;text-align: center;}
.testimonial-block .testimonial_content .owl-theme .owl-controls2 .owl-buttons2 div{	color: #FFF;	display: inline-block;	zoom: 1;*display: inline;/*IE7 life-saver */margin: 5px;padding: 3px 10px;font-size: 12px;-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;	background: #869791;	filter: Alpha(Opacity=50);/*IE7 fix*/	opacity: 0.5;}
.testimonial-block .testimonial_content p{  color: #ccc;display: block; line-height:24px;  padding: 10px; text-align: center;  margin-bottom:30px;  font-size:16px;   margin-bottom:60px; padding:0 50px;}
.testimonial-block .testimonial_content .owl-page2 span { background:url(../images/testimonial-iconoff.png) no-repeat left top !important;  display: block;height: 16px;width: 16px; margin:0 5px;}
.testimonial-block .owl-page2.active span, .owl-theme .owl-controls2.clickable .owl-page:hover span {background:url(../images/testimonial-iconon.png) no-repeat left top !important;}
.testimonial-block .owl-theme .owl-controls .owl-buttons div{display:none;}

/*======================= footer page =======================*/
.footer-block .subscribe-block{ background:#222; padding:30px 0; position:relative; z-index:99;}
.footer-block .subscribe-block .left-sidebar{ float:left; width:45%; background:url(../images/email-img.png) no-repeat left top;     padding: 22px 0 0 85px; font-family: 'Open Sans',Arial, Helvetica, sans-serif; float:left; font-size:24px; text-transform:uppercase; margin-top:26px; color:#b0b0b0; height: 75px;}
.footer-block .subscribe-block .left-sidebar.last{    float: right;margin-top: 26px; width: 47%; margin-right: 0px;  background: none !important;
 padding:14px 0 0 0;}
.footer-block .subscribe-block .left-sidebar .subscribe-input{ font-family: 'Open Sans',Arial, Helvetica, sans-serif; padding:8px 15px; border:1px solid #fff; background:none; font-size:16px; color:#fff; width: 72%;}
.footer-block .subscribe-block .left-sidebar .subscribe-submit{ font-family: 'Open Sans',Arial, Helvetica, sans-serif;     padding: 8px 11px; color:#fff; background:#005c83; border:none; font-size:16px; border:1px solid #fff; transition:all 0.2s ease-in-out 0s;}
.footer-block .subscribe-block .left-sidebar .subscribe-submit:hover{color:#005c83; background:#fff; border:1px solid #005c83; cursor:pointer;}
.footer-content-block{background:#232c3b; width:100%; display:block; padding:40px 0 10px 0; position:relative; z-index:99; text-align:center;}
.footer-content-block .first-content-part{ float:left; width:48%; margin-right:15px;}
.footer-content-block .first-content-part h2{ text-align:left; font-size:30px; font-weight:600; font-family: 'Open Sans',Arial, Helvetica, sans-serif; color:#b0b0b0;padding:0 0 20px 0; margin:0;}
.footer-content-block .first-content-part h3{ text-align:left; font-size:20px; font-weight:600; font-family: 'Open Sans',Arial, Helvetica, sans-serif; color:#eaeaea; margin:0; padding:0;}
.footer-content-block .first-content-part p{ text-align:left; font-size:14px; font-weight:400; font-family: 'Open Sans',Arial, Helvetica, sans-serif; color:#b7b7b7; margin:0; padding:10px 0;}
.footer-content-block .first-content-part p .drop_inquiry{ font-size:14px; color:#fff;}

.footer-content-block .first-content-part .text-input{ width:42%; font-size:14px; font-weight:400; font-family: 'Open Sans',Arial, Helvetica, sans-serif; color:#939393; margin:0; padding:8px 15px; border:1px solid #fff; background:none; margin-right:10px;}
.footer-content-block .first-content-part .text-input.last{ margin-right:0;}
.footer-content-block .first-content-part .text-area-input{ font-size:14px; font-weight:400; font-family: 'Open Sans',Arial, Helvetica, sans-serif; color:#939393; margin:0; padding:8px 15px; border:1px solid #fff; background:none; margin-top:10px; height:100px; width:92%; 
 resize: none;}
.footer-content-block .first-content-part .btn-submit{ font-family: 'Open Sans',Arial, Helvetica, sans-serif; padding:8px 15px; color:#fff; background:#005c83; border:none; font-size:16px; border:1px solid #fff; transition:all 0.2s ease-in-out 0s; margin-top:10px; float:left;}
.footer-content-block .first-content-part .btn-submit:hover{color:#005c83; background:#fff; border:1px solid #005c83; cursor:pointer;}
.footer-content-block .first-content-part.last{ float:right; margin-right:0;}
.copyright-block{background:#222; padding:15px 0; position:relative; z-index:99;}
.copyright-block p{font-size:16px; font-weight:400; font-family: 'Open Sans',Arial, Helvetica, sans-serif; color:#ccc; margin:0; padding:0; text-align:center;}
.footer-content-block .component{ text-align:center; padding-top:50px;}
.footer-content-block .component ul{ display:inline-block; margin:0;}
.footer-content-block .component ul li{ float:left; list-style:none; }
.footer-content-block .component ul li a{ text-decoration:none; color:#fff; font-size:20px; background:#008bc6; border:1px solid #fff; border-radius:50%; padding:10px; transition:all 0.2s ease-in-out 0s; margin:0 0px 0 10px;}
.footer-content-block .component ul li a:hover{ background:#fff; border:1px solid #008bc6; color:#008bc6;}
.footer-content-block .component ul li a.blog-ico{ background:url(../images/blog.png) no-repeat left top; height:49px; width:49px; display:inline-block; border:none; font-size:0; padding:0; margin-top:-16px;}
.footer-content-block .component ul li a.blog-ico:hover{background:url(../images/blog-hover.png) no-repeat left top; height:49px; width:49px; display:inline-block;}
.footer-content-block .quicklinks{ text-align:center; padding-top:20px;}
.footer-content-block .quicklinks ul{ display:inline-block; margin:0;}
.footer-content-block .quicklinks ul li{ float:left; list-style:none;}
.footer-content-block .quicklinks ul li a{ text-decoration:none; color:#b7b7b7; font-size:18px;padding:0 15px; transition:all 0.2s ease-in-out 0s; }
.footer-content-block .quicklinks ul li:last-child a{ border-right:0;}
.footer-content-block .quicklinks ul li a:hover{ color:#008bc6;}

footer .social-icon {  text-align:center; display:table; margin-bottom:20px; margin-top:40px;}
footer .social-icon  a{background:url(../images/social-icon.png) no-repeat  0 0; display:block; float: left; height: 64px; transition: background-position 0.3s ease 0s; width: 64px;}
footer .social-icon  a.facebook-icon {background-position:0 0; }
footer .social-icon  a.facebook-icon:hover{ background-position: 0px -64px;}
footer .social-icon  a.twitter-icon {background-position:-65px 0; }
footer .social-icon  a.twitter-icon:hover{ background-position: -65px -64px;  }
footer .social-icon  a.googleplus-icon {background-position:-129px 0;}
footer .social-icon  a.googleplus-icon:hover{ background-position: -129px -64px;}
footer .social-icon  a.linkedin-icon {background-position:-192px 0px;}
footer .social-icon  a.linkedin-icon:hover{ background-position: -192px -64px; }
footer .social-icon  a.pinterest-icon {background-position:-257px 0px}
footer .social-icon  a.pinterest-icon:hover{ background-position: -257px -64px; display: block; }
footer .social-icon  a.youtube-icon {background-position:-321px 0px}
footer .social-icon  a.youtube-icon:hover{ background-position: -321px -64px; display: block; }


/*-----mobile nav Part ------*/
.mobile-nav-icon{  border-radius: 3px; color: #000 !important; display: none; float: right; font-size: 15px; font-weight: 400; height: 17px; letter-spacing: 1px; line-height: 15px; margin: 0; padding: 9px 75px 5px 11px; position: absolute;  right: 0;  text-align: right; text-decoration: none; text-transform: uppercase; top: 15px; width: 37px; text-decoration:none;}
.mobile-nav-icon:hover{text-decoration:none;}
.mobile-nav-icon span{background: url("../images/mobile-icon.png") no-repeat; bottom: 20px;height: 27px;left: 46px; position: absolute; right: 10px; top: 10px; width: 28px;}
.mobile-nav-block .m-title{ font-size:20px; line-height:40px; font-weight:bold; color:#02a4ca; margin:20px 15px 19px 15px; display:block; text-transform: uppercase;}
.mobile-nav-block{ position:absolute; width:74%; right:0; background:#fff; z-index:0; display:none; border-bottom:1px solid #fff; clear:both; }

/*----- frist lavel mobile nav ------*/ 
.mobile-nav-block ul{ display:block; margin:0; padding:0;}
.mobile-nav-block ul li{ background:none; padding:0; border-top:1px solid #f5f5f5; margin:0 0px; position:relative; width:100%; display:block;}
.mobile-nav-block ul li a{ display:block; font-size:13px; line-height:18px; color:#3a3a3a;  padding: 11px 15px 7px; text-decoration: none; text-transform:uppercase; font-weight:600;}
.mobile-nav-block ul li a:hover{color:#fff; background:#02a4ca;}
.mobile-nav-block ul li a.active{ color:#fff; background:#02a4ca;}

.mobile-nav-block ul li em{background:url(../images/arrow-icon.png) no-repeat center 16px; display:block; float:right; position:absolute; cursor:pointer; right:0; top:0; width:40px; height:40px; border:none;}
/*----- second lavel mobile nav ------*/ 
.mobile-nav-block ul li ul.child{ margin:0; display:none;}
.mobile-nav-block ul li ul.child li{background:#f0f0f0; border-top:none; color:#fff; border-bottom:1px solid #fff;}
.mobile-nav-block ul li ul.child li a{ margin-left:20px; color:#000; padding:8px 0 8px 0; font-size:11px;  font-weight:600;}

.mobile-nav-block ul li ul.child li a i{background: url(../images/icon-spirit.png) no-repeat;  float: left;}
.mobile-nav-block ul li ul.child li a i.ios-icon{  background-position: -35px 0px; width: 20px;  height: 25px;  margin: 0px 7px 0 0;}
.mobile-nav-block ul li ul.child li a i.phone-icon{  background-position: -56px 0px; width: 17px;  height: 25px;  margin: 0px 7px 0 0;}
.mobile-nav-block ul li ul.child li a .ipad-icon{  background-position: -72px 0px; width: 20px;  height: 25px;  margin: 0px 7px 0 0;}
.mobile-nav-block ul li ul.child li a i.android-icon{  background-position: -117px 0px; width: 20px;  height: 25px;  margin: 0px 7px 0 0;}
.mobile-nav-block ul li ul.child li a i.cross-icon{  background-position: -138px 0px; width: 20px;  height: 25px;  margin: 0px 7px 0 0;}
.mobile-nav-block ul li ul.child li a i.php-icon{  background-position: -167px 0px; width: 20px;  height: 25px;  margin: 0px 7px 0 0;}
.mobile-nav-block ul li ul.child li a i.net-icon{  background-position: -194px 0px; width: 17px;  height: 25px;  margin: 0px 7px 0 0;}
.mobile-nav-block ul li ul.child li a i.java-icon{  background-position: -220px 0px; width: 20px;  height: 25px;  margin: 0px 7px 0 0;}
.mobile-nav-block ul li ul.child li a i.web-icon{  background-position: -241px 0px; width: 20px;  height: 25px;  margin: 0px 7px 0 0;}
.mobile-nav-block ul li ul.child li a i.magento-icon{  background-position: -264px 0px; width: 20px;  height: 25px;  margin: 0px 7px 0 0;}
.mobile-nav-block ul li ul.child li a i.wp-icon{  background-position: -287px 0px; width: 20px;  height: 25px;  margin: 0px 7px 0 0;}
.mobile-nav-block ul li ul.child li a i.netnuke-icon{  background-position: -316px 0px; width: 20px;  height: 25px;  margin: 0px 7px 0 0;}
.mobile-nav-block ul li ul.child li a i.ibeacon-icon{  background-position: -342px 0px; width: 20px;  height: 25px;  margin: 0px 7px 0 0;}
.mobile-nav-block ul li ul.child li a i.cloud-icon{  background-position: -366px 0px; width: 20px;  height: 25px;  margin: 0px 7px 0 0;}
.mobile-nav-block ul li ul.child li a i.internet-icon{  background-position: -390px 0px; width: 20px;  height: 25px;  margin: 0px 7px 0 0;}
.mobile-nav-block ul li ul.child li a i.itranscript-icon{  background-position: -417px 0px; width: 20px;  height: 25px;  margin: 0px 7px 0 0;}
.mobile-nav-block ul li ul.child li a i.cloudrock-icon{  background-position: -447px 0px; width: 20px;  height: 25px;  margin: 0px 7px 0 0;}
.mobile-nav-block ul li ul.child li a i.seo-icon{  background-position: -474px 0px; width: 20px;  height: 25px;  margin: 0px 7px 0 0;}
.mobile-nav-block ul li ul.child li a i.content-icon{  background-position: -500px 0px; width: 20px;  height: 25px;  margin: 0px 7px 0 0;}
.mobile-nav-block ul li ul.child li a i.who-we-icon{  background-position: -527px 0px; width: 20px;  height: 25px;  margin: 0px 7px 0 0;}
.mobile-nav-block ul li ul.child li a i.mision-icon{  background-position: -576px 0px; width: 20px;  height: 25px;  margin: 0px 7px 0 0;}
.mobile-nav-block ul li ul.child li a i.development-icon{  background-position: -553px 0px; width: 20px;  height: 25px;  margin: 0px 7px 0 0;}



.mobile-nav-block ul li ul.child li a:hover{ color:#000; background:none;}
/*----- thread lavel mobile nav ------*/ 
.mobile-nav-block ul li ul.child li .sub-child{ margin:0; display:none;}
.mobile-nav-block ul li ul.child li .sub-child li{ background:#cda419; border-bottom:1px solid #fff;}
.mobile-nav-block ul li ul.child li .sub-child li a{ color:#f6f6f6; font-size:12px; margin-left:30px;}
.mobile-nav-block ul li ul.child li .sub-child li a:hover{ color:#fff; background:none;}
.mobile-nav-block ul li .right-top{width:auto; float:right; margin-top:24px; text-align:right;}
.mobile-nav-block .right-top span{width:auto; display:block; font-size:18px; color:#a58208; margin-left:10px; margin-top:15px; margin-bottom:15px;}
.mobile-nav-block .right-top .uk{color:#100f0f; font-size:14px; margin-left:10px; font-weight:400; background:url(../images/uk-no.jpg) no-repeat left top; padding:0 0 0 30px; width:90%; display:block; margin-bottom:10px;}
.mobile-nav-block  .right-top .usa{color:#100f0f; font-size:14px; margin-left:10px; font-weight:400; background:url(../images/usa-no.jpg) no-repeat left top; padding:0 0 0 30px; width:90%; display:block; margin-bottom:10px;}
.mobile-nav-block .right-top .india{color:#100f0f; font-size:14px; margin-left:10px; font-weight:400; background:url(../images/india-no.jpg) no-repeat left top; padding:0 0 0 30px; width:90%; display:block; margin-bottom:10px;}
.mobile-nav-block .menu-block h3{font-size:15px; font-weight:600;  margin-bottom:5px; margin-left:15px;}


/*=======================who we are Css =======================*/
.who-we-block{width:100%; display:block; text-align:center;}
.who-we-block h1{font-size: 24px; color: #20b6c8; font-weight: 400; line-height: 32px; margin-bottom: 5px; margin-top:20px;}
.who-we-block span{    width: auto;display: block;  font-size: 20px;  color: #000; font-weight: 300;    margin-bottom: 10px; margin-top: 20px;}
.who-we-block em{height:8px; display:block; text-align:center; margin-bottom:20px; padding-top:3px;}
.who-we-block h2{    font-size: 24px; color: #313131;  font-weight: 400; line-height: 30px;margin-bottom: 10px; }
.who-we-block p{width:auto; display:block; font-size:18px; color:#818181; font-weight:400; text-align:center;}
.domain_block{width:auto; display:block; text-align:center;}
.domain_block h2{background:url(../images/line-bg.jpg) no-repeat left top; height:1px; display:block; margin-bottom:30px; line-height:1px;}
.domain_block span{background-color:#fff; font-size:30px; color:#20b6c8; display:block; width:300px; font-style:normal; font-weight:400;}
.domain_block p{width:auto; display:block; font-size:16px; color:#818181; font-weight:400; margin-bottom:20px; text-align:justify;}
.solution{width:auto; color:#313131; font-size:24px; font-weight:600; margin-bottom:15px; display:block;}
.solution:hover{color:#fb882b; cursor:pointer;}
.our-vision-block{width:100%; display:block; margin-top:20px; margin-bottom:80px;}
.our-vision-block .lef-vision{width:14%; float:left; padding:3%; background-color:#ed6e31; font-size:30px; color:#fff; text-align:center;}
.our-vision-block .right-vision{width:76%; float:right; padding:2%; background-color:#e1e1e1; font-size:18px; color:#313131; line-height:23px; font-style:italic;}
.insfracture-block{width:100%; display:block; margin-bottom:40px;}
.insfracture-block .about_gellery { margin:20px 0 0 10px; }
.insfracture-block .about_gellery ul { margin:0; padding:0; list-style:none; overflow:hidden; max-width:1170px;}
.insfracture-block .about_gellery ul li { padding:5px 3px; background:none; margin:0; float:left; list-style:none; vertical-align:top;  transition:0.3s ease-out;}
.insfracture-block .about_gellery ul li img { border:0px solid #fff; width:211px; height:160px; vertical-align:top; transition:0.3s ease-out; -webkit-transition:0.3s ease-out; -moz-transition:0.3s ease-out; -o-transition:0.3s ease-out;}
.insfracture-block .about_gellery ul li.right{ float:right; margin-right:34px;}
.insfracture-block .about_gellery ul li:hover img{ transform:scale(1.08); -webkit-transform:scale(1.08); -o-transform:scale(1.08); -moz-transform:scale(1.08);}

/*======================= Team page Css =======================*/
.team-image-block{width:auto; display:block; text-align:center;}
.team-image-block figure{width:auto; display:block; text-align:center;}
.team-image-block figure img{max-width:100%; display:block;}
.team-image-block span a{font-size:24px; color:#dfae00; font-weight:700; font-style:normal; display:block}
.team-image-block span b{font-size:20px; color:#313131; font-style:normal; font-weight:300; width:100%; display:block; margin-top:10px;}
.image-main{width:390px; float:left; margin-bottom:50px;}
.team-image-block span a:hover{color:#313131; text-decoration:none;}
.image-main figure{width:auto; display:block; text-align:center;}
.image-main figure img{max-width:100%; display:block;}
.image-main span a{font-size:24px; color:#dfae00; font-weight:700; font-style:normal; display:block}
.image-main span b{font-size:20px; color:#313131; font-style:normal; font-weight:300; width:100%; display:block; margin-top:10px;}
.image-main span a:hover{color:#313131; text-decoration:none;}


/*======================= Team page Css =======================*/
.our-vision-block{width:100%; display:block; text-align:left;}
.our-vision-block h4{font-size:24px; font-weight:400; color:#20b6c8;}
.our-vision-block p{font-family: 'Source Sans Pro', sans-serif;  font-weight:400px; color:#6a6a6a; text-align:justify;}

/*======================= All Devicpes Responsive Css =======================*/
.rowtl {float: left; margin: 0; padding: 0; width: 100%;}
.rowtl ul {background:url(../images/process-line.jpg) repeat-y 50% 0; margin: 0 auto; overflow: hidden; padding: 0;}
.rowtl ul li{float: left; margin-bottom: 50px; width: 99.8%;  background:none; padding:0px;}
.rowtl ul li.odd div.tleft{ float: left; line-height: 84px;  margin: 0; padding: 0; position: relative;text-align: right;width: 45%;}
.rowtl ul li.odd div.tleft div.text-middle{  float: right; font-size: 20px; font-weight: 400; height: 88%;line-height: normal; margin-bottom: 7%;
 margin-right: -40px; margin-top: 4.5%;  width: 100%;}
.rowtl ul li.odd div.tleft div.text-middle i {color: #838f9d; padding: 0 10px 0 0; position: relative; top: 20px;}
.rowtl ul li.odd div.tright{background:url(../images/arrow-round.png) no-repeat 5px center; float: left; margin: 0 0 0 4%;   padding-left: 4%; position: relative; width: 47%;}
.rowtl ul li.odd div.tright span::before{ border-color: rgba(192, 203, 211, 0) #c0cbd3 rgba(192, 203, 211, 0) rgba(192, 203, 211, 0);border-width: 8px;    margin-top: -8px;}
.rowtl ul li.odd div.tright span { border: 1px solid #c0cbd3; border-radius: 10px; float: left;font-size: 16px; font-weight: 200; line-height: 28px;
 padding: 2%;    width: 96%;}
.rowtl ul li.odd div.tright span::after {border-color: rgba(255, 255, 255, 0) #ffffff rgba(255, 255, 255, 0) rgba(255, 255, 255, 0);
border-width: 7px; margin-top: -7px;}
.rowtl ul li.even div.tleft {float: right; font-size: 20px; font-weight: 400; line-height: 84px;  margin: 0;  padding: 0;  position: relative;     text-align: left;    width: 47%;}
.rowtl ul li.even div.tleft div.text-middle {float: right;font-size: 20px; font-weight: 400; height: 88%;line-height: normal; margin-bottom: 7%;
 margin-top: 4.5%; width: 100%;}
.rowtl ul li.even div.tleft div.text-middle i {color: #838f9d; padding: 0 10px 0 0; position: relative; top: 20px;}
.rowtl ul li.even div.tright {background: url(../images/arrow-round.png) no-repeat right center;float: right; margin: 0 2.2% 0 0; padding: 0 3.8% 0 0;position: relative; width: 47%;}
.rowtl ul li.even div.tright span {border: 1px solid #c0cbd3;border-radius: 10px; float: left;font-size: 16px; font-weight: 200; line-height: 28px;
padding: 2%;width: 96%;}

/*=======================servives page Css =======================*/
.service-main-block{width:100%; display:block; margin-top:90px;}
.service-main-block .box1{width:357px; float:left; background-color:#fb882b;  margin-right:48px; position:relative; text-align:center; margin-bottom:90px; min-height:350px;}

.service-main-block .box1 figure{bottom: 19px;left: 0;position: absolute;right: 0;top: -62px; }
.service-main-block .box1 .title{color: #fff;display: block; font-size: 24px; font-weight: 600; margin-bottom: 15px; width: auto; position:relative; z-index:9; margin-top:110px;  text-shadow: 2px 0 4px #313131;}
.service-main-block .box1.orange{ background:linear-gradient(to bottom, #019cc6 0, #0095c1 0, #0095c1 1%, #009fc7 15%, #00a4ca 33%, #01a4ca 77%, #009dc6 100%, #02a4ca 100%); !important;}
.service-main-block .box1.green{background-color:#00ccaa !important;}
.service-main-block .box1.account{ background-color:#fe7c77 !important; }
.service-main-block .box1.itranscript{background:linear-gradient(to bottom, #9b5592 0, #934789 0, #934789 1%, #964d8c 3%, #9d5993 13%, #a26198 26%, #a3629a 77%, #9f5d96 94%, #9c5793 100%, #a3639a 100%);!important;}
.service-main-block .box1.network{ background-color:#20b6c8 !important;  text-align:center;}
.service-main-block .box1.last{margin-right:0px;}
.service-main-block .box1 ul{margin:0px; padding:0px 0 0 58px;}
.service-main-block .box1 ul li{padding:5px 7px; background:none;  line-height:18px; display:block; float:left; list-style: none; position:relative;  margin: 0 0 0px 0px; width:97%; text-align:left; color:#fff;  font-size:17px;  font-weight:400;}
.service-main-block .box1 ul li a{text-decoration:none; display:block; color:#fff;  margin:0 0px;  font-size:17px;  font-weight:400; text-decoration:none; }
.service-main-block .box1 ul li a:hover{color:#313131;}

/*-----popup css part ------*/
.yourModalClass {  background-color: #ffffff;   border: 1px solid #cccccc;    display:block;    border-radius: 5px;   max-width: 500px; position:relative; }
.yourModalClass h2{background-color:#ffba00; font-size:20px; color:#fff; width:96%; display:block; padding:10px; position:relative; top:0px; } 
.popup-main .contect-form .contact-left{width:1000px; float:left;}
.popup-main .input-style{ border: 1px solid #ccc; border-radius: 5px;  font-family: 'gravitybook';  font-size: 14px;  padding: 5px 10px 5px; display:block;  width:100% !important; margin-bottom:10px; color:#333; background:none; overflow:scroll;}
.ref{ width:100%;}
.input-ref{ border: 1px solid #000; border-radius: 5px; font-family: "Source Sans Pro",sans-serif; font-size: 16px;  padding:10px; display:block;  width:88% !important; margin-bottom:10px; color:#313131; background:none; overflow:scroll; float:right; margin-right:-22px;}
.popup-btn{cursor:pointer; border:none; background-color:#cc9933; color:#fff; font-family: 'gravitybook'; font-size: 18px; text-decoration:none; text-align:center; padding: 5px 21px 3px; border-radius:5px; text-transform:uppercase;  transition: all 0.3s ease 0s; margin-bottom:10px;}
.popup-btn:hover{background-color:#ffba00; color:#fff;}
.close-btn{position:absolute; top:5px; right:20px; }
.popup-main{width:90%; padding:0 5%;}\
.yourModalClass .popup-main p{ margin-bottom:10px; display:inline-block;}
.owl-pagination{display:none;}
.fancybox-custom .fancybox-skin {box-shadow: 0 0 50px #222;	}

/*=======================itramscript page Css =======================*/
.itranscript-block{width:100%; display:block; margin-bottom:50px;}
.itranscript-block .itranscript-left{width:807px; float:left;}
.itranscript-block .itranscript-left em {background: url("../images/how-bottom-bg.jpg") no-repeat  left bottom;  display: block; height: 8px; margin-bottom: 20px; text-align: center;}
.itranscript-block .itranscript-left ul{margin:0; padding:0px;}
.itranscript-block .itranscript-left li{list-style:none; background:url(../images/itranscript-icon.png) no-repeat left top; line-height:20px; padding: 0 0 12px 31px; font-size:17px;}
.itranscript-block .itranscript-right{width:330px; float:right; background-color:#fafafa; padding:30px 10px; position:relative;}
.itranscript-block .itranscript-right iframe{width:330px; margin-bottom:50px; height:500px;}
.itranscript-block .itranscript-right .itranscript-logo{ position: relative;}
.itranscript-block .itranscript-right .get-btn{width:100%; padding:10px 0; display:block; background-color:#72be44; color:#fff; border-radius:5px; font-size:20px; font-weight:600; text-align:center; text-transform:uppercase; margin-bottom:30px;}
.itranscript-block .itranscript-right .get-btn:hover{background-color:#000;}
.itranscript-block .itranscript-left figure{ width:100%; display:block;}
.itranscript-block .itranscript-left figure img{ max-width:100%;}


/*=======================Support page Css =======================*/
form{ max-width:1100px; margin:0 auto; text-align:left;  padding-bottom:10px; margin-bottom:20px;}
form ul li{ float:left; width:48%; margin:0 0 20px; padding:0; background:none; position:relative; list-style:none;}
form ul li.right{ float:right;}
form ul li label{  repeat-x #fff; border:1px solid #B3B1B3; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; width:100%; margin:0; display:block; float:left;}
form ul li label em{ float:left; width:30px; height:32px; text-align:center; line-height:36px; color:#979797; font-size:16px; margin:0 5px 0 0; background:none !important;}
form ul li label input{ border:none; float:left; width:87%; padding-left:0; color:#1a1a1a; font-weight:400; padding: 9px 0px;}
form ul li.checkbox{ width:100%;}
form ul li.checkbox label{ border:0; background:none; width:auto; display:block; padding:0; margin:12px 0 0; clear:both;}
form ul li.checkbox label input{ width:auto; margin:3px 10px 0 0;}
form ul li.checkbox .checkbox_title{ font-size:20px; font-style:normal; font-weight:700; line-height:24px; text-transform:uppercase; display:block; color:#000; text-align:left; margin-bottom:5px;}
form ul li.textarea{ width:100%;}
form ul li.textarea textarea{ border:0; background:none; width:89%; font-weight:400; padding-left:0; height:113px; color:#000;}
form ul li.textarea .info_para{ padding:0; text-align:left; font-size:12px; line-height:20px; color:#7b7b7b; font-family:"Open Sans",sans-serif; font-style:normal; padding:3px 0 0 0; margin:0; clear:both;}
form ul li.submit_btn{ width:100%;}
form ul li .captcha{ margin:0 0 10px;}
form ul li label .error-inner{ bottom: -17px; color: red; font-size: 12px; font-weight: normal; left: 0; position: absolute;}
form ul li .error-exist{ display:none; bottom: -17px; color: red; font-size: 12px; font-weight: normal; left: 0; position: absolute;}
form ul li .redMsgLarge{ color: red; margin-top:10px; font-size:16px; line-height:20px;}
form ul li .yellow-btn{background-color:#000; color:#fff; font-size:18px; font-weight:bold; border:none; border-radius:3px; padding:5px 10px; cursor:pointer;}
form ul li .yellow-btn{background-color:#3d63af; color:#fff; font-size:18px; font-weight:bold; border:none; border-radius:3px; padding:7px 20px; cursor:pointer; transition: all 0.2s ease-in-out 0s;}
form ul li .yellow-btn:hover{background-color:#000; color:#fff; }
form ul li .black-btn{background-color:#000; color:#fff; font-size:18px; font-weight:bold; border:none; border-radius:3px; padding:5px 10px; cursor:pointer; transition: all 0.2s ease-in-out 0s;}
form ul li .black-btn:hover{background-color:#dfae00;}
.support-bottom-block{width:100%; display:block; margin-bottom:30px;}
.support-bottom-left{width:599px; float:left;}
.support-bottom-left img{max-width:100%; display:block}
.support-bottom-right{width:550px; float:right; text-align:left; margin-top:50px;}
.support-bottom-right .leran-more-btn{width:auto; background-color:#dfae00; padding:7px 15px; color:#fff; font-weight:400; font-size:22px; line-height:24px; border-radius:3px; transition: all 0.2s ease-in-out 0s;}
.support-bottom-right .leran-more-btn:hover{background-color:#000; color:#fff;}
.support-bottom-right h2{ font-size:30px; color:#20b6c8; font-weight:600; margin-bottom:5px;}
.support-bottom-right p{ padding:0; font-size:16px; color:#494949; font-weight:400; margin-bottom:5px; text-align:justify;}

/*=======================portfolio main page Css =======================*/
.port-main-block{width:100%; display:block; margin:40px 0;}
.port-main-block .portfolio{width:310px; float:left; margin-right:120px;}
.port-main-block .portfolio.last{margin-right:0px;}
.port-main-block .portfolio figure{width:auto; display:block; margin-bottom:20px;}
.port-main-block .portfolio figure img{max-width:100%; display:block}
.port-main-block .portfolio h4 a{font-size:25px; color:#dfae00; font-weight:700; margin-bottom:20px; text-decoration:none}
.port-main-block .portfolio h4 a:hover{color:#313131; text-decoration:none;}
.port-main-block .portfolio p{font-size:16px; color:#494949; font-weight:400; margin-bottom:20px;}


.ajax-loader{ margin-left:15px; float:left; margin-top:10px;}


/*=======================Conatct us page Css =======================*/
.contact-block{width:auto; display:block;}

.form-info-block .left-side form{border:none;}
.form-info-block{ border:0px;}
.form-info-block .left-side{ float:left; width:45%; background:#f1f4f5 ; padding:15px; margin:40px 0;}
.form-info-block .left-side h2{ border-bottom: 1px solid #ccc;color: #000;font-size: 30px; margin: 0 0 20px; padding-bottom: 10px;}
.form-info-block .left-side form label{ display:block; color:#000; font-size:16px; text-transform:capitalize; padding-bottom:10px; margin:0;}
.form-info-block .left-side form p{ margin-bottom:10px;}
.contact-block  input[type="text"]{ padding:10px 10px; background:#fff; border:1px solid #d9dee2; font-size:16px; color:#323a45; width:93%; margin-bottom:5px;}
.contact-block  textarea{ padding:10px 10px; background:#fff; border:1px solid #d9dee2; font-size:16px; color:#323a45; width:93%; height:160px;}
.form-info-block .left-side form .submit-btn{ font-size:24px; color:#fefefe; background:#dfae00; padding:10px 30px; border:none; text-transform:uppercase;border-radius:5px; float:left;}
.contact-block .left-side form .submit-btn{ font-size:20px; color:#fefefe; background:#3d63af; padding:10px 30px; border:none; text-transform:uppercase; border-radius:5px;}
.contact-block .left-side form .submit-btn:hover{ background:#000; cursor:pointer; transition: all 0.2s ease-in-out 0s; border-radius:5px;}
.form-info-block .right-side{ display:block; width:100%; }
.form-info-block .right-side iframe{width:100%; height:350px; }
.form-info-block .right-side .first-block{ margin-bottom:30px;}
.form-info-block .right-side .support-img{ float:left; margin-right:20px;}
.two_mailer{ float:right; width:50%;}
.support-desc { background: url(../images/support-img.png) no-repeat left 26px; padding: 0 0 0 80px; border-bottom: 1px solid #ccc;  padding-bottom: 25px;}
.sales-desc { background: url(../images/sales-img.png) no-repeat left 26px !important; padding: 0 0 0 80px; border-bottom: none;  padding-bottom: 25px;}
.support-desc h2{    font-family: 'Source Sans Pro'; font-size: 24px;  color: #000; text-transform: capitalize;  margin: 0 0 0px 0; margin-top: 27px; }
.support-desc p{font-family: 'Source Sans Pro'; font-size:16px; color:#000; margin:0; }

.form-info-block .contactinfo-block{ width:100%; display:block; padding:40px 0; background:#ebebeb ; margin-bottom:40px; margin-top:-30px;}
.form-info-block .contactinfo-block .india_info{ float:left; width:33%; padding-right:5px; text-align:center;}
.form-info-block .contactinfo-block .india_info figure{ float:left; margin-right:25px; width:auto; margin-top:18px;}
.form-info-block .contactinfo-block .india_info figure img{ max-width:100%; display:block;}
.form-info-block .contactinfo-block .india_info .country_desc{ float:left; text-align:left;margin:-20px;}
.form-info-block .contactinfo-block .india_info.last{ padding-right:0;}
.form-info-block .contactinfo-block .india_info h3{font-family: 'Source Sans Pro'; font-size:24px; font-weight:600; margin:0 0 5px 0; text-align:center; color:#000;}
.form-info-block .contactinfo-block .india_info .number{color:#2e2e2e; font-size:18px; margin-left:10px; font-weight:400; background:url(../images/call_small.png) no-repeat left top; padding:0 0 10px 25px;}
.form-info-block .contactinfo-block .india_info .Email{color:#2e2e2e; font-size:18px; margin-left:10px; font-weight:400; background:url(../images/email_small.png) no-repeat left top; padding:0 0 10px 25px;}
.form-info-block .contactinfo-block .india_info .Skype{color:#2e2e2e; font-size:18px; margin-left:10px; font-weight:400;  background:url(../images/skype.png) no-repeat left top; padding:0 0 10px 25px;}

/*** Where We Work ***/
.where-we-work{ background:url(../images/address-bg.png) no-repeat 0 0; background-size:cover; width:100%; padding:40px 0;}
.where-we-work h2{ font-size:40px; color:#fff; font-family: 'Source Sans Pro'; text-transform:capitalize; text-align:center;}
.where-we-work .address-part{ margin-top:0px; margin-left:8%;}
.where-we-work .address-part ul{ margin:0;}
.where-we-work .address-part ul li{ list-style:none; float:left; background:none; padding:0px;}
.where-we-work .address-part ul li:last-child{ margin-right:0;}
.where-we-work .address-part ul li .add-heading{ text-decoration:none; no-repeat left top;padding:13px; height:320px; width:311px; margin-right:30px; text-align:center;}
.where-we-work .address-part ul li .add-heading.last{ margin-right:0;}
.where-we-work .address-part ul li .add-heading .country-name{ display:block; padding:40px;}
.where-we-work .address-part ul li .add-heading .country-name .cntry-ico{ float:left;}
.where-we-work .address-part ul li .add-heading .country-name .cntry{ font-size:22px; color:#fff; padding-left:8px; float:left; padding-top:0px; font-weight:600;}
.where-we-work .address-part ul li .add-heading  p{font-family: 'Source Sans Pro'; font-size:18px; color:#f2f2f2; text-align:left;}
.where-we-work .address-part ul li .add-heading  p .fax_white{ background:url(../images/fax_small_1.png) no-repeat left top; padding:0 0 10px 25px;}
.where-we-work .address-part ul li .add-heading  p .number_white{ background:url(../images/call_small_1.png) no-repeat left top; padding:0 0 10px 25px;}
.where-we-work .address-part ul li .add-heading  p .email_white{ background:url(../images/email_small_1.png) no-repeat left top; padding:0 0 10px 25px;}
.where-we-work .address-part ul li .add-heading  p .skype_white{ background:url(../images/skype_small_1.png) no-repeat left top; padding:0 0 10px 25px;}
.where-we-work .address-part ul li .add-heading  p .web_white{ background:url(../images/web_small_1.png) no-repeat left top; padding:0 0 10px 25px;}
.where-we-work .address-part ul li .add-heading  p strong{ font-size:20px;}
.where-we-work .address-part ul li .add-heading  p .yellow{ color:#008bc6;}
.where-we-work .address-part ul li .add-heading .overlay a.map-btn{ color: #ffffff; border: 2px solid #ffffff; border-radius: 50px; display: inline-block; padding: 10px 30px; font-size: 14px; text-transform: uppercase; font-weight: 600; box-shadow: 0 12px 32px 0 rgba(0, 0, 0, 0.4); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; position:absolute; top:40%; left:28%;}
.where-we-work .address-part ul li .add-heading .overlay a.map-btn:hover{ background:#fff; border:2px solid #fff; text-decoration:none; color:#000;}

.popupHeader .header_title{ padding-left:10px;}

/*-----blog page css ------*/
.blog-block{width:100%; display:block;}
.blog-block .blog{width:366px; float:left; margin-right:35px; margin-bottom:30px;}
.blog-block .blog figure{width:auto; display:block; margin-bottom:20px;}
.blog-block .blog figure img{max-width:100%; display:block;}
.blog-block .blog h3{color:#dfae00;}
.blog-block .blog .learn-more{float:left; text-align:center; color:#fff; padding:5px 15px; background-color:#dfae00; font-size:18px; width:100px; border-radius:3px;}
.blog-block .blog .learn-more:hover{background-color:#000;}
.blog-block .blog .date-block{width:auto; display:block; border-bottom:1px solid #000; padding-bottom:40px; margin-bottom:20px;}
.blog-block .blog .date-block .date{background:url(../images/date-icon.png) no-repeat left top; height:30px; padding:0 0 0 40px; color:#9d9d9d; font-size:18px; font-style:italic; font-weight:300; float:left;}
.blog-block .blog .date-block .date:hover{color:#000;}
.blog-block .blog .date-block .pen{background:url(../images/pen-icon.png) no-repeat left top; height:30px; padding:0 0 0 40px; color:#9d9d9d; font-size:18px; font-style:italic; font-weight:300; float:right;}
.blog-block .blog .date-block .pen:hover{color:#000;}
.blog-block .blog.last{margin-right:0px;}
/*=======================Career page Css =======================*/
/*--- Blog Page ---*/
.blogs{ padding:40px 0;}

.blogs .blog-content-all{ width:100%;}
.blogs .blog-content-all .first-blog-f .first-blg{border-bottom:1px solid #ccc; padding-bottom:20px; float:left; margin-bottom:20px;}
.blogs .blog-content-all .first-blog-f{ width:65%; float:left;}
.blogs .blog-content-all .img-blog{ float:left; width:17%; padding-right:30px; height:74px;}
.blogs .blog-content-all .img-blog img{max-width:100%; display:block;}
.blogs .blog-content-all .blog-description { max-width: 500px; text-align: left !important;  float: left;  }
.blogs .blog-content-all h2{ font-family: 'Source Sans Pro', sans-serif;font-size:30px; margin-bottom:10px; color:#c01d2e;  font-weight:600; text-align:left; line-height:25px;}
.blogs .blog-content-all p{ font-family: 'Source Sans Pro', sans-serif;font-size:16px; color:#494949; font-weight:400; text-align:left;}
.blogs .comment-box{border-top:1px solid #ccc; padding-top:20px; width:100%; float:left; text-align:left;}
.blogs .comment-box h2{ font-family: 'Source Sans Pro', sans-serif;font-size:24px; margin-bottom:30px; color:#33adff;  font-weight:600; }
.blogs .comment-box .cm-name{ margin-bottom:15px; display:block;}
.blogs .comment-box .cm-name h4{ font-family: 'Source Sans Pro', sans-serif; float:left;font-size:16px; color:#313131;  font-weight:600; margin-right:20px; float:left;}
.blogs .comment-box .cm-name .comment-name{ font-family: 'Source Sans Pro', sans-serif; padding:10px; color:#313131; border:1px solid #ccc; float:right; width:60%;}
.blogs .comment-box .cm-name .comment-msg{ font-family: 'Source Sans Pro', sans-serif; padding:10px; color:#313131; border:1px solid #ccc; height:100px; float:right; width:60%;}
.blogs .comment-box .submit-comment{ font-family: 'Source Sans Pro', sans-serif;border:none; text-transform:uppercase; font-size:18px; color:#fff; background:#33adff; padding:10px 15px; display:block; float:right;}
.blogs .comment-box .submit-comment:hover{ background:#2a8dd0; cursor:pointer;}
.blogs .blog-content-all .side-blog-thumb{ float:right; width:30%; background:#ededed;}
.blogs .blog-content-all .side-blog-thumb .pop-blogs{ background:#313131; border-bottom:5px solid #c01d2e; height:50px;}
.blogs .blog-content-all .side-blog-thumb .pop-blogs h2{font-family: 'Source Sans Pro', sans-serif;font-size:26px;color:#fff; line-height:50px;  font-weight:600; text-transform:capitalize; text-align:center;}
.blogs .blog-content-all .side-blog-thumb .pop-blogs .blog-one{ margin-bottom:10px; border-bottom:1px solid #ccc; padding:10px 5px;}
.blogs .blog-content-all .side-blog-thumb .pop-blogs .blog-one h2{font-family: 'Source Sans Pro', sans-serif;font-size:18px; margin-bottom:10px; color:#c01d2e;  font-weight:600; margin:0; padding:0; display:table; margin-right:5px;}
.blogs .blog-content-all .side-blog-thumb .pop-blogs .blog-one p{font-family: 'Source Sans Pro', sans-serif;font-size:14px; margin-bottom:10px; color:#666;  font-weight:400; float:left; display:block; width:100%;}
.blogs .comment-write{ width:100%; float:left; margin:10px 0;}
.blogs .comment-write h3{font-family: 'Source Sans Pro', sans-serif; font-size:18px; color:#313131;  font-weight:700; margin-right:20px; float:left; display:block; margin-bottom:8px;}
.blogs .comment-write .p{font-family: 'Source Sans Pro', sans-serif;font-size:14px; margin-bottom:10px; color:#666;  font-weight:400; float:left; width:100%; text-align:left;}
.blogs .comment-write h4{font-family: 'Source Sans Pro', sans-serif;font-size:14px; margin-bottom:10px; color:#666;  font-weight:400; font-style:italic; float:right;}



.working-with-cz{ margin-bottom:0;}
.working-with-cz .work-with-cz{ background:#267b9f;}
.working-with-cz .work-with-cz .left-part{float:left; border-right:1px solid #fff; padding:68px 30px; width:22%; line-height:1;}
.working-with-cz .work-with-cz h2{font-family: 'Source Sans Pro', sans-serif;  font-size:23px; font-weight:600;  color:#fff; margin-bottom:0; text-transform:capitalize; text-shadow:1px 3px 13px #6f6f6f;}
.working-with-cz .work-with-cz .right-part{ float:left; width:67%; line-height:1; padding:16px 30px; line-height:1;}
.working-with-cz .work-with-cz h3{font-family: 'Source Sans Pro', sans-serif; font-size:17px; line-height:24px; font-weight:400; color:#fff; margin-bottom:0;}
.tree-img{ text-align:center; padding:30px 0;}
.tree-img img{ display:inline-block;}
.tree-img p{font-family: 'Source Sans Pro', sans-serif;  font-weight:400px; color:#000; border-bottom:1px solid #20b6c8; padding-bottom:15px; font-weight:600; font-size:24px; line-height:30px;}
.middle-content-block .first-point{ margin-bottom:40px;}
.middle-content-block .first-point h3{font-family: 'Source Sans Pro', sans-serif; font-weight:400; color:#20b6c8; font-size:24px;}
.middle-content-block .first-point p{font-family: 'Source Sans Pro', sans-serif;  font-weight:400px; color:#6a6a6a; text-align:justify;}
.middle-content-block .apply-btn{ text-align:center; margin-bottom:20px;}
.middle-content-block .apply-btn .apply-job{     font-size: 18px; color: #fff; text-transform: capitalize;/* text-shadow: 1px 3px #000; */
    background: #267b9f;padding: 10px 45px; border-radius: 5px; display: inline-block;}
.middle-content-block .apply-btn .apply-job:hover{ background:#184f66;}

/*=======================mobile Css =======================*/
.mobile-development-block{width:auto; display:block; text-align:left;}
.mobile-development-block h1{width:auto; display:block; font-size:36px; font-weight:600; color:#313131;}
.mobile-development-block h2{width:auto; display:block; font-size:36px; font-weight:400; color:#313131;}
.mobile-development-block ul{margin:0px 0 30px; padding:0px; float:left;}
.mobile-development-block ul li{background:url(../images/drop-icon.png) no-repeat left 7px; font-size:18px; font-weight:300; padding:0 0 0 30px;  text-decoration:none; list-style:none; line-height:35px;}

/*=======================networking Css =======================*/
.networking-block{width:auto; display:block; margin-bottom:30px;}


/*=======================cloud-computing Css =======================*/
.cloud-computing-block{width:auto; display:block; }
.cloud-computing-block .cloud-left{width:713px; float:left;}
.cloud-computing-block .cloud-right{width:auto; display:block; text-align:center; margin-bottom:20px;}

/*=======================our services Css =======================*/
.our-services{width:auto; display:block;}
.our-services #blue-services{width:100%; display:block; background-color:#1fb3cd;  padding:50px 0px; text-align:center;}
.our-services #blue-services h2{color:#fff; text-shadow:5px 0 5px #2b2b2b; font-size:36px; font-weight:700;}
.our-services #blue-services h3{color:#fff; font-size:30px; font-weight:400;}
.our-services #blue-services p{color:#fff;}
.our-services #blue-services figure{display:block; margin-bottom:20px;}
.our-services #blue-services span{width:auto; padding:0 100px; font-style:italic; color:#fff; font-size:24px; margin-bottom:50px; display:block;}
.our-services #blue-services .client{width:auto; display:block;} 
.our-services #blue-services .client .client-left{width:auto; float:left;}
.our-services #blue-services .client .client-right{ float:right; text-align:left; margin-top:25px;}
.our-services #blue-services .client .client-right ul{margin:0px 0 30px; padding:0px; floa t:right;}
.our-services #blue-services .client .client-right ul li{background:url(../images/testimonial-iconon.png) no-repeat left 10px; font-size:18px; font-weight:300; padding:0 0 0 30px;  text-decoration:none; list-style:none; line-height:35px; color:#fff; line-height:35px;}
.our-services #blue-services ul{margin:0px 0 30px; padding:0px; floa t:right;}
.our-services #blue-services ul li{background:url(../images/testimonial-iconon.png) no-repeat left 10px; font-size:18px; font-weight:300; padding:0 0 0 30px;  text-decoration:none; list-style:none; line-height:35px; color:#fff; line-height:35px;}

.our-services #green-services h2{color:#fff; text-shadow:5px 0 5px #2b2b2b; font-size:36px; font-weight:700;}
.our-services #green-services h3{color:#fff; font-size:30px; font-weight:400;}
.our-services #green-services p{color:#fff;}
.our-services #green-services figure{display:block; margin-bottom:20px;}
.our-services #green-services span{width:auto; padding:0 100px; font-style:italic; color:#fff; font-size:24px; margin-bottom:50px; display:block;}
.our-services #green-services .client{width:auto; display:block;} 
.our-services #green-services .client .client-left{width:auto; float:left;}
.our-services #green-services .client .client-right{ float:right; text-align:left; margin-top:25px;}
.our-services #green-services .client .client-right ul{margin:0px 0 30px; padding:0px; floa t:right;}
.our-services #green-services .client .client-right ul li{background:url(../images/testimonial-iconon.png) no-repeat left 10px; font-size:18px; font-weight:300; padding:0 0 0 30px;  text-decoration:none; list-style:none; line-height:35px; color:#fff; line-height:35px;}
.our-services #green-services ul{margin:0px 0 30px; padding:0px; floa t:right;}
.our-services #green-services ul li{background:url(../images/testimonial-iconon.png) no-repeat left 10px; font-size:18px; font-weight:300; padding:0 0 0 30px;  text-decoration:none; list-style:none; line-height:35px; color:#fff; line-height:35px;}

.our-services #orange-services h2{color:#fff; text-shadow:5px 0 5px #2b2b2b; font-size:36px; font-weight:700;}
.our-services #orange-services h3{color:#fff; font-size:30px; font-weight:400;}
.our-services #orange-services p{color:#fff;}
.our-services #orange-services figure{display:block; margin-bottom:20px;}
.our-services #orange-services span{width:auto; padding:0 100px; font-style:italic; color:#fff; font-size:24px; margin-bottom:50px; display:block;}
.our-services #orange-services .client{width:auto; display:block;} 
.our-services #orange-services .client .client-left{width:auto; float:left;}
.our-services #orange-services .client .client-right{ float:right; text-align:left; margin-top:25px;}
.our-services #orange-services .client .client-right ul{margin:0px 0 30px; padding:0px; floa t:right;}
.our-services #orange-services .client .client-right ul li{background:url(../images/testimonial-iconon.png) no-repeat left 10px; font-size:18px; font-weight:300; padding:0 0 0 30px;  text-decoration:none; list-style:none; line-height:35px; color:#fff; line-height:35px;}
.our-services #orange-services ul{margin:0px 0 30px; padding:0px; floa t:right;}
.our-services #orange-services ul li{background:url(../images/testimonial-iconon.png) no-repeat left 10px; font-size:18px; font-weight:300; padding:0 0 0 30px;  text-decoration:none; list-style:none; line-height:35px; color:#fff; line-height:35px;}

.our-services #red-services h2{color:#fff; text-shadow:5px 0 5px #2b2b2b; font-size:36px; font-weight:700;}
.our-services #red-services h3{color:#fff; font-size:30px; font-weight:400;}
.our-services #red-services p{color:#fff;}
.our-services #red-services figure{display:block; margin-bottom:20px;}
.our-services #red-services figure .it-img{max-width:100%;}
.our-services #red-services span{width:auto; padding:0 100px; font-style:italic; color:#fff; font-size:24px; margin-bottom:50px; display:block;}
.our-services #red-services .client{width:auto; display:block;} 
.our-services #red-services .client .client-left{width:auto; float:left;}
.our-services #red-services .client .client-right{ float:right; text-align:left; margin-top:25px;}
.our-services #red-services .client .client-right ul{margin:0px 0 30px; padding:0px; floa t:right;}
.our-services #red-services .client .client-right ul li{background:url(../images/testimonial-iconon.png) no-repeat left 10px; font-size:18px; font-weight:300; padding:0 0 0 30px;  text-decoration:none; list-style:none; line-height:35px; color:#fff; line-height:35px;}
.our-services #red-services ul{margin:0px 0 30px; padding:0px; floa t:right;}
.our-services #red-services ul li{background:url(../images/testimonial-iconon.png) no-repeat left 10px; font-size:18px; font-weight:300; padding:0 0 0 30px;  text-decoration:none; list-style:none; line-height:35px; color:#fff; line-height:35px;}

.our-services #green-services{width:100%; display:block; background-color:#64ac39;  padding:50px 0;  text-align:center;}
.our-services #orange-services{width:100%; display:block; background-color:#e08a13;  padding:50px 0;  text-align:center;}
.our-services #red-services{width:100%; display:block; background-color:#d92b6f;  padding:50px 0;  text-align:center;}


/*=======================mobile Css =======================*/
.mobile-development-block{width:100%; display:block; text-align:left; float:left}
.mobile-development-block .mobile-left{width:65%; float:left;}
.mobile-development-block .mobile-left figure{ float:right;}
.mobile-development-block .mobile-left h3{width:auto; display:block; font-size:26px; font-weight:600; color:#313131; margin-bottom:5px; margin-top:20px;}
.mobile-development-block .mobile-left figure img{ max-width:100%; display:block;}
.mobile-development-block  h1{width:auto; display:block; font-size:36px; font-weight:600; color:#313131;}
.mobile-development-block h2{width:auto; display:block; font-size:36px; font-weight:400; color:#313131;}
.mobile-development-block ul{margin:0px 0 15px; padding:0px; float:left;}
.mobile-development-block ul li{background:url(../images/drop-icon.png) no-repeat left 7px; font-size:16px; font-weight:300; padding:0 0 0 30px;  text-decoration:none; list-style:none; line-height:35px;}
.mobile-development-block .mobile-left figure{float:left; width:auto;}
.mobile-development-block .mobile-left figure img{ max-width:100%; display:block;}
.mobile-development-block .mobile-right{width:35%; float:right;}
.mobile-development-block .inquiry-form{width:80%; margin-top: 5px;padding: 0px 3% 20px; float: right; background: #f5f5f5;border: 1px solid #ccc;
 border-top: #ea4f4f 4px solid;}
.mobile-development-block .inquiry-form h2{width:100%; display:block; font-size:24px; font-weight:600; color:#313131; padding:20px 10px 0;}
.mobile-development-block .inquiry-form .get-a-q-input {border: none; border: 1px solid #ccc;width: 91%; font-size: 15px; color: #1b1b1b;
line-height: 32px; height: 32px; background: #FFF; padding: 0 10px 0 10px;margin-bottom: 10px; float: left;}
.mobile-development-block .inquiry-form .get-a-text-box {width: 91%;color: #1b1b1b; border: 1px solid #ccc; padding: 7px 3% 0;margin: 0;
height: 82px; background: #FFF;font-size: 15px;}
.mobile-development-block .inquiry-form .inq-county-drop { background: #FFF;border:1px solid #ccc; width: 97%; font-size: 13px;color: #585858;
line-height: 32px;  height: 32px; padding: 0 10px 0 10px; margin-bottom: 15px; margin-top: 5px; -webkit-appearance: select; }
.mobile-development-block .inquiry-form .get-submit-btn { float: right;  margin-top: 10px;border: none; background: #ea4f4f; padding: 11px 0 8px;
 width: 100%; text-transform: uppercase; font-size: 20px;color: #fff;font-family: 'Source Sans Pro'; cursor: pointer;border-radius: 4px; margin-bottom:20px;}
.mobile-development-block .phone-box-block{background: #72be44;  padding: 10px 25px 15px 35px; float: right; clear: both;
 margin-top: 20px; width: 94%;  padding:10px 3%;}
.mobile-development-block .phone-box-block .phone-box{ float: left;background: #fff url(../images/support-icon4.png) no-repeat 10px 8px;
font-size: 18px; padding: 5px 0 5px 36px; width: 87%; margin-bottom:15px;}	
.mobile-development-block .phone-box-block .email-box{ float: left;background: #fff url(../images/support-icon3.png) no-repeat 10px 10px;
font-size: 15px; padding: 5px 0 5px 36px; width: 87%;}
.main-services-menu{width:99%; float:right; margin-right:0px; background-color:#f5f5f5; margin-top:20px; border:1px solid #ccc;}
.main-services-menu ul{margin:0px; padding:0px;}
.main-services-menu ul li{width:100%; display:inline-block; padding:0 0px; margin:0;  background-image:none;  margin-bottom:5px;}
.main-services-menu ul li a{font-size:17px; color:#fff;  width:90%; display:inline-block; padding:0 10px; margin:5px 9px;   background-color:#20b6c8; margin-bottom:5px;}	
.main-services-menu ul li a:hover{ text-decoration:none; cursor:pointer; background-color:#72be44; color:#fff; text-decoration:none;}	
.right-image{float:right; border:1px solid #ccc; margin-top:20px;}
.right-image img{max-width:100%; display:block;} 

/*=======================cloud-computing Css =======================*/
.form-popup{ max-width:900px;background:#fff; border-radius:3px; height:500px; -moz-border-radius:3px; -webkit-border-radius:3px; box-shadow:0 0 15px #4f4f4f; padding:30px 30px; overflow:scroll; margin-top:6%; border:5px solid #20b6c8;}
.form-popup h2{ font-size:36px; color:#20b6c8; text-transform:uppercase; font-family: 'Source Sans Pro', sans-serif; font-weight:600; padding:0; margin:0; display:block; margin-bottom:30px; letter-spacing:2px;}
.form-popup .input-style{font-family: 'Source Sans Pro', sans-serif; font-size:16px; color:#313131; text-transform:capitalize; border:1px solid #313131; border-radius:3px; padding:10px 10px; margin-bottom:15px; display:block; width:100%; margin-right:20px; float:left; overflow:scroll;}
.form-popup .input-email{font-family: 'Source Sans Pro', sans-serif; font-size:16px; color:#313131; border:1px solid #313131; border-radius:3px; padding:10px 10px; margin-bottom:15px; display:block; width:100%; margin-right:20px; float:left; overflow:scroll;}
.form-popup .one .input-text{float:none;}
.form-popup .one .input-text .input-style{font-family: 'Source Sans Pro', sans-serif; font-size:16px; color:#313131; text-transform:capitalize; border:1px solid #313131;padding:10px 10px; margin-top:15px; display:block; width:72%; float:left;  margin-bottom:0;}


.form-popup .left{ float:left; width:100%;}
.form-popup .one{float:left; width:700px;}
.form-popup .one span{float:left; font-size:16px;}
.form-popup .one figure{float:right;}
.form-popup .one p{border: 1px solid black; width: 70px; overflow: hidden; white-space: nowrap;}
.form-popup-one{ max-width:900px;background:#fff; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; box-shadow:0 0 15px #4f4f4f; margin-top:6%; padding:10px 30px;  border:5px solid #20b6c8; height:500px; overflow:scroll;}
.form-popup-one h2{ font-size:36px; color:#fb882b; text-transform:uppercase; font-family: 'Source Sans Pro', sans-serif; font-weight:600; padding:0; margin:0; display:block; margin-bottom:30px; letter-spacing:2px;}
.form-popup-one .input-style{font-family: 'Source Sans Pro', sans-serif; font-size:16px; color:#313131; text-transform:capitalize; border:1px solid #313131; border-radius:3px; padding:10px 2%; margin-bottom:15px; display:block; width:96%; margin-right:20px; float:left;}
.form-popup-one .input-email{font-family: 'Source Sans Pro', sans-serif; font-size:16px; color:#313131; border:1px solid #313131; border-radius:3px; padding:10px 2%; margin-bottom:15px; display:block; width:96%; margin-right:20px; float:left;}
.form-popup-one .select-optn{ width:100%;}
.form-popup-one .left{ float:left; width:100%;}
.form-popup-one .one{float:left; width:700px;}
.form-popup-one .one span{float:left; font-size:16px;}
.form-popup-one .one figure{float:right;}
.form-popup-one .one p{border: 1px solid black; width: 70px; overflow: hidden; white-space: nowrap;}


table, tr, td{border:1px solid #fff;}
table{ background:#e6e6e6; width:100%; float:left;}
tr, td{ padding:15px 8px; color:#313131; font-size:16px; font-family: 'Source Sans Pro', sans-serif;}
td em{ color:#F00; margin-left:3px; font-size:18px;}
.td{ float:left; width:94%;}
.td.one-r{ float:left;}
.td.one-r .age{ padding:0 3px; float:left;}
.process{ padding:10px 0;}
.process h3{ font-size:20px; margin-bottom:10px; color:#313131;  font-weight:600;}
.provider h3{ font-size:20px; color:#313131; margin-bottom:10px; font-weight:600;	}
.provider{ padding:10px 0 0;  float:left;}
.provider .blank-box{ width:100%; background:#ccc; height:80px;}
.services h3{ font-size:18px; color:#313131; margin-bottom:10px;}
.doctype-labels h4{color:#313131; font-size:16px; font-family: 'Source Sans Pro', sans-serif;}
.td .one-r .age-s{ margin-left:20px;float:right;}
.yes-or-no{ padding:0px 0 30px; position:relative;}
.yes-or-no h3{ font-size:18px; color:#313131;}
.yes-or-no .yes-no{float:left; width:100px;}
.yes-or-no .yes-no figure{float:right;}
 
.submit{ font-size:18px; color:#fff; text-transform:capitalize; background:#20b6c8; padding:8px 30px; border:none; text-decoration:none; float:left;margin-bottom:15px;}
.submit:hover{ text-decoration:none; border:none; background:#188693; cursor:pointer;}

.submit-btn{ font-size:20px; color:#fff; text-transform:capitalize; background:#20b6c8; padding:8px 30px; border:none; text-decoration:none; float:left; margin-bottom:20px;}
.submit-btn:hover{ text-decoration:none; border:none; background:#188693; cursor:pointer;}



/*--- Blog Page ---*/
.blogs{ padding:40px 0; text-align:center;}
.blogs .two-blogs{ display:inline-block;}
.blogs .two-blogs .secondd{ width:40%; float:left; margin-top:30px;}
.blogs .two-blogs .secondd .first-blog{  background:#fff; padding:0 0 30px 0; margin-right:30px; box-shadow:0 0 15px #989898;  min-height:420px;}
.blogs .two-blogs .secondd .first-blog .newsE{ width:100%; display:block;}
.blogs .two-blogs .secondd .first-blog .desc{ padding:0 20px;}
.blogs .two-blogs .secondd .first-blog .desc h2{ font-size:30px; font-weight:700; color:#313131; padding:20px 0 15px 0; margin:0;font-family: 'Source Sans Pro', sans-serif;}
.blogs .two-blogs .secondd .first-blog .desc p{ font-size:16px; font-weight:400; color:#727272; padding:0; margin:0 0 20px 0;font-family: 'Source Sans Pro', sans-serif;}
.blogs .two-blogs .secondd .first-blog .desc .cal-edit{ float:left;}
.blogs .two-blogs .secondd .first-blog .desc .cal-edit .cal{ float:left; padding-right:30px;}
.blogs .two-blogs .secondd .first-blog .desc .cal-edit .cal img{ float:left; padding-right:20px;}
.blogs .two-blogs .secondd .first-blog .desc .cal-edit .cal h3{ float:left; font-size:16px; font-weight:400; color:#313131; margin:0; padding:0; font-style:italic;
font-family: 'Source Sans Pro', sans-serif;}
.blogs .two-blogs .secondd .first-blog .desc .cal-edit .edit{ float:left;padding-right:30px;}
.blogs .two-blogs .secondd .first-blog .desc .cal-edit .edit img{ float:left;  padding-right:20px;}
.blogs .two-blogs .secondd .first-blog .desc .cal-edit .edit h3{ float:left; font-size:16px; font-weight:400; color:#313131; margin:0; padding:0; font-style:italic;
font-family: 'Source Sans Pro', sans-serif;}


.blogs .two-blogs .secondd{ width:33%; float:left;}
.blogs .two-blogs .secondd .first-blog{  background:#fff; padding:0 0 30px 0;box-shadow:0 0 15px #989898; margin-left:30px;}
.blogs .two-blogs .secondd .first-blog .newsE{ width:100%; display:block;}
.blogs .two-blogs .secondd .first-blog .desc{ padding:0 20px;}
.blogs .two-blogs .secondd .first-blog .desc h2{ font-size:30px; font-weight:700; color:#313131; padding:20px 0 15px 0; margin:0;font-family: 'Source Sans Pro', sans-serif;}
.blogs .two-blogs .secondd .first-blog .desc .more{ font-size:16px; font-weight:400; color:#727272; padding:0; margin:0 0 20px 0;font-family: 'Source Sans Pro', sans-serif;}
.blogs .two-blogs .secondd .first-blog .desc .cal-edit{ float:left;}
.blogs .two-blogs .secondd .first-blog .desc .cal-edit .cal{ float:left; padding-right:30px;}
.blogs .two-blogs .secondd .first-blog .desc .cal-edit .cal img{ float:left; padding-right:20px;}
.blogs .two-blogs .secondd .first-blog .desc .cal-edit .cal h3{ float:left; font-size:16px; font-weight:400; color:#313131; margin:0; padding:0; font-style:italic;
font-family: 'Source Sans Pro', sans-serif;}
.blogs .two-blogs .secondd .first-blog .desc .cal-edit .edit{ float:left;padding-right:30px;}
.blogs .two-blogs .secondd .first-blog .desc .cal-edit .edit img{ float:left;  padding-right:20px;}
.blogs .two-blogs .secondd .first-blog .desc .cal-edit .edit h3{ float:left; font-size:16px; font-weight:400; color:#313131; margin:0; padding:0; font-style:italic;
font-family: 'Source Sans Pro', sans-serif;}
.demo-3 {position:relative; width:334px; height:auto;overflow:hidden; float:left; margin:0px;}
.demo-3 figure {margin:0; padding:0; position:relative; cursor:pointer;}
.demo-3 figure img {display:block; position:relative; z-index:10;  margin:0 0;}
.demo-3 figure figcaption {display:block; position:absolute;z-index:5;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;box-sizing:order-box;}
.demo-3 figure h2 { color: #fff;  font-size: 25px;text-align: center; text-shadow: 1px 1px 4px #000; line-height: 32px;}
.demo-3 figure p {display:block;  font-size:15px;line-height:20px; margin:0; color:#fff;   text-align:left;text-shadow: 0px 0px 2px #000;}
.demo-3 ul{margin:10px 0 0 0; padding:0;}
.demo-3 ul li{ background:url(../images/drop-icon.png) no-repeat left 2px;  line-height:24px; display:block; float:left; list-style: none;  float:left; margin: 0 0 0px 0px; font-size:16px; color:#fff; text-align:left; padding:0 0 0 26px; text-shadow: 0px 0px 2px #000;}
.demo-3 figure figcaption {top:0;left:0; width:100%; height:100%;padding:29px 44px;background:url(../images/portfoli1-hover.png);text-align:center;   backface-visibility:hidden;-webkit-transform:rotateY(-180deg);-moz-transform:rotateY(-180deg);transform:rotateY(-180deg);-webkit-transition:all .5s;-moz-transition:all .5s;transition:all .5s; background-size:100%;}

.demo-3 figure img {backface-visibility:hidden;-webkit-transition:all .5s; -moz-transition:all .5s;  transition:all .5s}
.demo-3 figure:hover img,figure.hover img {-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);transform:rotateY(180deg)}
.demo-3 figure:hover figcaption,figure.hover figcaption { -webkit-transform:rotateY(0);  -moz-transform:rotateY(0);  transform:rotateY(0)}

.demo-4 {position:relative; width:334px; height:auto;overflow:hidden; float:left; margin:0px;}
.demo-4 figure {margin:0; padding:0; position:relative; cursor:pointer;}
.demo-4 figure img {display:block; position:relative; z-index:10;  margin:0 0;}
.demo-4 figure figcaption {display:block; position:absolute;z-index:5;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;box-sizing:order-box;}
.demo-4 figure h2 { color: #fff;  font-size: 25px;text-align: center; text-shadow: 1px 1px 4px #000; line-height: 32px;}
.demo-4 figure p {display:block;  font-size:15px;line-height:20px; margin:0; color:#fff;   text-align:left;text-shadow: 0px 0px 2px #000;}
.demo-4 ul{margin:10px 0 0 0; padding:0;}
.demo-4 ul li{ background:url(../images/drop-icon.png) no-repeat left 2px;  line-height:24px; display:block; float:left; list-style: none;  float:left; margin: 0 0 0px 0px; font-size:16px; color:#fff; text-align:left; padding:0 0 0 26px; text-shadow: 0px 0px 2px #000;}
.demo-4 figure figcaption {top:0;left:0; width:100%; height:100%;padding:29px 44px;background:url(../images/web-marketing.jpg);text-align:center;   backface-visibility:hidden;-webkit-transform:rotateY(-180deg);-moz-transform:rotateY(-180deg);transform:rotateY(-180deg);-webkit-transition:all .5s;-moz-transition:all .5s;transition:all .5s}

.demo-4 figure img {backface-visibility:hidden;-webkit-transition:all .5s; -moz-transition:all .5s;  transition:all .5s}
.demo-4 figure:hover img,figure.hover img {-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);transform:rotateY(180deg)}
.demo-4 figure:hover figcaption,figure.hover figcaption { -webkit-transform:rotateY(0);  -moz-transform:rotateY(0);  transform:rotateY(0)}







.textbox .text h2 { color: #fff;  font-size: 25px;text-align: center; text-shadow: 1px 1px 4px #000; line-height: 32px;}
.textbox .text ul{margin:10px 0 0 20px; padding:0 0 0 0;}
.textbox .text ul li{ background:url(../images/drop-icon.png) no-repeat left 2px;  line-height:24px; display:block; float:left; list-style: none;  float:left; margin: 0 0 0px 0px; font-size:16px; color:#fff; text-align:left; padding:0 0 0 26px; text-shadow: 0px 0px 2px #ccc;}


.ie8 .tab_content #tab-1{background:#30c1db;}
.ie8 .tab_content #tab-2{background:#72be44;}
.ie8 .tab_content #tab-3{background:#ec8f0c;}
.ie8 .tab_content #tab-4{background:#9e5a94;}
.ie8 .tab_content #tab-5{background:#ea4f4f;}
.ie8 .tab_content #tab-6{background:#3d63af;}
.ie8 .tab_content #tab-7{background:#9e5a94;}


/*=======================opening job Css =======================*/
.opening-block{width:100%; display:block; margin-bottom:20px;}
.opening{width:94%; border:2px solid #ccc; padding:20px 3%; } 
.opening h2{font-size:25px; font-weight:bold; text-align:left; color:#000; border-bottom:1px solid #ccc; padding-bottom:20px;}
.opening .career-left{width:100%; float:left; margin-right:110px;}
.opening .career-left .open-btn{width:auto;  font-size:18px; color:#fff; padding:10px 35px; margin-bottom:15px; float:left; font-weight:600; margin-top:10px; background:#2a2873 url(../images/open-arrow.png) no-repeat 10px center; font-weight:bold; border-radius:5px; }
.opening .career-left .open-btn:hover{background-color:#7bb94e; color:#fff; }
.opening .career-left h2{width:auto; font-size:28px; font-weight:bold; margin-bottom:10px; border:none; color:#3a3a3a; padding:0px; margin:0px;}
.opening .career-left ul{margin:0px; padding:0px;}
.opening .career-left ul li{background:url(../images/testimonial-iconon.png) no-repeat left 10px; font-size:17px; font-weight:300; padding:0 0 0 30px;  text-decoration:none; list-style:none; line-height:29px; color:#3a3a3a;}
.opening .career-left p{font-size:16px; color:#3a3a3a; display:block; line-height:22px; margin-bottom:10px;}
{width:45%; float:right;}
.opening .career-left.last{margin-right:0px;}
.opening .opening-main{display:block;}
.opening .box{width:330px; float:left; margin-right:20px; border:1px solid #ccc; border-radius:3px; padding:10px; margin-bottom:20px;}
.opening .box h3{font-size:18px; color:#267b9f; display:block; font-weight:bold; margin-bottom:10px;}
.opening .box.last{margin-right:0px;}
.opening .box .part-btn{width:auto; border:1px solid #2a2873; font-size:14px; color:#3a3a3a; padding:5px 10px; margin-bottom:15px; float:left; font-weight:600; margin-top:10px;}
.opening .box .part-btn:hover{background-color:#2a2873; color:#fff; }
.opening .box p{font-size:16px; color:#3a3a3a; display:block; line-height:22px; margin-bottom:10px;}
.star-block{width:100%; float:left; font-size:22px; color:#3a3a3a; margin-top:20px; background:url(../images/star.png) no-repeat left top;padding: 4px 0px 0px 43px;height: 37px;}
.star-block a{color:#f48209;}
.star-block a:hover{color:#3a3a3a;}

/*=======================Contact Popup =======================*/
#sitemap-services{ padding-bottom:40px;}
#sitemap-services h1{ font-size:36px; color:#000; font-weight:400; font-family: 'Source Sans Pro', sans-serif;}
#sitemap-services h1 .green-text{ color:#01a4ca; font-weight:600;}
#sitemap-services .container{ width:950px;}
#sitemap-services .ourservice{display:block; box-shadow:0 0 5px #ccc; padding:20px;}
#sitemap-services .ourservice .site-map-left{ float:left; width:42%;}
#sitemap-services .ourservice .site-map-left.last{ float:right;}
#sitemap-services .ourservice .site-map-left h2{ margin-bottom:0;}
#sitemap-services .ourservice .site-map-left h2 img{ padding-bottom:5px;}
#sitemap-services .ourservice .site-map-left h2 a{color: #000; font-size: 24px;  font-weight: normal;  margin: 0; padding:0;}
#sitemap-services .ourservice .site-map-left h2 a:hover{color:#a7ac22;}
#sitemap-services .ourservice .site-map-left h3{ margin-bottom:0;}
#sitemap-services .ourservice .site-map-left h3 img{ padding-bottom:3px;}
#sitemap-services .ourservice .site-map-left h3 a{color: #01a4ca ; font-size: 20px;  font-weight: normal;  margin: 0; padding:0;}
#sitemap-services .ourservice .site-map-left h3 a:hover{color:#a7ac22;}
#sitemap-services .ourservice .site-map-left ul{ display:block; float:left; margin:0 0 0 40px;}
#sitemap-services .ourservice .site-map-left ul li { list-style:circle; padding:3px 0;}
#sitemap-services .ourservice .site-map-left ul li a{ font-size:16px; color:#666; text-decoration:none;}
#sitemap-services .ourservice .site-map-left ul li a:hover{color:#a7ac22;}

/*=======================Contact Popup =======================*/
.msg{	font-size: 18px;	float : left;	width:100%;	text-align:left;}
#feedback {	position: fixed;	top: 121px;	right: -370px;	background-color: #fff;	border-right: 1px solid #01a4ca  ;	border-left: 3px solid #01a4ca  ;	border-top: 3px solid #01a4ca  ;	border-bottom: 3px solid #01a4ca ;	-webkit-border-radius: 10px;	-moz-border-radius: 10px;
	border-radius: 10px;	-moz-box-shadow: 0 0 10px #000;	-webkit-box-shadow: 0 0 10px #000;	box-shadow: 0 0 10px #000;	font-size: 12px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans",		"DejaVu Sans", Verdana, sans-serif;	cursor: default;	z-index: 9999; width:230px;}
#feedback form {	padding: 10px 10px;	color: #3A2C1D;	width: auto;	max-width:350px;}
#feedback form label {	display: block;	margin-right: 20px;	width: 100%;	font-weight: bold;	color: #3A2C1D;	font-size: 14px;}
#feedback .pull_feedback {	background: #01a4ca ;	border-top-left-radius: 10px;	border-bottom-left-radius: 10px;	-moz-border-top-left-radius: 10px;	-moz-border-bottom-left-radius: 10px;	-webkit-border-top-left-radius: 10px;	-webkit-border-bottom-left-radius: 10px;	border-top: 1px solid #3A2C1D;	border-right: 1px solid #3A2C1D;	border-bottom: 1px solid #3A2C1D;	-moz-box-shadow: 6px 0px 5px -5px #000;	-webkit-box-shadow: 6px 0px 5px -5px #000;	box-shadow: 6px 0px 5px -5px #000;	display: block;	width: 35px;	height: 100px;	float: left;	position: absolute;
	top: 75px;	left: -40px;	text-align: center;}
#feedback .pull_feedback:hover {	background-position: center right;}
#feedback form .btn {	float: right;	background: url(../img/submit.1.png) no-repeat 0px 0px transparent;	text-indent: -9999em;	width: 80px;
	height: 28px;	border: none !important;}
#feedback form input[type="text"] {	width: 250px;	height: 50px;}
#feedback form .right-top{width:auto; display:inline-block; }
#feedback form .right-top span{width:auto; display:inline-block; font-size:14px; color:#056839;}
#feedback form .right-top .uk{color:#000; font-size:14px;  font-weight:400; /*background:url(../images/uk-no.jpg) no-repeat left top;*/ padding:0 0 0 7px;display:block; margin-bottom:10px;}
#feedback form .right-top .usa{color:#000; font-size:14px; font-weight:400;/* background:url(../images/usa-no.jpg) no-repeat left top;*/ padding:0 0 0 7px;display:block; margin-bottom:10px;}
#feedback form .right-top .india{color:#000; font-size:14px;  font-weight:400;/* background:url(../images/india-no.jpg) no-repeat left top;*/ padding:0 0 0 7px;display:block;margin-bottom:10px;}
#feedback form .right-top .Email{color:#000; font-size:14px;font-weight:400; /*background:url(../images/mail-no.jpg) no-repeat left top;*/ padding:0 0 0 7px;display:block;margin-bottom:10px;}
#feedback form .right-top .usa figure{margin-right:9px; margin-top:10px; float:left;}
#feedback form .right-top .uk figure{margin-right:9px; margin-top:10px; float:left;}
#feedback form .right-top .india figure{margin-right:9px; margin-top:0px; float:left;}
#feedback form .right-top .Email figure{margin-right:9px; margin-top:0px; float:left;}
#feedback form .right-top .usa a{font-weight:400; font-size:14px; color:#000;}
#feedback form .right-top .uk a{font-weight:400; font-size:14px; color:#000;}
#feedback form .right-top .india a{font-weight:400; font-size:14px; color:#000;}
#feedback form .right-top .Email a{font-weight:400; font-size:14px; color:#000;}


#feedback h2 {	text-align: center;	color: #01a4ca ;	/*text-shadow:0.2px 0.3px 0.3px #000;*/	font-size: 22px;	font-family: "Motion Picture", "Lucida Grande", "Lucida Sans Unicode",		"Lucida Sans", "DejaVu Sans", Verdana, sans-serif;	font-weight:600;}


/***** Seo Packages *****/
.seoPackages{ width:100%; display:block;}
.seoPackages .firstRow{ width:100%; display:flex;}
.seoPackages .firstRow .firstColumn{ width:14%; float:left; text-align:center;  min-height:160px; margin-right:3px;}
.seoPackages .firstRow .firstColumn.last{ margin-right:0;}
.seoPackages .firstRow .firstColumn hr{ margin-top:0; display:block; color:#fff;}
.seoPackages .firstRow .firstColumn h2{ font-size:20px; color:#fff; font-weight:600; margin-bottom:10px; padding:10px; }
.seoPackages .firstRow .firstColumn ul{ margin:0;padding:10px 13px;}
.seoPackages .firstRow .firstColumn ul li{ list-style:none; font-size:14px; color:#fff;}
.seoPackages .secondRow{ width:100%; display:block; padding:10px 0; text-align:center; font-size:16px; color:#fff;}
.seoPackages .thirdRow{ padding:8px 0 5px 0;}
.seoPackages .thirdRow ul{ margin:0; padding:0;}
.seoPackages .thirdRow ul li{ list-style:none; float:left; width:14%;  text-align:center; margin-right:0px;  font-size:15px; color:#000; line-height:22px; padding:0;}

input[type="email"].subscribe-input::-webkit-input-placeholder {
  color: #fff;
}
/* New Portfolio */
.vc_row{ width:100%; display:block;}
.vc_row .vc_col-sm-4{float: left; margin-right: 40px; width: 31%;}
.vc_row .vc_col-sm-4.last{ margin-right:0;}
.portfolio-section .portfolio-box-container .portfolio-box { padding-top: 40px; min-height:500px;}
.portfolio-section .portfolio-box-container .portfolio-box .view-box { position: relative; vertical-align: middle; text-align: center; overflow: hidden; box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);  }
.portfolio-section .portfolio-box-container .portfolio-box .img-box{ -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.portfolio-section .portfolio-box-container .portfolio-box .img-box img{ display: block; }
.portfolio-section .portfolio-box-container .portfolio-box .hover-box{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; padding-top: 30%; background: rgba(0, 0, 0, 0.7); opacity: 0; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;  }
.portfolio-section .portfolio-box-container .portfolio-box .hover-box a{ color: #ffffff; border: 2px solid #ffffff; border-radius: 50px; display: inline-block; padding: 10px 30px; font-size: 14px; text-transform: uppercase; font-weight: 600; box-shadow: 0 12px 32px 0 rgba(0, 0, 0, 0.4); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.portfolio-section .portfolio-box-container .portfolio-box .view-box:hover{ box-shadow: 0 12px 32px 0 rgba(0, 0, 0, 0.4);}
.portfolio-section .portfolio-box-container .portfolio-box .view-box:hover .hover-box{ opacity: 1;   }
.portfolio-section .portfolio-box-container .portfolio-box .view-box:hover .hover-box a{ background: #ffffff; color: #252b33; }
.portfolio-section .portfolio-box-container .portfolio-box .view-box:hover .img-box{-webkit-filter: blur(2px); filter: blur(2px); -webkit-transform: scale(1.03); transform: scale(1.03);}
.portfolio-section .portfolio-box-container .portfolio-box .title-box h3{ padding: 20px 0px 0px 0px; margin-bottom:5px; }
.portfolio-section .portfolio-box-container .portfolio-box .title-box h3 > a{color: #5d5d5d; font-size: 22px; font-weight: 500; }
.portfolio-section .portfolio-box-container .portfolio-box .title-box h3 > a:hover{ color: #252b33; }
.portfolio-section .portfolio-box-container .portfolio-box .title-box p{ color: #8A959E; font-size: 16px; font-weight: 500; margin-bottom:10px;}
/* End New Portfolio */
.blog-section{width:100%; float:left; text-align:center; margin-top:60px; }
.left-blog{background-color:#fff; height:400px; border:1px solid #ccc; width:550px; float:left; border-radius:5px; padding:10px; text-align:left;}
.left-blog figure{width:100%;}
.left-blog figure img{max-width:100%; display:block;}
.left-blog h2{font-size:20px; color:#000; line-height:20px; text-align:left; margin-bottom:10px; text-transform:none; padding-top:10px;}
.left-blog p{font-size:16px; color:#000; line-height:20px;  text-align:left; text-transform:none;}
.right-blog{ float:right;}

.text-block-differ{ top:50% !important;}



.career-left h3{ font-size:20px; font-weight:600;     margin-bottom: 0;
    margin-top: 10px;}

@media (max-width:424px) {
.blogs .two-blogs .secondd .first-blog .desc .cal-edit .cal{ margin-bottom:15px;}
.blogs .two-blogs .secondd .first-blog .desc .cal-edit .cal{ margin-bottom:15px;}
.where-we-work .address-part ul li .add-heading{ margin-left:5%; margin-bottom:15px;}
header{position:relative !important;}


}
@media (max-width:377px) {
form ul li label{ width:94%;}
.required{ padding:0 0 10px 0; float:right!important;}
.who-we-block em{ margin-bottom:0; float:left;}
.support-bottom-right .leran-more-btn{ font-size:14px;}


}
@media (min-width:300px) and (max-width:541px){
.mobile-nav-icon{ display:block !important;}
.mobile-nav-block{display:block !important;}
#wrapper{background:#fff !important;  box-shadow: 1.5em 0 1.5em -0.75em rgba(0, 0, 0, 0.25); }

}
/*-----  Responsive Css 641px ------*/
@media (max-width:640px) {
	
	.blog-section{margin-top:6px;}
	.testimonial-block{height:auto;}
	.left-blog{height:auto; width:92% !important; padding:10px; margin-bottom:11px;}
	.left-blog{width:100%; margin-bottom:40px;}
.paralax-bg{padding:50px 0;}
.letstalk_block .paralax_content h2{font-size:31px; line-height:36px;}
.letstalk_block .paralax_content h2 p{margin-bottom:5px;}
canvas{height:212px !important; display:none !important;}
.portfolio-block{display:block;}
.portfolio-block h2{ font-size:30px;}
.portfolio-block p{ font-size:16px;}
.main-services-menu{width:99%;}
.right-image{width:100%; display:block; float:none; margin-bottom:20px;}
nav{ display:none !important;}
.mobile-nav-icon{ display:block !important;}
.mobile-nav-block{display:block !important;}
#wrapper{background:#fff !important;  box-shadow: 1.5em 0 1.5em -0.75em rgba(0, 0, 0, 0.25); }
.container{width:96%; margin:auto 2%;}
header{position:absolute !important; height:auto;}
header .logo{width:110px; padding:12px 0 10px 0;}
header nav ul li a{font-size:13px; padding:5px 10px;}
.text-block{margin-left:0px; left:0px; max-width:600px;bottom:30px;}
.text-block-mian{margin-left:0px; left:0px; max-width:600px;bottom:0px;}
.what_we_do .title{font-size:16px; width:40%;}
.service-block div.services_box{width:100%; padding:0px;}
.tab-content .block h2{font-size:30px; margin:24px 0 24px;}
.heading-block h2{font-size:30px; line-height:36px;}
.heading-block{padding:24px 0 24px;}
.heading-block p{font-size:14px; line-height:20px; padding:0px;}
footer .social-icon a{margin-right:13px;}
.image-block{text-align:center;}
footer .footer-left{width:100%; float:none; display:block;}
footer .footer-right{width:100%; display:block;}
footer .footer-left h2{font-size:24px; }
footer .footer-left h3{font-size:16px; line-height:24px; margin-bottom:5px;}
.callbacks .caption{font-size:12px !important;}
footer .footer-menu ul li a{font-size:13px; padding:0 15px;}
.text-block-mian p{font-size:25px; line-height:30px; }
header .right-top{display:none;}
.tabs-nav a span{display: block;height: 50px;width: 50px;background-size: 73%!important;margin: 10px auto;}
.tabs-nav a{line-height:0px;}
footer .copy-block{font-size:13px;}
footer .footer-menu{width:100%; margin:0 0 20px 0}
.tabs-nav a{font-size:0px; padding-bottom:0px;}
.bottom-left{float:none; max-width:444px; margin:0 auto; margin-bottom:15px; display:block; text-align:center;}
.bottom-left img{max-width:100%;}
.bottom-right .second-image{max-width:444px; margin-bottom:15px; display:block; text-align:center;}
.bottom-right .second-image img{max-width:100%; display:block}
.image-block .image1{max-width:444px; margin:0 auto !important; display:block; margin-bottom:15px;}
.callbacks{position:static !important;}
.callbacks_container{margin-bottom:20px !important; }
footer .footer-main{margin-bottom:0px;}
footer .footer_newsletter form{ padding: 10px 20px 39px !important;}
footer .footer_newsletter h3{font-size:16px;}
.testimonial-block p{padding:0px;}
.bottom-image{padding:0 0px;}
.bottom-right{max-width:444px; margin:0 auto; display:block; float:none;}
.bottom-right .second-image{max-width:444px; margin-bottom:15px; display:block; text-align:center;}
footer .footer_newsletter form .submit-btn{right:0px; padding:9px 5px;}
.who-we-block h1{font-size:20px; line-height:28px;}
.image-main{float:none; width:100%; margin-left:0px; display:block; margin-bottom:10px;}
.content-area{padding:20px 0 0;}
.service-main-block .box1{width:100%;}
.service-main-block .box1 ul{padding:0 0 0 30px;}
.service-main-block .box1 ul li a{font-size:15px;}
.itranscript-block .itranscript-left{width:100%;}
.itranscript-block .itranscript-right{width:98%; padding:30px 1%; min-height:auto;}
.itranscript-block .itranscript-right iframe{width:100%; height:100%;}
.itranscript-block .itranscript-right .itranscript-logo{bottom:0px;}
.service-block .service{margin-right:0px; width:100%}
.our-vision-block .lef-vision{font-size:24px; width:94%;}
.our-vision-block .right-vision{width:94%; padding:3%; font-weight:300;}
.insfracture-block .about_gellery ul li{float:none; display:block; text-align:center; margin-bottom:15px;}
.insfracture-block .about_gellery ul li.right{float:none; display:block; margin-right:0px; }
.who-we-block h2{font-size:20px;}
.who-we-block p{font-size:16px; margin-bottom:20px;}
.who-we-block span{font-size:16px;}
.working-with-cz .work-with-cz .left-part{ width:auto; float:none; padding:36px 30px 20px 28px; text-align:center; border-bottom:1px solid #fff;}
.working-with-cz .work-with-cz .left-part h2{ font-size:25px; display:inline-block;}
.working-with-cz .work-with-cz .right-part{ text-align:center; float:none;}
.working-with-cz .work-with-cz .right-part h3{ font-size:16px; display:inline-block;}
.tree-img img{ width:60%;}
.middle-content-block .first-point{ text-align:center;}
.middle-content-block .first-point h3{ line-height:1; font-size:20px;}
.middle-content-block .first-point p{ font-size:14px;}
.middle-content-block .apply-btn .apply-job{ padding:20px 30px; font-size:26px;}
.working-with-cz .work-with-cz .right-part{width:96%; padding:20px 2%;}
form{margin-bottom:0px;}
form ul li{width:100%;}
.support-bottom-left{width:auto; margin-bottom:20px;}
.support-bottom-right{width:auto; float:none; display:block; text-align:center;}
.form-info-block .left-side{ float:none; margin:20px 0 40px 0;}
.form-info-block .right-side{ float:none; width:auto; margin-top:60px; margin-bottom:0;}
.form-info-block .right-side .first-block{ width:100%; float:none;}
.form-info-block .left-side h2{ font-size:26px;}
.form-info-block .left-side form label{ font-size:16px; padding-bottom:6px;}
.contact-block  input[type="text"]{ width:93%;}
.contact-block textarea{ width:93%;}
.form-info-block .left-side form .submit-btn{ font-size:18px; padding:10px 18px;}
.form-info-block .right-side .support-img{ width:45px;}
.form-info-block .right-side .support-desc p{ font-size:14px;}
.text-block p{font-size:24px; line-height:30px;}
.banner{margin-bottom:0px;}
.what_we_do{padding:100px 0 0 0;}
.blog-block .blog{width:100%; margin-right:0px;}
.blog-block .blog h3{font-size:20px;}
.port-main-block .portfolio{width:100%; margin-right:0px; float:none; display:block;}
.rowtl ul li.odd div.tright{background:none;}
.rowtl ul{background:none;}
.rowtl ul li.odd div.tleft{  width: 100%; float: none; display: block; text-align: center;}
.rowtl ul li.odd div.tright{width:100%; padding:0px; margin:0px;}
.rowtl ul li.odd div.tright span{width:auto;}
.rowtl ul li.odd div.tleft div.text-middle{margin-right:0px; float:none; display:block; width:100%; margin-top:0px;}
.rowtl ul li.even div.tright{background:none; width:100%; margin:0px; padding:0px;}
.rowtl ul li.even div.tleft{width:100%; text-align:center; display:block; float:none;}
.rowtl ul li.even div.tright span{width:auto;}
.rowtl ul li{margin-bottom:0px;}
.rowtl ul li.even div.tleft div.text-middle{margin-top:0px;}
h1{ font-size:30px; line-height:36px;}
h2{ font-size:26px; line-height:30px;}
h3{ font-size:24px;  line-height:26px;}
h4{ font-size:22px;  font-family: 'Source Sans Pro', sans-serif,Arial, Helvetica, sans-serif;}
h5{ font-size:20px; color:#818181;  font-family: 'Source Sans Pro', sans-serif,Arial, Helvetica, sans-serif;}
h6{ font-size:18px;  font-family: 'Source Sans Pro', sans-serif,Arial, Helvetica, sans-serif;}
.mobile-development-block h1{font-size:30px; line-height:36px; margin-bottom:5px;} 
.mobile-development-block h2{font-size:26px; line-height:30px; margin-bottom:5px;}
.form-popup h2{font-size:21px;}
.form-popup .input-style{width:94%; display:block;}
.form-popup-one h2{font-size:21px;}
.form-popup-one .input-style{width:94%; display:block;}
h3{font-size:19px;}
.form-popup .one{width:100%}
.form-popup-one .one{width:100%}
.provider{width:100%}
.yes-or-no .yes-no{width:100%;}
.process h3{font-size:14px;}
.yes-or-no h3{font-size:14px;}

.modal-overlay{height:4700px !important;}
.our-services #blue-services span{padding:0px}
.our-services #blue-services .client .client-left{float:none;}
.our-services #blue-services .client .client-right{float:none; display:block;}
.our-services #green-services span{padding:0px}
.our-services #green-services .client .client-left{float:none;}
.our-services #green-services .client .client-right{float:none; display:block;}
.our-services #orange-services span{padding:0px}
.our-services #orange-services .client .client-left{float:none;}
.our-services #orange-services .client .client-right{float:none; display:block;}
.our-services #red-services span{padding:0px}
.our-services #red-services .client .client-left{float:none;}
.our-services #red-services .client .client-right{float:none; display:block;}
.our-services #red-services figure{display:block; margin-bottom:20px; max-width:100%;}
a.close {line-height: 1;font-size: 4em; float:right;	text-decoration: none;	color: #bbb;}
form ul li label{ width:97%;}
.support-bottom-left img{ max-width:70%;}
.support-bottom-left{ width:100%;}
.form-popup{ height:400px;}
.form-popup-one{ height:400px; overflow:scroll;}
.blogs .two-blogs .secondd{ width:100%;}
.blogs .two-blogs .secondd{ width:100%;}
.blogs .two-blogs .secondd .first-blog{ margin:0 0 30px 0;}
.blogs .two-blogs .secondd .first-blog{ margin:0;}
.blogs .two-blogs{ margin:0 2%;}
.blogs .two-blogs .secondd{ width:96%; float:none; display:block;}
.where-we-work .address-part ul li .add-heading{ margin-right:15px; width:276px!important;}
.where-we-work .address-part{ margin-top:30px; margin-left:0;}
.where-we-work .address-part ul li .add-heading{ width:282px!important; margin-right:10px;}
.where-we-work .address-part ul li .add-heading .country-name{ margin-bottom:0;}
.where-we-work .address-part ul li .add-heading p{ font-size:15px; line-height:18px;}
.where-we-work .address-part ul li .add-heading{height:287px; text-align:center;}
.where-we-work .address-part ul li .add-heading{ margin-left:15%; margin-bottom:15px;}
.our-services #blue-services h2{font-size:25px; line-height:30px;}
.our-services #blue-services h3{font-size:20px; line-height:25px;}
.our-services #blue-services span{font-size:18px;}
.our-services #green-services h2{font-size:25px; line-height:30px;}
.mobile-development-block h1{font-size:20px; line-height:25px;}
.our-services #green-services h3{font-size:25px;}
.our-services #orange-services h2{font-size:25px; line-height:30px;}
.our-services #orange-services h3{font-size:24px; line-height:28px;}
.our-services #red-services h2{font-size:25px; line-height:30px;}
.our-services #red-services figure img{width:100%; display:block}

.where-we-work .address-part ul li .add-heading{margin-left:0px;}
.where-we-work .address-part ul li .add-heading{margin-left:0px;}
.where-we-work .address-part ul li .add-heading{ height:290px;  float:none; display:block; margin:0 auto; margin-bottom:20px; }
.where-we-work .address-part ul li{float:none;}
.modal-box{width:93% !important; left:3% !important;}
.form-popup-one .input-email{width:92%;}
.form-popup .input-email{width:94%;}
.opening .career-left{width:100%; margin:0px;}
.opening h2{font-size:21px;}
.opening .career-left h2{font-size:18px;}
.opening .box{width:96%; padding:10px 2%; margin-bottom:20px; display:block;}
.opening .box h3{font-size:18px;}
.blogs .blog-content-all .side-blog-thumb{width:100%;  margin-top:30px;}
.blogs .blog-content-all .first-blog-f{ width:100%;}
.blogs .blog-content-all h2{font-size:24px;}
.blogs .blog-content-all p{ font-size:14px;}
.blogs .blog-content-all .img-blog{ height:70px;}
.blogs .comment-write h3{ font-size:16px;}
.blogs .comment-write .p{ font-size:12px;}
.blogs .blog-content-all h2{ font-size:20px;}
.blogs .comment-box .cm-name h4{ font-size:14px;}
.blogs .blog-content-all .side-blog-thumb .pop-blogs h2{ font-size:22px;}
.blogs .blog-content-all .side-blog-thumb .pop-blogs .blog-one h2{ font-size:16px;}
.blogs .blog-content-all .side-blog-thumb .pop-blogs .blog-one p{ font-size:12px;}
.blogs .comment-box .cm-name .comment-name{ width:93%;}
.blogs .comment-box .cm-name .comment-msg{ width:93%;}
.blogs .comment-box .cm-name h4{ margin-bottom:10px;}
.blogs .comment-box .submit-comment{ float:left;}
.blogs .blog-content-all .blog-description{width:100%}
.blogs .blog-content-all .first-blog-f .first-blg{width:100%;}
.slider-banner{height:auto;}
.what_we_do{padding:0px;}
.owl-pagination{bottom:4px;}
.social{display:none;}
.right-arrow{display:none}
.image-block-left{width:100%; margin-bottom:20px;}
.demo-3{width:100%;}
.demo-4{width:100%;}
.bottom-image .bottom-image-left{width:100%;}
.demo-3 figure img{width:100%;}
.demo-4 figure img{width:100%;}
.image-block-middle{width:100%}
.image-block-middle figure{width:100%;}
.image-block-middle figure img{width:100%;}
.bottom-image .bottom-image-left{width:92%}
.bottom-image .bottom-image-left img{max-width:100%;}
.image-block-right{width:100%;}
.image-block-right img{max-width:100%;}
.bottom-image .bottom-image-middle{width:92%;}
.bottom-image-middle img{width:100%; position:relative; z-index:999;}
.bottom-image-middle .textbox{width:100%; height:100%;}
.bottom-image-middle .text{height:84%; width:100%;}
.bottom-image .bottom-image-right{width:92%;}
.bottom-image .bottom-image-right img{max-width:100%;}
.footer-block .subscribe-block .left-sidebar{width:74%}
.footer-block .subscribe-block .left-sidebar.last{width:100%; margin-top:0px;}
.footer-block .subscribe-block .left-sidebar{font-size:13px; margin-top:0px;}
.footer-block .subscribe-block .left-sidebar .subscribe-input{width:60%; padding:8px 10px;}
.footer-block .subscribe-block .left-sidebar .subscribe-submit{padding: 8px 5px;}
.footer-block .subscribe-block .left-sidebar .subscribe-input{padding: 8px 7px;}
.footer-content-block .first-content-part{width:100%; margin-bottom:30px;}
.footer-content-block .first-content-part.last{width:100%;}
.footer-content-block .first-content-part .text-input{width:96%; padding:8px 2%; margin-bottom:20px; margin:0px 0 20px;}
.footer-content-block .first-content-part .text-area-input{width:96%; padding:6px 2%;}
.footer-content-block .first-content-part h2{font-size:23px;}
.footer-content-block .quicklinks ul li{display:inline-block; float:none; line-height:30px;}
.footer-content-block .first-content-part h3{color:#fff;}
.copyright-block p{font-size:12px;}
.tooltip{width:100%; left:0px; height:1561px;}
.form-info-block .left-side{width:100%;}
.form-info-block .right-side{margin-bottom:0px; margin-top:0px;}
.form-info-block .right-side iframe{height:100%; }
/* .form-info-block{margin:20px 0}*/
.about-banner{height:auto;}
.cloud-computing-block .cloud-right{float:none; width:100%;}
.cloud-computing-block .cloud-right img{max-width:100%;}
.cloud-computing-block .cloud-left{width:100%;}
.mobile-development-block .mobile-right{ float:none; width:100%;}
.mobile-development-block .mobile-left{ float:none; width:100%;}
.mobile-development-block .inquiry-form h2{ padding:20px 0 15px 0;}
.mobile-development-block .inquiry-form .get-a-text-box{ width:92%;}
.mobile-development-block .inquiry-form .inq-county-drop{ max-width:560px; width:99%;}
.mobile-development-block .inquiry-form .get-a-q-input{ width:96%; padding:0 5px;}
.mobile-development-block .inquiry-form{width:93%;}
.mobile-development-block .phone-box-block{width:94%;}
.mobile-development-block .mobile-left figure{float:none; width:100%;}
.mobile-development-block .mobile-left ul{ float:none;}
.category-block .category-left{float: left; width: 100%; padding-bottom: 0px; margin-bottom: 30px;}
.category-block .category-right{width:auto; float:none; display:block; text-align:center; margin-bottom:20px;}
.category-block .category-left.first{float:none;}
.category-block .category-right.last{float:none;} 
.tree-img p{font-size:20px; line-height:30px;}
.content-area .short-content p{ font-size:16px; font-weight:600; padding:0;}
.text-block-mian p{ font-size:17px; line-height:22px;}
.form-popup-one .input-style{width:96%;}
.form-popup-one .input-email{width:96%;}
.form-popup-one .select-optn{width:100%!important;}
.service-block{float:left; margin-bottom:40px;}
.banner-main:after{ background-size:100%;  }
.form-info-block .contactinfo-block{ text-align:center; margin-bottom:25px;}
.form-info-block .contactinfo-block .india_info{ width:100%; padding-right:0px; display:inline-block; margin-bottom:30px;}
.form-info-block .contactinfo-block .india_info figure{ float:none;width:auto; margin-right:0;}
.form-info-block .contactinfo-block .india_info figure img{ max-width:100%;}
.form-info-block .contactinfo-block .india_info .country_desc{ float:none; text-align:center; margin:0px !important;}
.form-info-block .contactinfo-block .india_info h3{font-family: 'Source Sans Pro'; font-size:24px; margin:0 0 0 0; }
.form-info-block .contactinfo-block .india_info .number{ font-size:18px; margin-left:0px;}
.form-info-block .contactinfo-block .india_info .Email{font-size:18px; margin-left:0px; }
.form-info-block .contactinfo-block .india_info .Skype{color:#000; font-size:18px; margin-left:-46px; }
#feedback form label{ margin-right:36px; width:90%;}
#feedback h2{ font-size:22px;}
#feedback form .right-top .usa{ font-size:13px;}
#feedback form .right-top .uk{ font-size:13px;}
#feedback form .right-top .india{ font-size:13px;}
#feedback form .right-top .Email{ font-size:13px;}
#sitemap-services .container{ width:96%; margin:0 2%}
#sitemap-services h1{ font-size:26px;}
#sitemap-services .ourservice{display:block; box-shadow:0 0 5px #ccc; padding:20px;}
#sitemap-services .ourservice .site-map-left{ float:none; width:100%;}
#sitemap-services .ourservice .site-map-left.last{ float:none;}
#sitemap-services .ourservice .site-map-left h2{ margin-bottom:0;}
#sitemap-services .ourservice .site-map-left h2 img{ padding-bottom:5px;}
#sitemap-services .ourservice .site-map-left h2 a{font-size: 20px;}
#sitemap-services .ourservice .site-map-left h3 img{ padding-bottom:3px;}
#sitemap-services .ourservice .site-map-left h3 a{font-size: 16px;}
#sitemap-services .ourservice .site-map-left ul li a{ font-size:15px;}
footer .social-icon {  text-align:center; display:table; margin-bottom:20px; margin-top:40px;}
footer .social-icon  a{background:url(../images/social-icon-mobile.png) no-repeat  0 0; display:block; float: left; height: 38px; transition: background-position 0.3s ease 0s; width: 38px;}
footer .social-icon  a.facebook-icon {background-position:0 0; }
footer .social-icon  a.facebook-icon:hover{ background-position: 0px -44px;}
footer .social-icon  a.twitter-icon {background-position:-40px 0; }
footer .social-icon  a.twitter-icon:hover{ background-position: -40px -44px;  }
footer .social-icon  a.googleplus-icon {background-position:-81px 0;}
footer .social-icon  a.googleplus-icon:hover{ background-position: -81px -44px;}
footer .social-icon  a.linkedin-icon {background-position:-122px 0px;}
footer .social-icon  a.linkedin-icon:hover{ background-position: -122px -44px; }
footer .social-icon  a.pinterest-icon {background-position:-162px 0px}
footer .social-icon  a.pinterest-icon:hover{ background-position: -162px -44px; display: block; }
footer .social-icon  a.youtube-icon {background-position:-202px 0px}
footer .social-icon  a.youtube-icon:hover{ background-position: -202px -44px; display: block; }

.seocontainer{width:1170px; height:auto; display:block; clear:both;}
.seoPackages{ overflow-x:scroll;}
 
/*.cs-style-4 figcaption{ height:90% !important;}
.grid figure img{ width:100% !important; }
.grid li{ width:100% !important; padding:0 !important;}
.cs-style-4 figcaption ul li{ width:auto !important; min-width:auto !important;}
.cs-style-4 figcaption ul li img{ width:auto !important;}
.grid figcaption a{ font-size:18px !important;}*/
.portfolio_boxes{ text-align:center;}
.portfolio_boxes .pBox{ width:100% !important; display:inline-block; float:none;  max-width: 100%; background-size:cover;}

.cs-style-2 figcaption {
	width: 100% !important ; display:inline-block; max-width:100%;
}
.grid figcaption{padding:0 0px !important;}
.grid figure{ display:table; width:auto; max-width:100%;}
.grid li{ max-width: 100%;
    width: auto !important;}
.left-blog {
    float: none;
    width: 90% !important;
}
.grid figcaption h3{ font-size:16px !important; padding:32px 0 !important;}
.footer-content-block .first-content-part .text-area-input{ margin-top:0;}
.testimonial-block .testimonial_content p{padding:0px;}
.left-blog h2{font-size:20px;}


.vc_row .vc_col-sm-4{ width:100%; margin-right:0px; float:none;}
.portfolio-section .portfolio-box-container .portfolio-box .img-box img{ width:100%;}
.portfolio-section .portfolio-box-container .portfolio-box .hover-box a{ padding:5px 10px;}
.portfolio-section .portfolio-box-container .portfolio-box .title-box p{ font-size:14px;}
.portfolio-section .portfolio-box-container .portfolio-box .title-box h3{ margin-bottom:0; padding:5px 0 0 0;}
.portfolio-section .portfolio-box-container .portfolio-box .title-box h3 > a{font-size:20px;}
.portfolio-section .portfolio-box-container .portfolio-box {    min-height: 381px;    padding-top: 20px;}

.two_mailer{ float:none; width:100%;}
.form-info-block .left-side{ float:none; width:100%;}
.form-info-block .left-side form .submit-btn{ float:none;}
.where-we-work .address-part{ text-align:center; margin:0;}
.where-we-work .address-part ul{ display:inline-block;}
.effects{ padding:0 !important;}
.form-info-block .left-side{ float:none; width:auto;}
.form-info-block .left-side form{ max-width:100%;}

.form-info-block .left-side form p {    margin-bottom: 10px;    max-width: 100%;    width: auto;}
.contact-block input[type="text"]{ max-width:100%; width:96%;}
.contact-block textarea{ max-width:100%; width:96%;}

.form-info-block .contactinfo-block .india_info h3{ margin:5px 0;}
.where-we-work .address-part ul li .add-heading{ height:295px;}
.where-we-work .address-part ul li .add-heading p { line-height:22px;}
.tabs-nav a{ margin-right:0;}
}

/*-----  Responsive Css 641px and 767px  ------*/
@media (min-width:641px) and (max-width:767px) {
nav{ display:none !important;}
.mobile-nav-icon{ display:block !important; top:8px;}
.mobile-nav-block{display:block !important;}
#wrapper{background:#fff !important;  box-shadow: 1.5em 0 1.5em -0.75em rgba(0, 0, 0, 0.25); }
.container{max-width:620px; width:100%;}
.banner-main:after{ background-size:100%; bottom:0px; top:72%;}

header{position:static; height:auto;}
header .logo{width:110px; padding:12px 0 10px 0;}
header nav ul li a{font-size:13px; padding:5px 10px;}
.text-block{margin-left:0px; left:0px;  bottom:50px;}
.text-block-mian{margin-left:0px; left:0px;  bottom:50px;}
.what_we_do .title{font-size:20px;}
.service-block div.services_box{width:23%; padding: 0px 30px 0px;}
footer .footer-left{width:46%;}
footer .footer-right{width:50%;}
footer .footer-left h2{font-size:24px; }
footer .footer-left h3{font-size:18px;}
.callbacks .caption{font-size:12px !important;}
footer .footer-menu ul li a{font-size:14px; padding:0 15px;}
.text-block p{font-size:56px; line-height:70px;}
.text-block-mian p{font-size:28px; line-height:40px;}
.bottom-left{float:none; max-width:444px; margin:0 auto; margin-bottom:15px; display:block; text-align:center;}
.image-block .image1{max-width:444px; margin:0 auto !important; display:block; margin-bottom:15px;}
.bottom-left img{max-width:100%;}
.bottom-image{padding:0 0px;}
.bottom-right{max-width:444px; margin:0 auto; display:block; float:none;}
.callbacks_nav {top: 0px !important;}
header .right-top{margin-top:5px; display:none;}
.mobile-nav-icon span{top:18px;}
.bottom-right .second-image{max-width:444px; margin-bottom:15px; display:block; text-align:center;}
.bottom-right .second-image img{max-width:100%; display:block}
footer .footer_newsletter form .submit-btn{padding: 10px 9px; right: 19px; font-size:12px;}
footer .footer_newsletter h3{font-size: 15px; padding: 3px 15px;}
.tabs-nav a{font-size:0px;}
.callbacks{position:static !important;}
footer .footer-menu{ margin: 0 0 25px;}
footer .footer-main{margin-bottom:0px;}
.callbacks_container{margin-bottom:0px !important;}
.who-we-block h1{font-size:20px; line-height:28px;}
.image-main{float:none; width:100%; margin-left:0px; display:block; margin-bottom:10px;}
.content-area{padding:20px 0 0;}
.service-main-block .box1{margin-right: 2%; min-height: 401px;width: 48%;}
.service-main-block .box1.last{margin-right:2%;}
.service-main-block .box1 ul li a{font-size:15px;}
.service-main-block .box1 ul{padding:0 0 0 25px;}
.itranscript-block .itranscript-left{width:100%;}
.itranscript-block .itranscript-right{width:98%; padding:30px 1%; min-height:auto;}
.itranscript-block .itranscript-right iframe{width:100%; height:100%;}
.itranscript-block .itranscript-right .itranscript-logo{bottom:0px;}
.service-block .service{margin-right:31px;}
.our-vision-block .lef-vision{font-size:24px;}
.insfracture-block .about_gellery ul li{float:none; display:block; text-align:center; margin-bottom:15px;}
.insfracture-block .about_gellery ul li.right{float:none; display:block; margin-right:0px; }
.working-with-cz .work-with-cz .left-part{ width:auto; float:none; padding:36px 30px 20px 28px; text-align:center; border-bottom:1px solid #fff;}
.working-with-cz .work-with-cz .left-part h2{ font-size:25px; display:inline-block;}
.working-with-cz .work-with-cz .right-part{ text-align:center; float:none;}
.working-with-cz .work-with-cz .right-part h3{ font-size:16px; display:inline-block;}
form{margin-bottom:0px;}
form ul li{width:100%;}
.support-bottom-left{width:auto; margin-bottom:20px;}
.support-bottom-right{width:auto; float:none; display:block; text-align:center;}
.form-info-block .left-side{ float:none;}
.form-info-block .right-side{ float:none; width:96%; margin:2%;}
.form-info-block .right-side .first-block{ width:100%; float:none;}
.form-info-block .left-side h2{ font-size:26px;}
.form-info-block .left-side form label{ font-size:16px; padding-bottom:6px;}
.contact-block  input[type="text"]{ width:93%;}
.contact-block textarea{ width:93%;}
.form-info-block .left-side form .submit-btn{ font-size:18px; padding:10px 18px;}
.form-info-block .right-side .support-img{ width:45px;}
.form-info-block .right-side .support-desc p{ font-size:14px;}
.where-we-work .address-part ul li .add-heading{ height:280px;  float:none; display:block; margin:0 auto; margin-bottom:20px; }
.where-we-work .address-part ul li{float:none;}
.blog-block .blog{width:100%; margin-right:0px;}
.port-main-block .portfolio{width:100%; margin-right:0px; float:none; display:block;}
.rowtl ul li.odd div.tright{background:none;}
.rowtl ul{background:none;}
.rowtl ul li.odd div.tleft{  width: 100%; float: none; display: block; text-align: center;}
.rowtl ul li.odd div.tright{width:100%; padding:0px; margin:0px;}
.rowtl ul li.odd div.tright span{width:auto;}
.rowtl ul li.odd div.tleft div.text-middle{margin-right:0px; float:none; display:block; width:100%; margin-top:0px;}
.rowtl ul li.even div.tright{background:none; width:100%; margin:0px; padding:0px;}
.rowtl ul li.even div.tleft{width:100%; text-align:center; display:block; float:none;}
.rowtl ul li{margin-bottom:0px;}
.rowtl ul li.even div.tright span{width:auto;}
.rowtl ul li.even div.tleft div.text-middle{margin-top:0px;}
.form-popup .left{float:none; display:block;}
.form-popup h2{font-size:27px;}
.form-popup-one .input-style{width:96%;}
.form-popup-one .input-email{width:96%;}
.form-popup-one .select-optn{width:100%!important;}
.form-popup-one .left{float:none; display:block;}
.form-popup-one h2{font-size:27px;}
h3{font-size:19px;}
.form-popup .one{width:100%}
.form-popup-one .one{width:100%}
.provider{width:100%}
.yes-or-no .yes-no{width:100%;}
.process h3{font-size:14px;}
.yes-or-no h3{font-size:14px;}
.what_we_do{padding:100px 0 0 0;}
a.close {line-height: 1;font-size: 4em; float:right;	text-decoration: none;	color: #bbb;}
.support-bottom-left img{ max-width:55%;}
.form-popup{ height:400px;}
.form-popup-one{ height:400px; overflow:scroll;}
.blogs .two-blogs .secondd .first-blog .desc .cal-edit .cal{ margin-bottom:15px;}
.blogs .two-blogs .secondd .first-blog .desc .cal-edit .cal{ margin-bottom:15px;}
.blogs .two-blogs{ margin-left:0;}
.blogs .two-blogs .secondd{ width:50%;}
.blogs .two-blogs .secondd{ width:50%;}
.blogs .two-blogs .secondd .first-blog{ margin-right:15px;}
.blogs .two-blogs .secondd .first-blog{ margin-left:15px;}
.where-we-work .address-part ul li .add-heading{height:287px;}
.our-services #blue-services h3{font-size:20px; line-height:25px;}
.our-services #blue-services span{font-size:18px;}
.our-services #green-services h2{font-size:25px; line-height:30px;}
.mobile-development-block h1{font-size:20px; line-height:25px;}
.our-services #green-services h3{font-size:25px;}
.our-services #orange-services h2{font-size:25px; line-height:30px;}
.our-services #orange-services h3{font-size:24px; line-height:28px;}
.our-services #red-services h2{font-size:25px; line-height:30px;}
.our-services #red-services figure img{width:100%; display:block}
.opening .career-left{width:100%; margin:0px;}
.opening h2{font-size:21px;}
.opening .career-left h2{font-size:18px;}
.opening .box{width:96%; padding:10px 2%; margin-bottom:20px; display:block;}
.opening .box h3{font-size:18px;}
.blogs .blog-content-all .first-blog-f .first-blg{width:100%;}
.footer-block .subscribe-block .left-sidebar{width:39%; font-size:12px;}
.footer-block .subscribe-block .left-sidebar .subscribe-input{width:53%;}
.footer-block .subscribe-block .left-sidebar .subscribe-submit{padding: 8px 4px;}
.footer-content-block .first-content-part .text-input{width:37%;}
.footer-content-block .first-content-part .text-area-input{width:89%;}
.slider-banner{height:auto;}
.what_we_do{padding:0px;}
.heading-block p{padding:0px;}
.right-arrow{display:none;}
.service-block div.services_box div.icon {height:auto;}
.demo-3{width:100%;}
.demo-3 figure img{max-width:100%}
.demo-4{width:100%;}
.demo-4 figure img{max-width:100%}
.image-block-middle{width:100%;}
.image-block-middle figure{width:100%;}
.image-block-middle figure img{max-width:100%}
.image-block-left{width:28% !important;}
.image-block-middle{width:42% !important; margin-right:0px;}
.image-block-right{width:28% !important;}
.image-block-middle figure{width:47%;}
.tooltip{height: 227px; width: 96%; left: -6px;}
.bottom-image .bottom-image-left{width:39%;}
.bottom-image .bottom-image-left img{max-width:100%;}
.bottom-image .bottom-image-middle{width:19%; margin-right:10px !important;}
.bottom-image-middle img{max-width:100%;}
.bottom-image .bottom-image-right{width:38%}
.bottom-image .bottom-image-right img{max-width:100%}
.form-info-block .left-side{width:100%;}
.form-info-block .right-side{margin-bottom:30px;}
.form-info-block .right-side iframe{height:100%;}

.cloud-computing-block .cloud-right{float:none; width:100%;}
.cloud-computing-block .cloud-right img{max-width:100%;}
.cloud-computing-block .cloud-left{width:100%;}
.mobile-development-block .mobile-left h1{ font-size:25px; margin:0 0 10px 0;}
.mobile-development-block .mobile-left h5{ font-size:18px; margin:0 0 10px 0;}
.mobile-development-block .mobile-left{ width:50%;}
.mobile-development-block .mobile-right{ width:45%;}
.mobile-development-block .inquiry-form .get-a-text-box{ width:93%;}
.mobile-development-block .inquiry-form .inq-county-drop{ width:100%;}
.category-block .category-left{float: left; width: 100%; padding-bottom: 0px; margin-bottom: 30px;}
.category-block .category-right{width:auto; float:none; display:block; text-align:center; margin-bottom:20px;}
.category-block .category-left.first{float:none;}
.category-block .category-right.last{float:none;} 
.right-image{float:none;}
.main-services-menu{width:99%;}
.main-services-menu ul li{width:96%;}
.demo-4 figure figcaption{background-size:100% 100% !important;}
.tooltip{background-size: 84% 88% !important;left: 0px;}
.demo-3 figure figcaption{background-size:100% 100% !important;}
.bottom-image-middle .text{background-size:100% 100% !important;}
.bottom-image-middle .text{background-size: 56% 59% !important;}
.bottom-image .bottom-image-right .textbox{background-size:100% 100% !important;}
.mobile-development-block .phone-box-block{width:94%;}
.mobile-development-block .inquiry-form{width:94%;}
.form-info-block .contactinfo-block .india_info{ width:33%; padding-right:0px;}
.form-info-block .contactinfo-block .india_info figure{ float:none;width:auto; margin-right:0;}
.form-info-block .contactinfo-block .india_info figure img{ max-width:80%;}
.form-info-block .contactinfo-block .india_info .country_desc{ float:none; text-align:center; margin:0;}
.form-info-block .contactinfo-block .india_info h3{font-family: 'Source Sans Pro'; font-size:22px; margin:0 0 0 0; }
.form-info-block .contactinfo-block .india_info .number3{ font-size:16px; margin-left:0px;}
.form-info-block .contactinfo-block .india_info .Email{font-size:16px; margin-left:0px; }
.form-info-block .contactinfo-block .india_info .Skype{color:#000; font-size:18px; margin-left:-37px; }

.seoPackages .firstRow .firstColumn h2{ font-size:13px; padding:0;}

.cs-style-4 figcaption{ height:92% !important;}
.grid figcaption{ padding:8px 10px !important;}
.grid figure img{ width:100% !important;}

.cs-style-4 figcaption ul li{ width:auto !important;}
.cs-style-4 figcaption ul li img{ width:auto !important;}
.grid figcaption a{ font-size:18px !important;}
.cs-style-2 figcaption{ width:92% !important;}
.portfolio_boxes .pBox{ width:49%;}
.left-blog{ width:280px !important;}
.grid figcaption h3{ font-size:16px !important; padding:21px 0 !important;}


.grid li{ width:49% !important;}


.portfolio_boxes .pBox{ width:49%;}


.vc_row .vc_col-sm-4{ width:30%; margin-right:31px;}
.portfolio-section .portfolio-box-container .portfolio-box .img-box img{ width:100%;}
.portfolio-section .portfolio-box-container .portfolio-box .hover-box a{ padding:5px 10px;}
.portfolio-section .portfolio-box-container .portfolio-box .title-box p{ font-size:14px;}
.portfolio-section .portfolio-box-container .portfolio-box .title-box h3{ margin-bottom:0; padding:5px 0 0 0; line-height:26px;}
.portfolio-section .portfolio-box-container .portfolio-box .title-box h3 > a{font-size:20px;}
.portfolio-section .portfolio-box-container .portfolio-box {    min-height: 381px;    padding-top: 20px;}
.content-area .short-content p{ padding:0;}
.two_mailer{ float:none; width:100%;}
.form-info-block .left-side{ float:none; width:100%;}
.form-info-block .left-side form .submit-btn{ float:none;}
.where-we-work .address-part{ text-align:center; margin:0;}
.where-we-work .address-part ul{ display:inline-block;}
.where-we-work .address-part ul li .add-heading{ height:320px;}
.tabs-nav a{ margin-right:0;}
}

/*-----  Responsive Css 768px and 1023px  ------*/
@media (min-width:768px) and (max-width:1023px) {
	.text-block-mian p{margin-bottom:20px;font-size: 45px;}
	.right-image{float:none;}
	.main-services-menu{width:99%;}
	.main-services-menu ul li{width:96%;}
	.dropdown-bg .partner-left .service-phone{font-size:12px;}
	.dropdown-bg .partner-left .service-fax{font-size:12px;}
	#feedback h2{font-size:18px; font-weight:600;}
	#feedback form .right-top .usa a{font-weight:normal; font-size:14px; color:#000;}
#feedback form .right-top .uk a{font-weight:normal; font-size:14px; color:#000;}
#feedback form .right-top .india a{font-weight:normal; font-size:14px; color:#000; }
#feedback form .right-top .Email a{font-weight:normal; font-size:14px; color:#000; }

.banner-main:after{ background-size:100%; bottom:0px;}
	
.container{max-width:740px; width:100%;}
header{position:absolute !important;}
header .logo{width:150px; padding-top:20px;}
header nav ul li a{font-size:13px; padding:5px 10px;}
.text-block{margin-left:0px; left:0px;  bottom:75px;}
.text-block-mian{margin-left:0px; left:0px;  bottom:75px;}
.what_we_do .title{font-size:20px;}
.service-block div.services_box{width:25%; min-height:295px;}
footer .footer-left{width:46%;}
footer .footer-right{width:50%;}
footer .footer-left h2{font-size:24px; }
footer .footer-left h3{font-size:18px;}
.callbacks .caption{font-size:12px !important;}
footer .footer-menu ul li a{font-size:14px; padding:0 15px;}
footer .footer_newsletter form .submit-btn{padding: 8px 9px; right: 25px; font-size:14px;}
footer .footer_newsletter h3{font-size:19px;}
.callbacks{position:static !important;}
footer .footer-main{margin-bottom:0px;}
footer .footer-menu{ margin: 0 0 25px;}
.callbacks_container{margin-bottom:0px !important;}
.image-block .image1 img{height:251px; max-width:57%;}
.bottom-left{width:54%;}
.bottom-left img{max-width:100%;}
.bottom-right{max-width:42%;}
.bottom-right .second-image{width:100%}
.second-image > img{max-width:100%}
.image-block .image1{margin-right:22px;}
.image-main{width:25%; margin-left:0px; margin-bottom:0px;}
.image-main span a{font-size:18px; line-height:24px;}
.image-main span b{font-size:17px; line-height:24px;}
.who-we-block h1{font-size:25px; line-height:35px;}
.service-main-block .box1{margin-right: 2%; min-height: 407px;width: 31%;}
.service-main-block .box1.last{margin-right:2%;}
.service-main-block .box1 ul li a{font-size:15px;}
.service-main-block .box1 ul{padding:0 0 0 25px;}
.itranscript-block .itranscript-left{width:48%;}
.itranscript-block .itranscript-right{width:48%; padding:30px 1%; min-height:auto;}
.itranscript-block .itranscript-right iframe{width:100%; height:100%;}
.itranscript-block .itranscript-right .itranscript-logo{bottom:0px;}
.service-block .service{margin-right:36px;}
.our-vision-block .lef-vision{font-size:24px;}
.working-with-cz .work-with-cz .left-part{ padding:83px 30px;}
.working-with-cz .work-with-cz .left-part h2{ font-size:24px; line-height:41px;}
.working-with-cz .work-with-cz .right-part{ padding:16px 30px; width:61%;}
.working-with-cz .work-with-cz .right-part h3{ font-size:16px;}
.support-bottom-left{width:48%; margin-top:100px;}
.support-bottom-right{width:50%;}
.form-info-block .left-side{width:45%;}
.where-we-work .address-part ul li .add-heading{background-size:100% auto; width:28%; margin-right:25px; padding:10px;}
.where-we-work .address-part ul li{float:none;}
.form-info-block .left-side h2{font-size:29px; line-height:35px;}
.overlay {background-size:100% auto !important; }
.where-we-work .address-part ul li .add-heading .overlay a.map-btn{padding:5px 10px;}
.blog-block .blog{width:30%; }
.blog-block .blog h3{font-size:20px;}
.port-main-block .portfolio{width:25%; margin-right:90px;}
.rowtl ul li.odd div.tleft div.text-middle{margin-right:2px; margin-top:18.5%}
.rowtl ul li.even div.tleft div.text-middle{margin-top:17.5%;}
.form-popup .input-style{width:39%}
.form-popup-one .input-style{width:39%}
h3{font-size:23px;}
.form-popup .one{width:100%}
.form-popup-one .one{width:100%}
.provider{width:100%}
.yes-or-no .yes-no{width:100%;}
.process h3{font-size:14px;}
.yes-or-no h3{font-size:14px;}
a.close {line-height: 1;font-size: 4em; float:right;	text-decoration: none;	color: #bbb;}
.form-popup{ height:450px;}
.form-popup-one{ height:450px; overflow:scroll;}
.form-popup-one .input-style{ width:96%;}
.form-popup-one .select-optn{ width:100%;}
.form-popup-one .input-email{width:96%;}
.blogs .two-blogs{margin-left:100px; }
.blogs .two-blogs{ margin-left:0;}
.blogs .two-blogs .secondd{ width:50%;}
.blogs .two-blogs .secondd{ width:50%;}
.form-popup .input-style{ width:100%;}
.where-we-work .address-part ul li .add-heading{ margin-right:15px; width:276px!important;}
.where-we-work .address-part{ margin-top:30px; margin-left:0;}
.where-we-work .address-part ul li .add-heading{ width:260px!important; margin-right:10px;}
.where-we-work .address-part ul li .add-heading .country-name{ margin-bottom:0;}
.where-we-work .address-part ul li .add-heading p{ font-size:13px; line-height:18px;}
.where-we-work .address-part ul li .add-heading{ margin-right:15px; width:276px!important;}
.where-we-work .address-part{ margin-top:30px; margin-left:0;}
.where-we-work .address-part ul li .add-heading{ width:218px!important; margin-right:10px;}
.where-we-work .address-part ul li .add-heading .country-name{ margin-bottom:0;}

.opening .career-left{margin-right:60px;}
.opening .box{width:27%; padding:10px 2%; margin-bottom:20px; display:block;}
.opening .box h3{font-size:18px;}
.blogs .blog-content-all .first-blog-f .first-blg{width:100%;}
header nav ul li{padding:0 0 10px 0;}
header nav ul{ margin-top:43px;}
.slider-banner{height:auto;}
.service-block div.services_box{ padding: 0px 30px 0px; min-height: 50px !important;

margin: 0px !important;}
.right-arrow{display:none; bottom:0px;}
.demo-3{width:100%;}
.demo-3 figure img{max-width:100%}
.demo-4{width:100%;}
.demo-4 figure img{max-width:100%}
.image-block-middle{width:100%;}
.image-block-middle figure{width:100%;}
.image-block-middle figure img{max-width:100%}
.image-block-left{width:28% !important;}
.image-block-middle{width:42% !important; margin-right:0px;}
.image-block-right{width:28% !important;}
.image-block-middle figure{width:47%;}
.tooltip{height: 263px; width: 96%; left: -6px;}
.bottom-image .bottom-image-left{width:39%;}
.bottom-image .bottom-image-left img{max-width:100%;}
.bottom-image .bottom-image-middle{width:19%; margin-right:10px !important;}
.bottom-image-middle img{max-width:100%;}
.bottom-image .bottom-image-right{width:39%}
.bottom-image .bottom-image-right img{max-width:100%}
.dropdown-bg .menu-block .drop-menu{width: 37%; min-height: 195px;}
.footer-block .subscribe-block .left-sidebar .subscribe-input{width:60%;}
.footer-block .subscribe-block .left-sidebar .subscribe-submit{padding: 8px 4px;}
.footer-block .subscribe-block .left-sidebar h2{font-size:14px;}
.service-block div.services_box div.icon {height:auto;}
.footer-block .subscribe-block .left-sidebar{width:40%; font-size:16px;}
.footer-content-block .first-content-part .text-area-input{padding: 8px 13px; min-width: 92%;max-width: 90%;}
.footer-content-block .first-content-part .text-input{width:39%; padding: 8px 15px;}
.dropdown-bg .partner-right{width: 55%; margin-bottom: 30px;}
.about-banner{height:auto;}
.grid li{width: 44% !important; float:left;}
.demo-3 figure h2{display:none !important;}
.demo-3 figure figcaption{background-size:100% 100% !important;}
.demo-4 figure h2{display:none !important;}
.demo-4 figure figcaption{background-size:100% 100% !important;}
.tooltip{background-size: 86% 91% !important;left: 0px;}
.bottom-image-middle .text{background-size: 63% 63% !important;}
.bottom-image .bottom-image-right .textbox{background-size:100% 100% !important;}
.mobile-development-block .inquiry-form .get-a-text-box{ width:93%;}
.mobile-development-block .inquiry-form .inq-county-drop{ width:100%;}
.mobile-development-block .mobile-left{width:60%}
.mobile-development-block .mobile-right{width:38%;}
.mobile-development-block .inquiry-form{width:94%;}
.mobile-development-block .phone-box-block{width:94%;}
.category-block .category-left{float: left; width: 50%; padding-bottom: 0px; margin-bottom: 30px;}
.category-block .category-right{width:50%; float:right; display:block; text-align:center; margin-bottom:20px;}
.category-main .green{font-size:17px;}.content-area .short-content p{padding:0 0 15px; font-size:18px;}
.form-info-block .contactinfo-block .india_info{ width:33%; padding-right:0px; text-align:center;}
.form-info-block .contactinfo-block .india_info figure{ float:none; margin-right:5px; width:auto; display:inline-block;}
.form-info-block .contactinfo-block .india_info .country_desc{ float:none; display:inline-block;}
.form-info-block .contactinfo-block .india_info figure img{ max-width:80%;}
.form-info-block .contactinfo-block .india_info h3{font-family: 'Source Sans Pro'; font-size:22px; margin:0 0 0 0; }
.form-info-block .contactinfo-block .india_info .number a{ font-size:18px; margin-left:0px;  color:#fff;}
.form-info-block .contactinfo-block .india_info .Email a{font-size:18px; margin-left:0px; color:#fff;}
.form-info-block .contactinfo-block .india_info .Skype{color:#000; font-size:18px; margin-left:10px; }
.footer-content-block .quicklinks ul li a{ padding:0 8px; font-size:16px;}
.mobile-development-block .phone-box-block .phone-box{ font-size:16px; width:89%; padding:5px 0 5px 30px; }
.mobile-development-block .phone-box-block .email-box{font-size:15px; width:89%; padding:5px 0 5px 30px;}

.seoPackages .firstRow .firstColumn h2{ font-size:13px;}


.cs-style-4 figcaption{ height:94% !important;}
.grid figcaption{ padding:8px 10px !important;}
.grid figure img{ width:100% !important;}

.cs-style-4 figcaption ul li{ width:auto !important;}
.cs-style-4 figcaption ul li img{ width:auto !important;}
.grid figcaption a{ font-size:18px !important;}
.cs-style-2 figcaption{ width:93% !important;}
.portfolio_boxes .pBox{ width:49%;}
.left-blog{ width:330px !important;}
.grid figcaption{ height:75px;}
canvas{height:652px !important; }


.portfolio_boxes .pBox{ width:49%;}


.vc_row .vc_col-sm-4{ width:30%; margin-right:37px;}
.portfolio-section .portfolio-box-container .portfolio-box .img-box img{ width:100%;}
.portfolio-section .portfolio-box-container .portfolio-box .hover-box a{ padding:5px 10px;}
.portfolio-section .portfolio-box-container .portfolio-box .title-box p{ font-size:14px;}
.portfolio-section .portfolio-box-container .portfolio-box .title-box h3{ margin-bottom:0; padding:5px 0 0 0;}
.portfolio-section .portfolio-box-container .portfolio-box .title-box h3 > a{font-size:20px;}
.portfolio-section .portfolio-box-container .portfolio-box {    min-height: 390px;    padding-top: 20px;}

.form-info-block .contactinfo-block .india_info .country_desc{ margin:0;}



.where-we-work .address-part ul li .add-heading p{ font-size:14px; line-height:23px;}
.tabs-nav a{ margin-right:0;}
}

/*-----  Responsive Css 1024px and 1200px  ------*/
@media (min-width:1024px) and (max-width:1200px) {
.container{max-width:1000px; width:100%;}
footer .footer-left{width:45%}
.callbacks_container{margin-bottom:0px !important;}
.callbacks{position:static !important;}
footer .footer-main{margin-bottom:0px;}
.service-block div.services_box{width:26%}
.image-block .image1 img{height: 334px; max-width: 100%;}
.bottom-left{width:54%;}
.bottom-left img{max-width:100%;}
.bottom-right{max-width:43%;}
.bottom-right .second-image{width:100%}
.second-image > img{max-width:100%}
.image-block .image1{margin-right:20px;}
.image-main{width:25%; margin-left:0px; margin-bottom:0px;}
.service-main-block .box1{margin-right: 2%; min-height: 401px;width: 31%;}
.service-main-block .box1.last{margin-right:2%;}
.service-main-block .box1 ul li a{font-size:15px;}
.service-main-block .box1 ul{padding:0 0 0 25px;}
.support-bottom-left{width:48%; }
.support-bottom-right{width:50%;}
.blog-block .blog{width:30%; }
.blog-block .blog h3{font-size:20px;}
.port-main-block .portfolio{width:25%;}
footer .footer-right{width:50%;}
.image-main{margin-left:0px;}
.itranscript-block .itranscript-left{width:62%;}
.form-popup .input-style{width:43%}
.form-popup-one .input-style{width:96%;}
.form-popup-one .select-optn{ width:100%;}
h3{font-size:23px;}
.form-popup .one{width:100%}
.form-popup-one .one{width:100%; }
.form-popup-one { height:500px; overflow:scroll;}
.provider{width:100%}
.yes-or-no .yes-no{width:100%;}
.process h3{font-size:14px;}
.yes-or-no h3{font-size:14px;}
a.close {line-height: 1;font-size: 4em;float:right;text-decoration: none;	color: #bbb;}
.form-popup{ height:450px;}
.form-popup-one{ height:450px; overflow:scroll;}
.working-with-cz .work-with-cz .right-part{ width:67%;}

.blogs .two-blogs .secondd{ width:33%;}
.form-popup .input-style{ width:100%;}
.where-we-work .address-part ul li .add-heading{ margin-right:24px; width:276px!important;}
.where-we-work .address-part{ margin-left:2%;}
.opening .career-left{margin-right:60px;}
.opening .box{width:27%; padding:10px 2%; margin-bottom:20px; display:block; min-height:230px;}
.demo-3{width:100%;}
.demo-3 figure img{max-width:100%}
.demo-4{width:100%;}
.demo-4 figure img{max-width:100%}
.image-block-middle{width:100%;}
.image-block-middle figure{width:100%;}
.image-block-middle figure img{max-width:100%}
.image-block-left{width:28% !important;}
.image-block-middle{width:42% !important; margin-right:0px;}
.image-block-right{width:28% !important;}
.image-block-middle figure{width:47%;}
.tooltip{height: 334px; width: 86%;left: -0px;}
.bottom-image .bottom-image-left{width:39%;}
.bottom-image .bottom-image-left img{max-width:100%;}
.bottom-image .bottom-image-middle{width:19%; margin-right:10px !important;}
.bottom-image-middle img{max-width:100%;}
.bottom-image .bottom-image-right{width:39%}
.bottom-image .bottom-image-right img{max-width:100%}
.dropdown-bg .menu-block .drop-menu{width: 22%; min-height: 170px; margin-right:40px;}
.footer-block .subscribe-block .left-sidebar .subscribe-input{width:60%;}
.footer-block .subscribe-block .left-sidebar .subscribe-submit{padding: 8px 4px;}
.footer-block .subscribe-block .left-sidebar h2{font-size:14px;}
.service-block div.services_box div.icon {height:auto;}
.footer-block .subscribe-block .left-sidebar{width:40%; font-size:16px;}
.footer-content-block .first-content-part .text-area-input{padding: 8px 13px;}
.footer-content-block .first-content-part .text-input{width:39%; padding: 8px 15px;}
.dropdown-bg .partner-right{width: 55%; margin-bottom: 30px;}
.working-with-cz .work-with-cz .left-part h2{ font-size:24px; line-height:41px;}
.working-with-cz .work-with-cz .right-part{ padding:16px 30px; width:65%;}
.working-with-cz .work-with-cz .right-part h3{ font-size:16px;}
.category-block .category-left{float: left; width: 50%; padding-bottom: 0px; margin-bottom: 30px;}
.category-block .category-right{width:50%; float:right; display:block; text-align:center; margin-bottom:20px;}


.cs-style-4 figcaption{ height:94% !important;}
.grid figcaption{ padding:8px 10px !important;}
.grid figure img{ width:100% !important;}
.grid li{ width:32% !important; margin-bottom: 5px !important;}
.cs-style-4 figcaption ul li{ width:auto !important;}
.cs-style-4 figcaption ul li img{ width:auto !important;}
.grid figcaption a{ font-size:18px !important;}
.cs-style-2 figcaption{ width:93% !important;}
.left-blog{ width:460px !important;}


.where-we-work .address-part ul li .add-heading p{ font-size:16px;}
.vc_row .vc_col-sm-4{ width:30%; margin-right:50px;}
.portfolio-section .portfolio-box-container .portfolio-box .img-box img{ width:100%;}
.portfolio-section .portfolio-box-container .portfolio-box .hover-box a{ padding:5px 10px;}
.portfolio-section .portfolio-box-container .portfolio-box .title-box p{ font-size:15px;}
.portfolio-section .portfolio-box-container .portfolio-box .title-box h3{ margin-bottom:0; padding:5px 0 0 0;}
.portfolio-section .portfolio-box-container .portfolio-box .title-box h3 > a{font-size:20px;}
.portfolio-section .portfolio-box-container .portfolio-box {    min-height: 381px;    padding-top: 20px;}
.tabs-nav a{ margin-right:0;}
.service-block .service{ margin-right:60px;}
}
@media (min-width:1200px){
	a.close {line-height: 1;font-size: 4em; float:right;text-decoration: none;	color: #bbb;}
}
.form-popup-one h1{ float:left;}

.top {height:80px;width:80px;text-decoration: none;position:fixed;top:550px;right:40px;display:none;background-image:url(../images/up-arrow.png);
background-repeat:no-repeat;bottom:0px;padding:5px;border-radius:3px;cursor:pointer; z-index:999;}
.deafult-btn{  background: #3d63af; cursor: pointer; transition: all 0.2s ease-in-out 0s;  border-radius: 3px; color:#fff; padding:5px 10px; margin-left:0px; margin-top:15px; display:block; width:80px; text-align:center; font-size:18px;}
.deafult-btn:hover{background-color:#000; color:#fff;}


.v-center {height: 100%;width: 100%;display: table;position: relative;text-align: center;}
.v-center > div {display: table-cell;vertical-align: middle;position: relative;}
.btn {font-size: 3vmin;padding: 0.75em 1.5em;background-color: #fff;border: 1px solid #bbb;	color: #333;text-decoration: none;display: inline;
	border-radius: 4px;	-webkit-transition: background-color 1s ease;	-moz-transition: background-color 1s ease;	transition: background-color 1s ease;}
.btn:hover {background-color: #ddd;	-webkit-transition: background-color 1s ease;-moz-transition: background-color 1s ease;	transition: background-color 1s ease;}.btn-small {padding: .75em 1em;	font-size: 0.8em;}
.modal-box {display: none;	position: absolute;	z-index: 1000;	width: 98%;}
@media (min-width: 16em) {
.modal-box {width: 78%; position:fixed;top:0; height:100%; left:15%; bottom:0;}

}

.modal-box header, .modal-box .modal-header {padding: 1.25em 1.5em;	border-bottom: 1px solid #ddd;}
.modal-box header h3, .modal-box header h4, .modal-box .modal-header h3, .modal-box .modal-header h4 {	margin: 0;}

.modal-box footer, .modal-box .modal-footer {padding: 1em;	border-top: 1px solid #ddd;	background: rgba(0, 0, 0, 0.02);	text-align: right;}
.modal-overlay {opacity: 0;filter: alpha(opacity=0);position: fixed; top:0;left: 0;z-index: 900;width: 100%;height:100%!important; 
opacity: 1; visibility: visible; background: rgba(0, 0, 0, 0.3) !important;}
a.close:hover {color: #222;	-webkit-transition: color 1s ease;	-moz-transition: color 1s ease;	transition: color 1s ease;}
	
/*hack css in crome*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
footer .footer_newsletter form .submit-btn { padding:9px 20px 10px; }
}


@media (min-width:768px) and (max-width:3000px) {
	#wrapper{left:0px !important;}
	
	
	}


/*#c {
  opacity:.2;
}
canvas {
  position:absolute;
  top:0; left:0;
  width:100%; z-index:99;
}
*/

canvas {
	cursor: crosshair;
	display: block;
	z-index:99;
	position:absolute;
	height:720px;
	width:100%;
}

.main-container {
  height: 100%;
    overflow:hidden;
}

.section-demo {
  height: 100%;
  background-color: #fff;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #fff));
  background-image: -webkit-linear-gradient(#fff, #fff);
  background-image: linear-gradient(#fff, #fff);
}

header { width:100%; position:fixed ; z-index:999; height:120px; background-color:transparent; transition: all 0.2s ease-in-out; top:0; left:0; background:}
header.active {
    background: #222;
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
	opacity:1;
}
header.active{ color:#ccc;}
header.active {color:#fff !important;  }



/* Individual Caption Styles */

.grid {
	padding: 20px 20px 100px 20px;
	max-width: 1170px;
	margin: 0 auto;
	list-style: none;
	text-align: center;
}

.grid li {
	display: inline-block;
	width: 334px;
	margin: 0;
	padding: 20px;
	text-align: left;
	position: relative;
}

.grid figure {
	margin: 0;
	position: relative;
}

.grid figure img {
	max-width: 100%;
	display: block;
	position: relative;
}

.grid figcaption {
	position: absolute;
	top: 0;
	left: 0;
	padding: 0px 20px;
	background: #2c3f52;
	color: #ed4e6e;
}

.grid figcaption h3 {
	margin: 0;
	padding: 28px 0;
	color: #fff;
	font-size:23px;
	position:relative;
	left:20px;
}

.grid figcaption span:before {
	content: 'by ';
}

.grid figcaption a {
	text-align: center;
	padding: 5px 10px;
	border-radius: 2px;
	display: inline-block;
	background: #ed4e6e;
	color: #fff;
}

.grid figcaption a:hover{ text-decoration:none; color:#fff;}

/* Individual Caption Styles */

/* Caption Style 1 */
.cs-style-1 figcaption {
	height: 100%;
	width: 100%;
	opacity: 0;
	text-align: center;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	-moz-transition: -moz-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
}

.no-touch .cs-style-1 figure:hover figcaption,
.cs-style-1 figure.cs-hover figcaption {
	opacity: 1;
	-webkit-transform: translate(15px, 15px);
	-moz-transform: translate(15px, 15px);
	-ms-transform: translate(15px, 15px);
	transform: translate(15px, 15px);
}

.cs-style-1 figcaption h3 {
	margin-top: 70px;
}

.cs-style-1 figcaption span {
	display: block;
}

.cs-style-1 figcaption a {
	margin-top: 30px;
}

/* Caption Style 2 */
.cs-style-2 figure img {
	z-index: 10;
	-webkit-transition: -webkit-transform 0.4s;
	-moz-transition: -moz-transform 0.4s;
	transition: transform 0.4s;
}

.no-touch .cs-style-2 figure:hover img,
.cs-style-2 figure.cs-hover img {
	-webkit-transform: translateY(-90px);
	-moz-transform: translateY(-90px);
	-ms-transform: translateY(-90px);
	transform: translateY(-90px);
}

.cs-style-2 figcaption {
	height: 90px;
	width: 88%;
	top: auto;
	bottom: 0;
}

.cs-style-2{ padding:20px 20px 0px;}

.cs-style-2 figcaption a {
	position: absolute;
	right: 20px;
	top: 30px;
	
}


/*
@media screen and (max-width: 31.5em) {
	.grid {
		padding: 10px 10px 10px 10px;
	}
	.grid li {
		width: auto;
		min-width: 290px;
		padding:20px 0;
	}
	.cs-style-2 figcaption{width:86%;}
}*/

/*-----  Responsive Css 1024px and 1200px  ------*/
@media (min-height:780px) { 
.form-popup-one{height:auto !important;}
}

/*//for video*/
video::-webkit-media-controls-fullscreen-button
{
        display: none !important;
}





@media (min-width:300px) and (max-width:1024px)
{
       .section-white video.respon 
       {
            width:100%;
            height:400px;
       }
}