#colorlib-hero {
  height: 55px;
  background: #fff no-repeat center center;
  z-index: 0;
  width: 100%;
  display: block; }
  #colorlib-hero .flexslider {
    border: none;
    z-index: 1;
    margin-bottom: 0; }
    #colorlib-hero .flexslider .slides {
      position: relative;
      overflow: hidden; }
      #colorlib-hero .flexslider .slides li {
        background-repeat: no-repeat;
        background-size: cover;
        background-position: top center;
        min-height: 800px;
        position: relative; }
        #colorlib-hero .flexslider .slides li:after, #colorlib-hero .flexslider .slides li:before {
          position: absolute;
          top: 0;
          bottom: 0;
          left: 0;
          right: 0;
          content: '';
          z-index: 1;
          background: white;
          background: -moz-linear-gradient(left, white 0%, white 35%, rgba(255, 255, 255, 0) 79%, rgba(255, 255, 255, 0) 100%);
          background: -webkit-gradient(left top, right top, color-stop(0%, white), color-stop(35%, white), color-stop(79%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(255, 255, 255, 0)));
          background: -webkit-linear-gradient(left, white 0%, white 35%, rgba(255, 255, 255, 0) 79%, rgba(255, 255, 255, 0) 100%);
          background: -o-linear-gradient(left, white 0%, white 35%, rgba(255, 255, 255, 0) 79%, rgba(255, 255, 255, 0) 100%);
          background: -ms-linear-gradient(left, white 0%, white 35%, rgba(255, 255, 255, 0) 79%, rgba(255, 255, 255, 0) 100%);
          background: -webkit-gradient(linear, left top, right top, from(white), color-stop(35%, white), color-stop(79%, rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0)));
          background: linear-gradient(to right, white 0%, white 35%, rgba(255, 255, 255, 0) 79%, rgba(255, 255, 255, 0) 100%);
          filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 ); }
        #colorlib-hero .flexslider .slides li:before {
          background: white;
          background: -moz-linear-gradient(top, white 0%, rgba(255, 255, 255, 0) 15%, rgba(255, 255, 255, 0) 100%);
          background: -webkit-gradient(left top, left bottom, color-stop(0%, white), color-stop(15%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(255, 255, 255, 0)));
          background: -webkit-linear-gradient(top, white 0%, rgba(255, 255, 255, 0) 15%, rgba(255, 255, 255, 0) 100%);
          background: -o-linear-gradient(top, white 0%, rgba(255, 255, 255, 0) 15%, rgba(255, 255, 255, 0) 100%);
          background: -ms-linear-gradient(top, white 0%, rgba(255, 255, 255, 0) 15%, rgba(255, 255, 255, 0) 100%);
          background: -webkit-gradient(linear, left top, left bottom, from(white), color-stop(15%, rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0)));
          background: linear-gradient(to bottom, white 0%, rgba(255, 255, 255, 0) 15%, rgba(255, 255, 255, 0) 100%);
          filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0 ); }
    #colorlib-hero .flexslider .flex-control-nav {
      bottom: 12em;
      z-index: 1000; }
      #colorlib-hero .flexslider .flex-control-nav li a {
        background: rgba(0, 0, 0, 0.2);
        -webkit-box-shadow: none;
        box-shadow: none;
        width: 10px;
        height: 10px;
        cursor: pointer;
        position: relative; }
        #colorlib-hero .flexslider .flex-control-nav li a:after {
          position: absolute;
          top: -3px;
          left: -3px;
          right: 0;
          bottom: 0;
          width: 16px;
          height: 16px;
          content: '';
          border: 1px solid rgba(0, 0, 0, 0.2);
          -webkit-border-radius: 50%;
          -moz-border-radius: 50%;
          -ms-border-radius: 50%;
          border-radius: 50%; }
        #colorlib-hero .flexslider .flex-control-nav li a.flex-active {
          cursor: pointer;
          background: #9bdf46; }
          #colorlib-hero .flexslider .flex-control-nav li a.flex-active:after {
            border: 1px solid #9bdf46; }
    #colorlib-hero .flexslider .flex-direction-nav {
      display: none; }
    #colorlib-hero .flexslider .slider-text {
      display: table;
      opacity: 0;
      min-height: 650px;
      z-index: 9; }
      #colorlib-hero .flexslider .slider-text > .slider-text-inner {
        display: table-cell;
        vertical-align: middle;
        height: 700px; }
        #colorlib-hero .flexslider .slider-text > .slider-text-inner h1, #colorlib-hero .flexslider .slider-text > .slider-text-inner h2 {
          margin: 0;
          padding: 0;
          color: black; }
        #colorlib-hero .flexslider .slider-text > .slider-text-inner h1 {
          margin-bottom: 20px;
          font-size: 48px;
          line-height: 1.3;
          font-weight: 300; }
          @media screen and (max-width: 768px) {
            #colorlib-hero .flexslider .slider-text > .slider-text-inner h1 {
              font-size: 30px; } }
        #colorlib-hero .flexslider .slider-text > .slider-text-inner h2 {
          font-size: 24px;
          line-height: 1.5;
          margin-bottom: 30px;
          font-weight: 300;
          font-family: "Poppins", Arial, sans-serif;
          color: rgba(0, 0, 0, 0.5); }
          #colorlib-hero .flexslider .slider-text > .slider-text-inner h2 a {
            color: rgba(255, 255, 255, 0.5); }
        #colorlib-hero .flexslider .slider-text > .slider-text-inner .doc-holder {
          font-size: 30px;
          font-weight: 300;
          margin-bottom: 10px; }
        #colorlib-hero .flexslider .slider-text > .slider-text-inner .btn {
          padding: 18px 30px !important;
          color: #fff;
          border: none !important;
          font-size: 12px;
          font-weight: 700;
          text-transform: uppercase;
          letter-spacing: 2px; }
          #colorlib-hero .flexslider .slider-text > .slider-text-inner .btn:hover {
            background: #3c97e8 !important;
            -webkit-box-shadow: 0px 14px 30px -15px rgba(0, 0, 0, 0.75) !important;
            -moz-box-shadow: 0px 14px 30px -15px rgba(0, 0, 0, 0.75) !important;
            box-shadow: 0px 14px 30px -15px rgba(0, 0, 0, 0.75) !important; }
        #colorlib-hero .flexslider .slider-text > .slider-text-inner .colorlib-lead {
          font-size: 20px;
          color: #fff; }
          #colorlib-hero .flexslider .slider-text > .slider-text-inner .colorlib-lead .icon-heart {
            color: #d9534f; }


