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


body{ font-family: 'Nunito', sans-serif; }

/*UkuranText*/
h1{ line-height: 1.1em; font-size: 50px; letter-spacing:-1px; color: #eee; }
h2{ font-size: 40px; line-height: 0.9em; 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; }

/*ID Section*/
#main{ padding-top:50px; background-size:cover; background-attachment: absolute; /*background: #1b52e2; url(../img/bg-main.jpg) center center no-repeat; */}
#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:80px 40px 40px 40px; background-size:cover; background-attachment: absolute; }
#contoh{ padding-bottom:0px; 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:30px 0px; background-color:#505050; }
#faq{ padding:40px 0px 60px 0px; }
#disclamer{ padding: 20px 0px 5px 0px;background: #3e3e3e;}
#stop{background:#fff url(../img/light-wool.png) repeat;padding:5px 0px 0px 0px}
#steps{background: #fff url(../img/mirrored-squares.png)}
/*Typography*/
.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; }

/*warnText*/
.tc-tosca{ color:#64f1ff; }
.tc-tosca-light{ color:#ff0074;}
.tc-tosca-light2{ color:#173d88;}
.tc-putih{ color:#fff; }
.tc-putih-semu{ color:#c7c7c7; }
.tc-biru{ color:#0383dc;}
.tc-biru-light{ color:#21b9f3;}
.tc-hitam{ color:#333;}
.tc-merah-pink{ color:#ff215d }
.tc-hijau-light{ color:#bfff59;}

/*Text Effect*/
.text-glow:hover{ text-shadow: 0px 0px 5px #ffffff30;}

/*text-gradien*/
.text-gradient-1{background:-webkit-linear-gradient(right top, #e0e303 34%, #ff548b 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}

/*testimonial Chat*/
.testimonial{ margin-bottom: 10px;}
.testimonial-section { width: 100%; height: auto; padding: 15px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;position: relative;border: 1px solid #effff3;background:#effff3;}
.testimonial-section:after {top: 100%;left: 50px;border: solid transparent;content: « «;position: absolute;border-top-color: #effff3;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: 5px;position: relative;border: 1px solid #effff3;background:#fee4d5;;}
.testimonial-section-right:after {top: 100%;right: 50px;border: solid transparent;content: « «;position: absolute;border-top-color: #fee4d5;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%;}

/*posisine-text*/
.text-kanan{text-align:right;}
.text-kiri{text-align:left;}
.text-tengah{text-align:center;}

/*warna-background*/
.bg-color1{background:linear-gradient(180deg, #effff3 23%, #ffe1eb 100%);}
.bg-color2{background:linear-gradient(150deg, #0368d4 23%, #01d8ea 100%);}
.bg-color3{background:linear-gradient(150deg, #f74778 23%, #f7cc30 100%);}
.bg-color4{background:#ffc107;}
.bg-color-white{background:#fff;}
.bg-color-baby-1{background:#EEF9FD;}
.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 url(../img/connected.png) repeat;}
.bg-preview-2{background:#fffae0;}
.bg-img-1{background: #181c2f url(../img/bg1.jpg) no-repeat center center;}
.bg-img-2{background: #181c2f url(../img/bg2.jpg) no-repeat center center;}
.bg-img-3{background: #1b2831 url(../img/bg6.png) no-repeat;}
.bg-img-main{background: #181c2f url(../img/bg1-2.jpg) no-repeat center center; }
.bg-img-main-2{background: #181c2f url(../img/bg1.jpg) no-repeat center center; }
.bg-img-khusus{background: #181c2f url(../img/bg-final.jpg) no-repeat center center; }

/*SVG STYLE*/
svg{position: absolute;left: 0;width: 100%;margin-top: -145px;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: -155px;}
.svg-2{margin-top: -50px;}
.svg-3{margin-top: -100px;}
.svg-5{margin-top: -100px;}
.svg-6{margin-top: -250px;}
.svg-7{margin-top: -250px;}

/*box*/
.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;}

/*Variasi-Gambar-Lingkaran*/
.img-stat{box-shadow: 0px 0px 5px #000;border: 3px solid #57b0e8; margin: 25px 25px 25px;}
.img-bulat-benefit{border-radius: 10px;background: #ffffffe3;padding: 25px;margin-bottom: -5px;margin-top: 15px;box-shadow: 0px 0px 16px #f4367d;display: inline-block;}
.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;}

/*BULET*/
.urutan li{background: url(../img/like.png) no-repeat left top;padding: 0px 0px 1px 33px;list-style: none;opacity: 0.9;margin-bottom: 0px;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;}

/* TIMER */
.times {padding: 15px 5px 5px 5px;text-align: center;font-size: 25pt;line-height: 18pt;color: #b6ffeb;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;}

/*custom padding margin*/
.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}

/*FAQ*/
.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;}

/*Browser scroolbar*/
::-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 STYLE */
.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: 4px solid #f5f5f5;max-width: 100%;box-shadow:0px 0px 15px 0px #28424a85;}
.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: #ff0074;}
.judul-modul-text {margin-bottom: 5px;color:#fff;}
.play {width: 90px;margin-top: -64%;margin-left: 5%;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: 8%;opacity: 0.7;box-shadow: 0px 0px 150px #4afdfd;border-radius: 100%;}

/* ANIMASI TOMBOL */
.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.5s ease-out;-moz-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out;opacity:0.8;}
.buy: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);opacity:1;padding-top:10px;}

/*Tombol-tombol*/

.tombole {padding: 2px 30px 0px 30px;background:#0f0065;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;}
.tombole:hover{background:#641892;}
.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;}
.box-manfaat{background: #e5fff5;padding: 30px;display: inline-block;margin: 0px 60px;}
.laptop{position: absolute;margin-top: -57%;}
.isi-laptop{padding: 9.3%;margin-right: -3.6%;margin-bottom: -2.2%;}


@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;}
}


@media screen and (max-width: 480px){#main{background-attachment: fixed;}
#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: 25px; */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;}
.tombole{font-size:18px;}
.video {margin: -10px 0 40px;}
}