/*--------------------------------------------------------------------------------------
  HEADER HX
--------------------------------------------------------------------------------------*/
.h1::after,
h1::after {
  display: block;
  width: 60px;
  height: 3px;
  content: " ";
  background-color:#009a44;
}
h1.text-center::after,
.text-center h1::after,
.h1.text-center::after,
.text-center .h1::after {
  margin: auto;
}
.h2::after,
h2::after {
  display: block;
  width: 45px;
  height: 2px;
  content: " ";
  background-color:#009a44;
}
h2.text-center::after,
.text-center h2::after,
.h2.text-center::after,
.text-center .h2::after {
  margin: auto;
}
h1.text-white::after,
.text-white h1::after,
.h1.text-white::after,
.text-white .h1::after,
h2.text-white::after,
.text-white h2::after,
.h2.text-white::after,
.text-white .h2::after {
  background-color:#fff;
}

/*--------------------------------------------------------------------------------------
  HEADER
--------------------------------------------------------------------------------------*/
header.main-header {
  position: relative;
  background-color: #343a40;
  background: url("../img/factorys/main-header.jpg") no-repeat center center;
  background-size: cover;
  padding-top: 8rem;
  padding-bottom: 8rem;
}
header.main-header .overlay {
  position: absolute;
  background-color: #212529;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  opacity: 0.3;
}
header.main-header h1 {
  font-size: 2rem;
}
@media (min-width: 768px) {
  header.main-header {
    padding-top: 16rem;
    padding-bottom: 16rem;
  }
  header.main-header h1,
  header.main-header .h1 {
    font-size: 3rem;
    text-shadow:0 0 10px rgba(0,0,0,0.2);
  }
  header.main-header h2,
  header.main-header .h2 {
    font-size: 2.5rem;
    text-shadow:0 0 10px rgba(0,0,0,0.2);
  }
  header.main-header h3,
  header.main-header .h3 {
    font-size: 2rem;
    text-shadow:0 0 10px rgba(0,0,0,0.2);
  }
}

/*--------------------------------------------------------------------------------------
  HOME FEATURES
--------------------------------------------------------------------------------------*/
.home-section-message {
  padding-top: 5rem;
  padding-bottom: 5rem;
}
.home-section-presentation {
  padding-top: 5rem;
  padding-bottom: 10rem;
  background: url(../img/home-presentation.jpg) bottom center no-repeat #475261;
}
.home-section-presentation h3 {
  padding-bottom: 2rem;
}
.home-action-presentation {
  padding-top: 5rem;
  padding-bottom: 7rem;
}
.home-action-presentation h2 {
  padding-bottom: 4rem;
}
.home-action-presentation h3 {
  font-size: 1.4rem;
}
.home-action-presentation .home-action-item {
  max-width: 20rem;
}
.home-action-presentation .home-action-item .home-action-icon {
  height: 7rem;
}
.home-action-presentation .home-action-item .home-action-icon i {
  transition: font ease-in-out 0.15s;
}
.home-action-presentation .home-action-item .home-action-icon i {
  font-size: 3rem;
  color: #ccc;
}
.home-action-presentation .home-action-item a {
  cursor: pointer;
}
.home-action-showcase .showcase-text {
  padding: 3rem;
}
.home-action-showcase .showcase-img {
  min-height: 30rem;
  background-size: cover;
}
@media (min-width: 768px) {
  .home-action-showcase .showcase-text {
    padding: 7rem;
  }
}
.home-happening-presentation {
  padding-top: 5rem;
  padding-bottom: 7rem;
  background-color: #f8f9fa !important;
}
.home-happening-presentation h2 {
  padding-bottom: 4rem;
}
.home-happening-presentation .home-happening-container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 992px) {
  .home-happening-presentation .home-happening-container {
    max-width: 1260px;
  }
}
.home-happening-presentation .display-picture-block {
  border: 1px solid #e5e5e5;
}
.home-call-to-action {
  position: relative;
  background-color: #343a40;
  background: url(../img/home-register.jpg) bottom center no-repeat #61737c;
  background-size: cover;
  padding-top: 3rem;
  padding-bottom: 7rem;
}

/*--------------------------------------------------------------------------
 DISPLAY SLIDER
--------------------------------------------------------------------------*/
.display-slider-presentation {
  margin-top: 24px;
}
.display-slider-presentation .carousel-item p {
  font-size: 12px;
  line-height: 18px;
}
.display-slider-presentation .carousel-item h5 {
  font-size: 18px;
  line-height: 28px;
}
.display-slider-actuality {
  top: 80px;
}
.display-slider-actuality .carousel-inner {
  border: 1px solid rgba(255,255,255,0.4);
  background-color: rgba(21,29,25,.2);
  border-radius: 4px;
  max-width: 750px;
  margin: auto;
}
.display-slider-actuality .carousel-item {
  padding: 5px 10px;
}
.display-slider-actuality .carousel-item-content {
  align-items: center;
  min-height: 120px;
  padding: 10px 20px;
}
.display-slider-actuality .carousel-item a.slider-actuality-link {
  color: #fff;
  font-weight: 700;
}
.display-slider-actuality .carousel-item a.slider-actuality-link:before {
  content: '>';
  left: -1em;
}
.display-slider-actuality .carousel-item p.slider-actuality-title,
.display-slider-actuality .carousel-item p.slider-actuality-category {
  color: #FFF;
  line-height: 2rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;  
}
.display-slider-actuality .carousel-item p.slider-actuality-title {
  font-weight: 700;
  font-size: 1.4rem;
}
.display-slider-actuality .carousel-item p.slider-actuality-category {
  font-size: 1.8rem;
}