* {
  margin: 0;
  padding: 0; }

.row {
  margin: 0 !important;
  padding: 0 !important; }

.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;
      -webkit-animation: pLoaderAni 1.4s linear infinite;
      -moz-animation: pLoaderAni 1.4s linear infinite;
      -o-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; } }
.head-container {
  background: #2f3640;
  display: flex;
  align-content: center; }
  .head-container .head {
    text-align: center;
    position: relative;
    height: 100px; }
    .head-container .head a {
      color: #00a8ff;
      font-family: "Rajdhani", sans-serif;
      text-decoration: none;
      font-size: 22px; }
    .head-container .head .btHome {
      position: absolute;
      left: 15px;
      top: 15px; }
    .head-container .head .gtAbout {
      position: absolute;
      right: 15px;
      top: 15px; }
    .head-container .head h2 {
      color: #00a8ff;
      font-family: "Rajdhani", sans-serif;
      margin: 10px;
      padding: 10px;
      padding-bottom: 20px;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%); }

.workCards {
  width: 100%;
  height: 1250px; }
  .workCards .megaKit {
    display: inline-block;
    height: 630px;
    width: 50%;
    background: #2f3640;
    text-align: center;
    text-align: -webkit-center;
    text-align: -moz-center;
    text-align: -o-center; }
    .workCards .megaKit h4 {
      color: #0097e6;
      font-family: "Rajdhani", sans-serif;
      margin: 10px;
      padding: 10px; }
    .workCards .megaKit a {
      text-decoration: none;
      font-family: "Rajdhani", sans-serif;
      color: #00a8ff; }
    .workCards .megaKit .workPreview {
      width: 97%;
      height: 500px;
      border-radius: 5px;
      background-image: url(../img/megakit.png);
      background-size: cover;
      background-position: top;
      position: relative; }
      .workCards .megaKit .workPreview a {
        position: absolute;
        margin: 0;
        padding: 10px;
        top: 8%;
        left: 34%;
        width: 30%;
        height: 40px;
        font-size: 17px;
        font-weight: 700;
        background: rgba(47, 54, 64, 0.8);
        border-radius: 10px;
        transform: perspective(500px) rotateX(90deg); }
      .workCards .megaKit .workPreview:hover a {
        transform: perspective(500px) rotateX(0deg);
        transition: 0.8s; }
      .workCards .megaKit .workPreview:hover {
        background-position: bottom;
        transition: 8s linear;
        -webki-transition: 8s linear;
        -moz-transition: 8s linear;
        -o-transition: 8s linear; }
  .workCards .fullMotion {
    float: right;
    display: inline-block;
    height: 630px;
    width: 50%;
    background: #2f3640;
    text-align: center;
    text-align: -webkit-center;
    text-align: -moz-center;
    text-align: -o-center; }
    .workCards .fullMotion h4 {
      color: #0097e6;
      font-family: "Rajdhani", sans-serif;
      margin: 10px;
      padding: 10px; }
    .workCards .fullMotion a {
      text-decoration: none;
      font-family: "Rajdhani", sans-serif;
      color: #00a8ff;
      padding: 15px;
      margin: 15px; }
    .workCards .fullMotion .workPreview {
      width: 97%;
      height: 500px;
      border-radius: 5px;
      background-image: url(../img/Fullmotion-min.png);
      background-size: cover;
      background-position: top;
      position: relative; }
      .workCards .fullMotion .workPreview a {
        position: absolute;
        margin: 0;
        padding: 10px;
        top: 8%;
        left: 34%;
        width: 30%;
        height: 40px;
        font-size: 17px;
        font-weight: 700;
        background: rgba(47, 54, 64, 0.8);
        border-radius: 10px;
        transform: perspective(500px) rotateX(90deg); }
      .workCards .fullMotion .workPreview:hover a {
        transform: perspective(500px) rotateX(0deg);
        transition: 0.8s; }
      .workCards .fullMotion .workPreview:hover {
        background-position: bottom;
        transition: 2s linear;
        -webki-transition: 2s linear;
        -moz-transition: 2s linear;
        -o-transition: 2s linear; }
  .workCards .introSpect {
    display: inline-block;
    float: right;
    height: 630px;
    width: 50%;
    background: #2f3640;
    text-align: center;
    text-align: -webkit-center;
    text-align: -moz-center;
    text-align: -o-center; }
    .workCards .introSpect h4 {
      color: #0097e6;
      font-family: "Rajdhani", sans-serif;
      margin: 10px;
      padding: 10px; }
    .workCards .introSpect a {
      text-decoration: none;
      font-family: "Rajdhani", sans-serif;
      color: #00a8ff;
      padding: 15px;
      margin: 15px; }
    .workCards .introSpect .workPreview {
      width: 97%;
      height: 500px;
      border-radius: 5px;
      background-image: url(../img/introSpect-min.png);
      background-size: cover;
      background-position: top;
      position: relative; }
      .workCards .introSpect .workPreview a {
        position: absolute;
        margin: 0;
        padding: 10px;
        top: 8%;
        left: 34%;
        width: 30%;
        height: 40px;
        font-size: 17px;
        font-weight: 700;
        background: rgba(47, 54, 64, 0.8);
        border-radius: 10px;
        transform: perspective(500px) rotateX(90deg); }
      .workCards .introSpect .workPreview:hover a {
        transform: perspective(500px) rotateX(0deg);
        transition: 0.8s; }
      .workCards .introSpect .workPreview:hover {
        background-position: bottom;
        transition: 2s linear;
        -webki-transition: 2s linear;
        -moz-transition: 2s linear;
        -o-transition: 2s linear; }
  .workCards .portfolio {
    display: inline-block;
    height: 630px;
    width: 50%;
    background: #2f3640;
    text-align: center;
    text-align: -webkit-center;
    text-align: -moz-center;
    text-align: -o-center; }
    .workCards .portfolio h4 {
      color: #0097e6;
      font-family: "Rajdhani", sans-serif;
      margin: 10px;
      padding: 10px; }
    .workCards .portfolio a {
      text-decoration: none;
      font-family: "Rajdhani", sans-serif;
      color: #00a8ff;
      padding: 15px;
      margin: 15px; }
    .workCards .portfolio .workPreview {
      width: 97%;
      height: 500px;
      border-radius: 5px;
      background-image: url(../img/Portfolio.png);
      background-size: cover;
      background-position: top;
      position: relative; }
      .workCards .portfolio .workPreview a {
        position: absolute;
        margin: 0;
        padding: 10px;
        top: 8%;
        left: 34%;
        width: 30%;
        height: 40px;
        font-size: 17px;
        font-weight: 700;
        background: rgba(47, 54, 64, 0.8);
        border-radius: 10px;
        transform: perspective(500px) rotateX(90deg); }
      .workCards .portfolio .workPreview:hover a {
        transform: perspective(500px) rotateX(0deg);
        transition: 0.8s; }
      .workCards .portfolio .workPreview:hover {
        background-position: bottom;
        transition: 2s linear;
        -webki-transition: 2s linear;
        -moz-transition: 2s linear;
        -o-transition: 2s linear; }

@media screen and (max-width: 767px) {
  .workCards .megaKit {
    width: 100%;
    float: none;
    display: block; }
    .workCards .megaKit h1 {
      margin: 0px; }
  .workCards .fullMotion {
    width: 100%;
    float: none;
    display: block; }
    .workCards .fullMotion h1 {
      margin: 0px; }
  .workCards .introSpect {
    width: 100%;
    float: none;
    display: block; }
    .workCards .introSpect h1 {
      margin: 0px; }
  .workCards .portfolio {
    width: 100%;
    float: none;
    display: block; }
    .workCards .portfolio h1 {
      margin: 0px; } }
@media screen and (max-width: 767px) {
  .head-container a {
    font-size: 15px !important; }
  .head-container .btHome {
    left: 5px !important;
    top: 15px; }
  .head-container .gtAbout {
    right: 5px !important;
    top: 15px; } }

/*# sourceMappingURL=works.css.map */