@charset "UTF-8";
/* CSS Document */
html {
  height: 100%;
}

body {
  font-family: "Source Sans Pro", sans-serif;
  height: 100%;
  overflow: initial !important;
}
/*
		* Setting the backgrounds for each section / slide
		*/

#section4 .fp-bg:before,
#section2 .fp-bg:before {
  content: "";
  position: absolute;
  display: block;
  background: rgba(173, 173, 173, 0.2);
  top: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
}
.fp-bg {
  background-size: cover;
  transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden; /* Chrome, Safari, Opera */
  backface-visibility: hidden;
}
#slide1-1 .fp-bg {
  background-image: url("../images/img/homepage2.jpg");
  background-position: center 80%;
}
#section2 .fp-bg {
  background-image: url("../images/img/services.jpg");
  background-position: center 50% 65%;
}
#section2 h1 {
  color: #fff;
}
#section3 .fp-bg {
  background-image: url("../images/img/about.jpg");
  background-position: 50% 65%;
}
#section4 .fp-bg {
  background-image: url("../images/img/why.jpg");
}
#section5 .fp-bg {
  background-image: url("../images/img/portfolio.jpg");
}
.button a.button-purchase:hover {
  background-color: #3cc63c !important;
  color: #fff !important;
}
.button-purchase {
  background: #fff !important;
  color: #000 !important;
}
.documentation a {
  font-size: 13px;
  margin: 20px 0;
  padding: 0;
  color: #222;
}
/*
		
/*compuzone site css */
.compuzone-menu {
  padding-top: 2%;
  position: absolute;
  margin: 20px 0;
  z-index: 1;
  width: 100%;
}
.nav > li a {
  color: #00518b;
  text-transform: uppercase;
  letter-spacing: 1.69px;
  font-size: 13px;
  font-weight: 900;
  padding: 10px 20px;
  margin: 0;
}

.nav > li a:hover {
  background: #fff;
  color: #000;
}
.navbar-collapse.in {
  background: #000;
}
.overlay {
  background: rgba(0, 0, 0, 0.6);
  width: 100%;
  right: 0;
  padding: 3% 3%;
  overflow: hidden;
  position: center;
}
.overlay h1 {
  font-size: 45px;
  color: #fff !important;
  margin-top: 0;
}

.overlay p {
  color: #fff;
  font-size: 22px;
  font-weight: 200;
  line-height: 32px;
}

.secondary-overlay {
  position: absolute;
  bottom: 0%;
  right: 2%;
  background: rgba(0, 0, 0, 0);
  padding: 2% 3%;
}

.secondary-overlay img {
  text-align: center;
  margin-left: 50%;
}

.secondary-overlay p {
  font-size: 11px;
  color: #b8b8b8;
  letter-spacing: 1px;
  font-weight: 300;
}

.secondary-overlay h2 {
  color: #1d69ab;
  font-size: 24px;
  margin-top: 12px;
  line-height: 31px;
  font-weight: 900;
  text-align: right;
}

.secondary-overlay a {
  color: #c69c51;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 1.69px;
  font-weight: 300;
  text-decoration: none;
}

.secondary-overlay a:hover {
  text-decoration: none;
  color: #00518b;
}

.secondary-overlay .enhanced-p {
  font-size: 16px;
  color: #6f6f6f;
}

.footerwrap ul li {
  list-style-type: none;
  display: inline-block;
  margin-right: 20px;
}

a.letstalk {
  background-color: #00518b;
  color: #fff;
  padding: 10px 30px;
  font-size: 15px;
  cursor: pointer;
}

a:hover.letstalk {
  background-color: #fff;
  color: #00518b;
  padding: 10px 30px;
  font-size: 15px;
  text-decoration: none;
}

.footerwrap ul li small {
  color: #e6e6e6;
  font-size: 11px;
}

footer {
  position: fixed;
  bottom: 3%;
}

.overlay-ul-wrap {
  display: block;
}

.overlay-ul-wrap ul {
  float: left;
  margin-left: 0;
  padding-left: 0;
  margin-right: 30px;
  margin-top: 10px;
}

.overlay-ul-wrap ul li {
  list-style-type: none;
  color: #fff;
  line-height: 23px;
}
.overlay-ul-wrap ul li a {
  color: #fff;
  font-weight: 300;
}

span.box-title {
  color: #b8b8b8;
  font-size: 11px;
  margin-top: 20px;
  display: block;
  letter-spacing: 1.69px;
  text-transform: uppercase;
}

h2.box-title {
  color: #b8b8b8;
  margin-top: 20px;
  display: block;
  letter-spacing: 1.69px;
  text-transform: uppercase;
}

span.box-text p {
  color: #4dc5ec;
  font-size: 24px;
  margin-right: 20%;
  font-weight: 300;
}

span.box-cta a {
  color: #c69c51;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 1.69px;
}

button.btn.btn-default.btn-dark {
  background-color: #000;
  outline: none;
  border-color: #000;
  color: #fff;
}
ul.blue-ul li {
  color: #fff;
  font-size: 20px;
  margin-bottom: 15px;
  font-weight: 300;
}

ul.blue-ul {
  margin-top: 15px;
}
.btn {
  margin-right: 10px;
  text-transform: uppercase;
  padding: 0.8% 4%;
  margin-top: 20px;
}
.overlay .quote {
  margin-top: 20px;
  font-size: 15px;
  color: #c69c51;
  max-width: 516px;
  text-align: justify;
  line-height: 20px;
}

