/*!
 * Bootstrap v3.0.3 (http://getbootstrap.com)
 * Copyright 2013 Twitter, Inc.
 * Licensed under http://www.apache.org/licenses/LICENSE-2.0
 */

/*! normalize.css v2.1.3 | MIT License | git.io/normalize */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}

audio,
canvas,
video {
  display: inline-block;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden],
template {
  display: none;
}

html {
  font-family: Myriad Pro;
  -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
}

body {
  margin: 0;
}

a {
  background: transparent;
}

a:focus {
  outline: thin dotted;
}

a:active,
a:hover {
  outline: 0;
}

h1 {
  margin: 0.67em 0;
  font-size: 2em;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b,
strong {
  font-weight: bold;
}
p,h1,h2,h3,h4,h5,h6{
margin:0;}
dfn {
  font-style: italic;
}

hr {
  height: 0;
  -moz-box-sizing: content-box;
       box-sizing: content-box;
}

mark {
  color: #000;
  background: #ff0;
}
ul{
padding:0px;
margin:0px;}

code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em;
}
li{
list-style-type: none;
}
pre {
  white-space: pre-wrap;
}

q {
  quotes: "\201C" "\201D" "\2018" "\2019";
}

small {
  font-size: 80%;
}

sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 0;
}

fieldset {
  padding: 0.35em 0.625em 0.75em;
  margin: 0 2px;
  border: 1px solid #c0c0c0;
}

legend {
  padding: 0;
  border: 0;
}

button,
input,
select,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: 100%;
}
.cb{
clear:both;}

button,
input {
  line-height: normal;
}

button,
select {
  text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button;
}

button[disabled],
html input[disabled] {
  cursor: default;
}

input[type="checkbox"],
input[type="radio"] {
  padding: 0;
  box-sizing: border-box;
}

input[type="search"] {
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-appearance: textfield;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: 0;
}

textarea {
  overflow: auto;
  vertical-align: top;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}
