/* Innovation Acta CSS */
/* Variables */
/* Globals*/
html {
  scroll-padding-top: 70px; }

p {
  font-size: 18px; }

/* Banner */
#services-banner {
  position: relative;
  width: 100%;
  height: 350px;
  top: 0;
  left: 0; }

.services-banner-background {
  position: relative;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: url(../../images/services_banner.png) no-repeat center top;
  background-size: cover; }

.cppw-banner-background {
  position: relative;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: url(../../images/cover-form.png) no-repeat center top;
  background-size: cover; }
  
  .hecalls-banner-background {
  position: relative;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: url(../../images/PictureHE.png) no-repeat center top;
  background-size: cover; }

@media only screen and (max-width: 576px) {
  .services-banner-background {
    background: url(../../images/services_banner_mobile.png) center top;
    background-size: contain; } }
.banner-animation {
  position: relative; }
  .banner-animation p, .banner-animation img, .banner-animation .services-banner-background .cppw-banner-background {
    opacity: 0; }
  .banner-animation.animate-in p, .banner-animation.animate-in img, .banner-animation.animate-in .services-banner-background .cppw-banner-background {
    animation: textHidden .1s 1s forwards; }
  .banner-animation.animate-in:before, .banner-animation.animate-in:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    z-index: 10; }
  .banner-animation.animate-in:before {
    background-color: #d4d7d9; }
  .banner-animation.animate-in:after {
    background-color: #e60051;
    animation-delay: .5s; }
  .banner-animation.animation-ltr.animate-in:before {
    animation: revealLTR 1.5s ease; }
  .banner-animation.animation-ltr.animate-in:after {
    animation: revealLTR 1s .5s ease; }
  .banner-animation.animation-rtl.animate-in:before {
    animation: revealRTL 1.5s ease; }
  .banner-animation.animation-rtl.animate-in:after {
    animation: revealRTL 1s .5s ease; }

@keyframes revealRTL {
  0% {
    width: 0;
    right: 0; }
  65% {
    width: 100%;
    right: 0; }
  100% {
    width: 0;
    right: 100%; } }
@keyframes revealLTR {
  0% {
    width: 0;
    left: 0; }
  65% {
    width: 100%;
    left: 0; }
  100% {
    width: 0;
    left: 100%; } }
@keyframes textHidden {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
#funding-strategy {
  background: url("../../images/services_funding_strategy_background.jpg") repeat-y;
  background-size: cover; }

#project-management {
  background: url("../../images/services_project_management_background.jpg") repeat-y;
  background-size: cover; }

#project-review {
  background: url("../../images/services_project_review_background.jpg") repeat-y;
  background-size: cover; }

#communication {
  background: url("../../images/services_communication_background.jpg") repeat-y;
  background-size: cover; }

.communication-list {
  line-height: 35px; }

#training {
  background: url("../../images/services_training_background.jpg") repeat-y;
  background-size: cover; }

.training-list {
  line-height: 35px; }

#meetings-events {
  background: url("../../images/services_meetings_events_background.jpg") repeat-y;
  background-size: cover; }

.meetings-events-list {
  line-height: 35px; }