@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,600);
 @import url(http://fonts.googleapis.com/css?family=Roboto:400,100,300,500,700);
 @import url(http://fonts.googleapis.com/css?family=Volkhov:400italic);
/* var text-decoration */
 @font-face{
    font-family:'gothic';
     src: url('../fonts/gothic.eot');
     src: url('../fonts/gothicd41d.eot?#iefix') format('embedded-opentype'), url('../fonts/gothic.woff') format('woff'), url('../fonts/gothic.ttf') format('truetype'), url('../fonts/gothic.html') format('opentype');
}
 body {
     font-family: 'gothic', sans-serif;
     -webkit-font-smoothing: antialiased;
}
 h1, h2, h3, h4, h5, h6 {
     font-family: 'gothic', sans-serif;
}
 h2 {
     font-size: 30px;
     font-weight: 400;
}


 h3 {
     font-size: 28px;
     font-weight: 300;
}
 p {
     font-size: 15px;
     line-height: 28px;
}
 ul {
     padding: 0;
     margin: 0;
     list-style: none;
}
 a, a:active, a:focus, a:active {
     text-decoration: none !important;
}
 img{
     max-width:100%;
}
 .section-title {
     margin-bottom: 30px;
     padding: 0px 10px;
}
 ul.servecepoint li:before {
     margin-left: -5px;
     position: absolute;
     content: "\f00c ";
     font-family: FontAwesome;
     left: -5px;
     top: 1px;
     font-size: 14px;
     color: #f5f6f7;
}
 .section-title h2 {
     text-transform: uppercase;
     font-size: 30px;
     font-weight: 600;
     /*color:#ff6600;*/
     color:#00AEEC;
}
 .section-title-CloudKEYh2 {
     font-size: 30px;
     font-weight: 600;
}
 .section-title p {
     color:#787878;
     font-size:17px;
     line-height:30px;
}
/*-- Email Subcription --*/
 .es_textbox_button {
     background-color: #ff6600;
}
 .es_button .es_textbox_button:hover {
     background-color: #8ee215;
}
 .es_lablebox {
     color: #888;
}
/*-- Header Start --*/
 header {
     background: #fff;
     padding: 0px;
     position: fixed;
     top: 0;
     right: 0;
     left: 0;
     box-sizing: border-box;
     z-index: 9999999;
     border-bottom: 1px solid #eee;
}
 header .navbar {
     margin-bottom: 0px;
     border: 0px;
     position:relative;
}
 header .navbar-brand {
     width: auto;
     position: absolute;
     top: -38px;
     bottom: 0px;
     left: 0px;
     padding: 0;
     height: 110px;
     border-left: 1px solid #eee;
     border-right: 1px solid #eee;
}
 header .navbar-default {
     background: none;
     border: 0px;
}
 header .navbar-default .navbar-nav > li > a {
     color: #323232;
     padding: 26px 12px;
     font-size:14px;
     font-weight:500;
     text-transform:uppercase;
     border-right:1px solid #ddd;
}
 header .navbar-default .navbar-nav{
     border-left:1px solid #ddd;
}
 header .navbar-default .navbar-nav > li > a:hover, header .navbar-default .navbar-nav .open > a:hover {
     background-color:#0f6dae;
     color:#fff;
}
/* dropdownn */
 .navbar-nav>li>.dropdown-menu{
     left:0;
     right:inherit;
}
 .navbar-nav .dropdown-menu>li>a{
     font-weight:500;
     margin:5px 0;
     border-bottom:1px solid #f2f2f2;
}
 .navbar-nav .dropdown-menu>li>a:hover{
     color:#0f6dae;
}
/*--------------------------------------------- Index Start -----------------------------------------------*/
/*-- Slider Start --*/
 .black{
     color:#000;
}
 #slider {
     background: url("../img/slider-bg.html") no-repeat;
     background-size: cover;
     background-attachment: fixed;
     background-position: 10% 0%;
     padding: 200px 0 280px 0;
     position: relative;
}
 #slider:before {
     content: "";
     position: absolute;
     left: 0;
     top: 0;
     bottom: 0;
     right: 0;
     width: 100%;
     height: 100%;
     background: linear-gradient(to left, #8b86a3, #322e40);
     opacity: 0.8;
}
 #slider .block {
     color: #E3E3E4;
}
 #slider .block h1 {
     font-family: 'Roboto', sans-serif;
     font-weight: 100;
     font-size: 45px;
     line-height: 60px;
     letter-spacing: 10px;
     padding-bottom: 45px;
}
 #slider .block p {
     font-size: 23px;
     line-height: 40px;
     font-family: 'Roboto', sans-serif;
     font-weight: 300;
     letter-spacing: 3px;
}
/*-- wrapper Start --*/
 #intro {
     padding: 35px 0;
}
 #intro .block h2 {
     padding-top: 35px;
     line-height: 27px;
     margin: 0;
}
 #intro .block p {
     color: #7B7B7B;
     padding-top: 20px;
}
 #intro .block img {
     padding-left: 40px;
     width: 100%;
}
 #intro .section-title {
     margin-bottom: 0px;
}
 #intro .section-title p {
     padding-top: 20px;
}
 #intro .section-title p.subhd{
     color: #0d40fb;
     font-size: 18px;
     line-height: 30px;
     font-weight: 600;
     font-family: open sans;
     font-style: normal;
}
/*-- service Start --*/
 #service {
     text-align: center;
     padding: 20px 0 15px;
}
 #service .service-item {
     padding-bottom: 30px;
}
 #service .service-item i {
     font-size: 60px;
     color: #4A4656;
}
 #service .service-item h4 {
     padding-top: 20px;
     margin: 0;
     color: #0c2fc7;
     font-size:18px;
     font-weight:600;
}
 #service .service-item p {
     color: #787878;
     padding-top: 10px;
     margin: 0;
     font-size: 17px;
     line-height: 1.8;
}
/*-- call-to-action Start --*/
 #call-to-action {
     background: url("../img/call-to-action-bg.html") no-repeat;
     background-size: cover;
     background-attachment: fixed;
     padding: 70px 0px;
     position: relative;
     text-align: center;
     color: #fff;
}
 #call-to-action:before {
     content: "";
     position: absolute;
     left: 0;
     right: 0;
     top: 0;
     bottom: 0;
     width: 100%;
     height: 100%;
     background: #1d192c;
     opacity: 0.8;
}
 #call-to-action h2 {
     padding-bottom: 20px;
     line-height: 33px;
     margin: 0;
     font-size: 30px;
}
 #call-to-action p {
     font-size: 14px;
     line-height: 1.6;
}
 #call-to-action .btn-call-to-action {
     padding: 15px 35px;
     border: none;
     background-color: #fff;
     font-size: 15px;
     color: #333333;
     margin-top: 30px;
}
/*-- Feature Start --*/
 #feature {
     background: url("../img/featue-bg.html");
     background-position: 50% 94px;
     width: 100%;
     display: block;
     position: relative;
     overflow: visible;
     background-attachment: fixed;
     background-repeat: no-repeat;
     background-position: center center;
     background-color: #fff;
     -webkit-background-size: cover;
     -moz-background-size: cover;
     -o-background-size: cover;
     background-size: cover;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
     -webkit-backface-visibility: hidden;
     backface-visibility: hidden;
     padding: 100px 0;
}
 #feature h2 {
     font-size: 28px;
     font-weight: 600;
     margin-bottom: 30px;
}
 #feature p {
     color: #8d8f92;
     margin-bottom: 20px;
}
 #feature .btn-view-works {
     background: #655E7A;
     color: #fff;
     padding: 10px 20px;
}
/*-- content Start --*/
 #testimonial {
     padding: 25px 0;
}
 #testimonial .block h2 {
     line-height: 27px;
     color: #5C5C5C;
     padding-top: 110px;
}
 #testimonial .block p {
     padding-top: 50px;
     color: #7B7B7B;
}
 #testimonial .counter-box li {
     width: 50%;
     float: left;
     text-align: center;
     margin: 30px 0 30px;
}
 #testimonial .counter-box li i {
     font-size: 35px;
}
 #testimonial .counter-box li h4 {
     font-size: 30px;
     font-weight: bold;
}
 #testimonial .counter-box li span {
     color: #555;
}
 #testimonial .testimonial-carousel {
     text-align: center;
     width: 100%;
     background-color:#fefefe;
     border: 1px solid #f2f2f2;
     padding:20px;
     margin: 0 auto;
     box-shadow:0 0 10px #f2f2f2;
}
 #testimonial .testimonial-carousel img {
     padding-bottom: 38px;
}
 #testimonial .testimonial-carousel p {
     line-height: 28px;
     font-weight: 300;
     padding-bottom: 20px;
}
 #testimonial .testimonial-carousel .user img {
     padding-bottom: 0px;
     border-radius: 500px;
     padding: 9px;
     background: #f2f2f2;
     width: 100px;
}
 #testimonial .testimonial-carousel .user p {
     padding-bottom: 0;
     font-size: 12px;
     line-height: 20px;
     color: #353241;
}
 #testimonial .testimonial-carousel .user p span {
     display: block;
     color: #353241;
     font-weight: 600;
}
 #testimonial .testimonial-carousel .owl-carousel .owl-pagination div {
     border: 1px solid #1D1D1D;
     border-radius: 500px;
     display: inline-block;
     height: 10px;
     margin-right: 15px;
     width: 10px;
}
 #testimonial .testimonial-carousel .owl-carousel .owl-pagination div.active {
     background: #5C5C5C;
     font-size: 30px;
     display: inline-block;
     border: 0px;
}
/*-- features Start --*/
 #clients-logo-section {
     padding-top: 30px;
     padding-bottom: 75px;
}
 #clients-logo-section .clients-logo-img {
     padding: 0px 50px;
}
 .all-client-logo li {
     float: left;
     border: 1px solid #e2e2e2;
     width: 33.3%;
     height: 119px;
     padding: 20px 0px;
     max-height: 100%;
}
 .logo-box-one{
     margin-left:20px;
}
 .logo-box-six{
     padding: 8px 0px;
}
 .logo-box-five{
     padding: 8px 0px;
}
 .logo-box-seven{
     padding: 11px 19px;
}
 .logo-box-eight{
     padding: 14px 0;
}
 .logo-box-ten{
     padding: 8px 0;
}
 .logo-box-twelve {
     padding: 3px 17px;
}
/*--------------------------------------------- Work Start -----------------------------------------------*/
/*-- Slider-work Start --*/
 #global-header {
     background: url("../img/slider-bg.html") no-repeat;
     background-size: cover;
     padding-top: 100px;
     padding-bottom:80px;
     position: relative;
}
 #global-header.contactban{
     background: url("../img/contact-bg.html") no-repeat;
     background-size:cover;
}
 #global-header:before {
     content: "";
     position: absolute;
     left: 0;
     top: 0;
     bottom: 0;
     right: 0;
     width: 100%;
     height: 100%;
     background: linear-gradient(to left, rgba(145, 149, 165, 0.49), rgba(31, 28, 44, 0.81) 70%);
     opacity: 0.8;
}
 #global-header .block {
     color: #E3E3E4;
     text-align: center;
}
 #global-header .block h1 {
     font-weight: 100;
     font-size:52px;
     letter-spacing: 6px;
     padding-bottom: 15px;
     margin-top: 0;
     text-transform:uppercase;
     color:#fff;
     font-weight:700;
}
 #global-header .block p {
     font-size: 16px;
     font-weight: 300;
     letter-spacing: 1px;
     word-spacing: 3px;
}
/*-- portfolio-work Start --*/
 #portfolio-work {
     overflow: hidden;
     padding:20px 0;
}
 #portfolio-work .block .portfolio-menu {
     padding-bottom: 30px;
     text-align: center;
     padding-left:7px;
     padding-right:11px;
}
 #portfolio-work .block .portfolio-menu ul {
     border: 1px solid #999999;
     display: inline-block;
     margin-bottom:0px;
     width:100%;
}
 #portfolio-work .block .portfolio-menu ul li {
     display: inline-block;
     padding: 0px 15px;
     cursor: pointer;
     font-size: 15px;
     line-height: 40px;
     font-weight: 600;
     color: #333333;
     text-transform:uppercase;
     position: relative;
     border-right:1px solid #eee;
}
 #portfolio-work .block .portfolio-menu ul .active {
     color: #655E7A;
     position: relative;
}
 #portfolio-work .block .portfolio-menu ul .active:before {
     content: "\f0d7";
     position: absolute;
     font-family: 'FontAwesome';
     bottom: -18px;
     font-size: 30px;
     width: 20px;
     left: 0px;
     right: 0px;
     top: 23px;
     margin: 0 auto;
     color: #fff;
     text-shadow: 0 1px 0px rgba(0, 0, 0, 0.9);
     -webkit-transition: all 0.4s ease-in-out;
     -moz-transition: all 0.4s ease-in-out;
     -o-transition: all 0.4s ease-in-out;
     -ms-transition: all 0.4s ease-in-out;
     transition: all 0.4s ease-in-out;
}
 #portfolio-work .block .portfolio-menu ul li:hover:before {
     content: "\f0d7";
     position: absolute;
     font-family: 'FontAwesome';
     bottom: -18px;
     font-size: 30px;
     width: 20px;
     left: 0px;
     right: 0px;
     top: 24px;
     margin: 0 auto;
     color: #fff;
     text-shadow: 0 1px 0px rgba(0, 0, 0, 0.9);
     -webkit-transition: all 0.4s ease-in-out;
     -moz-transition: all 0.4s ease-in-out;
     -o-transition: all 0.4s ease-in-out;
     -ms-transition: all 0.4s ease-in-out;
     transition: all 0.4s ease-in-out;
}
 #portfolio-work .block .portfolio-contant ul li {
     float: left;
     width: 32.22%;
     overflow: hidden;
     margin: 6px;
     position: relative;
}
 #portfolio-work .block .portfolio-contant ul li > h3{
     font-size:24px;
}
 #portfolio-work .block .portfolio-contant ul li:hover .overly {
     opacity: 1;
}
 #portfolio-work .block .portfolio-contant ul li:hover .position-center {
     position: absolute;
     top: 50%;
     -webkit-transform: translate(0%, -50%);
     -moz-transform: translate(0%, -50%);
     -ms-transform: translate(0%, -50%);
     transform: translate(0%, -50%);
}
 #portfolio-work .block .portfolio-contant ul li a {
     display: block;
     color: #fff;
}
 #portfolio-work .block .portfolio-contant ul li a h2 {
     font-size: 22px;
     text-transform: uppercase;
     letter-spacing: 1px;
}
 #portfolio-work .block .portfolio-contant ul li a p {
     font-size: 15px;
}
 #portfolio-work .block .portfolio-contant ul li a span {
     font-style: italic;
     font-size: 13px;
     color: #655E7A;
}
 #portfolio-work .block .portfolio-contant ul img {
     width: 100%;
     height: auto;
}
 #portfolio-work .block .portfolio-contant .overly {
     position: absolute;
     top: 0;
     bottom: 0;
     right: 0;
     left: 0;
     background: rgba(0, 0, 0, 0.9);
     opacity: 0;
     -webkit-transition: .3s all;
     -o-transition: .3s all;
     transition: .3s all;
     text-align: center;
}
 #portfolio-work .block .portfolio-contant .position-center {
     position: absolute;
     top: 50%;
     left: 10%;
     -webkit-transform: translate(0%, 50%);
     -moz-transform: translate(0%, 50%);
     -ms-transform: translate(0%, 50%);
     transform: translate(0%, 50%);
     -webkit-transition: .5s all;
     -o-transition: .5s all;
     transition: .5s all;
}
 #portfolio-work .block .mix {
     display: none;
}
/*-- wrapper-work Start --*/
 #wrapper-work {
     overflow: hidden;
     padding-top: 100px;
}
 #wrapper-work ul li {
     width: 50%;
     float: left;
     position: relative;
}
 #wrapper-work ul li img {
     width: 100%;
     height: 100%;
}
 #wrapper-work ul li .items-text {
     position: absolute;
     top: 0;
     bottom: 0;
     left: 0;
     right: 0;
     width: 100%;
     height: 100%;
     color: #fff;
     background: rgba(0, 0, 0, 0.6);
     padding-left: 44px;
     padding-top: 140px;
}
 #wrapper-work ul li .items-text h2 {
     padding-bottom: 28px;
     padding-top: 75px;
     position: relative;
}
 #wrapper-work ul li .items-text h2:before {
     content: "";
     position: absolute;
     left: 0;
     bottom: 0;
     width: 75px;
     height: 3px;
     background: #fff;
}
 #wrapper-work ul li .items-text p {
     padding-top: 30px;
     font-size: 16px;
     line-height: 27px;
     font-weight: 300;
     padding-right: 80px;
}
/*-- features-work Start --*/
 #features-work {
     padding-top: 50px;
     padding-bottom: 75px;
}
 #features-work .block ul li {
     width: 19%;
     text-align: center;
     display: inline-block;
     padding: 40px 0px;
}
/*--------------------------------------------- Work Close -----------------------------------------------*/
 .pad-0 {
     padding: 0px;
}
 .mar-0{
     margin: 0px;
}
/*=============================================*/
/*--------------------------------------------- Contact Start -----------------------------------------------*/
/*-- slider-contact Start --*/
 #slider-contact {
     background: url("../img/slider-bg2.html") no-repeat;
     background-size: cover;
     padding-top: 150px;
     padding-bottom: 107px;
     position: relative;
}
 #slider-contact:before {
     content: "";
     position: absolute;
     left: 0;
     top: 0;
     bottom: 0;
     right: 0;
     width: 100%;
     height: 100%;
     background: linear-gradient(to left, #928dab, #1f1c2c 70%);
     opacity: 0.8;
}
 #slider-contact .block {
     color: #E3E3E4;
     margin: 0 auto;
     padding-left: 90px;
}
 #slider-contact .block h1 {
     font-family: 'Roboto', sans-serif;
     font-weight: 100;
     font-size: 45px;
     line-height: 60px;
     letter-spacing: 6px;
     padding-bottom: 15px;
}
 #slider-contact .block p {
     font-size: 23px;
     line-height: 40px;
     font-family: 'Roboto', sans-serif;
     font-weight: 300;
     letter-spacing: 1px;
     word-spacing: 3px;
}
/*-- contact-form Start --*/
 #contact-form {
     padding-top:15px;
     padding-bottom: 35px;
}
 #contact-form .frm{
     background-color:#fdfdfd;
     border:1px solid #f2f2f2;
     padding:15px 20px;
     display:inline-block;
     width:100%;
}
 #contact-form .frm h2{
     font-size:20px;
     margin:25px 0;
     text-align:center;
     color:#777;
     font-weight:500;
}
 #contact-form .block form .form-group {
     padding-bottom: 15px;
     margin: 0px;
}
 #contact-form .block form .form-group .form-control {
     background: #fff;
     height: 45px;
     border: 1px solid #EEF2F6;
     box-shadow: none;
     width: 100%;
}
 #contact-form .block form .form-group-2 {
     padding-bottom: 15px;
     margin: 0px;
}
 #contact-form .block form .form-group-2 textarea {
     background: #fff;
     height: 105px;
     border: 1px solid #EEF2F6;
     box-shadow: none;
     width: 100%;
}
 #contact-form .block input[type=submit] {
     width: 100%;
     height:45px;
     background: #47424C;
     border: none;
     color: #fff;
     font-family: 'Open Sans', sans-serif;
     font-size: 18px;
}
/*-- wrapper-contact Start --*/
 .address-block li {
     margin-bottom: 20px;
}
 .address-block li i {
     margin-right: 15px;
     font-size: 20px;
     width: 20px;
}
 .social-icons {
     margin-top: 40px;
}
 .social-icons li {
     display: inline-block;
     margin: 0 5px;
}
 .social-icons a {
     display: inline-block;
}
 .social-icons i {
     border: 1px solid #c8c5c5;
     border-radius: 50%;
     color: #222;
     font-size: 25px;
     height: 50px;
     line-height: 50px;
     text-align: center;
     width: 50px;
}
 .google-map {
     position: relative;
}
 .google-map #map {
     width: 100%;
     height: 300px;
     background-color: #ff432e;
}
 .address-block li img {
     float: left;
     padding: 1px;
     margin-right: 7px;
     width: 25px !important;
}
 #contact-box {
     padding-top: 114px;
     padding-bottom: 58px;
}
 #contact-box .block img {
     width: 100%;
}
 #contact-box .block h2 {
     font-family: 'Open Sans', sans-serif;
     font-weight: 300;
     color: #000;
     font-size: 28px;
     padding-bottom: 10px;
}
 #contact-box .block p {
     color: #5C5C5C;
     display: block;
}
/*-- features-contact Start --*/
 #features-contact {
     padding-top: 50px;
     padding-bottom: 75px;
}
 #features-contact .block ul li {
     width: 19%;
     text-align: center;
     display: inline-block;
     padding: 40px 0px;
}
/*--------------------------------------------- Contact Close -----------------------------------------------*/
/*--------- Heading------------*/
 .heading {
     padding-bottom: 60px;
     text-align: center;
}
 .heading h2 {
     color: #000;
     font-size: 30px;
     line-height: 40px;
     font-weight: 400;
}
 .heading p {
     font-size: 18px;
     line-height: 40px;
     color: #292929;
     font-weight: 300;
}
/*---------------------------*/
/*--footer Start ----*/
 footer{
     background:#2c2c2c;
     padding:18px 0;
}
 .foot-sect-1{
    padding:20px 0;
}
 .foot-sect-1 h3{
     font-size:18px;
     font-weight:500;
     color:#c0c0c0;
     margin:12px 0 20px 0;
     padding:0;
     text-transform:uppercase;
}
 .foot-sect-1 .ftop-Cat3{
     padding-left:42px;
}
 .foot-sect-1 .ftop-Cat ul{
     margin:0;
     padding:0;
     list-style:none;
}
 .foot-sect-1 .ftop-Cat ul li{
     margin:9px 0;
     display:block;
}
 .foot-sect-1 .ftop-Cat ul li a{
     /*color:#888;*/
     color:#FFFFFF;
     font-size:15px;
     font-weight:300;
     line-height:16px;
}
 .foot-sect-1 .social i.fa{
     margin-right:6px;
     width:15px;
}
 .f-address p{
     font-weight:300;
     font-size:14px;
     color:#FFFFFF;
}
 .f-address p strong{
     font-size:15px;
}
 .f-address i.fa{
     margin-right:4px;
     color:#64abd4;
}
 .foot-sect-1 .ftop-Cat ul li a:hover {
     color: #fff;
}
 footer .f-address img {
     float: left;
     margin-right: 10px;
     padding-top: 3px;
     width:25px;
}
 footer .f-address i {
     font-size: 20px;
}
 footer ul.social i {
     font-size: 20px;
     padding: 4px 0px;
}
/* slider css */
 .bs-slider {
     overflow: hidden;
     max-height: 700px;
     position: fixed;
     background: #000000;
     top: 99px;
     left: 0;
     right: 0;
     z-index:-1;
}
 .bs-slider:hover {
     cursor: -moz-grab;
     cursor: -webkit-grab;
}
 .bs-slider:active {
     cursor: -moz-grabbing;
     cursor: -webkit-grabbing;
}
 .bs-slider .bs-slider-overlay {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background-color: rgba(0, 0, 0, 0.04);
}
 .bs-slider > .carousel-inner > .item > img, .bs-slider > .carousel-inner > .item > a > img {
     margin: auto;
     width: 100% !important;
}
/******************** *****Slide effect **********************/
 .fade {
     opacity: 1;
}
 .fade .item {
     top: 0;
     z-index: 1;
     opacity: 0;
     width: 100%;
     position: absolute;
     left: 0 !important;
     display: block !important;
     -webkit-transition: opacity ease-in-out 1s;
     -moz-transition: opacity ease-in-out 1s;
     -ms-transition: opacity ease-in-out 1s;
     -o-transition: opacity ease-in-out 1s;
     transition: opacity ease-in-out 1s;
}
 .fade .item:first-child {
     top: auto;
     position: relative;
}
 .fade .item.active {
     opacity: 1;
     z-index: 2;
     -webkit-transition: opacity ease-in-out 1s;
     -moz-transition: opacity ease-in-out 1s;
     -ms-transition: opacity ease-in-out 1s;
     -o-transition: opacity ease-in-out 1s;
     transition: opacity ease-in-out 1s;
}
/*---------- LEFT/RIGHT ROUND CONTROL ----------*/
 .control-round .carousel-control {
     top: 47%;
     opacity: 0;
     width: 45px;
     height: 45px;
     z-index: 100;
     color: #ffffff;
     display: block;
     font-size: 24px;
     cursor: pointer;
     overflow: hidden;
     line-height: 43px;
     text-shadow: none;
     position: absolute;
     font-weight: normal;
     background: transparent;
     -webkit-border-radius: 100px;
     border-radius: 100px;
}
 .control-round:hover .carousel-control{
     opacity: 1;
}
 .control-round .carousel-control.left {
     left: 1%;
}
 .control-round .carousel-control.right {
     right: 1%;
}
 .control-round .carousel-control.left:hover, .control-round .carousel-control.right:hover{
     color: #fdfdfd;
     background: rgba(0, 0, 0, 0.5);
     border: 0px transparent;
}
 .control-round .carousel-control.left>span:nth-child(1){
     left: 45%;
}
 .control-round .carousel-control.right>span:nth-child(1){
     right: 45%;
}
/*---------- INDICATORS CONTROL ----------*/
 .indicators-line > .carousel-indicators{
     right: 45%;
     bottom: 3%;
     left: auto;
     width: 90%;
     height: 20px;
     font-size: 0;
     overflow-x: auto;
     text-align: right;
     overflow-y: hidden;
     padding-left: 10px;
     padding-right: 10px;
     padding-top: 1px;
     white-space: nowrap;
}
 .indicators-line > .carousel-indicators li{
     padding: 0;
     width: 15px;
     height: 15px;
     border: 1px solid rgb(158, 158, 158);
     text-indent: 0;
     overflow: hidden;
     text-align: left;
     position: relative;
     letter-spacing: 1px;
     background: rgb(158, 158, 158);
     -webkit-font-smoothing: antialiased;
     -webkit-border-radius: 50%;
     border-radius: 50%;
     margin-right: 5px;
     -webkit-transition: all 0.5s cubic-bezier(0.22,0.81,0.01,0.99);
     transition: all 0.5s cubic-bezier(0.22,0.81,0.01,0.99);
     z-index: 10;
     cursor:pointer;
}
 .indicators-line > .carousel-indicators li:last-child{
     margin-right: 0;
}
 .indicators-line > .carousel-indicators .active{
     margin: 1px 5px 1px 1px;
     box-shadow: 0 0 0 2px #fff;
     background-color: transparent;
     position: relative;
     -webkit-transition: box-shadow 0.3s ease;
     -moz-transition: box-shadow 0.3s ease;
     -o-transition: box-shadow 0.3s ease;
     transition: box-shadow 0.3s ease;
     -webkit-transition: background-color 0.3s ease;
     -moz-transition: background-color 0.3s ease;
     -o-transition: background-color 0.3s ease;
     transition: background-color 0.3s ease;
}
 .indicators-line > .carousel-indicators .active:before{
     transform: scale(0.5);
     background-color: #fff;
     content:"";
     position: absolute;
     left:-1px;
     top:-1px;
     width:15px;
     height: 15px;
     border-radius: 50%;
     -webkit-transition: background-color 0.3s ease;
     -moz-transition: background-color 0.3s ease;
     -o-transition: background-color 0.3s ease;
     transition: background-color 0.3s ease;
}
/*---------- SLIDE CAPTION ----------*/
 .slide_style_left {
     text-align: left !important;
}
 .slide_style_right {
     text-align: right !important;
}
 .slide_style_center {
     text-align: center !important;
}
 .slide-text {
     left: 0;
     top: 25%;
     right: 0;
     margin: auto;
     padding: 10px;
     position: absolute;
     text-align: left;
     padding: 10px 85px;
}
 .slide-text2 {
     left: 0;
     top: 35%;
     right: 0;
     margin: auto;
     padding: 10px;
     position: absolute;
     text-align: left;
     padding: 10px 85px;
}
 .slide-text2 > h1 {
     padding: 0;
     color: #ffffff;
     font-size: 40px;
     font-style: normal;
     line-height: 84px;
     margin-bottom: 30px;
     letter-spacing: 1px;
     display: inline-block;
     -webkit-animation-delay: 0.7s;
     animation-delay: 0.7s;
}
 .slide-text > h1 {
     padding: 0;
     color: #ffffff;
     font-size: 40px;
     font-style: normal;
     line-height: 84px;
     margin-bottom: 30px;
     letter-spacing: 1px;
     display: inline-block;
     -webkit-animation-delay: 0.7s;
     animation-delay: 0.7s;
}
 .slide-text > p {
     padding: 0;
     color: #ffffff;
     font-size: 20px;
     line-height: 24px;
     font-weight: 300;
     margin-bottom: 40px;
     letter-spacing: 1px;
     -webkit-animation-delay: 1.1s;
     animation-delay: 1.1s;
}
 .slide-text > a.btn-default{
     color: #000;
     font-weight: 400;
     font-size: 13px;
     line-height: 15px;
     margin-right: 10px;
     text-align: center;
     padding: 17px 30px;
     white-space: nowrap;
     letter-spacing: 1px;
     display: inline-block;
     border: none;
     text-transform: uppercase;
     -webkit-animation-delay: 2s;
     animation-delay: 2s;
     -webkit-transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
     transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
}
 .slide-text > a.btn-primary{
     color: #ffffff;
     cursor: pointer;
     font-weight: 400;
     font-size: 13px;
     line-height: 15px;
     margin-left: 10px;
     text-align: center;
     padding: 17px 30px;
     white-space: nowrap;
     letter-spacing: 1px;
     background: #00bfff;
     display: inline-block;
     text-decoration: none;
     text-transform: uppercase;
     border: none;
     -webkit-animation-delay: 2s;
     animation-delay: 2s;
     -webkit-transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
     transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
}
 .slide-text > a:hover, .slide-text > a:active {
     color: #ffffff;
     background: #222222;
     -webkit-transition: background 0.5s ease-in-out, color 0.5s ease-in-out;
     transition: background 0.5s ease-in-out, color 0.5s ease-in-out;
}
/* css */
 .clearfix:before, .clearfix:after {
     content: '';
     display: block;
     height: 0;
     overflow: hidden;
}
 .industryBox {
     width: 50%;
     float: left;
     position: relative;
     overflow: hidden;
     min-height:410px;
     font-family:'roboto';
}
 .industryBg {
     background: url(../images/industry_bg.jpg) no-repeat center top;
     background-size: cover;
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     transition: all 0.3s ease;
     -ms-transition: all 0.3s ease;
     -webkit-transition: all 0.3s ease;
     -o-transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
}
 .industryBox:hover .industryBg {
     transform: scale(1.2);
     -moz-transform: scale(1.2);
     -webkit-transform: scale(1.2);
     -o-transform: scale(1.2);
     -ms-transform: scale(1.2);
}
 .industryInner {
     float: right;
     width: 600px;
     padding: 35px 80px 35px 0;
     text-align: center;
     font-family: 'Roboto Condensed', sans-serif;
}
 .isHd {
     color: #fff;
     font-size: 28px;
     font-weight: 700;
     text-transform: uppercase;
     padding-bottom: 10px;
}
 .isTxt {
     color: #fff;
     font-size: 18px;
     font-weight:normal;
     line-height: 28px;
     padding-bottom: 20px;
}
 .isLinks {
     float: left;
     width: 50%;
}
 .isLinks li {
     text-align: left;
     font-size: 17px;
     padding: 0 0 5px 10px;
     position: relative;
}
 .isLinks li a {
     color: #fff;
     text-decoration: underline;
}
 .isLinks li a {
     color: #000000;
     text-decoration: underline;
     font-size: 15px;
}
 .isLinks li a i {
     color: #fff !important;
}
 .solutionBox {
     font-family:'roboto';
     width: 50%;
     float: left;
     position: relative;
     overflow: hidden;
     min-height:411px;
}
 .solutiosBg {
     background: url(../images/solution_bg.jpg) no-repeat center top;
     background-size: cover;
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     transition: all 0.3s ease;
     -ms-transition: all 0.3s ease;
     -webkit-transition: all 0.3s ease;
     -o-transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
}
 .solutionBox:hover .solutiosBg {
     transform: scale(1.2);
     -moz-transform: scale(1.2);
     -webkit-transform: scale(1.2);
     -o-transform: scale(1.2);
     -ms-transform: scale(1.2);
}
 .solutionInner {
     float: left;
     width: 600px;
     padding: 35px 0 35px 80px;
     text-align: center;
     font-family: 'Roboto Condensed', sans-serif;
}
/* testivideo */
 .testivid .nav.nav-justified > li > a {
     position: relative;
}
 .testivid .nav.nav-justified > li > a:hover, .testivid .nav.nav-justified > li > a:focus {
     background-color: transparent;
}
 .testivid .nav.nav-justified > li > a > .quote {
     position: absolute;
     left: 0px;
     top: 0;
     opacity: 0;
     width: 30px;
     height: 30px;
     padding: 5px;
     background-color: #13c0ba;
     border-radius: 15px;
     color: #fff;
}
 .testivid .img-circle {
     border-radius: 50%;
     width: 100%;
}
 .testivid .nav.nav-justified > li.active > a > .quote {
     opacity: 1;
}
 .testivid .nav.nav-justified > li > a > img {
     box-shadow: 0 0 0 5px #13c0ba;
}
 .testivid .nav.nav-justified > li > a > img {
     max-width: 100%;
     opacity: .3;
     -webkit-transform: scale(.8,.8);
     transform: scale(.8,.8);
     -webkit-transition: all 0.3s 0s cubic-bezier(0.175, 0.885, 0.32, 1.275);
     transition: all 0.3s 0s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
 .testivid .nav.nav-justified > li.active > a > img, .testivid .nav.nav-justified > li:hover > a > img, .testivid .nav.nav-justified > li:focus > a > img {
     opacity: 1;
     -webkit-transform: none;
     transform: none;
     -webkit-transition: all 0.3s 0s cubic-bezier(0.175, 0.885, 0.32, 1.275);
     transition: all 0.3s 0s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
 .testivid iframe {
     width: 100%;
     height: 300px;
}
 .topHead img {
     float: left;
     margin-right: 10px;
}
 .topHead i {
     font-size: 16px;
     margin-right: 6px;
     color: #0795c7;
}
 .tab-pane .tab-inner {
     padding:20px 0px;
}
 .cpright{
     width:100%;
     background-color:#222;
     color:#FFFFFF;
     padding:10px 0;
}
 .topHead{
     width:100%;
     background-color:#0f6dae;
     margin: 0px;
     padding: 0px;
}
 .topHead .right ul{
     float:right;
     padding:0;
     margin:0;
}
 .topHead .right li {
    float: left;
    font-size:13px;
     padding: 4px 2px;
     height: 35px;
     line-height: 25px;
}
 .topHead .right li a{
     padding: 0px 5px;
     display:block;
}
 .topHead .right li a, .topHead .right li:hover i {
     color:#fff;
}
/* tab*/
/* USER PROFILE PAGE */
 .card {
     margin-top: 20px;
     padding: 0px;
     background-color: rgba(214, 224, 226, 0.2);
     -webkit-border-top-left-radius:5px;
     -moz-border-top-left-radius:5px;
     border-top-left-radius:5px;
     -webkit-border-top-right-radius:5px;
     -moz-border-top-right-radius:5px;
     border-top-right-radius:5px;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
}
 .card .nav>li>a {
     position: relative;
     display: block;
     padding: 20px 15px;
}
 .card.hovercard {
     position: relative;
     padding-top: 0;
     overflow: hidden;
     text-align: center;
     background-color: #fff;
     background-color: rgba(255, 255, 255, 1);
}
 .card.hovercard .card-background {
     height: 130px;
}
 .card-background img {
     -webkit-filter: blur(25px);
     -moz-filter: blur(25px);
     -o-filter: blur(25px);
     -ms-filter: blur(25px);
     filter: blur(25px);
     margin-left: -100px;
     margin-top: -200px;
     min-width: 130%;
}
 .card.hovercard .useravatar {
     position: absolute;
     top: 15px;
     left: 0;
     right: 0;
}
 .card.hovercard .useravatar img {
     width: 100px;
     height: 100px;
     max-width: 100px;
     max-height: 100px;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     border-radius: 50%;
     border: 5px solid rgba(255, 255, 255, 0.5);
}
 .card.hovercard .card-info {
     position: absolute;
     bottom: 14px;
     left: 0;
     right: 0;
}
 .card.hovercard .card-info .card-title {
     padding:0 5px;
     font-size: 20px;
     line-height: 1;
     color: #262626;
     background-color: rgba(255, 255, 255, 0.1);
     -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
     border-radius: 4px;
}
 .card.hovercard .card-info {
     overflow: hidden;
     font-size: 12px;
     line-height: 20px;
     color: #737373;
     text-overflow: ellipsis;
}
 .card.hovercard .bottom {
     padding: 0 20px;
     margin-bottom: 17px;
}
 .btn-pref .btn {
     -webkit-border-radius:0 !important;
}
 .commoncont{
     width:100%;
     display:inline-block;
     text-align: center;
     padding: 20px 0 15px;
}
 .commoncont .section-title{
     margin-bottom:0 
}
 .boxiner{
     background-color:#f0f0f0;
     width:100%;
     height:100%;
     display:inline-block;
     min-height:200px;
     background-size:cover;
}
 .boxiner .txt{
     font-size:30px;
     color:#fff;
     padding-top:20px;
     font-weight:500;
     display:block;
}
 .commoncont .vision{
     background-image:url(../img/vision.jpg);
}
 .commoncont .mission{
     background-image:url(../img/mission.jpg);
}
 .commoncont .career{
     background-image:url(../img/career.jpg);
}
 .contTab .btn-group-justified>.btn, .btn-group-justified>.btn-group{
     width:auto;
     width:19.7%;
}
 .contTab .btn-pref .btn{
     font-size:20px;
     font-weight:700;
     height:auto;
     white-space:inherit;
     border-radius:0px;
}
 .tabinerbox li {
    float: left;
     width:25%;
     font-weight: 700;
     padding:15px 0 5px;
     text-align:center;
}
 .tabinerbox li a {
     display: block;
    color: #575757;
     font-size: 21px;
     position: relative;
     min-height:100px;
     padding: 12px 15px;
}
 .tabinerbox li a img{
     display:block;
     margin:0 auto;
}
 .tabinerbox li a span{
     display:inline-block;
     position:relative;
     min-height:60px;
}
 .tabinerbox li a span:after {
     content: '';
     background: '';
     width: 90px;
     height: 2px;
     position: absolute;
     left:34%;
     bottom:-14px;
}
/*------------------------------------Solution List-----------------------*/
 .solutionTop {
    text-align:center;
     color:#010712;
     font-size:23px;
     font-weight:700;
     font-family: 'Roboto Condensed', sans-serif;
     padding-bottom:40px;
}
 .solutionList {
    padding-bottom:40px;
     text-align:center;
}
 .solutionList ul li {
    width:18.4%;
     margin:0 2% 20px -4px;
     text-align:center;
     color:#454951;
     font-size:19px;
     font-weight:700;
     font-family: 'Roboto Condensed', sans-serif;
     display:inline-block;
}
 .solutionList ul li:nth-child(5n) {
    margin-right:0;
}
 .solutionList ul li a {
    color:#0f6dae;
     width:100%;
     display:inline-block;
     /*background:#f9f9f9;*/
     background:#FFFFFF;
     border:1px solid #0f6dae;
     padding:40px 5px;
     border-radius:2px;
     -moz-box-shadow:2px 2px 4px rgba(186, 186, 186, 0.12);
     -webkit-box-shadow:2px 2px 4px rgba(186, 186, 186, 0.12);
     -o-box-shadow:2px 2px 4px rgba(186, 186, 186, 0.12);
     box-shadow:2px 2px 4px rgba(186, 186, 186, 0.12);
}
 .solutionList ul li a span {
    display:block;
}
 .solutionList ul li a img {
    display:block;
     margin:0 auto 20px auto;
}
 .solutionList ul li a img.ro {
    display:none;
}
 .solutionList ul li a:hover img.ro {
    display:block;
}
 .solutionList ul li a:hover img.front {
    display:none;
}
 .solutionList ul li a:hover {
    background:url(../images/solution_over_bg.jpg) no-repeat center;
     background-size:cover;
     color:#fff;
}
/*-----------------------Technologies--------------*/
 #technologies{
     text-align: center;
     padding: 20px 0px 15px;
}
 .tabstyle .nav-tabs {
     font-size: 16px;
     background: none repeat scroll 0% 0% #545454;
}
 .tabbg{
     background: url("../img/Industries/tabbg.jpg");
}
 .tabcenter .imgtext img {
     text-align: center;
     display: inline-block;
     float: none;
     padding-right: 0px;
}
 .tabcenter .imgtext {
     text-align: center;
     height: auto;
}
 .tabcenter .imgtext span{
     display:block;
     float:none;
     padding:0px;
     font-weight: normal;
     color: #000 !important;
}
 .tabbg hr {
     border-color: rgba(255, 255, 255, 0.6);
}
 .tabstyle .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
     border-width: 0;
}
 .tabstyle .nav-tabs > li > a {
     border: none;
     color: #fff;
}
 .tabstyle .nav-tabs > li.active > a, .nav-tabs > li > a:hover {
     border: none;
     color: #fffdfd !important;
     background: #0f6dae;
	 border-radius: 0px;
}
 .tabstyle .nav-tabs > li > a::after {
     content: "";
     background: #9b3400;
     height: 2px;
     position: absolute;
     width: 100%;
     left: 0px;
     bottom: 0px;
     transition: all 250ms ease 0s;
     transform: scale(0);
}
 .tabstyle .nav-tabs > li.active > a::after, .nav-tabs > li:hover > a::after {
     transform: scale(1);
}
 .tabstyle .tab-nav > li > a::after {
     background: #21527d none repeat scroll 0% 0%;
     color: #fff;
}
 .tabstyle .tab-pane {
     padding: 15px 0;
}
 .tabstyle .tab-content{
     padding:0 20px;
     border-bottom: 4px solid #0f6dae;
}
 .well{
     border-radius:0px;
}
 .imgtext img {
     float: left;
     padding-right: 5px;
}
 .imgtext {
     height: 85px;
}
 .imgtext:hover{
     cursor:pointer;
}
 .imgtext span {
     line-height: 35px;
     float: left;
     font-size: 15px;
     font-weight: bold;
     color: #847F7F;
     border-bottom: 2px solid #BCBCBC;
     padding: 3% 0%;
}
 .imgtext:hover span {
     border-bottom: 2px solid #0f6dae;
     color:#0f6dae;
}
/* ============= .imgtext:hover img{
     -webkit-filter: grayscale(100%);
     -moz-filter: grayscale(100%);
     -ms-filter: grayscale(100%);
     filter: grayscale(100%);
}
 ================*/
