html{
  font-size: 625%;
}

body {
  font-family: "Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Hiragino Sans GB W3","WenQuanYi Micro Hei",sans-serif;
  color: #000;
  font-size: .16rem;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
h1,h2,h3,h4,h5,h6 {
  font-family: "Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Hiragino Sans GB W3","Microsoft YaHei UI","Microsoft YaHei","WenQuanYi Micro Hei",sans-serif
  font-weight: 700;
}
a {
  color: #000;
  /*
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;*/
}
a:focus {
  color: #aaa;
  /*
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;*/
}
a:hover {
  color: #aaa;
  text-decoration: none;
  /*
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;*/
}
pre code {
  font-size: .16rem;
}
.btn,a.btn {
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  padding: 8px 16px;
  font-weight: bold;
}
.copyright{
  text-align: center;
  padding-bottom: .1rem;
}
.img-circle {
  border-radius: 50%;
  border:2px solid #ddd;
}
.img-circle:hover {
    background-color:#eee;
}
.hover-effect {
   -webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
}

/* ======= Header ======= */
.header {
  padding: 0.05rem 0 0 0;
  background: #FCFCFC;
  color: #c7000a;
  /*position: fixed;*/
  width: 100%;
  z-index: 99;
}

.header .logo {
  margin: 0;
}

.header .logo-img {
  width:2rem;
  height:100%;
}

.header.navbar-fixed-top {
  /*background: #FCFCFC;*/
  z-index: 9999;
  -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
}

.header .main-nav{
}
.header .main-nav .navbar-collapse {
  padding: .1rem ;
}

/*#navbar>.nav>li>a {
  color:#c7000a;
  font-size: .16rem;
  padding: 5px 10px;
  margin: 5px;
}*/

.header .main-nav .nav a {
  border-radius: 5px;
  color:#c7000a;
  font-size: .18rem;
  padding: 5px 10px;
  margin: 5px;
}
.header .main-nav .nav a:focus,.header .main-nav .nav a:hover {
  color: #fff;
  background: #c7000a;
}
#navbar>.nav>li.active>a  {
  color: #fff;
  background: #c7000a;
}
.header .main-nav button {
  background: #c7000a;
  color: #fff !important;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.header .main-nav button:focus {
  outline: none;
}
.header .main-nav button .icon-bar {
  background-color: #fff;
}
/* ======= //Header ======= */

/* ======= CAROUSEL ======= */
/* Carousel base class */
.carousel {
  height: 3.5rem;
  margin: 0 0 .5rem 0;

}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  z-index: 10;
}

/* Declare heights because of positioning of img element */
.carousel .item {
  height: 350px;
  background-color: #777;
}
.carousel-inner > .item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 350px;
}
/* ======= //CAROUSEL======= */

/* ======= Pricing Page======= */
/*Pricing Head*/
.no-space-pricing [class^="col-"],
.no-space-pricing [class*=" col-"] {
  padding: 0;
}
.pricing {
  position:relative;
  border-radius:3px;
  text-align:center;
  margin-bottom:.15rem;

  box-shadow:0 0 0px #fff;
}
.pricing:hover {
  box-shadow:0 0 15px #b5b5b5;
}
.pricing:hover h4 {
  color:#555;
}
.pricing-head {
  text-align:center;
}

.pricing h3,
.pricing h4 {
  margin:0;
  line-height:normal;
  font-weight:bold;
}
.pricing p {
  padding-top: .1rem;
  font-size: .16rem;
}
.pricing img {
  width:1.32rem;
  height:1.32rem;
}
.pricing-head h3 span,
.pricing-head h4 span {
  display:block;
  margin-top:5px;
  font-size:.12rem;
  /*font-style:italic;*/
}
.pricing-head h3 {
  color:#fafafa;
  padding:12px 0;
  font-size:.35rem;
  background:#74C52C;
  border-radius:3px 3px 0 0;
  text-shadow:0 1px 0 #32a20f;
}
.pricing-head h4 {
  color: #aaa;
  padding:5px 0;
  font-size:.25rem;
  text-shadow:0 1px 0 #fff;
  border-bottom:solid 1px #f5f9e7;
}
.pricing-head h4 i {
  top:-8px;
  font-size:.28rem;
  font-style:normal;
  position:relative;
}
.pricing-head h4 span {
  top:-10px;
  font-size:.14rem;
  font-style:normal;
  position:relative;
}

/*Pricing Content*/

.pricing-content  {
  margin-bottom: 0px;
}
.pricing-content li {
  color:#888;
  font-size:.12rem;
  padding:7px 15px;
  border-bottom:solid 1px #f5f9e7;
}
.pricing-content li i {
  color:#72c02c;
  font-size:.16rem;
  margin-right:5px;
  position:relative;
}

/*Pricing Footer*/
.pricing-footer {
  color:#777;
  font-size:.11rem;
  line-height:.17rem;
  text-align:center;
  padding:0 20px 19px;
  border-radius:0 0 3px 3px;
}

/*Pricing Active*/
.price-active,
.pricing:hover {
  z-index:9;
  margin-top: -15px;
}
.price-active h4 {
  color:#74C52C;
}

/* ======= //Pricing Page======= */


#scrollUp {
    background-color: #777;
    color: #eee;
    font-size: 40px;
    line-height: 1;
    text-align: center;
    text-decoration: none;
    bottom: 20px;
    right: 20px;
    overflow: hidden;
    width: 46px;
    height: 46px;
    border: none;
    opacity: .8;
}

/* ======= Extra small devices (phones, less than 768px)======= */
@media (max-width: 767px) {
  .header .main-nav button {
    margin-right: 0;
  }
  .header .main-nav .navbar-collapse {
    padding-left: 15px;
    padding-right: 15px;
  }
}
/* ======= //Extra small devices (phones, less than 768px)======= */

/* Small devices (tablets, 768px and up) */
/* Medium devices (desktops, 992px and up) */
/* Large devices (large desktops, 1200px and up) */

/*-- features --*/

.features-right{
  margin-top: .5rem;
}
.features-right h4{
  color: #c7000a;
  font-size: 35px;
  margin:0;
  font-weight: 400;
}
.features-grids,.features-bottom-grids{
  background: #f7f7f7;
  border-bottom: 5px solid #e8e8e8;
  border-radius: 10px;
}
.features-bottom-grids,.features-grids{
padding:0;
}
.features-grid img,.features-bottom-grid img{
width:100%;
}
.features-grid,.features-bottom-grid{
padding:.35rem 0 0 0;
}
.features-grid-right{
padding:.35rem .15rem 0  .15rem;
}

.features-bottom{
margin:100px 0;
}


.features-bottom{
margin:100px 0;
}
.features-grid-right h3{
  color: #c7000a;
  font-size: .26rem;
  font-weight: 400;
  margin: 50px 0 20px 0;
  line-height: .17rem;
}
.features-grid-right h3 span,.features-bot-grid-right h3 span{
background:#c7000a;
font-size:.20rem;
color:#fff;
}
.features-grid-right p,.features-bot-grid-right p{
margin:0px 0;
line-height:.25rem;
color:#818181;
font-size:.18rem;
}
/*-- //features --*/