/*All-rights-reserved, 2018 | VIDEOOWIDE | SOCIOWIDE
Created by Bayu Tara Wijaya
Email: contact@mastara.net
*/


body{font-family:'Nunito', sans-serif;}
h1{line-height:1em;font-size:50px;letter-spacing:-1px;color:#eee;}
h2{font-size:40px;line-height:1em;color:#eee;}
h3{font-size:30px;line-height:1.2em;color:#eee;}
h4{font-size:20px;line-height:1.1em;}
h6{font-size:18px;}
h5, h6{letter-spacing:-0.5px;}
p{font-size:16px;line-height:1.4em;letter-spacing:0px;font-weight:400;color:#333333;}
section{padding:50px 0px;text-align:center;}
#main{padding-top:30px;padding-bottom:70px;}
#testimoni{background-size:cover;background-attachment:absolute;padding:130px 0px 90px 0px;}
#final{padding:70px 0px 100px 0px;background-size:cover;background-attachment:absolute;}
#split{padding:50px 40px 80px 40px;background-size:cover;background-attachment:absolute;}
#contoh{background-size:cover;background-attachment:absolute;}
#benefit{padding:70px 0px 40px 0px;background-size:cover;background-attachment:absolute;}
#introduce{padding:70px 0px 130px 0px;background-size:cover;background-attachment:absolute;}
#ayo-tumbas{padding-bottom:50px;box-shadow:none;}
#kita{padding:50px 0px 60px 0px;}
#faq{padding:40px 0px 60px 0px;background:#0a061f;}
#disclamer{padding:40px 0px 20px 0px;}
#steps{padding-bottom:70px;}
#top-oto{padding:10px 0px 0px 0px;margin-bottom:-20px;}
.montserrat{font-family:'Montserrat'!important;}
.t-tipis-s{font-weight:200;}
.t-tebal{font-weight:bold;}
.typo-35px{font-size:35px;}
.typo-25px{font-size:25px;}
.typo-45px{font-size:45px;}
.tc-unggu{color:#be4286;}
.tc-tosca{color:#64f1ff;}
.tc-biru{color:#1e0090;}
.tc-hitam{color:#333;}
.tc-putih{color:#fff;}
.tc-putih-semu{color:#c7c7c7;}
.tc-merah{color:#ff3700;}
.tc-kuning-light{color:#fff7ae;}
.tc-biru-light{color:#00BCD4;}
.tc-merah-pink{color:#FF5722}
.tc-tosca-light{color:#00e2ff;}
.tc-module{color:#3a115f;}
.tc-hijau-light{color:#bfff59;}
.text-glow:hover{text-shadow:0px 0px 5px #ffffff30;}
.text-gradient-1{background:-webkit-linear-gradient(right top, #02ebfb 34%, #FFEB3B 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.text-gradient-2{background:-webkit-linear-gradient(right top, #9C27B0 34%, #E91E63 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.testimonial{margin-bottom:10px;}
.testimonial-section{width:100%;height:auto;padding:15px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:0px;position:relative;background:#ffffffed;}
.testimonial-section:after{top:100%;left:50px;border:solid transparent;content:" ";position:absolute;border-top-color:#ffffffed;border-width:15px;margin-left:-15px;}
.testimonial-section-right{width:100%;height:auto;padding:15px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:0px;position:relative;background:#fadbfff0;}
.testimonial-section-right:after{top:100%;right:50px;border:solid transparent;content:" ";position:absolute;border-top-color:#fadbfff0;border-width:15px;margin-left:-15px;}
.testimonial-desc{margin-top:20px;text-align:left;padding-left:15px;}
.testimonial-desc img{border:1px solid #f5f5f5;border-radius:150px;height:70px;padding:3px;width:70px;display:inline-block;vertical-align:top;}
.testimonial-writer{display:inline-block;vertical-align:middle;padding-left:10px;padding-top:15px;}
.testimonial-writer-name{font-weight:bold;color:#fff;}
.testimonial-writer-designation{font-size:85%;color:#9ddfff;}
.testimonial-writer-company{font-size:85%;}
.text-kanan{text-align:right;}
.text-kiri{text-align:left;}
.text-tengah{text-align:center;}
.bg-color1{background:linear-gradient(180deg, #effff3 23%, #ffe1eb 100%);}
.bg-color2{background:linear-gradient(75deg, #840e48 0%, #340a3a 70%)}
.bg-color3{background:linear-gradient(150deg, #000000 0%, #280933 100%);}
.bg-color4{background:linear-gradient(180deg, #bf4387 0%, #2f0d5c 100%);}
.bg-color5{background:linear-gradient(150deg, #00c4b0 0%, #005bbe 100%);}
.bg-color6{background:linear-gradient(90deg, #02f3ff 0%, #008dd0 100%);}
.bg-color-white{background:#fff;}
.bg-color-black{background:#333;}
.bg-color-merah{background:linear-gradient(150deg, #F44336 23%, #a70000 100%);}
.bg-color-baby-1{background:#f7f7f7;}
.bg-color-biru{background:#082fb2;}
.bg-color-unggu-dark{background:#3a115f;}
.bg-color-putih-semu{background:#f9f9f9;}
.bg-color-red-light{background:#fee8e5;}
.bg-color-pink{background:#ff5050;}
.bg-color-tc-light{background:#8efffd;}
.bg-img1{background:#181c2f url(../img/bg-main.jpg) no-repeat center center;}
.bg-img2{background:#181c2f url(../img/bg-main-flip.jpg) no-repeat center center;}
.bg2{background:#161623;}
.bg-awal-preview{background:#019ee1;padding-bottom:20px;}
.bg-pembatas{background:#019ee1;padding-bottom:20px;}
.bg-preview-1{background:#ffffff;}
.bg-preview-2{background:#effcff;}
.bg-preview-modul1-{background:#7d0942 url(../img/bg-trans-2.png) no-repeat center center;}
.bg-preview-modul1{background:#7d0942 url(../img/bg-trans-line.png) no-repeat center center;}
.bg-preview-modul1-2{background:#6b123d;}
.bg-img-1{background:#181c2f url(../img/bg4.jpg) no-repeat center center;}
.bg-img-main{background:#1f0856 url(../img/bg.jpg) no-repeat center center;background-size:cover;}
.bg-img-main-2{background:#1f0856 url(../img/bg2.jpg) no-repeat center center;background-size:cover;}
.bg-img-main-dsell{background:#1f0856 url(../img/bg_dsell.jpg) no-repeat center center;background-size:cover;}
.bg-img-2{background:#2b56c9 url(../img/bg3.jpg) no-repeat center center;background-size:cover;}
.bg-img-step1{background:#f9f9f9 url(../img/step/step_laptop-01.png) no-repeat center center;}
.bg-img-step2{background:#f9f9f9 url(../img/step/step_laptop-02.png) no-repeat center center;}
.bg-img-step3{background:#f9f9f9 url(../img/step/step_laptop-03.png) no-repeat center center;}
.bg-img-3{background:#1b2831 url(../img/bg6.png) no-repeat;}
.bg-img-oto{background:#fff url(../img/358680-wall.jpg) no-repeat top center;}
.bg-img-khusus{background:#181c2f url(../img/bg-final.jpg) no-repeat center center;}
svg{position:absolute;left:0;width:100%;margin-top:-8.5%;display:block;}
.svg-hor-vert{-moz-transform:scale(-1, -1);-o-transform:scale(-1, -1);-webkit-transform:scale(-1, -1);transform:scale(-1, -1);}
.svg-1{margin-top:-10%;}
.svg-2{margin-top:-6%;}
.svg-3{margin-top:-6%;}
.svg-4{margin-top:-6%;}
.svg-5{margin-top:-9%;}
.svg-6{margin-top:-8%;}
.box-testi{background:#2a343d85;text-align:right;padding:15px 15px 5px 15px;box-shadow:0 0px 9px 0px #ff43e338;border-radius:10px;border:1px solid #da56ff29;margin-bottom:20px;}
.box-testi:hover{background:#27354069;border:1px solid #2c1f3529;}
.box-testi-steps{display:inline-block;padding-top:0px;background:#fa4673;}
.box-no{border-left:1px dashed #555;height:80px;margin-bottom:30px;}
.box-manfaat{background:linear-gradient(150deg, #00c4b0 0%, #005bbe 100%);padding:25px;display:inline-block;margin:0px 90px;transform:skew(-7deg,0deg);}
.box-video-header{padding-bottom:55.0%;border:6px solid #ffe1f4;border-radius:0px;max-width:100%;background:#bb3d87;box-shadow:0px 30px 40px -19px #000000;}
.img-stat{box-shadow:0px 0px 5px #000;border:3px solid #57b0e8;margin:25px 25px 25px;}
.img-bulat-benefit{padding:20px 30px;margin-bottom:-5px;margin-top:15px;box-shadow:0px 0px 16px #f4367d;display:inline-block;transform:skew(-7deg,0deg);}
.img-gu{margin:-5px 0px 0px 10px;}
.img-sh{margin:-5px 0px 0px -2px;}
.img-solusi{float:right;margin-top:-12px;}
.img-silang{margin-top:-55px;margin-bottom:20px;margin-left:5px;width:40px;height:auto;}
.bulet-steps{background:#fcfeff;display:inline-block;padding:10px;border-radius:100%;margin:35px 0px 10px 0px;border:5px solid #6dbbf382;}
.img-sepia{filter:sepia(1);transform:skew(7deg,0deg);}
.urutan li{background:url(../img/checked.png) no-repeat left top;padding:0px 0px 1px 33px;list-style:none;opacity:0.9;margin-bottom:-2px;text-align:left;font-weight:300;margin-left:-42px;}
.bulet-bold{color:#4ef1ff;font-weight:400;}
.urutan2 li{background:url(../img/cancel-mark.png) no-repeat left top;padding:0px 0px 5px 35px;list-style:none;opacity:0.9;margin-bottom:6px;margin-left:-10px;}
.times{padding:15px 5px 5px 5px;text-align:center;font-size:25pt;line-height:18pt;color:#fff;border-radius:5px;margin:5px;background:#00000063;font-weight:600;}
.smalltext{font-size:12px;font-weight:200;}
.timer-new{font-size:40px;font-weight:500;}
.pd{padding:0px 15px;}
.pd-fb{padding:15px 15px;margin-bottom:-70px;}
.pd-fb-img{padding:15px 15px;}
.pd-step{padding:30px}
.row{margin:auto}
.fak li{background:url(../img/chat.png) no-repeat left top;padding:2px 0px 10px 40px;list-style:none;opacity:0.9;margin-bottom:6px;}
::-webkit-scrollbar{width:8px;height:4px;}
::-webkit-scrollbar-track{background:#0e1720;}
::-webkit-scrollbar-thumb{background:#00d7e9;border-radius:5px;box-shadow:0 0 15px #ffffff;}
.video{position:relative;padding-bottom:56.25%;margin:0px 0px 80px 0px;height:0;background:none;border-radius:10px;}
.video-story{position:relative;padding-bottom:135%;margin:20px 0 20px;height:0;}
.video iframe{background:#1e515c;border:5px solid #4b8996;position:relative;top:0;left:0;width:100%;height:100%;}
.video img{position:relative;top:0;left:0;}
.bodere-video{border:6px solid #673ab7;max-width:100%;box-shadow:0px 0px 10px 1px #ef90ff;border-radius:8px;background:#673ab7;}
.border-video-modul-2{border-radius:0px;border-color:#e8e8e8;box-shadow:none;width: 100%;}
.border-video-modul-3{border-radius:0px;border-color:#e8e8e8;box-shadow:none;width: 100%;}
.border-module4{background:#e2fdff;border:2px solid #00e7ff;}
.border-modul5{border:#fff 5px solid;}
.bodere-video-modul1{border:10px solid #ffc107;max-width:100%;box-shadow:0px 0px 10px 1px #ffc107cc;border-radius:0px;background:#ffc107;}
.bodere-video-left{border:10px solid #ff5722;max-width:100%;box-shadow:0px 0px 10px 1px #ffeb3ba3;border-radius:0px 8px 0px 0px;background:#ff5722;margin-top:45px;}
.khusus{margin:0px -10px 80px -15px;}
.bg-video-modul1{border:10px solid #f5f5f5;max-width:100%;box-shadow:0px 3px 4px 0px #28424a21;border-radius:0px 0px 8px 8px;background:#f5f5f5;margin-top:0px;}
.style-1{opacity:0.6}
.tomb-1{position:absolute;display:inline-block;background:#fff;padding:0px 12px;margin-top:-36%;margin-left:-33%;border-radius:23px;color:#03a9f4;opacity:0.9;box-shadow:0px 0px 25px #E91E63;}
.tomb-2{position:absolute;display:inline-block;background:#ffeb3b;padding:0px 12px;margin-top:-36%;margin-left:-26%;border-radius:23px;color:#320784;opacity:0.9;box-shadow:0px 0px 25px #ffeb3b;}
.tomb-3{position:absolute;display:inline-block;background:#000;padding:0px 12px;margin-top:-36%;margin-left:-28%;border-radius:23px;color:#fff;opacity:0.9;box-shadow:0px 0px 25px #009619;}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus{margin:0px -14px;padding:0px;background-image:-moz-linear-gradient(-101deg, rgb(0,169,247) 0%, rgb(4,85,153) 100%);background-image:-ms-linear-gradient(-101deg, rgb(0,169,247) 0%, rgb(4,85,153) 100%);text-decoration:none;border:0px solid #ddd;border-bottom-color:transparent;cursor:pointer;opacity:1;}
.nav>li>a{position:relative;margin:0px -15px;opacity:0.5;}
.nav-tabs{border-bottom:none;}
.nav-tabs>li{float:left;margin-bottom:4px;}
.nav-tabs>li>a:hover{border-color:none;}
.nav>li>a:focus, .nav>li>a:hover{background-color:#81D4FA;opacity:0.8;border-color:none;}
.nav-tabs>li>a:hover{border-color:none;}
.nav>li>a:focus, .nav>li>a:hover{text-decoration:none;background-color:none;}
.bodere-video-fb{max-width:100%;box-shadow:0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
.judul-modul{color:#fff;margin-bottom:10px;height:auto;padding:5px 20px 0px 10px;z-index:9999;position:relative;display:inline-block;float:left;border-radius:5px;background:#3f51b5;}
.judul-modul-1{color:#fff;margin-bottom:0px;box-shadow:0px -1px 10px 0px #ffc107cc;height:auto;padding:5px 20px 0px 10px;z-index:9999;position:relative;display:inline-block;float:left;border-radius:8px 8px 0px 0px;background:#ffc107;}
.khusus-modul-2{background:#F44336;border-radius:0px;transform:skew(-7deg,0deg);padding:5px 25px 0px 15px;margin-left:-5px;margin-bottom:-13px;}
.khusus-modul-3{background:#3f51b5;border-radius:0px;transform:skew(-7deg,0deg);padding:5px 25px 0px 15px;margin-left:-5px;margin-bottom:-13px;}
.khusus-modul1{margin-left:-15px;padding:0px 20px 4px 15px}
.judul-modul-text{margin-bottom:5px;color:#fff;}
.judul-no-skew{transform:skew(7deg,0deg);}
.play{width:90px;margin-top:-64%;margin-left:0%;opacity:0.7;box-shadow:0px 0px 150px #4afdfd;border-radius:100%;}
.play-fb{width:80px;margin-top:-59%;margin-left:20%;opacity:0.7;box-shadow:0px 0px 150px #4afdfd;border-radius:100%;}
.play-story{width:80px;margin-top:-170%;margin-left:10%;opacity:0.7;box-shadow:0px 0px 150px #4afdfd;border-radius:100%;}
.grow{-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out;}
.grow:hover{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05);}
.buy{-webkit-transition:all 0.2s ease-out;-moz-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;transition:all 0.2s ease-out;opacity:1;}
.buy:hover{-webkit-transform:scale(1.02);-moz-transform:scale(1.02);-ms-transform:scale(1.02);-o-transform:scale(1.02);transform:scale(1.02);opacity:1;}
.tombole{padding:2px 30px 0px 30px;background:linear-gradient(90deg, #02f3ff 0%, #008dd0 100%);color:#fff;border:0px #9affdf solid;border-radius:5px;-moz-box-shadow::6px 6px 5px #999;-webkit-box-shadow::6px 6px 5px #999;box-shadow::6px 6px 5px #999;white-space:normal;transition:0.5s;text-decoration:none;display:inline-block;}
.tombole2{    margin-top: 35px;transform:skew(-7deg,0deg);padding:2px 30px 0px 30px;background:linear-gradient(90deg, #bf3939 0%, #dd3737 100%);color:#fff;border:0px #9affdf solid;border-radius:0px;-moz-box-shadow::6px 6px 5px #999;-webkit-box-shadow::6px 6px 5px #999;white-space:normal;transition:0.5s;text-decoration:none;display:inline-block;}
.tom-shadow{-webkit-box-shadow:0 8px 6px -6px black;-moz-box-shadow:0 8px 6px -6px black;box-shadow:0 8px 6px -6px black;}
.tom-shadow2{-webkit-box-shadow:0 14px 15px -8px #73ffec;-moz-box-shadow:0 14px 15px -8px #73ffec;box-shadow:0 14px 15px -8px #73ffec;}
.tom-shadow:hover{text-decoration:none;}
.custom-bullet li{display:block;}
.custom-bullet li:before{content:«\e013»;font-family:<Glyphicons Halflings>;float:left;margin-top:4px;margin-left:-24px;color:#00ffe1;}
.laptop{position:absolute;margin-top:-57%;}
.isi-laptop1{padding:11.3%;margin-right:12.7%;margin-bottom:-8.2%;margin-left:-1%;}
.isi-laptop2{padding:11.3%;margin-right:1.8%;margin-bottom:7.4%;margin-left:10%;}
.isi-laptop3{padding:11.3%;margin-right:12.8%;margin-bottom:5.4%;margin-left:-1%;}
@media screen and (max-width:768px){#main{background-attachment:fixed;}

body{font-size:13px;}
h1{font-size:34px;}
h2{font-size:29px;}
h3{font-size:26px;}
h4{font-size:23px;}
p{font-size:14px;}
svg{margin-top:-79px;}
.svg-1{margin-top:-70px;}
.svg-2{margin-top:-142px;}
.svg-3{margin-top:-81px;}
.hilang{display:none;}
.img-cewek{padding-top:100px;}
.box-testi-steps{padding-bottom:15px!important;text-align:center;margin-bottom:0px;}
.bulet-steps-angka{padding:5px 11px;margin:-168px 0px 0px -222px !important;}
.bulet-steps{margin:20px 0px 10px 0px;}
.pd-img-edit{margin-top:-493px;margin-bottom:185px;}
.pd-text-edit{margin-top:300px;}
.img-silang{margin-top:-44px;}
.tombole{font-size:18px;}
.navbar-header{display:none;}
.video{margin:20px 0 50px;background:none;}
.play{margin-top:-320px;}
.play-s{margin-top:-400px;width:100px;}
.play-story{width:60px;}
}
@media screen and (max-width:480px){#main{background-attachment:fixed;}
svg{display:none;}
#testimoni{padding-top:60px;}
body{font-size:12px;}
h1{font-size:30px;}
h2{font-size:25px;}
h3{font-size:22px;}
h4{font-size:18px;}
p{font-size:12px;}
svg{margin-top:-79px;}
.svg-1{margin-top:-71px;}
.svg-2{margin-top:-137px;}
.svg-3{margin-top:-81px;}
.svg-4{margin-top:-80px;}
.svg-5{margin-top:-71px;}
.svg-6{margin-top:-137px;}
.svg-7{margin-top:-137px;}
.hilang{display:none;}
.bulat{padding:0px 15px;margin:-25px 0px 0px -61px;background:#fffffff5;}
.bulat-khusus{margin-top:278px;margin-left:-255px;padding:0px 15px;}
.pd{margin-bottom:75px;}
.pd-step{padding-left:15px;padding-right:15px;}
.pd-fb{margin-bottom:-20px;}
.img-cewek{padding-top:100px;}
.img-stat{margin:0px 0px 20px 0px;}
.box-manfaat{padding:10px;margin:0px 30px;}
.box-testi{padding-bottom:90px;}
.box-insight{border-left:none;}
.box-no{border-left:none;margin-bottom:60px;}
.img-solusi{float:left;}
.img-silang{margin-top:-44px;}
.typo-35px{font-size:20px;}
.typo-25px{font-size:15px;}
.box-testi-steps{padding-bottom:15px!important;text-align:center;margin-bottom:0px;}
.garis-lurus{border:0px dashed #ffffff6b;}
.bulet-steps-angka{padding:5px 11px;margin:-111px 0px 0px -113px !important;}
.bulet-steps{margin:20px 0px 10px 0px;}
.pd-img-edit{margin-top:-420px;margin-bottom:224px;}
.pd-text-edit{margin-top:160px;}
.box-testi-khusus{padding-bottom:0px;}
.play{width:70px;margin-top:-185px;}
.play-s{width:70px;margin-top:-200px;}
.play-story{width:50px;}
.tombole{font-size:18px;}
.video{margin:-10px 0 40px;}
}