.hs-portifolio-pagination{position:relative}.hs-portifolio-pagination ul.controls{list-style:none;margin:0;padding:0;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;width:100%;position:relative}.hs-portifolio-pagination ul.controls>li{width:50%;line-height:0;height:auto;padding:6%;min-height:300px;-webkit-justify-content:center;justify-content:center;display:-webkit-flex;display:flex;-moz-box-align:center;-moz-box-pack:center;align-items:center;-webkit-align-items:center;float:none;overflow:hidden;position:relative;background-color:#333}.hs-portifolio-pagination ul.controls>li .proj-bg-img{width:100%;position:absolute;left:0;top:0;background-size:cover;background-position:center;height:100%;-ms-transition:transform .4s cubic-bezier(0.05,0.2,0.1,1) 0s;-webkit-transition:transform .4s cubic-bezier(0.05,0.2,0.1,1) 0s;transition:transform .4s cubic-bezier(0.05,0.2,0.1,1) 0s}.hs-portifolio-pagination ul.controls>li>a{position:absolute;top:0;left:0;width:100%;height:100%;z-index:101;display:block}.hs-portifolio-pagination ul.controls>li:after{background-color:rgba(13,13,13,0.35);position:absolute;left:0;top:0;content:'';display:block;z-index:1;width:100%;height:100%;-webkit-transition:background-color .4s cubic-bezier(0.05,0.2,0.1,1) 0s;transition:background-color .4s cubic-bezier(0.05,0.2,0.1,1) 0s}.hs-portifolio-pagination ul.controls>li h3{display:inline-block;-webkit-transform:translateX(0px) translateZ(0);-webkit-transition:transform .4s cubic-bezier(0.05,0.2,0.1,1);transform:translateX(0px) translateZ(0);transition:transform .4s cubic-bezier(0.05,0.2,0.1,1);color:#fff;position:relative;z-index:100}.hs-portifolio-pagination .previous-project span:not(.text){display:block;font-size:16px;text-align:right}.hs-portifolio-pagination .next-project span:not(.text){display:block;font-size:16px;text-align:left}.hs-portifolio-pagination .previous-project h3 .next-arrow{position:absolute;backface-visibility:hidden;right:-43px;top:50%;margin-top:-15px;height:30px;width:40px;display:block;transform:translateX(38px);-webkit-transform:translateX(38px) rotate(180deg);transform:translateX(38px) rotate(180deg);left:-43px;right:auto;animation:rightArrowEnd2 .7s cubic-bezier(0,0.2,0.1,1) forwards}.hs-portifolio-pagination .previous-project h3 .text .line{font-size:16px;text-align:right;height:2px;width:45px;background-color:#fff;position:absolute;content:'';right:-74px;display:block;backface-visibility:hidden;top:50%;-webkit-transform:translateY(-50%) translateX(-28px) scaleX(0);-webkit-transform-origin:left;transform:translateY(-50%) translateX(-28px) scaleX(0);transform-origin:left;left:-74px;right:auto;animation:rightLineEnd2 .4s cubic-bezier(0.05,0.2,0.1,1) forwards}.hs-portifolio-pagination .previous-project .next-arrow line{stroke-width:2px;stroke-dasharray:10px;stroke:#fff;animation:rightArrowLineEnd .4s cubic-bezier(0.3,0.2,0.1,1) .25s forwards;stroke-dashoffset:40px}.hs-portifolio-pagination .previous-project:hover h3 .next-arrow{animation:rightArrowStart2 .4s cubic-bezier(0.05,0.2,0.1,1) forwards;-webkit-transform:translateX(42px);transform:translateX(42px)}.hs-portifolio-pagination .previous-project:hover .next-arrow line{animation:rightArrowLineStart .3s cubic-bezier(0.05,0.2,0.1,1) .1s forwards;stroke-dashoffset:30px}.hs-portifolio-pagination .previous-project:hover h3 .text .line{-webkit-transform:translateY(-50%) translateX(0px) scaleX(1);-webkit-transform-origin:right;transform:translateY(-50%) translateX(0px) scaleX(1);transform-origin:right;animation:rightLineStart2 .4s cubic-bezier(0.05,0.2,0.1,1) forwards}.hs-portifolio-pagination .previous-project:hover:after{background-color:rgba(13,13,13,0.9)}.hs-portifolio-pagination .next-project h3 .next-arrow{position:absolute;backface-visibility:hidden;right:-43px;top:50%;margin-top:-15px;height:30px;width:40px;display:block;transform:translateX(38px);animation:rightArrowEnd .7s cubic-bezier(0,0.2,0.1,1) forwards}.hs-portifolio-pagination .next-project h3 .text .line{color:#fff;z-index:100;font-size:16px;text-align:left;height:2px;width:45px;background-color:#fff;position:absolute;content:'';right:-74px;display:block;backface-visibility:hidden;top:50%;-webkit-transform:translateY(-50%) translateX(28px) scaleX(0);-webkit-transform-origin:right;transform:translateY(-50%) translateX(28px) scaleX(0);transform-origin:right;animation:rightLineEnd .4s cubic-bezier(0.05,0.2,0.1,1) forwards}.hs-portifolio-pagination .next-project h3 .next-arrow line{stroke-width:2px;stroke-dasharray:10px;stroke:#fff;animation:rightArrowLineEnd .4s cubic-bezier(0.3,0.2,0.1,1) .25s forwards;stroke-dashoffset:40px}.hs-portifolio-pagination li:hover .proj-bg-img{-webkit-transform:scale(1.1);transform:scale(1.1)}.hs-portifolio-pagination .next-project:hover:after{background-color:rgba(13,13,13,0.9)}.hs-portifolio-pagination .next-project:hover h3{-webkit-transform:translateX(-40px) translateZ(0);transform:translateX(-40px) translateZ(0);backface-visibility:hidden}.hs-portifolio-pagination .next-project:hover h3 .text .line{-webkit-transform:translateY(-50%) translateX(0px) scaleX(1);-webkit-transform-origin:left;transform:translateY(-50%) translateX(0px) scaleX(1);transform-origin:left;animation:rightLineStart .4s cubic-bezier(0.05,0.2,0.1,1) forwards}.hs-portifolio-pagination .next-project:hover .next-arrow line{animation:rightArrowLineStart .3s cubic-bezier(0.05,0.2,0.1,1) .1s forwards;stroke-dashoffset:30px}.hs-portifolio-pagination .next-project:hover h3 .next-arrow{animation:rightArrowStart .4s cubic-bezier(0.05,0.2,0.1,1) forwards;-webkit-transform:translateX(42px);transform:translateX(42px)}.hs-portifolio-pagination .previous-project:hover h3{transform:translateX(40px) translateZ(0);backface-visibility:hidden}.hs-portifolio-pagination .text{position:relative}.hs-portifolio-pagination.without-left-pagination ul.controls>li,.hs-portifolio-pagination.without-right-pagination ul.controls>li{width:100%;text-align:center}.hs-portifolio-pagination.without-right-pagination ul.controls>li h3 span{text-align:center}.hs-portifolio-pagination.without-left-pagination ul.controls>li{width:100%;text-align:center}.hs-portifolio-pagination.without-left-pagination ul.controls>li{width:100%;text-align:center}@media(max-width:1000px){.hs-portifolio-pagination ul.controls>li{min-height:225px}.hs-portifolio-pagination .next-arrow,.hs-portifolio-pagination .previous-project h3 .text .line,.hs-portifolio-pagination .next-project h3 .text .line{display:none !important}.hs-portifolio-pagination .next-project:hover h3{-webkit-transform:translateX(0px) translateZ(0);transform:translateX(0px) translateZ(0)}.hs-portifolio-pagination .previous-project:hover h3{-webkit-transform:translateX(0px) translateZ(0);transform:translateX(0px) translateZ(0)}.hs-portifolio-pagination .previous-project span:not(.text){text-align:center}}@media only screen and (max-width:690px){.hs-portifolio-pagination ul.controls>li{min-height:250px;width:100%}}