*{
	padding:0px; margin:0px; box-sizing: border-box; -moz-box-sizing: border-box;
}
a{
	transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease;
}
img{
	max-width: 100%;
}
h1, h2, h3, h4, h5, h6, p{
  margin: 0px;
}
a{
  text-decoration: none; color: #0070c9; font-size: 15px;
}
a:hover{
  text-decoration: none; color: #015394;
}
p{
  font-size: 15px; color: #444;
}
ul{
  margin: 0px; list-style: none;
}

@font-face {
    font-family: 'robotoblack';
    src: url('../fonts/roboto-black-webfont.woff2') format('woff2'),
         url('../fonts/roboto-black-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'robotobold';
    src: url('../fonts/roboto-bold-webfont.woff2') format('woff2'),
         url('../fonts/roboto-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'robotoitalic';
    src: url('../fonts/roboto-italic-webfont.woff2') format('woff2'),
         url('../fonts/roboto-italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'robotolight';
    src: url('../fonts/roboto-light-webfont.woff2') format('woff2'),
         url('../fonts/roboto-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'robotomedium';
    src: url('../fonts/roboto-medium-webfont.woff2') format('woff2'),
         url('../fonts/roboto-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'robotoregular';
    src: url('../fonts/roboto-regular-webfont.woff2') format('woff2'),
         url('../fonts/roboto-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'ralewaybold';
    src: url('../fonts/raleway-bold-webfont.woff2') format('woff2'),
         url('../fonts/raleway-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'ralewaymedium';
    src: url('../fonts/raleway-medium-webfont.woff2') format('woff2'),
         url('../fonts/raleway-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'ralewayregular';
    src: url('../fonts/raleway-regular-webfont.woff2') format('woff2'),
         url('../fonts/raleway-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'ralewaysemibold';
    src: url('../fonts/raleway-semibold-webfont.woff2') format('woff2'),
         url('../fonts/raleway-semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'futura_bk_btbook';
    src: url('../fonts/futura_book_font-webfont.woff2') format('woff2'),
         url('../fonts/futura_book_font-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


body{
  font-family: 'robotoregular'; color: #444;
}

h2{
  font-family: 'robotobold';
}
h4{
  font-family: 'ralewaysemibold';
}

.real-head-outer{
  float: left; width: 100%;
}
.real-head-outer .navbar {
  margin: 0px;
  box-shadow: none;
  border: none;
  background: transparent;
}
.real-head-outer .navbar ul li a{
  text-transform: uppercase; padding:38px 17px;
}
.real-head-outer .navbar ul li a:hover{
  color: #e34c25 !important;
}
.real-head-outer .navbar ul li a:hover{
  background: transparent !important;
}
.real-head-outer .navbar ul li ul li a{
  padding: 12px;
}
.real-head-outer .navbar ul li a:hover{
  background: #f5f5f5; color: #0070c9;
}
.login-top{
  margin: 0px; margin-top: 28px;
}
.login-top li{
  display: inline-block; float: none; vertical-align: middle;
}
.real-head-outer .navbar-right.login-top li a{
  padding: 0px; color: #444; text-transform: uppercase; font-size: 15px;
}
.real-head-outer .navbar-right.login-top li i{
  font-size: 15px; color: #0070c9;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
  background: #f5f5f5; color: #0070c9; background-image: none !important; box-shadow: none;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .open > a {
  background-image: none !important;
}
.navbar-brand{
  height: auto;
}
.bnner-ouetr{
  height: 710px; float: left; width: 100%; background:url(../images/banner.jpg) no-repeat fixed;
  background-repeat: no-repeat; background-size: cover; position: relative;
}
.banr-tree{
  position: absolute; right: 8%; bottom: 0px;
}

footer{
  float: left; width: 100%; background: #000000; padding:80px 0px; padding-bottom: 0px;
}
.footer-common p{
  float: left; width: 100%; font-size: 14px; line-height: 26px; color: #fff;
}
.footer-common h4{ 
  float: left; width: 100%; font-size: 22px; color: #fff; margin-bottom: 20px;
}
.footer-logo{
  float: left; width: 100%; margin-bottom: 20px;
}
.footer-link-left{
  float: left; width: 100%;
}
.footer-link-left li{
  float: left; width: 100%; margin-bottom: 10px;
}
.footer-link-left li a{
  float: left; width: auto; color: #fff; font-size: 14px;
}
.footer-link-left li a i {
  color: #b3b3b3;
  font-size: 18px;
  margin-right: 3px;
}
.footer-sol{
  float: left; width: 100%; margin-top: 50px;
}
.footer-sol li {
  display: inline-block;
  vertical-align: top;
  margin-right: 15px;
  margin-bottom: 10px;
}
.footer-sol li a i{
  font-size: 17px; color: #b2b2b2;
}
.footer-link-left li a:hover{
  text-decoration: underline;
}
.footer-add-1{
  background: url(../images/india.png) no-repeat top left;
  float: left;
  width: 100%; background-size: 30px; padding-left: 40px; background-position: 0px 7px;
}
.footer-add-2{
  background: url(../images/united-states-of-america.png) no-repeat top left;
  float: left;
  width: 100%; background-size: 30px; padding-left: 40px; background-position: 0px 31px;
  margin-top: 25px;
  border-top: 1px solid #ffffff4d;
  padding-top: 25px;
}
.footer-btm {
  float: left;
  width: 100%;
  padding: 20px 0px;
  margin-top: 50px;
  border-top: 1px solid #3f3f3f;
}
.footer-btm p{
  float: left; width: 100%; text-align: center; color: #fff;
}
.addressrow a {
    width: 100%;
    display: inline-block;
}
.addressrow a span {
  width: 55px;
  display: inline-block;
}
.baner-text-outer h4{
  font-size: 52px; color: #fff; font-family: 'futura_bk_btbook';
}
.baner-text-outer p{
  font-size: 22px; color: #fff; font-family: 'robotolight'; width: 50%;
  margin-top: 12px;
}
.baner-text-outer p span{
  color: #f07147; font-family: 'robotobold';
}
.baner-text-outer {
  position: absolute;
  top: 0px;
  bottom: 0px;
  width: 700px;
  height: 200px;
  margin: auto;
  left: 5%;
}
.expert-outer{
  float: left; width: 100%; display: table;
}
.expert-left{
  width: 50%; background: #e34c25; padding: 30px; display: table-cell; vertical-align: top;
}
.common-heading {
  float: left;
  width: 100%;
  margin: 0px 2%;
  margin-top: 30px;
}
.common-heading h4{
  float: left;
  width: 100%; color: #fff; font-size: 35px; text-transform: uppercase; font-family: 'robotolight';
  position: relative;
}
.common-heading h4::after{
  position: absolute; content: ""; height: 2px; width: 40px; background:  #fff; left: 0px; bottom: -15px;
}
.common-heading h4 span{
  font-family: 'robotobold';
}
.expert-ul {
  float: left;
  width: 100%; margin-top: 55px; margin-bottom: 1%;
}
.expert-ul ul{
  float: left;
  width: 100%; text-align: center;
}
.expert-ul ul li {
  width: 45.5%;
  display: inline-block;
  vertical-align: top;
  text-align: center;
  background: #fff;
  border-radius: 5px;
  margin: 2%; padding: 30px;
}
.expert-ul ul li h4 {
  font-size: 24px;
  color: #e34c25;
  font-family: 'robotolight';
  margin-top: 15px;
  height: 60px;
}
.expert-right{
  display: table-cell; vertical-align: top;
  background: url(../images/ex-bg.jpg) center center fixed; background-size: cover;
}
.ideas-outer{
  float: left; width: 100%; padding: 80px 0px; text-align: center;
}
.ideas-heading {
  float: left;
  width: 100%;
  text-align: center;
}
.ideas-heading h4{
  float: left; width: 100%; font-size: 35px; color: #000000; font-family: 'robotolight';
  text-transform: uppercase;
}
.ideas-heading h4 span{
  font-family: 'robotobold'; text-transform: uppercase;
}
.ideas-heading p {
  color: #666;
  width: 100%;
  padding: 0px 21%;
  margin-top: 15px;
  float: left;
}
.ideas-inner {
  margin-top: 60px; text-align: center;
  background: url(../images/bg-ideas.png) center center no-repeat, url(../images/ide-sun.png) top center no-repeat;
  display: inline-block;
  width: 1300px; margin-bottom: 20px;
}
.ideas-block-img {
  display: inline-block;
  background: #fff;
  border-radius: 100%;
}
.ideas-block {
  display: inline-block;
  width: 20%;
  margin: auto;
}
.ideas-block-img img {
  border: 1px dashed #a4a4a4;
  border-radius: 100%;
  padding: 10px;
}
.ideas-block-text {
  display: inline-block;
  width: 100%;
  padding: 0px 15%;
  margin-top: 20px;
}
.ideas-block-text h4{
  font-size: 22px; color: #e34c25; font-family: 'robotobold'; margin-bottom: 10px;
}
.ideas-block-text p{
  font-size: 14px; color: #666;
}
.ideas-block.ideas-block4 {
  position: relative;
  top: 20px;
}
.ideas-block.ideas-block2 {
  position: relative;
  top: 24px;
}
.ideas-block.ideas-block1 {
  position: relative;
  top: 37px;
}
.invol-outer{
  float: left; width: 100%; background: #f5f5f5; padding: 80px 0px;
  background:url(../images/list-bg.png) bottom center #f5f5f5 repeat-x; padding-bottom: 160px;
}
.invol-heading {
  float: left;
  width: 100%;
  margin-bottom: 60px;
}
.invol-heading h4{
  float: left;
  width: 100%;
  text-align: center; font-size: 35px; color: #e34c25; text-transform: uppercase; font-family: 'robotolight';
}
.invol-heading h4 span{
  font-family: 'robotobold';
}
.invol-left ul{
  float: left; width: 100%;
}
.invol-left ul li{
  float: left; width: 100%; font-size: 30px; color: #000000; font-family: 'robotolight';
}
.invol-left ul li span{
  font-size: 60px; color: #b0b0b0; font-family: 'robotoblack'; vertical-align: middle;
}

.projects-outer{
  width: 100%; display: table;
}
.projects-left{
  width: 50%; display: table-cell; vertical-align: middle;
}
.projects-left ul{
  float: left; width: 100%;
}
.projects-left ul li{
  float: left; width: 50%; height: 390px; position: relative; overflow: hidden;
}
.projects-bg1{
  background: url(../images/pro-bg-1.png) no-repeat; background-size: cover;
}
.projects-bg2{
  background: url(../images/pro-bg-2.png) no-repeat; background-size: cover;
}
.projects-bg3{
  background: url(../images/pro-bg-3.png) no-repeat; background-size: cover;
}
.projects-bg4{
  background: url(../images/pro-bg-4.png) no-repeat; background-size: cover;
}
.projects-left ul li img{
  position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; margin: auto;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease; 
}
.projects-left ul li a {
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  margin: auto;
  width: 102px;
  height: 44px;
  background: transparent;
  color: #fff;
  text-transform: uppercase;
  text-align: center;
  font-size: 15px;
  border-radius: 5px;
  padding: 11px 0px;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.22);
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  left: -100%;
  right: inherit; border: 1px solid #fff;
}
.projects-left ul li a:hover{
  border: 1px solid #e34c25; background: #e34c25;
}

.projects-left ul li:hover a{
  left: 0px;
  right: 0px;
}
.projects-left ul li:hover img{
  right: -100%;
  left: inherit; 
}
.projects-ryt{
  display: table-cell; vertical-align: middle; width: 50%; text-align: center;
  background: url(../images/phonebg.jpg) no-repeat; background-size: cover;
}
.testi-outer{
  float: left; width: 100%; padding: 80px 0px;
}
.testi-inner{
  float: left; width: 100%; margin-top: 60px;
}
.testi-inner .bx-wrapper {
  box-shadow: none;
  border: none;
  background: transparent;
  margin-bottom:0px; text-align: center;
}
.testi-inner p {
  padding: 0px 13%;
  text-align: center;
  font-size: 15px;
  color: #666666; line-height: 30px; font-family: 'robotoitalic'; margin-bottom: 25px;
}
.testi-com1 {
  margin-bottom: 10px;
  margin-right: 10px;
}
.testi-com2 {
  margin-top: 10px;
  margin-left: 10px;
}
.testi-bor {
  display: inline-block;
  height: 3px;
  width: 25px;
  background: #333;
  margin: auto;
  left: 0px;
  position: absolute;
  right: 0px; bottom: 65px;
}
.testi-inner .bx-wrapper h4{
  display: inline-block; width: 100%; text-align: center; margin-top: 10px; font-size: 16px; color: #333333;
}
.testi-inner .bx-wrapper h5{
  display: inline-block; width: 100%; text-align: center; margin-top: 10px; font-size: 14px; color: #e34c25;
}
.bx-wrapper .bx-pager.bx-default-pager a{
  background:#ccc;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus {
  background: #e34c25;
}
.ideas-heading.pro-head-main {
  padding-top: 80px;
  padding-bottom: 60px;
}

.motto-outer{
  background:#f5f5f5; float: left; width: 100%; padding: 80px 0px;
}
.motto-inner {
  float: left;
  width: 100%; margin-top: 40px;
}
.motto-inner h4 {
  font-size: 24px;
  color: #444444;
  font-family: 'robotolight';
  text-align: center;
  padding: 0px 10%;
  line-height: 32px; margin-top: 20px;
}
.motto-inner h4 span{
  font-family: 'robotobold';
}
.motto-inner h4 a {
  background: #e34c25;
  color: #fff;
  font-size: 24px;
  text-transform: uppercase;
  padding: 2px 8px;
  margin-right: 5px;
}

.contact-us-outer {
  background-attachment: fixed;
  background-image: url("../images/contact-bg.png");
  background-size: cover;
  color: #ffffff;
  padding: 70px 0 240px;
  background-repeat: no-repeat;
  float: left; width: 100%;
}
.form-inner-block {
  width: 100%;
  padding: 50px;
  border-radius: 4px;
  background: #fff;
  margin-top: -206px;
  max-width: 1091px;
  display: inline-block;
  text-align: left;
  vertical-align: top;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
}
.formrightsection {
  width: 627px;
  float: right;
}
.form-block-outer {
  position: relative;
}
.form-input-block {
  float: left;
  width: 100%;
}
.half-input-block {
  float: left;
  position: relative;
  width: 48%;
  padding-bottom: 25px;
}
.half-input-block:last-child {
  float: right;
}
.form-input-block input {
  width: 100%;
  float: left;
  border: 1px solid #b7b7b7;
  height: 50px;
  padding: 10px;
  font-size: 13px; color: #000;
}
.form-input-block.textarea {
  min-height: 188px; color: #000;
}
.form-input-block textarea {
  width: 100%;
  float: left;
  border: 1px solid #b7b7b7;
  height: 161px;
  padding: 10px;
  font-family: Roboto;
  font-size: 13px;
}
.half-input-block input.send-message-btn {
  background: #e34c25 none repeat scroll 0 0;
  border: medium none;
  color: #ffffff;
  font-size: 21px;
  height: 76px;
  text-transform: uppercase;
  width: 100%;
  position: relative;
  border-radius: 3px;
  overflow: hidden;
  transition: all 1s;
  -moz-transition: all 1s;
  -webkit-transition: all 1s;
  -o-transition: all 1s;
  -ms-transition: all 1s;
}
.formleftsection {
  max-width: 311px;
  float: left;
  width: 100%;
}
.formleftsection > h2 {
  float: left;
  font-size: 36px;
  font-weight: 300;
  text-transform: uppercase;
  width: 100%;
}
.buildwebsite {
  color: #9e9e9e;
  float: left;
  font-size: 13px;
  font-weight: 400;
  padding: 16px 0;
  width: 100%;
  margin-bottom: 10px;
}
.address-block-outer {
  width: 100%;
  float: left;
  border-top: 1px solid #cacaca;
  border-bottom: 1px solid #cacaca;
  padding: 20px 0px;
}
.addressrow {
  width: 100%;
  float: left;
  padding-bottom: 20px;
  padding-left: 30px;
  position: relative;
  font-size: 16px;
  color: #343434;
}
.addressrow img {
  left: 0;
  position: absolute;
  top: 3px;
  height: 15px;
}
.s-links {
  text-align: left; display: inline-block; width: 100%;
}
.s-links a {
  display: inline-block;
  padding: 25px 7px 0;
}
.contact-home-main {
  float: left;
  width: 100%;
  text-align: center; margin-bottom: 80px;
}
.s-links span {
  border-radius: 50%;
  display: inline-block;
  height: 56px;
  width: 56px;
  background-color: #4285F4;
}
.contact-us-outer .ideas-heading h4{
  color: #fff;
}

.top-scroll{
  background: #e34c25; height: 60px; width: 60px; border-radius: 100%; text-align: center;
  position: fixed; bottom: 20px; right: 20px; padding: 15px 0px; cursor: pointer;
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.17); display: none;
}
.top-scroll i {
  color: #fff;
  font-size: 24px;
}

/************************about us*************************/

.inner-banner{
  background: url(../images/inr-bnr-bg.jpg) no-repeat center center; background-size: cover;
  float: left; width: 100%; height: 244px; border-bottom: 6px solid #e34c25;
}
.inner-bnr-h4 h4{
  font-size: 50px; color: #fff; font-family: 'robotobold'; text-transform: uppercase;
}
.inner-bnr-h4 h4 span{
  color: #e34c25;
}
.inner-bnr-h4 {
  margin-top: 95px;
}
.inner-bnr-img {
  margin-top: 36px;
}
.inr-abt-block {
  float: left;
  width: 100%;
  padding: 80px 0px;
}
.inr-abt-block ul {
  float: left;
  width: 100%;
  text-align: center;
}
.inr-abt-block ul li{
  display: inline-block; float: left; width: 29%; text-align: left; margin: 0px 2%;
}
.inr-abt-block ul li h4{
  font-size: 35px; color: #333333; text-transform: uppercase; font-family: 'robotolight'; margin-bottom: 20px;
}
.inr-abt-block ul li h4 span{
  font-family: 'robotobold';
}
.inr-abt-block ul li p{
  font-size: 16px; color: #666666; line-height: 30px;
}
.inr-abt-block ul li p span{
  color: #e34c25; font-family: 'robotomedium'; display: inline-block; width: 100%;
}
.inr-abt-est-outer{
  float: left; width: 100%; padding: 45px 0px; background: #f5f5f5;
}
.inr-abt-est-outer p{
  font-size: 32px; color: #333333; font-family: 'robotolight';
}
.inr-abt-big-img{
  float: left; width: 100%; height: 610px;
  background: url(../images/ad-bg.jpg) no-repeat fixed; background-size: cover;
}
.inr-abt-work-val{
  float: left; width: 100%; padding: 80px 0px;
}
.inr-abt-heading {
  float: left;
  width: 100%;
}
.inr-abt-heading h4{
  float: left;
  width: 100%;
  font-size: 35px;
  color: #333333;
  text-transform: uppercase;
  font-family: 'robotolight'; margin-bottom: 15px;
}
.inr-abt-heading h4 span{
  font-family: 'robotobold';
}
.inr-abt-heading p{
  font-size: 16px; color: #666;
}
.inr-abt-work-val ul{
  float: left; width: 100%;
}
.inr-abt-work-val ul li {
  float: left;
  width: 100%;
  margin-top: 45px;
  position: relative;
  padding-left: 94px;
  padding-top: 16px;
  min-height: 77px;
}
.inr-abt-work-val ul li h2{
  display: inline-block; font-size: 60px; color: #666666; font-family: 'robotobold';
  width: auto; vertical-align: middle; margin-right: 20px; position: absolute;
  left: 0px;
  top: 0px;
}
.inr-abt-work-val ul li h2::after {
  position: absolute;
  content: "";
  left: -1px;
  width: 65px;
  height: 65px;
  border: 1px solid #b2b2b2;
  transform: rotate(45deg);
  top: 0px;
}
.inr-abt-work-val ul li p{
  font-size: 16px; color: #333333; display: inline-block; vertical-align: middle;
}
.inr-abt-work-val ul li p span{
  font-size: 22px; color: #e34c25; text-transform: uppercase; font-family: 'robotobold';
}
.inr-abt-gall{
  float: left; width: 100%; padding-bottom: 80px;
}
.btm-abt-org{
  background: #e34c25;
}
.btm-abt-org p{
  color: #fff;
}

/************************about us*************************/

/************************why us*************************/

.why-us-2-block {
  float: left;
  width: 100%;
  padding: 80px 0px;
}
.why-us-2-block h4 {
  font-size: 22px;
  color: #333333;
  font-family: 'robotobold';
  text-transform: uppercase;
  margin-bottom: 15px;
}
.why-us-2-block p{
  font-size: 16px; color: #666666;
}
.why-us-list {
  float: left;
  width: 100%;
  padding: 40px 0px;
}
.why-us-list ul{
  float: left;
  width: 100%;
}
.why-us-list ul li{
  width: 29%; margin: 40px 2%; display: inline-block;
}
.bg-gray{
  background: #f5f5f5;
}
.why-us-list ul li h4{
  text-transform: uppercase; font-family: 'robotobold'; font-size: 20px;
  margin-top: 20px;
}
.inr-abt-est-outer h6 {
  font-size: 16px;
  line-height: 25px;
  margin-top: 8px;
}

/************************why us*************************/

.margin-tb-15{
  padding: 15px 0px;
}

/************************services*************************/

.pag-ser-outer{
  float: left; width: 100%; padding: 80px 0px;
}
.pagser-exp-outer {
  float: left;
  width: 100%; border-bottom: 1px solid #ddd;
}
.pagser-exp-outer ul{
  float: left;
  width: 100%; text-align: center;
}
.pagser-exp-outer ul li {
  display: inline-block;
  width: 29%;
  border-right: 1px solid #ddd;
  min-height: 225px;
  padding: 60px 0px;
}
.pagser-exp-outer ul li:last-child{
  border-right: none;
}
.no-border{
  border: none;
}
.pagser-exp-outer ul li h4{
  font-size: 24px; font-family: 'robotolight'; margin-top: 22px;
}
.pag-ser-inner {
  float: left;
  width: 100%;
}
.pag-ser-inner .ideas-heading{
  margin-bottom: 50px;
}
.pag-serdev-outer{
  float: left; width: 100%; padding: 80px 0px;
}
.pag-serdev-inner {
  float: left;
  width: 100%;
}
.pag-serdev-inner ul{
  float: left;
  width: 100%; text-align: center; margin-top: 58px;
}
.pag-serdev-inner ul li{
  width: 29%; display: inline-block; vertical-align: top; padding: 80px 15px;
}
.serdev-bg1{
  background: url(../images/dev-1.png) no-repeat center;
}
.serdev-bg2{
  background: url(../images/dev-2.png) no-repeat center;
}
.serdev-bg3{
  background: url(../images/dev-3.png) no-repeat center;
}
.pag-serdev-inner ul li h4{
  font-size: 24px; color: #e34c25; font-family: 'ralewaysemibold'; margin-bottom: 15px;
}
.pag-serdev-inner ul li p{
  font-size: 16px; color: #666666;
}
.pag-serweb-outer{
  float: left; width: 100%; padding: 80px 0px;
}
.pag-serweb-inner{
  float: left; width: 100%;
}
.ser-flx-outer{
  float: left; width: 100%;
}
.ser-flx-outer li{
  float: left; width: 100%; margin-top: 80px;
}
.pag-serweb-left{
  width: 47%; text-align: center;
}
.pag-serweb-right{
  width: 48%; text-align: center;
}
.float-left{
  float: left;
}
.float-right{
  float: right;
}
.text-left{
  text-align: left;
}
.ser-flx-outer li h4{
  font-size: 36px; color: #e34c25; font-family: 'robotolight'; margin-bottom: 20px;
}
.ser-flx-outer li p{
  font-size: 14px; color: #666666; margin-bottom: 30px;
}
.ser-flx-outer li h3{
  font-size: 18px; color: #282828; font-family: 'robotobold'; margin-bottom: 15px;
}

/************************services*************************/

/****************testimonial*****************/

.testi-page-outer{
  float: left; width: 100%; padding: 45px 0px;
}
.testi-page-inner{
  float: left; width: 100%;
}
.testi-page-inner ul{
  float: left; width: 100%; text-align: center;
}
.testi-page-inner ul li{
  width: 45%; display: inline-block; vertical-align: top; background-color: #fff;
  border-radius: 5px; position: relative; background-color: #f5f5f5; padding: 35px 35px;
  margin: 35px 2%; background: url(../images/testi-img.png) no-repeat #f5f5f5;
  background-position: 96% 93%;
}
.testi-page-inner ul li p{
  padding: 0px; margin: 0px;
  font-size: 15px;
  color: #666666;
  line-height: 30px;
  font-family: 'robotoitalic';
}
.testi-page-inner ul li::after{
  background: url(../images/shadow-1.png) no-repeat; width: 100%; height: 40px; content: "";
  position: absolute; left: 0px; bottom: -40px; background-size: 100%;
}
.testi-page-inner ul li h4{
  margin-top: 23px;
}

/****************testimonial*****************/

/********************career**********************/

.career-outer{
  float: left; width: 100%; padding: 80px 0px; background: url(../images/career-bg.png) no-repeat top center;
  background-size: cover;
}
.career-inner{
  float: left; width: 100%;
}
.margin-btm-15{
  margin-bottom: 15px;
}
.career-form-outer{
  float: left; width: 100%; margin-top: 60px;
}
.career-form-outer p{
  float: left; width: 100%; font-size: 30px; color: #333333; font-family: 'robotolight';
  margin-bottom: 20px; text-transform: uppercase;
}
.career-form-outer p span{
  color: #e34c25; font-family: 'robotobold';
}
.car-file-out{
  position: relative;
}
.car-file-out input[type="file"] {
  position: absolute;
  padding: 0px;
  width: 100%;
  top: 0px;
  left: 0px;
  z-index: 9;
  opacity: 0;
}
.form-input-block input.submit-btn{
  background: #e34c25; color: #fff; border: none; font-size: 16px;
}
.contact-left-ul{
  float: left; width: 100%; margin-top: 55px;
}
.contact-left-ul li{
  float: left; width: 100%; font-size: 30px; color: #666666; font-family: 'robotolight';
  margin-bottom: 17px; position: relative; padding-left: 32px;
}
.contact-left-ul li::after {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 20px;
  width: 20px;
  background: #e34c25;
  border-radius: 100%;
  content: "";
  bottom: 0px;
  margin: auto;
}

/********************career**********************/

/****************portfolio*****************/

.float-width{
  float: left; width: 100%;
}
.padding-80{
  padding:80px 0px;
}
.portfolio-left {
  float: left;
  width: 70%;
}
.portfolio-rigth {
  float: right;
  width: 30%;
}
.portfolio-rigth h4{
  float: left; width: 100%; font-size: 33px; color: #000; text-transform: uppercase;
  font-family: 'ralewaybold'; margin-bottom: 15px;
}
.portfolio-rigth-inr {
  float: left;
  width: 100%;
  background: #f5f5f5;
  border-radius: 5px;
  padding: 25px;
  box-shadow: 0px 5px 7px rgba(0, 0, 0, 0.17);
  margin-top: 25px;
}
.portfolio-rigth-inr h5 {
  font-size: 18px;
  text-transform: uppercase;
  color: #000; font-family: 'ralewaybold';
}
.portfolio-rigth-inr a {
  background: #e34c25;
  color: #fff;
  text-align: center;
  font-size: 14px;
  border-radius: 3px;
  padding: 10px 10px;
  text-transform: uppercase;
}
.portfolio-rigth-inr p {
    margin: 10px 0px;
}
.rel{
  position: relative;
}
.por-img {
  position: absolute;
  bottom: -74px;
  right: 230px;
}
.float-left{
  float: left !important;
}
.float-right{
  float:right !important;
}
.portfolio-left.float-right .por-img {
  right: inherit;
  left: 229px;
}
.por-out {
  margin-bottom: 110px;
}


/****************portfolio*****************/



@media screen and (max-width: 1300px){

.ideas-inner{
  width: 100%;
}
.baner-text-outer h4{
  font-size: 40px;
}
.baner-text-outer{
  height: 168px;
}
.banr-tree{
  width: 360px;
}
.bnner-ouetr{
  height: 610px;
}
.formrightsection{
  width: 60%;
}
.formleftsection{
  width: 30%;
}

}

@media screen and (max-width: 1200px){

.por-img{
  display: none;
}

}

@media screen and (max-width: 1024px){

.navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block; margin-top: 21px;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
        display:block !important;
    }

.navbar-brand{
  height: auto;
}
.real-head-outer .navbar ul li a{
  padding: 15px;
}
.login-top {
  margin-top: 5px;
  margin-bottom: 20px;
}

.ideas-inner{
  background-image: none;
}
.ideas-block.ideas-block1, .ideas-block.ideas-block2, .ideas-block.ideas-block4{
  top: 0px;
}
.ideas-block{
  vertical-align: top;
}
.expert-left, .invol-left{
  width: 100%;
}
.invol-ryt{
  display: none;
}

}

@media screen and (max-width: 992px){

.portfolio-left {
  width: 100%;
}
.portfolio-rigth {
  width: 100%;
}

}


@media screen and (max-width: 920px){

.projects-left{
  float: left; width: 100%; display: inline-block;
}
.projects-ryt{
  float: left; width: 100%; display: inline-block; padding: 40px 0px;
}
.banr-tree{
  display: none;
}
.baner-text-outer{
  left: 0px; width: 100%; text-align: center;
}
.baner-text-outer p{
  width: 100%;
}
.bnner-ouetr {
  height: 510px;
}

}

@media screen and (max-width: 768px){

.ideas-block {
  width: 48%;
  margin: 20px 0px;
}
.formleftsection {
  width: 100%;
}
.formrightsection {
  width: 100%;
  margin-bottom: 20px;
}

.inr-abt-block ul li{
  width: 100%; margin-bottom: 40px;
}
.inr-abt-block ul li:last-child{
  margin-bottom: 0px;
}
.inner-bnr-img{
  display: none;
}
.inner-bnr-h4{
  width: 100%;
}

.why-us-list ul li {
  width: 44%;
}

.pagser-exp-outer ul li{
  width: 100%; border:none !important; padding: 30px 0px;
}
.pag-serdev-inner ul li{
  width: 100%;
}
.pag-serweb-left {
  width: 100%;
  margin-bottom: 30px;
}
.pag-serweb-right{
  width: 100%; text-align: center;
}
.testi-page-inner ul li{
  width: 100%; margin: 35px 0px;
}

}

@media screen and (max-width: 550px){

.expert-ul ul li{
  width: 100%; margin: 20px 0px;
}
.invol-left ul li{
  font-size: 22px;
}
.invol-left ul li span{
  font-size: 40px;
}
.ideas-block {
  width: 100%;
}
.projects-left ul li {
  width: 100%;
  height: 290px;
}

.bnner-ouetr {
  height: 410px;
}
.baner-text-outer h4 {
  font-size: 32px;
}
.motto-inner h4{
  padding: 0px;
}
.half-input-block{
  width: 100%;
}
.half-input-block input.send-message-btn{
  font-size: 16px; height: 60px;
}

.inr-abt-est-outer p {
  font-size: 25px;
}
.inr-abt-est-outer {
  padding: 40px 0px;
}
.inr-abt-big-img{
  height: 510px;
}

.why-us-list ul li {
  width: 100%; margin-right: 0px; margin-left: 0px;
}

.portfolio-rigth h4 {
  font-size: 26px;
  margin-bottom: 5px;
}

}