.showcase-wrap{position:relative;display:block;overflow:hidden;width:100%;height:450px;margin-bottom:24px}.showcase-wrap .website-container{position:absolute;width:100%;height:530px;max-width:1300px;left:50%;transform:translateX(-50%);top:0;-webkit-transition:-webkit-transform .6s ease;transition:-webkit-transform .6s ease;-o-transition:transform .6s ease;transition:transform .6s ease;transition:transform .6s ease,-webkit-transform .6s ease}.website-container{left:0;top:0;-webkit-transition:opacity .6s ease;-o-transition:opacity .6s ease;transition:opacity .6s ease}.website-container:hover{cursor:pointer}.website-container .text-container{position:absolute;right:100px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);top:50%}.website-container .animation-image-wrapper{-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);top:50%;position:absolute;left:100px;max-width:50%}.website-container .animation{height:350px;width:550px;background-position:center;background-size:contain;background-repeat:no-repeat}.website-container .animation.anim1{background-image:url(../images/portfolio/mockups/mockup1.png)}.website-container .animation.anim2{background-image:url(../images/portfolio/mockups/mockup2.png)}.website-container .animation.anim3{background-image:url(../images/portfolio/mockups/mockup3.png)}.website-container .animation.anim4{background-image:url(../images/portfolio/mockups/mockup4.png)}.website-container .text-container{-webkit-transition:opacity .3s ease-in-out,-webkit-transform .8s ease-in-out;transition:opacity .3s ease-in-out,-webkit-transform .8s ease-in-out;-o-transition:transform .8s ease-in-out,opacity .3s ease-in-out;transition:transform .8s ease-in-out,opacity .3s ease-in-out;transition:transform .8s ease-in-out,opacity .3s ease-in-out,-webkit-transform .8s ease-in-out}.website-container .animation{-webkit-transition:opacity .3s ease-in-out,-webkit-transform .8s ease-in-out;transition:opacity .3s ease-in-out,-webkit-transform .8s ease-in-out;-o-transition:transform .8s ease-in-out,opacity .3s ease-in-out;transition:transform .8s ease-in-out,opacity .3s ease-in-out;transition:transform .8s ease-in-out,opacity .3s ease-in-out,-webkit-transform .8s ease-in-out}.website-container.show .animation,.website-container.show .text-container{opacity:1}.website-container.hide .animation,.website-container.hide .text-container{opacity:0}.website-container.show .text-container{-webkit-transform:translateX(0) translateY(-50%);-ms-transform:translateX(0) translateY(-50%);transform:translateX(0) translateY(-50%)}.website-container.show .animation{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}.website-container.hide .text-container{-webkit-transform:translateX(50px) translateY(-50%);-ms-transform:translateX(50px) translateY(-50%);transform:translateX(50px) translateY(-50%)}.website-container.hide .animation{-webkit-transform:translateX(-50px);-ms-transform:translateX(-50px);transform:translateX(-50px)}.portfolio-carousel-container{margin-bottom:0;padding-left:16px;padding-right:16px}.carousel-website:hover{cursor:pointer}.portfolio-carousel h4{line-height:1.2;margin:0}.carousel-website h3{color:#fff}.carousel-website img{max-width:220px;display:block;margin-left:auto;margin-right:auto;height:auto;border:none;opacity:.5}.carousel-website img.active{opacity:1}.carousel-website:hover img{opacity:1}.owl-controls{margin-top:24px}.owl-dots{width:auto;height:30px;margin-left:auto;text-align:center;margin-right:auto}.owl-dot{display:inline-block;height:20px;position:relative;width:10px}.owl-dot span{display:block;margin-left:0;background:#fff;border-radius:0;position:absolute;bottom:0;left:5px;width:2px;height:12px;-webkit-transition:height .3s linear;-o-transition:height .3s linear;transition:height .3s linear;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.owl-dot.active span{background-color:#fa0;height:20px}.owl-next,.owl-prev{display:none!important}.owl-item .carousel-website img{-webkit-transition:opacity .3s linear;-o-transition:opacity .3s linear;transition:opacity .3s linear}.owl-item:hover .carousel-website img{opacity:1!important}.slider .translate-right{padding:24px 28px 24px 28px;margin-top:0;border:none;border-right:3px solid #fa0;background-color:rgba(21,21,21,.5);max-width:50%;float:right;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}@media only screen and (min-width:1200px){.slider .translate-right{min-width:430px}}.slider .description-title-text.right h5,.slider .description-title-text.right p{color:#fff;text-align:left;font-size:24px;color:#fa0;line-height:1}.slider .description-title-text{padding-bottom:20px}.slider .des-programs-author.right h6{color:#d2d2d2;text-align:left}.des-programs-author.left p,.des-programs-author.right p{padding-top:0}.slider .des-programs-author.right p{color:#d2d2d2;text-align:left}.slider .des-programs-author.right div.link{margin:0;float:left;margin-top:10px;margin-left:0}.slider .des-programs-author.right .link:hover{color:#fa0}@media only screen and (max-width:1200px){.website-container{height:auto}.owl-controls{margin-top:10px}.slider .description-title-text{padding-bottom:5px;margin-bottom:0}.website-container .text-container,.website-container.hide .text-container,.website-container.show .text-container{-webkit-transform:none;-ms-transform:none;transform:none;left:0;top:0;position:relative}.website-container .animation,.website-container.hide .animation,.website-container.show .animation{max-height:270px;max-width:300px;margin:0 auto}.translate-right.card-shadow-left{-webkit-transform:none;-ms-transform:none;transform:none;top:0;left:0;position:relative;float:none;margin:0 auto;margin-top:10px;max-width:100%}.website-container-inner{height:auto;width:100%;max-width:600px;margin:0 auto;position:relative}.website-container .animation-image-wrapper{position:relative;-webkit-transform:none;-ms-transform:none;transform:none;top:0;left:0;margin:0 auto;height:270px;max-width:100%}.slider .des-programs-author.right p{padding-bottom:10px}.showcase-wrap .website-container{height:auto}.showcase-wrap{height:460px;margin-bottom:10px}.slider .description-title-text{margin-bottom:5px}.website-container .text-container{top:0;position:relative}.website-container .animation{top:0;position:relative}.website-container .animation-image-wrapper,.website-container .text-container{position:relative}.website-container.show .text-container{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);position:relative}.website-container.show .animation{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);position:relative}.website-container.hide .text-container{-webkit-transform:translateX(50px);-ms-transform:translateX(50px);transform:translateX(50px);position:relative}.website-container.hide .animation{-webkit-transform:translateX(-50px);-ms-transform:translateX(-50px);transform:translateX(-50px);position:relative}}@media only screen and (max-width:900px){.showcase-wrap{height:360px}.website-container .animation-image-wrapper{height:190px;padding-top:35px}.owl-carousel .owl-stage{padding-top:20px}.website-container .animation,.website-container.hide .animation,.website-container.show .animation{max-height:190px}}@media only screen and (max-width:650px) and (orientation:portrait){.slider .translate-right{border:none}}.portfolio{position:relative;overflow:hidden}.fallback-background{position:absolute;width:115%;height:115%;top:50%;left:50%;transform:translate(-50%,-50%);background-image:url(../images/background.jpg);background-position:center center;background-size:cover}@media only screen and (min-width:1200px){.portfolio .text-container{max-width:50%}}body *{-webkit-backface-visibility:hidden!important;backface-visibility:hidden!important}.royal_preloader_percentage{background:0 0!important}