/*------------------------------------------------------------------
[Table of contents]

1. Extend
2. Global
3. Arrows
4. Breadcrumb 
5. Dots 
6. Fonts
7. Pagination
8. Footer
9. Header
10. Sidebar
11. 404 Error
12. About me Page 
13. About us Page
14. Account Page
15. Blog Page
16. Contact Page
17. Cart Page
18. Checkout Page
19. Coming Soon Page
20. Front Page
21. Gallery Page
22. Our Team Page
23. Portfolio Page
24. Single Product Page
25. Shop Page
26. Single Post Page
27. Responsive
更多精品Bootstrap模板请访问：http://www.bootstrapmb.com
-------------------------------------------------------------------*/
/* 1. Extend ------------------------------------------*/
/* @extend display-flex; */
display-flex, .display-flex, .display-flex-center, .socials-bold, .au-btn:after, .meta .meta-item, .portfolio-pagination-content, .spendora-pagination-content .prev, .spendora-pagination-content .next, .portfolio-pagination-content .prev, .portfolio-pagination-content .next, .menu ul, .toggle-box .toggle-btn, .spendora-lastest-post ul li, .widget_categories ul li, .widget_product_categories ul li, .spendora-instagram-gallery, .widget_price_filter .price_slider_wrapper .price_slider_amount, .product_list_widget li, .socials-logins, .blog-page .item, .cart-page .woocommerce-cart-form .shop_table tbody .cart_item .product-quantity .quantity .modify-qty, .woocommerce .spendora-checkout-top .checkout_coupon .form-row, .checkout-page form.woocommerce-checkout .spendora-order-reviews #order_review table.shop_table tfoot .order-review-total li, #count-down-time, .email-subcribe form, .email-subcribe form button, .slideshow-btn:after, .wrap-scroll-slider1 .scroll-slider1, .year-experience, .landing-porfolio-content, .our-team-content .item, .our-process-content .our-process-list, .aboutus-intro, .aboutus-intro .intro-content .signature, .au-video-button i, #fullpage .testimonials-fullpage-content, .single-product .product .product-summary .summary .woocommerce-product-rating, .single-product .product .product-summary .summary form.cart, .single-product .product .product-summary .summary form.cart .quantity .modify-qty, .single-product .product .spendora-product-tabs .tabs, .product-item figure .new, .product-item figure .onsale, .product-item figure .woocommerce-add-to-cart, .product-item figure .woocommerce-add-to-cart a, .product-item .info .product-title-price, .single-content .tags-socials .socials, .single-post-author, .comment-item .comment-content, .comment-item .comment-content .comment-body .comment-author, .common-form .form-submit:after {
  display: flex;
  display: -webkit-flex; }

/* @extend list-type-ulli; */
list-type-ulli, ul, .pagination ul, .menu ul, .widget_lastest_entries ul, .filter-projects {
  list-style-type: none;
  margin: 0;
  padding: 0; }

/* 2. Global ------------------------------------------*/
a:hover, a:focus, a:active {
  text-decoration: none;
  outline: none;
  transition: all 300ms ease 0s;
  -moz-transition: all 300ms ease 0s;
  -webkit-transition: all 300ms ease 0s;
  -o-transition: all 300ms ease 0s;
  -ms-transition: all 300ms ease 0s; }

input, select, textarea {
  outline: none;
  appearance: unset !important;
  -moz-appearance: unset !important;
  -webkit-appearance: unset !important;
  -o-appearance: unset !important;
  -ms-appearance: unset !important; }

input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
  appearance: none !important;
  -moz-appearance: none !important;
  -webkit-appearance: none !important;
  -o-appearance: none !important;
  -ms-appearance: none !important;
  margin: 0; }

input:focus, select:focus, textarea:focus {
  outline: none;
  box-shadow: none !important;
  -moz-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  -o-box-shadow: none !important;
  -ms-box-shadow: none !important; }

input[type=checkbox] {
  appearance: checkbox !important;
  -moz-appearance: checkbox !important;
  -webkit-appearance: checkbox !important;
  -o-appearance: checkbox !important;
  -ms-appearance: checkbox !important; }

input[type=radio] {
  appearance: radio !important;
  -moz-appearance: radio !important;
  -webkit-appearance: radio !important;
  -o-appearance: radio !important;
  -ms-appearance: radio !important; }

img {
  max-width: 100%;
  height: auto; }

figure {
  margin: 0; }

p {
  margin-bottom: 0px;
  line-height: 1.8; }

