/*--- Work We Did This  Filter ---*/
.work-wedid-this-too-main .work-wedid-this-heading {
  padding-bottom: 270px; }
  @media (max-width: 1199px) {
    .work-wedid-this-too-main .work-wedid-this-heading {
      padding-bottom: 210px; } }
  @media (max-width: 991px) {
    .work-wedid-this-too-main .work-wedid-this-heading {
      padding-bottom: 180px; } }
  @media (max-width: 767px) {
    .work-wedid-this-too-main .work-wedid-this-heading {
      padding-bottom: 140px; } }
  @media (max-width: 575px) {
    .work-wedid-this-too-main .work-wedid-this-heading {
      padding-bottom: 60px; } }
  .work-wedid-this-too-main .work-wedid-this-heading.bg-dark {
    background-color: #040026; }
  .work-wedid-this-too-main .work-wedid-this-heading.bg-purple {
    background-color: #973EFF; }

.work-wedid-this-too-main .work-wedid-this-title {
  padding-top: 70px; }
  @media (max-width: 575px) {
    .work-wedid-this-too-main .work-wedid-this-title {
      padding-top: 30px; } }
  .work-wedid-this-too-main .work-wedid-this-title h2 {
    margin: 0;
    text-align: center; }
  .work-wedid-this-too-main .work-wedid-this-title.purple h2 {
    color: #973EFF; }
  .work-wedid-this-too-main .work-wedid-this-title.pink h2 {
    color: #FF6565; }
  .work-wedid-this-too-main .work-wedid-this-title.darkblue h2 {
    color: #040026; }
  .work-wedid-this-too-main .work-wedid-this-title.yellow h2 {
    color: #FDF151; }
  .work-wedid-this-too-main .work-wedid-this-title.green h2 {
    color: #01FF8A; }
  .work-wedid-this-too-main .work-wedid-this-title.white h2 {
    color: #ffffff; }

.work-wedid-this-too-main .work-wedid-this-content .work-wedid-this-content-block {
  margin-top: -220px;
  padding-bottom: 100px; }
  @media (max-width: 1199px) {
    .work-wedid-this-too-main .work-wedid-this-content .work-wedid-this-content-block {
      margin-top: -160px; } }
  @media (max-width: 991px) {
    .work-wedid-this-too-main .work-wedid-this-content .work-wedid-this-content-block {
      margin-top: -130px;
      padding-bottom: 40px; } }
  @media (max-width: 767px) {
    .work-wedid-this-too-main .work-wedid-this-content .work-wedid-this-content-block {
      margin-top: -100px; } }
  @media (max-width: 575px) {
    .work-wedid-this-too-main .work-wedid-this-content .work-wedid-this-content-block {
      margin-top: 15px;
      padding-bottom: 0px; } }
  @media (max-width: 991px) {
    .work-wedid-this-too-main .work-wedid-this-content .work-wedid-this-content-block [class*="cell-"] {
      margin-bottom: 15px; } }

.work-wedid-this-too-main .work-wedid {
  height: 500px;
  max-height: 674px;
  overflow: hidden; }
  @media (max-width: 1499px) {
    .work-wedid-this-too-main .work-wedid {
      height: 30vw; } }
  @media (max-width: 991px) {
    .work-wedid-this-too-main .work-wedid {
      height: 28vw; } }
  @media (max-width: 575px) {
    .work-wedid-this-too-main .work-wedid {
      height: 67vw;
      max-height: 784px; } }
  .work-wedid-this-too-main .work-wedid:hover, .work-wedid-this-too-main .work-wedid:focus {
    transition: 0.3s all ease-in-out;
    box-shadow: 0px 0px 0px #FF6565, 0px 10px 0px #FF6565;
    -webkit-box-shadow: 0px 0px 0px #FF6565, 0px 10px 0px #FF6565;
    -mo-box-shadow: 0px 0px 0px #FF6565, 0px 10px 0px #FF6565; }
    .work-wedid-this-too-main .work-wedid:hover .work-wedid-bg, .work-wedid-this-too-main .work-wedid:focus .work-wedid-bg {
      -ms-transform: scale(1.1);
      -moz-transform: scale(1.1);
      -webkit-transform: scale(1.1);
      -o-transform: scale(1.1);
      transform: scale(1.1);
      background-color: #FF6565;
      background-blend-mode: multiply; }
      @media (min-width: 992px) {
        .work-wedid-this-too-main .work-wedid:hover .work-wedid-bg picture, .work-wedid-this-too-main .work-wedid:focus .work-wedid-bg picture {
          -ms-transform: scale(0.9);
          -moz-transform: scale(0.9);
          -webkit-transform: scale(0.9);
          -o-transform: scale(0.9);
          transform: scale(0.9);
          margin-right: 7%; }
          .work-wedid-this-too-main .work-wedid:hover .work-wedid-bg picture::before, .work-wedid-this-too-main .work-wedid:focus .work-wedid-bg picture::before {
            opacity: 1;
            right: -90px; } }
  .work-wedid-this-too-main .work-wedid .work-wedid-bg {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    transition: all 0.3s; }
  .work-wedid-this-too-main .work-wedid picture {
    max-width: 70%;
    max-height: 70%;
    text-align: center;
    position: relative;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease; }
    @media (max-width: 1199px) {
      .work-wedid-this-too-main .work-wedid picture {
        max-width: 70%;
        max-height: 100%; } }
    @media (max-width: 991px) {
      .work-wedid-this-too-main .work-wedid picture {
        max-width: 40%;
        max-height: 100%; } }
    .work-wedid-this-too-main .work-wedid picture::before {
      content: '';
      opacity: 0;
      border-right: 2px solid #ffffff;
      border-bottom: 2px solid #ffffff;
      height: 40px;
      width: 40px;
      position: absolute;
      top: 50%;
      right: -60px;
      -ms-transform: rotate(-45deg) translateY(-50%);
      -moz-transform: rotate(-45deg) translateY(-50%);
      -webkit-transform: rotate(-45deg) translateY(-50%);
      -o-transform: rotate(-45deg) translateY(-50%);
      transform: rotate(-45deg) translateY(-50%);
      -webkit-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
      transition: all 0.3s ease; }
      @media (max-width: 991px) {
        .work-wedid-this-too-main .work-wedid picture::before {
          display: none; } }
    .work-wedid-this-too-main .work-wedid picture img {
      max-width: 100%;
      max-height: 100%; }

/*# sourceMappingURL=work-we-did-this-too.css.map */