.page-template-template-projects {
  background-image: url("../images/projects.svg");
  background-size: contain;
  background-position: top;
  background-repeat: no-repeat; }
  .page-template-template-projects .family_wrapper {
    background-color: transparent; }
    .page-template-template-projects .family_wrapper.projects_grid_wrap {
      padding-top: 200px;
      padding-bottom: 0; }
      @media (max-width: 991px) {
        .page-template-template-projects .family_wrapper.projects_grid_wrap .projects .filters {
          margin-bottom: 30px; } }
      .page-template-template-projects .family_wrapper.projects_grid_wrap .projects .grid {
        margin: 0 auto; }
        .page-template-template-projects .family_wrapper.projects_grid_wrap .projects .grid .element-item {
          padding-bottom: 0px;
          width: calc(33.33% - 10.5px); }
          .page-template-template-projects .family_wrapper.projects_grid_wrap .projects .grid .element-item .single_project {
            border: 1px solid #BABABA;
            border-radius: 12px;
            box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.2);
            overflow: hidden; }
            .page-template-template-projects .family_wrapper.projects_grid_wrap .projects .grid .element-item .single_project .project {
              position: relative; }
              .page-template-template-projects .family_wrapper.projects_grid_wrap .projects .grid .element-item .single_project .project .project__img {
                position: relative; }
                .page-template-template-projects .family_wrapper.projects_grid_wrap .projects .grid .element-item .single_project .project .project__img img {
                  height: 100%;
                  width: 100%;
                  border-radius: 12px 12px 0 0;
                  -o-object-fit: cover;
                     object-fit: cover; }
                .page-template-template-projects .family_wrapper.projects_grid_wrap .projects .grid .element-item .single_project .project .project__img:after {
                  content: '';
                  background-color: rgba(51, 51, 51, 0.7);
                  width: 100%;
                  height: 100%;
                  position: absolute;
                  top: 0;
                  left: 0;
                  opacity: 0;
                  border-radius: 12px 12px 0 0;
                  -o-transition: all .3s ease-in-out;
                     transition: all .3s ease-in-out;
                  -moz-transition: all .3s ease-in-out;
                  -webkit-transition: all .3s ease-in-out; }
                .page-template-template-projects .family_wrapper.projects_grid_wrap .projects .grid .element-item .single_project .project .project__img .svg-inline--fa {
                  position: absolute;
                  font-size: 112px;
                  width: 98px;
                  height: 98px;
                  top: 50%;
                  left: 50%;
                  -webkit-transform: translate(-50%, -50%);
                       -o-transform: translate(-50%, -50%);
                          transform: translate(-50%, -50%);
                  opacity: 0;
                  -o-transition: all .3s ease-in-out;
                     transition: all .3s ease-in-out;
                  -moz-transition: all .3s ease-in-out;
                  -webkit-transition: all .3s ease-in-out;
                  color: #ffff;
                  z-index: 2; }
                  @media (max-width: 1199px) {
                    .page-template-template-projects .family_wrapper.projects_grid_wrap .projects .grid .element-item .single_project .project .project__img .svg-inline--fa {
                      width: 65px;
                      height: 65px;
                      font-size: 80px; } }
                .page-template-template-projects .family_wrapper.projects_grid_wrap .projects .grid .element-item .single_project .project .project__img:hover:after, .page-template-template-projects .family_wrapper.projects_grid_wrap .projects .grid .element-item .single_project .project .project__img:hover .svg-inline--fa {
                  opacity: 0; }
              .page-template-template-projects .family_wrapper.projects_grid_wrap .projects .grid .element-item .single_project .project .stage {
                position: absolute;
                top: 0%;
                right: 0%;
                color: #ffff;
                font-size: 15px;
                font-family: "Noto Sans", sans-serif;
                font-weight: 500;
                line-height: normal;
                background: #102C54;
                padding: 6px 40px;
                text-align: center;
                border-radius: 0px 12px 0px 12px; }
            .page-template-template-projects .family_wrapper.projects_grid_wrap .projects .grid .element-item .single_project .detail {
              text-align: center;
              padding: 22px 8px;
              padding-bottom: 24px;
              border-top: 1px solid #BABABA;
              background-color: #ffff; }
              .page-template-template-projects .family_wrapper.projects_grid_wrap .projects .grid .element-item .single_project .detail h4 {
                font-size: 20px;
                position: relative;
                font-family: canada-type-gibson, sans-serif;
                font-weight: 400;
                text-decoration: none !important;
                color: #1C4E93;
                display: inline-block;
                margin-bottom: 6px; }
                @media (max-width: 991px) {
                  .page-template-template-projects .family_wrapper.projects_grid_wrap .projects .grid .element-item .single_project .detail h4 {
                    font-size: 16px; } }
               .page-template-template-projects .family_wrapper.projects_grid_wrap .projects .grid .element-item .single_project a {
	               text-decoration: none !important;
               }
              .page-template-template-projects .family_wrapper.projects_grid_wrap .projects .grid .element-item .single_project .detail .location_link {
                font-size: 14px;
                color: rgba(51,51,51);
                font-family: "Noto Sans", sans-serif;
                font-weight: 400;
                line-height: 28px;
                margin-bottom: 0; }
                .page-template-template-projects .family_wrapper.projects_grid_wrap .projects .grid .element-item .single_project .detail .location_link.p-subtitle {
                font-size: 12px;
                line-height: 1.4; }
              @media (max-width: 1199px) {
                .page-template-template-projects .family_wrapper.projects_grid_wrap .projects .grid .element-item .single_project .detail {
                  padding: 22px 8px; } }
          @media (max-width: 1199px) {
            .page-template-template-projects .family_wrapper.projects_grid_wrap .projects .grid .element-item {
              padding-bottom: 40px;
              margin-bottom: 20px; } }
          @media (max-width: 991px) {
            .page-template-template-projects .family_wrapper.projects_grid_wrap .projects .grid .element-item {
              width: calc(50% - 15px); } }
          @media (max-width: 680px) {
            .page-template-template-projects .family_wrapper.projects_grid_wrap .projects .grid .element-item {
              width: calc(100% - 30px);
              padding-left: 0;
              padding-right: 0; } }
      @media (max-width: 1199px) {
        .page-template-template-projects .family_wrapper.projects_grid_wrap {
          padding-top: 150px; } }