a {

text-decoration: none;
}
.nav {
list-style: none;
}
.collapse {
display: none;
}
/*--------------Common--------------*/
.error{
	color: red;
font-size: 14px;
float: left;
margin: 2px 0 0px 5px;
}
input.error{border:1px solid red;}
textarea.error{border:1px solid red;}
select.error{border:1px solid red;}
.err_mess{
	float:left;
	margin-right:120px;
	color:red;
}
@font-face {
	font-family: 'WeblySleekUILight';
	src: url('../fonts/WeblySleekUILight.eot?') format('eot'), 
	     url('../fonts/WeblySleekUILight.woff') format('woff'), 
	     url('../fonts/WeblySleekUILight.ttf')  format('truetype'),
	     url('../fonts/WeblySleekUILight.svg#WeblySleekUILight') format('svg');
}
@font-face {
	font-family: 'WeblySleekUISemilight';
	src: url('../fonts/WeblySleekUISemilight.eot?') format('eot'), 
	     url('../fonts/WeblySleekUISemilight.woff') format('woff'), 
	     url('../fonts/WeblySleekUISemilight.ttf')  format('truetype'),
	     url('../fonts/WeblySleekUISemilight.svg#WeblySleekUISemilight') format('svg');
}
@font-face {
	font-family: 'WeblySleekUISemibold';
	src: url('../fonts/WeblySleekUISemibold.eot?') format('eot'), 
	     url('../fonts/WeblySleekUISemibold.woff') format('woff'), 
	     url('../fonts/WeblySleekUISemibold.ttf')  format('truetype'),
	     url('../fonts/WeblySleekUISemibold.svg#WeblySleekUISemibold') format('svg');
}
@font-face {
	font-family: 'Conv_Dense-Regular';
	src: url('../fonts/Dense-Regular.eot');
	src: local('?'), url('../fonts/Dense-Regular.woff') format('woff'),
	url('../fonts/Dense-Regular.ttf') format('truetype'), 
	url('../fonts/Dense-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Conv_Raleway-Regular';
	src: url('../fonts/Raleway-Regular.eot');
	src: local('?'), url('../fonts/Raleway-Regular.woff') format('woff'), 
	url('../fonts/Raleway-Regular.ttf') format('truetype'), 
	url('../fonts/Raleway-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Conv_Raleway-Bold';
	src: url('../fonts/Raleway-Bold.eot');
	src: local('?'), url('../fonts/Raleway-Bold.woff') format('woff'), 
	url('../fonts/Raleway-Bold.ttf') format('truetype'), 
	url('../fonts/Raleway-Bold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Conv_Montserrat-Bold';
	src: url('../fonts/Montserrat-Bold.eot');
	src: local('?'), url('../fonts/Montserrat-Bold.woff') format('woff'), url('../fonts/Montserrat-Bold.ttf') format('truetype'), url('../fonts/Montserrat-Bold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
.jumbotron{
float:left;
width:100%;
}
.container{
float:left;
width:100%;
}
.navbar-default {
  background-color: #f8f8f8;
  border-color: #e7e7e7;
}

.navbar-default .navbar-brand {
  color: #777777;
}

.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: #5e5e5e;
  background-color: transparent;
}

.navbar-default .navbar-text {
  color: #777777;
}

.navbar-default .navbar-nav > li > a {
  color: #777777;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #333333;
  background-color: transparent;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #555555;
  background-color: #e7e7e7;
}

.navbar-default .navbar-nav > .disabled > a,
.navbar-default .navbar-nav > .disabled > a:hover,
.navbar-default .navbar-nav > .disabled > a:focus {
  color: #cccccc;
  background-color: transparent;
}

.navbar-default .navbar-toggle {
  /*border-color: #dddddd;*/
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  /*background-color: #dddddd;*/
}

.navbar-default .navbar-toggle .icon-bar {
  background-color: #000;
}

.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  
}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  color: #555555;
  background-color: #e7e7e7;
}
/*--------------Common--------------*/

@media (max-width: 449px) {
/*-------------------------header strat-----------------------------------------*/
.navbar{
width: 100%;
position: fixed;
z-index: 9999997;
background-color: #fff;
opacity: 0.97;
}
.inner_header{
margin:0 auto;
width:100%;
}
.navbar-brand img{
width:100%;

}
/*-----------------------------------header end----------------------*/
/*-----------Rahul------------*/
.navbar-header {
    float: left;
	width:100%; 
	padding-top: 2%;
}
.navbar-brand{
width: 35%;
display: block;
padding:1% 0 0 4%;

}
.navbar-collapse{
float:right;
width:75%;
}
/*-----------Rahul------------*/
/*----------menu-----*/
  .navbar-nav {
    float: left;
    font-size: 17px;
	 padding: 0;
	 background-color:#fff;
}
  .navbar-nav > li {
float: left;
text-decoration:none;
width:100%;
border-top:1px solid #e7e7e7;

}
.menu_heading{
display:none!important;
}
.social_menu{
float: left;
border-top: 1px solid #e7e7e7;
width: 65%;
padding: 2% 0 0 35%;
}
.navbar-default .navbar-nav > li > a {
  color: #777;
  padding:5px 0;
   margin-right: 7px;
   float:left;
  width:100%;
  text-align: center;
 
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #fb7b53;
    padding:5px 0;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
   color:#fb7b53;
  padding:5px 0;
  float:left;
  width:100%;
  
}

.navbar-default .navbar-nav > .disabled > a,
.navbar-default .navbar-nav > .disabled > a:hover,
.navbar-default .navbar-nav > .disabled > a:focus {
  color: #cccccc;
  background-color: transparent;
}
/*----------menu-----*/
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}
.navbar-toggle .icon-bar + .icon-bar {
margin-top: 4px;
}
.navbar-toggle {
position: relative;
float: right;
padding: 9px 10px;
margin-right: 15px;
background-color: transparent;
background-image: none;
border: 1px solid transparent;
border-radius: 4px;
}

.navbar-toggle .icon-bar {
display: block;
width: 22px;
height: 2px;
border-radius: 1px;
}
.navbar-collapse {
  max-height: 340px;
 
  overflow-x: visible;
  border-top: 1px solid transparent;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  -webkit-overflow-scrolling: touch;
  float:left;
  width:100%;
}

.navbar-collapse:before,
.navbar-collapse:after {
  display: table;
  content: " ";
}

.navbar-collapse:after {
  clear: both;
}

.navbar-collapse:before,
.navbar-collapse:after {
  display: table;
  content: " ";
}

.navbar-collapse:after {
  clear: both;
}

.navbar-collapse.in {
  overflow-y: auto;
}
  .hidden-lg.hidden-xs,
  tr.hidden-lg.hidden-xs,
  th.hidden-lg.hidden-xs,
  td.hidden-lg.hidden-xs {
    display: none !important;
  }
 /*---------------------------Header end------------------------*/
   /*-----------------------------------------Home page start-----------------------------------*/
.home_slider{
width:100%;
float:left;
margin-top:20%;
}
.home_second_div{
float:left;
width:100%;
background:url(../images/home_second_bg.jpg)no-repeat;
background-size: 100% 100%;
}
.inner_home_second_div,.inner_home_feature,.inner_home_third,.inner_home_service,.inner_discuss{
width:90%;
margin:4% auto 0 auto;
}
.home_left{
width:100%;
}
.home_left hr,.left_home_third hr{
border:1px solid #c8cacd;
float:left;
width:40%;
}
.home_left h4,.left_home_third h4{
font-family:Conv_Dense-Regular;
color:#59a3fc;
font-size:220%;
font-weight: normal;
}

.home_left p,.left_home_third p{
font-family:WeblySleekUISemilight;
color:#000;
font-size:85%;
padding:0% 0 5% 0;
}
.home_right{
width: 70%;
margin: 0 auto;
}
.home_right img{
float: right;
width:100%;
}

.home_feature,.testmonials{
float:left;
width:100%;
}
.feature_heading{
width:100%;
margin:0 auto;
}
.feature_heading h3{
font-family:Conv_Dense-Regular;
color:#e37b00;
font-size:165%;
font-weight: normal;
margin:-2% 0 0 0;
float:left;
}
.feature_heading hr{
border:1px solid #c8cacd;
width:9%;
float:left;
}
.inner_home_feature p,.inner_testmonials p{
font-family:WeblySleekUISemilight;
color:#000;
font-size:80%;
width: 90%;
margin: 1% auto 0 auto;
text-align:center;
line-height:130%;
}
.home_feature_left{
margin:5% auto 0 auto;
width:85%;
height:40%;
}
.home_feature_left img{
width:100%;

}
.home_feature_right{
width:90%;
margin:0;
}
.right_ul{
float:left;
}
.right_ul li{
float:left;
margin-bottom:3%;
}
.right_ul a:hover{
background-color:#fefce9;
float:left;
padding: 2% 0 0 3%;
}
.right_ul a{

float:left;
padding: 2% 0 0 3%;
}
.right_ul li img{
float:left;
width:10%;
}
.right_ul span{
font-family:Conv_Raleway-Bold;
color:#e37b00;
font-size:80%;
margin-left: 5%;
float: left;
width: 80%;
}
.right_ul p{
float:left;
text-align:left;
margin:0 0 0 15%;
line-height:130%;
font-size:80%;
}
.home_third{
float:left;
width:100%;
padding-bottom:3%;
background-color:#f5f5f5;
}
.left_home_third{
width:90%;
}
.right_home_third{
width:90%;
margin:0 auto;
}
.right_home_third img{
width:100%;
}
.home_service{
float:left;
width:100%;
background:url("../images/home_service_bg.png") no-repeat;
padding-bottom:7%;
background-size:100% 100%;
}
.inner_home_service h3{
font-family:Conv_Dense-Regular;
color:#fff;
font-size:300%;
font-weight: normal;
text-align:center;
}
.inner_home_service p,.inner_discuss p{
font-family:WeblySleekUISemilight;
color:#fff;
font-size:105%;
text-align:center;
}
.sub_services{
margin:5% auto 0 auto;
width:95%;
}

.ser-first{
width:25%;
height:105px;
float:left;
margin-left:6%;
}
.ser-first img{
width:100%;
}
.ser-first p{
position: relative;
font-size: 85%;
}
a .ser-first p:hover{
color:#59a3fc;
}
.normal_view_testimonials{
display:none!important;
}
.mobile_view_testimonials{
display:block!important;
margin-top: 2%;
float: left;
}

.testmonials_heading{
width:45%!important;
}
.testmonials_heading hr {
border: 1px solid #c8cacd;
width: 15%;
float: left;
}
.inner_testmonials h5 b{
font-family:WeblySleekUISemilight;
color:#e37b00;
font-size:100%;
}
.inner_testmonials h5{
font-family:WeblySleekUISemilight;
color:#555555;
font-size:80%;
text-align:center;
}
.normal_view_footer{
display:none!important;
}
.home_discuss{
width:100%;
float:left;
background-color:#2d3d5e;
padding-bottom:3%;
}
.home_discuss_heading{
width:38%;
margin:0 auto;
}
.home_discuss_heading h3{
color:#fff!important;
}
.home_discuss_left{
margin:0 auto;
width:98%;
}
.home_discuss_right{
float:left;
width:90%;
margin-top:3%;
}
.home_discuss_left h4{
font-family:WeblySleekUISemilight;
color:#fff;
font-size:120%;
font-weight:normal;
}
.home_discuss_left p{
font-family:WeblySleekUISemilight;
color:#fff;
font-size:100%;
font-weight:normal;
text-align:left;
}
.home_discuss_left hr{
width:40%;
border:0.5% solid #fff;
margin:5% 0 5% 0;
}
.home_discuss_right p{
font-weight:bold;
float:left;
width:100%;
text-align:left;
margin-bottom:2%;
}
.contact_textfield{
float:left;
width:50%;
}
.contact_textfield input{
border-radius:2px;
padding:1% 2% ;
border:1px solid #fff;
width:90%;
height:30px;
float:left;
font-family:WeblySleekUISemilight;
color:#000;
font-size:100%;
}
.contact_textarea textarea{
border-radius:2px;
padding:1% 2% ;
border:1px solid #fff;
width:93%;
height:80px;
float:left;
font-family:WeblySleekUISemilight;
color:#000;
font-size:100%;
resize:none;
margin-top:3%;
}

.contact_sent input{
background:none;
border:none;
float:left;
background:url("../images/send_sms.png") no-repeat;
cursor:pointer;
width:60%;
height:45px;
margin-top:2%;
}
.diss_social_link li{
float:left;
margin:4% 4% 0 0;
width:10%;
}
.diss_social_link li img{
width:100%;
}
.map-include{
width:100%;
float:left;
height:210px;
margin-top:20%;
}
/*---------------------------home page end-------------------------------------*/
/*--------------------------------Services css start-----------------------------*/
.servies_banner{
float:left;
width:100%;
webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover!important;
background: url("../images/4.png") no-repeat;
padding: 1% 0 10% 0;
margin-top: 20%;
}
.service_banner_content{
font-family: Conv_Montserrat-Bold;
color: #fff;
font-size: 120%;
width: 90%;
margin: 0 auto;
padding-top: 6%;
}
.servies_banner p,.aboutus_banner p,.technology_banner p,.portfolio_banner p{
margin-left:5%;
width: 90%;
padding-top: 2%;
font-size:90%;
color:#fff;
font-family:WeblySleekUISemilight;

}
.service_content{
width:100%;
float:left;
}
.inner_service_content{
width:95%;
margin:2% auto 0 auto;
}
.service_content_left{
float:left;
width:95%;
}

.tect_1,.tect_2,.tect_3{
float:left;
margin:7% 0 0 5%;
width: 40%;
height:120px;
}

.tect_1 img,.tect_2 img,.tect_3 img{
width:100%;
height:100%;
}
.inner_service_content h2{
font-family:Conv_Dense-Regular;
font-size:220%;
margin:0;
float:left;
color:#59a3fc;
font-weight:normal;
width: 100%;
}
.inner_service_content hr{
float:left;
width:20%;
border:1px solid #c8cacd;
}
.left_service{
display:none!important;
}
.right_service{
float:left;
width:100%;
margin-top:2%;
}
.navigation{
width: 95%;
float:left;

}
.navigation .active {
cursor: pointer;
background:url("../images/service_li_hover.png")repeat-x;
height:58px;
padding: 4% 0 0 5%;
}
.navigation li{
background:url("../images/service_li.png")repeat-x;
height:58px;
color:#282528;
font-family:WeblySleekUISemilight;
font-size:125%;
padding: 4% 0 0 5%;
}
.navigation li:hover {
cursor: pointer;
background:url("../images/service_li_hover.png")repeat-x;
height:58px;
padding: 4% 0 0 5%;
}
.navigation li img{
float:right;
padding: 1% 3% 0 3%
}

.slide span{
color:#585858;
font-family:WeblySleekUISemilight;
font-size: 130%;
width: 100%;
float: left;
font-weight: normal;
padding-bottom:1%;
}
.slide p{
color:#282528;
font-family:WeblySleekUISemilight;
font-size:100%;
padding-bottom:3%;
line-height: 150%;
}
/*--------------------------------Services css end-----------------------------*/
/*--------------------------------portfoloi css start-----------------------------*/
.portfolio_banner{
float:left;
width:100%;
webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover!important;
background: url("../images/2.jpg") no-repeat;
padding-bottom: 7%;
margin-top: 20%;
}
.main_portfolio{
float:left;
width:100%;
}
.inner_portfolio{
width:100%;
margin:1% 0 10% 0;
background-color:#34495e;
float:left;
padding:4% 0 2% 0;
}
.port_menu{
margin:0 auto;
width:90%;
padding: 1% 0 4% 0;
}
.port_menu li{
float:left;

}
.port_menu li a{
color:#000;
font-family:WeblySleekUISemibold;
font-size:100%;
padding: 0 4px 0 4px;
float: left;
}
.port_menu li img{
float:left;
}
#iphone{
float:left;
width:100%;
padding-top:2%;
}
.port_iphone_box{
float: left;
width: 30%;
margin-left: 1.5%;
padding-bottom: 2%;
height: 130px;
margin-right: 1%;
}
.port_iphone_box img{
width:100%;
}
.port_iphone_box p{
text-align:center;
color:#fff;
font-family:WeblySleekUISemibold;
font-size:80%;
margin-top: -2%;
}
/*--------------------------------portfoloi css end-----------------------------*/
/*--------------------------------about us css start-----------------------------*/
.aboutus_banner{
float:left;
width:100%;
webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover!important;
background: url("../images/about_us.png") no-repeat;
padding: 0 0 10% 0;
margin-top: 20%;
}
.aboutus_content,.technology_content{
float:left;
width:100%;
padding-bottom:5%;
}
.aboutus_content p{
float:left;
width:100%;
font-family:WeblySleekUISemibold;
font-size: 90%;
color:#282528;
line-height: 150%;
margin-top:2%;
}
.aboutus_ul{
float:left;
width:100%;
}
.aboutimg{
float:left;
width:100%;
margin-top: 2%;
}
.aboutimg img{
width:100%;
}
.aboutus_ul li{
font-family:WeblySleekUISemibold;
font-size: 90%;
color:#282528;
width:96%;
line-height: 160%;
padding: 0.5% 0 0.5% 3%;
}
.aboutus_ul li img{
margin: 2% 1% 0 0;
float: left;
}
/*--------------------------------about us css end-----------------------------*/
.map-include{
}

/*--------------------------------technology us css start-----------------------------*/
.technology_banner{
float:left;
width:100%;
webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover!important;
background: url("../images/technology.png") no-repeat;
padding: 7% 0 10% 0;
margin-top:20%;
}
.technology_content p{
float:left;
width:100%;
font-family:WeblySleekUISemilight;
font-size: 103%;
color:#282528;
line-height: 150%;
margin:1% 0 1% 0;
}
.technology_content h3{
font-family:WeblySleekUISemibold;
font-size: 110%;
color:#59a3fc;
width:100%;
margin:2% 0 0 0;
}
.technology_ul li,.technology_ul_first li{
font-family:WeblySleekUISemilight;
font-size: 103%;
color:#282528;
width:100%;
margin-left:1%;
line-height: 160%;
float:left;
}
.technology_ul li img,.technology_ul_first li img{
margin: 3% 1% 0 0;
float: left;
}
.technology_ul_first h4{
font-family:WeblySleekUISemibold;
font-size: 110%;
color:#000;
width:100%;
margin:2% 0 0 0;
float: left;
}
.technology_ul_first{
float:left;
width:100%;
margin-left:5%;
}
.normal_technology
{
display:none;
}
/*--------------------------------technology us css end-----------------------------*/
/*---------------------------footer start-------------------------------------*/
.footer{
float:left;
width:100%;
background-color:#161828;
padding-bottom:1%;
}
.inner_footer{
margin:0 auto;
width:90%;
padding:1% 0%;
}
.inner_footer p{
float:left;
color:#fff;
font-family:WeblySleekUISemilight;
font-size:90%;
width:100%;
}

.menu_footer li{
float:left;
background: url(../images/footer_strip.png) no-repeat;
background-position: right;
}
.menu_footer li a{
float:left;
color:#fff;
font-family:WeblySleekUISemilight;
padding: 2px 7px 5px 7px;
font-size:90%;
}
.menu_footer li.contactus {
background-image: none;
}
/*---------------------------footer end-------------------------------------*/
}