/*-------------------------------------INDUSTRIES---------------------------------------*/
 #industrybox {
     /*background: #e3e3e3;*/
     background: #FFFFFF;
     padding: 20px 0;
}
 .industryList .hd {
     background: #fff;
     border-bottom: 1px solid #ececec;
     padding: 15px 20px;
     font-size: 17px;
     color: #000;
     text-transform: uppercase;
     font-weight: 700;
     text-align: center;
}
 .industryList .thumbnail {
     display: block;
     padding: 0px;
     margin-bottom: 20px;
     line-height: 1.42857143;
     background-color: #fff;
     /*border: 0px solid #ddd;*/
     border-radius: 4px;
}
 .industryList:hover .imghover .pluse {
     -moz-transform: scale(1);
     -webkit-transform: scale(1);
     -o-transform: scale(1);
     transform: scale(1);
}
 .industryList .imghover {
     position: relative;
}
 .industryList .imghover .pluse {
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     background: rgba(6, 6, 6, 0.6) url(../images/pluse.png) no-repeat center;
     -moz-transform: scale(0);
     -webkit-transform: scale(0);
     -o-transform: scale(0);
     transform: scale(0);
}
 .transition {
     transition: all 0.5s ease;
     -ms-transition: all 0.5s ease;
     -webkit-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
}
/*--------------------------------------Our Work------------------------------*/
 .workList .hd {
     padding: 15px 20px;
     font-size: 17px;
     color: #fff;
     text-transform: uppercase;
     font-weight: 700;
     text-align: center;
}
 .workList .thumbnail {
     padding: 0px;
}
 .workList .thumbnail .caption {
     padding: 9px;
     color: #333;
     background:#ff5500;
}
 .workList:hover .imghover .pluse {
     -moz-transform: scale(1);
     -webkit-transform: scale(1);
     -o-transform: scale(1);
     transform: scale(1);
}
 .workList .imghover {
     position: relative;
}
 .workList .imghover .pluse {
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     background: rgba(255, 102, 0, 0.6) url(../img/Industries/pluse.png) no-repeat center;
     -moz-transform: scale(0);
     -webkit-transform: scale(0);
     -o-transform: scale(0);
     transform: scale(0);
}
 .transition {
     transition: all 0.5s ease;
     -ms-transition: all 0.5s ease;
     -webkit-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
}
/*---------------------------All fixed banner--------------------*/
 .bgwhite{
     background:#ffffff;
}
 .top-banner-space{
     margin-top:650px;
}
 .mobile-application-banner{
     max-height: 700px;
     height: 650px;
     background: url(../img/services/mobile-dev.jpg) no-repeat center center;
     -webkit-background-size: cover;
     -moz-background-size: cover;
     -o-background-size: cover;
     background-size: cover;
     z-index: -1;
     position: fixed;
     top: 70px;
     left: 0;
     right: 0;
}
 .web-app{
     max-height: 700px;
     height: 650px;
     background: url(../img/services/web-application.jpg) no-repeat center center;
     -webkit-background-size: cover;
     -moz-background-size: cover;
     -o-background-size: cover;
     background-size: cover;
     z-index: -1;
     position: fixed;
     top: 70px;
     left: 0;
     right: 0;
}
 .business-sol{
     max-height: 700px;
     height: 650px;
     background: url(../img/services/interprises.jpg) no-repeat center center;
     -webkit-background-size: cover;
     -moz-background-size: cover;
     -o-background-size: cover;
     background-size: cover;
     z-index: -1;
     position: fixed;
     top: 70px;
     left: 0;
     right: 0;
}
 .business-start{
     max-height: 700px;
     height: 650px;
     /*background: url(../img/services/business-startup.jpg) no-repeat center center fixed;*/
     -webkit-background-size: cover;
     -moz-background-size: cover;
     -o-background-size: cover;
     background-size: cover;
     z-index: -1;
     position: fixed;
     top: 70px;
     left: 0;
     right: 0;
}
 .up-allbox .col-md-3.col-sm-6 {
     z-index: 1;
}
 .product-dev{
     max-height: 700px;
     height: 650px;
     background: url(../img/services/product-dev.jpg) no-repeat center center;
     -webkit-background-size: cover;
     -moz-background-size: cover;
     -o-background-size: cover;
     background-size: cover;
     z-index: -1;
     position: fixed;
     top: 70px;
     left: 0;
     right: 0;
}
 .eng-model{
     max-height: 700px;
     height: 650px;
     background: url(../img/services/engagement.jpg) no-repeat center center;
     -webkit-background-size: cover;
     -moz-background-size: cover;
     -o-background-size: cover;
     background-size: cover;
     z-index: -1;
     position: fixed;
     top: 70px;
     left: 0;
     right: 0;
}
 .solution-banner{
     max-height: 700px;
     height: 650px;
     background: url(../img/services/solution.jpg) no-repeat center center;
     -webkit-background-size: cover;
     -moz-background-size: cover;
     -o-background-size: cover;
     background-size: cover;
     z-index: -1;
     position: fixed;
     top: 70px;
     left: 0;
     right: 0;
}
 .technologies{
     max-height: 700px;
     height: 650px;
     background: url(../img/services/technologies.jpg) no-repeat center center;
     -webkit-background-size: cover;
     -moz-background-size: cover;
     -o-background-size: cover;
     background-size: cover;
     z-index: -1;
     position: fixed;
     top: 70px;
     left: 0;
     right: 0;
}
 .industries{
     max-height: 700px;
     height: 650px;
     background: url(../img/services/industries.jpg) no-repeat center center;
     -webkit-background-size: cover;
     -moz-background-size: cover;
     -o-background-size: cover;
     background-size: cover;
     z-index: -1;
     position: fixed;
     top: 70px;
     left: 0;
     right: 0;
}
 .our-work{
     max-height: 700px;
     height: 650px;
     background: url(../img/services/our-work.jpg) no-repeat center center;
     -webkit-background-size: cover;
     -moz-background-size: cover;
     -o-background-size: cover;
     background-size: cover;
     z-index: -1;
     position: fixed;
     top: 70px;
     left: 0;
     right: 0;
}
 .contect-banner{
     max-height: 700px;
     height: 650px;
     background: url(../img/services/contact-banner.jpg) no-repeat center center;
     -webkit-background-size: cover;
     -moz-background-size: cover;
     -o-background-size: cover;
     background-size: cover;
     z-index: -1;
     position: fixed;
     top: 70px;
     left: 0;
     right: 0;
}
/*------------------------------3D Card Animation in Company Page -----------------------*/
 .company-banner{
     max-height: 700px;
     height: 650px;
     background: url(../img/company/our-team.jpg) no-repeat center center;
     -webkit-background-size: cover;
     -moz-background-size: cover;
     -o-background-size: cover;
     background-size: cover;
     z-index: -1;
     position: fixed;
     top: 70px;
     left: 0;
     right: 0;
}
 .animate {
     -webkit-transition: all 0.3s ease-in-out;
     -moz-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
     -ms-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
}
 .info-card {
     width: 100%;
     border: 1px solid rgb(215, 215, 215);
     position: relative;
     font-family: 'Lato', sans-serif;
     margin-bottom: 20px;
     overflow: hidden;
}
 .info-card > img {
     width: 100%;
     margin-bottom: 60px;
}
 .info-card .info-card-details, .info-card .info-card-details .info-card-header {
     width: 100%;
     height: 100%;
     position: absolute;
     bottom: -100%;
     left: 0;
     padding: 0 15px;
     background: #0f6dae;
     text-align: center;
     color: #fff;
}
 .info-card .info-card-details::-webkit-scrollbar {
     width: 8px;
}
 .info-card .info-card-details::-webkit-scrollbar-button {
     width: 8px;
     height: 0px;
}
 .info-card .info-card-details::-webkit-scrollbar-track {
     background: transparent;
}
 .info-card .info-card-details::-webkit-scrollbar-thumb {
     background: rgb(160, 160, 160);
}
 .info-card .info-card-details::-webkit-scrollbar-thumb:hover {
     background: rgb(130, 130, 130);
}
 .info-card .info-card-details .info-card-header {
     height: auto;
     bottom: 100%;
     padding: 18px 5px;
}
 .info-card:hover .info-card-details {
     bottom: 0px;
     overflow: auto;
     padding-bottom: 25px;
}
 .info-card:hover .info-card-details .info-card-header {
     position: relative;
     bottom: 0px;
     padding-top: 30px;
     padding-bottom: 25px;
}
 .info-card .info-card-details .info-card-header h1, .info-card .info-card-details .info-card-header h3 {
     color:#fff;
     font-size: 22px;
     font-weight: 900;
     text-transform: uppercase;
     margin: 0 !important;
     padding: 0 !important;
}
 .info-card .info-card-details .info-card-header h3 {
     color: rgb(142, 182, 52);
     font-size: 15px;
     font-weight: 400;
     margin-top: 5px;
}
/*===================================Rotaing card==============================*/
 .card-container {
     -webkit-perspective: 800px;
     -moz-perspective: 800px;
     -o-perspective: 800px;
     perspective: 800px;
     margin-bottom: 30px;
}
/* flip the pane when hovered */
 .card-container:not(.manual-flip):hover .card, .card-container.hover.manual-flip .card{
     -webkit-transform: rotateY( 180deg );
     -moz-transform: rotateY( 180deg );
     -o-transform: rotateY( 180deg );
     transform: rotateY( 180deg );
}
 .card-container.static:hover .card, .card-container.static.hover .card {
     -webkit-transform: none;
     -moz-transform: none;
     -o-transform: none;
     transform: none;
}
/* flip speed goes here */
 .card {
     -webkit-transition: -webkit-transform .5s;
     -moz-transition: -moz-transform .5s;
     -o-transition: -o-transform .5s;
     transition: transform .5s;
     -webkit-transform-style: preserve-3d;
     -moz-transform-style: preserve-3d;
     -o-transform-style: preserve-3d;
     transform-style: preserve-3d;
     position: relative;
}
/* hide back of pane during swap */
 .front, .back {
     -webkit-backface-visibility: hidden;
     -moz-backface-visibility: hidden;
     -o-backface-visibility: hidden;
     backface-visibility: hidden;
     position: absolute;
     top: 0;
     left: 0;
     background-color: #FFF;
     box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.62);
}
/* front pane, placed above back */
 .front {
     z-index: 2;
}
 .solutionList ul li a img {
     display: block;
     margin: 0 auto 20px;
     position: relative;
     /*box-shadow: none;*/
     background: none repeat scroll 0 0 transparent;
}
/* back, initially hidden pane */
 .back {
     -webkit-transform: rotateY( 180deg );
     -moz-transform: rotateY( 180deg );
     -o-transform: rotateY( 180deg );
     transform: rotateY( 180deg );
     z-index: 3;
}
 .back .btn-simple{
     position: absolute;
     left: 0;
     bottom: 4px;
}
/* Style */
 .card{
     background: none repeat scroll 0 0 #FFFFFF;
     border-radius: 4px;
     color: #444444;
}
 .card .back .content {
     color: #ffffff;
}
 .card-container {
     width: 100%;
     height: 320px;
     border-radius: 4px;
}
/*---------------mobile App Development ------------------*/
 .mob-app-box .card-container {
     width: 100%;
     height: 300px;
     border-radius: 4px;
}
 .mob-app-box .card .content {
     background-color: rgba(0, 0, 0, 0);
     box-shadow: none;
     padding: 0px 6px 0px;
}
 .mob-app-box .card .back .content {
     background-color: #0f6dae;
     box-shadow: none;
     padding: 4px 13px 44px;
}
 .mob-app-box .card .name {
     font-size: 19px;
     line-height: 28px;
     margin: 10px 0 0;
     text-align: center;
     text-transform: capitalize;
}
/*---------------mobile app------------------*/
/*------------------------web application-----------*/
 .up-allbox.web-appli-box{
     margin-bottom: 70px;
}
 .web-appli-box .card-container .front, .back {
     width: 100%;
     height: 400px;
     border-radius: 4px;
}
 .web-appli-box .business-startup .card .back .content .main {
     height: 332px;
}
 .web-appli-box .card-container .front, .back {
     width: 100%;
     height: 400px;
     border-radius: 4px;
}
 .web-appli-box .business-startup .main p {
     font-size: 15px;
     line-height: 25px;
}
/*------------------------web application-----------*/
 .card-container .front, .back{
     width: 100%;
     height: 318px;
     border-radius: 4px;
}
 .card .cover{
     height: 105px;
     overflow: hidden;
     border-radius: 4px 4px 0 0;
}
 .card .cover img{
     width: 100%;
}
 .card .user{
     border-radius: 50%;
     display: block;
     height: 120px;
     margin: -55px auto 0;
     overflow: hidden;
     width: 120px;
}
 .card .user img{
     background: none repeat scroll 0 0 #FFFFFF;
     border: 4px solid #FFFFFF;
     width: 100%;
}
 .card .content{
     background-color: rgba(0, 0, 0, 0);
     box-shadow: none;
     padding: 10px 20px 20px;
}
 .card .back .content {
     background-color: #0f6dae;
     box-shadow: none;
     padding: 28px 20px 20px;
}
/*------------ .card .content .main {
     min-height: 160px;
}
 --------*/
 .card .back .content .main {
     height: 200px;
}
 .card .name {
     font-size: 22px;
     line-height: 28px;
     margin: 10px 0 0;
     text-align: center;
     text-transform: capitalize;
}
 .card h5{
     margin: 5px 0;
     font-weight: 400;
     line-height: 20px;
}
 .card .header {
     padding: 15px 20px;
     height: 60px;
     background: #0f6dae;
}
 .card .motto{
     border-bottom: 1px solid #e6e6e6;
     color: #fff;
     font-size: 14px;
     font-weight: 400;
     padding-bottom: 10px;
     text-align: center;
}
 .card .stats-container{
     width: 100%;
     margin-top: 50px;
}
 .card .stats{
     display: block;
     float: left;
     width: 33.333333%;
     text-align: center;
}
 .card .stats:first-child{
     border-right: 1px solid #EEEEEE;
}
 .card .stats:last-child{
     border-left: 1px solid #EEEEEE;
}
 .card .stats h4{
     font-weight: 300;
     margin-bottom: 5px;
}
 .card .stats p{
     color: #777777;
}
/*====================================End card===========================*/
/*============ .why-loveus h3 {
     color: #ff5500;
     font-size: 20px;
     font-weight: 400;
     line-height: 24px;
}
 .why-loveus .caption{
     text-align:center;
}
 .why-loveus .caption p{
     color:#fff;
}
 .why-loveus .thumbnail{
     border: none;
     border-radius: 0px;
     background-color: transparent;
}
 .why-loveus h2 {
     color: #fff;
     font-size: 33px;
     font-weight: 700;
     line-height: 46px;
     text-align: center;
     text-transform: uppercase;
}
 .why-loveus h2 span{
     color: #ff5500;
}
 .why-loveus{
     background: url(../img/lovebg.png);
}
 ======*/
 #all-app {
     padding: 30px 0px;
}
/*=================== business-solution =================*/
 .business-solution .card .cover {
     border-radius: 4px 4px 0 0;
     height: auto;
     overflow: hidden;
}
 .business-solution .card .back .content {
     background-color: #0f6dae;
     box-shadow: none;
     padding:10px;
}
 .business-solution .card .back .content .main {
     height: 248px;
}
 .business-solution .card .header {
     background: none repeat scroll 0 0 #0f6dae;
     height: 50px;
     padding: 10px 15px;
}
 .business-solution .main p {
     font-size: 15px;
     line-height: 22px;
}
/*===================business-start-up =================*/
 .business-startup .card .cover {
     height: auto;
}
 .business-startup .main p {
     font-size: 15px;
     line-height: 22px;
}
 .business-startup .card .back .content .main {
     height: 270px;
}
/*===================Product Development =================*/
 .product-development .card .cover {
     height: auto;
}
 .product-development .main p {
     font-size: 15px;
     line-height: 22px;
}
 .product-development .card .back .content .main {
     height: 270px;
}
/*=================== engagement-model =================*/
 .engagement-model .card .cover {
     height: auto;
}
 .engagement-model .card .back .content .main {
     height: 270px;
}
 .engagement-model .main p {
     font-size: 15px;
     line-height: 25px;
}
/*=============================engagement new effect========================*/
 .box-models.square.effect-models {
     overflow: hidden;
     -webkit-perspective: 900px;
     -moz-perspective: 900px;
     perspective: 900px;
}
 .box-models.square {
     position: relative;
     width: 316px;
     height: 213px;
     border: 8px solid #fff;
     box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
}
 .box-models, .box-models * {
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
}
 .box-models a {
     color: #333;
}
 .box-models a:hover {
     text-decoration: none;
}
 .box-models.square.effect-models.right_to_left a:hover .img {
     -webkit-transform: rotateY(90deg);
     -moz-transform: rotateY(90deg);
     -ms-transform: rotateY(90deg);
     -o-transform: rotateY(90deg);
     transform: rotateY(90deg);
}
 .box-models.square.effect-models a:hover .img {
     opacity: 0;
     visibility: hidden;
}
 .box-models.square.effect-models.right_to_left .img {
     -webkit-transform: rotateY(0);
     -moz-transform: rotateY(0);
     -ms-transform: rotateY(0);
     -o-transform: rotateY(0);
     transform: rotateY(0);
     -webkit-transform-origin: 0% 50%;
     -moz-transform-origin: 0% 50%;
     -ms-transform-origin: 0% 50%;
     -o-transform-origin: 0% 50%;
     transform-origin: 0% 50%;
}
 .box-models.square.effect-models.right_to_left a:hover .img {
     -webkit-transform: rotateY(90deg);
     -moz-transform: rotateY(90deg);
     -ms-transform: rotateY(90deg);
     -o-transform: rotateY(90deg);
     transform: rotateY(90deg);
}
 .box-models.square.effect-models a:hover .img {
     opacity: 0;
     visibility: hidden;
}
 .box-models.square.effect-models.right_to_left .img {
     -webkit-transform: rotateY(0);
     -moz-transform: rotateY(0);
     -ms-transform: rotateY(0);
     -o-transform: rotateY(0);
     transform: rotateY(0);
     -webkit-transform-origin: 0% 50%;
     -moz-transform-origin: 0% 50%;
     -ms-transform-origin: 0% 50%;
     -o-transform-origin: 0% 50%;
     transform-origin: 0% 50%;
}
 .box-models.square.effect-models .img {
     opacity: 1;
     -webkit-transition: all 0.4s ease-in-out;
     -moz-transition: all 0.4s ease-in-out;
     transition: all 0.4s ease-in-out;
}
 .box-models.square.effect-models a:hover .info {
     visibility: visible;
     opacity: 1;
}
 .box-models.square.effect-models.right_to_left .info {
     -webkit-transform: rotateY(-90deg);
     -moz-transform: rotateY(-90deg);
     -ms-transform: rotateY(-90deg);
     -o-transform: rotateY(-90deg);
     transform: rotateY(-90deg);
     -webkit-transform-origin: 100% 50%;
     -moz-transform-origin: 100% 50%;
     -ms-transform-origin: 100% 50%;
     -o-transform-origin: 100% 50%;
     transform-origin: 100% 50%;
}
 .box-models.square.effect-models.colored .info {
     background: #1a4a72;
}
 .box-models.square.effect-models .info {
     background: #333333;
     opacity: 0;
     -webkit-transition: all 0.35s ease-in-out 0.3s;
     -moz-transition: all 0.35s ease-in-out 0.3s;
     transition: all 0.35s ease-in-out 0.3s;
}
 .box-models.square .info {
     position: absolute;
     top: 0;
     bottom: 0;
     left: 0;
     right: 0;
     text-align: center;
     -webkit-backface-visibility: hidden;
     backface-visibility: hidden;
}
 .box-models.square.effect-models.right_to_left a:hover .info {
     -webkit-transform: rotateY(0);
     -moz-transform: rotateY(0);
     -ms-transform: rotateY(0);
     -o-transform: rotateY(0);
     transform: rotateY(0);
}
 .box-models.square.effect-models.right_to_left .info {
     -webkit-transform: rotateY(-90deg);
     -moz-transform: rotateY(-90deg);
     -ms-transform: rotateY(-90deg);
     -o-transform: rotateY(-90deg);
     transform: rotateY(-90deg);
     -webkit-transform-origin: 100% 50%;
     -moz-transform-origin: 100% 50%;
     -ms-transform-origin: 100% 50%;
     -o-transform-origin: 100% 50%;
     transform-origin: 100% 50%;
}
 .box-models.square.effect-models.colored .info {
     background: #e9e9e9;
}
 .box-models.square.effect-models .info {
     background: #333333;
     opacity: 0;
     -webkit-transition: all 0.35s ease-in-out 0.3s;
     -moz-transition: all 0.35s ease-in-out 0.3s;
     transition: all 0.35s ease-in-out 0.3s;
}
 .box-models.square .info {
     position: absolute;
     top: 0;
     bottom: 0;
     left: 0;
     right: 0;
     text-align: center;
     -webkit-backface-visibility: hidden;
     backface-visibility: hidden;
}
 .box-models.square.effect-models .info h3 {
     text-transform: uppercase;
     color: #fff;
     text-align: center;
     font-size: 17px;
     padding: 10px;
     background: #ff5400;
     margin:0;
}
 .box-models.square.effect-models .info p {
     font-size: 14px;
     position: relative;
     color: #000;
     padding: 4px 17px 20px;
     text-align: justify;
     line-height:23px;
}
/*==================================new =============================*/
 .mar-top {
     margin-top: 700px;
}
 .subscribe .input-group-addon {
     padding: 6px 12px;
     font-size: 14px;
     font-weight: 400;
     line-height: 1;
     color: #555;
     text-align: center;
     background-color: #f60;
     border: 1px solid #f60;
     border-radius: 4px;
     border-top-right-radius: 4px !important;
     border-bottom-right-radius: 4px !important;
}
 .subscribe i {
     color: #e8e8e8 !important;
}
 .subscribe {
     padding-top: 10px;
}
/*-- Changes -- proof-of-concept new page add css--*/
 .proof-of-concept{
    background:#fff;
}
 .included i {
     font-size: 60px;
     text-align: center;
     margin: 0 auto;
     color: #ababab;
}
 .included h4 , h1{
     text-align: center;
}
 .included p{
    text-align:justify;
}
 .plateforms i {
     font-size: 60px;
     text-align: center;
     margin: 0 auto;
     color: #ababab;
}
 .plateforms h4 , h1{
     text-align: center;
}
 .plateforms p{
    text-align:justify;
}
 .proofpading {
     padding: 30px 0px;
}
/*---Price--*/
 .priceingbox{
     background: #fff;
}
 .pricingTable{
     text-align: center;
     background: #ecedef;
     padding: 30px 0;
}
 .pricingTable .title{
     font-size: 22px;
     font-weight: 600;
     color: #2e282a;
     text-transform: uppercase;
     margin: 0 0 30px 0;
}
 .pricingTable .price-value{
     padding: 30px 0;
     background: #ff6600;
     margin-bottom: 30px;
     position: relative;
}
 .pricingTable .price-value:before{
     content: "";
     border-top: 15px solid #ecedef;
     border-left: 15px solid transparent;
     border-right: 15px solid transparent;
     position: absolute;
     top: 0;
     left: 46%;
}
 .pricingTable .month{
     display: block;
     font-size: 15px;
     font-weight: 900;
     color: #fff;
     text-transform: uppercase;
}
 .pricingTable .amount{
     display: inline-block;
     font-size: 42px;
     color: #fff;
     position: relative;
     margin-left: 25px;
}
 .pricingTable .currency{
     position: absolute;
     top: -1px;
     left: -35px;
}
 .pricingTable .value{
     font-size: 20px;
     position: absolute;
     top: 21px;
     right: -27px;
}
 .pricingTable .pricing-content{
     padding: 0;
     margin: 0 0 30px 0;
     list-style: none;
}
 .pricingTable .pricing-content li{
     font-size: 16px;
     color: #868686;
     line-height: 35px;
}
 .pricingTable .pricingTable-signup{
     display: inline-block;
     padding: 8px 40px;
     background: #ff6600;
     font-size: 15px;
     font-weight: 600;
     color: #fff;
     text-transform: capitalize;
     border: 2px solid #ff6600;
     border-radius: 30px;
     transition: all 0.5s ease 0s;
}
 .pricingTable .pricingTable-signup:hover{
     background: #fff;
     color: #ff6600;
}
 @media only screen and (max-width: 990px){
     .pricingTable{
         margin-bottom: 30px;
    }
}
/*----End price box--*/
 .proof-of-concept h2 {
     font-weight: bold;
     letter-spacing: 1px;
}
 .included {
     padding: 60px 0px;
}
 .space30{
     padding:30px 0px;
}
 .space20{
     padding:20px 0px;
}
 .space-mbt20pa{
    margin-bottom:20px;
     padding-top:10px;
}
 .proofstyleform .btn {
     margin-top: 10px;
}
/* mailchimp change*/
 .mc4wp-form-fields input {
     padding: 5px;
     border: 1px solid #7b7a7a;
     letter-spacing: 1px;
     background: #4e4d4d;
     color: #bbb9b9;
}
 .month1{
     color: #fff;
     position: relative;
     bottom: 18px;
     font-size: 15px;
}
/* Idustries changes */
 .solutionList1 ul li img {
    margin: 8px 19% 2px 36px;
}
 .solutionList1 ul li {
     width: 17.4%;
     margin: 9px 5% 9px 13px;
     text-align: center;
     color: #454951;
     font-size: 14px;
     font-weight: 600;
     font-family: 'Roboto Condensed', sans-serif;
     display: inline-block;
}
.wsww .rgt {
     width: 48%;
     float: right;
}
 .wsww .lft {
     width: 48%;
     float: left;
}
.wsww{
    margin-bottom:15px;
}
.wsww .lft ul li span {
     font-weight: 600;
     color: #000;
     margin-right: 5px;
}
.wsww .lft .rgt ul li {
     font-size: 15px;
     color: #000;
     margin: 0 0 10px;
}
.wsww .rgt ul li {
     font-size: 15px;
     color: #000;
     margin: 0 0 10px;
    list-style-type:circle;
}
.wsww .rgt ul li:after {
     background: #6c6c6c;
     width: 4px;
     height: 4px;
     border-radius: 100%;
     position: absolute;
     left: 0;
     top: 12px;
}