span.quote-content {
  display: block;
  margin-bottom: 15px;
  margin-top: 40px;
}

.nav > li > a:hover,
.nav > li > a:focus {
  color: #4dc5ec;
}

/*industry page css*/

.innerpage {
  padding: 13% 0% 0;
}
.innerpage .breadcrumb > li + li:before {
  content: "\003e";
}
.innerpage ul.breadcrumb {
  background: none;
  margin-bottom: 8px;
  padding: 0;
}
.innerpage .breadcrumb > li,
.innerpage .breadcrumb > li a {
  color: #b9b9b9;
}
.blue-overlay {
  background: rgba(5, 24, 74, 0.7);
  padding: 4% 4%;
  background-blend-mode: multiply;
  /*height: 220px;*/
}
.blue-overlay h1 {
  font-size: 40px;
  color: #fff;
  margin: 0;
  font-weight: 400;
  line-height: 50px;
}
.blue-overlay h2 {
  font-size: 24px;
  color: #fff;
  font-weight: 200;
  margin-top: 10px;
  line-height: 35px;
}
.downloadbox {
  background: rgba(0, 111, 192, 1);
  padding: 1.5% 4% 3%;
}
.downloadbox .btn {
  color: #000;
  font-size: 11px;
}
span.typeofmarket-title {
  color: #4dc5ec;
  font-size: 24px;
  display: block;
  margin-top: 3%;
}
span.typeofmarket-text {
  display: block;
  color: #5b5b5b;
  font-size: 17px;
  margin-top: 0px;
}
a.typeofmarket-cta {
  display: block;
  color: #c69c51;
  font-size: 12px;
  margin-top: 10px;
  letter-spacing: 1.5px;
}
.typeofmarket-solo .fa {
  color: #4dc5ec;
  font-size: 70px;
  padding: 20% 0;
}
.typeofmarket-solo {
  width: 48%;
  margin: 4% 0;
  float: left;
}
.calypso-solo {
  width: 100%;
  padding: 4% 0;
  border-bottom: 1px solid #e9e9e9;
}
.calypso-icon {
  text-align: center;
}
.calypso-content {
  width: 100%;
  box-sizing: border-box;
  padding-left: 5%;
  text-transform: uppercase;
  text-align: center;
}
.typeofmarket-solo:first-child {
  border-right: 1px solid #d6d6d6;
}
.typeofmarket-icon {
  width: 20%; /* text-align: center; */
  padding-top: 22px;
}
.typeofmarket-content {
  width: 70%;
  box-sizing: border-box;
  padding-right: 5%;
  text-transform: uppercase;
}
.typeofmarket-solo:last-child {
  float: right;
}
.typeofmarket-solo:last-child .typeofmarket-content {
  padding: 0;
}

.network-bg h1 {
  color: #444444;
  font-size: 35px;
}
.network-bg p {
  color: #444444;
  font-size: 22px;
  line-height: 38px;
}
.direction-main-txt {
  font-size: 30px;
  vertical-align: middle;
  box-sizing: border-box;
  line-height: 20.5em;
}
div#servicelayers {
  padding: 8% 0%;
}
div#servicelayers h1 {
  font-size: 35px;
  color: #006fc0;
}
div#servicelayers p {
  color: #444;
  font-size: 22px;
  line-height: 34px;
  width: 90%;
}
.directions {
  margin-top: 5%;
}
.direction-txt span {
  color: #00518b;
  display: block;
  font-size: 25px;
}
.direction-txt {
  color: #4d4d4d;
  font-size: 20px;
  float: left;
  width: 80%;
}
.direction-ico {
  float: left;
  min-height: 65px;
  margin-right: 4%;
  padding-top: 3%;
  width: 6%;
  margin-left: 4%;
}
.direction-ico-txt {
  margin-bottom: 12%;
}

.devops-txt span {
  color: #00518b;
  display: block;
  font-size: 18px;
}

.devops-ico-txt {
  margin-bottom: 4%;
}