@media (min-width:450px) and (max-width: 767px) {
/*---------------------------Header start------------------------*/
.navbar{
width:100%;
/*position: fixed;
z-index: 9999997;*/
background-color: #fff;
opacity: 0.97;
}

.navbar-header {
width: 93%;
padding:0 0 2% 2%;

}
.navbar-brand{
width: 20%;
display: block;
margin-top: 3%;
}
.navbar-brand img{
width:100%;
}
.navbar-collapse{
float:right;
width:75%;
}
.navbar-nav {
    float: left;
    font-size: 17px;
	 padding: 0;
	 width: 100%;
}
.navbar-nav > li {
float: left;
text-decoration: none;
width: 100%;
border-top: 1px solid #e7e7e7;
}
.navbar-default .navbar-nav > li > a {
  color: #777;
padding: 5px 12px 5px 12px;
/* margin-right: 7px; */
float: left;
width: 95%;
text-align: center;
font-weight: normal;
font-size: 100%;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #fb7b53;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color:#fb7b53;
  float:left;
  width:100%;
 }
.navbar-default .navbar-nav > .disabled > a,
.navbar-default .navbar-nav > .disabled > a:hover,
.navbar-default .navbar-nav > .disabled > a:focus {
  color: #cccccc;
  background-color: transparent;
}
.menu_heading{
display:none!important;
}
.social_menu{
float: left;
border-top: 1px solid #e7e7e7;
width: 58%;
padding: 1% 0 0 42%;
}

/*----------menu-----*/
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}
.navbar-toggle .icon-bar + .icon-bar {
margin-top: 4px;
}
.navbar-toggle {
position: relative;
float: right;
padding: 9px 10px;
margin-right: 15px;
background-color: transparent;
background-image: none;
border: 1px solid transparent;
border-radius: 4px;
}
.navbar-toggle .icon-bar {
display: block;
width: 22px;
height: 2px;
border-radius: 1px;
}
.navbar-collapse {
  max-height: 340px;
 
  overflow-x: visible;
  border-top: 1px solid transparent;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  -webkit-overflow-scrolling: touch;
  float:left;
  width:100%;
}

.navbar-collapse:before,
.navbar-collapse:after {
  display: table;
  content: " ";
}

.navbar-collapse:after {
  clear: both;
}

.navbar-collapse:before,
.navbar-collapse:after {
  display: table;
  content: " ";
}

.navbar-collapse:after {
  clear: both;
}

.navbar-collapse.in {
  overflow-y: auto;
}
  .hidden-lg.hidden-xs,
  tr.hidden-lg.hidden-xs,
  th.hidden-lg.hidden-xs,
  td.hidden-lg.hidden-xs {
    display: none !important;
  }
 /*-------------------------------Header end----------------------------------------*/ 
  /*-----------------------------------------Home page start-----------------------------------*/
.home_slider{
width:100%;
float:left;

}
.home_second_div{
float:left;
width:100%;
background:url(../images/home_second_bg.jpg)no-repeat;
background-size: 100% 100%;
}
.inner_home_second_div,.inner_home_feature,.inner_home_third,.inner_home_service,.inner_discuss{
width:95%;
margin:4% auto 0 auto;
}
.home_left{
float:left;
width:50%;
}
.home_left hr,.left_home_third hr{
border:1px solid #c8cacd;
float:left;
width:40%;
}
.home_left h4,.left_home_third h4{
font-family:Conv_Dense-Regular;
color:#59a3fc;
font-size:220%;
font-weight: normal;
}

.home_left p,.left_home_third p{
font-family:WeblySleekUISemilight;
color:#000;
font-size:85%;
padding:0% 0 5% 0;
}
.home_right{
float:right;
width:45%;
}
.home_right img{
float: right;
width:100%;
}
.home_feature,.testmonials{
float:left;
width:100%;
padding-bottom: 2%;
}
.feature_heading{
width:73%;
margin:0 auto;
}
.feature_heading h3{
font-family:Conv_Dense-Regular;
color:#e37b00;
font-size:200%;
font-weight: normal;
margin:-2% 1% 0 1%;
float:left;
}
.feature_heading hr{
border:1px solid #c8cacd;
float:left;
width:13%;
margin-right:0;
}
.inner_home_feature p,.inner_testmonials p{
font-family:WeblySleekUISemilight;
color:#000;
font-size:80%;
width: 82%;
margin: 1% auto 0 auto;
text-align:center;
line-height:130%;
}
.home_feature_left{
float:left;
width:48%;
margin-top:5%;
}
.home_feature_left img{
width:100%;

}
.home_feature_right{
float:right;
width:50%;
margin-top:5%;
}
.right_ul{
float:left;
}
.right_ul li{
float:left;
margin-bottom:3%;
}
.right_ul a:hover{
background-color:#fefce9;
float:left;
padding: 2% 0 0 3%;
}
.right_ul a{

float:left;
padding: 2% 0 0 3%;
}
.right_ul li img{
float:left;
width:10%;
}
.right_ul span{
font-family:Conv_Raleway-Bold;
color:#e37b00;
font-size:80%;
padding: 0 0 0 5%;
float:left;
width:80%;
}
.right_ul p{
float:left;
text-align:left;
margin:0 0 0 15%;
line-height:130%;
font-size:80%;
}
.home_third{
float:left;
width:100%;
padding-bottom:3%;
background-color:#f5f5f5;
}
.left_home_third{
float:left;
width:45%;
}
.right_home_third{
float:right;
width:55%;
}
.right_home_third img{
float:right;
width:100%;
}
.home_service{
float:left;
width:100%;
background:url("../images/home_service_bg.png") no-repeat;
padding-bottom:7%;
background-size:100% 100%;
}
.inner_home_service h3{
font-family:Conv_Dense-Regular;
color:#fff;
font-size:300%;
font-weight: normal;
text-align:center;
}
.inner_home_service p,.inner_discuss p{
font-family:WeblySleekUISemilight;
color:#fff;
font-size:120%;
text-align:center;
}
.sub_services{
margin:12% auto 0 auto;
width:95%;
}

.ser-first{
width:14%;
height:124px;
float:left;
margin-left:2%;
}
.ser-first img{
width:100%;
}
.ser-first p{
position: relative;
font-size: 85%;
}
a .ser-first p:hover{
color:#59a3fc;
}
.normal_view_testimonials{
display:none!important;
}
.mobile_view_testimonials{
display:block!important;
margin-top: 2%;
float: left;
}

.testmonials_heading{
width:30%!important;
}
.inner_testmonials h5 b{
font-family:WeblySleekUISemilight;
color:#e37b00;
font-size:100%;
}
.inner_testmonials h5{
font-family:WeblySleekUISemilight;
color:#555555;
font-size:90%;
text-align:center;
}
.normal_view_footer{
display:none!important;
}
.home_discuss{
width:100%;
float:left;
background-color:#2d3d5e;
padding-bottom:3%;
}
.home_discuss_heading{
width:30%;
margin:0 auto;
}
.home_discuss_heading h3{
color:#fff!important;
}
.home_discuss_left{
float:left;
width:90%;
margin-top:3%;
}
.home_discuss_right{
float:left;
width:90%;
margin-top:3%;
}
.home_discuss_left h4{
font-family:WeblySleekUISemilight;
color:#fff;
font-size:130%;
font-weight:normal;
}
.home_discuss_left p{
font-family:WeblySleekUISemilight;
color:#fff;
font-size:100%;
font-weight:normal;
text-align:left;
}
.home_discuss_left hr{
width:40%;
border:0.5% solid #fff;
margin:5% 0 5% 0;
}
.home_discuss_right p{
font-weight:bold;
float:left;
width:100%;
text-align:left;
margin-bottom:2%;
}
.contact_textfield{
float:left;
width:50%;
}
.contact_textfield input{
border-radius:2px;
padding:1% 2% ;
border:1px solid #fff;
width:90%;
height:30px;
float:left;
font-family:WeblySleekUISemilight;
color:#000;
font-size:100%;
}
.contact_textarea textarea{
border-radius:2px;
padding:1% 2% ;
border:1px solid #fff;
width:93%;
height:80px;
float:left;
font-family:WeblySleekUISemilight;
color:#000;
font-size:100%;
resize:none;
margin-top:3%;
}

.contact_sent input{
background:none;
border:none;
float:left;
background:url("../images/send_sms.png") no-repeat;
cursor:pointer;
width:35%;
height:45px;
margin-top:2%;
}
.diss_social_link li{
float:left;
margin:8% 4% 0 0;
}
/*---------------------------home page end-------------------------------------*/
/*--------------------------------Services css start-----------------------------*/
.servies_banner{
float:left;
width:100%;
webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover!important;
background: url("../images/4.png") no-repeat;
padding: 4% 0 10% 0;


}
.service_banner_content{
font-family: Conv_Montserrat-Bold;
color: #fff;
font-size: 120%;
width: 90%;
margin: 0 auto;
padding-top: 6%;
}
.servies_banner p,.aboutus_banner p,.technology_banner p,.portfolio_banner p{
margin-left:5%;
width: 90%;
padding-top: 2%;
font-size:90%;
color:#fff;
font-family:WeblySleekUISemilight;

}
.service_content{
width:100%;
float:left;
}
.inner_service_content{
width:90%;
margin:2% auto 0 auto;
}
.service_content_left{
float:left;
width:95%;
}
.service_content_right{
float:right;
width:60%;
}
.tect_1,.tect_2,.tect_3{
float:left;
margin:7% 0 0 3%;
width: 42%;
height:150px;
}

.tect_1 img,.tect_2 img,.tect_3 img{
width:100%;
height:100%;
}
.inner_service_content h2{
font-family:Conv_Dense-Regular;
font-size:260%;
margin:0;
float:left;
color:#59a3fc;
font-weight:normal;
width: 100%;
}
.inner_service_content hr{
float:left;
width:6%;
border:1px solid #c8cacd;
}
.left_service{
display:none!important;
}
.right_service{
float:left;
width:95%;
margin-top:2%;
}
.navigation{
width: 95%;
float:left;

}
.navigation .active {
cursor: pointer;
background:url("../images/service_li_hover.png")repeat-x;
height:58px;
padding: 4% 0 0 5%;
}
.navigation li{
background:url("../images/service_li.png")repeat-x;
height:58px;
color:#282528;
font-family:WeblySleekUISemilight;
font-size:125%;
padding: 4% 0 0 5%;
}
.navigation li:hover {
cursor: pointer;
background:url("../images/service_li_hover.png")repeat-x;
height:58px;
padding: 4% 0 0 5%;
}
.navigation li img{
float:right;
padding: 1% 3% 0 3%
}

