@charset "UTF-8";
/* *******************
 *
 * Template name:  Bizblog
 *
 * Version:        1.0
 *
 * Author:         ThemeLooks
 *
 * 更多精品模板请访问：http://www.bootstrapmb.com
 *
 *
 *
 * NOTE:
 *
 * -----
 *
 * Please DO NOT EDIT THIS CSS, you may need to use "custom.css" file for writing your custom css.
 *
 * We may release future updates so it will overwrite this file. it's better and safer to use "custom.css".
 *
 * 01: Base CSS 
 *
 * 1.1: Resets
 *
 * 1.2: Paddings
 *
 * 1.3: Common CSS
 *
 * 1.4: Animation
 *
 * 02: Layout CSS
 *
 * 2.1: Search Box
 *
 * 2.2: Navbar
 *
 * 2.3: Banner
 *
 * 2.4: blog Cards
 *
 * 2.5: Newsletter
 *
 * 2.6: Page
 *
 * 2.7: Post
 *
 * 2.8: Widget
 *
 * 2.9: Footer
 *
 * ********************/




/* ************************
 *
 * 2.3: Banner
 *
 * ********************* */
.banner-slider-cover {
  min-height: 700px;
  padding: 15px 5px 25px 5px;
}
@media only screen and (max-width: 991px) {
  .banner-slider-cover {
    min-height: 0px;
    padding-top: 98px;
    padding-bottom: 100px;
  }
}
@media only screen and (max-width: 767px) {
  .banner-slider-cover {
    padding-top: 78px;
  }
}
@media only screen and (max-width: 575px) {
  .banner-slider-cover {
    padding-top: 58px;
    padding-bottom: 22px;
  }
}

.banner-slide .banner-slide-text .category {
  position: relative;
  display: inline-block;
  margin-bottom: 10px;
}
.banner-slide .banner-slide-text .category:before {
  content: "";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 100%;
  height: 1px;
  width: 45px;
  background-color: #FF7171;
  margin-left: 10px;
}
.banner-slide .banner-slide-text .category a {
  font-weight: 700;
  font-family: "Spectral", serif;
  color: #FF7171;
  font-size: 18px;
}
.banner-slide .banner-slide-text h1 {
  font-weight: 700;
  font-size: 46px;
  margin-bottom: 30px;
}
@media only screen and (max-width: 991px) {
  .banner-slide .banner-slide-text h1 {
    font-size: 28px;
  }
}
.banner-slide .banner-slide-text .desc {
  margin-bottom: 20px;
}
@media only screen and (max-width: 991px) {
  .banner-slide .banner-slide-text .desc {
    font-size: 14px;
  }
}
.banner-slide .banner-slide-text .btn-primary {
  margin-top: 20px;
}
.banner-slide .banner-slide-image {
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .banner-slide .banner-slide-image {
    margin-bottom: 50px;
  }
}

.banner-slider-dots {
  margin-top: 10px;
  /*padding: 0px 40px;*/
}
@media only screen and (max-width: 991px) {
  .banner-slider-dots {
    display: none !important;
  }
}
.banner-slider-dots .owl-stage {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.banner-slider-dots .active .dots-count {
  padding-bottom: 17px;
  position: relative;
  font-size: 18px;
  line-height: 1.2;
  font-weight: 500;
  font-family: "Spectral", serif;
  color: #c2c2c2;
  cursor: pointer;
}
.banner-slider-dots .active .dots-count .process-bar {
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 2px;
  background-color: #c2c2c2;
}
.banner-slider-dots .active .dots-count .process-bar-active {
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 0;
  height: 2px;
  background-color: #232323;
}
.banner-slider-dots .active.current .dots-count {
  color: #232323;
}
.banner-slider-dots .active.current .dots-count .process-bar {
  background-color: #dbdbdb;
}
.banner-slider-dots .active.current .dots-count .process-bar-active {
  -webkit-transition: width 4.9s;
  transition: width 4.9s;
  width: 100%;
}