Playlist

Ada 18 Video

.persona{background:#000;color:#fff;hyphens:none;overflow:hidden;position:relative}.persona--action{margin-top:40px}.persona--action a.btn{background:linear-gradient(135deg,#f05a28 0%,#e80a89 100%);border-radius:2px;box-sizing:border-box;color:#fff;display:inline-block;font-size:16px;font-weight:700;line-height:44px;padding:0 20px}.persona--action a.btn:hover{text-decoration:none}.persona--backgrounds{bottom:0;left:0;min-height:800px;position:absolute;right:0;top:0;transition:all .8s;z-index:9}.persona--backgrounds.blurred{filter:blur(10px)}.persona--container{min-height:560px;max-width:1400px;margin:0 auto;position:relative}@media only screen and (min-width:600px){.persona--container{min-height:700px}}.persona--content{box-sizing:border-box;max-width:670px;padding:10px 20px;position:absolute;top:50%;transform:translateY(-50%);width:100%;z-index:99}.persona--content .text-highlight-gradient{white-space:nowrap}.persona--description{color:#ddd;font-size:14px;line-height:20px;min-height:120px;max-width:550px}@media only screen and (min-width:600px){.persona--description{line-height:28px}.persona--description a{padding:.25em .40em!important}}.persona--description a{background:rgba(255,255,255,.1);border:solid 1px rgba(255,255,255,.2);border-radius:2px;color:#fff;cursor:pointer;padding:0 .40em;margin:-.25em -.05em;white-space:nowrap}.persona--description a:hover{text-decoration:none}.persona--hint{color:#ddd;font-size:12px;font-weight:700;margin-bottom:10px;text-transform:uppercase}.persona--images{position:absolute;top:0;left:0;right:0;bottom:0}.persona--subtitle{color:#ddd;display:none;font-size:24px;font-weight:400;line-height:36px;margin-left:-5px;margin-bottom:40px}.persona--title{font-size:48px;font-weight:700;letter-spacing:-.025em;line-height:48px;margin-left:-8px}.persona--title .text-highlight-gradient{font-weight:700}.persona--toggle{background:rgba(0,0,0,.8);border:solid 1px #555;border-radius:2px;box-sizing:border-box;display:flex;flex-direction:column;flex-wrap:nowrap;height:40px;overflow:hidden;margin:0;margin-bottom:30px;margin-top:30px;padding:2px;position:relative;width:100%}@media only screen and (min-width:600px){.persona--toggle{background:transparent;border-radius:50px;flex-direction:row;margin-left:-6px;width:465px}}.persona--toggle.active{height:181px;margin-bottom:-111px}@media only screen and (min-width:600px){.persona--toggle.active{height:40px;margin-bottom:30px}}.persona--toggle input[type="radio"]{display:none}.persona--toggle input[type="radio"]:checked+label{background:#137bc2;border-radius:0;color:#fff;margin:0!important}@media only screen and (min-width:600px){.persona--toggle input[type="radio"]:checked+label{background:#fff;border-radius:50px;color:#000;margin:0 8px 0 0!important;position:static}}.persona--toggle--value,.persona--toggle label{box-sizing:border-box;border-radius:50px;color:#aaa;cursor:pointer;display:block;height:36px;line-height:36px;font-weight:500;margin:0 8px 0 0!important;padding:0 15px;position:relative;white-space:nowrap;-webkit-tap-highlight-color:transparent}@media only screen and (min-width:600px){.persona--toggle--value,.persona--toggle label{height:auto;text-align:center;transition:background .3s ease , color .3s ease}}.persona--toggle--value:hover,.persona--toggle label:hover{color:#fff}.persona--toggle--value{background-image:url(images/arrow@2x.png);background-repeat:no-repeat;background-position:98% center;background-size:9px auto;border-bottom:solid 1px #555;border-radius:0;height:37px;margin:0!important}.tiles{bottom:0;left:0;opacity:0;position:absolute;right:0;top:0}.tiles--bg{position:absolute;top:0;right:0;width:2000px}@media only screen and (max-width:1050px){.tiles--bg{max-width:1049px}}.tiles--container{background:#000;height:800px;overflow:hidden;margin:0 auto;max-width:1600px;position:relative}.tiles--content{box-sizing:border-box;height:2000px;perspective:1000px;position:absolute;overflow:hidden;right:0;width:2000px;transform:translateY(-585px)}.tiles--overflow{background:linear-gradient(to right,transparent 0%,rgba(0,0,0,.75) 100%);width:240px;pointer-events:none;position:absolute;user-select:none;top:0;right:0;bottom:0;z-index:9}.tiles--overlay{background:linear-gradient(to right,rgba(0,0,0,1) 0%,rgba(0,0,0,.9) 40%,rgba(0,0,0,0) 100%);max-width:1200px;pointer-events:none;position:absolute;user-select:none;top:0;left:0;right:0;bottom:0;z-index:9}.tiles--row{display:flex;flex-wrap:wrap;perspective:1000px;margin:-4px 0;width:1800px}.tiles--thumb{background:#363636;box-sizing:border-box;display:inline-block;height:100px;position:relative;width:100px}.tiles--thumb img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) translateZ(0) scale(1,1);width:50px;-webkit-transform:translate(-50%,-50%) translateZ(0) scale(1,1);-webkit-backface-visibility:hidden}.tiles--thumb.scale--1{border-radius:2px;box-shadow:60px 20px 10px rgba(0,0,0,.25) , 2px 0 10px rgba(0,0,0,.35);transform:scale(1.5) rotateY(-10deg) translateZ(0);z-index:9999}.tiles--thumb.scale--1 img{width:50px}.tiles--thumb.scale--2{border-radius:2px;box-shadow:60px 20px 10px rgba(0,0,0,.25) , 2px 0 10px rgba(0,0,0,.35);transform:scale(1.15) rotateY(-10deg) translateZ(0);z-index:9999}.tiles--thumb.scale--2 img{width:50px}.tiles--thumb.scale--3{border-radius:2px;box-shadow:60px 20px 10px rgba(0,0,0,.25) , 2px 0 10px rgba(0,0,0,.35);transform:scale(2) rotateY(-10deg) translateZ(0);z-index:9999}.tiles--thumb.scale--3 img{width:60px}.tiles--thumb.scale--4{border-radius:2px;box-shadow:60px 20px 10px rgba(0,0,0,.25) , 2px 0 10px rgba(0,0,0,.35);transform:scale(1.5) rotateY(-10deg) translateZ(0);z-index:999}.tiles--thumb.scale--4 img{width:50px}.tiles--wrapper{padding-top:495px;position:absolute;right:0;transform:rotateY(-27deg) rotateZ(0deg) rotateX(0deg) translate(0%,0%)}@media only screen and (min-width:600px){.persona--container{min-height:600px!important}.persona--toggle--value{display:none}}.pillars{background:#fff;border-bottom:solid 1px #f2f2f2;font-size:14px;line-height:24px}.pillars--container{display:flex;flex-direction:row;flex-wrap:wrap;margin:0 auto;max-width:1400px}.pillars--description{display:none;color:#999}.pillars--image{margin:0 auto;width:100px}.pillars--item{border-right:solid 1px #ddd;border-bottom:solid 1px #ddd;box-sizing:border-box;color:#aaa;cursor:pointer;display:block;letter-spacing:-.025em;opacity:0;padding:0;text-align:center;width:50%}.pillars--item a{display:block;padding:20px 0}@media only screen and (min-width:800px){.pillars--item a{padding:20px}}.pillars--item a:hover{text-decoration:none}@media only screen and (min-width:800px){.pillars--item{border-bottom:none;width:25%}}.pillars--item:hover{color:#aaa;text-decoration:none}.pillars--item:first-of-type,.pillars--item:nth-child(5),.pillars--item:nth-child(9),.pillars--item:nth-child(13) {border-left:solid 1px #ddd}.pillars--meta{color:#888;font-size:12px;font-weight:500;line-height:20px}.pillars--meta i{color:#ffc200}.pillars--meta span{margin-right:12px}.pillars--meta strong{color:#fff}.pillars--meta img{display:inline-block;height:12px;margin-right:6px;margin-top:-4px;width:12px}.pillars--title{align-items:center;color:#222;display:flex;font-size:16px;font-weight:700;hyphens:none;justify-content:center;line-height:20px;letter-spacing:-.025em;min-height:40px;padding:0 10px}.hpPSIQ--wrapper{max-width:1400px;margin:0 auto;position:relative}.hpPSIQ--banner{background-color:#181818;min-height:300px;border-bottom:5px solid #e61c8a;color:#fff;overflow:hidden}.hpPSIQ--image{position:relative}.hpPSIQ--image .image-logo{width:180px;position:absolute;bottom:20px;left:30px}.hpPSIQ--desc{padding:0 30px;margin-top:50px;margin-bottom:50px}.hpPSIQ--desc .hpPSIQ--desc__title{font-size:24px;margin-bottom:20px}.hpPSIQ--desc .button--white{min-width:200px;border-color:#8b8b8b;color:#fff;background:transparent;margin-bottom:0}.hpPSIQ--desc .button--white:hover,.hpPSIQ--desc .button--white:focus,.hpPSIQ--desc .button--white:active{border-color:#fff}@media only screen and (min-width:800px){.hpPSIQ--wrapper{height:296px}.hpPSIQ--desc{float:left;width:50%;margin-top:0;margin-bottom:0;padding:0 80px;transform:translateY(-50%);position:relative;top:50%}.hpPSIQ--image{float:right;width:50%;min-height:295px}.hpPSIQ--image .image-iq{padding-left:80px}.hpPSIQ--image .image-logo{left:80px;bottom:40px}}.universe{left:50%;height:500px;width:500px;position:absolute;perspective:1000px;top:-20px;transform:translateX(-50%);z-index:99}@media only screen and (min-width:800px){.universe{left:20%;max-height:580px;max-width:580px;top:50%;transform:translate(-50%,-50%)}}@media only screen and (min-width:1000px){.universe{height:auto;max-height:650px;max-width:650px;width:50%}}.universe:before{content:"";display:block;padding-top:100%}.universe:hover .universe--features,.universe:hover .universe--label,.universe:hover .universe--icon{animation-play-state:paused!important}.universe--branding{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:64px;z-index:999}.universe--branding img{display:block;width:100%;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.universe--branding img:hover{transform:scale(1.1);cursor:pointer}.universe--container{margin:0 auto;max-width:1400px;position:relative}@media only screen and (min-width:800px){.universe--container{height:600px}}.universe--content{box-sizing:border-box;padding-bottom:40px;padding-top:450px;width:100%}@media only screen and (min-width:800px){.universe--content{bottom:0;padding-bottom:0;padding-top:auto;position:absolute;right:0;top:0;width:60%}}@media only screen and (min-width:1000px){.universe--content{width:50%}}.universe--info{box-sizing:border-box;hyphens:none;padding:0 30px;width:100%}@media only screen and (min-width:800px){.universe--info{left:50%;padding:0 80px;position:absolute;top:50%;transform:translate(-50%,-50%)}}.universe--info--title{color:#555;font-size:12px;font-weight:700;text-transform:uppercase}.universe--info--headline{font-size:28px;letter-spacing:-.88px;line-height:28px;font-weight:700;margin:4px 0}.universe--info--desc{color:#555;hyphens:none;font-size:16px;line-height:24px;font-weight:400;margin-bottom:40px}.universe--crosshair-x{background:#000;display:none;height:1px;left:0;position:absolute;top:50%;width:100%;transform:translateY(-50%)}.universe--crosshair-y{background:#000;display:none;height:100%;left:50%;position:absolute;top:0;width:1px;transform:translateX(-50%)}.universe--feature{background:#f05a28;background:linear-gradient(135deg,#f05a28 0%,#e80a89 100%);border-radius:50%;box-shadow:0 1px 20px rgba(0,0,0,.1);cursor:pointer;height:10%;opacity:0;position:absolute;text-align:center;transition:all .3s cubic-bezier(.175,.885,.32,1.275);width:10%}.universe--feature:hover{background:#fff;color:#000;transform:scale(1.1)}.universe--feature:hover .universe--name{opacity:1}.universe--feature:hover .universe--icon svg{fill:#000}.universe--features{animation:rotateAnimation 60s linear infinite;transform-origin:center center;position:absolute;top:0;left:0;right:0;bottom:0;border-radius:50%}.universe--label{animation:reverseAnimation 60s linear infinite;bottom:0;left:0;position:absolute;right:0;top:0}.universe--main{min-height:200px}@media only screen and (min-width:800px){.universe--main{min-height:200px}}.universe--name{background:#fff;border-radius:2px;border:solid 1px #ddd;bottom:-24px;font-size:12px;line-height:20px;left:50%;opacity:0;padding:0 4px;position:absolute;white-space:nowrap;transform:translateX(-50%);transition:opacity .3s ease .3s}.universe--icon{animation:reverseAnimation 60s linear infinite;bottom:0;left:0;position:absolute;right:0;top:0}.universe--icon svg{display:block;height:50%;fill:#fff;left:50%;position:absolute;top:50%;transform:translate(-48%,-50%);transition:background .3s cubic-bezier(.175,.885,.32,1.275) , color .3s cubic-bezier(.175,.885,.32,1.275);width:50%}.universe--options{background:#fff;border-bottom:solid 1px #ddd;display:block;left:0;margin-top:-450px;position:absolute;right:0;text-align:center;white-space:nowrap;z-index:999}@media only screen and (min-width:800px){.universe--options{background:transparent;margin-bottom:40px;margin-top:auto;position:static;text-align:left}}.universe--options input[type="radio"]{display:none}.universe--options input[type="radio"]:checked+label{border-bottom:solid 4px #ef5c35;color:#000}.universe--options input[type="radio"]+label{border-bottom:solid 4px transparent;color:#555;cursor:pointer;display:inline-block;font-size:15px;font-weight:400;line-height:40px;margin:2px 8px -2px 8px;padding:0}@media only screen and (min-width:800px){.universe--options input[type="radio"]+label{font-size:20px;line-height:48px;margin:0 28px -2px 0}}.universe--orbit{border-radius:50%;border:solid 1px #ddd;height:50%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:50%}.universe--orbit:nth-child(1) {display:block;width:20%;height:20%}.universe--orbit:nth-child(2) {display:none;width:85%;height:85%}@media only screen and (min-width:800px){.universe--orbit:nth-child(2) {display:block}}.universe--toggle{display:none;opacity:0}.universe--wrapper{background:#f2f2f2;overflow:hidden;position:relative}@keyframes rotateAnimation { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }@keyframes reverseAnimation { 0% { transform: rotate(0deg); } 100% { transform: rotate(-360deg); } }.personalize--security,.personalize--data,.personalize--it{display:none}.universe--info .ps_btn.stroke{color:#f15b2a!important;border:solid 1px #f15b2a}.cls-1{clip-rule:evenodd}.cls-2{fill-rule:evenodd}.cls-3{clip-path:url(index.html#clip-path)}.ps_logos{background:#fff;box-sizing:border-box;clear:both;padding:40px 10px 30px;text-align:center}.ps_logos--container{display:flex;flex-wrap:wrap;justify-content:space-evenly;max-width:1200px;margin:0 auto;padding:10px 0}.ps_logos--block{width:25%}.ps_logos--title{color:#555;font-size:24px;font-weight:300;line-height:32px}@media only screen and (min-width:600px){.ps_logos--block{width:10%}}.ps_cigar_banner{background:#0e0e0e;padding:10px;color:#fff;text-align:center}.ps_cigar_banner .ps_cigar_banner--title{color:#fff;font-size:16px;font-weight:500;display:inline-block;vertical-align:middle}.ps_cigar_banner .button{margin:10px;display:inline-block;vertical-align:middle}#ps_pilot{background:rgba(0,0,0,.9);bottom:0;display:none;left:0;opacity:0;overflow:scroll;overflow-x:hidden;overflow-y:scroll;-webkit-overflow-scrolling:touch;-moz-overflow-scrolling:touch;-ms-overflow-scrolling:touch;-o-overflow-scrolling:touch;overflow-scrolling:touch;position:fixed;right:0;transition:opacity .7s ease;top:0;z-index:99999}.mode-edit #ps_pilot{display:block;opacity:1;position:relative}#ps_pilot.ps_pilot_active{opacity:1}#ps_pilot .block--black{background-color:transparent!important}#ps_pilot h2{font-size:500}#ps_pilot .ps_pilot_close_btn{position:fixed;top:10px;right:10px;width:50px;z-index:9999;cursor:pointer}#ps_pilot .container{max-width:1280px;margin:0 auto}#ps_pilot .list-comp ul{margin-left:.5rem}#ps_pilot .list-comp li{color:#aaa;font-size:18px;font-weight:100;text-indent:15px}#ps_pilot .list-comp li:before{background:url(images/pilot_checkbox@2x.png) no-repeat center center;background-size:15px 10px;content:"";height:27px;width:15px}#ps_pilot form .mktoAsterix{color:#de3636!important;margin-right:4px}#ps_pilot form input,#ps_pilot form textarea{background:#222;border:solid 1px #555;color:#fff!important}#ps_pilot form label{color:#ccc!important;font-size:16px;font-weight:400}#ps_pilot form select{background-color:#222;background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMjQgNCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjQgNDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+LnN0MHtmaWxsOiNGRkZGRkY7fTwvc3R5bGU+PHBvbHlnb24gY2xhc3M9InN0MCIgcG9pbnRzPSIxNiwwIDEyLDQgOCwwICIvPjwvc3ZnPg==);background-size:24px 4px;border:solid 1px #555;color:#fff!important}#ps_pilot form button{background:#e82a89;margin-top:30px}#ps_pilot .large-4{text-align:center}#ps_pilot .large-8{display:none}#ps_pilot form{margin:0 auto}@media only screen and (min-width:1024px){#ps_pilot form{margin:0}#ps_pilot .large-4{text-align:left;width:33.33333%}#ps_pilot .large-8{display:block;padding:0 .9375rem!important;width:66.66667%}#ps_pilot .large-3.columns{width:25%}}

Playlist

Branded

Video Produk

Video Basic

Amalan Harian

Tutorial Video 3

Tutorial Video 2

Praktek LIve 1