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

body{font-family:'Montserrat', sans-serif;color:#333333;}
h1{line-height:1.1em;letter-spacing:-1px;font-size:45px;}
h2{line-height:1.1em;letter-spacing:-0.5px;font-size:32px;}
h3{line-height:1.2em;letter-spacing:-0.5px;}
h4{line-height:1.3em;letter-spacing:-0.5px;}
h5, h6{letter-spacing:-0.5px;}
p{line-height:1.4em;letter-spacing:0px;font-weight:400;}
section{padding:60px 0px;text-align:center;}

.bg-main{background:#d51d15 url(../images/bg-main.jpg) no-repeat center center;background-size: cover;}
.bg-button{background:#5d0101 url(../images/bg-button.jpg) no-repeat center center fixed;background-size: cover;}
.bg-look{background:#060606 url(../images/bg-look.jpg) no-repeat center center;background-size: cover;}
.bg-color1{background:#333;}
.bg-color2{background:linear-gradient(90deg, #c3e678 0%, #8dc640 100%);}
.bg-color2:hover{background:#8dc640;}
.bg-white{background:#fff;}
.bg-black{background:#212121;}
.bg-black-1{background:#73766d;}
.bg-orange{background:#f7bf2d;}
.bg-orange-light{background:#ffece6;}
.bg-red{background:#e43e0c00;}

.black{color:#000;}
.white{color:white;}
.white-1{color:#eee;}
.yellow{color:#f9ff00;}
.yellow-1{color:#ffca00;}
.red{color:#ff0012;}
.green{color:#22a876;}

/*BOX ITEMS*/
.box-items{background: #fff8c2;border-radius: 0 10px 10px 0;padding: 15px 10px 0px 15px;margin-top: 12px;margin-left: -20px;}
.bulet-bold{color:#000;font-weight:500;}
.items li{font-size:15px;background:url(../images/checked.png) no-repeat left top;padding:3px 0px 1px 33px;list-style:none;opacity:0.9;margin-bottom:-2px;text-align:left;font-weight:300;margin-left:-42px;}
.items-2 li{font-size: 15px;background: url(../images/checked-32.png) no-repeat left top;padding: 0px 0px 5px 40px;list-style: none;opacity: 1;text-align: left;font-weight: 300;}
.box-video-header{padding-bottom:55.0%;border:6px solid #ffed5e;border-radius:10px;max-width:100%;background:#f65c06;box-shadow:1px 0px 10px #f65c06bd;z-index:9;}
.items-price{border-bottom: 0.5px dotted #333;padding-bottom: 5px;}

/*TIMER*/
.times{padding:15px 5px 5px 5px;text-align:center;font-size:24pt;line-height:18pt;color:#fff;border-radius:5px;margin:5px;background:#00000063;font-weight:600;}
.smalltext{font-size:10px;font-weight:200;}

/*BUTTON*/
.btn-color1{padding:5px 30px 2px 30px;background:#ffbe00;color:#000;;border-radius:20px;-moz-box-shadow::6px 6px 5px #fc6804;-webkit-box-shadow::6px 6px 5px #fc6804;box-shadow::6px 6px 5px #fc6804;white-space:normal;/*transition:0.5s;*/text-decoration:none;display:inline-block;}
.btn-color1:hover{background:linear-gradient(90deg, #ffbe00 0%, #fb6c0c 100%);box-shadow: 0px 3px 3px #ec480b;}

.faq li{background:url(../images/chat.png) no-repeat left top;padding:2px 0px 10px 40px;list-style:none;opacity:0.9;margin-bottom:6px;}

/*YT-KOKO*/
.youtube-player {
	position: relative;
    padding-bottom: 55.23%;
    height: auto;
    overflow: hidden;
    max-width: 100%;
    background: #000;
    margin: 0;
    margin-bottom: 25px;
    display: block;
    max-height: 100%;
    border: 5px solid #fb711f;
    border-radius: 5px;
}
.youtube-player .play {
	height: 100%;
    width: 100%;
    left: 50%;
    top: 50%;
    margin-left: -6%;
    margin-top: -6%;
    position: absolute;
    background: url(../images/play.png) no-repeat;
    cursor: pointer;
	opacity:0.9;
	filter: drop-shadow(0px 0px 5px #00000094);
}
.play:hover{filter: drop-shadow(0px 0px 10px #fdec2585);opacity:1;
}
.thumb-koko{
	bottom: -100%;
    display: block;
    left: 0;
    margin: auto;
    max-width: 100%;
    width: 100%;
    height: auto;
    position: absolute;
    right: 0;
    top: -100%;
}
.box-video{text-transform:uppercase;background-attachment:inherit;margin: 6px 0px;border-radius: 5px;padding: 0px 35px 0px 35px;width: auto;display: inline-block;}


.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}
.img-silang{margin-top: -55px;margin-bottom:20px;margin-left:5px;width:40px;height:auto;}
/*::-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;}
.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 #ef90ff;height:auto;padding:5px 20px 0px 10px;z-index:9999;position:relative;display:inline-block;float:left;border-radius:8px 8px 0px 0px;background:#673ab7;}
.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);}
.icon-play{width:90px;margin-top:-64%;margin-left:7%;opacity:0.7;box-shadow:0px 0px 150px #4afdfd;border-radius:100%;}
.icon-play-fb{width:80px;margin-top:-59%;margin-left:20%;opacity:0.7;box-shadow:0px 0px 150px #4afdfd;border-radius:100%;}
.icon-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;}
.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;}

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

.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;}
.bg-img-1{background:#3a115f;}
.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;}
#testimoni{padding-top:60px;}
svg{display:none;}
body{font-size:12px;}
h1{font-size:30px;}
h2{font-size:25px;}
h3{font-size:22px;}
h4{font-size:18px;}
p{font-size:12px;}

.box-items{    padding: 15px 10px 1px 15px;}

.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;}
.bg-img-1{background:#3a115f;}
.bg-img-step1{background:#f9f9f9;}
.bg-img-step2{background:#f9f9f9;}
.bg-img-step3{background:#f9f9f9;}
.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;}
}