.slide span{
color:#585858;
font-family:WeblySleekUISemilight;
font-size: 130%;
width: 100%;
float: left;
font-weight: normal;
padding-bottom:1%;
}
.slide p{
color:#282528;
font-family:WeblySleekUISemilight;
font-size:100%;
padding-bottom:3%;
line-height: 150%;
}
/*--------------------------------Services css end-----------------------------*/
/*--------------------------------portfoloi css start-----------------------------*/
.portfolio_banner{
float:left;
width:100%;
webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover!important;
background: url("../images/2.jpg") no-repeat;
padding: 4% 0 7% 0;
}
.main_portfolio{
float:left;
width:100%;
}
.inner_portfolio{
width:100%;
margin:1% 0 10% 0;
background-color:#34495e;
float:left;
padding:4% 0 2% 0;
}
.port_menu{
margin:0 auto;
width:95%;
padding: 1% 0 4% 0;
}
.port_menu li{
float:left;

}
.port_menu li a{
color:#000;
font-family:WeblySleekUISemibold;
font-size:95%;
padding: 0 4px 0 4px;
float: left;
}
.port_menu li img{
float:left;
}
#iphone{
float:left;
width:100%;
padding-top:2%;
}
.port_iphone_box{
float: left;
width: 22%;
margin-left: 1.5%;
padding-bottom: 2%;
height: 145px;
margin-right: 1%;
}
.port_iphone_box img{
width:100%;
}
.port_iphone_box p{
text-align:center;
color:#fff;
font-family:WeblySleekUISemibold;
font-size:91%;
margin-top: -2%;
}
/*--------------------------------portfoloi css end-----------------------------*/
/*--------------------------------about us css start-----------------------------*/
.aboutus_banner{
float:left;
width:100%;
webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover!important;
background: url("../images/about_us.png") no-repeat;
padding: 4% 0 10% 0;
}
.aboutus_content,.technology_content{
float:left;
width:100%;
padding-bottom:5%;
}
.aboutus_content p{
float:left;
width:100%;
font-family:WeblySleekUISemibold;
font-size: 90%;
color:#282528;
line-height: 150%;
margin-top:2%;
}
.aboutus_ul{
float:left;
width:100%;
}
.aboutimg{
float:left;
width:100%;
margin-top: 2%;
}
.aboutimg img{
width:100%;
}
.aboutus_ul li{
font-family:WeblySleekUISemibold;
font-size: 90%;
color:#282528;
width:100%;
line-height: 160%;
padding: 0.5% 0 0.5% 3%;
}
.aboutus_ul li img{
margin: 2% 1% 0 0;
float: left;
}
/*--------------------------------about us css end-----------------------------*/

/*--------------------------------technology us css start-----------------------------*/
.technology_banner{
float:left;
width:100%;
webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover!important;
background: url("../images/technology.png") no-repeat;
padding: 4% 0 10% 0;
}
.technology_content p{
float:left;
width:100%;
font-family:WeblySleekUISemilight;
font-size: 103%;
color:#282528;
line-height: 150%;
margin:1% 0 1% 0;
}
.technology_content h3{
font-family:WeblySleekUISemibold;
font-size: 110%;
color:#59a3fc;
width:100%;
margin:2% 0 0 0;
}
.technology_ul li,.technology_ul_first li{
font-family:WeblySleekUISemilight;
font-size: 103%;
color:#282528;
width:100%;
margin-left:1%;
line-height: 160%;
float:left;
}
.technology_ul li img,.technology_ul_first li img{
margin: 3% 1% 0 0;
float: left;
}
.technology_ul_first h4{
font-family:WeblySleekUISemibold;
font-size: 110%;
color:#000;
width:100%;
margin:2% 0 0 0;
float: left;
}
.technology_ul_first{
float:left;
width:100%;
margin-left:5%;
}
.normal_technology
{
display:none;
}
/*--------------------------------technology us css end-----------------------------*/
/*---------------------------footer start-------------------------------------*/
.footer{
float:left;
width:100%;
background-color:#161828;
padding-bottom:1%;
}
.inner_footer{
margin:0 auto;
width:90%;
padding:1% 0%;
}
.inner_footer p{
float:left;
color:#fff;
font-family:WeblySleekUISemilight;
font-size:90%;
width:100%;
}

.menu_footer li{
float:left;
background: url(../images/footer_strip.png) no-repeat;
background-position: right;
}
.menu_footer li a{
float:left;
color:#fff;
font-family:WeblySleekUISemilight;
padding: 2px 7px 5px 7px;
font-size:90%;
}
.menu_footer li.contactus {
background-image: none;
}
.map-include{
width:100%;
float:left;
height:200px;
}
.contact{
float:left;
width:100%;
}
/*---------------------------footer end-------------------------------------*/

}

@media (min-width: 768px) and (max-width: 991px) {
/*-------------------------------Header start----------------------------------------*/ 
.navbar{
width:100%;
position:fixed;
z-index:100;
background-color:#fff;
height: 75px;
}
.inner_header{
margin:0 auto;
width:95%;
}

/*-----------------------------------header end----------------------*/
/*-----------Rahul------------*/
.navbar-header {
    float: left;
	padding-top:1%;
	margin-right: 1.5%;
	width: 16%;
}
.navbar-header img{
width:100%;
}
.navbar-collapse{
float:left;
width:82%;
}
/*-----------Rahul------------*/
/*----------menu-----*/
  .navbar-nav {
    float: left;
    width:100%;
	margin-top: 4%;
}
.navbar-nav > li {
float: left;
text-decoration:none;
}
.navbar-default .navbar-nav > li > a {
  color: #000;
  padding: 5px 4px;
  float: left;
  font-family: WeblySleekUISemibold;
  font-size: 80%;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #fb7b53;
  padding: 5px 4px;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
 background-color:#ec9021;
 color:#fff;
  padding: 5px 4px;
}
.navbar-default .navbar-nav > .disabled > a,
.navbar-default .navbar-nav > .disabled > a:hover,
.navbar-default .navbar-nav > .disabled > a:focus {
  color: #cccccc;
  background-color: transparent;
}
.selected {
color: #fb7b53!important;
padding: 5px 4px;
font-family: WeblySleekUISemibold;
}
.menu_heading{
padding: 5px 5px 5px 5px;
font-family: WeblySleekUISemibold;
font-size: 90%;
}
.social_menu{
float:left;
}
.follow_us_menu{
float:left;
margin:0.5% 5% 0 0;
width:20%;
}
.follow_us_menu img{
width:100%;
}
.unselected{
display:block;
padding:5px 8px ;
color:#000;
text-decoration:none;
}
/*----------menu-----*/

/*---------Csss---------*/

.navbar-toggle {
display:none;
}
.navbar-collapse.collapse {
display: block !important;
height: auto !important;
padding-bottom: 0;
overflow: visible !important;
}
  .navbar-text {
    float: left;
    margin-right: 15px;
    margin-left: 15px;
  }
  .navbar-text.navbar-right:last-child {
    margin-right: 0;
  }
  .hidden-lg,
  tr.hidden-lg,
  th.hidden-lg,
  td.hidden-lg {
    display: none !important;
  }
 /*-------------------------------Header end----------------------------------------*/
 /*-----------------------------------------Home page start-----------------------------------*/
.home_slider{
width:100%;
float:left;
}
.home_second_div{
float:left;
width:100%;
background:url(../images/home_second_bg.jpg)no-repeat;
padding-bottom:2%;
}
.inner_home_second_div,.inner_home_feature,.inner_home_third,.inner_home_service,
.inner_discuss,.inner_testmonials{
width:90%;
margin:4% auto 0 auto;
}
.home_left{
float:left;
width:50%;
}
.home_left hr,.left_home_third hr{
border:1px solid #c8cacd;
float:left;
width:15%;
}
.home_left h4,.left_home_third h4{
font-family:Conv_Dense-Regular;
color:#59a3fc;
font-size:275%;
font-weight: normal;
}

.home_left p,.left_home_third p{
font-family:WeblySleekUISemilight;
color:#000;
font-size:100%;
padding:0% 0 5% 0;
}
.home_right{
float:right;
width:45%;
}
.home_right img{
float: right;
width:100%;
}
.home_feature,.testmonials{
float:left;
width:100%;
}
.feature_heading{
width:67%;
margin:0 auto;
}
.feature_heading h3{
font-family:Conv_Dense-Regular;
color:#e37b00;
font-size:240%;
font-weight: normal;
margin:-5% 1% 0 1%;
float:left;
}
.feature_heading hr{
border:1px solid #c8cacd;
float:left;
width:15%;
margin-right:0;
}
.inner_home_feature p,.inner_testmonials p{
font-family:WeblySleekUISemilight;
color:#000;
font-size:100%;
width: 82%;
margin: 1% auto 0 auto;
text-align:center;
line-height:130%;
}
.home_feature_left{
float:left;
width:48%;
margin-top:5%;
height:200px;
}
.home_feature_left img{
width:100%;
height:100%;
}
.home_feature_right{
float:right;
width:48%;
margin-top:5%;
}
.right_ul{
float:left;
}
.right_ul li{
float:left;
margin-bottom:3%;
}
.right_ul a:hover{
background-color:#fefce9;
float:left;
padding: 2% 0 0 3%;
}
.right_ul a{

float:left;
padding: 2% 0 0 3%;
}
.right_ul li img{
float:left;
}
.right_ul span{
font-family:Conv_Raleway-Bold;
color:#e37b00;
font-size:95%;
float:left;
padding: 0 0 0 5%;
}
.right_ul p{
float:left;
text-align:left;
margin:1% 0 0 5%;
line-height:130%;
font-size:90%;
}
.home_third{
float:left;
width:100%;
padding-bottom:3%;
background-color:#f5f5f5;
}
.left_home_third{
float:left;
width:45%;
}
.right_home_third{
float:right;
width:50%;
}
.right_home_third img{
float:right;
width:100%;
}
.home_service{
float:left;
width:100%;
background:url("../images/home_service_bg.png") no-repeat;
padding-bottom:7%;
background-size:100% 100%;
}
.inner_home_service h3{
font-family:Conv_Dense-Regular;
color:#fff;
font-size:300%;
font-weight: normal;
text-align:center;
}
.inner_home_service p,.inner_discuss p{
font-family:WeblySleekUISemilight;
color:#fff;
font-size:120%;
text-align:center;
}
.sub_services{
margin:12% auto 0 auto;
width:90%;
}

.ser-first{
width:14%;
height:124px;
float:left;
margin-left:2%;
}
.ser-first img{
width:100%;
}
.ser-first p{
position: relative;
font-size: 100%;
}
a .ser-first p:hover{
color:#59a3fc;
}

.testmonials_heading{
width:30%!important;
}
.inner_testmonials h5 b{
font-family:WeblySleekUISemilight;
color:#e37b00;
font-size:100%;
}
.inner_testmonials h5{
font-family:WeblySleekUISemilight;
color:#555555;
font-size:100%;
text-align:center;
}
.right-coat{
float: right;
margin-top: -4%;
}
.left-coat{
float: left;
margin-top: -4%;
margin-left:2%;

}
.test_menu{
margin:0 auto;
width:14%;
}
.test_menu li{
float:left;
}
.test_menu li.active #testfirst, .test_menu li.active #testsecond, .test_menu li.active #testthird, .test_menu li.active #testforth{
background:url("../images/slider_hover.png") no-repeat;
float:left;
width:16px;
height:15px;
margin-right:5px;
}
.test_menu li #testfirst,.test_menu li #testsecond ,.test_menu li #testthird,.test_menu li #testforth{
background:url("../images/slider_point.png") no-repeat;
float:left;
width:16px;
height:15px;
margin-right:5px;
}
.home_discuss{
width:100%;
float:left;
background-color:#2d3d5e;
padding-bottom:3%;
}
.home_discuss_heading{
width:27%;
margin:0 auto;
}
.home_discuss_heading h3{
color:#fff!important;
}
.home_discuss_left{
float:left;
width:30%;
margin-top:3%;
}
.home_discuss_right{
float:right;
width:67%;
margin-top:3%;
}
.home_discuss_left h4{
font-family:WeblySleekUISemilight;
color:#fff;
font-size:130%;
font-weight:normal;
}
.home_discuss_left p{
font-family:WeblySleekUISemilight;
color:#fff;
font-size:100%;
font-weight:normal;
text-align:left;
}
.home_discuss_left hr{
width:40%;
border:0.5% solid #fff;
margin:5% 0 5% 0;
}
.home_discuss_right p{
font-weight:bold;
float:left;
width:100%;
text-align:left;
margin-bottom:2%;
}
.contact_textfield{
float:left;
width:50%;
}
.contact_textfield input{
border-radius:2px;
padding:1% 2% ;
border:1px solid #fff;
width:90%;
height:30px;
float:left;
font-family:WeblySleekUISemilight;
color:#000;
font-size:100%;
}
.contact_textarea textarea{
border-radius:2px;
padding:1% 2% ;
border:1px solid #fff;
width:93%;
height:80px;
float:left;
font-family:WeblySleekUISemilight;
color:#000;
font-size:100%;
resize:none;
margin-top:3%;
}

