.page[data-name=portfolio]{width:100%;height:100%;overflow:hidden;background:#26262d;margin:0;padding:0;border:none;font-family:Poppins;font-size:14px;color:hsla(0,0%,100%,.55);letter-spacing:0;font-weight:400;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%}.page[data-name=portfolio] *{box-sizing:border-box;-webkit-box-sizing:border-box}.page[data-name=portfolio] a{color:hsla(0,0%,100%,.55)}.page[data-name=portfolio] .row{margin:0 -20px;position:relative;font-size:0}.page[data-name=portfolio] .row .col{padding:20px;position:relative;display:inline-block;vertical-align:top;font-size:14px}.page[data-name=portfolio] .row .col .col{padding-top:0;padding-bottom:20px}@media (min-width:1024px){.page[data-name=portfolio] .row .col.col-d-12{width:99.996%}.page[data-name=portfolio] .row .col.col-d-11{width:91.663%}.page[data-name=portfolio] .row .col.col-d-10{width:83.333%}.page[data-name=portfolio] .row .col.col-d-9{width:74.997%}.page[data-name=portfolio] .row .col.col-d-8{width:66.664%}.page[data-name=portfolio] .row .col.col-d-7{width:58.331%}.page[data-name=portfolio] .row .col.col-d-6{width:49.998%}.page[data-name=portfolio] .row .col.col-d-5{width:41.665%}.page[data-name=portfolio] .row .col.col-d-4{width:33.332%}.page[data-name=portfolio] .row .col.col-d-3{width:24.999%}.page[data-name=portfolio] .row .col.col-d-2{width:16.666%}.page[data-name=portfolio] .row .col.col-d-1{width:8.333%}}@media (max-width:1023px){.page[data-name=portfolio] .row .col.col-t-12{width:99.996%}.page[data-name=portfolio] .row .col.col-t-11{width:91.663%}.page[data-name=portfolio] .row .col.col-t-10{width:83.333%}.page[data-name=portfolio] .row .col.col-t-9{width:74.997%}.page[data-name=portfolio] .row .col.col-t-8{width:66.664%}.page[data-name=portfolio] .row .col.col-t-7{width:58.331%}.page[data-name=portfolio] .row .col.col-t-6{width:49.998%}.page[data-name=portfolio] .row .col.col-t-5{width:41.665%}.page[data-name=portfolio] .row .col.col-t-4{width:33.332%}.page[data-name=portfolio] .row .col.col-t-3{width:24.999%}.page[data-name=portfolio] .row .col.col-t-2{width:16.666%}.page[data-name=portfolio] .row .col.col-t-1{width:8.333%}}@media (max-width:560px){.page[data-name=portfolio] .row .col.col-m-12{width:99.996%}.page[data-name=portfolio] .row .col.col-m-11{width:91.663%}.page[data-name=portfolio] .row .col.col-m-10{width:83.333%}.page[data-name=portfolio] .row .col.col-m-9{width:74.997%}.page[data-name=portfolio] .row .col.col-m-8{width:66.664%}.page[data-name=portfolio] .row .col.col-m-7{width:58.331%}.page[data-name=portfolio] .row .col.col-m-6{width:49.998%}.page[data-name=portfolio] .row .col.col-m-5{width:41.665%}.page[data-name=portfolio] .row .col.col-m-4{width:33.332%}.page[data-name=portfolio] .row .col.col-m-3{width:24.999%}.page[data-name=portfolio] .row .col.col-m-2{width:16.666%}.page[data-name=portfolio] .row .col.col-m-1{width:8.333%}}.page[data-name=portfolio] .row:after{content:"";display:block;clear:both}.page[data-name=portfolio] .border-line-v:before{content:"";position:absolute;left:0;top:0;width:1px;height:100%;background:radial-gradient(ellipse at top,rgba(197,202,213,.1) 0,hsla(0,0%,100%,0) 70%)}.page[data-name=portfolio] .border-line-h:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background:radial-gradient(ellipse at left,rgba(197,202,213,.1) 0,hsla(0,0%,100%,0) 70%)}.page[data-name=portfolio] .lnks{position:absolute;bottom:0;left:0;width:100%;height:70px;z-index:10}.page[data-name=portfolio] .lnks:before{content:"";position:absolute;left:0;top:0;width:100%;height:1px;background:radial-gradient(ellipse at left,rgba(197,202,213,.1) 0,hsla(0,0%,100%,0) 70%)}.page[data-name=portfolio] .button,.page[data-name=portfolio] .lnk{position:relative;float:left;height:70px;line-height:70px;font-size:12px;color:hsla(0,0%,100%,.85);font-weight:500;text-align:center;text-decoration:none;text-transform:uppercase;border:none}.page[data-name=portfolio] .button:first-child:last-child,.page[data-name=portfolio] .button:first-child:last-child~.page[data-name=portfolio] .button,.page[data-name=portfolio] .button:first-child:last-child~.page[data-name=portfolio] .lnk,.page[data-name=portfolio] .lnk:first-child:last-child,.page[data-name=portfolio] .lnk:first-child:last-child~.page[data-name=portfolio] .button,.page[data-name=portfolio] .lnk:first-child:last-child~.page[data-name=portfolio] .lnk{width:100%}.page[data-name=portfolio] .button:first-child:nth-last-child(2),.page[data-name=portfolio] .button:first-child:nth-last-child(2)~.page[data-name=portfolio] .button,.page[data-name=portfolio] .button:first-child:nth-last-child(2)~.page[data-name=portfolio] .lnk,.page[data-name=portfolio] .lnk:first-child:nth-last-child(2),.page[data-name=portfolio] .lnk:first-child:nth-last-child(2)~.page[data-name=portfolio] .button,.page[data-name=portfolio] .lnk:first-child:nth-last-child(2)~.page[data-name=portfolio] .lnk{width:50%}.page[data-name=portfolio] .button:first-child:nth-last-child(3),.page[data-name=portfolio] .button:first-child:nth-last-child(3)~.page[data-name=portfolio] .button,.page[data-name=portfolio] .button:first-child:nth-last-child(3)~.page[data-name=portfolio] .lnk,.page[data-name=portfolio] .lnk:first-child:nth-last-child(3),.page[data-name=portfolio] .lnk:first-child:nth-last-child(3)~.page[data-name=portfolio] .button,.page[data-name=portfolio] .lnk:first-child:nth-last-child(3)~.page[data-name=portfolio] .lnk{width:33.33333%}.page[data-name=portfolio] .button:first-child:nth-last-child(4),.page[data-name=portfolio] .button:first-child:nth-last-child(4)~.page[data-name=portfolio] .button,.page[data-name=portfolio] .button:first-child:nth-last-child(4)~.page[data-name=portfolio] .lnk,.page[data-name=portfolio] .lnk:first-child:nth-last-child(4),.page[data-name=portfolio] .lnk:first-child:nth-last-child(4)~.page[data-name=portfolio] .button,.page[data-name=portfolio] .lnk:first-child:nth-last-child(4)~.page[data-name=portfolio] .lnk{width:25%}.page[data-name=portfolio] .button:first-child:nth-last-child(5),.page[data-name=portfolio] .button:first-child:nth-last-child(5)~.page[data-name=portfolio] .button,.page[data-name=portfolio] .button:first-child:nth-last-child(5)~.page[data-name=portfolio] .lnk,.page[data-name=portfolio] .lnk:first-child:nth-last-child(5),.page[data-name=portfolio] .lnk:first-child:nth-last-child(5)~.page[data-name=portfolio] .button,.page[data-name=portfolio] .lnk:first-child:nth-last-child(5)~.page[data-name=portfolio] .lnk{width:20%}.page[data-name=portfolio] .button:before,.page[data-name=portfolio] .lnk:before{content:"";position:absolute;right:0;top:0;width:1px;height:100%;background:radial-gradient(ellipse at top,rgba(197,202,213,.1) 0,hsla(0,0%,100%,0) 70%)}.page[data-name=portfolio] .button .arrow,.page[data-name=portfolio] .button .fab,.page[data-name=portfolio] .button .far,.page[data-name=portfolio] .button .fas,.page[data-name=portfolio] .button .ion,.page[data-name=portfolio] .lnk .arrow,.page[data-name=portfolio] .lnk .fab,.page[data-name=portfolio] .lnk .far,.page[data-name=portfolio] .lnk .fas,.page[data-name=portfolio] .lnk .ion{margin:0 0 0 8px;position:relative;top:-2px;display:inline-block;vertical-align:middle;font-size:18px;transition:all .3s ease 0s;-moz-transition:all .3s ease 0s;-webkit-transition:all .3s ease 0s;-o-transition:all .3s ease 0s}.page[data-name=portfolio] .button .arrow,.page[data-name=portfolio] .lnk .arrow{top:-1px;width:14px;height:2px}.page[data-name=portfolio] .button .arrow:after,.page[data-name=portfolio] .button .arrow:before,.page[data-name=portfolio] .lnk .arrow:after,.page[data-name=portfolio] .lnk .arrow:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:hsla(0,0%,100%,.85);transition:all .3s ease 0s;-moz-transition:all .3s ease 0s;-webkit-transition:all .3s ease 0s;-o-transition:all .3s ease 0s}.page[data-name=portfolio] .button .arrow:after,.page[data-name=portfolio] .lnk .arrow:after{left:auto;top:auto;right:0;bottom:3px;width:8px;height:2px;transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg)}.page[data-name=portfolio] .button .text,.page[data-name=portfolio] .lnk .text{transition:all .3s ease 0s;-moz-transition:all .3s ease 0s;-webkit-transition:all .3s ease 0s;-o-transition:all .3s ease 0s}.page[data-name=portfolio] .button:last-child:before,.page[data-name=portfolio] .lnk:last-child:before{display:none}.page[data-name=portfolio] .button:hover,.page[data-name=portfolio] .button:hover .ion,.page[data-name=portfolio] .lnk:hover,.page[data-name=portfolio] .lnk:hover .ion{color:#c446da}.page[data-name=portfolio] .button:hover .arrow:after,.page[data-name=portfolio] .button:hover .arrow:before,.page[data-name=portfolio] .lnk:hover .arrow:after,.page[data-name=portfolio] .lnk:hover .arrow:before{background:#c446da}.page[data-name=portfolio] .button{display:inline-block;float:none;width:auto}.page[data-name=portfolio] ol,.page[data-name=portfolio] ul{list-style:none;margin-top:0;margin-bottom:0;padding-left:0}.page[data-name=portfolio] p{font-size:14px;line-height:1.6;padding:0;margin:0 0 20px}.page[data-name=portfolio] strong{font-weight:500}.page[data-name=portfolio] .animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.page[data-name=portfolio] .animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.page[data-name=portfolio] .container{margin:-300px 0 0 -240px;position:absolute;top:50%;left:50%;width:480px;height:600px;transform:translateX(0);-webkit-transform:translateX(0);-moz-transform:translateX(0);-o-transform:translateX(0);transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;-webkit-transition:all 1s ease 0s;-o-transition:all 1s ease 0s}.page[data-name=portfolio] .container.open{transform:translateX(-240px);-webkit-transform:translateX(-240px);-moz-transform:translateX(-240px);-o-transform:translateX(-240px)}@media (max-width:1072px){.page[data-name=portfolio] .container{margin:-300px 0 0 -220px;width:440px}.page[data-name=portfolio] .container.open{transform:translateX(-204px);-webkit-transform:translateX(-204px);-moz-transform:translateX(-204px);-o-transform:translateX(-204px)}}@media (max-width:1023px){.page[data-name=portfolio] .container{margin:0 auto;position:relative;top:83px;left:0;width:auto;max-width:540px;height:auto}.page[data-name=portfolio] .container,.page[data-name=portfolio] .container.open{transform:none;-webkit-transform:none;-moz-transform:none;-o-transform:none}}@media (max-width:560px){.page[data-name=portfolio] .container{margin:0 5px;top:78px;width:auto;max-width:100%}}.page[data-name=portfolio] .header{position:absolute;left:-80px;top:15px;width:72px;z-index:100;text-align:center;opacity:1;visibility:visible;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;-khtml-border-radius:4px;transition:visibility 1s linear,opacity .5s linear;-moz-transition:visibility 1s linear,opacity .5s linear;-webkit-transition:visibility 1s linear,opacity .5s linear;-o-transition:visibility 1s linear,opacity .5s linear}.page[data-name=portfolio] .container:not(.open)>.header{opacity:0;visibility:hidden}.page[data-name=portfolio] .header[data-active=true]{opacity:1!important;visibility:visible!important}.page[data-name=portfolio] .header .top-menu{width:100%;font-size:0}.page[data-name=portfolio] .header .top-menu ul li{display:block;transition:color .3s ease 0s;-moz-transition:color .3s ease 0s;-webkit-transition:color .3s ease 0s;-o-transition:color .3s ease 0s}.page[data-name=portfolio] .header .top-menu ul li:first-child a{border-radius:4px 4px 0 0;-moz-border-radius:4px 4px 0 0;-webkit-border-radius:4px 4px 0 0;-khtml-border-radius:4px 4px 0 0}.page[data-name=portfolio] .header .top-menu ul li:last-child a{border-radius:0 0 4px 4px;-moz-border-radius:0 0 4px 4px;-webkit-border-radius:0 0 4px 4px;-khtml-border-radius:0 0 4px 4px;border:none}.page[data-name=portfolio] .header .top-menu ul li:last-child a:before{display:none}.page[data-name=portfolio] .header .top-menu ul li a{position:relative;overflow:hidden;display:block;height:72px;color:hsla(0,0%,100%,.85);text-align:center;background:#31313a;cursor:pointer}.page[data-name=portfolio] .header .top-menu ul li a:before{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background:radial-gradient(ellipse at right,rgba(197,202,213,.1) 0,hsla(0,0%,100%,0) 70%)}.page[data-name=portfolio] .header .top-menu ul li a .fab,.page[data-name=portfolio] .header .top-menu ul li a .far,.page[data-name=portfolio] .header .top-menu ul li a .fas,.page[data-name=portfolio] .header .top-menu ul li a .icon{margin:-27px 0 0 -20px;position:absolute;top:50%;left:50%;width:40px;height:40px;font-size:20px;color:hsla(0,0%,100%,.85);line-height:40px;border-radius:30px;-moz-border-radius:30px;-webkit-border-radius:30px;-khtml-border-radius:30px;transition:all .3s ease 0s;-moz-transition:all .3s ease 0s;-webkit-transition:all .3s ease 0s;-o-transition:all .3s ease 0s}.page[data-name=portfolio] .header .top-menu ul li a .link{position:absolute;left:0;top:57%;width:100%;display:block;font-size:11px;font-weight:500;text-transform:uppercase;transition:all .3s ease 0s;-moz-transition:all .3s ease 0s;-webkit-transition:all .3s ease 0s;-o-transition:all .3s ease 0s}.page[data-name=portfolio] .header .top-menu ul li:hover a,.page[data-name=portfolio] .header .top-menu ul li:hover a .fab,.page[data-name=portfolio] .header .top-menu ul li:hover a .far,.page[data-name=portfolio] .header .top-menu ul li:hover a .fas,.page[data-name=portfolio] .header .top-menu ul li:hover a .icon,.page[data-name=portfolio] .header .top-menu ul li:hover a .link,.page[data-name=portfolio] .header .top-menu ul li[data-active=true] a,.page[data-name=portfolio] .header .top-menu ul li[data-active=true] a .fab,.page[data-name=portfolio] .header .top-menu ul li[data-active=true] a .far,.page[data-name=portfolio] .header .top-menu ul li[data-active=true] a .fas,.page[data-name=portfolio] .header .top-menu ul li[data-active=true] a .icon,.page[data-name=portfolio] .header .top-menu ul li[data-active=true] a .link{color:#c446da}@media (max-width:1023px){.page[data-name=portfolio] .header{position:fixed;left:0;top:-4px;width:100%;height:72px;display:flex;align-items:center;justify-content:center}.page[data-name=portfolio] .header .top-menu{margin:0 auto;max-width:540px;display:flex;box-shadow:0 0 25px rgba(0,0,0,.05)}.page[data-name=portfolio] .header .top-menu ul{display:flex;width:100%}.page[data-name=portfolio] .header .top-menu ul li{display:block;width:100%}.page[data-name=portfolio] .header .top-menu ul li:first-child a{border-radius:4px 0 0 4px;-moz-border-radius:4px 0 0 4px;-webkit-border-radius:4px 0 0 4px;-khtml-border-radius:4px 0 0 4px}.page[data-name=portfolio] .header .top-menu ul li:last-child a{border-radius:0 4px 4px 0;-moz-border-radius:0 4px 4px 0;-webkit-border-radius:0 4px 4px 0;-khtml-border-radius:0 4px 4px 0}.page[data-name=portfolio] .header .top-menu ul li a:before{content:"";position:absolute;left:0;bottom:0;width:1px;height:100%;background:radial-gradient(ellipse at right,rgba(197,202,213,.1) 0,hsla(0,0%,100%,0) 70%)}.page[data-name=portfolio] .header .top-menu ul li:last-child a:before{display:block}}@media (max-width:560px){.page[data-name=portfolio] .header{padding:0 5px;width:100%}.page[data-name=portfolio] .header .top-menu{max-width:100%}}.page[data-name=portfolio] .card-main{position:relative;width:100%;height:600px;z-index:11;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;-khtml-border-radius:4px}.page[data-name=portfolio] .card-main:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;box-shadow:10px 10px 15px rgba(0,0,0,.05);border-radius:0 0 4px 0;-moz-border-radius:0 0 4px 0;-webkit-border-radius:0 0 4px 0;-khtml-border-radius:0 0 4px 0}.page[data-name=portfolio] .card-main:after{content:"";position:absolute;left:-15px;top:-15px;width:100%;background:#31313a;opacity:.3}.page[data-name=portfolio] .card-main .profile,.page[data-name=portfolio] .card-main:after{height:100%;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;-khtml-border-radius:4px}.page[data-name=portfolio] .card-main .profile{padding:210px 50px 50px;position:relative;background:#fff;text-align:center;z-index:10;background:#31313a}.page[data-name=portfolio] .card-main .profile.no-photo{padding-top:340px}.page[data-name=portfolio] .card-main .profile.no-photo .image{display:none}.page[data-name=portfolio] .card-main .profile .slide{position:absolute;overflow:hidden;left:0;top:0;width:100%;height:300px;background-color:rgba(43,43,52,.45);background-repeat:no-repeat;background-position:50%;background-size:cover;border-radius:4px 4px 0 0;-moz-border-radius:4px 4px 0 0;-webkit-border-radius:4px 4px 0 0;-khtml-border-radius:4px 4px 0 0}.page[data-name=portfolio] .card-main .profile .slide:after,.page[data-name=portfolio] .card-main .profile .slide:before{content:"";position:absolute;left:-25%;bottom:-198px;width:700px;height:200px;background:#31313a;transform:rotate(12deg);-webkit-transform:rotate(12deg);-moz-transform:rotate(12deg);-o-transform:rotate(12deg)}.page[data-name=portfolio] .card-main .profile .slide:after{left:auto;right:-25%;transform:rotate(-6deg);-webkit-transform:rotate(-6deg);-moz-transform:rotate(-6deg);-o-transform:rotate(-6deg)}.page[data-name=portfolio] .card-main .profile .image{margin:0 0 20px;position:relative;display:inline-block;width:140px;height:140px}.page[data-name=portfolio] .card-main .profile .image:before{content:"";position:absolute;top:10px;left:-10px;width:100%;height:100%;background:linear-gradient(135deg,rgba(196,70,218,.4),rgba(196,70,218,.01));border-radius:100%;-moz-border-radius:100%;-webkit-border-radius:100%;-khtml-border-radius:100%}.page[data-name=portfolio] .card-main .profile .image img{position:relative;display:block;width:100%;height:100%;background:hsla(0,0%,100%,.67);border:3px solid #fff;border-radius:100%;-moz-border-radius:100%;-webkit-border-radius:100%;-khtml-border-radius:100%}.page[data-name=portfolio] .card-main .profile .title{margin:0 0 10px;font-size:32px;color:hsla(0,0%,100%,.85);line-height:32px;font-weight:400}.page[data-name=portfolio] .card-main .profile .subtitle{margin:0 0 15px;font-size:14px;color:#c446da;line-height:14px;font-weight:400}.page[data-name=portfolio] .card-main .profile .social a{margin:0 6px;display:inline-block;vertical-align:middle}.page[data-name=portfolio] .card-main .profile .social a .fab,.page[data-name=portfolio] .card-main .profile .social a .fas,.page[data-name=portfolio] .card-main .profile .social a .ion{font-size:16px;transition:all .3s ease 0s;-moz-transition:all .3s ease 0s;-webkit-transition:all .3s ease 0s;-o-transition:all .3s ease 0s}.page[data-name=portfolio] .card-main .profile .social a:hover .fab,.page[data-name=portfolio] .card-main .profile .social a:hover .fas,.page[data-name=portfolio] .card-main .profile .social a:hover .ion{color:#c446da}.page[data-name=portfolio] .card-main .profile .lnk.active.discover .arrow{transform:scaleX(-1);-webkit-transform:scaleX(-1);-moz-transform:scaleX(-1);-o-transform:scaleX(-1)}@media (max-width:560px){.page[data-name=portfolio] .card-main{height:480px}.page[data-name=portfolio] .card-main:after{display:none}.page[data-name=portfolio] .card-main .profile{padding:135px 25px 25px}.page[data-name=portfolio] .card-main .profile.no-photo{padding-top:250px}.page[data-name=portfolio] .card-main .profile .slide{height:200px}.page[data-name=portfolio] .card-main .profile .image{margin:0 0 15px;width:124px;height:124px}.page[data-name=portfolio] .card-main .profile .title{font-size:28px;line-height:28px}}.page[data-name=portfolio] .card-inner{padding:0;position:absolute;overflow:hidden;left:95%;top:15px;width:120%;height:570px;background:#31313a;-webkit-transform-origin:center left;transform-origin:center left;opacity:0;visibility:hidden;z-index:8;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;-khtml-border-radius:4px;transition:visibility 1s linear,opacity .5s linear;-moz-transition:visibility 1s linear,opacity .5s linear;-webkit-transition:visibility 1s linear,opacity .5s linear;-o-transition:visibility 1s linear,opacity .5s linear}.page[data-name=portfolio] .card-inner.animated{opacity:0;visibility:hidden;z-index:9}.page[data-name=portfolio] .container:not(.open) .card-inner[data-active=true]{visibility:visible}.page[data-name=portfolio] .container:not(.open) .card-inner:not(.animated){visibility:hidden}.page[data-name=portfolio] .container:not(.open) .card-inner{z-index:9;-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}.page[data-name=portfolio] .card-inner:not([data-active]){opacity:0;visibility:hidden;-webkit-transform:translate3d(-70%,0,0);transform:translate3d(-70%,0,0)}.page[data-name=portfolio] .card-inner[data-active]{opacity:1;visibility:visible}.page[data-name=portfolio] .card-inner[data-active=true]{z-index:10;-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}.page[data-name=portfolio] .card-inner[data-active=false]{z-index:9;-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}.page[data-name=portfolio] .card-inner:after,.page[data-name=portfolio] .card-inner:before{content:"";position:absolute;top:0;left:0;right:20px;height:20px;background:#31313a;z-index:10}.page[data-name=portfolio] .card-inner:after{top:auto;bottom:0}.page[data-name=portfolio] .card-inner .card-wrap{padding:30px 30px 30px 60px;position:relative;overflow-x:hidden;height:100%}@media (max-width:1072px){.page[data-name=portfolio] .card-inner{width:115%}}@media (max-width:1023px){.page[data-name=portfolio] .card-inner{position:relative;margin:15px 0;left:0;top:0;width:auto;height:auto;opacity:1!important;visibility:visible!important;z-index:10!important;-webkit-animation-name:fadeInLeft!important;animation-name:fadeInLeft!important}.page[data-name=portfolio] .card-inner .card-wrap{padding:30px 30px 30px 40px;overflow:visible;height:auto}.page[data-name=portfolio] .card-inner:last-child{margin-bottom:50px}}@media (max-width:560px){.page[data-name=portfolio] .card-inner{margin:10px 0}.page[data-name=portfolio] .card-inner .card-wrap{padding:30px}.page[data-name=portfolio] .card-inner:last-child{margin-bottom:10px}}.page[data-name=portfolio] .content{margin:0 0 60px;position:relative}.page[data-name=portfolio] .content:last-child{margin-bottom:0}.page[data-name=portfolio] .content .title{margin:0 0 15px;padding:0 0 5px;position:relative;font-size:17px;color:hsla(0,0%,100%,.85);line-height:21px;font-weight:500}.page[data-name=portfolio] .content .title:before{content:"";position:absolute;left:-12px;top:0;width:30px;height:30px;background:linear-gradient(135deg,rgba(196,70,218,.4),rgba(196,70,218,.01));z-index:-1;border-radius:30px;-moz-border-radius:30px;-webkit-border-radius:30px;-khtml-border-radius:30px}.page[data-name=portfolio] .content .title:after{content:"";position:absolute;left:-60px;bottom:-15px;width:95%;height:1px;background:radial-gradient(ellipse at left,rgba(197,202,213,.1) 0,hsla(0,0%,100%,0) 70%)}.page[data-name=portfolio] .info-list ul li{display:inline-block;width:48%;line-height:1.6}.page[data-name=portfolio] .info-list ul li strong{display:inline-block;font-size:13px;color:hsla(0,0%,100%,.85);font-weight:500;text-transform:uppercase}@media (max-width:560px){.page[data-name=portfolio] .info-list ul li{display:block;width:auto}}.page[data-name=portfolio] .service-items{font-size:0}.page[data-name=portfolio] .service-items.border-line-v:after{margin:0 0 0 -1px;content:"";position:absolute;left:50%;top:0;width:1px;height:100%;background:radial-gradient(ellipse at top,rgba(197,202,213,.1) 0,hsla(0,0%,100%,0) 70%)}.page[data-name=portfolio] .service-items .service-item{text-align:left}.page[data-name=portfolio] .service-items .service-item .icon{margin:0;width:60px;height:60px;text-align:center;font-size:32px;color:#c446da;background:linear-gradient(135deg,rgba(196,70,218,.4),rgba(196,70,218,.01));border-radius:60px;-moz-border-radius:60px;-webkit-border-radius:60px;-khtml-border-radius:60px}.page[data-name=portfolio] .service-items .service-item .icon .fab,.page[data-name=portfolio] .service-items .service-item .icon .fas,.page[data-name=portfolio] .service-items .service-item .icon .ion{display:block;line-height:60px}.page[data-name=portfolio] .service-items .service-item .name{margin:15px 0 10px;font-size:13px;color:hsla(0,0%,100%,.85);font-weight:500;text-transform:uppercase}.page[data-name=portfolio] .service-items .service-item p{margin:0}.page[data-name=portfolio] .service-items .service-item[data-available=false] .name,.page[data-name=portfolio] .service-items .service-item[data-available=false] p{text-decoration:line-through;opacity:.6}@media (max-width:560px){.page[data-name=portfolio] .service-items.border-line-v:after{display:none}.page[data-name=portfolio] .service-items .col:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background:radial-gradient(ellipse at left,rgba(197,202,213,.1) 0,hsla(0,0%,100%,0) 70%)}}.page[data-name=portfolio] .pricing-items{font-size:0}.page[data-name=portfolio] .pricing-items .pricing-item{padding:0 0 70px;text-align:center}.page[data-name=portfolio] .pricing-items .pricing-item .icon{margin:0 auto;width:40px;height:40px;text-align:center;font-size:32px;color:#c446da}.page[data-name=portfolio] .pricing-items .pricing-item .icon .fab,.page[data-name=portfolio] .pricing-items .pricing-item .icon .fas,.page[data-name=portfolio] .pricing-items .pricing-item .icon .ion{display:block;line-height:40px}.page[data-name=portfolio] .pricing-items .pricing-item .name{margin:0 0 30px;font-size:13px;color:hsla(0,0%,100%,.85);font-weight:500;text-transform:uppercase}.page[data-name=portfolio] .pricing-items .pricing-item .amount{margin:0 0 25px}.page[data-name=portfolio] .pricing-items .pricing-item .amount .number{margin:0;position:relative;display:inline-block;vertical-align:middle;font-size:42px;line-height:26px;font-weight:500;color:hsla(0,0%,100%,.85)}.page[data-name=portfolio] .pricing-items .pricing-item .amount .dollar,.page[data-name=portfolio] .pricing-items .pricing-item .amount .period{margin:0 3px;position:relative;bottom:7px;display:inline-block;vertical-align:top;font-size:17px;font-weight:400;color:hsla(0,0%,100%,.85)}.page[data-name=portfolio] .pricing-items .pricing-item .amount .period{bottom:auto;top:7px;vertical-align:bottom;font-size:13px;color:hsla(0,0%,100%,.55)}.page[data-name=portfolio] .pricing-items .pricing-item .feature-list ul li{padding:5px 0;font-size:14px;color:hsla(0,0%,100%,.85)}.page[data-name=portfolio] .pricing-items .pricing-item .feature-list ul li:last-child{border-bottom:none}.page[data-name=portfolio] .pricing-items .pricing-item .feature-list ul li.disable{text-decoration:line-through;opacity:.6}.page[data-name=portfolio] .pricing-items .pricing-item .feature-list ul li strong{margin:0 0 0 5px;padding:0 5px;display:inline-block;vertical-align:middle;font-size:12px;color:hsla(0,0%,100%,.85);background:rgba(196,70,218,.4);font-weight:300;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;-khtml-border-radius:2px}.page[data-name=portfolio] .pricing-items .pricing-item .lnks .lnk{float:none;width:100%;display:block}.page[data-name=portfolio] .pricing-items .pricing-item .flip{transform:scaleX(-1);-webkit-transform:scaleX(-1);-moz-transform:scaleX(-1);-o-transform:scaleX(-1)}.page[data-name=portfolio] .resume-title,.page[data-name=portfolio] .skill-title{padding:0 0 20px;position:relative}.page[data-name=portfolio] .resume-title:after,.page[data-name=portfolio] .skill-title:after{left:-20px}.page[data-name=portfolio] .resume-title .icon,.page[data-name=portfolio] .skill-title .icon{position:relative;top:-15px;float:left;width:40px;height:40px;font-size:32px;color:#c446da;background:transparent}.page[data-name=portfolio] .resume-title .icon .fab,.page[data-name=portfolio] .resume-title .icon .fas,.page[data-name=portfolio] .resume-title .icon .ion,.page[data-name=portfolio] .skill-title .icon .fab,.page[data-name=portfolio] .skill-title .icon .fas,.page[data-name=portfolio] .skill-title .icon .ion{display:block;line-height:40px}.page[data-name=portfolio] .resume-title .name,.page[data-name=portfolio] .skill-title .name{margin:0 0 0 40px;font-size:13px;line-height:13px;color:hsla(0,0%,100%,.85);font-weight:500;text-transform:uppercase}.page[data-name=portfolio] .resume-items .resume-item{position:relative;padding:20px 0}.page[data-name=portfolio] .resume-items .resume-item:after{left:-20px}.page[data-name=portfolio] .resume-items .resume-item.active .date{color:#c446da}.page[data-name=portfolio] .resume-items .resume-item.active .date:before{background:#c446da}.page[data-name=portfolio] .resume-items .resume-item .date{margin:0 0 10px;padding:0;position:relative;display:inline-block;font-size:11px;line-height:18px;color:hsla(0,0%,100%,.85);font-weight:500;text-transform:uppercase;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;-khtml-border-radius:4px}.page[data-name=portfolio] .resume-items .resume-item .date:before{content:"";position:absolute;left:-25px;top:4px;width:9px;height:9px;background:hsla(0,0%,100%,.85);border-radius:9px;-moz-border-radius:9px;-webkit-border-radius:9px;-khtml-border-radius:9px}.page[data-name=portfolio] .resume-items .resume-item .name{margin:0;font-size:13px;color:hsla(0,0%,100%,.85);font-weight:500;text-transform:uppercase}.page[data-name=portfolio] .resume-items .resume-item .company{margin:0 0 10px;font-size:11px;color:#999;font-weight:300;text-transform:uppercase}.page[data-name=portfolio] .resume-items .resume-item p{margin:0}.page[data-name=portfolio] .skills-list ul{margin:0;padding:0;list-style:none}.page[data-name=portfolio] .skills-list ul li{position:relative;padding:20px 0}.page[data-name=portfolio] .skills-list ul li:after{left:-20px}.page[data-name=portfolio] .skills-list ul li .name{margin:0 0 8px;font-size:14px;line-height:14px;color:hsla(0,0%,100%,.85)}.page[data-name=portfolio] .skills-list ul li .progress{position:relative;display:block;width:100%;height:4px;background:#3e4148}.page[data-name=portfolio] .skills-list ul li .progress .percentage{position:absolute;left:0;top:0;width:0;height:100%;background:#c446da;transition:all .3s ease 0s;-moz-transition:all .3s ease 0s;-webkit-transition:all .3s ease 0s;-o-transition:all .3s ease 0s}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-70%,0,0);transform:translate3d(-70%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInLeft{0%{opacity:0;visibility:visible;-webkit-transform:translate3d(-70%,0,0);transform:translate3d(-70%,0,0)}to{opacity:1;visibility:visible;-webkit-transform:translateZ(0);transform:translateZ(0)}}@-webkit-keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;visibility:hidden;-webkit-transform:translate3d(-70%,0,0);transform:translate3d(-70%,0,0)}}@keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;visibility:hidden;-webkit-transform:translate3d(-70%,0,0);transform:translate3d(-70%,0,0)}}.page[data-name=portfolio] ::-webkit-scrollbar{position:relative;overflow:hidden;width:7px;height:100%}.page[data-name=portfolio] ::-webkit-scrollbar-track{display:none}.page[data-name=portfolio] ::-webkit-scrollbar-thumb{background:#1d1d23;position:absolute;opacity:.4;border-radius:7px}.page[data-name=landing]{width:100%;height:100%;color:#424242;font-family:Open Sans,sans-serif;font-size:100%;line-height:1.5}.page[data-name=landing] *,.page[data-name=landing] :after,.page[data-name=landing] :before{box-sizing:inherit;background-repeat:no-repeat;box-sizing:border-box}.page[data-name=landing] figure{margin:0}.page[data-name=landing] p{margin:0 0 .75em}.page[data-name=landing] audio,.page[data-name=landing] canvas,.page[data-name=landing] iframe,.page[data-name=landing] img,.page[data-name=landing] svg,.page[data-name=landing] video{vertical-align:middle}.page[data-name=landing] h1,.page[data-name=landing] h2,.page[data-name=landing] h3,.page[data-name=landing] h4,.page[data-name=landing] h5,.page[data-name=landing] h6{font-size:1.25em;font-family:Open Sans,sans-serif;line-height:1.2;margin:0 0 .75em}.page[data-name=landing] svg:not(:root){overflow:hidden}.page[data-name=landing] a.disabled{opacity:.5;cursor:not-allowed!important}.page[data-name=landing] .container{min-height:1000px;background-color:#303030}.page[data-name=landing] .banner{height:760px;padding-top:160px;background:linear-gradient(-45deg,#6b5199,#6b5199 33%,#8d2649);top:0;overflow:hidden;z-index:1;position:relative;text-align:center;margin-bottom:16px}.page[data-name=landing] .banner .parallax-bg figure>div{top:0;width:100%;height:800px;position:absolute}.page[data-name=landing] .banner .parallax-bg .parallax{top:0;left:0;width:100%;height:100%;position:absolute;background-size:100%}.page[data-name=landing] .banner .parallax-bg .parallax.parallax-1{opacity:.3;background-repeat:no-repeat}.page[data-name=landing] .banner .parallax-bg .parallax.parallax-2{opacity:.2;background-repeat:no-repeat}.page[data-name=landing] .banner .parallax-bg .parallax.parallax-3{opacity:.1;background-repeat:no-repeat}.page[data-name=landing] .banner .parallax-bg .parallax.parallax-4{opacity:.05;background-repeat:no-repeat}.page[data-name=landing] .banner .banner-content{margin:0 auto;padding:0 16px;position:relative}@media (min-width:1280px){.page[data-name=landing] .banner .banner-content{width:1140px;padding:0}}.page[data-name=landing] .banner h2.banner-title{color:#fff;font-weight:500;font-size:3.75rem;font-family:Open Sans,sans-serif;line-height:1}.page[data-name=landing] .banner p.banner-desc{color:#fff;font-size:1.5rem;font-family:Open Sans,sans-serif;font-weight:400;line-height:1.33}.page[data-name=landing] .banner .actions{padding-top:40px;padding-bottom:40px;min-height:142px}.page[data-name=landing] .banner .actions>*{width:130px;margin:8px 4px!important;font-size:14px}.page[data-name=landing] .banner .actions a{min-width:64px;box-sizing:border-box;transition:background-color .25s cubic-bezier(.4,0,.2,1) 0ms,box-shadow .25s cubic-bezier(.4,0,.2,1) 0ms,border .25s cubic-bezier(.4,0,.2,1) 0ms;font-family:Open Sans,sans-serif;font-weight:600;line-height:1.75;border-radius:20px;text-transform:uppercase;color:#fff;border:0;cursor:pointer;margin:0;display:inline-flex;outline:0;padding:8px 24px;position:relative;align-items:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;-moz-appearance:none;justify-content:center;text-decoration:none;background-color:transparent;-webkit-appearance:none;-webkit-tap-highlight-color:transparent}.page[data-name=landing] .banner .actions a.outlined{border:1px solid #fff}.page[data-name=landing] .banner .actions a.outlined:hover:not(.disabled){background-color:hsla(0,0%,100%,.05)}.page[data-name=landing] .banner .actions a.secondary{background-color:#ec407a}.page[data-name=landing] .banner .actions a.secondary:hover:not(.disabled){background-color:#c2185b}@media (min-width:600px){.page[data-name=landing] .banner .actions{padding-left:40px;padding-right:40px}.page[data-name=landing] .banner .actions>*{width:200px;margin:8px 16px!important;font-size:16px}}.page[data-name=landing] .banner .screenshots{display:flex;padding:0 8px;z-index:1;align-items:center;justify-content:space-between}.page[data-name=landing] .banner .screenshots .screenshot{overflow:hidden;background:rgba(66,66,66,.9);box-shadow:0 1px 5px 0 rgba(50,50,50,.2),0 2px 2px 0 rgba(50,50,50,.14),0 3px 1px -2px rgba(50,50,50,.12);padding:24px 8px 8px;border-bottom:8px solid rgba(66,66,66,.9);border-radius:12px}.page[data-name=landing] .banner .screenshots .screenshot img{width:100%;max-width:100%;height:100%;max-height:100%;margin:0;border-style:none;vertical-align:middle;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.page[data-name=landing] .banner .screenshots .screenshot:before{top:6px;right:8px;width:54px;height:20px;content:"";position:absolute;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAAMCAMAAAAaj24ZAAAAPFBMVEVMaXH///+F1inWCh//rSnSAxx+1CP3pyN/1CLRAxz2pyP2pyTRAxx+1CHRAht/1CL2pyTQAht+0yH1piP8q3HzAAAAEXRSTlMAARkZGWVlZb29vcjIyPPz84xVurAAAAB+SURBVHjanZJLDoAgDAVbkY/yVe9/VwmhPN12lkOHEICI2MfWomf6wC7Xmt3f2VRKssPt5zM4d6xv4R6EDc4c1+Awve/NrHjt2ZtZwfVmVkz+WXgZcPfCibPXwlJEFGUgI8riEqJEDVGTgYqoiiuIiipSHU91EaorVz2u6hu9UjgWvang90MAAAAASUVORK5CYII=) transparent no-repeat}.page[data-name=landing] .banner .screenshots .screenshot:first-child{left:0;bottom:0;z-index:1;position:absolute;-webkit-transform:scale(.8);transform:scale(.8)}.page[data-name=landing] .banner .screenshots .screenshot:nth-child(2){margin:0 auto;z-index:2;position:relative}.page[data-name=landing] .banner .screenshots .screenshot:nth-child(3){right:0;bottom:0;z-index:1;position:absolute;-webkit-transform:scale(.8);transform:scale(.8)}.page[data-name=landing] .banner .screenshots .screenshot:nth-child(n+4){display:none}@media (min-width:600px){.page[data-name=landing] .banner .screenshots .screenshot{width:600px;height:310px}}.page[data-name=landing] .banner:after{left:0;width:100%;bottom:-2px;height:200px;content:"";position:absolute;background-size:cover;background-color:transparent;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMDAgNDcuMSI+PHBhdGggZD0iTTMwMCA0Ni45TDAgNDcuMVY4LjlTMjEuMSAyMy4yIDY1LjIgMjNjNDAuNi0uMiA3Ni40LTIzIDEyOC0yM0MyNDMuMyAwIDMwMCAxNi40IDMwMCAxNi40djMwLjV6IiBmaWxsPSIjMzAzMDMxIi8+PC9zdmc+);background-repeat:no-repeat}.page[data-name=landing] .spacer{margin-top:96px;text-align:center}.page[data-name=landing] .features{margin:0 auto;position:relative}.page[data-name=landing] .features .features-list{display:flex;flex-wrap:wrap;box-sizing:border-box;width:100%;margin-top:-40px}.page[data-name=landing] .features .features-list .features-item{margin:0;box-sizing:border-box;flex-grow:0;max-width:100%;flex-basis:100%;padding:20px}.page[data-name=landing] .features .features-list .features-item h4{font-size:1.25rem;font-family:Open Sans,sans-serif;font-weight:600;line-height:1.6;color:#ec407a;margin:0 0 24px}.page[data-name=landing] .features .features-list .features-item h4 svg{width:48px;height:48px;margin-right:8px;fill:#ec407a}.page[data-name=landing] .features .features-list .features-item p{color:hsla(0,0%,100%,.35)}@media (min-width:960px){.page[data-name=landing] .features .features-list .features-item{flex-grow:0;max-width:33.333333%;flex-basis:33.333333%}}@media (min-width:1280px){.page[data-name=landing] .features{width:1140px;padding:0}}.page[data-name=landing] .technologies .technology-list{display:flex;flex-wrap:wrap;box-sizing:border-box;width:100%}.page[data-name=landing] .technologies .technology-list .technology-group{padding:12px;flex-grow:0;max-width:100%;flex-basis:100%;margin:0;box-sizing:border-box}.page[data-name=landing] .technologies .technology-list .technology-group .technology{width:195px;margin:48px auto;position:relative;text-align:center}.page[data-name=landing] .technologies .technology-list .technology-group .technology figure{border:1px solid #ec407a;height:195px;margin:0 auto 32px;text-align:center;line-height:195px;border-radius:50%;vertical-align:middle}.page[data-name=landing] .technologies .technology-list .technology-group .technology figure>img{border:none;display:inline;max-width:120px;margin:0;vertical-align:middle;box-sizing:inherit;background-repeat:no-repeat}.page[data-name=landing] .technologies .technology-list .technology-group .technology h5{font-size:1.5rem;font-family:Open Sans,sans-serif;font-weight:400;line-height:1.33;margin:0}.page[data-name=landing] .technologies .technology-list .technology-group .technology:before{top:8px;left:-4%;width:195px;border:1px solid #b388ff;height:195px;content:"";position:absolute;border-radius:50%;text-decoration:inherit;vertical-align:inherit;background-repeat:no-repeat}@media (min-width:960px){.page[data-name=landing] .technologies .technology-list .offset{margin-top:-56px}}@media (min-width:1280px){.page[data-name=landing] .technologies .technology-list .technology-group{width:1140px;padding:0;position:relative;margin:0 auto}}@media (min-width:600px){.page[data-name=landing] .technologies .technology-list .technology-group{flex-grow:0;max-width:33.33333%;flex-basis:33.33333%}}.page[data-name=landing] .section-header{display:block;position:relative;margin-bottom:64px;padding-bottom:24px;font-family:Open Sans,sans-serif}.page[data-name=landing] .section-header h2.section-title{color:#b388ff;font-weight:700;font-size:2.125rem;line-height:1.17}.page[data-name=landing] .section-header p.section-description{color:hsla(0,0%,100%,.35);margin:0;font-size:18px;font-weight:400;line-height:1.33}.page[data-name=landing] .section-header:after{width:140px;bottom:0;height:4px;content:"";position:absolute;border-radius:4px 4px 0 0;left:calc(50% - 70px);background:#512da8}.page[data-name=landing] .gutter-bottom{margin-bottom:.35em}.page[data-name=landing] .text-center{text-align:center}.page[data-name=landing] ::-moz-selection{background-color:#b3d4fc;color:#000;text-shadow:none}.page[data-name=landing] ::selection{background-color:#b3d4fc;color:#000;text-shadow:none}