@font-face {
  font-family: 'NarkissBlock-Regular';
  src: url("../fonts/NarkissBlock-Regular.woff") format("truetype");
  font-display: swap;
}
@font-face {
  font-family: 'NarkissBlock-Black';
  src: url("../fonts/NarkissBlock-Black.woff") format("truetype");
  font-display: swap;
}
@font-face {
  font-family: 'NarkissBlock-Bold';
  src: url("../fonts/NarkissBlock-Bold.woff") format("truetype");
  font-display: swap;
}
@font-face {
  font-family: 'NarkissBlock-Light';
  src: url("../fonts/NarkissBlock-Light.woff") format("opentype");
  font-display: swap;
}
@font-face {
  font-family: 'NarkissBlock-Extralight';
  src: url("../fonts/NarkissBlock-Extralight.woff") format("opentype");
  font-display: swap;
}
@font-face {
  font-family: 'NarkissBlock-Medium';
  src: url("../fonts/NarkissBlock-Medium.woff") format("opentype");
  font-display: swap;
}
@font-face {
  font-family: 'NarkissBlock-Hairline';
  src: url("../fonts/NarkissBlock-Hairline.woff") format("opentype");
  font-display: swap;
}
@font-face {
  font-family: 'NarkissBlock-Heavy';
  src: url("../fonts/NarkissBlock-Heavy.woff") format("opentype");
  font-display: swap;
}
@font-face {
  font-family: 'NarkissBlock-Semibold';
  src: url("../fonts/NarkissBlock-Semibold.woff") format("opentype");
  font-display: swap;
}
/* line 56, ../sass/all/base.scss */
.w100 {
  width: 100% !important;
}

/* line 60, ../sass/all/base.scss */
.ttu {
  text-transform: uppercase !important;
}

/* line 64, ../sass/all/base.scss */
.tac {
  text-align: center !important;
}

/* line 68, ../sass/all/base.scss */
.tal {
  text-align: left !important;
}

/* line 72, ../sass/all/base.scss */
.tar {
  text-align: right !important;
}

/* line 76, ../sass/all/base.scss */
.ltr {
  direction: ltr;
}

/* line 80, ../sass/all/base.scss */
.rtl {
  direction: rtl;
}

/* line 84, ../sass/all/base.scss */
.d-f {
  display: -webkit-flex !important;
  display: -moz-flex !important;
  display: -ms-flex !important;
  display: -o-flex !important;
  display: flex !important;
}

/* line 92, ../sass/all/base.scss */
.f-w-w {
  -webkit-flex-wrap: wrap !important;
  -moz-flex-wrap: wrap !important;
  -ms-flex-wrap: wrap !important;
  -o-flex-wrap: wrap !important;
  flex-wrap: wrap !important;
}

/* line 100, ../sass/all/base.scss */
.j-c-c {
  justify-content: center !important;
}

/* line 104, ../sass/all/base.scss */
.j-c-s-b {
  justify-content: space-between !important;
}

/* line 108, ../sass/all/base.scss */
.a-i-c {
  -ms-align-items: center !important;
  align-items: center !important;
}

/* line 113, ../sass/all/base.scss */
.no-pad-top {
  padding-top: 0 !important;
}

/* line 117, ../sass/all/base.scss */
.no-pad-bot {
  padding-bottom: 0 !important;
}

/* line 121, ../sass/all/base.scss */
.no-pad-left {
  padding-left: 0 !important;
}

/* line 125, ../sass/all/base.scss */
.no-pad-right {
  padding-right: 0 !important;
}

/* line 129, ../sass/all/base.scss */
.no-mar-top {
  margin-top: 0 !important;
}

/* line 133, ../sass/all/base.scss */
.no-mar-left {
  margin-left: 0 !important;
}

/* line 137, ../sass/all/base.scss */
.no-mar-right {
  margin-right: 0 !important;
}

/* line 141, ../sass/all/base.scss */
.no-mar-bot {
  margin-bottom: 0 !important;
}

/* line 145, ../sass/all/base.scss */
.global-link {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9;
}