h1, h2, h3, h4, h5, h6 {
  line-height: 1.2;
  margin: 0;
  padding: 0;
  font-weight: normal;
  font-family: 'Montserrat Bold';
  color: #333; }

.form-control:focus {
  box-shadow: none; }

.widget p {
  margin: 0; }

.main {
  display: inline-block;
  width: 100%;
  overflow: hidden; }

.fix-container {
  width: 1200px;
  margin: auto; }

.fw {
  float: left;
  width: 100%; }

.stick {
  position: fixed;
  z-index: 999;
  background: rgba(225, 225, 225, 0.8); }

.clear {
  clear: both; }

h3 {
  font-family: 'Montserrat SemiBold';
  color: #333;
  font-size: 22px; }

h2 {
  text-transform: uppercase;
  font-family: 'Montserrat Bold';
  font-size: 36px;
  color: #333; }

h5 {
  font-size: 18px;
  font-family: 'Montserrat SemiBold';
  color: #333; }

h4 {
  font-size: 30px;
  font-family: 'Montserrat Bold';
  text-transform: uppercase; }

h6 {
  font-size: 20px;
  font-family: 'Montserrat SemiBold';
  color: #333; }

html {
  height: 100%; }

body {
  font-size: 15px;
  line-height: 1.71;
  color: #666;
  background: #fff;
  font-family: 'Montserrat Regular';
  position: relative; }

.body-no-line .body-line {
  display: none; }









.our-process-content {
  padding-top: 70px;}
  .our-process-content .item {
    margin-right: 100px;margin-top: 15px;
    text-align: center; }
    .our-process-content .item:last-child {
      margin-right: 0px; }
    .our-process-content .item:nth-child(2n) {
       }
      .our-process-content .item:nth-child(2n) .hexagon .zigzax-line {
        transform: rotate(-15deg);
        top: 59%;
        left: -69%; }
    .our-process-content .item:first-child .hexagon .zigzax-line {
      display: none; }
    .our-process-content .item .hexagon {
      position: relative; }
      .our-process-content .item .hexagon figure {
        overflow: visible;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%); }
        .our-process-content .item .hexagon figure img {
          transition: transform ease 0.3s;
          -moz-transition: transform ease 0.3s;
          -webkit-transition: transform ease 0.3s;
          -o-transition: transform ease 0.3s;
          -ms-transition: transform ease 0.3s; }
      .our-process-content .item .hexagon:hover figure img {
        transform: scale(1.2);
        -moz-transform: scale(1.2);
        -webkit-transform: scale(1.2);
        -o-transform: scale(1.2);
        -ms-transform: scale(1.2); }
    .our-process-content .item .zigzax-line {
      position: absolute;
      content: '';
      top: 40%;
      left: -69%;
      background-image: linear-gradient(to right, #b3b3b3 50%, white 50%);
      background-position: top;
      background-size: 8px 1px;
      background-repeat: repeat-x;
      width: 72%;
      height: 1px;
      transform: rotate(14deg); }
    .our-process-content .item .info {
      padding-top: 15px; font-size: 18px;}

    .our-process-content .item .info.span{
       font-size: 18px; }
.our-process-content .our-process-list {
    justify-content: center;
    -moz-justify-content: center;
    -webkit-justify-content: center;
    -o-justify-content: center;
    -ms-justify-content: center; }



/* 27. Responsive ------------------------------------------*/
@media screen and (max-width: 1600px) {
  .masonry-scattered-content .item-horizon-right {
    margin-right: -55px;
    padding-left: 50px; }

  .masonry-scattered-content .item-horizon-left {
    margin-left: -55px;
    padding-right: 50px; }

  .clients-list {
    margin-left: 0px;
    margin-right: 0px;
    padding-left: 15px;
    padding-right: 15px; }

  .coming-soon {
    padding-top: 90px; }

  #fullpage .testimonials-fullpage .item .line3 {
    bottom: 0px; }

  #fullpage .testimonials-fullpage .item .line1 {
    top: 0px; }

  #fullpage .testimonials-fullpage .item:after, #fullpage .testimonials-fullpage .item:before {
    height: calc(100% - 20px); }

  .testimonials-fullpage-slider .slick-arrow {
    top: 85%; }

  #fullpage .testimonials-fullpage-content {
    padding-left: 50px;
    padding-right: 40px; }

  .testimonials-fullpage-slider .slick-prev {
    left: 64.7%; }

  .testimonials-fullpage-slider .slick-next {
    left: 71.3%; }

  #fullpage .testimonials-fullpage {
    margin-right: 110px; }

  .page-pull, .header-pull .header-menu-content {
    padding-top: 50px; }

  .introduce-accordion .card .card-body, .introduce-accordion .card .card-header {
    padding-left: 100px;
    padding-right: 100px; } }
@media screen and (max-width: 1500px) {
  .introduce-accordion .card .card-body, .introduce-accordion .card .card-header {
    padding-left: 15px;
    padding-right: 15px; } }
@media screen and (max-width: 1400px) {
  #fullpage .welcome-content .info {
    padding: 55px 83px 60px; } }
