.custom-pagination{background-color:rgba(0,0,0,.03);position:relative;z-index:1}.custom-pagination .controls{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;left:auto;margin:0;padding:0;position:relative;right:0;top:0;width:100%;z-index:1000}.custom-pagination .mouse-leaving{-moz-box-align:center;-moz-box-pack:center;align-items:center;-webkit-align-items:center;background-color:#333;display:-webkit-flex;display:flex;float:none;height:auto;-webkit-justify-content:center;justify-content:center;line-height:0;list-style:none;margin-bottom:0;min-height:300px;overflow:hidden;padding:6%;position:relative;width:50%}.custom-pagination .proj-bg-img{background-position:50%;background-size:cover;height:100%;left:0;position:absolute;top:0;-ms-transition:transform .4s cubic-bezier(.05,.2,.1,1) 0s;-webkit-transition:transform .4s cubic-bezier(.05,.2,.1,1) 0s;transition:transform .4s cubic-bezier(.05,.2,.1,1) 0s;width:100%}.custom-pagination ul li a{display:block;font-size:20px;height:100%;left:0;position:absolute;top:0;width:100%;z-index:101}.custom-pagination ul li h3{color:#fff;display:inline-block;font-size:27px;line-height:30px;margin-bottom:7px;position:relative;-webkit-transform:translateX(0) translateZ(0);transform:translateX(0) translateZ(0);-webkit-transition:transform .4s cubic-bezier(.05,.2,.1,1);transition:transform .4s cubic-bezier(.05,.2,.1,1);z-index:100}.custom-pagination ul li.previous-project span:not(.text){display:block;font-size:14px!important;font-weight:500!important;line-height:30px;text-align:right;text-transform:capitalize}.custom-pagination ul li.previous-project span{color:#fff;position:relative;z-index:100}.custom-pagination ul li.previous-project svg{animation:rightArrowStart2 .4s cubic-bezier(.05,.2,.1,1) forwards;backface-visibility:hidden;display:block;height:30px;left:-43px;margin-top:-15px;position:absolute;right:-43px;right:auto;top:50%;-webkit-transform:translateX(38px) rotate(180deg);transform:translateX(38px) rotate(180deg);-webkit-transform:translateX(42px);transform:translateX(42px);width:40px}.custom-pagination ul li:hover .proj-bg-img{-webkit-transform:scale(1.1);transform:scale(1.1)}.custom-pagination ul li:hover h3{backface-visibility:hidden;transform:translateX(40px) translateZ(0)}.custom-pagination ul li:hover h3 .next-arrow{-webkit-transform:translateX(42px);transform:translateX(42px)}.custom-pagination ul .next-project span:not(.text){color:#fff;display:block;font-size:14px!important;font-weight:500!important;line-height:30px;position:relative;text-align:left;text-transform:capitalize;z-index:100}.custom-pagination ul .next-project span{color:#fff;position:relative;z-index:100}.custom-pagination ul .next-project{-moz-box-align:center;-moz-box-pack:center;align-items:center;-webkit-align-items:center;background-color:#333;display:-webkit-flex;display:flex;float:none;height:auto;-webkit-justify-content:center;justify-content:center;line-height:0;min-height:300px;overflow:hidden;padding:6%;position:relative;width:50%}.custom-pagination .mouse-leaving:hover:after{background-color:hsla(0,0%,5%,.9)}.custom-pagination .mouse-leaving.hidden{display:none}.custom-pagination .mouse-leaving.only{width:100%!important}.custom-pagination ul .next-project svg{animation:rightArrowEnd .7s cubic-bezier(0,.2,.1,1) forwards;backface-visibility:hidden;display:block;height:30px;margin-top:-15px;position:absolute;right:-43px;top:50%;transform:translateX(38px);width:40px}.custom-pagination ul .only span:not(.text){text-align:center!important}.custom-pagination ul .next-project:after{background-color:hsla(0,0%,5%,.35);content:"";display:block;height:100%;left:0;position:absolute;top:0;-webkit-transition:background-color .4s cubic-bezier(.05,.2,.1,1) 0s;transition:background-color .4s cubic-bezier(.05,.2,.1,1) 0s;width:100%;z-index:1}.custom-pagination ul .next-project:hover svg{animation:rightArrowStart .4s cubic-bezier(.05,.2,.1,1) forwards}.custom-pagination ul .next-project h3 .text .line{animation:rightLineEnd .4s cubic-bezier(.05,.2,.1,1) forwards;backface-visibility:hidden;background-color:#fff;content:"";display:block;height:2px;position:absolute;right:-74px;top:50%;-webkit-transform:translateY(-50%) translateX(28px) scaleX(0);transform:translateY(-50%) translateX(28px) scaleX(0);-webkit-transform-origin:right;transform-origin:right;width:45px}.custom-pagination ul .next-project:hover h3 .text .line{animation:rightLineStart .4s cubic-bezier(.05,.2,.1,1) forwards;-webkit-transform:translateY(-50%) translateX(0) scaleX(1);transform:translateY(-50%) translateX(0) scaleX(1);-webkit-transform-origin:left;transform-origin:left}.custom-pagination ul li.next-project:hover h3{backface-visibility:hidden;-webkit-transform:translateX(-40px) translateZ(0);transform:translateX(-40px) translateZ(0)}.custom-pagination ul li h3 .next-arrow line{stroke-width:2px;stroke-dasharray:10px;stroke:#fff;stroke-dashoffset:40px;animation:rightArrowLineEnd .4s cubic-bezier(.3,.2,.1,1) .25s forwards}.custom-pagination ul li:hover h3 .next-arrow line{stroke-dashoffset:30px;animation:rightArrowLineStart .3s cubic-bezier(.05,.2,.1,1) .1s forwards}.custom-pagination ul li.previous-project span.line{animation:rightLineEnd2 .4s cubic-bezier(.05,.2,.1,1) forwards;backface-visibility:hidden;background-color:#fff;content:"";display:block;height:2px;left:-74px;left:-43px;position:absolute;right:-74px;right:auto;top:50%;-webkit-transform:translateY(-50%) translateX(-28px) scaleX(0);transform:translateY(-50%) translateX(-28px) scaleX(0);-webkit-transform:translateX(38px) rotate(180deg);transform:translateX(38px) rotate(180deg);-webkit-transform-origin:left;transform-origin:left;width:45px}.custom-pagination ul li.previous-project:hover span.line{animation:rightLineStart2 .4s cubic-bezier(.05,.2,.1,1) forwards;left:-74px;right:auto;-webkit-transform:translateY(-50%) translateX(0) scaleX(1);transform:translateY(-50%) translateX(0) scaleX(1);-webkit-transform-origin:right;transform-origin:right}.custom-pagination .previous-project:after{background-color:hsla(0,0%,5%,.35);content:"";display:block;height:100%;left:0;position:absolute;top:0;-webkit-transition:background-color .4s cubic-bezier(.05,.2,.1,1) 0s;transition:background-color .4s cubic-bezier(.05,.2,.1,1) 0s;width:100%;z-index:1}.custom-pagination .previous-project:hover:after{background-color:hsla(0,0%,5%,.9)}@media only screen and (max-width:690px){.custom-pagination .controls{float:none}.custom-pagination .mouse-leaving{min-height:250px;width:100%!important}.custom-pagination ul li h3{font-size:21.6px;line-height:24px}.custom-pagination ul .next-project span:not(.text),.custom-pagination ul li.previous-project span:not(.text){text-align:center}.custom-pagination ul .next-project .line,.custom-pagination ul .next-project svg,.custom-pagination ul li.previous-project .line,.custom-pagination ul li.previous-project svg{display:none!important}.custom-pagination ul li.next-project:hover h3,.custom-pagination ul li:hover h3{-webkit-transform:translateX(0) translateZ(0);transform:translateX(0) translateZ(0)}}@keyframes rightLineEnd2{0%{transform:translateY(-50%) translateX(0) scaleX(1)}to{transform:translateY(-50%) translateX(-28px) scaleX(0)}}@keyframes rightLineStart2{0%{transform:translateY(-50%) translateX(88px) scaleX(0)}to{transform:translateY(-50%) translateX(0) scaleX(1)}}@keyframes rightArrowLineStart{0%{stroke-dashoffset:30px}to{stroke-dashoffset:40px}}@keyframes rightArrowLineEnd{0%{stroke-dashoffset:40px}to{stroke-dashoffset:50px}}@keyframes rightLineStart{0%{transform:translateY(-50%) translateX(-88px) scaleX(0)}to{transform:translateY(-50%) translateX(0) scaleX(1)}}@keyframes rightLineEnd{0%{transform:translateY(-50%) translateX(0) scaleX(1)}to{transform:translateY(-50%) translateX(28px) scaleX(0)}}@keyframes rightArrowEnd{0%{transform:translateX(42px)}to{transform:translateX(75px)}}@keyframes rightArrowStart2{0%{transform:translateX(50px) rotate(180deg)}to{transform:translateX(-42px) rotate(180deg)}}@keyframes rightArrowStart{0%{transform:translateX(-50px)}to{transform:translateX(42px)}}