/* line 1, ../sass/project/project-full-photo.scss */
.ProjectsFullPhoto {
  position: relative;
  margin-top: 190px;
}
/* line 5, ../sass/project/project-full-photo.scss */
.ProjectsFullPhoto picture {
  display: block;
  position: relative;
  height: 388px;
}
/* line 10, ../sass/project/project-full-photo.scss */
.ProjectsFullPhoto picture img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
/* line 18, ../sass/project/project-full-photo.scss */
.ProjectsFullPhoto .title {
  position: absolute;
  bottom: 0;
  right: 0;
  background-color: #fff;
  padding: 23px 0 6px 68px;
  padding-right: calc((100% - 1336px) / 2);
  z-index: 2;
}

/* line 30, ../sass/project/project-full-photo.scss */
.dir-ltr .ProjectsFullPhoto {
  direction: ltr;
}
/* line 33, ../sass/project/project-full-photo.scss */
.dir-ltr .ProjectsFullPhoto .title {
  left: 0;
  right: auto;
  padding: 23px 68px 6px 0;
  padding-left: calc((100% - 1336px) / 2);
}

@media only screen and (min-width: 1241px) and (max-width: 1340px) {
  /* line 45, ../sass/project/project-full-photo.scss */
  .ProjectsFullPhoto .title {
    padding-right: calc((100% - 1200px) / 2);
  }

  /* line 52, ../sass/project/project-full-photo.scss */
  .dir-ltr .ProjectsFullPhoto .title {
    padding-left: calc((100% - 1200px) / 2);
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1240px) {
  /* line 62, ../sass/project/project-full-photo.scss */
  .ProjectsFullPhoto {
    margin-top: 150px;
  }
  /* line 65, ../sass/project/project-full-photo.scss */
  .ProjectsFullPhoto picture {
    height: 310px;
  }
  /* line 69, ../sass/project/project-full-photo.scss */
  .ProjectsFullPhoto .title {
    padding: 18px 0 6px 55px;
    padding-right: calc((100% - 960px) / 2);
  }

  /* line 77, ../sass/project/project-full-photo.scss */
  .dir-ltr .ProjectsFullPhoto .title {
    padding: 18px 55px 6px 0;
    padding-left: calc((100% - 960px) / 2);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  /* line 88, ../sass/project/project-full-photo.scss */
  .ProjectsFullPhoto {
    margin-top: 115px;
  }
  /* line 91, ../sass/project/project-full-photo.scss */
  .ProjectsFullPhoto picture {
    height: 240px;
  }
  /* line 95, ../sass/project/project-full-photo.scss */
  .ProjectsFullPhoto .title {
    padding: 15px 0 6px 40px;
    padding-right: calc((100% - 738px) / 2);
  }

  /* line 103, ../sass/project/project-full-photo.scss */
  .dir-ltr .ProjectsFullPhoto .title {
    padding: 15px 40px 6px 0;
    padding-left: calc((100% - 738px) / 2);
  }
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
  /* line 114, ../sass/project/project-full-photo.scss */
  .ProjectsFullPhoto {
    margin-top: 80px;
  }
  /* line 117, ../sass/project/project-full-photo.scss */
  .ProjectsFullPhoto picture {
    height: 114px;
  }
  /* line 121, ../sass/project/project-full-photo.scss */
  .ProjectsFullPhoto .title {
    padding: 5px 15px;
  }

  /* line 128, ../sass/project/project-full-photo.scss */
  .dir-ltr .ProjectsFullPhoto .title {
    padding: 5px 15px;
  }
}
/* line 5, ../sass/recommend.scss */
.RecomResult {
  position: relative;
  padding: 100px 0;
}
/* line 9, ../sass/recommend.scss */
.RecomResult .result {
  position: relative;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 24px;
}

/* line 25, ../sass/recommend.scss */
.RecomTPL {
  position: relative;
  width: calc((100% - 24px * 3) / 4);
  box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, 0.25);
  padding: 5px;
}
/* line 31, ../sass/recommend.scss */
.RecomTPL .img {
  display: block;
  height: 192px;
}
/* line 35, ../sass/recommend.scss */
.RecomTPL .img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
/* line 43, ../sass/recommend.scss */
.RecomTPL .name {
  padding: 15px 0;
  text-align: center;
}
/* line 48, ../sass/recommend.scss */
.RecomTPL .pdf {
  position: relative;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  padding: 0 15px;
  margin-bottom: 10px;
  gap: 0 15px;
}
/* line 61, ../sass/recommend.scss */
.RecomTPL .pdf svg, .RecomTPL .pdf img {
  display: block;
  width: 32px;
  height: 38px;
  object-fit: contain;
}
/* line 69, ../sass/recommend.scss */
.RecomTPL .pdf-name {
  line-height: 1.3;
}
/* line 73, ../sass/recommend.scss */
.RecomTPL:hover {
  background: rgba(138, 170, 217, 0.2);
}

/* line 79, ../sass/recommend.scss */
.dir-ltr .RecomResult {
  direction: ltr;
}

@media only screen and (min-width: 1241px) and (max-width: 1340px) {
  /* line 86, ../sass/recommend.scss */
  .RecomResult {
    padding: 90px 0;
  }
  /* line 89, ../sass/recommend.scss */
  .RecomResult .result {
    gap: 22px;
  }

  /* line 94, ../sass/recommend.scss */
  .RecomTPL {
    width: calc((100% - 22px * 3) / 4);
  }
  /* line 97, ../sass/recommend.scss */
  .RecomTPL .img {
    height: 172px;
  }
  /* line 101, ../sass/recommend.scss */
  .RecomTPL .name {
    padding: 15px 0;
  }
  /* line 105, ../sass/recommend.scss */
  .RecomTPL .pdf {
    padding: 0 15px;
    margin-bottom: 10px;
    gap: 0 15px;
  }
  /* line 110, ../sass/recommend.scss */
  .RecomTPL .pdf svg, .RecomTPL .pdf img {
    width: 32px;
    height: 38px;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1240px) {
  /* line 122, ../sass/recommend.scss */
  .RecomResult {
    padding: 70px 0;
  }
  /* line 125, ../sass/recommend.scss */
  .RecomResult .result {
    gap: 20px;
  }

  /* line 130, ../sass/recommend.scss */
  .RecomTPL {
    width: calc((100% - 20px * 3) / 3);
  }
  /* line 133, ../sass/recommend.scss */
  .RecomTPL .img {
    height: 182px;
  }
  /* line 137, ../sass/recommend.scss */
  .RecomTPL .name {
    padding: 15px 0;
  }
  /* line 141, ../sass/recommend.scss */
  .RecomTPL .pdf {
    padding: 0 15px;
    margin-bottom: 10px;
    gap: 0 15px;
  }
  /* line 146, ../sass/recommend.scss */
  .RecomTPL .pdf svg, .RecomTPL .pdf img {
    width: 32px;
    height: 38px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  /* line 157, ../sass/recommend.scss */
  .RecomResult {
    padding: 55px 0;
  }
  /* line 160, ../sass/recommend.scss */
  .RecomResult .result {
    gap: 15px;
  }

  /* line 165, ../sass/recommend.scss */
  .RecomTPL {
    width: calc((100% - 15px * 3) / 3);
  }
  /* line 168, ../sass/recommend.scss */
  .RecomTPL .img {
    height: 138px;
  }
  /* line 172, ../sass/recommend.scss */
  .RecomTPL .name {
    padding: 10px 0;
  }
  /* line 176, ../sass/recommend.scss */
  .RecomTPL .pdf {
    padding: 0 10px;
    margin-bottom: 5px;
    gap: 0 10px;
  }
  /* line 181, ../sass/recommend.scss */
  .RecomTPL .pdf svg, .RecomTPL .pdf img {
    width: 25px;
    height: 30px;
  }
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
  /* line 192, ../sass/recommend.scss */
  .RecomResult {
    padding: 40px 0;
  }
  /* line 195, ../sass/recommend.scss */
  .RecomResult .result {
    gap: 15px 0;
  }

  /* line 200, ../sass/recommend.scss */
  .RecomTPL {
    width: 100%;
    max-width: 315px;
    margin: 0 auto;
  }
  /* line 205, ../sass/recommend.scss */
  .RecomTPL .name {
    font-size: 20px;
  }
  /* line 209, ../sass/recommend.scss */
  .RecomTPL .pdf-name {
    font-size: 16px;
  }
}