.body{font-family:"Montserrat", sans-serif;}
.pd{padding:0px 15px;}
.row{margin:auto}
.fak li{background:url(../images/chat.png) no-repeat left top;padding:2px 0px 10px 40px;list-style:none;opacity:0.9;margin-bottom:6px;}
::-webkit-scrollbar{width:10px;height:4px;}
::-webkit-scrollbar-track{background:rgba(16, 12, 23, 0.98);}
::-webkit-scrollbar-thumb{background:#CDDC39;border-radius:5px;box-shadow:0 0 15px #ffffff;}
.video{position:relative;padding-bottom:56.25%;margin:20px 0 40px;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;width:100%;}
.bodere-video{border:5px solid #FF5722;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);}
.bodere-video2{border:5px solid #319c6d;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);}
.bodere-video3{background:#585858;border:5px solid #585858;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);}
.bodere-video-fb{background:#4167b2;border:5px solid #4167b2;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{background-image:linear-gradient(-225deg, #E91E63 0%, #F44336 48%, #FF9800 100%);color:#fff;position:relative;margin-bottom:-6px;height:auto;padding:8px 20px 0px 20px;z-index:9999;position:relative;display:inline-block;float:left;margin-top:-25px;margin-right:-8px;box-shadow:0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);border-radius:0px 80px 20px 0px;}
.judul-modul2{background-image:linear-gradient(-225deg, #319c6d 0%, #29c39d 48%, #4596FB 100%);color:#fff;position:relative;margin-bottom:-6px;height:auto;padding:8px 20px 0px 20px;z-index:9999;position:relative;display:inline-block;float:left;margin-top:-25px;margin-right:-8px;box-shadow:0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);border-radius:0px 80px 20px 0px;}
.judul-modul3{background:#585858;color:#fff;position:relative;margin-bottom:-5px;height:auto;padding:8px 20px 0px 20px;z-index:9999;position:relative;display:inline-block;float:left;margin-top:-25px;margin-right:-8px;box-shadow:0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);border-radius:0px 63px 0px 0px;}
.grow{-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;}
.grow:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}
.grow2{-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;}
.grow2: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);}
.gambar-opct{opacity:0.7;}
.gambar-opct:hover{opacity:1;}
.harga-shadow{box-shadow:none;}
.harga-shadow:hover{box-shadow: 0px 3px 20px #4CAF50}
.tombole{width:80%;padding:10px 10px;cursor:pointer;background-image:linear-gradient(-20deg, #72a71e 0%, #a9d72e 100%);color:#fff;border:0px;border-radius:50px;-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;}
.tombole:hover{color:#000;background:#1cea2e;-moz-box-shadow::5px 5px 4px #adadad;-webkit-box-shadow::5px 5px 4px #adadad;box-shadow::5px 5px 4px #adadad;text-decoration:none;}
.tombole2{padding:10px 10px;cursor:pointer;background:rgba(242, 115, 4, 0);color:#fff;border:#8BC34A 3px solid;border-radius:10px;-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;}
.tombole2:hover{color:#000;background:#8BC34A;-moz-box-shadow::5px 5px 4px #adadad;-webkit-box-shadow::5px 5px 4px #adadad;box-shadow::5px 5px 4px #adadad;text-decoration:none !important;}
.tombole3{width:80%;padding:10px 10px;cursor:pointer;background:#1cea2e;color:#000;border-radius:10px;-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;}
.tombole3:hover{color:#fff;background:linear-gradient(-20deg, #72a71e 0%, #a9d72e 100%);-moz-box-shadow::5px 5px 4px #adadad;-webkit-box-shadow::5px 5px 4px #adadad;box-shadow::5px 5px 4px #adadad;text-decoration:none !important;}
.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;}
.hijaudaun{color:rgba(200, 251, 49, 0.84);}
.hijauterang{color:#00dda9;}
.biruterang{color:#1c7ab6;}
.hitamsemu{color:#3d3d3d;}
.putih{color:#fff;}
.putihsemu{color:#ddd;}
.bgm{text-align:center;padding:100px 0;background-color:#f1f1f1;}
.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;}
.urutan li{background:url(../images/arrow.png) no-repeat left top;padding:1px 0px 8px 35px;list-style:none;opacity:0.9;margin-bottom:6px;}
.urutan2 li{background:url(../images/cancel-mark.png) no-repeat left top;padding:0px 0px 0px 45px;list-style:none;opacity:0.9;margin-bottom:6px;}
.times{padding:10px 0 0;text-align:center;font-family:"Titillium Web", sans-serif;font-size:30pt;line-height:20pt;color:white;border:#545454 2px solid;border-radius:5px;margin:5px 5px 5px 5px;background:#000;}
.smalltext{font-size:12px;font-family:"Titillium Web", sans-serif;}
.textwhite{color:white;}
.judul1{font-size:50px;line-height:60px;}
.judul2{font-size:45px;line-height:53px;}
.judul3{font-size:40px;}
.subjudul1{font-size:33px;}
.subjudul2{font-size:27px;}
.subjudul3{font-size:22px;}
.text-isi{font-size:17px;}
.text-khusus{font-size:18px;}

.uppe{
	background: #15141e70;
    font-size: 18px;
    padding: 5px;
    color: #15141e;
	margin:5px;
}
/*PreviewModulku*/
#preview-modal .modal-body {   text-align: center;   max-height: calc(100vh - 115px);    overflow-y: auto;}
.fade {  opacity: 0;  -webkit-transition: opacity .15s linear;   -o-transition: opacity .15s linear;   transition: opacity .15s linear;}
.product_view .modal-dialog{max-width: 1000px; width: 100%; overflow-y: auto;}
.pre-cost{text-decoration: line-through; color: #a5a5a5;}
.space-ten{padding: 10px 0;}
.modal-header {padding: 15px; border-bottom: 1px solid #e5e5e5;}
.modal-body {  position: relative;padding: 15px;}
.modal-footer {    padding: 10px;    text-align: right;    border-top: 1px solid #e5e5e5;}
.modal-dialog {  display: inline-block;  text-align: left;  vertical-align: middle;}
.modal {  text-align: center;  padding: 0!important;}
.modal:before {  content: '';  display: inline-block;  height: 100%;  vertical-align: middle;  margin-right: -4px;}
.pull-right{float: right!important;border: 1px #4CAF50 solid;border-radius: 100px;padding: 3px 5px 1px 5px;}
.pull-right:hover{float: right!important;border: 1px #ff5722 solid;border-radius: 100px;padding: 3px 5px 1px 5px;}
.tom-color-x{color: #4caf50;text-decoration: none;}
.tom-color-x:hover{color: #ff5722;text-decoration: none;}
.youtube-player{width:100%;display: block;position: relative;cursor: pointer;max-height:257px;height:100%;overflow:hidden;padding-bottom:56%;margin:0 auto;}
.youtube-player-fb{width:100%;display: block;position: relative;cursor: pointer;max-height:257px;height:100%;overflow:hidden;margin:0 auto;}
.icon-player{height:100px;width:100px;left: 47%;top: 46%;margin-left: -36px;margin-top: -36px;position: absolute;}
.tinggi{height:251px;}
.textmodul{background-image:linear-gradient(-225deg, #fdfdfd 0%, #FFC107 48%, #FF9800 100%);color:#fff;position:relative;margin-bottom:-12px;height:auto;padding:8px 20px 6px 20px;z-index:9999;position:relative;float:right;margin-top:-35px;margin-right:-60px;border-radius:100%;width:65px;box-shadow:0 4px 8px 0 rgba(0, 0, 0, 0.5);}
.gambarmodule{padding:5px;margin-left:-13px;width:50px;}

@media screen and (max-width:768px){body{font-size:13px;}
.aku-hilang{display:none;}
.tombole{font-size:18px;}
.tombole2{font-size:18px;}
.judul1{font-size:30px;line-height:35px;}
.judul2{font-size:27px;line-height:33px;}
.judul3{font-size:25px;}
.subjudul1{font-size:20px;}
.subjudul2{font-size:18px;}
.subjudul3{font-size:16px;}
.navbar-header{display:none;}
.video{margin:65px 0 40px;}
.modal-content {   position: relative;    background-color: #fff;    -webkit-background-clip: padding-box;    background-clip: padding-box;    border: 1px solid #999;    border: 1px solid rgba(0,0,0,.2);    border-radius: 6px;    outline: 0;    -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);    box-shadow: 0 3px 9px rgba(0,0,0,.5);}
.youtube-player{width:100%;display: block;position: relative;cursor: pointer;max-height:160px;height:100%;overflow:hidden;padding-bottom:54.25%;margin:0 auto;}
.icon-player{height:70px;width:70px;left: 47%;top: 46%;margin-left: -30px;margin-top: -33px;position: absolute;}
.tinggi{height:178px;}
.textmodul{display:none;}
.uppe{
display:none;
}

}
@media screen and (max-width:480px){body{font-size:12px;}
.aku-hilang{display:none;}
.tombole{font-size:18px;}
.tombole2{font-size:18px;}
.judul1{font-size:30px;line-height:35px;}
.judul2{font-size:25px;line-height:29px;}
.judul3{font-size:22px;}
.subjudul1{font-size:18px;}
.subjudul2{font-size:16px;}
.subjudul3{font-size:14px;}
.video{margin:65px 0 40px;}
.youtube-player{width:100%;display: block;position: relative;cursor: pointer;max-height:160px;height:100%;overflow:hidden;padding-bottom:54.25%;margin:0 auto;}
.icon-player{height:70px;width:70px;left: 47%;top: 46%;margin-left: -30px;margin-top: -33px;position: absolute;}
.tinggi{height:178px;}
.textmodul{display:none;}
.uppe{
display:none;
}

}