/* -------------------------------------------------------------
  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

------------------------------------------------------------- */
/*td {
    color: white;
    font-weight: 300;
    padding: 0 15px; 
    font-size: 18px; 
}*/
.first-col {
  color: white;
  font-weight: 300;
  padding: 0 15px;
  font-size: 18px;
  line-height: normal; }

.first-style {
  color: white;
  font-weight: 300;
  padding: 0 3px;
  font-size: 18px;
  line-height: 2.2; }

#block-1,
#block-2 {
  border-right: 1px solid #fff;
  border-bottom: none; }

@media screen and (max-width: 576px) and (min-width: 0px) {
  /* width less than 780px */
  #block-1,
  #block-2 {
    border-bottom: 1px solid #fff;
    border-right: none; } }
@media screen and (min-width: 577px) {
  /* width less than 780px */
  #block-1,
  #block-2 {
    border-right: 1px solid #fff;
    border-bottom: none; } }
@media screen and (max-width: 767px) and (min-width: 0px) {
  /* width less than 780px */
  #space {
    display: none; } }
@media screen and (min-width: 768px) {
  /* width less than 780px */
  #space {
    display: block; } }
.clean-block {
  padding-bottom: 40px; }

.btn-booking {
  padding: 10px 60px;
  color: white;
  font-size: 1.2;
  letter-spacing: 5px;
  border-radius: 0px;
  background-color: #a0d773; }
  .btn-booking:hover {
    color: white;
    text-decoration: none !important; }

.carousel-indicators li.active {
  background-color: #4cbf66; }
.carousel-indicators li {
  background-color: rgba(60, 60, 60, 0.5); }

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

.about_us {
  background-image: url("../../../../front/images/bg_about.png");
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 620px; }
  .about_us #about_us_background {
    background-image: url("../../../../front/images/bg_about_txt.png");
    background-repeat: no-repeat;
    background-size: auto auto;
    background-position-x: center;
    z-index: 1500;
    min-height: 620px;
    width: 50%; }
    .about_us #about_us_background div {
      height: 100%;
      justify-content: center;
      align-items: center; }
      .about_us #about_us_background div * {
        margin: 15px 0px; }

.about_us_news {
  padding: 20px 0px;
  line-height: 2; }
  .about_us_news .table_row table {
    margin: 10px 0px; }
  .about_us_news .about_us_col {
    border-right: 1px solid #8ed2eb; }
  .about_us_news h2 {
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    color: #4cbf66;
    display: inline-block; }
  .about_us_news .title_container {
    text-align: center;
    padding: 40px; }
  .about_us_news .title_container a {
    float: right;
    color: #4cbf66;
    padding: 0px 10px; }

.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 .background {
  background-image: url("../../../../front/images/bg_course.png");
  background-repeat: no-repeat;
  background-size: 100% 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 .hyperlink_box {
  text-decoration: none !important; }
.featured_course .description_box {
  padding: 10px 10px 5px 10px; }
.featured_course .description_box h1,
.featured_course h2,
.featured_course h3,
.featured_course h4,
.featured_course h5,
.featured_course h6 {
  text-align: center; }
.featured_course .title_container {
  padding: 60px; }
.featured_course .title_container a {
  float: right;
  color: #4cbf66;
  padding: 10px; }
.featured_course h2 {
  position: absolute;
  left: 50%;
  transform: translate(-50%);
  color: #4cbf66;
  display: inline; }
.featured_course .course_box {
  margin-bottom: 15px; }
.featured_course .box {
  background: #ffffff;
  /* box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);*/
  margin: 10px 0px;
  width: 100%;
  height: 100%;
  /*max-height: 250px;*/
  padding: 10px;
  border-radius: 10px; }
  .featured_course .box h5 {
    color: #808080; }
  .featured_course .box p {
    text-align: center;
    color: #808080;
    opacity: 0.8;
    padding: 0px 15px;
    font-size: 0.8em;
    margin-bottom: 0px !important; }
  .featured_course .box img {
    border-radius: 10px; }
.featured_course .tag_title {
  display: block;
  text-align: center; }

.school_list .title_container {
  padding: 40px; }
.school_list .title_container a {
  float: right;
  color: #a0a0a0;
  padding: 10px; }
.school_list h2 {
  position: absolute;
  left: 50%;
  transform: translate(-50%);
  color: #4cbf66;
  display: inline; }
.school_list .nav {
  padding: 40px 0px; }

.main-page .block-heading .text-info,
.main-page .block-heading .section-text-info {
  color: #4cbf66 !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: #4cbf66;
        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%; }

.mobile_more {
  display: none; }

.more {
  color: #4cbf66; }
  .more:hover {
    color: #4cbf66;
    text-decoration: none !important; }

@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) {
  .about_us {
    background-image: url("../../../../front/images/bg_about_m.png") !important;
    background-repeat: no-repeat;
    background-position-y: bottom !important;
    background-size: contain; }

  #about_us_background {
    background-image: none !important;
    width: 100% !important; }
    #about_us_background div {
      justify-content: flex-start !important; }

  .background {
    background-image: url("../../../../front/images/bg_course_m.png") !important;
    background-repeat: no-repeat;
    background-size: 100% 100%; } }
@media screen and (max-width: 576px) {
  .mobile_more {
    display: block;
    text-align: right; } }

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