:root {
  --royal-blue: #0065a6;
  --deep-sky-blue: #00aae3;
  --white: white;
  --light-sky-blue: #aadeff;
  --black: black;
  --midnight-blue: #031b4e;
  --f9: #f9f9f9;
  --dark-slate-grey: #363b40;
  --dim-grey: #616366;
  --black-2: #22292e;
}

.body {
  font-family: Montserrat, sans-serif;
}

.page-header {
  height: 100vh;
  background-image: linear-gradient(225deg, #0c3c92, #9103b4);
  position: relative;
}

.page-header._404 {
  height: 100vh;
}

.page-header.projects-page {
  background-image: linear-gradient(135deg, #6700a1, #2e02b9);
}

.page-header.aviation-products-page {
  background-image: linear-gradient(135deg, #0047ff, #080d96);
}

.page-header.business-apps {
  background-image: linear-gradient(135deg, #060097, #6400e3);
}

.page-header.asset-marketing {
  background-image: linear-gradient(137deg, #510697, #00aae3);
}

.page-header.about-us-page {
  background-image: linear-gradient(135deg, #5600a6, #0d32a7);
}

.page-header.contact-us-page {
  background-image: linear-gradient(225deg, #0c3c92, #6806fc 41%);
}

.page-header.privacy-page {
  background-image: linear-gradient(225deg, #007a1d, #0366b4);
}

.page-footer-nav {
  min-height: 400px;
  padding-top: 70px;
  padding-bottom: 50px;
}

.navbar {
  height: 90px;
  background-color: rgba(0, 0, 0, 0);
  margin-bottom: 80px;
  padding-top: 15px;
  padding-bottom: 15px;
}

.nav-link {
  color: #aadeff;
  font-size: 16px;
  font-weight: 600;
  transition: all .1s;
}

.nav-link:hover, .nav-link.w--current {
  color: #fff;
}

.nav-link.contact-us-nav {
  border: 1px solid #49b2f5;
  border-radius: 3px;
}

.brand {
  margin-top: 18px;
}

.page-content {
  min-height: 500px;
  background-color: #fff;
  padding-top: 100px;
  padding-bottom: 100px;
  position: relative;
}

.page-content.swatch1 {
  background-color: #22292e;
}

.page-content.products-page {
  z-index: 2;
  min-height: 600px;
  position: relative;
}

.page-content.cust-section {
  justify-content: center;
  align-items: center;
  padding-bottom: 20px;
  display: flex;
}

.page-content.contact-badge {
  justify-content: center;
  align-items: center;
  padding-top: 50px;
  padding-bottom: 150px;
  display: flex;
}

.page-content.asset-page {
  padding-top: 180px;
}

.page-content.about-page {
  min-height: auto;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.page-content.marketing-home-page {
  background-image: linear-gradient(46deg, #f9f9f9, #ddd 45%, #fff);
  border-bottom: 1px solid #ddd;
}

.page-content.about-page-highlight {
  min-height: auto;
  padding-top: 0;
  padding-bottom: 0;
}

.page-content.apps-page {
  position: relative;
}

.page-content.partners {
  background-color: #f9f9f9;
  border-top: 1px solid #ddd;
  padding-bottom: 150px;
}

.container {
  flex-direction: column;
  align-items: center;
}

.h4 {
  color: #363b40;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}

.footer-nav {
  color: #616366;
  padding-top: 10px;
  padding-bottom: 11px;
  font-weight: 400;
  text-decoration: none;
  transition: all 50ms;
  display: block;
}

.footer-nav:hover {
  color: #00aae3;
}

.page-footer-info {
  background-color: #f9f9f9;
  border-top: 1px solid #ddd;
  padding-top: 50px;
  padding-bottom: 50px;
  display: block;
}

.footer-text-block {
  line-height: 23px;
  display: inline-block;
}

.sub-footer-link {
  color: #999;
  text-align: center;
  margin-right: 20px;
  text-decoration: none;
  transition: all .1s;
}

.sub-footer-link:hover {
  color: #00aae3;
}

.sub-footer-link.icon {
  width: 40px;
  height: 40px;
  color: #00aae3;
  text-align: center;
  border: 1px solid #00aae3;
  border-radius: 100%;
  flex-direction: column;
  margin-left: 10px;
  margin-right: 0;
  padding-top: 4px;
  font-family: "Fa brands 400", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 28px;
  transition: all .1s;
  display: flex;
}

.sub-footer-link.icon:hover {
  color: #fff;
  background-color: #00aae3;
}

.page-connect {
  min-height: 315px;
  background-image: linear-gradient(135deg, #0065a6, #00aae3);
  padding-top: 70px;
  padding-bottom: 70px;
}

.h3 {
  color: #fff;
  text-align: center;
  font-weight: 500;
  line-height: 34px;
}

.h3.customer-name {
  color: #bbb;
  margin-top: 10px;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
}

.h3.value-label {
  color: #363b40;
  font-weight: 400;
}

.h3.address-label {
  text-transform: uppercase;
  margin-bottom: 25px;
  font-weight: 700;
}

.form {
  width: 700px;
  justify-content: center;
  align-items: flex-start;
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.text-field {
  min-height: 56px;
  float: left;
  color: #fff;
  background-color: #0065a6;
  border: 1px solid rgba(0, 0, 0, 0);
  border-radius: 2px;
  margin-left: 10px;
  margin-right: 10px;
  font-size: 18px;
  font-weight: 500;
  line-height: 18px;
}

.text-field:focus {
  border-width: 1px;
  border-color: #0cc2ff;
}

.text-field::-ms-input-placeholder {
  color: #00aae3;
}

.text-field::placeholder {
  color: #00aae3;
}

.submit-button {
  height: 56px;
  color: #eee;
  background-color: #00aae3;
  background-image: none;
  border: 0 solid #000;
  border-radius: 2px;
  margin-left: 10px;
  padding-left: 50px;
  padding-right: 50px;
  font-size: 18px;
  font-weight: 500;
  line-height: 18px;
}

.success-message {
  color: #fff;
  background-color: rgba(0, 0, 0, 0);
  padding-top: 10px;
}

.error-message {
  text-align: center;
}

.h1 {
  color: #fff;
  flex: none;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-size: 50px;
  font-weight: 600;
  line-height: 62px;
}

.header-paragraph {
  color: #aadeff;
  font-size: 20px;
  font-weight: 500;
  line-height: 32px;
}

.button {
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #fff;
  border-radius: 2px;
  margin-top: 10px;
  transition: all .1s;
}

.button:hover {
  background-color: #059dff;
}

.abstract {
  min-height: 350px;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.abstract.airline-products {
  background-image: url('../images/XBS_Aviation_Products.svg');
}

.abstract.project-management {
  background-image: url('../images/XBS_Project_Management.svg');
}

.abstract.business-consultancy {
  background-image: url('../images/XBS_Business_Consultancy.svg');
}

.abstract.about-us-hero {
  background-image: url('../images/XBS_About_us.svg');
}

.abstract.contact-us {
  background-image: url('../images/XBS_Contact_us.svg');
}

.abstract.home {
  background-image: url('../images/xbs_homepage-art.svg');
  background-position: 50%;
  background-size: contain;
}

.abstract.marketing-solutions {
  background-image: url('../images/XBS_Marketing_Solutions.svg');
}

.abstract.privacyimage {
  background-image: url('../images/XBS_Privacy.svg');
}

.h2 {
  color: #363b40;
  text-align: center;
  margin-top: 0;
  margin-bottom: 20px;
  font-size: 24px;
  font-weight: 600;
  line-height: 34px;
}

.h2.white-heading {
  color: #f9f9f9;
  text-transform: uppercase;
  margin-top: 30px;
  margin-bottom: 30px;
  font-weight: 600;
}

.h2.page-sub-heading-black {
  text-align: left;
}

.h2.page-sub-heading-black.center-algin {
  text-align: center;
  font-size: 18px;
  font-weight: 600;
  line-height: 27px;
}

.h2.page-sub-heading-black.bservices {
  margin-top: 40px;
  margin-bottom: 40px;
  font-size: 20px;
  line-height: 26px;
}

.h2.page-sub-heading-black.caps {
  text-align: center;
  text-transform: uppercase;
}

.h2.asset-page-heading {
  margin-top: 20px;
}

.h2.our-customers {
  margin-top: 60px;
}

.h2.white-color {
  color: #fff;
  font-size: 35px;
  line-height: 41px;
}

.body-paragraph {
  color: #616366;
  text-align: center;
  margin-bottom: 40px;
  font-size: 16px;
  font-weight: 400;
  line-height: 28px;
}

.body-paragraph.white-paragraph {
  color: #b8b8b8;
  font-weight: 300;
}

.body-paragraph.left-indent {
  text-align: left;
  margin-bottom: 0;
}

.body-paragraph.inout {
  color: #363b40;
  font-weight: 500;
}

.body-paragraph.white-color-paragraph {
  color: #f9f9f9;
  margin-bottom: 0;
  font-size: 22px;
  line-height: 34px;
}

.product-wrapper {
  border: 1px solid #f1f1f1;
  padding: 10px;
  text-decoration: none;
  display: block;
}

.product-wrapper:hover {
  border: 1px solid #ddd;
}

.product-name {
  color: #363b40;
  text-align: center;
}

.product-image {
  width: 100px;
  height: 100px;
  background-color: rgba(0, 0, 0, 0);
  margin-bottom: 15px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.product-image.xcam {
  background-image: url('../images/xcam.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.product-image.xdocs {
  background-image: url('../images/xdocs.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.product-image.xcrm {
  background-image: url('../images/xcrm.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.product-image.ab {
  background-image: url('../images/airbook-logo.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.product-row.pm-row {
  margin-bottom: 40px;
}

.product-description {
  color: #616366;
  text-align: center;
  font-size: 14px;
  line-height: 22px;
}

.pm-wrapper {
  width: 100px;
  height: 100px;
  background-color: rgba(0, 0, 0, 0);
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.pm-wrapper.ibe {
  background-image: url('../images/internet-booking-system.svg');
}

.pm-wrapper.dcs {
  background-image: url('../images/departure-control-system.svg');
}

.pm-wrapper.wandb {
  background-image: url('../images/weight-and-balance.svg');
}

.pm-wrapper.csch {
  background-image: url('../images/crew-scheduling.svg');
}

.pm-wrapper.gds {
  background-image: url('../images/global-distribution.svg');
}

.pm-wrapper.boardingpass {
  background-image: url('../images/boardingpass-systems.svg');
}

.pm-wrapper.baggage {
  background-image: url('../images/baggage-tage-systems.svg');
}

.pm-wrapper.commercial {
  background-image: url('../images/commercial-setup.svg');
}

.solutions-wrapper {
  display: flex;
}

.flex-column {
  height: 450px;
  flex: 1;
  display: flex;
}

.flex-column.large {
  flex-direction: column;
  flex: 2;
  display: flex;
}

.flex-column.vertical {
  flex-direction: column;
}

.flex-column.random-cubes-1, .flex-column.last-column {
  flex-direction: column-reverse;
}

.flex-sub-wrapper {
  flex: 1;
  display: flex;
}

.flex-sub-wrapper.sub-large {
  flex-grow: 2;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.item {
  background-color: #00aae3;
  flex: 1;
  margin: 2px;
  padding-left: 5px;
  padding-right: 5px;
}

.item.two {
  flex: 1;
}

.item.two.sageerp {
  background-color: #013749;
  justify-content: center;
  align-items: center;
  display: flex;
}

.item.two.ms-crm {
  justify-content: center;
  align-items: center;
  display: flex;
}

.item.cube {
  flex: 1;
}

.item.cube.aws {
  background-color: #007faa;
  justify-content: center;
  align-items: center;
  display: flex;
}

.item.cube.azure {
  background-color: #031b4e;
  justify-content: center;
  align-items: center;
  display: flex;
}

.item.cube.google-cloud {
  background-color: #51b7f8;
  justify-content: center;
  align-items: center;
  display: flex;
}

.item.large-cube {
  flex: 1;
}

.item.large-cube.large {
  flex-grow: 2;
}

.item.large-cube.large.gsuit {
  background-color: #005ec3;
  justify-content: center;
  align-items: center;
  display: flex;
}

.item.large-cube.o365 {
  background-color: #0065a6;
  justify-content: center;
  align-items: center;
  display: flex;
}

.item.last-cube {
  flex: 1;
}

.item.last-cube.large-last-cube {
  flex-grow: 2;
}

.item.last-cube.large-last-cube.web-apps {
  background-color: #00759c;
  justify-content: center;
  align-items: center;
  display: flex;
}

.item.last-cube.iot {
  background-color: #253557;
  justify-content: center;
  align-items: center;
  display: flex;
}

.item.ms-erp {
  background-color: #00aae3;
  justify-content: center;
  align-items: center;
  display: flex;
}

.widget-heading {
  color: #fff;
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  line-height: 22px;
}

.vendor-logo {
  width: 50px;
  height: 50px;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.vendor-logo.amazon {
  width: 100px;
  background-image: url('../images/Amazon_web_services.svg');
}

.vendor-logo.gcloud {
  background-image: url('../images/Google_Cloud.svg');
}

.vendor-logo.mserp {
  background-image: url('../images/Microsoft_Dynamics.svg');
}

.vendor-logo.azurelogo {
  width: 70px;
  background-image: url('../images/Microsoft_Azure.svg');
}

.vendor-logo.ms365 {
  background-image: url('../images/Office_365.svg');
}

.vendor-logo.sagelogo {
  width: 70px;
  background-image: url('../images/Sage_X3_ERP.svg');
}

.vendor-logo.gsuitlogo {
  background-image: url('../images/Google_email.svg');
}

.vendor-logo.apps {
  width: 70px;
  height: 70px;
  background-image: url('../images/Web_App_Development.svg');
}

.vendor-logo.ioticon {
  background-image: url('../images/XBS_IOT_Development.svg');
}

.button-on-white {
  width: 160px;
  color: #616366;
  text-align: center;
  background-color: #f9f9f9;
  border: 1px solid #0065a6;
  border-radius: 2px;
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
  transition: all .1s;
  display: block;
}

.button-on-white:hover {
  background-color: #e4e4e4;
}

.button-on-white.apm {
  color: #b8b8b8;
  background-color: #3a454d;
  border-color: #b8b8b8;
  margin-top: 60px;
}

.button-on-white.apm:hover {
  background-color: #363b40;
}

.h5 {
  color: #b8b8b8;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  font-weight: 500;
  display: block;
}

.imagepart {
  width: 50%;
  min-height: 300px;
  background-color: #00aae3;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  margin-top: 50px;
  margin-bottom: 50px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
}

.imagepart.left-side {
  border-radius: 0 5px 5px 0;
  top: 0;
  bottom: 0;
  left: 0;
  right: auto;
}

.imagepart.left-side.xcamimage {
  background-image: url('../images/XCAM_ArtWork.svg');
}

.imagepart.left-side.xdocsimage {
  background-image: url('../images/XDOCS_Artwork.svg');
}

.imagepart.airbookimage {
  background-image: url('../images/Airbook_ArtWork.svg');
}

.imagepart.xcrmimage {
  background-image: url('../images/XCRM_Artwork.svg');
}

.data-wrapper {
  z-index: 1;
  width: 55%;
  min-height: 300px;
  background-color: #fff;
  border: 1px #d3eeff;
  border-radius: 5px;
  padding: 10px 20px;
  position: relative;
  top: -15px;
  box-shadow: inset 0 0 21px #e9e9e9;
}

.data-wrapper.right-side {
  float: right;
}

.product-image-page {
  width: 100px;
  height: 50px;
  float: right;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.product-image-page.ablogo {
  background-image: url('../images/airbook-logo.svg');
}

.product-image-page.xcamlogo {
  background-image: url('../images/xcam.svg');
}

.product-image-page.xcrmlogo {
  background-image: url('../images/xcrm.svg');
}

.product-image-page.xdocslogo {
  background-image: url('../images/xdocs.svg');
}

.sub-nav-section {
  min-height: 50px;
  background-color: #fff;
  justify-content: center;
  align-items: stretch;
  margin-bottom: 50px;
  display: flex;
  box-shadow: 0 2px 10px #e2e2e2;
}

.sub-link {
  color: #4b6790;
  align-items: center;
  margin-left: 5px;
  margin-right: 5px;
  padding-top: 5px;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  text-decoration: none;
  display: flex;
}

.sub-link:hover {
  background-color: #f5f5f5;
}

.airline-services-row {
  margin-bottom: 100px;
}

.airline-services-row.toprow {
  margin-top: 35px;
}

.pmwrapper {
  min-height: 350px;
  text-align: center;
  background-color: rgba(0, 0, 0, 0);
  border-radius: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
  position: relative;
  box-shadow: 0 0 15px #e2e2e2;
}

.pm-image {
  width: 60%;
  min-height: 100px;
  background-color: #0096f6;
  background-image: linear-gradient(135deg, #0549d8, #009bff);
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
  bottom: 37px;
}

.business-wrapper {
  display: flex;
}

.business-wrapper.rightside {
  justify-content: flex-end;
}

.info-block {
  min-height: 360px;
  background-color: #fdfdfd;
  border: 1px solid #eee;
  border-radius: 2px;
  flex-direction: column;
  flex: .5;
  justify-content: center;
  align-items: flex-start;
  padding: 10px 10px 10px 15px;
  display: flex;
  position: relative;
  box-shadow: 0 0 10px 1px #eee;
}

.info-block.right-side-block {
  align-items: flex-end;
  padding-right: 15px;
}

.info-block.axerp {
  padding-bottom: 20px;
}

.business-page-logo {
  width: 200px;
  height: 100px;
  background-color: #00aae3;
  border-radius: 3px;
  position: absolute;
  top: 15px;
  right: -80px;
}

.business-page-logo.left-side-logo {
  top: 15px;
  left: -80px;
  right: auto;
}

.business-page-logo.left-side-logo.sagex3page {
  background-color: #013749;
  background-image: url('../images/Sage_X3_ERP.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto 35px;
}

.business-page-logo.left-side-logo.amazon-cloud-page {
  background-color: #007faa;
  background-image: url('../images/Amazon_web_services.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto 40px;
}

.business-page-logo.left-side-logo.google-cloud-page {
  background-color: #51b7f8;
  background-image: url('../images/Google_Cloud.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto 55px;
}

.business-page-logo.left-side-logo.gsuit-page {
  background-color: #005ec3;
  background-image: url('../images/Google_email.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto 50px;
}

.business-page-logo.left-side-logo.iot-page {
  background-color: #253557;
  background-image: url('../images/XBS_IOT_Development.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto 50px;
}

.business-page-logo.mserppage {
  background-image: url('../images/Microsoft_Dynamics.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 60px;
}

.business-page-logo.azure-cloud-page {
  background-color: #031b4e;
  background-image: url('../images/Microsoft_Azure.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto 50px;
}

.business-page-logo.office365-page {
  background-color: #0065a6;
  background-image: url('../images/Office_365.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto 50px;
}

.business-page-logo.web-apps-page {
  background-color: #00759c;
  background-image: url('../images/Web_App_Development.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto 70px;
}

.bs-paragraph {
  color: #616366;
  padding-top: 15px;
  font-size: 16px;
  line-height: 28px;
}

.values-wrapper {
  justify-content: center;
  align-items: center;
  display: flex;
}

.value-block {
  border-radius: 2px;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: stretch;
  padding-top: 15px;
  padding-bottom: 15px;
  display: flex;
  box-shadow: 0 16px 10px -16px #e2e2e2;
}

.value-block.middleblock {
  margin-left: 20px;
  margin-right: 20px;
}

.value-txt {
  color: #616366;
  text-align: center;
  font-size: 16px;
  line-height: 28px;
}

.customer-block {
  flex: 1;
}

.customer-logo {
  height: 100px;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.customer-logo.via {
  background-image: url('../images/VIAAirways.svg');
  background-position: 50%;
  background-size: auto 30px;
}

.customer-logo.rahila {
  background-image: url('../images/RahilaAirlines.svg');
  background-position: 50%;
  background-size: 150px;
}

.customer-logo.aerovista {
  background-image: url('../images/Aerovista.svg');
  background-position: 50%;
  background-size: 150px;
}

.customer-logo.oas {
  background-image: url('../images/Oxygen-Aerospace-Brand-2019.svg');
  background-position: 50%;
  background-size: 150px;
}

.customer-logo.amg {
  background-image: url('../images/AlMaskariHolding.svg');
  background-position: 50%;
  background-size: 140px;
}

.customer-logo.segrex {
  background-image: url('../images/Segrex.svg');
  background-position: 50%;
  background-size: 150px;
}

.customer-logo.greenvalley {
  background-image: url('../images/greenvalleylogo.svg');
  background-position: 50%;
  background-size: 75px;
}

.customer-logo.adamvital {
  background-image: url('../images/AdamVital.svg');
  background-position: 50%;
  background-size: 150px;
}

.customer-logo.dd {
  background-image: url('../images/Dolfinarium.svg');
  background-size: 150px;
}

.customer-logo.ope {
  background-image: url('../images/OffplanEmirates.svg');
  background-position: 50%;
  background-size: 150px;
}

.customer-logo._3g {
  background-image: url('../images/3Green.svg');
  background-position: 50%;
  background-size: 120px;
}

.customer-logo.skyaero {
  background-image: url('../images/SkyAero.svg');
  background-position: 50%;
  background-size: 150px;
}

.customer-logo.aerosale {
  background-image: url('../images/AeroSale.svg');
  background-position: 50%;
  background-size: 150px;
}

.customer-logo.nil {
  background-color: #f7f7f7;
  background-image: none;
}

.customer-logo.avion {
  background-image: url('../images/Avion_logo.svg');
  background-size: 150px;
}

.customer-logo.bsh {
  background-image: url('../images/bsh.svg');
  background-size: auto 50px;
}

.customer-logo.f2s {
  background-image: url('../images/fly2sky_logo.svg');
  background-size: 150px;
}

.cust-row {
  margin-top: 40px;
  margin-bottom: 80px;
}

.con-wrapper {
  width: 60%;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.form-field {
  height: 50px;
  color: #666;
  text-align: center;
  background-color: #fefefe;
  border: 1px solid #ddd;
  border-radius: 3px;
  margin-bottom: 25px;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 20px;
  font-weight: 600;
  line-height: 20px;
  box-shadow: 0 0 15px #ddd;
}

.form-field:focus {
  box-shadow: 0 0 15px #94e4ff;
}

.form-field::-ms-input-placeholder {
  color: silver;
  font-weight: 400;
}

.form-field::placeholder {
  color: silver;
  font-weight: 400;
}

.form-field.txt-area {
  height: 150px;
  line-height: 32px;
}

.form-submit {
  min-height: 50px;
  color: #fff;
  background-color: #00aae3;
  border-radius: 2px;
  margin-top: 50px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 14px;
  font-size: 16px;
  font-weight: 500;
  line-height: 16px;
  transition: all .1s;
  display: block;
  box-shadow: 0 6px #007faa;
}

.form-submit:hover {
  background-color: #008dbd;
}

.email-form-field {
  height: 50px;
  text-align: center;
  background-color: #fff;
  border: 0 solid #000;
  margin-bottom: 25px;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 20px;
  box-shadow: 0 0 15px #ddd;
}

.email-form-field::-ms-input-placeholder {
  color: silver;
}

.email-form-field::placeholder {
  color: silver;
}

.form-enquiry {
  min-height: 150px;
  text-align: center;
  background-color: #fff;
  border: 0 solid #000;
  margin-bottom: 25px;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 20px;
  box-shadow: 0 0 15px #ddd;
}

.form-enquiry::-ms-input-placeholder {
  color: silver;
}

.form-enquiry::placeholder {
  color: silver;
}

.div-block-2 {
  width: 350px;
  height: 500px;
  background-color: #0065a6;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding: 10px;
  display: flex;
}

.map-icon {
  width: 150px;
  height: 150px;
  background-color: #00aae3;
  background-image: url('../images/xbs-map-icon.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 67px;
  border-radius: 100%;
}

.address {
  color: #fff;
  text-align: center;
  font-size: 16px;
  line-height: 26px;
}

.text-span {
  font-weight: 600;
}

.asset-wrapper {
  min-height: 400px;
  border-radius: 2px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding: 100px 20px 20px;
  position: relative;
  box-shadow: 0 0 15px #e2e2e2;
}

.asset-widget {
  width: 200px;
  height: 200px;
  background-color: #0065a6;
  background-image: linear-gradient(225deg, #2b09dd, #c706b0);
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: absolute;
  top: -120px;
  left: 0;
  right: 0;
}

.widget-paragraph {
  color: #616366;
  line-height: 25px;
}

.market-services-row {
  margin-top: 70px;
  margin-bottom: 50px;
}

.mi-wrapper {
  min-height: 100px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-right: 10px;
  display: flex;
}

.mi-image {
  width: 40px;
  height: 40px;
  background-color: #00aae3;
  border-radius: 2px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  display: flex;
}

.mi-image.r1 {
  background-image: linear-gradient(135deg, #031b4e, #00aae3);
}

.mi-image.r2 {
  background-image: linear-gradient(135deg, #00bfff, #003dff);
}

.mi-image.r3 {
  background-image: linear-gradient(135deg, #7d06fd, #d305fa);
}

.mi-image.r4 {
  background-image: linear-gradient(312deg, #0c67bb, #06cdff);
}

.mi-image.r5 {
  background-image: linear-gradient(315deg, #ff03f5, #fd0d50);
}

.mi-image.r6 {
  background-image: linear-gradient(339deg, #321baf, #0065a6);
}

.mi-info {
  color: #616366;
  flex: 1;
}

.mi-widget-headline {
  color: #363b40;
  margin-top: 0;
  margin-bottom: 2px;
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
}

.mi-info-wrapper {
  flex: 1;
  padding-left: 10px;
}

.div-block-3 {
  margin-left: auto;
  margin-right: auto;
  display: inline-block;
}

.form-2 {
  text-align: center;
  display: block;
}

.text-block-2 {
  color: #9ae6ff;
  text-align: center;
  font-family: "Fa solid 900", sans-serif;
  font-size: 100px;
  line-height: 100px;
}

.top-features {
  margin-bottom: 20px;
}

.feature-wrapper {
  padding-top: 3px;
  padding-bottom: 3px;
  display: flex;
}

.feature-icon {
  color: #00aae3;
  padding-right: 10px;
  font-family: "Fa solid 900", sans-serif;
}

.text-block-3 {
  color: #616366;
  font-size: 16px;
  line-height: 28px;
}

.heading {
  color: #0065a6;
  margin-top: 20px;
  font-size: 18px;
  font-weight: 500;
}

.in-page-button {
  color: #616366;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #00aae3;
  border-radius: 3px;
  margin-bottom: 20px;
  font-weight: 500;
  transition: all .2s;
}

.in-page-button:hover {
  background-color: #f4fcff;
}

.text-span-3 {
  color: #00aae3;
  padding-right: 5px;
  font-family: "Fa solid 900", sans-serif;
}

.block-quote {
  border-left-color: #00aae3;
  font-weight: 600;
  line-height: 27px;
}

.block-quote.sagebq {
  border-left-color: #00dc00;
}

.block-quote.mscrmbq {
  border-left-color: #f39b37;
}

.block-quote.awsbq {
  border-left-color: #007faa;
}

.block-quote.azbq {
  border-left-color: #031b4e;
}

.block-quote.gcbq {
  border-left-color: #ffce44;
}

.block-quote.o365bq {
  border-left-color: #0065a6;
}

.block-quote.gsuitbq {
  border-left-color: #329453;
}

.block-quote.webbq {
  border-left-color: #00759c;
}

.block-quote.iotbq {
  border-left-color: #6b00df;
}

.block-quote-font {
  color: #cacaca;
  padding-left: 5px;
  padding-right: 5px;
  font-family: "Fa solid 900", sans-serif;
  font-size: 22px;
  font-weight: 400;
}

.benefit-flex {
  min-height: 200px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.benefit-icon {
  color: #fff;
  font-family: "Fa solid 900", sans-serif;
  font-size: 30px;
  line-height: 30px;
}

.benefit-persent {
  color: #fff;
  margin-top: 15px;
  margin-bottom: 15px;
  font-family: Lato, sans-serif;
  font-size: 40px;
  font-weight: 700;
  line-height: 40px;
}

.benefit-label {
  color: #fff;
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  line-height: 22px;
}

.benefits-block {
  background-color: #05afff;
  background-image: linear-gradient(rgba(0, 101, 166, .91), rgba(0, 101, 166, .91)), url('../images/Business-Consultancy.svg'), linear-gradient(rgba(3, 27, 78, .86), rgba(3, 27, 78, .86));
  background-position: 0 0, 50%, 0 0;
  background-repeat: repeat, no-repeat, repeat;
  background-size: auto, cover, auto;
  padding-top: 40px;
  padding-bottom: 40px;
}

.benifets-headline {
  color: #fff;
  text-align: center;
  font-size: 30px;
  font-weight: 500;
  line-height: 36px;
}

.text-block-4 {
  color: #7a01fd;
  text-align: center;
  margin-top: 150px;
  margin-left: auto;
  margin-right: auto;
  font-family: "Fa solid 900", sans-serif;
  font-size: 60px;
  line-height: 60px;
  display: block;
}

.recipe {
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  line-height: 16px;
}

.recipe.light-fonts {
  font-family: "Fa 400", sans-serif;
}

.text-block-5 {
  color: #7a01fd;
  text-align: center;
  margin-top: 150px;
  font-family: "Fa solid 900", sans-serif;
  font-size: 60px;
  line-height: 60px;
}

.success-message-2 {
  background-color: rgba(0, 0, 0, 0);
}

.text-block-7 {
  color: #019201;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
}

.social-wrapper {
  display: flex;
}

.sub-footer-info-wrapper {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.privacy {
  color: #333;
  text-decoration: none;
}

.privacy:hover {
  text-decoration: underline;
}

.copyrightinfo {
  line-height: 23px;
  display: inline-block;
}

.xbs-footer {
  font-weight: 500;
}

.about-page-color {
  background-color: var(--royal-blue);
  background-image: linear-gradient(rgba(0, 101, 166, .91), rgba(0, 101, 166, .91)), url('../images/Abstract2.svg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  padding: 70px 10px;
}

.phonelink {
  color: var(--white);
}

.partners-col {
  margin-bottom: 40px;
}

.partner_col {
  justify-content: center;
  display: flex;
}

.partner-logo {
  width: 200px;
  height: 200px;
  border: 8px solid var(--light-sky-blue);
  background-color: var(--white);
  border-radius: 100%;
  box-shadow: 9px 6px 10px rgba(3, 27, 78, .27);
}

.partner-logo.ms {
  background-image: url('../images/Microsoft.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 125px;
}

.partner-logo.ibm {
  background-image: url('../images/IBM_logo.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 125px;
}

.partner-logo.zoho {
  background-image: url('../images/ZOHO.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 125px;
}

.partner-logo.dell {
  background-image: url('../images/Dell_EMC_logo.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 125px;
}

.partner-logo.google {
  background-image: url('../images/Google.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 125px;
}

.partner-logo.aws {
  background-image: url('../images/Amazon_Web_Services_Logo.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 125px;
}

.partner-logo.lenovo {
  background-image: url('../images/LenovoEmblem_PCPartner_Authorized.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 125px;
}

.partner-logo.lenovo-infra {
  background-image: url('../images/Lenovo_Infrastructure.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 125px;
}

.godown-block {
  width: 100%;
  height: 100px;
  background-color: rgba(0, 0, 0, 0);
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: 80vh;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.go-down {
  justify-content: center;
  align-items: center;
  display: flex;
}

.link-block {
  border: 1px solid var(--white);
  color: var(--white);
  border-radius: 100px;
  padding: 16px;
  transition: all .4s;
}

.link-block:hover {
  transform: translate(0, 5px);
}

.div-block-4, .div-block-5 {
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%;
}

@media screen and (max-width: 991px) {
  .page-header {
    position: relative;
  }

  .nav-link {
    font-weight: 600;
  }

  .nav-link.contact-us-nav {
    border-style: none;
  }

  .menu-button {
    color: #fff;
  }

  .menu-button.w--open {
    background-color: rgba(0, 0, 0, 0);
  }

  .nav-menu {
    height: 100vh;
    background-color: rgba(0, 0, 0, 0);
    background-image: linear-gradient(135deg, #5c0ec0, #00aae3);
  }

  .footer-column {
    margin-bottom: 30px;
  }

  .page-footer-info {
    border-top-style: none;
  }

  .h3.customer-name {
    display: none;
  }

  .h1 {
    font-size: 32px;
    line-height: 45px;
  }

  .pmwrapper {
    min-height: 400px;
  }

  .info-block {
    flex-grow: .7;
  }

  .market-services-row {
    margin-top: 1px;
    margin-bottom: 0;
  }

  .partner-logo {
    width: 150px;
    height: 150px;
  }
}

@media screen and (max-width: 767px) {
  .navbar {
    margin-bottom: 40px;
  }

  .container {
    padding-left: 10px;
    padding-right: 10px;
  }

  .form {
    width: auto;
  }

  .h1 {
    margin-top: 0;
    font-size: 30px;
    font-weight: 700;
    line-height: 39px;
  }

  .column {
    padding-left: 0;
    padding-right: 0;
  }

  .abstract.airline-products, .abstract.project-management, .abstract.business-consultancy, .abstract.about-us-hero {
    min-height: 250px;
  }

  .abstract.contact-us {
    min-height: 250px;
    margin-top: 15px;
  }

  .abstract.home, .abstract.marketing-solutions, .abstract.privacyimage {
    min-height: 250px;
  }

  .product-column {
    margin-bottom: 20px;
  }

  .info-block {
    flex-grow: .8;
  }

  .values-wrapper {
    flex-direction: column;
  }

  .value-block, .cust-row, .cust-col {
    margin-bottom: 40px;
  }

  .asset-in-out-column {
    margin-bottom: 150px;
  }

  .asset-in-out-column.asset-last-column, .partners-col {
    margin-bottom: 0;
  }

  .partner_col {
    margin-bottom: 20px;
  }

  .partner-logo {
    width: 200px;
    height: 200px;
  }

  .godown-block {
    display: none;
  }
}

@media screen and (max-width: 479px) {
  .page-content.products-page {
    padding-bottom: 0;
  }

  .page-content.about-page, .page-content.apps-page {
    padding-bottom: 20px;
  }

  .footer-text-block {
    text-align: center;
    margin-bottom: 20px;
  }

  .sub-footer-link {
    float: none;
  }

  .sub-footer-link.icon {
    margin-top: 0;
    display: inline-block;
  }

  .h3.customer-name {
    display: none;
  }

  .form {
    flex-direction: column;
    align-items: center;
  }

  .submit-button {
    width: 100%;
    margin-right: 10px;
  }

  .h1 {
    font-size: 25px;
    line-height: 37px;
  }

  .header-paragraph {
    font-size: 18px;
    line-height: 30px;
  }

  .button {
    margin-bottom: 20px;
  }

  .abstract.airline-products {
    min-height: 160px;
  }

  .abstract.project-management {
    min-height: 180px;
  }

  .abstract.business-consultancy, .abstract.about-us-hero, .abstract.contact-us {
    min-height: 150px;
  }

  .abstract.home, .abstract.marketing-solutions {
    min-height: 180px;
  }

  .abstract.privacyimage {
    min-height: 150px;
  }

  .h2.page-sub-heading-black.bservices {
    margin-top: 20px;
    margin-bottom: 10px;
  }

  .product-column {
    margin-bottom: 40px;
  }

  .product-row.pm-row {
    margin-bottom: 0;
  }

  .product-description {
    display: none;
  }

  .solutions-wrapper {
    flex-direction: column;
  }

  .imagepart, .data-wrapper {
    width: 100%;
    position: static;
  }

  .airline-services-row {
    margin-bottom: 0;
  }

  .airline-services-col {
    margin-bottom: 80px;
  }

  .info-block {
    text-align: center;
    flex: 1;
    align-items: center;
  }

  .info-block.right-side-block {
    align-items: center;
  }

  .business-page-logo {
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    position: static;
  }

  .business-page-logo.left-side-logo {
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .customer-logo.amg {
    background-size: 150px;
  }

  .cust-row {
    margin-bottom: 40px;
  }

  .con-wrapper {
    width: 100%;
  }

  .form-submit {
    margin-top: 0;
  }

  .address {
    font-size: 15px;
    line-height: 25px;
  }

  .asset-in-out-column {
    margin-bottom: 193px;
  }

  .block-quote {
    text-align: left;
  }

  .benifets-headline {
    padding-left: 5px;
    padding-right: 5px;
  }

  .social-wrapper {
    justify-content: flex-start;
  }

  .sub-footer-info-wrapper {
    flex-direction: column;
    margin-bottom: 50px;
  }

  .copyrightinfo {
    text-align: center;
    display: block;
  }

  .partner-logo {
    width: 130px;
    height: 130px;
    border-width: 4px;
  }

  .partner-logo.ms, .partner-logo.ibm, .partner-logo.zoho, .partner-logo.dell, .partner-logo.google, .partner-logo.aws, .partner-logo.lenovo, .partner-logo.lenovo-infra {
    background-size: 100px;
  }
}


@font-face {
  font-family: 'Fa 400';
  src: url('../fonts/fa-regular-400.woff2') format('woff2'), url('../fonts/fa-regular-400.eot') format('embedded-opentype'), url('../fonts/fa-regular-400.woff') format('woff'), url('../fonts/fa-regular-400.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'Fa brands 400';
  src: url('../fonts/fa-brands-400.woff2') format('woff2'), url('../fonts/fa-brands-400.eot') format('embedded-opentype'), url('../fonts/fa-brands-400.woff') format('woff'), url('../fonts/fa-brands-400.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'Fa solid 900';
  src: url('../fonts/fa-solid-900.woff2') format('woff2'), url('../fonts/fa-solid-900.eot') format('embedded-opentype'), url('../fonts/fa-solid-900.woff') format('woff'), url('../fonts/fa-solid-900.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}