/**
 * Theme Name: XSKY Official Website
 * Theme URI: http://www.xsky.com
 * Author: XSKY-FE
 * Author URI: https://github.com/xsky-fe
 * Description: This is the official XSKY.COM theme.
 * Version: 2.0.0
 * License: Copyright xsky.com(c) all rights reserved.
 * Text Domain: xsky
 * Tags: xsky official-website
 *
 * DO NOT EDIT `/style.css` DIRECTLY!
 * IT'S GENERATED BY POSTCSS FROM `/assets/css/style.css`!
 */
a:focus,
a:hover,
a.text-primary:focus,
a.text-primary:hover {
  text-decoration: none;
  color: #57529f !important;
}
.btn.btn-warning {
  border: none;
  background-color: #f9c146;
}
.btn.btn-outline-warning {
  border-color: #f9c146;
}
.btn.btn-outline-warning.active {
  background-color: #f9c146;
}
.btn.btn-primary {
  border: none;
  background-color: #57529f;
}
ul {
  padding: 0;
  list-style: none;
}
@-webkit-keyframes vertical-shake {
  from {
    bottom: 1rem;
  }
  to {
    bottom: 1.625rem;
  }
}
@keyframes vertical-shake {
  from {
    bottom: 1rem;
  }
  to {
    bottom: 1.625rem;
  }
}
@font-face {
  font-family: 'xsky-sans-cn';
  src: url(/wp-content/themes/xsky/assets/fonts/SourceHanSansCN-Light.otf) format("truetype");
}
* {
  line-height: 1.75 !important;
}
body {
  font-family: 'PingFangSC','helvetica neue','hiragino sans gb','arial','microsoft yahei ui','microsoft yahei','simsun','sans-serif';
  color: #6d6f71;
}
h1, h2, h3, h4, h5, h6,
.h0, .h1, .h2, .h3, .h4, .h5, .h6 {
  font-weight: normal;
}
.f0 {
  font-size: 3rem;
}
h1, .f1 {
  font-size: 1.875rem;
}
h2, .f2 {
  font-size: 1.5rem;
}
h3, .f3 {
  font-size: 1.125rem;
}
h4, .f4 {
  font-size: 1rem;
}
h5, .f5 {
  font-size: 1rem;
}
h6, .f6 {
  font-size: 1rem;
}
.text-indent {
  text-indent: 2em;
}
.text-primary {
  color: #57529f !important;
}
.text-warning {
  color: #f9c146 !important;
}
.text-dark {
  color: #3f3f44 !important;
}
.text-normal {
  color: #6d6f71;
}
.text-light {
  color: #ffffff;
}
/**
 * Arrow triangles
 */
.arrow-up,
.arrow-right,
.arrow-down,
.arrow-left {
  position: relative
}
.arrow-up::after, .arrow-right::after, .arrow-down::after, .arrow-left::after {
  display: block;
  content: '';
  position: absolute;
  width: 0;
  height: 0;
}
.arrow-up::after {
  top: 0;
  left: 50%;
  margin-left: -0.625rem;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 20px solid rgba(232, 232, 243, 0.38);
}
.arrow-right::after {
  top: 50%;
  right: 0;
  margin-top: -0.625rem;
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
  border-right: 20px solid rgba(232, 232, 243, 0.38);
}
.arrow-down::after {
  bottom: 0;
  left: 50%;
  margin-left: -0.625rem;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-bottom: 20px solid rgba(232, 232, 243, 0.38);
}
.arrow-left::after {
  top: 50%;
  left: 0;
  margin-top: -0.625rem;
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
  border-left: 20px solid rgba(232, 232, 243, 0.38);
}
/**
 * Banner section
 */
.banner {
  background-size: cover;
  background-position: center center;
}
/**
 * Carousel
 */
.carousel .carousel-item > img {
  width: 100%;
  height: 26.875rem;
}
.carousel .btn {
  padding: .25em 2em;
  border-radius: 2em;
  margin-top: 3.125rem;
}
.carousel .carousel-caption {
  top: 24%;
  bottom: auto;
}
.carousel .carousel-caption h1 {
  font-size: 3rem;
}
.carousel .carousel-control-prev-icon,
  .carousel .carousel-control-next-icon {
  width: 2.1875rem;
  height: 3.4375rem;
}
.carousel .carousel-control-prev-icon {
  background-image: url(/wp-content/themes/xsky/assets/imgs/arrow-prev.png);
}
.carousel .carousel-control-next-icon {
  background-image: url(/wp-content/themes/xsky/assets/imgs/arrow-next.png);
}
/**
 * Collapse toggle button
 */
