.pLoader {
  width: 100%;
  height: 100%;
  position: fixed;
  background: #2f3640;
  z-index: 2; }
  .pLoader ul {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: 0;
    padding: 0;
    display: flex; }
    .pLoader ul li {
      list-style: none;
      color: #57606f;
      font-size: 5em;
      letter-spacing: 15px;
      animation: pLoaderAni 1.4s linear infinite; }
@keyframes pLoaderAni {
  0% {
    color: #57606f;
    text-shadow: none; }
  90% {
    color: #57606f;
    text-shadow: none; }
  100% {
    color: #00a8ff;
    text-shadow: 0 0 7px #00a8ff, 0 0 50px #0097e6; } }
  .pLoader ul li:nth-child(1) {
    animation-delay: .2s; }
  .pLoader ul li:nth-child(2) {
    animation-delay: .4s; }
  .pLoader ul li:nth-child(3) {
    animation-delay: .6s; }
  .pLoader ul li:nth-child(4) {
    animation-delay: .8s; }
  .pLoader ul li:nth-child(5) {
    animation-delay: 1s; }
  .pLoader ul li:nth-child(6) {
    animation-delay: 1.2s; }
  .pLoader ul li:nth-child(7) {
    animation-delay: 1.4s; }

@media screen and (max-width: 767px) {
  .pLoader ul li {
    font-size: 22px;
    letter-spacing: 12px; } }
.aboutContain {
  position: fixed;
  background: #2f3640;
  text-align: center;
  text-align: -webkit-center;
  text-align: -moz-center;
  text-align: -o-center;
  width: 100%;
  height: 665px; }
  .aboutContain h2 {
    color: #00a8ff;
    font-family: "Lobster", cursive;
    margin: 10px;
    font-weight: 100; }
  .aboutContain a {
    color: #00a8ff;
    font-family: "Rajdhani", sans-serif;
    text-decoration: none;
    font-size: 22px; }
  .aboutContain .btHome {
    position: absolute;
    left: 15px;
    top: 15px; }
  .aboutContain .gtAbout {
    position: absolute;
    right: 15px;
    top: 15px; }
  .aboutContain button {
    position: absolute;
    color: #00a8ff;
    font-family: "Rajdhani", sans-serif;
    z-index: 2;
    right: 1%;
    border: none;
    background: transparent;
    outline: none !important;
    cursor: pointer;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s; }
  .aboutContain .num1 {
    top: 50%; }
  .aboutContain .num2 {
    top: 55%; }
  .aboutContain .num3 {
    top: 60%; }
  .aboutContain .num4 {
    top: 65%; }
  .aboutContain .about {
    top: 50%;
    left: 50%;
    height: 550px;
    width: 90%;
    transform: translate(-50%, -50%);
    position: absolute; }
    .aboutContain .about ul {
      width: 100%;
      height: 100%;
      margin: 0;
      padding: 0;
      transition: 0.8s;
      -webkit-transition: 0.8s;
      -moz-transition: 0.8s;
      -o-transition: 0.8s; }
      .aboutContain .about ul li {
        margin-bottom: 5%;
        width: 100%;
        height: 100%;
        list-style: none; }
      .aboutContain .about ul li:nth-child(1) {
        background-image: url(../img/lee-campbell-86958-unsplash-min.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center; }
        .aboutContain .about ul li:nth-child(1) .description {
          height: 100%;
          width: 100%;
          background: rgba(47, 54, 64, 0.7);
          position: absolute; }
          .aboutContain .about ul li:nth-child(1) .description h2 {
            margin: 15px; }
          .aboutContain .about ul li:nth-child(1) .description p {
            color: #00a8ff;
            font-family: "Lobster", cursive;
            font-size: 22px;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%); }
      .aboutContain .about ul li:nth-child(2) {
        background-image: url(../img/IMG-20161005-WA0004.jpg);
        margin-top: 5%;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center; }
        .aboutContain .about ul li:nth-child(2) .description {
          height: 100%;
          width: 100%;
          background: rgba(47, 54, 64, 0.7);
          position: absolute; }
          .aboutContain .about ul li:nth-child(2) .description h2 {
            margin: 15px; }
          .aboutContain .about ul li:nth-child(2) .description p {
            color: #00a8ff;
            font-family: "Lobster", cursive;
            font-size: 22px;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%); }
      .aboutContain .about ul li:nth-child(3) {
        background-image: url(../img/IMG_4962.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        margin-bottom: 70px !important; }
        .aboutContain .about ul li:nth-child(3) .description {
          height: 100%;
          width: 100%;
          background: rgba(47, 54, 64, 0.7);
          position: absolute; }
          .aboutContain .about ul li:nth-child(3) .description h2 {
            margin: 15px; }
          .aboutContain .about ul li:nth-child(3) .description p {
            color: #00a8ff;
            font-family: "Lobster", cursive;
            font-size: 22px;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%); }
      .aboutContain .about ul li:nth-child(4) {
        background-image: url(../img/488103.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        margin-bottom: 0 !important; }
        .aboutContain .about ul li:nth-child(4) .description {
          height: 100%;
          width: 100%;
          background: rgba(47, 54, 64, 0.7);
          position: absolute; }
          .aboutContain .about ul li:nth-child(4) .description h2 {
            margin: 15px; }
          .aboutContain .about ul li:nth-child(4) .description p {
            color: #00a8ff;
            font-family: "Lobster", cursive;
            font-size: 22px;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%); }

@media screen and (max-width: 1200px) {
  .about ul {
    height: 100%; }
    .about ul li:nth-child(2) {
      margin-top: 60px !important; }
    .about ul li:nth-child(3) {
      margin-top: 60px !important; } }
@media screen and (max-width: 767px) {
  .aboutContain a {
    font-size: 15px !important; }
  .aboutContain .btHome {
    left: 5px !important;
    top: 15px; }
  .aboutContain .gtAbout {
    right: 5px !important;
    top: 15px; } }

/*# sourceMappingURL=about.css.map */