div#insights {
  padding: 8% 0% 10%;
  border-top: 1px solid #e1e1e1;
}
div#insights h1,
#successstory h1 {
  text-align: center;
  color: #00518b;
  font-weight: 600;
  font-size: 20px;
  margin-bottom: 2%;
  text-transform: uppercase;
  letter-spacing: 4px;
}
#offerings h1 {
  text-align: center;
  color: #fff;
  font-weight: 600;
  font-size: 20px;
  margin-bottom: 2%;
  text-transform: uppercase;
  letter-spacing: 4px;
}
#offerings p {
  text-align: center;
  color: #fff;
  font-weight: 200;
  font-size: 20px;
  margin: 0 15% 2%;
}
#calypsosection h1 {
  text-align: center;
  color: #fff;
  font-weight: 400;
  font-size: 40px;
  margin-bottom: 2%;
}
.portfolio-txt {
  width: 100%;
  position: absolute;
  background-color: rgba(0, 0, 0, 0.5);
  padding: 10% 6%;
  bottom: 0;
  min-height: 60%;
}
a.portfolio-box-main {
  display: block;
}
.portfolio-box-parent {
  width: 100%;
  margin-bottom: 0;
  overflow: hidden;
  position: relative;
  float: left;
  display: inline-block;
  cursor: pointer;
  height: 350px;
  margin-top: 25px;
}
.portfolio-box-child {
  height: 100%;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

.portfolio-box-parent:hover .portfolio-box-child,
.portfolio-box-parent:focus .portfolio-box-child {
  -ms-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
}

.portfolio-box-parent:hover .portfolio-box-child:before,
.portfolio-box-parent:focus .portfolio-box-child:before {
  display: block;
}

.portfolio-box img {
  width: 100%;
  margin: 0;
}
span.portfolio-category {
  font-weight: 400;
  font-size: 11px;
  color: #b8b8b8;
  display: block;
  letter-spacing: 1.69px;
  text-transform: uppercase;
}
span.portfolio-title {
  color: #fff;
  font-size: 28px;
  display: block;
  margin: 2% 0;
  font-weight: 300;
  line-height: 35px;
}
span.portfolio-cta {
  color: #c69c51;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 1.69px;
  position: absolute;
  bottom: 5%;
}

span.success-title {
  font-size: 22px;
  color: #fff;
  display: block;
  margin-bottom: 10px;
  line-height: 30px;
  font-weight: 300;
}
span.success-cta {
  color: #c69c51;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 1.69px;
}
.successtxtwrap {
  position: absolute;
  bottom: 0;
  padding: 5% 6%;
  box-sizing: border-box;
  width: 100%;
}
.successbox {
  position: relative;
  width: 100%;
}
.successbox img {
  width: 100%;
}
footer.innerpage-footer {
  position: relative;
  bottom: 0;
  background-color: rgba(8, 8, 8, 0.88);
}
footer.innerpage-footer .footerblock h1 {
  font-size: 40px;
  color: #4dc5ec;
  position: relative;
}
footer.innerpage-footer .footerblock p {
  font-size: 24px;
  color: #a8a8a8;
  font-weight: 300;
}
footer.innerpage-footer .footerblock a.btn.btn-default {
  background: #4dc5ec;
  margin: 13% auto;
  padding: 4% 23%;
  font-size: 18px;
  color: #fff;
}
.footerblock {
  padding: 1% 0 2% 0;
  border-bottom: 1px solid rgba(168, 168, 168, 0.26);
}
button.btn.btn-default {
  border-radius: 0;
  border: none;
}
.footersecondaryblock ul li a {
  color: #939393;
  font-size: 14px;
}
.footersecondaryblock ul li {
  list-style-type: none;
  margin: 10px 0;
  font-size: 12px;
}
.footersecondaryblock {
  padding: 2% 0;
}

.footersecondaryblock ul {
  padding: 0;
}
li.social a {
  margin: 0 10% 0 0;
  cursor: pointer;
}

.content p {
  color: #444;
  font-size: 18px;
  line-height: 30px;
}

#offerings {
  padding: 5% 0 10%;
}
#calypsosection {
  padding: 5% 0;
}
.offeringbox {
  -webkit-box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.1);
  padding: 0%;
}
.mantras {
  padding: 0%;
}
span.mantrascontent {
  display: block;
  font-size: 16px;
  line-height: 22px;
  color: #e9e9e9;
  font-weight: 300;
}

span.mantrastitle {
  font-size: 24px;
  line-height: 28px;
  color: #fff;
  margin-bottom: 15px;
  display: block;
  font-weight: 400;
}

span.offeringboxcta {
  display: block;
  color: #5b5b5b;
  margin-top: 10px;
  text-transform: uppercase;
  letter-spacing: 1.69px;
  font-size: 11px;
  display: none;
}

span.offeringboxcta a {
  color: #5b5b5b;
  cursor: pointer;
  text-transform: uppercase;
}
span.offeringboxcta:hover {
  color: #fff !important;
}

span.offeringboxcontent {
  display: block;
  font-size: 22px;
  line-height: 28px;
  color: #9c9c9c;
  font-weight: 300;
}

span.offeringboxtitle {
  font-size: 24px;
  line-height: 28px;
  color: #c69c51;
  margin-bottom: 15px;
  display: block;
  font-weight: 400;
}

a .offeringboxsolo,
a .offeringboxsolo-single {
  background: #fff;
  text-decoration: none;
  min-height: 210px;
}

a .offeringboxsolo:hover,
a .offeringboxsolo-single:hover {
  background: #444;
  text-decoration: none !important;
}

.offeringboxsolo {
  /*width: 33.3%;*/
  padding: 10% 8%;
  /*  float: left;*/
  margin: 0;
  max-height: 100%;
}
.offeringboxsolo-single {
  /*width: 33.3%;*/
  padding: 6% 5% !important;
  margin: 0;
  max-height: 100%;
}
.content {
  padding: 4% 0px;
}

div#oursolutions ul {
  padding: 0;
  list-style-type: none;
}

div#oursolutions ul li {
  color: #fff;
  line-height: 26px;
  font-size: 21px;
  font-weight: 200;
  text-indent: -15px;
  letter-spacing: 1px;
  padding: 2% 0 0 4%;
}

div#oursolutions ul li:before {
  content: "-";
  text-indent: -15px;
}

span.oursolutionstitle {
  display: block;
  /* text-align: center; */
  font-size: 27px;
  color: #fff;
  line-height: 37px;
  /* text-transform: uppercase; */
  /* letter-spacing: 2px; */
  font-weight: 600;
  padding: 0% 0 0 2%;
}

.textul {
  color: #5a5a5a;
  font-size: 20px;
  line-height: 30px;
  font-weight: 300;
}

/*ABOUT US CSS*/

.about-overlay p {
  padding-left: 32%;
}

