/* -------------------------------------------------------------
  Sass CSS3 Mixins! The Cross-Browser CSS3 Sass Library
  By: Matthieu Aussaguel, http://www.mynameismatthieu.com, @matthieu_tweets

  List of CSS3 Sass Mixins File to be @imported and @included as you need

  The purpose of this library is to facilitate the use of CSS3 on different browsers avoiding HARD TO READ and NEVER
  ENDING css files

  note: All CSS3 Properties are being supported by Safari 5
  more info: http://www.findmebyip.com/litmus/#css3-properties

------------------------------------------------------------- */
.clean-block {
  padding-bottom: 40px; }

.navigation-section {
  background-color: transparent !important; }

.main-page .block-heading {
  padding-top: 30px;
  padding-right: 30px; }
  .main-page .block-heading .text-info, .main-page .block-heading .section-text-info {
    color: #5C277D !important; }
    .main-page .block-heading .text-info.top-title, .main-page .block-heading .section-text-info.top-title {
      background-image: url(../../../../front/images/icon_bar.png);
      background-repeat: no-repeat;
      background-position: center bottom;
      padding-bottom: 20px;
      margin-bottom: 30px; }
  .main-page .block-heading .text-info {
    text-transform: uppercase;
    font-weight: 600; }
.main-page .introduction {
  background-image: url(../../../../front/images/pages/index/desktop/bg_index_1.png);
  background-repeat: no-repeat;
  background-size: cover; }
  .main-page .introduction .cardConainerCategory {
    padding: 15px 5px; }
    .main-page .introduction .cardConainerCategory .card {
      border: none; }
      .main-page .introduction .cardConainerCategory .card .card-caption {
        position: absolute;
        bottom: 10%;
        text-align: center;
        color: #5C277D;
        font-weight: 600;
        font-size: 1.2rem;
        left: 50%;
        transform: translateX(-50%); }
.main-page .about-us {
  background-image: url(../../../../front/images/pages/index/desktop/bg_index_2.png);
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 100px;
  color: #fff; }
  .main-page .about-us h2 {
    font-weight: 100;
    font-size: 1.8rem; }
    .main-page .about-us h2 span {
      font-size: 2rem;
      font-weight: 400; }
  .main-page .about-us p {
    padding-top: 20px;
    font-size: .8rem;
    line-height: 2;
    letter-spacing: 0.1rem;
    text-align: justify; }
  .main-page .about-us button.btn-contact-us {
    margin-top: 40px;
    margin-bottom: 60px;
    background-color: #fff;
    color: #5C277D;
    padding: 10px 20px;
    font-size: 1rem; }
.main-page .clients-certificates {
  background-image: url(../../../../front/images/pages/index/desktop/bg_index_3.png);
  background-repeat: no-repeat;
  background-size: cover; }
  .main-page .clients-certificates .client-list img {
    width: 80%; }

@media screen and (max-width: 992px) {
  .main-page .introduction {
    background-image: url(../../../../front/images/pages/index/mobile/bg_index_1.png); }
  .main-page .about-us {
    background-image: url(../../../../front/images/pages/index/mobile/bg_index_2.png);
    background-size: cover; }
  .main-page .clients-certificates {
    background-image: url(../../../../front/images/pages/index/mobile/bg_index_3.png); } }

/*# sourceMappingURL=home.css.map */