@charset "utf-8";
/* CSS Document */
* {margin:0; padding:0;}
a {transition: all 0.3s ease 0s;}
body{font-family: 'Roboto', sans-serif; color: #222;}




/* Slider */

.slick-slide {
    margin: 0px 20px;
}

.slick-slide img {
    width: 100%;
}

.slick-slider
{
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;
    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;
    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}












*::-moz-selection {background: #0959ae; color: #ffffff;}
h1 {color:#fe7a2f;	font-size:34px;	font-weight:300;}
h2 {color:#fff;	font-size:48px;	font-weight:600; }
h2 a{color:#4260ab;}
h3{ color:#0959ae; font-size:18px; font-weight:300; margin-top:0;}
h4 {font: normal 24px/29px Roboto; color: #fff;}
body {font-family: 'Roboto', sans-serif;	font-size:14px; background:url(../images/bg-body.jpg);}
.top-header{ background:#222222; }
.logo {float: left; width: 100%; margin: 7px auto 0;}
.navbar-default {background-color: transparent; border-color:transparent; font: normal 17px/20px Roboto; color: #ffffff;}
.navbar-default .navbar-nav > li > a {color: #fff;  border-right: 1px solid #4e4e4e;}
.navbar-default .navbar-nav > li > a:hover {color: #0959ae;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {color: #fff;    background-color: #0959ae;}
.navbar{ margin-bottom:inherit;}
.navbar-nav > li > a {border: none; padding:22px 19px 22px; display: block;  text-transform: none; border-radius: 0; position: relative; letter-spacing: 0;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; transition: all 0.3s ease 0s; background: none;}
.navbar-nav > li > a:hover{ background-color:#0959ae !important; color:#fff !important; border-right: 1px solid #fff;}
.dropdown-menu{left: 0px !important; background:#222222;}
.dropdown-menu > li > a {color: #fff !important;	border-bottom:1px dotted #4e4e4e; padding-top:15px; padding-bottom:15px;}
.dropdown-menu > li:last-child a{border-bottom:none;}
.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {color: #0959ae !important;  text-decoration: none; background-color: transparent;}
.case-menu{max-width:250px;}
.services-menu{ min-width:250px;}
.carousel-caption h2 {font: 40px/52px 'Roboto',sans-serif; color: #222;}
.carousel-caption h2 span{ color:#0959ae;}
.quality {left: 0%;  max-width: 541px; text-shadow:none;}
.big-data {left: 0%;  max-width: 541px; text-shadow:none; top:30%;}
.enabling {left: 0%;  max-width: 541px; text-shadow:none; top:15%;}
.carousel-indicators .active{background-color: #0959ae;}
.carousel-indicators li{background-color: #222;}
.text-container h2 {font:1.9em/1.1em 'Roboto',sans-serif;  text-transform:uppercase; font-weight:600; text-align:center; color: #222;}
.text-container p{ text-align:center; line-height:22px; color:#565555;}
.staffing-it p{ text-align:left; }

.text-container .testimonial p{ text-align:left;}

.testimonial .media-left, .media > .pull-left{padding-right: 20px;}


.margin-top100{ margin-top:100px;} .margin-bottom100{ margin-bottom:100px;} .margin-bottom50{ margin-bottom:50px;}
.margin-top50{ margin-top:50px;}
.moreabout .btn.btn-primary{border-radius:0; background-color: #0959ae; border: 1px solid transparent; font: bold 15px/1.0em 'Roboto',sans-serif; margin-top:30px;}
.staffing-it .moreabout .btn.btn-primary{margin-top:0;}
.staffing-it .btn{padding: 7px 20px;}
.our-services{ background:#000 url(../images/bg-darker.jpg) no-repeat center top;  padding-bottom: 100px;}
.sq {width: 123px; height: 123px; background: #0959ae; border-radius: 50%; line-height: 123px !important; text-align: center; margin: 0 auto ;}
.sq  .fa{color: #ffffff; font-size: 38px; line-height: 1.2em; padding-top: 41px;}
.services-h{ padding-top:50px;}
.our-services h2.services-h {font:1.9em/1.1em 'Roboto',sans-serif; text-transform:uppercase; font-weight:600;}
.our-services p{ color:#fff;}
.connected{ background:#ebebeb url(../images/girl.jpg) no-repeat right top; float:left; width:100%; min-height:100px; margin-top:20px; }
.border-line{ border-bottom:1px solid #ccc; height:1px; border-top:0; border-left:0; border-right:0;}
.connected h2 {margin:20px 0 0px 0; color: #222; font:1.9em/1.1em 'Roboto',sans-serif;  text-transform:uppercase; font-weight:600; }
.connected span{ color:#0959ae;}
.stay{ list-style-type:none;} .stay .fa{ color:#0959ae; padding-right:10px;}
.stay a{ color:#222;}
.stay li{ line-height:1.8em;} .latest .thumbnail{ border:none;}
.navbar-default .navbar-toggle .icon-bar{background-color: #fff; border:none;}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {background-color: #0959ae; border:1px solid #0959ae;}
.footer{ background:#222; min-height:300px; padding-top:55px;}
.footer h4 {color: #fff; font: 17px/1.2em 'Roboto',sans-serif; margin: 0 0 10px;}
.footer p{color:#777;  line-height:1.4em;} .footer ul li a{color:#777; line-height:1.8em; }
.footer ul li a:hover{ text-decoration:none; color:#0959ae;}
.copyright{color:#777;} .border-fotter{ border-top:1px solid #373737; margin-top:30px; padding-top:30px;}
.back-to-top{cursor: pointer; position: fixed; bottom: 20px; right: 20px; display:none; background:#0959ae; border:none;}
.back-to-top:hover{ background:#222;}
.testimonial{ border:1px solid #e1e1e1; float:left; width:100%; padding:20px; font-family: Georgia,"Times New Roman",Times,serif; text-align:left; margin-bottom:30px;}
.testimonial h4{color:#0959ae; font-size:12px;}
.categories ul{list-style-type:none;}
.categories ul li a{text-decoration:none; font:13px/1.2em 'Roboto',sans-serif; color: #777; text-transform:uppercase; display: inline; position: relative; line-height: 30px; padding-left: 10px;}
.categories h2{font:1.7em/1.1em 'Roboto',sans-serif; text-align:left; text-transform:uppercase; font-weight:600; }
.quotes{ background:url(../images/quotes.png) no-repeat left top;}
.contact-form h2 {color:#0959ae; font-size: 18px; font-weight: 600;}
.contact-form ul{ list-style-type:none;}
.contact-form ul li{ line-height:30px;}
.contact-form ul li .fa{color:#0959ae; padding-right:8px;}
.contact-form .form-control{display:block; width: 100%; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #f6f6f6;
    background-image: none; border: 1px solid #ccc; border-radius:0;}
.contact-form  .btn-default {color: #fff; background-color: #0959ae; border-color: #0959ae;}
.logo-partner {width:150px; height:44px; list-style-type:none; margin-bottom:20px; }
.microsoft{ background:url(../images/microsoft.png) no-repeat left top;}
.microsoft:hover{ background:url(../images/microsofthover.png) no-repeat left top; cursor:pointer;}
.ibm{ background:url(../images/ibm.png) no-repeat left top;}
.ibm:hover{ background:url(../images/ibm-h.png) no-repeat left top; cursor:pointer;}
.hp{ background:url(../images/hp.png) no-repeat left top;}
.hp:hover{ background:url(../images/hp-h.png) no-repeat left top; cursor:pointer;}
.citirx{ background:url(../images/citrix.png) no-repeat left top;}
.citirx:hover{ background:url(../images/citrix-h.png) no-repeat left top; cursor:pointer;}
.xavient{ background:url(../images/xavient.png) no-repeat left top;}
.xavient:hover{ background:url(../images/xavient-h.png) no-repeat left top; cursor:pointer;}
.partner .thumbnail{ background-color:#f9f9f9; border-radius:0; border-color:#f1f1f1;}
.partner .thumbnail h3{font: 24px/1.2em 'Roboto',sans-serif; text-align:center;}

.partner .thumbnail .btn.btn-primary{ background-color:#0959ae; border-color:#0959ae; border-radius:0;}
.partner .thumbnail .btn.btn-primary:hover{background-color:#000000; border-color:#0959ae;}
.30bpad{ padding-bottom:30px;}
.m20bm{ margin-bottom:20px;}
.inner-text p{ text-align:left; }
#accordion h2 {color: #000; font-size: 20px; margin: 10px 0 10px 0;}


.panel-default > .panel-heading { color: #fff; background-color: #0959ae; border-color: #0959ae;}
.staffing .thumbnail .caption {min-height: 372px;}

.staffing .list-group-item{ background-color:transparent;}

.f-contacts{list-style-type:none;}

.f-contacts li{color:#777; line-height:30px; }
.f-contacts li .fa{ padding-right:10px; color:#0959ae;}

.testimonial .media-heading{color:#0959ae; font: 12px/1em 'Roboto',sans-serif;}
.clients {padding: 35px 0;}
.clients ul {text-align: center;}
.clients ul li.first {border-left: none;}
.clients ul li {display: inline-block; /* border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; */ padding: 15px 5px; margin-left: -4px;}
.clients ul li img {max-width: 85%; transition: all 0.5s ease;}
.clients .clients-logo img:last-child {display: none;}
.clients ul li img {max-width: 85%; transition: all 0.5s ease;}
.secure-domain ul {list-style-type: none; font-size: 16px; line-height: 30px;}
.secure-domain ul li {padding-left: 20px; background: url(../images/black-arrow.png) no-repeat left 10px; color: #565555;}
.clients ul {text-align: center;}
.clients .clients-logo:hover img:first-child {display: none;}
.clients .clients-logo:hover img:last-child { display: inline-block;}
.currentOpenings{ background:#ebebeb;  }


.currentOpenings h2{ font:1.6em/1.1em 'Roboto',sans-serif;  text-transform:uppercase; font-weight:500;  color: #222; padding:20px 0;}
.subcribe{ float:left; width:100%; padding:40px;}

.subcribe .btn.btn-default {
    border-radius: 0;
    background-color: #0959ae;
    border: 1px solid transparent;
    font: bold 18px/1.2em 'Roboto',sans-serif;
  color:#fff;
}
.subcribe .form-control{border-radius:0;}
.ho {margin-left: 22px;}

.animation-element{opacity:0;  position: relative;}
/*animation element sliding left*/

.animation-element.slide-left {
  opacity: 0;
  -moz-transition: all 500ms linear;
  -webkit-transition: all 500ms linear;
  -o-transition: all 500ms linear;
  transition: all 500ms linear;
  -moz-transform: translate3d(-100px, 0px, 0px);
  -webkit-transform: translate3d(-100px, 0px, 0px);
  -o-transform: translate(-100px, 0px);
  -ms-transform: translate(-100px, 0px);
  transform: translate3d(-100px, 0px, 0px);
}

.animation-element.slide-left.in-view {
  opacity: 1;
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}

/*.navbar-default .navbar-nav > li > a { transition: all 0.5s linear 0s;}
.navbar-default .navbar-nav > li > a:hover {transform: scale(1.1);}*/
.Class {
   color:  green;     /* standard */
   color:  green\9;   /* IE 8 and below */
   *color: green;     /* IE 7 and below */
   color:  green !ie; /* IE 7 and below */
   _color: green;     /* IE 6 */
}


.line{ border:1px solid #ddd; margin-top:40px;}
.careers h2{ text-align:left; font: 1.1em/1.1em 'Roboto',sans-serif; font-weight: normal; text-transform: uppercase; font-weight: 400; color: #0959ae;}
.careers p{ text-align:left;}
.career-box{ border:1px solid #fff; box-shadow: 0 0 2px #fff;}
.career-box:hover{ border:1px solid #ccc; box-shadow: 0 0 2px #b9cdd7; background:#f9f9f9;}
.currentOpenings .btn-default {color: #fff; background-color: #0959ae; border-color: #0959ae;}

.morecontent span {display: none;}
.morelink {display: block;}

.caption .morelink { text-align: center; padding: 9px 0px; background: #0959ae; color: #fff; margin: 14px 0 0 0; font: bold 15px/1.0em 'Roboto',sans-serif; clear: both; display: block; width: 108px; }

.caption .morelink:hover{   -webkit-transform: scale(1.2);
    transform: scale(1.2);
    -webkit-transition-timing-function: cubic-bezier(0.47,2.02,.31,-.36);
    transition-timing-function: cubic-bezier(0.47,2.02,.31,-.36); text-decoration:none;
}


.dropshadow img:hover {box-shadow: 0 0 20px 0 #d8d8d8; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out; 
cursor:pointer;
}

.item img {margin: auto;}

.carousel-inner > .item > img, 
.carousel-inner > .item > a > img{
width: 100%; /* use this, or not */
margin: auto;
}

.moreabout {text-align: center; margin-bottom: 15px;}
.boxes-implementation {background: #f9f9f9; display: block; padding: 20px; border: 1px solid #ccc; margin-bottom:20px;}
.thumbnail .caption { height: 170px;}
.servicenow .text-container p { line-height: 38px; color: #565555; font-size: 18px;}
.servicenow .text-container h4 {font-size: 24px; font-weight:bold; color:#222; margin-top:40px;}

.servicenow .text-container .list-group-item {font-size: 18px; background:#f9f9f9;}
.servicenow .text-container .list-group-item .fa-arrow-circle-right {margin-right:5px;}


.case-study-e-commerce .thumbnail .caption {
    height: inherit;
}