.col-md-6.about-white-bg {
  color: #484848;
  background: #fff;
  padding: 6% 5%;
}
.col-md-6.about-white-bg h3 {
  line-height: 30px;
}
.gd-blue-bg {
  background-color: #00518b;
  color: #fff;
}
.col-md-6.about-blue-bg {
  background-color: #00518b;
  padding: 5% 5%;
}
.about-white-bg p {
  font-size: 20px;
  line-height: 25px;
}

.about-blue-bg p {
  font-size: 21px;
  line-height: 31px;
  color: #fff;
}
.about-blue-bg p strong {
  font-size: 15px;
  line-height: 31px;
  color: #fff;
  letter-spacing: 1.69px;
}

.col-md-6.blue-blue-bg {
  color: #00518b;
  font-size: 28px;
  line-height: 40px;
  padding: 5%;
}

.careers-txt {
  /* font-size: 20px; */
  /* line-height: 30px; */
  color: #fff;
  background: rgba(0, 0, 0, 0.8);
  padding: 2% 2% 3% 5%;
  /*    margin-top: 5%;*/
  /* max-width: 100%; */
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.careers-txt2 {
  /* font-size: 20px; */
  /* line-height: 30px; */
  color: #fff;
  background: rgba(0, 0, 0, 0.8);
  padding: 3% 2% 3% 2%;
  /*    margin-top: 5%;*/
  /* max-width: 100%; */
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

.gd-slide1 {
  background-image: url(../images/img/about.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-attachment: fixed;
  height: 100%;
  position: relative;
}
.gd-slide2 {
  background-image: url(../images/img/about.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-attachment: fixed;
  height: 100%;
  position: relative;
}
.gd-slide3 {
  background-image: url(../images/img/about.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-attachment: fixed;
  height: 100%;
  position: relative;
}
.gd-slide4 {
  background-image: url(../images/img/portfolio.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-attachment: fixed;
  height: 100%;
  position: relative;
}
.gd-slide5 {
  background-image: url(../images/img/portfolio.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  height: 100%;
  position: relative;
}
.gd-slide6 {
  background-image: url(../images/img/homepage.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-attachment: fixed;
  height: 100%;
  position: relative;
}

.gd-slide2 {
  background-image: url(../images/img/about.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-attachment: fixed;
  height: 100%;
  position: relative;
}

.about-bluebg {
  background-color: rgba(0, 0, 0, 0.5);
  padding: 4% 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.about-bluebg p {
  font-size: 21px;
  line-height: 30px;
  color: #fff;
  padding: 0 20px 0 20px;
}
.about-bluebg p strong {
  font-size: 18px;
  line-height: 23px;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 1.69px;
}

/*Services css*/

.blue-overlay.orange-tinge {
  background: rgba(0, 0, 0, 0.51);
}

.downloadbox.orange-tinge {
  background: rgba(198, 156, 81, 1);
  mix-blend-mode: multiply;
}

.chevron-bg-o {
  background-image: url(../images/services_chevron.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left;
  /* padding: 10% 0%; */
  width: 100%;
}

.content-icon {
  /* float: left; */
  display: table-cell;
  width: 8%;
}

.content-text {
  /* float: left; */
  display: table-cell;
  width: 80%;
}

.iconwrap {
  display: table;
  width: 100%;
  margin-bottom: 30px;
}
.content-img-wrap {
  width: 79px;
  height: 79px;
  /*    background-color: #DBB878
    border-radius: 40px;
*/
  box-sizing: border-box;
  padding: 21px;
}
.content-text h1 {
  font-size: 26px;
  line-height: 40px;
}

.content-text p {
  font-size: 18px;
  line-height: 30px;
}
.content-text ol li {
  font-size: 18px;
  line-height: 40px;
}
.custombg {
  padding: 8% 0;

  background-repeat: no-repeat;
  background-size: initial;

  /* padding: 10% 0%; */
  width: 100%;
}

.custombg-sap {
  padding: 0 0 4%;
  background-repeat: no-repeat;
  background-size: initial;

  /* padding: 10% 0%; */
  width: 100%;
}
.rocketbg {
  background-image: url(../images/rocketbg.png);
  background-position: 25% center;
}
.gearbg {
  background-image: url(../images/gearbg.png);
  background-position: 62% center;
  padding: 8% 0;
}
.digitalbg {
  background-image: url(../images/digitalbg.svg);
  background-position: 30% 70%;
  padding: 8% 0;
  background-size: 35%;
}
.greybg {
  background: #f1f1f1;
}

ul.boxedul {
  -webkit-box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.1);
  padding: 0;
  background-color: #fff;
}

ul.boxedul li {
  list-style-type: none;
  background-image: url("./images/mark.png");
  background-repeat: no-repeat;
  background-position: 95% 51%;
  color: #4dc5ec;
  border-bottom: 1px solid #e8e8e8;
}

ul.boxedul li a {
  color: #00518b;
  width: 100%;
  padding: 4% 5%;
  font-size: 18px;
  font-weight: 400;
  text-decoration: none;
  display: block;
}

ul.boxedul li.nolink {
  list-style-type: none;
  background-image: url("./images/mark.png");
  background-repeat: no-repeat;
  background-position: 95% 51%;
  color: #4dc5ec;
  border-bottom: 1px solid #e8e8e8;
  color: #00518b;
  width: 100%;
  padding: 4% 5%;
  font-size: 18px;
  font-weight: 400;
  text-decoration: none;
  display: block;
}

ul.boxedul li a:hover {
  background: #00518b;
  color: #ffffff;
}

.text-section {
  width: 90%;
}

.text-section h1 {
  color: #c69c51;
  font-size: 40px;
  line-height: 47px;
  margin: 0 0 10px;
}

.text-section p {
  color: #5a5a5a;
  font-size: 20px;
  line-height: 30px;
  font-weight: 300;
}
ul.boxedul li:last-child {
  border: none;
}

.nobg .text-section p {
  color: #333333;
}

.nobg .boxedul {
  list-style-image: none;
}
.bluebg {
  background-color: #00518b;
  background-image: url(../images/bluebg.svg);
  background-position: top right;
  background-repeat: no-repeat;
  color: #fff !important;
}
.bluebg .content p,
.bluebg .content_black p {
  color: #fff;
}
.bluebg .content ul {
  list-style-image: url(../images/white_tick.svg);
}
.bluebg .content ul li {
  color: #fff;
  font-size: 18px;
  line-height: 30px;
  border-bottom: none;
}
.blue-offerings {
  background: #4dc5ec;
}

.blue-offerings .offeringbox {
  background: #fff;
}
.blackul li {
  color: #5a5a5a;
  font-size: 16px;
  line-height: 25px;
  list-style-type: none;
}

.blackul {
  padding: 0;
  margin-top: 2%;
}

#btn-close-modal {
  width: 100%;
  text-align: center;
  cursor: pointer;
  color: #fff;
}

span.hanacontent {
  display: block;
  font-size: 18px;
  line-height: 28px;
  color: #fff;
  font-weight: 300;
}

span.hanatitle {
  font-size: 20px;
  line-height: 28px;
  color: #fff;
  margin-bottom: 15px;
  display: block;
  font-weight: 400;
}

span.hanacontent2 {
  display: block;
  font-size: 12px;
  line-height: 28px;
  color: #444;
  font-weight: 300;
}

span.hanatitle2 {
  font-size: 20px;
  line-height: 20px;
  color: #00518b;
  margin-bottom: 0px;
  display: block;
  font-weight: 400;
}
span.hanatitle5 {
  font-size: 19px;
  line-height: 24px;
  color: #00518b;
  margin-bottom: 0px;
  display: block;
  font-weight: 400;
  min-height: 80px;
}

.hanaboxsolo {
  width: 100%;
  padding: 3%;
  float: left;
  margin: 0;
}

.hanaboxsolo2 {
  width: 100%;
  /*  float: left;*/
  margin: 0%;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
  padding: 8%;
  min-height: 340px;
}

.hanaboxsolo2 ul {
  border-top: 1px solid #e1e1e1;
  list-style-image: none;
  padding: 14% 0 0;
  margin: 12px 0 0 0;
}
.hanaboxsolo2 ul li {
  line-height: 22px;
  font-size: 15px;
  padding: 0 0 10% 14%;
  border-bottom: none;
  color: #000;
}

.hanaboxsolo2 ul li.database {
  background: url(../images/database-icon.svg) no-repeat;
}
.hanaboxsolo2 ul li.upgrade {
  background: url(../images/upgrade.svg) no-repeat;
}
.hanaboxsolo2 ul li.install {
  background: url(../images/install.svg) no-repeat;
}

.hanaboxsolo3 {
  width: 100%;
  /*  float: left;
    /*margin: 0 1.6%;*/
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
  padding: 8%;
  min-height: 340px;
  background: #fff;
}

.hanaboxsolo4 {
  width: 100%;
  /*    float: left;*/
  margin: 0;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
  padding: 8%;
  min-height: 260px;
  background: #fff;
}
.hanaboxsolo5 {
  width: 100%;
  /*   float: left;*/
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
  padding: 8% 10%;
  min-height: 300px;
  background: #fff;
}

.hanaboxsolo3 ul,
.hanaboxsolo4 ul,
.hanaboxsolo5 ul {
  border-top: 1px solid #e1e1e1;
  list-style-image: none;
  padding: 7% 0 0;
  margin: 12px 0 0 0;
}
.hanaboxsolo3 ul li,
.hanaboxsolo4 ul li,
.hanaboxsolo5 ul li {
  line-height: 22px;
  font-size: 15px;
  padding: 0 0 4% 0%;
  border-bottom: none;
  color: #000;
  list-style-type: circle;
  margin: 0 0 0 8%;
}

li.saptesting {
  line-height: 25px !important;
  padding-top: 1%;
  border-bottom: none !important;
}

#hana2 {
  margin: 4% 0;
}

.contenttabs {
  color: #444;
}
.contenttabs ul {
  color: #444;
  padding: 0 0 0 10px;
}
.contenttabs ul li {
  float: left;
}
.contenttabs ul li > a {
  padding: 20px 40px;
  text-align: center;
  color: #444;
  text-transform: none;
  letter-spacing: 0;
  font-size: 15px;
  font-weight: 400;
  margin: 0;
  border-right: 1px solid #ddd;
  border-radius: 0;
  cursor: pointer !important;
}

.contenttabs ul li a:hover,
.contenttabs ul li a:focus {
  background: #ddd;
  border-bottom: none;
  color: #00518b;
  cursor: pointer !important;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  background: #c69c51;
  color: #fff;
  cursor: pointer !important;
}

/* Banners */
.industrybanner {
  background-image: url(../images/industrybanner.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
}
.retailbanner {
  background-image: url(../images/retail-banner.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
}
.digitalbanner {
  background-image: url(../images/digital-banner.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
}
.integrationbanner {
  background-image: url(../images/integration-banner.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
}
.testingsmacbanner {
  background-image: url(../images/testingsmac.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
}
.mobilitybanner {
  background-image: url(../images/mobilitybanner.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
}

.analyticsbanner {
  background-image: url(../images/analytics-banner.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
}

.amsbanner {
  background-image: url(../images/ams-banner.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
}

.oraclebanner {
  background-image: url(../images/oracle-banner.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
}
.iotbanner {
  background-image: url(../images/iot-banner.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
}
.sapbanner {
  background-image: url(../images/sap-banner.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
}
.cloudbanner {
  background-image: url(../images/cloud-banner.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
}
.contactbanner {
  background-image: url(../images/contact-us-technitab.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.privacybanner {
  background-color: #00518b;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
}
.manufbanner {
  background-image: url(../images/manufacturing-banner.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
}
.banking2banner {
  background-image: url(../images/banking2-banner.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
}
.capitalmbanner {
  background-image: url(../images/capitalm-banner.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
}
.devopsbanner {
  background-image: url(../images/devops-banner.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
}

.prodbanner {
  background-image: url(../images/prod-banner.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
}
.calypsobanner {
  background-image: url(../images/calypso-banner.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
}

/* MegMenu*/
.mega-dropdown {
  position: static !important;
}
.mega-dropdown-menu {
  padding: 0px 0px;
  /*  width: 30% !important;*/
  box-shadow: none;
  -webkit-box-shadow: none;
}
.mega-dropdown-menu-small {
  /*  width: 20% !important; */
}
.mega-dropdown-menu > li > ul {
  padding: 0;
  margin: 0;
}
.mega-dropdown-menu > li > ul > li {
  list-style: none;
}
.mega-dropdown-menu > li > ul > li > a {
  display: block;
  color: #222;
  padding: 3px 5px;
  margin: 0;
}

/* Current Openings and Apply Now */
.current-opening-content-wrap {
  padding: 50px 0;
}
.current-opening-top-btn-txt {
  text-align: right;
  font-size: 18px;
  color: #767676;
  margin: 15px 0;
  float: right;
}
.current-opening-top-btn-txt a {
  color: #00518b;
}
.current-opening-top-btn-txt a:hover {
  color: #767676;
}
.current-opening-content-wrap .form-control {
  border-radius: 4px;
  border: solid 1px #e9eff4;
  padding: 0 12px;
  height: 43px;
  margin: 0 0 20px;
  font-size: 21px;
  color: #181818;
}
.current-opening-nav {
  list-style: none;
  padding: 0;
  margin: 0 0 50px;
}
.current-opening-nav li a {
  font-size: 24px;
  padding: 6px 15px;
  color: #6d6d6d;
  display: block;
  text-decoration: none;
}
.current-opening-nav li a:hover,
.current-opening-nav li a.active {
  background: #fafafa;
  color: #00518b;
}
.current-opening-content {
  border-radius: 6px;
  background: #ffffff;
  box-shadow: 0 2px 9px 0 rgba(0, 0, 0, 0.05);
}
.current-opening-content .current-opening-block {
  padding: 40px;
  border-bottom: solid 1px #f1f1f1;
}
.current-opening-content .current-opening-block .current-opening-title {
  font-size: 28px;
  color: #00518b;
  line-height: 28px;
  margin: 0 0 15px;
}
.current-opening-content .current-opening-block .current-opening-title span {
  font-size: 16px;
  color: #010101;
  display: block;
  font-weight: 300;
}
.current-opening-content
  .current-opening-block
  .current-opening-title
  span
  span {
  display: inline-block;
  font-weight: 400;
}
.current-opening-content .current-opening-block .current-opening-detail {
  font-size: 26px;
  color: #010101;
}
.current-opening-content .current-opening-block .current-opening-detail span {
  font-size: 18px;
  color: #4f4f4f;
  display: block;
}
.current-opening-content .current-opening-block .btn {
  line-height: 45px;
  background: #00518b;
  font-size: 16px;
  text-transform: uppercase;
  color: #ffffff;
  padding: 0 25px;
  display: inline-block;
}
.current-opening-content .current-opening-block .btn:hover {
  background: #292929;
}
.current-opening-content .current-opening-block.apply-now-block {
  border-bottom: 0;
  padding: 40px 200px;
}
.current-opening-content-wrap .apply-now-form {
  margin: 30px 0 0;
}
.current-opening-content-wrap .apply-now-form .form-group label {
  color: #3a3a3a;
  font-size: 20px;
  padding: 0 0 5px;
  font-weight: 400;
}
.current-opening-content-wrap .apply-now-form .form-group .form-control {
  padding: 10px 15px;
  height: auto;
  margin: 0 0 20px;
  font-size: 20px;
  color: #181818;
}
.current-opening-content-wrap .apply-now-form .form-group .btn {
  padding: 0 50px;
}
.current-opening-content-wrap .btn-back {
  background: #f7f7f7;
  font-size: 18px;
  color: rgba(60, 60, 60, 0.95);
  line-height: 40px;
  padding: 0 20px;
  text-decoration: none;
  float: left;
}
.current-opening-content-wrap .btn-back:hover {
  background: #00518b;
  color: #fff;
}
.careerbanner {
  background-image: url(../images/careers-01.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
}

.navbar-collapse.in a {
  color: #fff !important;
}
.navbar-collapse.in a:hover,
.navbar-collapse.in a:focus {
  color: #000 !important;
}
.mega-dropdown-menu > li ul > li > a:hover,
.mega-dropdown-menu > li ul > li > a:focus {
  text-decoration: none;
  background: none;
  padding: 3px 5px;
  color: #4dc5ec;
  border-bottom: none;
}
.mega-dropdown-menu .dropdown-header {
  font-size: 14px;
  color: #444;
  padding: 5px 50px 5px 5px;
  line-height: 30px;
  font-weight: 200;
}

.mega-dropdown-menu .dropdown-header a {
  font-size: 14px;
  color: #00518b;
  padding: 5px 50px 5px 5px;
  line-height: 10px;
}
.mega-dropdown-menu .dropdown-header a:hover {
  border: none;
  padding: 5px 50px 5px 5px;
}
.mega-dropdown-menu li a {
  font-size: 14px;
  color: #00518b;
  text-transform: none;
  letter-spacing: 0;
  font-weight: 400;
}

.carousel-control {
  width: 30px;
  height: 30px;
  top: -35px;
}
.left.carousel-control {
  right: 30px;
  left: inherit;
}
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
  font-size: 12px;
  background-color: #fff;
  line-height: 30px;
  text-shadow: none;
  color: #333;
  border: 1px solid #ddd;
}

.modal-content {
  box-shadow: none;
  border: none;
  padding: 5% 10% 10%;
}
.modal-content h1 {
  color: #00518b;
}
.modal-content ul li {
  color: #5a5a5a;
  font-size: 20px;
  line-height: 30px;
  font-weight: 300;
  padding-top: 15px;
}

.scrollwrap {
  padding-bottom: 15%;
}

.closebtn {
  text-align: center;
  position: fixed;
  bottom: 0;
  /* left: 50%; */
  width: 100%;
  background: #fff;
  padding: 2% 0;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+1,1+100 */
  background: -moz-linear-gradient(
    top,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0) 1%,
    rgba(255, 255, 255, 1) 100%
  ); /* FF3.6-15 */
  background: -webkit-linear-gradient(
    top,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0) 1%,
    rgba(255, 255, 255, 1) 100%
  ); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0) 1%,
    rgba(255, 255, 255, 1) 100%
  ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

.Quote {
  padding: 5%;
}
.Quote p {
  font-size: 40px;
  font-weight: 200;
  line-height: 50px;
  color: #a3a3a3;
  padding: 12% 10% 0;
}
.Quote p span {
  font-size: 20px;
}

.calypsobg {
  background-color: #000;
  background-image: url(../images/calypso-banner.png);
  background-position: top right;
  background-repeat: no-repeat;
  color: #fff !important;
}

.exploretitle {
  margin-right: 10px;
  text-transform: uppercase;
  padding: 0;
  margin-top: 20px;
  text-align: left;
  color: #a1a1a1;
  font-size: 12px;
  letter-spacing: 1.69px;
  padding: 1% 0;
}

.col-md-4 {
  margin-bottom: 1px;
}

/* Forms */
.fs-formfield {
  text-align: left;
  margin: 0;
  border: none;
  background: #ececec;
  padding: 10px;
  width: 100%;
}

@media screen and (max-width: 375px) and (min-width: 320px) {
  footer,
  .breadcrumb {
    display: none;
  }
  .overlay {
    padding: 8% 5%;
  }
  .overlay p {
    font-size: 16px;
    line-height: 22px;
    padding-right: 10%;
  }
  br {
    display: none;
  }
  .overlay h1 {
    font-size: 25px;
  }
  ul.blue-ul li {
    font-size: 15px;
    margin-bottom: 5px;
  }
  .btn {
    padding: 4% 5%;
  }
  .secondary-overlay,
  .overlay .quote,
  .overlay button {
    display: none;
  }
  .mhide {
    display: none;
  }

  .about-overlay {
    padding: 57% 0;
    margin-left: -39%;
    color: #fff;
    font-size: 30px;
    line-height: 34px;
  }

  .about-white-bg p {
    font-size: 16px;
    line-height: 25px;
  }
  .about-blue-bg p {
    font-size: 16px;
    line-height: 25px;
    color: #fff;
  }
  span.box-text p {
    font-size: 22px;
    line-height: 25px;
    margin-right: 0;
  }
  span.box-text p {
    font-size: 16px;
  }
  .about-hq-txt,
  .about-center-txt {
    max-width: 90%;
    line-height: 25px;
    font-size: 16px;
    /*margin-top: 60%;*/
    padding: 4%;
  }
  .about-bluebg p {
    font-size: 16px;
    line-height: 24px;
    color: #fff;
    padding: 10px 20px 10px 20px;
  }
  .innerpage {
    padding: 35% 0% 0;
  }
  .blue-overlay h2 {
    font-size: 18px;
    line-height: 23px;
  }
  .blue-overlay h1 {
    font-size: 30px;
    line-height: 30px;
  }
  .content-text h1 {
    font-size: 22px;
    line-height: 28px;
  }
  .content-text p,
  .content-text ol li {
    font-size: 18px;
    line-height: 30px;
  }
  .content_black ul li,
  .content_black ol li {
    line-height: 25px;
    padding-top: 30px;
  }
  .navbar-nav .open .dropdown-menu > li > a,
  .navbar-nav .open .dropdown-menu .dropdown-header {
    padding: 5px 5px 5px 5px;
  }
  .careers-txt {
    max-width: 100%;
    font-size: 15px;
    line-height: 18px;
  }
  .careers-txt h1 {
    font-size: 16px;
  }
  .content h1 {
    font-size: 24px;
  }
  .content {
    padding: 4% 6%;
  }
  .text-section h1 {
    font-size: 30px;
    line-height: 34px;
    padding-bottom: 6%;
  }
  .contenttabs ul li > a {
    padding: 20px 12px;
  }
  .contenttabs {
    padding: 0;
  }
  span.hanacontent2 {
    line-height: 18px;
  }
  .mega-dropdown-menu {
    width: 65%;
  }
  .hanaboxsolo,
  .hanaboxsolo2,
  .hanaboxsolo3,
  .hanaboxsolo4,
  .hanaboxsolo5 {
    min-height: 0;
  }
  .brd-box {
    border-left: none !important;
    border-right: none !important;
    border-top: 1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8;
  }
  .btn {
    width: 100%;
    margin-top: 5px;
  }
  .mobilefl {
    float: none !important;
  }

  .typeofmarket-icon,
  .typeofmarket-content {
    width: 100%;
    text-align: center;
    min-height: 100px;
  }
  .typeofmarket-content {
    min-height: 100px;
  }
  span.typeofmarket-title {
    width: 100%;
    text-align: center;
    line-height: 25px;
  }
}

@media screen and (min-width: 768px) {
  .secondary-overlay {
    width: 32%;
  }
  /*	.mega-dropdown-menu-small {
    width: 35% !important;
}
	.mega-dropdown-menu {
    width: 50% !important;
}*/
}

@media screen and (min-width: 992px) {
  .secondary-overlay {
  }
  /*	.mega-dropdown-menu-small {
    width: 50%;
}
	.mega-dropdown-menu {
    width: 50% !important;
}*/
}

@media screen and (min-width: 1200px) {
  .overlay {
    width: 97%;
    margin-left: 3%;
  }
  .secondary-overlay {
    width: 32%;
  }
}

@media screen and (max-width: 375px) and (min-width: 320px) {
  .careers-txt1 {
    width: 97%;
    margin-left: 3%;
  }
}

/* Common */
.brd-bottom {
  border-bottom: 1px solid #e8e8e8;
}

.brd-box {
  border-left: 1px solid #e8e8e8;
  border-right: 1px solid #e8e8e8;
}

.marginzero {
  margin: 0;
}
.padzero {
  padding: 0;
}

.alignc {
  text-align: center;
}

.padding4 {
  padding: 4% 0;
}
.paddingtop2 {
  padding-bottom: 2%;
}
.paddingbtm5 {
  padding-bottom: 5%;
}
.diagram {
  text-align: center;
  padding: 1% 0 8%;
}

.font16 {
  font-size: 16px !important;
  line-height: 22px !important;
}

.offeringbox a {
  text-decoration: none;
}

.blackbg {
  background: #000;
}

/* ---------------------------------------------------------------------------- */
/* ----------------------------------Carousel---------------------------------- */
/* ---------------------------------------------------------------------------- */
.owl-controls .owl-buttons div {
  position: absolute;
  color: #777;
  opacity: 0.7;
}
.owl-carousel:hover .owl-buttons div {
  color: #fff;
}
.owl-controls .owl-buttons .owl-prev {
  left: 10px;
  top: 50%;
}
.owl-controls .owl-buttons .owl-next {
  right: 10px;
  top: 50%;
}
.owl-carousel {
  margin-bottom: 20px;
}
.owl-carousel .owl-buttons div i {
  font-size: 40px;
  margin: -20px 0 0;
}
.owl-carousel .item {
  position: relative;
}

/*---------------services slide----------------*/

.np_block_partners_head {
  float: left;
  width: 250px;
  margin-left: -9px;
  font-family: calibri;
  font-size: 20px;
  color: #0099df;
  margin-top: 12px;
}
.np_block_head {
  float: left;
  width: 150px;
}
.np_block_head a {
  margin-top: 30px;
}
.div_np_block a {
  font-family: calibri;
  font-size: 17px;
  color: #507fb3;
  text-decoration: none;
  margin: 0px 0px 0px 17px;
}
.div_np_block a:hover {
  color: #0099df;
}
.div_np_block {
  float: left;
  width: 1250px;
  height: 167px;
  background: url(images/block_bg.jpg) repeat-x;
  background: white;
  margin-left: 3px;
  margin-top: 35px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -o-border-radius: 5px;
  -webkit-box-shadow: 0px 0px 15px 5px rgba(219, 219, 219, 0.65);
  -moz-box-shadow: 0px 0px 15px 5px rgba(219, 219, 219, 0.65);
  box-shadow: 0px 0px 15px 5px rgba(219, 219, 219, 0.65);
}
.np_block_head {
  float: left;
  width: 150px;
  font-family: calibri;
  font-size: 20px;
  color: #2db6ea;
  margin-top: 12px;
}
.div_np_block a {
  font-family: calibri;
  font-size: 17px;
  color: #507fb3;
  text-decoration: none;
  margin: 0px 0px 0px 17px;
}

.careers-txt1 {
  font-size: 20px;
  line-height: 30px;
  color: #fff;
  background: white;
  padding: 2% 4% 3% 4%;
  /*    margin-top: 5%;*/
  max-width: 100%;
  position: absolute;
  top: 0%;
  transform: translateY(50%);
}