@media screen and (max-width: 1300px) {
  .masonry-scattered-content .item-horizon-right {
    margin-right: 0px;
    padding-left: 35px; }

  .masonry-scattered-content .item-horizon-left {
    margin-left: 0px;
    padding-right: 35px; }

  .home-blog-content, .statistics-content, .left, .right {
    margin-left: 0px;
    margin-right: 0px; }

  .partner-list .partner-item:nth-child(1) .item:before, .partner-list .partner-item:nth-child(4) .item:before,
  .partner-list .partner-item:nth-child(1) .item:after, .partner-list .partner-item:nth-child(5) .item:after,
  .partner-list .partner-item:nth-child(9) .item:after, .partner-list .partner-item:nth-child(4) .item:after,
  .partner-list .partner-item:nth-child(8) .item:after, .partner-list .partner-item:nth-child(12) .item:after,
  .partner-list .partner-item:nth-child(1):before, .partner-list .partner-item:nth-child(9):before,
  .partner-list .partner-item:nth-child(1):after, .partner-list .partner-item:nth-child(2):after, .partner-list .partner-item:nth-child(3):after,
  .partner-list .partner-item:nth-child(4):after, .partner-list .partner-item:nth-child(9):after,
  .partner-list .partner-item:nth-child(10):after, .partner-list .partner-item:nth-child(11):after, .partner-list .partner-item:nth-child(12):after,
  .projects-border-grid .project-item:nth-child(1):before, .projects-border-grid .project-item:nth-child(5):before,
  .projects-border-grid .project-item:nth-child(1):after, .projects-border-grid .project-item:nth-child(2):after,
  .projects-border-grid .project-item:nth-child(3):after, .projects-border-grid .project-item:nth-child(4):after,
  .projects-border-grid .project-item:nth-child(1) .item:before, .projects-border-grid .project-item:nth-child(4) .item:before,
  .projects-border-grid .project-item:nth-child(1) .item:after, .projects-border-grid .project-item:nth-child(5) .item:after,
  .projects-border-grid .project-item:nth-child(8) .item:after, .projects-border-grid .project-item:nth-child(4) .item:after,
  .projects-border-grid .project-item:nth-child(5):after, .projects-border-grid .project-item:nth-child(6):after,
  .projects-border-grid .project-item:nth-child(7):after, .projects-border-grid .project-item:nth-child(8):after {
    display: none; }

  .introduce-accordion .card .card-body .body-img img {
    margin-bottom: 10px; }

  #fullpage .welcome-content .info:after {
    opacity: 0.1; }

  #fullpage .section .anchor-text {
    display: none; }

  #fp-nav {
    display: none; } }
@media screen and (max-width: 1200px) {
  .container {
    width: 100%;
    max-width: 100%; }

  .body-line {
    display: none; }

  .single-post-author figure {
    width: 811px; }

  .our-process-content .item .zigzax-line {
    display: none; }

  #fullpage .our-team-fullpage-content .item-heading {
    padding: 45px 10px 45px 40px; }

  .testimonials-fullpage-img {
    display: none; }

  #fullpage .testimonials-fullpage-content {
    margin-top: 0px;
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 130px; }

  #fullpage .testimonials-fullpage {
    margin-left: 30px;
    margin-right: 30px; }

  .year-experience .year-experience-number {
    font-size: 175px; }

  .page-pull .grids {
    grid-gap: 10px; }

  .welcome-content figure {
    display: none; }

  #fullpage .welcome-content .info {
    margin-right: 0px;
    margin-left: 0px; }

  #fullpage .welcome-content .info {
    padding: 78px 83px 90px; }

  .page-pull #full .grids .item {
    padding-right: 0px; } }
@media screen and (min-width: 1024px) {
  .container {
    max-width: 1200px; } }
@media screen and (max-width: 1024px) {
  .hidden-tablet-landscape {
    display: none; }

  .hidden-tablet-landscape-up {
    display: block; }

  .header-home2 {
    position: relative; }

  .header-6 .hamburger-inner, .header-6 .hamburger-inner:after, .header-6 .hamburger-inner:before {
    background-color: #fff; }

  .header-pull {
    position: relative;
    width: 100%; }

  .page-pull {
    padding-left: 60px; }

  .heading-page-content {
    flex-direction: column;
    -moz-flex-direction: column;
    -webkit-flex-direction: column;
    -o-flex-direction: column;
    -ms-flex-direction: column; }

  .project-five-columns .project-items .item {
    width: 33.33%; }

  .heading-page-2 img {
    height: 300px; }

  .heading-page-2 .heading-page-content {
    padding-top: 40px;
    padding-bottom: 43px; }

  .our-process-content .item {
    margin-right: 35px; }

  .landing-content .landing-sizer, .landing-content .landing-item {
    width: 50%; }

  .landing-content .landing-item {
    padding-left: 15px;
    padding-right: 15px; }

  .landing-content {
    margin-left: -15px;
    margin-right: -15px; } }
@media screen and (max-width: 992px) {
  .related-portfolios .projects-standard .item {
    margin-bottom: 30px; }

  .au-page-title {
    font-size: 30px; }

  .blog-sidebar--right .blog-list {
    padding-right: 0px; }

  .blog-sidebar--left .blog-list {
    padding-left: 0px; }

  .our-process-content .our-process-list {
    flex-direction: column;
    -moz-flex-direction: column;
    -webkit-flex-direction: column;
    -o-flex-direction: column;
    -ms-flex-direction: column; }

  .our-process-content .item:nth-child(2n) {
    margin-top: 0px; }

  .our-process-content .item, .home-aboutus-content .item {
    margin-bottom: 30px; }

  .our-process-content .item {
    margin-right: 0px; }
.align-items-center{ text-align: center; border: 1px solid red;}