.collapse-toggle .arrow-toggle {
  display: inline-block;
  padding: 0.5rem 0.625rem;
  background: no-repeat url(/wp-content/themes/xsky/assets/imgs/arrow-toggle.png);
  background-size: 1.25rem 0.9375rem;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.collapse-toggle.collapsed .arrow-toggle {
  -webkit-transform: none;
          transform: none;
}
/**
 * Section background dim
 */
.dim {
  background-color: rgba(232, 232, 243, 0.38);
}
.dim-primary {
  background-color: #57529f;
}
/**
 * Page top banner
 */
.jumbotron {
  position: relative;
  color: #ffffff;
  border-radius: 0;
  background-size: cover;
  background-position: center center
}
.jumbotron .container {
  width: 100%;
}
.jumbotron.lead {
  height: 21.875rem;
}
.jumbotron.lead::before {
  display: block;
  content: '';
  position: absolute;
  margin-left: -1rem;
  width: 2rem;
  height: 3rem;
  bottom: 1rem;
  left: 50%;
  background-image: url(/wp-content/themes/xsky/assets/imgs/mouse.png);
  background-size: 2rem 3rem;
  -webkit-animation: vertical-shake 1s linear 0.2s infinite alternate;
          animation: vertical-shake 1s linear 0.2s infinite alternate;
}
.jumbotron.lead::after {
  display: block;
  content: '';
  position: absolute;
  margin-left: -1.125rem;
  width: 2.25rem;
  height: 0.5rem;
  bottom: 0;
  left: 50%;
  background-image:  url(/wp-content/themes/xsky/assets/imgs/arrow-banner.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.jumbotron.lead h1 {
  margin-bottom: 0;
  padding: 0 10%;
  font-size: 3rem;
  line-height: 1.25 !important;
}
.jumbotron.lead h2 {
  padding: 0 10%;
}
/**
 * Line seperators
 */
.line-sep.line-wide::before,
  .line-sep.line-wide::after {
  width: 3.375rem;
}
.line-sep.line-thick::before,
  .line-sep.line-thick::after {
  border-bottom-width: 2px;
}
.line-sep.line-white::before,
  .line-sep.line-white::after {
  border-color: #ffffff;
}
.line-sep.line-primary::before,
  .line-sep.line-primary::after {
  border-color: #57529f;
}
.line-sep::before,
  .line-sep::after {
  content: '';
  width: 2.5rem;
  margin-left: auto;
  margin-right: auto;
  border-bottom: 1px solid #6d6f71;
}
.line-sep::before {
  display: none;
}
.line-sep::after {
  display: block;
}
.line-sep.line-top::before {
  display: block;
}
.line-sep.line-top::after {
  display: none;
}
.col-sep::after {
  display: block;
  content: '';
  position: absolute;
}
.col-sep.sep-vertical::after {
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  height: 3.375rem;
}
.col-sep.sep-horizental::after {
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 3.375rem;
}
.col-sep.sep-white::after {
  border-right: 1px solid rgba(255, 255, 255, 0.2);
}
.col-sep.sep-gray::after {
  border-right: 1px solid rgba(167, 169, 172, 0.38);
}
.section-sep {
  height: 2.0625rem;
  background-image: url(/wp-content/themes/xsky/assets/imgs/section-sep.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: auto 100%;
}
section > h1 {
  font-size: 1.875rem;
  margin-bottom: 3.375rem;
}
section > h2 {
  margin-bottom: 3.125rem;
  font-size: 1.5rem;
}
footer.footer {
  background-color: #58595b
}
footer.footer a {
  color: #d3d3d3;
  line-height: 2;
  font-size: 0.75rem;
}
footer.footer a:hover {
  color: #ffffff !important;
}
footer.footer a.lead {
  width: 5.625rem;
  margin-bottom: 0.375rem;
  padding-bottom: 0.375rem;
  border-bottom: 1px solid #ffffff;
  color: #ffffff;
  font-size: 1.125rem;
}
footer.footer .logo {
  height: 1.875rem;
  margin-bottom: 0.875rem;
}
footer.footer .company {
  margin-bottom: 2.25rem;
  color: #ffffff;
}
footer.footer .contact {
  font-size: 0.75rem;
  color: #d3d3d3;
}
footer.footer .wechat-weibo .qrcode-wrapper {
  position: relative;
}
footer.footer .wechat-weibo .qrcode-wrapper:hover .qrcode {
  display: block;
}
footer.footer .wechat-weibo .qrcode {
  display: none;
  position: absolute;
  bottom: 1.625rem;
  left: 0;
  width: 12.5rem;
}
footer.footer .wechat-weibo .icon {
  height: 1.625rem;
}
footer.footer .copyright {
  padding: 1.25rem;
  color: #a7a9ac;
  background-color: #636466;
  font-size: 0.75rem;
}
body.evaluate form .captcha-row {
  display: none;
}
header.navbar {
  font-size: 1rem
}
header.navbar .navbar-brand img {
  height: 1.875rem;
  margin-top: 0.25rem;
}
header.navbar .nav-main .nav-item {
  margin-right: 2.25rem;
}
header.navbar .nav-main .nav-item.active {
  position: relative;
}
header.navbar .nav-main .nav-item.active .nav-link {
  color: #57529f;
}
header.navbar .btn {
  margin-top: .25em;
  padding: .25em 1.25em !important;
  border-radius: 30px;
}
header.navbar .nav-sep {
  margin: 0.625rem 0.625rem 0 1.125rem;
  height: 1.375rem;
  border-right: 1px solid #ccc;
}
header.navbar .dropdown-item:active {
  color: #57529f;
  background-color: transparent;
}
body.archive .pagination {
  margin: 2em 0;
}
body.archive .pagination a {
  color: #57529f;
}
body.archive .archive-bar {
  margin-bottom: 2.375rem;
}
body.archive article {
  margin-bottom: 1.75rem;
}
body.archive .btn.btn-warning {
  padding: .25em 1.25em;
  border-radius: 3em;
}
body.tax-media_category article, body.post-type-archive-media article {
  margin-bottom: 4.375rem;
}
body.tax-news_category article, body.post-type-archive-news article {
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
          box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
}
body.tax-news_category article img, body.post-type-archive-news article img {
  height: 16rem;
}
body.tax-tec_category article .media-body, body.post-type-archive-tec article .media-body {
  min-width: 0;/*fix flexbox with truncate problem
 */
  padding: 1rem;
}
body.tax-tec_category article .img-wrapper, body.post-type-archive-tec article .img-wrapper {
  position: relative;
  overflow: hidden;
  width: 12.5rem;
}
body.tax-tec_category article img, body.post-type-archive-tec article img {
  position: absolute;
  left:  50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  height: 100%;
}
aside.main-sidebar .recent-posts li {
  position: relative;
  padding-left: 1em;
}
aside.main-sidebar .recent-posts li::before {
  display: block;
  content: '';
  position: absolute;
  left: 0;
  top: calc(50% - 0.1875rem);
  border-radius: 6px;
  border: 3px solid #a7a9ac;
}
body.single article img {
  max-width: 100%;
}
body.about-us .photos .row {
  margin-bottom: 1.5rem;
}
body.about-us .photos .row > div:nth-child(1) {
  padding-right: 1rem !important;
}
body.about-us .photos .row > div:nth-child(2) {
  padding: 0 0.5rem !important;
}
body.about-us .photos .row > div:nth-child(3) {
  padding-left: 1rem !important;
}
body.benefits .challenge img {
  max-width: 6.875rem;
  margin-bottom: 2.5rem;
}
body.benefits .challenge > p {
  margin-bottom: 1.875rem;
}
body.benefits .challenge h2 {
  margin-bottom: 1.25rem;
}
body.benefits .what-we-do {
  color: #ffffff;
  background-color: #57529f;
}
body.benefits .what-we-do h2 {
  margin-bottom: 0.875rem;
}
body.benefits .what-we-do img {
  margin: 1.875rem 0 1.25rem 0;
  max-width: 10.625rem;
}
body.benefits .why h2 {
  margin-bottom: 1.25rem;
  font-size: 1.5rem;
  color: #57529f;
}
body.benefits .why p {
  margin-bottom: 0.625rem;
}
body.benefits .why .media img {
  width: 2.5rem;
}
body.benefits .benefits .row > div {
  margin-bottom: 1rem;
}
body.benefits .benefits img {
  max-width: 7.5rem;
}
body.benefits .benefits h2 {
  margin-bottom: 0.875rem;
  font-size: 1.5rem;
  color: #57529f;
}
body.career .offer {
  color: inherit;
}
body.career .jobs .card {
  background-color: transparent;
}
body.career .jobs aside {
  height: 100%;
  background-color: rgba(145, 151, 190, 0.22);
}
body.career .jobs aside a {
  display: block;
  padding-left: 1em;
  border-left: 4px solid transparent;
  line-height: 50px !important;
}
body.career .jobs aside .nav-toggle {
  border-bottom: 1px solid #ffffff;
  background-image: url(/wp-content/themes/xsky/assets/imgs/career/icon-collapse.png);
  background-position: 95% center;
  background-repeat: no-repeat;
  background-size: auto 30%;
}
body.career .jobs aside .nav-toggle.collapsed {
  background-image: url(/wp-content/themes/xsky/assets/imgs/career/icon-expand.png);
}
body.career .jobs aside .nav-link {
  background-color: rgba(145, 151, 190, 0.72);
}
body.career .jobs aside .nav-link:hover,
        body.career .jobs aside .nav-link:focus {
  color: #57529f;
}
body.career .jobs aside .nav-item {
  border-bottom: 1px solid #ffffff;
}
body.career .jobs aside .collapse.show .nav-link.active {
  border-left-color: #57529f;
  background-color: #9197be;
}
body.career .jobs header {
  height: 3.125rem;
  color: #ffffff;
  background-color: #57529f;
}
body.career .jobs header > h3:last-child {
  padding-left: 1em;
  background-image: url(/wp-content/themes/xsky/assets/imgs/location.png);
  background-position: left center;
  background-repeat: no-repeat;
  background-size: auto 61.8%;
}
body.career .jobs main h3 {
  margin: 1.875rem 0;
}
body.career .jobs main ul {
  padding-left: 1em;
  list-style: disc;
}
body.contact-us .contact img {
  width: 40%;
  margin-bottom: 1.25rem;
  padding: 10%;
  -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, .1);
          box-shadow: 0 3px 10px rgba(0, 0, 0, .1);
}
body.contact-us .contact .wrapper {
  position: relative;
}
body.contact-us .contact .wrapper .qrcode {
  position: absolute;
  display: none;
  top: -10.625rem;
  left: 50%;
  width: 9.375rem;
  height: 9.375rem;
  padding: .25rem;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
body.contact-us .contact .wrapper:hover .rounded-circle {
  -webkit-box-shadow: 0 3px 10px rgba(249, 193, 70, 0.4);
          box-shadow: 0 3px 10px rgba(249, 193, 70, 0.4);
}
body.contact-us .contact .wrapper:hover .qrcode {
  display: block;
}
body.contact-us .location .box {
  position: relative;
  -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, .1);
          box-shadow: 0 3px 10px rgba(0, 0, 0, .1);
}
body.contact-us .location .map {
  height: 14.375rem;
}
body.contact-us .location .wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 6.25rem;
  height: 14.375rem;
  padding-top: 9.375rem;
  background-size: cover;
  background-position: center;
  color: #ffffff;
}
body.contact-us .location .wrapper.bj {
  background-image: url(/wp-content/themes/xsky/assets/imgs/contact-us/s-bj.png);
}
body.contact-us .location .wrapper.sh {
  background-image: url(/wp-content/themes/xsky/assets/imgs/contact-us/s-sh.png);
}
body.contact-us .location .wrapper.sz {
  background-image: url(/wp-content/themes/xsky/assets/imgs/contact-us/s-sz.png);
}
body.contact-us .location .wrapper.cd {
  background-image: url(/wp-content/themes/xsky/assets/imgs/contact-us/s-cd.png);
}
body.contact-us .location .wrapper.nj {
  background-image: url(/wp-content/themes/xsky/assets/imgs/contact-us/s-nj.png);
}
body.contact-us .location .wrapper.wh {
  background-image: url(/wp-content/themes/xsky/assets/imgs/contact-us/s-wh.png);
}
body.contact-us .location .footer {
  padding: .75em 1.5em .75em 4.375rem;
  background-image: url(/wp-content/themes/xsky/assets/imgs/location.png);
  background-position: 30px 1em;
  background-repeat: no-repeat;
  background-size: auto 2.1875rem;
}
body.customers .appraisal .row > div {
  margin-bottom: 1rem;
}
body.customers .appraisal .card {
  position: relative;
}
body.customers .appraisal img.card-img-top {
  height: 13.125rem;
}
body.customers .appraisal .card-block img {
  position: absolute;
  left: calc(50% - 3.125rem);
  top: 3.125rem;
  height: 6.25rem;
}
body.home .featured-post {
  padding: 0 10%;
  -webkit-box-shadow: 0 4px 2px -2px rgba(0, 0, 0, .1);
          box-shadow: 0 4px 2px -2px rgba(0, 0, 0, .1);
}
body.home .featured-post > div {
  height: 3.75rem;
}
body.home .featured-post h3 {
  width: 100%;
}
body.home .featured-post .btn {
  padding: .25em 1.25em;
  border-radius: 3em;
}
body.home .key-features .cover {
  padding: 3.125rem 10%;
}
body.home .key-features h1 {
  margin-bottom: 3.625rem;
}
body.home .key-features h1::after {
  margin-top: 1.75rem;
}
body.home .key-features img {
  width: 26.875rem;
}
body.home .customer {
  font-size: 1.5rem;
}
body.home .customer img {
  height: 6.25rem;
  margin-bottom: 2.5rem;
}
body.home .customer .text-right {
  font-size: 0.875rem;
}
body.home .function-features img {
  width: 30%;
}
body.home .function-features h2 {
  margin: 3rem 0 1.5rem 0;
}
body.home .customers {
  color: white;
  background-image: url(/wp-content/themes/xsky/assets/imgs/home/banner-2.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
body.home .customers .row > div {
  padding: 2.5rem 10%;
}
body.home .customers img {
  height: 6.25rem;
  margin-bottom: 1.25rem;
}
body.partners .reasons .row > div {
  margin-bottom: 1rem;
}
body.partners .reasons img {
  width: 5.625rem;
}
body.partners .stratigic-partners .row > div {
  height: 20rem;
  margin-bottom: 1rem;
}
body.partners .stratigic-partners .wrapper {
  min-height: 20rem;
  padding: 4em 2em;
  background-color: #ffffff;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
          box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
}
body.partners .stratigic-partners img {
  margin-bottom: 1em;
}
body.partners .stratigic-partners .redhat {
  border-bottom: 5px solid #d90101;
}
body.partners .stratigic-partners .intel {
  border-bottom: 5px solid #0077bf;
}
body.partners .stratigic-partners .vmware {
  border-bottom: 5px solid #6c6f6f;
}
body.partners .stratigic-partners .dell {
  border-bottom: 5px solid #007eb6;
}
body.partners .tec-partners img {
  display: block;
  margin: 0 auto;
  padding: 2.5rem 10%;
  border: 1px solid rgba(167, 169, 172, 0.38);
}
body.partners .eco .row > div {
  margin-bottom: 1rem;
}
body.partners .eco img {
  height: 16rem;
}
body.partners .eco .card {
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .2);
          box-shadow: 0 0 10px rgba(0, 0, 0, .2);
}
body.partners .eco .card-block {
  min-height: 12.5rem;
}
body.partners .eco .card-block h2 {
  margin-bottom: .5em;
}
body.partners .eco .card-block p {
  padding: 0 10%;
}
body.partners .join .btn {
  margin-top: 1.875rem;
  padding: .5em 2.5em;
  border-radius: 3em;
}
body.product-xebs .showcases .row > div {
  height: 20rem;
  margin-bottom: 1rem;
}
body.product-xebs .showcases .cover {
  padding: 2rem;
  -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, .2);
          box-shadow: 0 5px 5px rgba(0, 0, 0, .2);
}
body.product-xebs .showcases .openstack {
  border-bottom: 5px solid #da0003;
}
body.product-xebs .showcases .oracle {
  border-bottom: 5px solid #e32525;
}
body.product-xebs .showcases .vmware {
  border-bottom: 5px solid #6d6e70;
}
body.product-xebs .showcases .zstack {
  border-bottom: 5px solid #015697;
}
body.product-xebs .features img, body.product-xefs .features img, body.product-xeos .features img {
  width: 5.625rem;
}
body.product-xebs .advantages .media:not(:last-of-type), body.product-xefs .advantages .media:not(:last-of-type), body.product-xeos .advantages .media:not(:last-of-type) {
  margin-bottom: 2.875rem;
}
body.product-xebs .advantages img, body.product-xefs .advantages img, body.product-xeos .advantages img {
  width: 13.125rem;
}
body.product-xebs .advantages h2, body.product-xefs .advantages h2, body.product-xeos .advantages h2 {
  margin-bottom: 2.1875rem;
  color: #57529f;
}
body.product-xebs .advantages li, body.product-xefs .advantages li, body.product-xeos .advantages li {
  margin-bottom: 1em;
  padding-left: 3em;
  color: #57529f;
  background: no-repeat url(/wp-content/themes/xsky/assets/imgs/arrow.png);
  background-position: left .25em;
  background-size: 1.875rem auto;
}
body.product-xedp .challenge {
  color: #ffffff;
}
body.product-xedp .challenge img {
  max-width: 6.25rem;
}
body.product-xedp .features img {
  width: 7.1875rem;
}
body.product-xedp .features h2 {
  font-size: 1.25rem;
}
body.product-xedp .features p {
  font-size: 0.875rem;
}
body.product-xedp .ebs-features .row > div {
  margin-bottom: 1rem;
}
body.product-xedp .ebs-features .box {
  height: 18.75rem;
  padding: 3rem 2rem;
  border-radius: .25rem;
  background-color: rgba(255, 255, 255, 0.14);
}
body.product-xedp .eos-features .box {
  padding: 3rem 2rem;
  border: 1px solid rgba(167, 169, 172, 0.38);
}
body.product-xedp .efs-features .box {
  height: 14.375rem;
  margin-bottom: 1.875rem;
  padding: 2rem 1rem;
  border-radius: .25rem;
  background-color: #ffffff;
}
body.product-xedp .dp-features .box {
  padding: 3rem 2rem;
  border: 1px solid rgba(167, 169, 172, 0.38);
}
body.product-xedp .ebs-features h2,
  body.product-xedp .eos-features h2,
  body.product-xedp .efs-features h2,
  body.product-xedp .dp-features h2 {
  margin-bottom: .75em;
  padding-bottom: .75em;
  background-position: bottom center;
  background-repeat: no-repeat;
  background-size: auto 0.4375rem;
}
body.product-xedp .ebs-features h2 {
  background-image: url(/wp-content/themes/xsky/assets/imgs/product-xedp/sep-light.png);
}
body.product-xedp .eos-features h2,
  body.product-xedp .efs-features h2,
  body.product-xedp .dp-features h2 {
  background-image: url(/wp-content/themes/xsky/assets/imgs/product-xedp/sep-gray.png);
}
body.product-xeos .showcases .row > div, body.product-xefs .showcases .row > div, body.product-xedp .showcases .row > div {
  margin-bottom: 1rem;
}
body.product-xeos .showcases h2, body.product-xefs .showcases h2, body.product-xedp .showcases h2 {
  margin-bottom: 1.25rem;
}
body.product-xeos .showcases .box, body.product-xefs .showcases .box, body.product-xedp .showcases .box {
  padding: 15% 10%;
  color: #ffffff;
}
body.product-xeos .showcases .info, body.product-xefs .showcases .info, body.product-xedp .showcases .info {
  background-color: #00ace1;
}
body.product-xeos .showcases .danger, body.product-xefs .showcases .danger, body.product-xedp .showcases .danger {
  background-color: #57529f;
}
body.product-xeos .showcases .warning, body.product-xefs .showcases .warning, body.product-xedp .showcases .warning {
  background-color: #ed6741;
}
body.product-xeos .showcases .primary, body.product-xefs .showcases .primary, body.product-xedp .showcases .primary {
  background-color: #844e99;
}
body.products .arch > p {
  margin-bottom: 4.375rem;
}
body.products .arch .btn-group {
  margin-bottom: 2.75rem;
}
body.products .products h1 {
  color: white;
}
body.products .products .row > div {
  margin-bottom: 1rem;
}
body.products .products .wrapper {
  padding: 2rem 1rem;
  background-color: white;
}
body.products .products .wrapper img {
  margin-bottom: 1.875rem;
  width: 9.375rem;
  max-width: 100%;
}
body.products .products .wrapper p {
  font-size: 0.875rem;
}
body.products .products .wrapper.xebs {
  border-top: 6px solid #00ace1;
}
body.products .products .wrapper.xeos {
  border-top: 6px solid #ed6741;
}
body.products .products .wrapper.xefs {
  border-top: 6px solid #00a48e;
}
body.products .products .wrapper.xedp {
  border-top: 6px solid #844e99;
}
body.products .products .wrapper .btn {
  padding: .25em 1.25em;
  border-radius: 3em;
}
body.products .products .wrapper .btn:hover,
      body.products .products .wrapper .btn:focus {
  color: #ffffff !important;
}
body.products .products .wrapper .btn-warning {
  background-color: #ed6741;
}
body.products .products .wrapper .btn-success {
  background-color: #00a48e;
}
body.products .features img {
  width: 6.875rem;
}
body.products .features h2 {
  color: #57529f;
  font-size: 1.25rem;
}
body.products .features p {
  font-size: 0.875rem;
}
body.products .features .row > div {
  margin-bottom: 1rem;
}
body.products .whitepapers .row > div {
  height: 10.625rem;
  margin-bottom: 1rem;
}
body.products .whitepapers .cover {
  color: #ffffff;
}
body.products .whitepapers .cover.info {
  background-color: #00ace1;
}
body.products .whitepapers .cover.warning {
  background-color: #ed6741;
}
body.products .whitepapers .cover.success {
  background-color: #00a48e;
}
body.products .whitepapers .cover.primary {
  background-color: #844e99;
}
body.products .whitepapers img {
  height: 2.5rem;
  margin-bottom: 1em;
}
body.products .whitepapers a {
  color: #ffffff;
  margin-bottom: -.325em;
}
body.sla section ul,
    body.sla section ol {
  margin: 0 15%;
  padding-left: 1.5em;
}
body.sla section ul {
  list-style: disc;
}
body.sla section img {
  display: block;
  width: 70%;
  margin: 0 auto;
  margin-bottom: 1em;
}
body.support .online .row > div {
  padding: 0 3.125rem;
}
body.support .online h2 {
  margin: 1.875rem 0 1rem 0;
  color: #57529f;
}
body.support .online img {
  width: 6.25rem;
}
body.support .consultant {
  background-color: #e8e8f3;
}
body.support .consultant .row {
  background-size: cover;
  background-position: center;
  background-image: url(/wp-content/themes/xsky/assets/imgs/support/banner-2.png);
}
body.support .consultant .row > div {
  height: 19.375rem;/*box-shadow: inset 0 0 0 10px var(--bg-dim);
 */
}
body.support .consultant .cover {
  color: #ffffff;
  border: 15px solid #e8e8f3;
}
body.support .consultant .cover p {
  display: none;
  padding: 0 10%;
}
body.support .consultant .cover:not(.placeholder):hover {
  background-color: rgba(87, 82, 159, 0.61);
}
body.support .consultant .cover:not(.placeholder):hover h2,
        body.support .consultant .cover:not(.placeholder):hover img {
  display: none;
}
body.support .consultant .cover:not(.placeholder):hover p {
  display: block;
}
body.support .consultant img {
  width: 8.125rem;
}
body.support .consultant h2::before {
  margin-bottom: 1.25rem;
}
body.support .trainning .row > div {
  margin-bottom: 1rem;
}
body.support .trainning img {
  width: 100%;
}
body.support .trainning .title {
  position: relative;
  margin: -6.25rem -1.25rem 3.75rem -1.25rem;
  padding-left: 2em;
  line-height: 3em !important;
  color: #ffffff;
  background-color: rgba(111, 92, 187, 0.6);
}
body.support .trainning .title::before {
  display: block;
  content: '';
  position: absolute;
  left: 0.625rem;
  top: calc(50% - 0.3125rem);
  width: 0.625rem;
  height: 0.625rem;
  background-color: #f9c146;
  border-radius: 100%;
}
body.support .trainning h3 {
  font-size: 1.5rem;
  color: #57529f;
}
body.support .trainning > p {
  margin-bottom: 2em;
}
body.support .trainning .note {
  color: #57529f;
}
body.support .trainning ul > li:first-child {
  color: #f9c146;
}
/**
 * Media xs (Mobile)
 */
html {
  font-size: 12px;
}
body div.container-fluid {
  padding: 0;
}
body section.container {
  padding: 5rem 10%;
}
body footer > .container {
  padding-right: 10%;
  padding-left: 10%;
}
.box {
  border-color: transparent !important;
}
.col-sep::after {
  border-color: transparent !important;
}
/**
 * Media sm (Tablet S)
 */
@media (min-width: 576px) {
  html {
    font-size: 14px;
  }
}
/**
 * Media md up (Tablet)
 */
@media (min-width: 768px) {
  html {
    font-size: 16px;
  }

  body div.container-fluid {
    padding: 0 1rem;
  }

  body section.container {
    padding: 5rem 1rem;
  }

  body footer > .container {
    padding-right: 1rem;
    padding-left: 1rem;
  }

  section {
    padding: 5rem 0
  }

  section > p {
    padding: 0 15%;
  }

  header.navbar .navbar-brand img {
    margin-top: 0;
  }

  .carousel .carousel-item > img {
    width: 100%;
    height: 39.375rem;
  }

  .carousel .carousel-caption img {
    width: 80%;
  }

  .jumbotron.lead {
    height: 31.25rem;
  }

  .box {
    border-color: rgba(167, 169, 172, 0.38) !important;
  }
  .col-sep::after {
    border-color: rgba(167, 169, 172, 0.38) !important;
  }

  body.home .customers .row > div {
    padding: 2.5rem 3.75rem;
  }

  body.home .customers .row > div:not(:last-child) {
    border-right: 1rem solid white;
  }

  body.home .key-features .cover {
    padding: 3.125rem 20%;
  }

  body.about-us article {
    padding: 0 15%;
  }

  body.benefits .challenge .row p {
    padding: 0 10%;
  }

  body.benefits .what-we-do p {
    padding: 0 20%;
  }

  body.benefits .benefits .row > div:nth-child(n+4) {
    margin-top: 3.375rem;
  }

  body.products .features .row > div:nth-of-type(-n+3) {
    margin-bottom: 5.625rem;
  }

  body.products .products .wrapper p {
    min-height: 8.75rem;
  }

  body.products .arc .tab-content {
    padding: 0 10%;
  }

  body.product-xebs .advantages .wrapper, body.product-xefs .advantages .wrapper, body.product-xeos .advantages .wrapper {
    padding: 0 5%;
  }

  body.product-xebs .advantages .media-body, body.product-xefs .advantages .media-body, body.product-xeos .advantages .media-body {
    padding-left: 2.5rem;
  }

  body.product-xefs .showcases .box {
    height: 18.75rem;
  }
  body.product-xeos .showcases .box {
    height: 25rem;
  }

  body.product-xedp .features .row > div:nth-of-type(-n+3) {
    margin-bottom: 5.625rem;
  }

  body.product-xedp .ebs-features .row > div {
    margin-bottom: 1.875rem;
  }

  body.product-xedp .showcases .box {
    height: 18.75rem;
  }

  body.partners .reasons .row > div {
    padding: 0 3.75rem;
  }

  body.partners .reasons .row > div:nth-of-type(-n+2) {
    margin-bottom: 5.625rem;
  }

  body.customers .appraisal p.font-italic {
    min-height: 7em;
  }
}
/**
 * Media lg up (Laptop)
 */
@media (min-width: 992px) {
  nav.navbar .nav-main .nav-item.active::after {
    position: absolute;
    display: block;
    content: '';
    width: 100%;
    bottom: -0.9375rem;
    border-bottom: 4px solid #57529f;
  }
}
/**
 * Media xl up (Laptop L)
 */
@media (min-width: 1200px) {
}
/*# sourceMappingURL=style.css.map */