.contact_sent input{
background:none;
border:none;
float:right;
background:url("../images/send_sms.png") no-repeat;
cursor:pointer;
width:35%;
height:45px;
margin-top:2%;
}
.diss_social_link li{
float:left;
margin:8% 4% 0 0;
}
.home_map{
float:left;
width:100%;
height:175px;
}
.home_map img{
width:100%;
height: 100%;
}

/*------------------------------------------------home page end----------------------------*/
/*--------------------------------Services css start-----------------------------*/
.servies_banner{
float:left;
width:100%;
webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover!important;
background: url("../images/4.png") no-repeat;
padding: 7% 0 10% 0;


}
.service_banner_content{
font-family: Conv_Montserrat-Bold;
color: #fff;
font-size: 160%;
width: 80%;
margin: 0 auto;
padding-top: 6%;
}
.servies_banner p,.aboutus_banner p,.technology_banner p,.portfolio_banner p{
margin-left: 11%;
width: 65%;
padding-top: 2%;
font-size:100%;
color:#fff;
font-family:WeblySleekUISemilight;

}
.service_content{
width:100%;
float:left;
}
.inner_service_content{
width:85%;
margin:2% auto 0 auto;
}
.service_content_left{
float:left;
width:40%;
}
.service_content_right{
float:right;
width:60%;
}
.tect_1,.tect_2,.tect_3{
float:left;
margin:15% 0 0 7%;
width: 41%;
height:150px;
}

.tect_1 img,.tect_2 img,.tect_3 img{
width:100%;
height:100%;
}
.inner_service_content h2{
font-family:Conv_Dense-Regular;
font-size:260%;
margin:0;
float:left;
color:#59a3fc;
font-weight:normal;
width: 100%;
}
.inner_service_content hr{
float:left;
width:6%;
border:1px solid #c8cacd;
}
.left_service{
margin: 3% 3% 0 0;
float: left;
width: 47%;
}
.right_service{
float:right;
width:50%;
margin-top:3%;
}
.navigation{
width: 100%;
float:left;

}
.navigation .active {
cursor: pointer;
background:url("../images/service_li_hover.png")repeat-x;
height:45px;
padding: 4% 0 0 2%;
}
.navigation li{
background:url("../images/service_li.png")repeat-x;
height:45px;
color:#282528;
font-family:WeblySleekUISemilight;
font-size:100%;
padding: 4% 0 0 2%;
margin-top:2%;
}
.navigation li:hover {
cursor: pointer;
background:url("../images/service_li_hover.png")repeat-x;
height:45px;
padding: 4% 0 0 2%;
}
.navigation li img{
float:right;
padding: 1% 3% 0 0;
}

.slide span{
color:#585858;
font-family:WeblySleekUISemilight;
font-size: 115%;
width: 100%;
float: left;
font-weight: normal;
padding-bottom:1%;
}
.slide p{
color:#282528;
font-family:WeblySleekUISemilight;
font-size:95%;
padding-bottom:3%;
line-height: 150%;
}
/*--------------------------------Services css end-----------------------------*/
/*--------------------------------portfoloi css start-----------------------------*/
.portfolio_banner{
float:left;
width:100%;
webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover!important;
background: url("../images/2.jpg") no-repeat;
padding-bottom: 7%;
margin-top:10%;
}
.main_portfolio{
float:left;
width:100%;
}
.inner_portfolio{
width:100%;
margin:1% 0 10% 0;
background-color:#34495e;
float:left;
padding:4% 0 2% 0;
}
.port_menu{
margin:0 auto;
width:75%;
padding: 1% 0 4% 0;
}
.port_menu li{
float:left;

}
.port_menu li a{
color:#000;
font-family:WeblySleekUISemibold;
font-size:95%;
padding: 0 4px 0 4px;
float: left;
}
.port_menu li img{
float:left;
}
#iphone{
float:left;
width:100%;
padding-top:2%;
}
.port_iphone_box{
float: left;
width: 22%;
margin-left: 1.5%;
padding-bottom: 2%;
height: 145px;
margin-right: 1%;
}
.port_iphone_box img{
width:100%;
}
.port_iphone_box p{
text-align:center;
color:#fff;
font-family:WeblySleekUISemibold;
font-size:91%;
margin-top: -2%;
}
/*--------------------------------portfoloi css end-----------------------------*/
/*--------------------------------about us css start-----------------------------*/
.aboutus_banner{
float:left;
width:100%;
webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover!important;
background: url("../images/about_us.png") no-repeat;
padding: 7% 0 10% 0;
}
.aboutus_content,.technology_content{
float:left;
width:100%;
padding-bottom:5%;
}
.aboutus_content p{
float:left;
width:100%;
font-family:WeblySleekUISemibold;
font-size: 90%;
color:#282528;
line-height: 150%;
margin-top:2%;
}
.aboutus_ul{
float:left;
width:50%;
}
.aboutimg{
float:right;
width:45%;
}
.aboutimg img{
width:100%;
}
.aboutus_ul li{
font-family:WeblySleekUISemibold;
font-size: 90%;
color:#282528;
width:100%;
line-height: 160%;
padding:1% 0 1% 2%;
}
.aboutus_ul li img{
margin: 2% 1% 0 0;
float: left;
}
/*--------------------------------about us css end-----------------------------*/
/*--------------------------------technology us css start-----------------------------*/
.technology_banner{
float:left;
width:100%;
webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover!important;
background: url("../images/technology.png") no-repeat;
padding: 7% 0 10% 0;
}
.technology_content p{
float:left;
width:100%;
font-family:WeblySleekUISemilight;
font-size: 103%;
color:#282528;
line-height: 150%;
margin:1% 0 1% 0;
}
.technology_content h3{
font-family:WeblySleekUISemibold;
font-size: 110%;
color:#59a3fc;
width:100%;
margin:2% 0 0 0;
}
.technology_ul li,.technology_ul_first li{
font-family:WeblySleekUISemilight;
font-size: 103%;
color:#282528;
width:100%;
margin-left:1%;
line-height: 160%;
}
.technology_ul li img,.technology_ul_first li img{
margin: 1% 1% 0 0;
float: left;
}
.technology_ul_first h4{
font-family:WeblySleekUISemibold;
font-size: 110%;
color:#000;
width:100%;
margin:2% 0 0 0;
}
.technology_ul_first{
float:left;
width:100%;
margin-left:5%;
}
.mobile_technology
{
display:none;
}
/*--------------------------------technology us css end-----------------------------*/
/*-----------------------------------------footer start-----------------------------------*/
.footer{
float:left;
width:100%;
background-color:#161828;
padding-bottom:1%;
}
.inner_footer{
margin:0 auto;
width:90%;
padding:1% 0%;
}
.inner_footer p{
float:left;
padding-right: 6%;
color:#fff;
font-family:WeblySleekUISemilight;
font-size:90%;
}

.menu_footer li{
float:left;
background: url(../images/footer_strip.png) no-repeat;
background-position: right;
}
.menu_footer li a{
float:left;
color:#fff;
font-family:WeblySleekUISemilight;
padding: 2px 7px 5px 7px;
font-size:90%;
}
.menu_footer li.contactus {
background-image: none;
}
.map-include{
width:100%;
float:left;
height:300px;
margin-top: 10%;
}
/*-----------------------------------------footer end-----------------------------------*/
}