/*-- PHP PAGES -- */

.alldevelopment-page h4 {
    line-height: 30px;
    text-align: center;
}
.alldevelopment-page h5 {
    font-size: 20px;
    font-weight: bold;
    line-height: 30px;
}
.alldevelopment-page .thumbnail p{
 text-align:justify;
}
.alldevelopment-page .thumbnail:hover {
        -webkit-box-shadow: 0px 0px 11px 0px rgba(50, 50, 50, 0.29);
		-moz-box-shadow:    0px 0px 11px 0px rgba(50, 50, 50, 0.29);
		box-shadow:         0px 0px 11px 0px rgba(50, 50, 50, 0.29);
}
.our-expertise {
    background: url(../img/benefit_bg.jpg) no-repeat center top;
    background-size: cover;
    padding: 50px 0;
    overflow: hidden;
}
.color-heading {
    font-size: 26px;
    text-transform: uppercase;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
    color: #fff;
    padding: 20px;
}
.pheading p {font-weight: bold; color: #424242;}
.violet{background: #4e1499;}
.orange{background: #ff5900;}
.pad20{padding:20px; overflow:hidden;}
.pad40{padding:40px; overflow:hidden;}
.our-expertise{text-align:auto; text-align: left;}
.white{background:#fff;}
.newstyebox{padding:20px;}
.partition-line {
    padding: 20px 0px 10px;
    border-bottom: 1px solid #e1e1e1;
    overflow: hidden;
}
.devlopment-details h2 {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 40px;
    text-align: center;
    color: #575757;
}
p.hd {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 22px;
    font-weight: bold;
    text-transform: uppercase;
}
.white.pad40.devlopment-details {
    text-align: -webkit-auto;
    text-align: left;
    font-family: 'Roboto Condensed', sans-serif;
}
.devlopment-details img {
    float: left;
    margin-right: 20px;
}
.devlopment-details p {
    font-size: 18px;
    line-height: 22px;
}
/* Footer change Section add */
/*-- changes -- 16-1-18  Let gets start -- */\

.footer-request h2 {
    font-size: 30px;
    font-weight: 400;
    font-family: 'Roboto Condensed', sans-serif !important;
    text-align: center;
}
.footer-request .h2 {
    font-family: 'Roboto Condensed', sans-serif !important;
    font-weight: 700;
	font-size: 30px;
	color: #fff;
}
.footer-request {
    text-align: center;
	 font-family: 'Roboto Condensed', sans-serif !important;
}
.lets-start{  
/*background:  url(../images/request.jpg) no-repeat center center;*/ 
background:  url(../images/request2.jpg) no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  padding: 30px 0px;
}
.footer-request .btn {
    padding: 9px 32px;
    background: no-repeat;
    font-size: 18px;
    letter-spacing: 2px;
    border-radius: 0px;
    border: 1px solid #eee;
	color:#fff;
    margin-top: 15px;
	transition: all 0.5s ease;
}
.footer-request .btn:hover{
	/*background: #28044a;*/
    background: #00AEEC;
    color: #fff;
    border: 1px solid #b575f3;
	-webkit-box-shadow: 1px 1px 13px 0px rgba(255,255,255,0.3);
	-moz-box-shadow: 1px 1px 13px 0px rgba(255,255,255,0.3);
	box-shadow: 1px 1px 13px 0px rgba(255,255,255,0.3);
	transition: all 0.5s ease;
}
/*technology*/
.imgtext {
    height: 85px;
    border: 1px solid #cecdcd;
    background: #fafafa;
}


/*contact form button in contact page*/

#contact-form .block input[type=submit]:hover{
    background: #ff6600;
    color: #fff;
}

/*--- Solutions management inner link pages --*/

.our-process-wrap {
    background: url(../img/services/ourprocess.png) left top no-repeat;
    padding-top: 82px;
    padding: 84px 40px 0;
	overflow: hidden;
}
.our-process-item i {
    position: relative;
    background: #fff;
    position: relative;
    color: #52535c;
    font-size: 32px;
    display: inline-block;
    clear: both;
    border-radius: 50%;
    border: 2px solid #f4f3f3;
    -webkit-transition: all 0.33s ease-in-out;
    transition: all 0.33s ease-in-out;
    width: 120px;
    height: 120px;
    text-shadow: none;
    box-shadow: 0 2px 0 0px rgba(0,0,0,0.017);
}
.our-process-item .thumbnail{
	text-align:center;
	border: 0px;
	background-color: transparent;
}
.our-process-item .thumbnail h3 {
    font-family: 'Roboto Condensed', sans-serif;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 18px;
}
.our-process-item:hover i {
    border-color: #ff6600;
    color: #ff6600;
	-webkit-box-shadow: -1px 2px 20px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: -1px 2px 20px 0px rgba(0,0,0,0.75);
	box-shadow: -1px 2px 20px 0px rgba(0,0,0,0.75);
}
.our-process-item i:before {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%,-50%);
}
.sm-all h2 {
    text-align: center;
    font-weight: bold;
    font-family: sans-serif;
    padding: 50px 0px;
}
.tabbg-color{
	border: 1px solid #f1f1f1;
	overflow: hidden;
}
		
.solutioncard{-webkit-box-shadow:0px 0px 11px 0px rgba(215, 215, 215, 0.75);
	-moz-box-shadow: 0px 0px 11px 0px rgba(215, 215, 215, 0.75);
	box-shadow:0px 0px 11px 0px rgba(215, 215, 215, 0.75);
	}
.solutioncard .nav-tabs.nav-justified>.active>a, .nav-tabs.nav-justified>.active>a:hover, .nav-tabs.nav-justified>.active>a:focus
{border:0px;}
.textab{padding:20px; overflow: hidden; color: #000 !important;}
.textab h2{ font-family: 'Roboto Condensed', sans-serif;}
.textab p {
    font-size: 16px;
    line-height: 28px;
    text-align: justify;
}
.rightsidemenu ul li {
    border-bottom: 1px solid #f1f1f1;
    padding: 6px 0px;
}
.rightsidemenu ul li a {
    color: #000;
    padding-left: 7px;
}
.rightsidemenu ul li:hover {
    background: #fbfafa;
    padding-left: 5px;
    transition: 0.5s ease;
}
.solServices ul li {
    padding: 6px 0px;
}

.solServices ul li a {
        color: #686868;
}
.offersection {
    padding-top: 30px;
    overflow: hidden;
}
.functionbox .hd {
    font-weight: 500;
    color: #000;
    font-size: 16px;
    font-weight: 700;
}
.functionbox {
    padding: 15px;
    border: 1px solid #e4e4e4;
    border-radius: 2px;
	margin-bottom: 15px;
}
.functionbox p{
font-size:14px;
line-height:24px;}

.functionbox img {
    vertical-align: middle;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: .6;
    border: 1px solid #d0d0d0;
    padding: 5px;
    margin-right: 10px;
}
.functionbox:hover img {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
    opacity: 1;
}
.functionbox:hover{
-webkit-box-shadow: 0px 0px 18px 0px #e8e8e8; 
box-shadow: 0px 0px 18px 0px #e8e8e8; 
}

/*industry pages*/
.padt60{padding-top:35px;}
.idsul ul{
	list-style-type:circle;
	font-size: 15px;
    line-height: 28px;
}

/*--- Freelancer pages --*/

.freelancerbg{
	background:  url(../img/services/freelancer_bg.jpg) no-repeat center center; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	padding: 30px 0px;
}
h4.h4style {
    line-height: 26px;
    font-size: 18px;
    font-weight: bold;
    color: #575757;
}
.free-box h4 {
    font-weight: bold;
    color: #ff6600;
}
.hiredevelper {
	background:#eee;
}
.hireleft-menu ul li{
	padding: 6px 0px;
    border-bottom: 1px solid #efefef;
}
.hireleft-menu ul li a {
    color: #575757;
}
.hireleft-menu ul li:hover {
    background: #fbfbfb;
    padding-left: 5px;
    color: #ff5d01;
	transition: 0.5s ease;
}
.hireleft-menu ul li:before {
content: "\f101";
font-family: FontAwesome;
margin-right:10px;
}
.hiregroupbg{
	background:#fff;
}
.hiregroupbg {
    background: #fff;
    overflow: hidden;
    margin-top: 30px;
    padding: 20px;
    margin-bottom: 30px;
}
.hireleft-menu h4{
	font-weight:bold;
}
.hireleft-menu h5{
	font-weight:bold;font-size: 15px;
}
.keycompten p {
    margin: 0;
}
.keycompten p:before {
content: "\f0da";
font-family: FontAwesome;
margin-right:10px;
color: #d4d4d4;
}

/*freelancher change*/
.idsul ul{
	list-style-type:circle;
	font-size: 15px;
    line-height: 28px;
}

/*hire Developer Menu*/

#hire111{
	
	background-color:#ff7c2e;
	color:#fff;
}
/*work pages*/

.workbg {
    background: url(../img/services/freelancer_bg.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding: 30px 0px;
}
.detInfoBox span {
    display: inline-block;
    margin: 5px 2px 0 0;
    background: #a4a4a4;
    color: #fff;
    font-size: 14px;
    padding: 6px 8px;
}
.detInfoBox span:hover {
    background: #fb7304;
}