@font-face{font-family:"tt_hoves_pro_trialthin";src:url("/front/assets/fonts/tt_hoves_pro_trial_thin.woff2") format("woff2"),url("/front/assets/fonts/tt_hoves_pro_trial_thin.woff") format("woff");font-weight:normal;font-style:normal}@font-face{font-family:"tt_hoves_pro_trialblack";src:url("/front/assets/fonts/tt_hoves_pro_trial_black.woff2") format("woff2"),url("/front/assets/fonts/tt_hoves_pro_trial_black.woff") format("woff");font-weight:normal;font-style:normal}@font-face{font-family:"tt_hoves_pro_trialbold";src:url("/front/assets/fonts/tt_hoves_pro_trial_bold.woff2") format("woff2"),url("/front/assets/fonts/tt_hoves_pro_trial_bold.woff") format("woff");font-weight:normal;font-style:normal}@font-face{font-family:"tt_hoves_pro_trialextrabold";src:url("/front/assets/fonts/tt_hoves_pro_trial_extrabold.woff2") format("woff2"),url("/front/assets/fonts/tt_hoves_pro_trial_extrabold.woff") format("woff");font-weight:normal;font-style:normal}@font-face{font-family:"tt_hoves_pro_triallight";src:url("/front/assets/fonts/tt_hoves_pro_trial_light.woff2") format("woff2"),url("/front/assets/fonts/tt_hoves_pro_trial_light.woff") format("woff");font-weight:normal;font-style:normal}@font-face{font-family:"tt_hoves_pro_trialmedium";src:url("/front/assets/fonts/tt_hoves_pro_trial_medium.woff2") format("woff2"),url("/front/assets/fonts/tt_hoves_pro_trial_medium.woff") format("woff");font-weight:normal;font-style:normal}@font-face{font-family:"tt_hoves_pro_trialregular";src:url("/front/assets/fonts/tt_hoves_pro_trial_regular.woff2") format("woff2"),url("/front/assets/fonts/tt_hoves_pro_trial_regular.woff") format("woff");font-weight:normal;font-style:normal}@font-face{font-family:"YaquoteScriptPersonalUse";src:url("/front/assets/fonts/YaquoteScriptPersonalUse.eot");src:url("/front/assets/fonts/YaquoteScriptPersonalUse.eot?#iefix") format("embedded-opentype"),url("/front/assets/fonts/YaquoteScriptPersonalUse.woff2") format("woff2"),url("/front/assets/fonts/YaquoteScriptPersonalUse.woff") format("woff"),url("/front/assets/fonts/YaquoteScriptPersonalUse.ttf") format("truetype");font-weight:normal;font-style:normal;font-display:swap}.projectListing{margin-top:20px}.projectListing .cols{margin-bottom:20px}.projectListing .listing .item{height:100%}.projectListing .listing .item a{height:100%;display:block;background:#fff;border-radius:20px;padding:15px;text-decoration:none;color:#000}.projectListing .listing .item .tag{position:absolute;top:8px;right:8px}.projectListing .listing .item .img{height:18vw;max-height:345px;position:relative}@media(min-width: 2000px){.projectListing .listing .item .img{max-height:initial}}@media only screen and (min-width: 768px)and (max-width: 1024px){.projectListing .listing .item .img{height:25vw}}@media(max-width: 767px){.projectListing .listing .item .img{height:50vw}}.projectListing .listing .item .img picture{border-radius:10px;overflow:hidden;display:flex;align-items:center;width:100%;height:100%;position:relative}.projectListing .listing .item .img picture:before{transition:.4s;content:"";background:#000;width:100%;height:100%;position:absolute;opacity:0;visibility:hidden}.projectListing .listing .item .img picture img{width:100%;height:100%;object-fit:cover}.projectListing .listing .item .hover{transition:.3s;opacity:0;position:absolute;left:-20px;bottom:-20px;-webkit-mask:url(../img/hover-bg.png);mask:url(../img/hover-bg.png);mask-size:contain;mask-repeat:no-repeat;mask-position:center;-webkit-mask-size:contain;-webkit-mask-repeat:space;-webkit-mask-position:-2px 1px;width:139px;height:139px;background:#fff;display:flex;align-items:center;z-index:1;margin:-1px;pointer-events:none}@media(max-width: 1023px){.projectListing .listing .item .hover{display:none}}.projectListing .listing .item .hover i{width:84px;height:84px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#f9c54b;color:#fff;font-size:45px;margin-top:50px}.projectListing .listing .item .text{padding-top:1rem}.projectListing .listing .item .text h2{font-family:tt_hoves_pro_trialbold;font-size:24px;line-height:30.24px;margin-bottom:1rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis}@media(min-width: 2000px){.projectListing .listing .item .text h2{font-size:1.28vw;line-height:1.6vw}}@media(max-width: 1400px){.projectListing .listing .item .text h2{font-size:20px;line-height:26.24px}}.projectListing .listing .item .text p{font-family:tt_hoves_pro_trialmedium;color:#ababab;font-size:16px;line-height:20px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis}@media(min-width: 2000px){.projectListing .listing .item .text p{font-size:.85vw;line-height:1.07vw}}.projectListing .listing .item.hover .hover{left:0 !important;bottom:0 !important;opacity:1 !important}.projectListing .listing .item.hover picture:before{opacity:.7;visibility:initial}.detailProjectList .title{font-family:tt_hoves_pro_trialmedium;margin-bottom:1rem}@media(max-width: 1023px){.detailProjectList .title{font-size:24px}}