@media (min-width: 992px) and (max-width: 1199px) {
/*-------------------------------Header start----------------------------------------*/
.navbar{
width:100%;
position:fixed;
z-index:100;
background-color:#fff;
height:85px;
}
.inner_header{
margin:0 auto;
width:86%;
}

/*-----------------------------------header end----------------------*/
/*-----------Rahul------------*/
.navbar-header {
    float: left;
	padding-top:1%;
	margin-right: 2%;
	width: 16%;
}
.navbar-header img{
width:100%;
}
.navbar-collapse{
float:right;
width:82%;
}
/*-----------Rahul------------*/
/*----------menu-----*/
  .navbar-nav {
    float: left;
    width:100%;
	margin-top: 4%;
}
.navbar-nav > li {
float: left;
text-decoration:none;
}
.navbar-default .navbar-nav > li > a {
  color: #000;
  padding: 5px 7px;
  float: left;
  font-family: WeblySleekUISemibold;
  font-size: 95%;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #fb7b53;
  padding: 5px 7px;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
 background-color:#ec9021;
 color:#fff;
  padding: 5px 7px;
}
.navbar-default .navbar-nav > .disabled > a,
.navbar-default .navbar-nav > .disabled > a:hover,
.navbar-default .navbar-nav > .disabled > a:focus {
  color: #cccccc;
  background-color: transparent;
}
.selected {
color: #fb7b53!important;
padding: 5px 7px;
font-family: WeblySleekUISemibold;
}
.menu_heading{
padding: 5px 5px 5px 5px;
font-family: WeblySleekUISemibold;
}
.social_menu{
float:left;
padding-top: 0.5%;
}
.follow_us_menu{
float:left;
margin:0.5% 5% 0 0;
width:20%;
}
.follow_us_menu img{
width:100%;
}
.unselected{
display:block;
padding:5px 8px ;
color:#000;
text-decoration:none;
}
/*----------menu-----*/

/*---------Csss---------*/

.navbar-toggle {
display:none;
}
.navbar-collapse.collapse {
display: block !important;
height: auto !important;
padding-bottom: 0;
overflow: visible !important;
}
  .navbar-text {
    float: left;
    margin-right: 15px;
    margin-left: 15px;
  }
  .navbar-text.navbar-right:last-child {
    margin-right: 0;
  }
  .hidden-lg,
  tr.hidden-lg,
  th.hidden-lg,
  td.hidden-lg {
    display: none !important;
  }
 /*-------------------------------Header end----------------------------------------*/ 
 /*-----------------------------------------Home page start-----------------------------------*/
.home_slider{
width:100%;
float:left;
}
.home_second_div{
float:left;
width:100%;
background:url(../images/home_second_bg.jpg)no-repeat;
height:550px;
}
.inner_home_second_div{
width:80%;
margin:6% auto 0 auto;
}
.home_left{
float:left;
width:45%;
}
.home_left hr,.left_home_third hr{
border:1px solid #c8cacd;
float:left;
width:15%;
}
.home_left h4,.left_home_third h4{
font-family:Conv_Dense-Regular;
color:#59a3fc;
font-size:365%;
font-weight: normal;
}

.home_left p,.left_home_third p{
font-family:WeblySleekUISemilight;
color:#000;
font-size:105%;
padding:0% 0 5% 0;
}
.home_left h4,.left_home_third h4{
font-family:Conv_Dense-Regular;
color:#59a3fc;
font-size:365%;
font-weight: normal;
}

.home_right{
float:right;
width:45%;
}
.home_right img{
float: right;
width:100%;
}

.home_feature,.testmonials{
float:left;
width:100%;
padding-bottom: 2%;
}
.inner_home_feature{
width:80%;
margin:4% auto;
}
.feature_heading{
width:75%;
margin:0 auto;
}
.feature_heading h3{
font-family:Conv_Dense-Regular;
color:#e37b00;
font-size:270%;
font-weight: normal;
margin:-2% 1% 0 1%;
float:left;
}
.feature_heading hr{
border:1px solid #c8cacd;
float:left;
width:20%;
margin-right:0;
}
.inner_home_feature p,.inner_testmonials p{
font-family:WeblySleekUISemilight;
color:#000;
font-size:105%;
width: 82%;
margin: 1% auto 0 auto;
text-align:center;
line-height:150%;
}
.home_feature_left{
float:left;
width:48%;
margin-top:5%;
}
.home_feature_left img{
width:100%;
height:100%;
}
.home_feature_right{
float:right;
width:48%;
margin-top:5%;
}
.right_ul{
float:left;
}
.right_ul li{
float:left;
margin-bottom:3%;
}
.right_ul a:hover{
background-color:#fefce9;
float:left;
padding: 2% 0 0 3%;
}
.right_ul a{

float:left;
padding: 2% 0 0 3%;
}
.right_ul li img{
float:left;
}
.right_ul span{
font-family:Conv_Raleway-Bold;
color:#e37b00;
font-size:100%;
float:left;
padding: 0 0 0 5%;
}
.right_ul p{
float:left;
text-align:left;
margin:1% 0 0 5%;
line-height:130%;
font-size:90%;
}
.home_third{
float:left;
width:100%;
padding-bottom:3%;
background-color:#f5f5f5;
}
.inner_home_third,.inner_home_service,.inner_discuss{
margin:3% auto 0 auto;
width:80%;
}
.left_home_third{
float:left;
width:45%;
}
.right_home_third{
float:right;
width:50%;
}
.right_home_third img{
float:right;
width:100%;
}
.home_service{
float:left;
width:100%;
background:url("../images/home_service_bg.png") no-repeat;
padding-bottom:10%;
background-size:100% 100%;
}
.inner_home_service h3{
font-family:Conv_Dense-Regular;
color:#fff;
font-size:300%;
font-weight: normal;
text-align:center;
}
.inner_home_service p,.inner_discuss p{
font-family:WeblySleekUISemilight;
color:#fff;
font-size:120%;
text-align:center;
}
.sub_services{
margin:12% auto 0 auto;
width:90%;
}
#ask1:hover{
content:url("../images/img1_blue.png") no-repeat;
}
#ask2:hover{
content:url("../images/img2_blue.png") no-repeat;
}
#ask3:hover{
content:url("../images/img3_blue.png") no-repeat;
}
#ask4:hover{
content:url("../images/img4_blue.png") no-repeat;
}
#ask5:hover{
content:url("../images/img5_blue.png") no-repeat;
}
#ask6:hover{
content:url("../images/img6-blue.png") no-repeat;
}
.ser-first{
width:14%;
height:124px;
float:left;
margin-left:2%;
}
.ser-first img{
width:100%;
}

.ser-first p{
position: relative;
font-size: 100%;
}
a .ser-first p:hover{
color:#59a3fc;
}

.inner_testmonials{
width:80%;
margin:3% auto;
}
.testmonials_heading {
width:30%!important;
}
.testmonials_heading h3{
margin:-5% 1% 0 1%!important;
}
.inner_testmonials h5 b{
font-family:WeblySleekUISemilight;
color:#e37b00;
font-size:100%;
}
.inner_testmonials h5{
font-family:WeblySleekUISemilight;
color:#555555;
font-size:100%;
text-align:center;
}
.right-coat{
float: right;
margin-top: -4%;
}
.left-coat{
float: left;
margin-top: -4%;
margin-left:2%;

}
.test_menu{
margin:0 auto;
width:14%;
}
.test_menu li{
float:left;
}
.test_menu li.active #testfirst, .test_menu li.active #testsecond, .test_menu li.active #testthird, .test_menu li.active #testforth{
background:url("../images/slider_hover.png") no-repeat;
float:left;
width:16px;
height:15px;
margin-right:5px;
}
.test_menu li #testfirst,.test_menu li #testsecond ,.test_menu li #testthird,.test_menu li #testforth{
background:url("../images/slider_point.png") no-repeat;
float:left;
width:16px;
height:15px;
margin-right:5px;
}
.home_discuss{
width:100%;
float:left;
background-color:#2d3d5e;
padding-bottom:3%;
}
.home_discuss_heading{
width:28%;
margin:0 auto;
}
.home_discuss_heading h3{
color:#fff!important;
}
.home_discuss_left{
float:left;
width:30%;
margin-top:7%;
}
.home_discuss_right{
float:right;
width:67%;
margin-top:7%;
}
.home_discuss_left h4{
font-family:WeblySleekUISemilight;
color:#fff;
font-size:130%;
font-weight:normal;
}
.home_discuss_left p{
font-family:WeblySleekUISemilight;
color:#fff;
font-size:100%;
font-weight:normal;
text-align:left;
}
.home_discuss_left hr{
width:40%;
border:0.5% solid #fff;
margin:5% 0 5% 0;
}
.home_discuss_right p{
font-weight:bold;
float:left;
width:100%;
text-align:left;
margin-bottom:2%;
}
.contact_textfield{
float:left;
width:50%;
}
.contact_textfield input{
border-radius:2px;
padding:1% 2% ;
border:1px solid #fff;
width:90%;
height:30px;
float:left;
font-family:WeblySleekUISemilight;
color:#000;
font-size:100%;
}
.contact_textarea textarea{
border-radius:2px;
padding:1% 2% ;
border:1px solid #fff;
width:93%;
height:80px;
float:left;
font-family:WeblySleekUISemilight;
color:#000;
font-size:100%;
resize:none;
margin-top:3%;
}

.contact_sent input{
background:none;
border:none;
float:right;
background:url("../images/send_sms.png") no-repeat;
cursor:pointer;
width:30%;
height:45px;
margin-top:2%;
}
.diss_social_link li{
float:left;
margin:8% 4% 0 0;
}
.home_map{
float:left;
width:100%;
height:175px;
}
.home_map img{
width:100%;
height: 100%;
}

/*------------------------------------------------home page end----------------------------*/
/*--------------------------------Services css start-----------------------------*/
.servies_banner{
float:left;
width:100%;
webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover!important;
background: url("../images/4.png") no-repeat;
padding: 7% 0 10% 0;


}
.service_banner_content{
font-family: Conv_Montserrat-Bold;
color: #fff;
font-size: 180%;
width: 75%;
margin: 0 auto;
padding-top: 6%;
}
.servies_banner p,.aboutus_banner p,.technology_banner p,.portfolio_banner p{
margin-left: 13%;
width: 55%;
padding-top: 2%;
font-size:100%;
color:#fff;
font-family:WeblySleekUISemilight;

}
.service_content{
width:100%;
float:left;
}
.inner_service_content{
width:80%;
margin:2% auto 0 auto;
}
.service_content_left{
float:left;
width:40%;
}
.service_content_right{
float:right;
width:60%;
}
.tect_1,.tect_2,.tect_3{
float:left;
margin:15% 0 0 7%;
width: 40%;
height:150px;
}

.tect_1 img,.tect_2 img,.tect_3 img{
width:100%;
height:100%;
}
.inner_service_content h2{
font-family:Conv_Dense-Regular;
font-size:300%;
margin:0;
float:left;
color:#59a3fc;
font-weight:normal;
width: 100%;
}
.inner_service_content hr{
float:left;
width:6%;
border:1px solid #c8cacd;
}
.left_service{
margin: 3% 3% 0 0;
float: left;
width: 42%;
}
.right_service{
float:left;
width:55%;
margin-top:2%;
}
.navigation{
width: 95%;

}
.navigation .active {
cursor: pointer;
background:url("../images/service_li_hover.png")repeat-x;
height:58px;
padding: 4% 0 0 5%;
}
.navigation li{
background:url("../images/service_li.png")repeat-x;
height:58px;
color:#282528;
font-family:WeblySleekUISemilight;
font-size:105%;
padding: 4% 0 0 2%;
}
.navigation li:hover {
cursor: pointer;
background:url("../images/service_li_hover.png")repeat-x;
height:58px;
padding: 4% 0 0 5%;
}
.navigation li img{
float:right;
padding: 1% 3% 0 3%;
}

