/* -------------------------------------------------------------
  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; }

.carousel-indicators li.active {
  background-color: #bb657e; }
.carousel-indicators li {
  background-color: rgba(60, 60, 60, 0.5); }

.navigation-section {
  background-color: transparent !important; }

.about_us_news {
  padding: 40px 0px; }
  .about_us_news .title_container {
    padding-bottom: 40px; }
    .about_us_news .title_container h2 {
      position: absolute;
      left: 50%;
          width: 100%;
      transform: translate(-50%); }
    .about_us_news .title_container a {
      position: absolute;
      right: 0px;
      padding: 10px;
      color: #de8b5e; }
  .about_us_news .support_org div {
    margin-top: 15px;
    margin-bottom: 15px; }
  .about_us_news .table_row table {
    margin: 10px 0px; }
  .about_us_news .table_row {
    border-bottom: 1px solid #ffccb0; }
    .about_us_news .table_row.last {
      border: none !important; }
    .about_us_news .table_row a {
      font-weight: bold; }
  .about_us_news .about_us_col {
    border-right: 1px solid #ffccb0; }
  .about_us_news h2 {
    text-align: center;
    color: #822c4f;
    font-weight: bold; }

.featured_course {
  background: url("/assets/front/images/preview/images/images/bg_course.png");
  background-repeat: no-repeat;
  background-size: cover; }
  .featured_course .line_background {
    background: repeating-linear-gradient(135deg, #dbf1f3 0px, #dbf1f3 2px, #ffffff 0px, #ffffff 10px); }
  .featured_course .fading {
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.5) 70%, rgba(220, 221, 221, 0.5) 100%); }
  .featured_course .color_bar_decoration {
    background: linear-gradient(90deg, #4dbac2 0%, #4dbac2 80%, #dbf1f3 80%, #dbf1f3 100%);
    width: 10vw;
    height: 10px;
    position: absolute;
    left: 50%;
    transform: translate(-50%); }
  .featured_course .title_container {
    padding: 80px; }
  .featured_course .title_container a {
    float: right;
    color: #a0a0a0;
    padding: 10px; }
  .featured_course h2 {
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    color: #ffffff;
    display: inline; }
  .featured_course .box {
    background: #ffffff;
    margin: 10px 0px;
    width: 100%;
    border-radius: 50%; }
    .featured_course .box .box_title {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      font-weight: bold; }
  .featured_course .box p {
    padding: 0px 15px;
    font-size: 0.8em; }
  .featured_course .tag_title * {
    display: inline-block;
    position: absolute;
    left: 50%;
    transform: translate(-50%); }
  .featured_course .tag_title img {
    position: relative !important;
    left: 0% !important;
    display: inline-block !important;
    transform: unset !important; }
  .featured_course .tag_title span {
    left: 50%;
    transform: translate(-50%); }
  .featured_course .tag_title {
    text-align: left;
    margin: 10px 0px; }
  .featured_course .row {
    padding-bottom: 40px; }

.artlist .title_container {
  padding: 40px; }
.artlist .title_container a {
  float: right;
  color: #bb657e;
  padding: 10px; }
.artlist h2 {
  position: absolute;
  left: 50%;
  transform: translate(-50%);
  color: #de8b5e;
  display: inline;
  font-weight: bold; }
.artlist .nav {
  padding: 40px 0px; }

.main-page .block-heading .text-info,
.main-page .block-heading .section-text-info {
  color: #bb657e !important; }
  .main-page .block-heading .text-info.top-title,
  .main-page .block-heading .section-text-info.top-title {
    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: linear-gradient(180deg, white 0%, white 50%, #fee8d5 50%, #fee8d5 100%);
  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: #bb657e;
        font-weight: 600;
        font-size: 1.2rem;
        left: 50%;
        transform: translateX(-50%); }
.main-page .about-us {
  background-image: url(../../../../front/images/temp_home/bg_index_2.png);
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 100px;
  color: #646464; }
  .main-page .about-us h2 {
    font-weight: 100;
    font-size: 1.8rem;
    color: #169845; }
    .main-page .about-us h2 span {
      font-size: 2rem;
      font-weight: 400; }
  .main-page .about-us p {
    padding-top: 20px;
    font-size: 1em;
    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: #169845;
    padding: 10px 40px;
    font-size: 1.2em;
    border-radius: 0; }
.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%; }

.images_display_zone li {
  padding-left: 5px;
  padding-right: 5px;
  margin-top: 5px;
  margin-bottom: 5px; }
  .images_display_zone li img {
    height: 100%;
    object-fit: cover; }

@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); } }
@media screen and (max-width: 768px) {
  .featured_course {
    background: url("/assets/front/images/preview/images/images/bg_course_m.png");
    background-repeat: no-repeat;
    background-size: cover; }

  .box_title {
    font-size: 1.2em;
    white-space: nowrap; }

  .about_us_col {
    border: none !important; } }

/*# sourceMappingURL=home.css.map */
