/*** Global ***/
/*** Global ***/
.portfolioWrapper .section .container .row div .secHeader {
  text-align: center;
  text-transform: uppercase;
  font-size: 2.5rem;
  font-weight: 500;
  color: #394454;
  letter-spacing: 0.05rem;
}

.portfolioWrapper .section .container .row div .secHeader span {
  position: relative;
}

.portfolioWrapper .section .container .row div .secHeader span:after {
  content: ' ';
  background: #d9762d;
  width: 1rem;
  height: .1rem;
  position: absolute;
  bottom: 1rem;
  left: 1rem;
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #888888;
}

input::-moz-placeholder, textarea::-moz-placeholder {
  /* Firefox 19+ */
  color: #888888;
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
  /* IE 10+ */
  color: #888888;
}

input:-moz-placeholder, textarea:-moz-placeholder {
  /* Firefox 18- */
  color: #888888;
}

@-moz-keyframes MOVE-BG {
  from {
    background-position-y: 0;
  }
  to {
    background-position-y: 122%;
  }
}

@-webkit-keyframes MOVE-BG {
  from {
    background-position-y: 0;
  }
  to {
    background-position-y: 122%;
  }
}

@keyframes MOVE-BG {
  from {
    background-position-y: 0;
  }
  to {
    background-position-y: 122%;
  }
}

@keyframes MOVE-IMG {
  from {
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  to {
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}

@keyframes MOVE-IMG-RT {
  from {
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  to {
    -moz-transform: translateX(50%);
    -ms-transform: translateX(50%);
    -o-transform: translateX(50%);
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
  }
}

/*** Global ***/
.portfolioWrapper {
  width: 100%;
  height: 100%;
}

.portfolioWrapper .section {
  padding-top: 0;
}

.portfolioWrapper .section .container .row div .row.proMainHolder div.col .card .card-image {
  height: 30vh;
  width: 100%;
  overflow: hidden;
}

@media only screen and (max-width: 992px) {
  .portfolioWrapper .section .container .row div .row.proMainHolder div.col .card .card-image {
    height: 50vh;
  }
}

.portfolioWrapper .section .container .row div .row.proMainHolder div.col .card .card-image img {
  height: 100%;
  width: auto;
  min-width: 100%;
}

.portfolioWrapper .section .container .row div .row.proMainHolder div.col .card .card-image .card-tTl {
  color: #ffffff;
  text-transform: uppercase;
  width: 100%;
  background: rgba(0, 0, 0, 0.53);
  font-size: 1.3rem;
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 1rem;
}

.portfolioWrapper .section .container .row div .row.proMainHolder div.col .card .card-image .card-tTl .card-subttl {
  line-height: 0;
  display: none;
}

@media only screen and (max-width: 600px) {
  .portfolioWrapper .section .container .row div .row.proMainHolder div.col .card .card-image .card-tTl .card-subttl {
    display: block;
  }
}

.portfolioWrapper .section .container .row div .row.proMainHolder div.col .card .card-image .card-tTl .card-subttl a {
  text-transform: lowercase;
  color: #eee;
  font-size: .8rem;
}

.portfolioWrapper .section .container .row div .row.proMainHolder div.col .card .card-image .card-tTl .card-subttl a i {
  color: #d9762d;
  font-size: .8rem;
}

.portfolioWrapper .section .container .row div .row.proMainHolder div.col .card .card-content {
  background: #394454;
}

.portfolioWrapper .section .container .row div .row.proMainHolder div.col .card .card-content .card-title {
  color: #ffffff !important;
  text-transform: uppercase;
}

.portfolioWrapper .section .container .row div .row.proMainHolder div.col .card .card-content p {
  font-size: .8rem;
}

.portfolioWrapper .section .container .row div .row.proMainHolder div.col .card .card-content p a {
  text-transform: lowercase;
  color: #eee;
}

.portfolioWrapper .section .container .row div .row.proMainHolder div.col .card .card-content p a i {
  font-size: .8rem;
  color: #f26c4f;
}

.portfolioWrapper .section .container .row div .row.proMainHolder div.col .card .card-reveal p {
  font-size: .9rem;
}

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