.esPortfolioGallery{padding:0;position:relative;width:90%;max-width:1350px;margin:0 auto}
.esPortfolioGallery .esPortfolioBg{position:absolute;top:0;right:calc(100%);z-index:2;width:100%;height:100%;background-color:#fff}
.esPortfolioGallery .esPortfolioHeader{display:flex;align-items:center;margin-bottom:45px}
.esPortfolioGallery .esPortfolioHeader .esPortfolioHeaderTitle{color:#fff;opacity:0;transform:translateX(20px);transition:.8s}
.esPortfolioGallery .esPortfolioHeader .esPortfolioHeaderLink{margin-left:auto;border-bottom:2px solid #fff;opacity:0;transform:translateX(20px);transition:.8s .6s}
.esPortfolioGallery .esPortfolioHeader .esPortfolioHeaderLink::before,.esPortfolioGallery .esPortfolioHeader .esPortfolioHeaderLink::after{background-color:#fff}
.esPortfolioGallery .esPortfolioHeader .esPortfolioHeaderLink span{color:#fff}
.esPortfolioGallery .esPortfolioContent{display:flex}
.esPortfolioGallery .esPortfolioSwiper{width:100%}
.esPortfolioGallery .esPortfolioCard{width:100%}
.esPortfolioSwiper .esPortfolioImgWrap{padding-bottom:100%;border-radius:10px}
.esPortfolioGallery .esPortfolioTextWrap{position:relative}
.esPortfolioGallery .esPortfolioCategory{position:absolute;top:-18px;left:0;padding:0 20px;background-color:#1e2432;font-weight:500;font-size:16px;line-height:36px;color:#fff}
.esPortfolioGallery .esPortfolioCategoryBlue{background-color:#105dd2}
.esPortfolioGallery .esPortfolioCategoryOrange{background-color:#f07425}
.esPortfolioGallery .esPortfolioSubject{overflow:hidden;height:72px;font-weight:500;font-size:24px;line-height:1.5;color:#222}
.esPortfolioGallery .esPortfolioTextBox{overflow:hidden;font-size:1rem;color:#777;margin-top:25px;text-align:center;word-break:keep-all}
.esPortfolioGallery .esPortfolioTextBox p{word-break:keep-all}
.esPortfolioGallery .esPortfolioNav{display:flex;margin:auto 0 10px 45px;opacity:0;transform:translateX(20px);transition:.8s .3s}
.esPortfolioGallery .esPortfolioNav a{display:block;position:relative;width:18px;height:24px}
.esPortfolioGallery .esPortfolioNav .esPortfolioNext{margin-left:20px}
.esPortfolioGallery .esPortfolioNav a::before,.esPortfolioGallery .esPortfolioNav a::after{display:block;content:'';position:absolute;top:0;right:0;bottom:0;left:0;width:1px;height:10px;margin:auto;background-color:#fff}
.esPortfolioGallery .esPortfolioNav .esPortfolioPrev::before{top:7px;transform:rotate(-45deg)}
.esPortfolioGallery .esPortfolioNav .esPortfolioPrev::after{bottom:7px;transform:rotate(45deg)}
.esPortfolioGallery .esPortfolioNav .esPortfolioNext::before{top:7px;transform:rotate(45deg)}
.esPortfolioGallery .esPortfolioNav .esPortfolioNext::after{bottom:7px;transform:rotate(-45deg)}
.esPortfolioGallery .esPortfolioScrollbar{height:3px !important;background-color:#efefef;bottom:-100px !important;left:0;width:100%}
.esPortfolioGallery .swiper-scrollbar-drag{background-color:#1ACCE0}
.esPortfolioGallery.esPortfolioAni .esPortfolioHeader .esPortfolioHeaderTitle{opacity:1;transform:translateX(0)}
.esPortfolioGallery.esPortfolioAni .esPortfolioNav{opacity:1;transform:translateX(0)}
.esPortfolioGallery.esPortfolioAni .esPortfolioHeader .esPortfolioHeaderLink{opacity:1;transform:translateX(0)}
.esPortfolioGallery.esPortfolioAni .esPortfolioContent{opacity:1;transform:translateX(0)}

@media (max-width:1024px){
	#esPortfolioCarousel{top:0}
}

@media (max-width:991px){
	.esPortfolioGallery .esPortfolioBg{display:none}
	.esPortfolioGallery .esPortfolioContent{flex-direction:column}
	.esPortfolioGallery .esPortfolioSwiper{width:100%}
	.esPortfolioGallery .esPortfolioHeader{align-items:flex-end;margin-bottom:30px}
	.esPortfolioGallery .esPortfolioHeader .esPortfolioHeaderLink{border:1px solid #fff}
	.esPortfolioGallery .esPortfolioTextWrap{padding:1rem .6rem;background-color:#fff}
	.esPortfolioGallery .esPortfolioCategory{top:-14px;padding:0 15px;font-size:12px;line-height:28px}
	.esPortfolioGallery .esPortfolioSubject{height:44px;font-size:15px}
	.esPortfolioGallery .esPortfolioTextBox{font-size:.8rem;margin-top:0}
	.esPortfolioGallery .esPortfolioNav{display:none}
	.esPortfolioGallery .esPortfolioScrollbar{margin-top:0;bottom:-45px !important;height:1.5px !important}
	.esPortfolioGallery.esPortfolioAni .esPortfolioHeader .esPortfolioHeaderLink{opacity:.5}
	.esPortfolioGallery.esPortfolioAni .esPortfolioHeader .esPortfolioHeaderLink:hover{opacity:1}
}

.esPortfolioImgWrap{display:block;position:relative;height:0;overflow:hidden;padding-bottom:56.25%}
.esPortfolioImgFix{margin-bottom:-1px}
.esPortfolioImgWrap .esPortfolioImgItem{display:block;position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}
.esPortfolioImgWrap .esPortfolioImgItem.esPortfolioImgItemFix{margin-top:-1px -1px 0}
.esPortfolioImgWrap .esPortfolioImgItem img{display:block;border:0;width:100.5%;height:auto;margin:0 auto}
.esPortfolioImgWrap .esPortfolioImgItem.esPortfolioImgFull img{width:100%;height:100%}
.esPortfolioImgWrap .esPortfolioImgItem.esPortfolioImgHeight img{width:auto;height:100%}
.esPortfolioImgWrap .esPortfolioImgItem.esPortfolioImgAuto img{width:auto;height:auto}
.esPortfolioImgRatio{display:block;position:relative;overflow:hidden}
.esPortfolioImgRatio .esPortfolioImgItem{position:relative;overflow:hidden}
.esPortfolioImgRatio .esPortfolioImgItem img{display:block;border:0;width:100%;height:auto;margin:0 auto}
.esPortfolioInnerShadow{position:absolute;top:0;left:0;width:100%;z-index:1}
.esPortfolioInnerSubject{position:absolute;width:100%;left:0;bottom:0;padding:6px 8px;margin:0;line-height:20px}
.esPortfolioInnerCaption{position:absolute;bottom:20%;padding:6px 8px;margin:0;line-height:20px}
.esPortfolioInnerTitle{position:absolute;bottom:20%;padding:10px 15px;margin:0;font-size:18px;line-height:24px}
.esPortfolioPosLeft{position:absolute;top:0;left:0}
.esPortfolioPosLeftBottom{position:absolute;bottom:0;left:0}
.esPortfolioPosRight{position:absolute;top:0;right:0}
.esPortfolioPosRightBottom{position:absolute;top:0;right:0}
.esPortfolioBoxFrame{margin:0 auto;z-index:0;position:relative}
.esPortfolioBoxFrame iframe,.esPortfolioBoxFrame embed,.esPortfolioBoxFrame object{display:block}
.esPortfolioImageFrame{display:block;z-index:0;position:relative}
.esPortfolioImageFrame.esPortfolioFrameBorder,.esPortfolioBoxFrame.esPortfolioBoxBorder{border:6px solid #f6f6f6}
.esPortfolioImageFrame.esPortfolioFrameGrow,.esPortfolioBoxFrame.esPortfolioBoxGrow{border:6px solid #f6f6f6;-moz-box-shadow:0 0 3px rgba(0,0,0,.3);-webkit-box-shadow:0 0 3px rgba(0,0,0,.3);box-shadow:0 0 3px rgba(0,0,0,.3)}
.esPortfolioImageFrame.esPortfolioFrameShadow,.esPortfolioBoxFrame.esPortfolioBoxShadow{-moz-box-shadow:2px 3px 7px rgba(0,0,0,.3);-webkit-box-shadow:2px 3px 7px rgba(0,0,0,.3);box-shadow:2px 3px 7px rgba(0,0,0,.3)}
.esPortfolioImageFrame.esPortfolioFrameBottomShadow,.esPortfolioBoxFrame.esPortfolioBoxBottomShadow{margin:0}
.esPortfolioImageFrame.esPortfolioFrameBottomShadow::before,.esPortfolioImageFrame.esPortfolioFrameBottomShadow::after,.esPortfolioBoxFrame.esPortfolioBoxBottomShadow::before,.esPortfolioBoxFrame.esPortfolioBoxBottomShadow::after{position:absolute;bottom:15px;left:10px;z-index:-1;height:20%;max-height:100px;max-width:460px;width:60%;content:"";opacity:.7;-webkit-box-shadow:0 17px 10px rgba(0,0,0,.7);-moz-box-shadow:0 17px 10px rgba(0,0,0,.7);box-shadow:0 17px 10px rgba(0,0,0,.7);-webkit-transform:rotate(-3deg);-moz-transform:rotate(-3deg);-ms-transform:rotate(-3deg);-o-transform:rotate(-3deg);transform:rotate(-3deg)}
.esPortfolioImageFrame.esPortfolioFrameBottomShadow::after,.esPortfolioBoxFrame.esPortfolioBoxBottomShadow::after{left:auto;right:10px;-webkit-transform:rotate(3deg);-moz-transform:rotate(3deg);-ms-transform:rotate(3deg);-o-transform:rotate(3deg);transform:rotate(3deg)}
.esPortfolioItemCol .esPortfolioThumb,.esPortfolioCardCol .esPortfolioThumb{transition:all .2s ease-in-out}
.esPortfolioItemCol:hover .esPortfolioThumb,.esPortfolioCardCol:hover .esPortfolioThumb{transform:scale(1.15)}