.slide span{
color:#585858;
font-family:WeblySleekUISemilight;
font-size: 130%;
width: 100%;
float: left;
font-weight: normal;
padding-bottom:1%;
}
.slide p{
color:#282528;
font-family:WeblySleekUISemilight;
font-size:100%;
padding-bottom:3%;
line-height: 150%;
}
/*--------------------------------Services css end-----------------------------*/
/*--------------------------------portfoloi css start-----------------------------*/
.portfolio_banner{
float:left;
width:100%;
webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover!important;
background: url("../images/2.jpg") no-repeat;
padding-bottom: 8%;
margin-top:9%;
}
.main_portfolio{
float:left;
width:100%;
}
.inner_portfolio{
width:100%;
margin:1% 0 10% 0;
background-color:#34495e;
float:left;
padding:4% 0 2% 0;
}
.port_menu{
margin:0 auto;
width:61%;
padding: 1% 0 4% 0;
}
.port_menu li{
float:left;

}
.port_menu li a{
color:#000;
font-family:WeblySleekUISemibold;
font-size:100%;
padding: 0 4px 0 4px;
float: left;
}
.port_menu li img{
float:left;
}
#iphone{
float:left;
width:100%;
padding-top:2%;
}
.port_iphone_box{
float: left;
width: 22%;
margin-left: 1.5%;
padding-bottom: 2%;
height: 175px;
margin-right: 1%;
}
.port_iphone_box img{
width:100%;
}
.port_iphone_box p{
text-align:center;
color:#fff;
font-family:WeblySleekUISemibold;
font-size:91%;
margin-top: -2%;
}
/*--------------------------------portfoloi css end-----------------------------*/
/*--------------------------------about us css start-----------------------------*/
.aboutus_banner{
float:left;
width:100%;
webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover!important;
background: url("../images/about_us.png") no-repeat;
padding: 7% 0 10% 0;
}
.aboutus_content,.technology_content{
float:left;
width:100%;
padding-bottom:5%;
}
.aboutus_content p{
float:left;
width:100%;
font-family:WeblySleekUISemibold;
font-size: 103%;
color:#282528;
line-height: 150%;
margin-top:2%;
}
.aboutus_ul{
float:left;
width:50%;
}
.aboutimg{
float:right;
width:45%;
}
.aboutimg img{
width:100%;
}
.aboutus_ul li{
font-family:WeblySleekUISemibold;
font-size: 103%;
color:#282528;
width:100%;
line-height: 160%;
padding: 1% 0;
margin-left: 5%;
}
.aboutus_ul li img{
margin: 2% 1% 0 0;
float: left;
}
/*--------------------------------about us css end-----------------------------*/
/*--------------------------------technology us css start-----------------------------*/
.technology_banner{
float:left;
width:100%;
webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover!important;
background: url("../images/technology.png") no-repeat;
padding: 7% 0 10% 0;
}
.technology_content p{
float:left;
width:100%;
font-family:WeblySleekUISemilight;
font-size: 103%;
color:#282528;
line-height: 150%;
margin:1% 0 1% 0;
}
.technology_content h3{
font-family:WeblySleekUISemibold;
font-size: 110%;
color:#59a3fc;
width:100%;
margin:2% 0 0 0;
}
.technology_ul li,.technology_ul_first li{
font-family:WeblySleekUISemilight;
font-size: 103%;
color:#282528;
width:100%;
margin-left:1%;
line-height: 160%;
}
.technology_ul li img,.technology_ul_first li img{
margin: 1% 1% 0 0;
float: left;
}
.technology_ul_first h4{
font-family:WeblySleekUISemibold;
font-size: 110%;
color:#000;
width:100%;
margin:2% 0 0 0;
}
.technology_ul_first{
float:left;
width:100%;
margin-left:5%;
}
.mobile_technology
{
display:none;
}
/*--------------------------------technology us css end-----------------------------*/
/*-----------------------------------------footer start-----------------------------------*/
.footer{
float:left;
width:100%;
background-color:#161828;
padding-bottom:1%;
}
.inner_footer{
margin:0 auto;
width:90%;
padding:1% 0%;
}
.inner_footer p{
float:left;
padding-right: 13%;
color:#fff;
font-family:WeblySleekUISemilight;
}

.menu_footer li{
float:left;
background: url(../images/footer_strip.png) no-repeat;
background-position: right;
}
.menu_footer li a{
float:left;
color:#fff;
font-family:WeblySleekUISemilight;
padding: 2px 10px 5px 10px;

}
.menu_footer li.contactus {
background-image: none;
}
.map-include{
width:100%;
float:left;
height:370px;
margin-top: 7%;
}
/*-----------------------------------------footer end-----------------------------------*/
}

@media (min-width: 1200px) and (max-width: 1920px){
/*-------------------------------Header start----------------------------------------*/
.navbar{
width:100%;
position:fixed;
z-index:100;
background-color:#fff;
padding-bottom:1%;
}
.inner_header{
margin:0 auto;
width:85%;
}

/*-----------------------------------header end----------------------*/
/*-----------Rahul------------*/
.navbar-header {
    float: left;
	padding-top:1%;
	margin-right: 2%;
	width: 16%;
}
.navbar-header img{
width:100%;
}
.navbar-collapse{
float:right;
width:81%;
}
/*-----------Rahul------------*/
/*----------menu-----*/
  .navbar-nav {
    float: left;
    width:100%;
	margin-top: 4%;
}
.navbar-nav > li {
float: left;
text-decoration:none;
}
.navbar-default .navbar-nav > li > a {
  color: #000;
  padding: 5px 14px;
  float: left;
  font-family: WeblySleekUISemibold;
  font-size: 95%;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #fb7b53;
  padding: 5px 14px;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
 background-color:#ec9021;
 color:#fff;
  padding: 5px 14px;
}
.navbar-default .navbar-nav > .disabled > a,
.navbar-default .navbar-nav > .disabled > a:hover,
.navbar-default .navbar-nav > .disabled > a:focus {
  color: #cccccc;
  background-color: transparent;
}
.selected {
color: #fb7b53!important;
padding: 5px 14px;
font-family: WeblySleekUISemibold;
}
.menu_heading{
padding: 5px 5px 5px 14px;
font-family: WeblySleekUISemibold;
}
.social_menu{
float:right;
width: 145px;
padding-left: 5px;
padding-top:0.5%;
}
.follow_us_menu{
float:left;
margin:0.5% 5% 0 0;
}
.unselected{
display:block;
padding:5px 14px ;
color:#000;
text-decoration:none;
}
/*----------menu-----*/

/*---------Csss---------*/

.navbar-toggle {
display:none;
}
.navbar-collapse.collapse {
display: block !important;
height: auto !important;
padding-bottom: 0;
overflow: visible !important;
}
  .navbar-text {
    float: left;
    margin-right: 15px;
    margin-left: 15px;
  }
  .navbar-text.navbar-right:last-child {
    margin-right: 0;
  }
  .hidden-lg,
  tr.hidden-lg,
  th.hidden-lg,
  td.hidden-lg {
    display: none !important;
  }
  .error_field{
float:left;
width:80%;
margin-bottom:10px;
}
/*-------------------------------Header end----------------------------------------*/
/*-----------------------------------------Home page start-----------------------------------*/
.home_slider{
width:100%;
float:left;
}
.home_second_div{
float:left;
width:100%;
background:url(../images/home_second_bg.jpg)no-repeat;
/*height:680px;*/
background-size:100% 100%;
}
.inner_home_second_div{
width:80%;
margin:6% auto 0 auto;
}
.home_left{
float:left;
width:45%;
}
.home_left hr,.left_home_third hr{
border:1px solid #c8cacd;
float:left;
width:15%;
}
.home_left h4,.left_home_third h4{
font-family:Conv_Dense-Regular;
color:#59a3fc;
font-size:385%;
font-weight: normal;
}
.right_home_third h4{
font-family:Conv_Dense-Regular;
color:#59a3fc;
font-size:300%;
font-weight: normal;
}
.home_left p,.left_home_third p{
font-family:WeblySleekUISemilight;
color:#000;
font-size:105%;
padding:0% 0 5% 0;
}
.home_right{
float:right;
width:50%;
}
.home_right img{
float: right;
}

.home_feature,.testmonials{
float:left;
width:100%;

}
.inner_home_feature{
width:80%;
margin:4% auto;
}
.feature_heading{
width:65%;
margin:0 auto;
}
.feature_heading h3{
font-family:Conv_Dense-Regular;
color:#e37b00;
font-size:270%;
font-weight: normal;
margin:-2% 1% 0 1%;
float:left;
}
.feature_heading hr{
border:1px solid #c8cacd;
float:left;
width:20%;
margin-right:0;
}
.inner_home_feature p,.inner_testmonials p{
font-family:WeblySleekUISemilight;
color:#000;
font-size:105%;
width: 82%;
margin: 1% auto 0 auto;
text-align:center;
line-height:150%;
}
.home_feature_left{
float:left;
width:48%;
margin-top:5%;
}
.home_feature_left img{
width:100%;
height:100%;
}
.home_feature_right{
float:right;
width:48%;
margin-top:5%;
}
.right_ul{
float:left;
}
.right_ul li{
float:left;
margin-bottom:3%;
}
.right_ul a:hover{
background-color:#fefce9;
float:left;
padding: 2% 0 0 3%;
}
.right_ul a{

float:left;
padding: 2% 0 0 3%;
}
.right_ul li img{
float:left;
}
.right_ul span{
font-family:Conv_Raleway-Bold;
color:#e37b00;
font-size:100%;
float:left;
padding: 0 0 0 5%;
}
.right_ul p{
float:left;
text-align:left;
margin:1% 0 0 5%;
line-height:130%;
font-size:90%;
}

.home_third{
float:left;
width:100%;
padding-bottom:3%;
background-color:#f5f5f5;
}
.inner_home_third,.inner_home_service,.inner_discuss{
margin:3% auto 0 auto;
width:80%;
}
.left_home_third{
float:left;
width:45%;
}
.right_home_third{
float:right;
width:50%;
}
.right_home_third img{
float:right;
width:100%;
}
.home_service{
float:left;
width:100%;
background:url("../images/home_service_bg.png") no-repeat;
padding-bottom:10%;
background-size:100% 100%;
}
.inner_home_service h3{
font-family:Conv_Dense-Regular;
color:#fff;
font-size:300%;
font-weight: normal;
text-align:center;
}
.inner_home_service p,.inner_discuss p{
font-family:WeblySleekUISemilight;
color:#fff;
font-size:120%;
text-align:center;
}
.sub_services{
margin:12% auto 0 auto;
width:90%;
}


#ask1:hover{
content:url("../images/img1_blue.png") no-repeat;
}
#ask2:hover{
content:url("../images/img2_blue.png") no-repeat;
}
#ask3:hover{
content:url("../images/img3_blue.png") no-repeat;
}
#ask4:hover{
content:url("../images/img4_blue.png") no-repeat;
}
#ask5:hover{
content:url("../images/img5_blue.png") no-repeat;
}
#ask6:hover{
content:url("../images/img6-blue.png") no-repeat;
}
.ser-first{
width:14%;
height:124px;
float:left;
margin-left:2%;
}
.ser-first img{
width:100%;
}

