/*
   float

  */
.left {
  float: left; }

.right {
  float: right; }

@media (max-width: 768px) {
  .float-none {
    float: none; } }

.clearfix:after {
  content: '';
  display: block;
  clear: both; }

.clearfix:before {
  content: '';
  display: block;
  clear: both; }

@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  50% {
    opacity: 1; } }

@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  50% {
    opacity: 1; } }

@-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); } }

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

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

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
  -webkit-animation-duration: 1s;
  animation-duration: 1s; }

@-webkit-keyframes opac {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes opac {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

.fades {
  -webkit-animation-name: opac;
  animation-name: opac;
  -webkit-animation-duration: 1s;
  animation-duration: 1s; }

.clearfix:after {
  content: "";
  display: block;
  clear: both; }

.clearfix:before {
  content: "";
  display: block;
  clear: both; }

.container {
  margin-bottom: 60px; }

.f-holder {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.about-holder {
  max-width: 100%;
  width: 100%;
  margin: 0 auto; }
  .about-holder .title {
    color: #387B98;
    font-size: 1.8em;
    margin-top: 50px; }
    .about-holder .title:after {
      content: "";
      display: block;
      width: 60px;
      height: 2px;
      background: #c30b0b;
      margin: 0 auto;
      margin-top: 10px;
      margin-bottom: 10px; }
  .about-holder .about-heading {
    font-size: 1.4em;
    line-height: 1.8em;
    margin-top: 1.8em;
    border-bottom: 1px solid #e0e0e0;
    margin-bottom: 1.2em;
    font-weight: bold;
    color: #387B98;
    font-family: "Lato", sans-serif;
    margin-top: 50px; }
  .about-holder .about-body p {
    line-height: 1.8em;
    font-size: 0.96em;
    color: #454545;
    letter-spacing: 0.2px;
    word-spacing: 0.5px; }
  .about-holder .big-images .facilities-img-container {
    width: 100%;
    height: 100%;
    overflow: hidden; }
  .about-holder .big-images img {
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear; }
    @media (max-width: 768px) {
      .about-holder .big-images img {
        margin: 0 auto; } }
    .about-holder .big-images img:hover {
      -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
      transform: scale(1.1); }