@charset "utf-8";
/* CSS Document */


body{ font-weight:300; overflow-x:hidden; font-family: 'LatoRegular';
transition:.3s all ease-in-out 0s; -moz-transition:.3s all ease-in-out 0s;-webkit-transition:.3s all ease-in-out 0s; -o-transition:.3s all ease-in-out 0s;}

a{outline:none!important;}
.anim{transition:.3s all ease-in-out 0s; -moz-transition:.3s all ease-in-out 0s;-webkit-transition:.3s all ease-in-out 0s; -o-transition:.3s all ease-in-out 0s;}




/* Begin Font  */

@font-face {
    font-family: 'LatoRegular';
    src: url('../fonts/LatoRegular.eot');
    src: url('../fonts/LatoRegular.eot') format('embedded-opentype'),
         url('../fonts/LatoRegular.woff2') format('woff2'),
         url('../fonts/LatoRegular.woff') format('woff'),
         url('../fonts/LatoRegular.ttf') format('truetype'),
         url('../fonts/LatoRegular.svg#LatoRegular') format('svg');
}
@font-face {
    font-family: 'LatoBold';
    src: url('../fonts/LatoBold.eot');
    src: url('../fonts/LatoBold.eot') format('embedded-opentype'),
         url('../fonts/LatoBold.woff2') format('woff2'),
         url('../fonts/LatoBold.woff') format('woff'),
         url('../fonts/LatoBold.ttf') format('truetype'),
         url('../fonts/LatoBold.svg#LatoBold') format('svg');
}

