/*

* ===========================================================

*     GENERAL

* ===========================================================

*/

.blockquote {

  color: #495057;

  background: #f8f9fa;

  font-weight: 300;

}



.breadcrumb {

  background: none;

}



.breadcrumb li.breadcrumb-item {

  color: #999;

}



.pb-big {

  padding: 3.75rem 0;

  padding-bottom: 8.75rem;

}



.pb-big_lsgx {

  padding-bottom: 8.75rem;

}



section {

  position: relative;

}



.tlinks {

  text-indent: -9999px;

  height: 0;

  line-height: 0;

  font-size: 0;

  overflow: hidden;

}



.shape-1 {

  position: relative;

}



.shape-1::after {

  content: '';

  display: block;

  height: 50rem;

  width: 50rem;

  background: url(../img/shape-1.svg) no-repeat;

  background-size: 100%;

  position: absolute;

  top: -9rem;

  right: -18rem;

  z-index: -1;

}



@media (max-width: 991.98px) {

  .shape-1::after {

    display: none;

  }

}



.shape-1-sm::after {

  width: 40rem;

  height: 40rem;

}



.shape-2 {

  position: relative;

}



.shape-2::after {

  content: '';

  display: block;

  height: 16rem;

  width: 16rem;

  background: url(../img/shape-2.svg) no-repeat;

  background-size: 100%;

  position: absolute;

  top: -5rem;

  left: -9rem;

  z-index: -1;

}



@media (max-width: 767.98px) {

  .shape-2::after {

    display: none;

  }

}



.gradient-2 {

  background: linear-gradient(150deg, #F2C314, #FC3832) !important;

  -webkit-box-shadow: 0 2px 4px rgba(128, 32, 0, 0.2);

  box-shadow: 0 2px 4px rgba(128, 32, 0, 0.2);

}



.gradient-3 {

  background: linear-gradient(150deg, #32FBFC, #3214F2) !important;

  -webkit-box-shadow: 0 2px 4px rgba(8, 38, 168, 0.2);

  box-shadow: 0 2px 4px rgba(8, 38, 168, 0.2);

}



/*

* ===========================================================

*     导航栏

* ===========================================================

*/

.navbar {

  border-bottom: 2px solid #eee;

  background: #fff;

  padding: 1rem 1rem;

}



.navbar-brand {

  width: 7.5rem;

  display: inline-block;

  padding-top: 0.3125rem;

  padding-bottom: 0.3125rem;

  margin-right: 1rem;

  font-size: 1.25rem;

}



.navbar-nav .nav-link {

  font-weight: 700;

  color: #333;

  padding: 0.5rem 1rem;

}



.navbar-nav .nav-link:hover, .navbar-nav .nav-link:focus {

  color: #540CFA;

  text-decoration: none;

}



.navbar-nav .nav-link.active {

  color: #540CFA;

}



/*

* ===========================================================

*     尾部区域

* ===========================================================

*/

.copyrights {

  padding-bottom: 1.5rem;

}



.copyrights-text {

  color: #aaa;

}



/*

* ===========================================================

*     标题区域

* ===========================================================

*/

.hero {

  padding: 3.25rem 0;

}



.platforms {

  margin-top: 5rem;

}



.platforms-title {

  font-size: 0.9rem;

  text-transform: uppercase;

  font-weight: 700;

  letter-spacing: 0.12rem;

  color: #B1B1B1;

}



.platforms-list {

  margin-top: 1rem;

}



.platform-image {

  height: 1.5rem;

  margin: 0 0.7rem;

  opacity: 0.3;

  -webkit-transition: all 0.3s;

  transition: all 0.3s;

}



.platform-image:hover {

  opacity: 1;

}



/*

* ===========================================================

*     功能区域

* ===========================================================

*/

.gradient-icon {

  border-radius: 0.8rem;

  width: 3.5rem;

  height: 3.5rem;

  color: #fff;

  background: #540CFA;

  line-height: 3.5rem;

  text-align: center;

  display: inline-block;

  margin-bottom: 1rem;

  font-size: 1.4rem;

}



/*

* ===========================================================

*    App展示区域

* ===========================================================

*/

.showcase-image-holder {

  position: relative;

  margin: 1.5rem auto 0;

}



.showcase-image {

  position: absolute;

  top: -5rem;

  right: -90%;

  z-index: -1;

  width: 150%;

  -webkit-box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);

  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);

}



.showcase-image2 {

  position: absolute;

  top: -13rem;

  right: -70%;

  width: 150%;

  -webkit-box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);

  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);

}



.showcase-link {

  font-weight: 600;

  color: #999;

}



@media (max-width: 767.98px) {

  .showcase-link {

    font-size: 1rem !important;

  }

}



.showcase-link i {

  color: rgba(84, 12, 250, 0.5);

  -webkit-transition: all 0.2s ease-in-out;

  transition: all 0.2s ease-in-out;

  font-size: 1.5rem;

}



.showcase-link.active, .showcase-link:hover {

  background: #fff;

  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);

  box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);

  border-radius: 0.25rem;

  padding: 1rem;

  color: #333;

}



.showcase-link.active i, .showcase-link:hover i {

  color: #540CFA;

}



/*

* ===========================================================

*     BASIC BOOTSTRAP COMPONENTS

* ===========================================================

*/

/* Typography */

body {

  font-family: "Source Sans Pro", sans-serif;

  font-size: 1rem;

  font-weight: 400;

  line-height: 1.5;

  color: #212529;

  background-color: #fff;

}



a {

  color: #540CFA;

  text-decoration: none;

  -webkit-transition: all 0.2s ease-in-out;

  transition: all 0.2s ease-in-out;

  outline: none;

}



a:hover, a:focus {

  color: #3a04b6;

  text-decoration: underline;

}



h1, .h1 {

  font-size: 3.75rem;

}



h2, .h2 {

  font-size: 2.8rem;

}



h3, .h3 {

  font-size: 2rem;

}



h4, .h4 {

  font-size: 1.7rem;

}



h5, .h5 {

  font-size: 1.4rem;

}



h6, .h6 {

  font-size: 1rem;

}



.lead {

  font-size: 1.35rem;

  font-weight: 300;

}



.blockquote {

  padding: 1.8rem 1.8rem;

  margin-bottom: 2rem;

  font-size: 1.1rem;

  border-left: 5px solid #540CFA;

}



/* Utilities */

.text-primary {

  color: #540CFA !important;

}



.bg-primary {

  background-color: #540CFA !important;

}



/* Nav */

.nav-pills .nav-link {

  border-radius: 0.25rem;

  padding: 1.2rem;

  font-size: 1.2rem;

}



/* Section headers */

.section-header {

  text-align: center;

}



.section-header-title {

  display: inline-block;

  color: #333;

  font-weight: 300;

  font-size: 1.4rem;

  margin-bottom: 1rem;

}



/* Custom device wrapper adjustments */

.device-wrapper .device {

  padding-bottom: 0px;

  height: 300px;

  width: 483px;

}