.ser-first p{
position: relative;
font-size: 100%;
}
a .ser-first p:hover,{
color:#59a3fc;
}

.inner_testmonials{
width:80%;
margin:3% auto;
}
.testmonials_heading{
width:29%!important;
}
.inner_testmonials h5 b{
font-family:WeblySleekUISemilight;
color:#e37b00;
font-size:100%;
}
.inner_testmonials h5{
font-family:WeblySleekUISemilight;
color:#555555;
font-size:100%;
text-align:center;
}
.right-coat{
float: right;
margin-top: -4%;
margin-right: 16%;
}
.left-coat{
float: left;
margin-top: -4%;
margin-left:2%;

}
.test_menu{
margin:0 auto;
width:10%;
}
.test_menu li{
float:left;
}
.test_menu li.active #testfirst, .test_menu li.active #testsecond, .test_menu li.active #testthird, .test_menu li.active #testforth{
background:url("../images/slider_hover.png") no-repeat;
float:left;
width:16px;
height:15px;
margin-right:5px;
}
.test_menu li #testfirst,.test_menu li #testsecond ,.test_menu li #testthird,.test_menu li #testforth{
background:url("../images/slider_point.png") no-repeat;
float:left;
width:16px;
height:15px;
margin-right:5px;
}
.home_discuss{
width:100%;
float:left;
background-color:#2d3d5e;
padding-bottom:3%;
}
.home_discuss_heading{
width:25%;
margin:0 auto;
}
.home_discuss_heading h3{
color:#fff!important;
}
.home_discuss_left{
float:left;
width:30%;
margin-top:7%;
}
.home_discuss_right{
float:right;
width:67%;
margin-top:7%;
}
.home_discuss_left h4{
font-family:WeblySleekUISemilight;
color:#fff;
font-size:130%;
font-weight:normal;
}
.home_discuss_left p{
font-family:WeblySleekUISemilight;
color:#fff;
font-size:100%;
font-weight:normal;
text-align:left;
}
.home_discuss_left hr{
width:40%;
border:0.5% solid #fff;
margin:5% 0 5% 0;
}
.home_discuss_right p{
font-weight:bold;
float:left;
width:100%;
text-align:left;
margin-bottom:2%;
}
.contact_textfield{
float:left;
width:50%;
}
.contact_textfield input{
border-radius:2px;
padding:1% 2% ;
border:1px solid #fff;
width:90%;
height:30px;
float:left;
font-family:WeblySleekUISemilight;
color:#000;
font-size:100%;
}
.contact_textarea textarea{
border-radius:2px;
padding:1% 2% ;
border:1px solid #fff;
width:93%;
height:80px;
float:left;
font-family:WeblySleekUISemilight;
color:#000;
font-size:100%;
resize:none;
margin-top:3%;
}

.contact_sent input{
background:none;
border:none;
float:right;
background:url("../images/send_sms.png") no-repeat;
cursor:pointer;
width:27%;
height:45px;
margin-top:2%;
}
.diss_social_link li{
float:left;
margin:8% 4% 0 0;
}
.home_map{
float:left;
width:100%;
height:175px;
}
.home_map img{
width:100%;
height: 100%;
}

/*------------------------------------------------home page end----------------------------*/
/*--------------------------------Services css start-----------------------------*/
.servies_banner{
float:left;
width:100%;
webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover!important;
background: url("../images/4.png") no-repeat;
padding: 7% 0 10% 0;


}
.service_banner_content{
font-family: Conv_Montserrat-Bold;
color: #fff;
font-size: 205%;
/* padding: 5% 0 0 15%; */
/* float: left; */
width: 65%;
margin: 0 auto;
padding-top: 4%;
}
.servies_banner p,.aboutus_banner p,.technology_banner p,.portfolio_banner p{
margin-left: 18%;
width: 55%;
padding-top: 2%;
font-size:100%;
color:#fff;
font-family:WeblySleekUISemilight;

}
.service_content{
width:100%;
float:left;
}
.inner_service_content{
width:80%;
margin:2% auto 0 auto;
}
.service_content_left{
float:left;
width:40%;
}
.service_content_right{
float:right;
width:60%;
}
.tect_1,.tect_2,.tect_3{
float:left;
margin:15% 0 0 7%;
width: 40%;
}

.tect_1 img,.tect_2 img,.tect_2 img{
width:100%;
}
.inner_service_content h2{
font-family:Conv_Dense-Regular;
font-size:300%;
margin:0;
float:left;
color:#59a3fc;
font-weight:normal;
width: 100%;
}
.inner_service_content hr{
float:left;
width:6%;
border:1px solid #c8cacd;
}
.left_service{
margin: 3% 3% 0 0;
float: left;
width: 42%;
}
.right_service{
float:left;
width:55%;
margin-top:2%;
}
.navigation{
width: 95%;
float:left;

}
.navigation .active {
cursor: pointer;
background:url("../images/service_li_hover.png")repeat-x;
height:58px;
padding: 4% 0 0 5%;
}
.navigation li{
background:url("../images/service_li.png")repeat-x;
height:58px;
color:#282528;
font-family:WeblySleekUISemilight;
font-size:125%;
padding: 4% 0 0 5%;
}
.navigation li:hover {
cursor: pointer;
background:url("../images/service_li_hover.png")repeat-x;
height:58px;
padding: 4% 0 0 5%;
}
.navigation li img{
float:right;
padding: 1% 3% 0 3%
}

.slide span{
color:#585858;
font-family:WeblySleekUISemilight;
font-size: 130%;
width: 100%;
float: left;
font-weight: normal;
padding-bottom:1%;
}
.slide p{
color:#282528;
font-family:WeblySleekUISemilight;
font-size:100%;
padding-bottom:3%;
line-height: 150%;
}
/*--------------------------------Services css end-----------------------------*/
/*--------------------------------portfoloi css start-----------------------------*/
.portfolio_banner{
float:left;
width:100%;
webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover!important;
background: url("../images/2.jpg") no-repeat;
padding-bottom: 10%;
margin-top:7%;
}
.main_portfolio{
float:left;
width:100%;
}
.inner_portfolio{
width:100%;
margin:1% 0 10% 0;
background-color:#34495e;
float:left;
padding:4% 0 2% 0;
}
.port_menu{
margin:0 auto;
width:50%;
padding: 1% 0 4% 0;
}
.port_menu li{
float:left;

}
.port_menu li a{
color:#000;
font-family:WeblySleekUISemibold;
font-size:100%;
padding: 0 4px 0 4px;
float: left;
/*background: url(../images/port_strip.png) no-repeat;
background-position: right;*/
}
.port_menu li img{
float:left;
}
#iphone{
float:left;
width:100%;
padding-top:2%;
}
.port_iphone_box{
float: left;
width: 22%;
margin-left: 1.5%;
padding-bottom: 2%;
height: 175px;
margin-right: 1%;
}
.port_iphone_box img{
width:100%;
}
.port_iphone_box p{
text-align:center;
color:#fff;
font-family:WeblySleekUISemibold;
font-size:91%;
margin-top: -2%;
}

/*--------------------------------portfoloi css end-----------------------------*/
/*--------------------------------about us css start-----------------------------*/
.aboutus_banner{
float:left;
width:100%;
webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover!important;
background: url("../images/about_us.png") no-repeat;
padding: 7% 0 10% 0;
}
.aboutus_content,.technology_content{
float:left;
width:100%;
padding-bottom:5%;
}
.aboutus_content p{
float:left;
width:100%;
font-family:WeblySleekUISemibold;
font-size: 103%;
color:#282528;
line-height: 150%;
margin-top:2%;
}
.aboutus_ul{
float:left;
width:50%;
}
.aboutimg{
float:right;
width:45%;
}
.aboutimg img{
width:100%;
}
.aboutus_ul li{
font-family:WeblySleekUISemibold;
font-size: 103%;
color:#282528;
width:100%;
line-height: 160%;
padding:1% 0;
}
.aboutus_ul li img{
margin: 2% 1% 0 0;
float: left;
}
/*--------------------------------about us css end-----------------------------*/
/*--------------------------------technology us css start-----------------------------*/
.technology_banner{
float:left;
width:100%;
webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover!important;
background: url("../images/technology.png") no-repeat;
padding: 7% 0 10% 0;
}
.technology_content p{
float:left;
width:100%;
font-family:WeblySleekUISemilight;
font-size: 103%;
color:#282528;
line-height: 150%;
margin:1% 0 1% 0;
}
.technology_content h3{
font-family:WeblySleekUISemibold;
font-size: 110%;
color:#59a3fc;
width:100%;
margin:2% 0 0 0;
}
.technology_ul li,.technology_ul_first li{
font-family:WeblySleekUISemilight;
font-size: 103%;
color:#282528;
width:100%;
margin-left:1%;
line-height: 160%;
}
.technology_ul li img,.technology_ul_first li img{
margin: 1% 1% 0 0;
float: left;
}
.technology_ul_first h4{
font-family:WeblySleekUISemibold;
font-size: 110%;
color:#000;
width:100%;
margin:2% 0 0 0;
}
.technology_ul_first{
float:left;
width:100%;
margin-left:5%;
}
.mobile_technology
{
display:none;
}
/*--------------------------------technology us css end-----------------------------*/
/*-----------------------------------------footer start-----------------------------------*/
.footer{
float:left;
width:100%;
background-color:#161828;
padding-bottom:1%;
}
.inner_footer{
margin:0 auto;
width:80%;
padding:1% 0%;
}
.inner_footer p{
float:left;
padding-right: 18%;
color:#fff;
font-family:WeblySleekUISemilight;
}

.menu_footer li{
float:left;
background: url(../images/footer_strip.png) no-repeat;
background-position: right;
}
.menu_footer li a{
float:left;
color:#fff;
font-family:WeblySleekUISemilight;
padding: 2px 10px 5px 10px;

}
.menu_footer li.contactus {
background-image: none;
}
.map-include{
width:100%;
float:left;
height:370px;
margin-top: 7%
}
/*-----------------------------------------footer end-----------------------------------*/
}

.visible-print,
tr.visible-print,
th.visible-print,
td.visible-print {
  display: none !important;
}

@media print {
  .visible-print {
    display: block !important;
  }
  table.visible-print {
    display: table;
  }
  tr.visible-print {
    display: table-row !important;
  }
  th.visible-print,
  td.visible-print {
    display: table-cell !important;
  }
  .hidden-print,
  tr.hidden-print,
  th.hidden-print,
  td.hidden-print {
    display: none !important;
  }
}