#colorlib-counter {
  padding: 3em 0;
  z-index: 1;
  margin-top: -9.3em; }

.colorlib-counters {
  padding: 2em 0;
  background-size: cover;
  background-attachment: fixed;
  background-position: center center;
  position: relative; }
    .colorlib-counters .overlay {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        content: '';
        background: #28a5df;/*#D3D3D3;*/
    }
  .colorlib-counters .colorlib-counter {
    font-size: 44px;
    display: inline-block;
    color: white;
    width: 100%;
    font-weight: 400;
    margin-bottom: 0; 
    margin-left:11px;
  }
  .colorlib-counters .colorlib-counter-label {
    color: rgba(255, 255, 255, 0.8);
    font-size: 23px;
    margin-bottom: 2em;
    display: block;
    font-weight: 500; }
    .colorlib-counters .icon {
        font-size: 44px;
        display: inline-block;
        color: white;
        width: 100%;
        font-weight: 400;
        margin-bottom: 0;
        /*margin-left: 11px;*/
        /*position: absolute;
    top: 0;
    left: 0;*/
    }
    .colorlib-counters .icon i {
      font-size: 40px;
      color: #fff; 
      /*margin-left:23px;*/
    }
  .colorlib-counters .desc {
    position: relative; }
    @media screen and (max-width: 768px) {
      .colorlib-counters .desc {
        text-align: center; } }
    .colorlib-counters .desc p.wrap {
      display: inline-block;
      position: relative;
      margin-bottom: 0;
      padding-left: 45px; }
      .colorlib-counters .desc p.wrap span {
        display: inline-block !important; }