.half-content { float: left; width: 50%; -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;}
.relative {position: relative;}

.card-container{display: flex; flex-direction: row; 
    /* background-color: wheat; 
    box-sizing: border-box;
    box-shadow: 0px 0px 10px 0px  rgb(145, 145, 145); 
    border-radius: 0.8rem 0.8rem;*/}
.half-content .overlay { position: absolute; left: 0; top: 50%; width: 100%; -webkit-transform: translateY(-50%); transform: translateY(-50%);}
.half-content .loop {margin: 0 0 40px;}
.half-content .image { padding: 50px 50px;}
.half-content .image img {-webkit-box-shadow: 25px 25px 0 0 #5dbcd7; box-shadow: 25px 25px 0 0 #ccc;}
.animated {animation-duration: 1s;animation-fill-mode: both;}
.animate-onload [data-effect*="scaleFromZero"], .animate-onappear [data-effect*="scaleFromZero"] {transform: scale(0);}

.t-row .scaleFromZero { animation-name: scaleFromZero;}
img { max-width: 100%; height: auto; vertical-align: middle;}
.image img {-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-transition: all .3s 1s ease; -moz-transition: all .3s 1s ease; transition: all .3s 1s ease;}
.t-row .text { font-size: 2.725em;line-height: 3.2rem; font-weight: 200;}
.fadeInUp { animation-name: fadeInUp;}
.color-dark { color: #0f4873;}
.fadeInLeft { animation-name: fadeInLeft;}
.flex-row {display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;}

.body-content { float: left; width: 100%; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;  box-sizing: border-box;}
.t-row .underliner {
    display: inline-block;
    margin: -5px 0 0;
    position: relative;
}
.t-row .name { font-weight: 800; font-size: .75rem; line-height: 100%; text-transform: uppercase; letter-spacing: 3px;
    margin: 30px 0 0;}
.t-row .text strong { font-weight: 500; color: #fff; position: relative;}
.t-row .text-content { padding: 0 20px;}
.t-row .image {   width: 50vw;  margin: 0 0 0 calc((-100vw + 1260px)/2);}



 
@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}