/* End Font  */
.wrapper{min-height:800px;}
p {
    font-size: 16px;
    color: #444;
    line-height: 28px;
}
header{background:#fff;}
header.sticky {box-shadow: -2px -4px 31px 1px #b7b7b7; position: fixed;  width: 100%;  top: 0;  z-index: 10;  background: #fff; transition: .5s linear 0s;}
.sticky .header { transition: .5s linear 0s;  display: none;}
.sticky+.homeSlider { margin-top: 96px;}
.menuBar{background:#314254;}

.header{background:#fff;}
.topContact {padding:27px 0 20px 50px;
    float: right;
}
.topContact h3 {
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-family: 'LatoBold';
    color: #777;
    margin: 0;
}
.topContact i {margin-top: -1px;
    vertical-align: top;
    font-size: 16px;
    color: #0881ca;
}
.topContact h4 {color:#4a4d50;   float: left;  padding: 0;      padding: 8px 0 0 19px;
    margin: 0;
    font-size: 18px;
    font-family: 'LatoRegular';
    color: #505d6b;}
.topContact h4 span{color:#0bb9d1;letter-spacing: 4px; font-family: 'LatoBold'; text-transform:uppercase;}
.topContact h4 span i{font-size:16px;}
.topSocial ul { list-style: none;  padding: 13px 4px 0;  margin: 0;  float: right;}
.topSocial li {display: inline-block; }
.topSocial li a { color: #fff; padding: 7px;    font-size: 17px;}
.topSocial li i{color:#505d6b;}
.topSocial li a:hover,.topSocial li a:focus{color:#0bb9d1;}

/*.homeSlider{background:url(../images/slider-1.png) no-repeat scroll 0 0; background-size:cover; height:670px; position:relative;}*/
.homeSlider{ position:relative;}

.homeSlider .carousel-caption{bottom:65px;}
.sliderCaption { padding: 10px 10px 10px 20px; margin: 230px 0 0; text-align:left;}
.sliderCaption h1 { font-size: 35px;  color: #fff; text-transform: uppercase;  font-family: 'LatoBold';  text-shadow: 1px 1px 1px #404040;}
.sliderCaption p {color: #fff; margin: 17px 0 0;text-shadow: 0px 1px 0px #252525;}
video.video {  width: 100%; overflow: hidden;margin-top: -462px;}

.mainTitle {margin-top: 10px;color: #252b2d;  font-size: 24px;  text-transform: uppercase; font-family: 'LatoBold'; letter-spacing: 5px;    margin-bottom: 18px;}


.catRow { display: flex;  display: -ms-flexbox;}
.catBox { border: 1px solid #a8a8a8;  padding: 20px 15px;  height: 250px; margin:40px 0 20px;box-shadow: 0px 3px 0px -1px #081117;
-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease}
.catHeader {  margin: 0 0 10px;}
.catBox figure { margin: 0px auto!important;
    width: 100%;
    text-align: center; }
.catBox h3 {  color: #fff;  font-size: 17px;float:left; width:100%; text-align:center;  font-style: italic; font-family: 'LatoBold';  padding: 10px 0 0 5px;}
.catBox p {    line-height: 23px; color: #eae9e9; text-align:center; font-size:13px;}
.catBox:hover,.catBox:focus{ background:#697a8c;-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease; border-color:#697a8c;
box-shadow:1px 3px 0px -1px #697a8c;}
.catBg-1{background:#304958; border-color:#304958;}
.catBg-2{background:#356182; border-color:#356182;}
.catBg-3{background:#304958; border-color:#304958;}
.catBox:hover h3,.catBox:hover p{color:#fff;}
.catRow a{text-decoration:none !important;}
.slide2 .item {margin: 0 15px;}

.whatYouGetBlock{background:url(../images/whatGet.jpg) no-repeat scroll 0 0; background-size:cover; height:500px; display:flex; margin:20px 0 30px;}
.whatYouGet { margin: 45px 0 0;}
.whatYouGet ul {  list-style: none;  padding:0 0 0 20px; line-height: 39px;}
.whatYouGet ul li {color: #4e4e4e; padding: 0 0 0 22px;  position: relative;}
.whatYouGet ul li::before { content: ""; background: #36aec9;  width: 10px;  height: 10px;  position: absolute;  left: 0;  top: 15px;    border-radius: 100%;}

.visionBox h3 { font-size: 17px;  font-family: 'LatoBold';    margin-bottom: 15px;}
.visionBox h4 {line-height: 26px;    font-size: 16px;   color: #444;  margin-bottom: 23px;}
.visionBox h4 span {    color: #36aec9;  font-family: 'LatoBold';}
.visionBox i {  font-size: 12px;   margin: 7px 4px 0 0;  vertical-align: top;}

.featRow{ display: flex;  display: -ms-flexbox; margin: 35px 0 20px;}
.featBox {border:1px solid transparent; border-radius:3px; text-align: center;    padding: 10px 3px;height: 300px;}
.featBox:hover, .featBox:focus { border-color: #ddd;  box-shadow: 0px 1px 13px 0px #e2e2e2;}
.featBox:hover, .featBox:focus{border-color:#ddd;}
.featRow a:hover{text-decoration:none;}
.featBox figure {height: 160px;}
.featBox h3 {font-size: 22px;  color: #304254;  font-family: 'LatoBold';   text-align: center;}
.featBox p {  line-height: 25px;}

.latestBlock{background:#f0f0f0; padding:30px;}
.latestBox {height: 400px; overflow: auto;  margin: 30px 0 0;}
.latestList { display: block; margin: 0 0 15px;}
.latestBox h4 { color: #0bb9d1; font-size: 16px; font-family: 'LatoBold';}
.latestBox h4 a{color: #0bb9d1;}
.latestBox time { color: #8e9ba8; font-size: 13px;}
.featurePic { margin: 0 0 -29px -158px;}
.mCSB_scrollTools .mCSB_draggerRail {  background-color: rgba(0,0,0,0.2);}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color: #a9a8a8;}

.testimonialBlock {  padding: 30px 0 50px;}
.testiBox {  float: left;  width: 100%;     padding: 0;  margin: 50px 0 0;}
.testiLeft { width: 14%;  float: left;  text-align: center;}
.testiLeft figure {  border-radius: 100%;  overflow: hidden;  width: 120px; height: 120px;}
.testiLeft figure img {  width: 110%; max-width: inherit !important;}
.testiRight {  width: 86%;   float: left;   padding: 0 0 0 12px;}
.testiRight .quotesR i {   color: #0ebcd4;   font-size: 33px;   margin: 0 0 12px;}
.testiRight p {   font-size: 15px;  color: #5d5d5d;}
h4.testiName {  color: #0ebcd4;  margin: 22px 0 0;}

section.platForms { overflow: hidden; background: #f0f0f0; padding: 20px 0;}
.platFormRow {overflow: hidden; margin-left:-10px;margin-right:-10px; margin-top:32px;}
.platFormRow figure{float:left; margin:0 11px;}

.serviceBlock{background:url(../images/serBg.jpg) no-repeat scroll 0 0; background-size:cover;padding: 20px 20px 40px; margin: 20px 0;}
.serviceBlock a:hover{text-decoration:none;}
.serviceRow{display:flex; display:-ms-flex;flex-wrap: wrap;}
.serviceBox {background: #97b5ce;text-align: center; padding: 15px 20px;box-shadow: 0px 2px 0px 0px #1b2631;   margin: 12px 0 12px;  height: 130px;  border: 1px solid #97b5ce;}
.bg-2{background:#314254; border-color: #314254;}
.bg-3{background:#314254; border-color: #314254;}
.serviceBox:hover{transform: scale(1.1,1.1);}

.serviceBox figure {  margin-bottom: 5px;}
.serviceBox h3 {text-shadow: 0px 1px 0px #4c4c4c;  font-size: 18px;  color: #fff;}

.industryBlock { padding: 10px 0;}
.industryBlock a:hover{text-decoration:none;}
.indBox { border: 1px solid #dcdada; background:#f4f4f4;box-shadow: 0px 2px 0px -1px #8e8e8e; padding: 15px 10px;  height: 160px;  margin: 15px 0;  text-align: center; }
.indBox h3 {font-size: 20px;  text-align: center;  color:#434342;}
.indBox:hover{transform: scale(1.1,1.1);}

.footer{background:#384b5f; margin: 0px 0 0;padding: 50px 0 0; float:left; width:100%;}
.footer p{color:#8299b0; margin-bottom: 7px;}
.footer h2 { color: #fff;margin:0;  font-size: 18px;  line-height: 42px; text-transform:uppercase;  font-family: 'LatoBold'; letter-spacing: 0px; text-align:left;
margin-bottom: 10px;}
.footer h3 {color: #38B54A;text-align:center;}
.footDivider{display: block; margin: 27px auto; width: 35%; height: 1px; background: #736852;}
.footer_copy {  border-top: 1px solid rgba(255,255,255,.1);    margin: 30px 0 0; background:#243341;  padding: 10px 0;}
.back_to_top{text-align:center;}
.copyright{text-align:center; color:#8299b0;    margin: 5px 0 0;}
.footer a {  color:#0881ca;}
.ftrAbout p {  line-height: 22px;  font-size: 14px;text-align: justify;}
ul.ftrLinks { list-style: none; padding: 0 0px 0 2px; float:left;}
ul.ftrLinks li a {  line-height: 25px;  color:#8299b0;}
ul.ftrLinks li a:hover,ul.ftrLinks li a:focus{color:#fff; text-decoration:none;}
.ftrLinkBlock { padding: 0 0 0 30px;}
.ftrContact i { margin: 0 5px 0 0;}
.footer h5 {  color:#b1bac3; font-size: 17px;font-family: 'LatoBold';   margin: 5px 0;  line-height: 23px;}
.footerSocial{list-style:none; padding:0; margin:15px 0 0; text-align:left;}
.footerSocial li{display:inline-block}
.footerSocial li a i{border:none !important; margin:0;}
.footerSocial li a:hover,.footerSocial li a:focus{color:#8c8989}
.footerSocial a {width: 30px; height: 30px; display: inline-block;  background:#0881ca;  line-height: 31px;  float: left;  font-size: 14px;  color: #fff; box-shadow: 0px 1px 0px 0px #212f3c; margin: 0 3px;
text-align: center;  padding: 0 8px;}
.footerSocial a:hover,.footerSocial a:focus{background:#243341; color:#fff!important;}
.ftrAbout h6 {  color: #8299b0;   font-size: 14px;    line-height: 22px;  margin-bottom: 12px;}
.footerPic{background:url(../images/footer-pic.png) repeat-x scroll 0 0; height: 128px;;margin:40px 0 0; width:100%;}


.my-slider {margin: 0 auto;	width: 100%;}
.my-slider ul {height:100px;	overflow: hidden;margin: 0; padding: 20px 0 0; }
.my-slider li {float: left; width:150px; height:800px; text-align:center; overflow:hidden; padding:0 5px;}
.my-slider li img{max-width:100%;    border: 1px solid #eee; padding:0 10px;}
.padLeft30{padding-left:30px !important;}

.innerContent{min-height:600px;}
.innerBanner img { width: 100%;}
.insightTabs { margin: 15px 0 0;}
.insightTabs .nav-item { background: #bbbbbb; margin: 0 5px 5px; border-radius: 4px;}
.insightTabs .nav-item a { padding: 10px 21px; color: #fff;}
.insightTabs .nav-pills .nav-link.active, .insightTabs .nav-pills .show>.nav-link { color: #fff; background-color:#00bbd9;}
.insightTabs .nav-pills { margin-top: 30px;}
.insightTabs .tab-content{padding:0 5px;}
.insBox {float: left;  width: 100%;  overflow: hidden;  margin: 15px 0px;}
.insBox figure {  overflow: hidden;  height: 225px !important;  margin-bottom: 9px; width:100% !important}
.insBox figure img {  width: 100% !important;  min-width: 100%;}
.insBox figcaption h3 { font-size:19px;  margin: 0;color:#07b2c5;}
.insBox figcaption p { font-size: 13px; margin-top: 5px; line-height: 26px;}

.inPic{float:left; margin:0 20px 0 0;width:300px; height:250px; overflow:hidden;}
.inPic img{max-width:100%;}
.subTitle { font-size: 23px;  margin: 17px 0;  border-left: 4px solid #01bbd2;  padding: 0 0 0 8px;}
.innerContent h2 {  font-size: 23px;color: #047fbb;}

.row-columns {  margin-top: 0em;  margin-bottom: 2em;   float: left;  width: 100%;}
.column {  margin-top: 1em;}
.contactBox .form-control, .contactBox textarea.form-control {  font-size: 1em;  color: #9F9F9F; background:#fff;  border-radius: 0px;  padding: 5px 8px;   
-webkit-box-shadow: none;  box-shadow: none;  -webkit-transition: all .15s;  -o-transition: all .15s;  transition: all .15s;border: 1px solid #a9a9a9;}
.contactBox textarea.form-control {   padding-top: 1em;  height: 9em;  resize: none;}
.contact-line {    padding: 0 0 0 20px; float:left; width:100%;  margin-bottom: 3em;   font-size: 0.9em;}
.contactBox .text-primary { color:#ce7b2d;}
.contact-line .icon {  font-size: 2.5em;}
.contactBox .form-control:focus { border-color:#0589c9;  outline: 0;  -webkit-box-shadow: none;  box-shadow: none;}
.contactBox .btn {  font-weight: 400;  font-size: 0.85em;  letter-spacing: 0.1em;  line-height: 1;  position: relative;  display: inline-block;  background:#0589c9;
border: 2px solid #0589c9;  padding:10px;   border-radius:0px;    text-decoration: none;
color: #fff; text-transform: uppercase;  -webkit-transition: background-color .3s ease-out;   -o-transition: background-color .3s ease-out;  transition: background-color .3s ease-out;}
.contactBox .btn:hover, .contactBox .btn:focus {  border-color:#0589c9;  background-color: transparent;  color: #1b99a3;}
.contact-line h4 { font-family: 'LatoBold';      color: #fff;   font-size: 17px; margin: 0 0 5px;}
.media-right {padding-left: 7px;font-size: 13px;color: #eee; float:left;width: 85%;}
.contact-line  i { color: #fff; font-size: 2.2em;}
.media-left { float: left; padding: 0 10px 0 0;width: 12%;}

.contactTab .nav-item { width: 33.3333%;}
.contactTab .nav-link {border-radius: 0;  background: #a9a9a9;  padding: 3px 10px;  font-size: 15px;  margin: 0 2px;  color: #fff;  text-align: center;}
.contactTab .nav-pills .nav-link.active, .contactTab .nav-pills .show>.nav-link {  background-color:#0589c9;}
.contactTab .tab-content{overflow: hidden; padding:25px 0 0 9px; border:none; margin:0 2px; border-radius:0px; background:#0589c9;}
.contactBoxOuter{margin-top: -62px; background:rgba(255,255,255,.9);padding:85px 25px 85px;  box-shadow: 0px 1px 2px 0px #bdbdbd;}
.contactBg{background:#f4f4f4;}
.lapGirl{background: url(../images/laptop-girl.png) no-repeat scroll 0 0;  height:410px; width: 526px;  margin-top: -567px;  background-size: cover; z-index:1; position:relative;  margin-left: auto;  margin-right: auto;}

.welcomeBox figure {  float: left;   margin: 9px 0 0;}
.welcomeBox .welPic img {width: 480px;    margin: 25px 0 0 -138px;  position: relative;}
.welcomeBox figcaption {  margin:115px 0 0;}

.aboutBanner{background:url(../images/service.jpg) no-repeat scroll 0 0; width:100%; display:flex; display:-ms-flex;}
.aboutBox{padding: 20px; background: rgba(255,255,255,.9);  margin: 40px 0;}

.solutionBanner{background:url(../images/solution.jpg) no-repeat scroll 0 0;  background-size:cover; position:relative; width:100%; height:450px; display:flex; display:-ms-flex;}
h1.bannerTitle { font-family: 'LatoBold'; font-size: 9em;  color: #fff;  text-shadow: 1px 1px 1px #2f2f2f;  margin-top: 22%;}
.bannerBottomTit{background:#047fbb; width:100%; padding:20px;margin-bottom: 30px;}
.bannerBottomTit h3 {  color: #fff;  font-size: 32px;}
.solutionRow {margin: 0 0 15px; padding: 10px 0; border-bottom: 1px solid #ddd;}
.solutionRow h2 {  font-size: 30px;    margin-bottom: 14px;}
.solutionRow img {  max-width: 100%;}


.industryBanner{background:url(../images/industry.jpg) no-repeat scroll 0 0;  background-size:cover; position:relative; width:100%; height:450px; display:flex; display:-ms-flex;}
.industryBlock .indBox {background:none; box-shadow:none;height: 210px; padding: 36px 0;}
.industryBlock .indBox h3{font-size:21px;margin-top: 36px;}

.careerBanner{background:url(../images/career.jpg) no-repeat scroll 0 0;  background-size:cover; position:relative; width:100%; height:450px; display:flex; display:-ms-flex;}
.careerBox { padding: 20px 0;  border-bottom: 1px dashed #c3c3c3dd;}
.careerBox h3 {margin-bottom: 11px;  font-size: 23px;  color: #056fbb;}
.careerBox h4 {  font-size: 18px;  color: #8ab14e;}
.careerBox ul {  padding: 0 0 0 20px;}
.careerBox li { color: #6f6f6f;  line-height: 34px;}

.serviceArea{background:none;}
.servBox {  width: 300px; height: 250px;  border: 1px solid #eee;  background: #fff;  box-shadow: 0px 2px 1px -1px #6b6b6b;}
.servBox figure {  height: 150px;  overflow: hidden;}
.servBox h2 { font-size: 19px;  padding: 0 13px;  line-height: 27px;  color: #22292f;}
.serviceArea .flip-items { padding: 0; overflow:hidden;}
.mainServiceBox figure img {  width: 100%;}
.mainServiceBox { margin: 30px 0;}
.servBox a { margin: 0 15px; background: #1590cc;  display: block;  padding: 5px;  text-align: center;  color: #fff;  text-decoration: none;}
.servBox a:hover,.servBox a:focus{ background: #076492;}
.mainServiceBox figcaption h2{font-family: 'LatoBold';}


@media (max-width: 1199px) { 
.logo{}
.logo img{width:100%;}
#cssmenu > ul > li > a{padding:27px 33px; font-size:12px;}
.homeSlider{}
.sliderCaption{margin: 125px 0 0;}
.sliderCaption h1{font-size:26px;}
.aboutBox p { line-height: 27px;}
p {font-size: 14px;}
.catBox p{line-height:25px;}
.catBox h3{font-size:18px;}
.whatYouGetBlock{height:575px;}
.featurePic img {width: 97%;}
.featurePic { margin: 0 0 -29px 8px;}
.footer h2{font-size:15px;}
.footerSocial a{line-height:35px;width: 35px;height: 35px;}
.catBox p{font-size:12px;line-height: 18px;}
.catBox{padding:20px 7px;}
.catBox h3{font-size:17px;}
.industryBlock .indBox h3{font-size:17px;}


 }
 
 @media (max-width: 1000px) {
.logo {  padding-top: 26px;}	
.whatYouGetBlock { height: auto;} 
.testiLeft figure{width:90px; height:90px;}
h4.testiName{font-size:15px;}
.footer h2,.ftrAbout h6,ul.ftrLinks li a,.copyright {  font-size: 12px;}
.footerSocial a{font-size: 12px;line-height: 30px;  width: 28px;  height: 28px;}
p { font-size: 12px;}
.mainTitle{font-size:17px;}
.latestBox h4 a{font-size:14px;}
#cssmenu > ul > li > a{padding:17px 11px;}
.ftrLinkBlock { padding: 0 0 0 10px;}
.logo { width: 32%; float:left;padding-top: 16px;}

.button:before{top:17px;right: 12px;}
.button:after{top: 23px; right: 12px;}
#cssmenu .button{background: #fff; border-radius: 100%;  height: 45px;  width: 45px;  text-align: center;  box-shadow:0px 2px 5px 0px #8e8e8e;}


}

 @media (max-width: 991px) {
.catBox p {  line-height: 22px;}	 
.padLeft30{padding-left:0 !important;}
.contactTab .nav-link{font-size:13px;}
.welcomeBox figcaption { margin: 35px 0 0;}
.catBox{height:210px;}
.serviceBox h3{font-size:14px;margin-top: 13px;}
.industryBlock .indBox{height:180px;}
.industryBlock .indBox h3{margin-top:20px;}
	 
 }
 
@media (max-width: 767px) { 
.logo {  padding-top: 20px;}
.logo { width: 205px;}
.sliderCaption h1 {  font-size: 12px;}
.sliderCaption{border-left: 4px solid #0bb9d1;}
.sliderCaption { margin: 70px 0 0;}
.sliderCaption p{line-height:20px;}
.testiRight p { font-size: 14px; line-height: 25px;}
.aboutBox h4{font-size:16px;}
.whatYouGet ul li,.visionBox h4{font-size:14px;}
.aboutBox p {  line-height: 27px;}
.featurePic{display:none;}
.testiLeft{width:20%;}
.testiRight{width:80%;padding-left: 20px;}
.testiLeft figure { width: 62px; float:right; height: 62px;}
.ftrLinkBlock { padding: 0 0 0 0;}
.footer h2, .ftrAbout h6, ul.ftrLinks li a, .copyright {  font-size: 14px;}
.footerSocial { text-align: left; margin: 8px 0 0 0; padding: 0;}
.footerSocial a{text-align:center;}
p {  font-size: 14px;}
.latestBlock { padding: 20px 0;}

.serviceBox{padding:10px;}
.serviceBox h3{font-size:13px;}
.serviceBlock{padding: 20px 0px 40px;}
.indBox h3{font-size:16px;}
.insightTabs .nav-item a { padding: 5px 10px;}
.insBox figure{height:300px;}
.column{padding:0;}
.topContact{display:none;}
.topSocial{display:block;}
.sliderCaption{display:none;}
.welcomeBox figcaption {  margin: 18px 0 0;}
.catBox{margin-top:5px;}


 }
 
 @media (max-width: 575px) { 
 
.logo {  width: 145px;}
.topSocial{display:none;}
#cssmenu .button{top:-65px;box-shadow: 0px 1px 3px 0px #ababab;}


 }