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

/*TextCharacter*/
body{font-family: 'Montserrat', sans-serif;color:#495057;}
.f-bai{font-family: 'Montserrat', sans-serif;}

/*componen*/
section{padding:100px 0px;}
#main{padding-top:50px;}
#disclamer{padding:40px 0px;}

/*background*/
.bg-main{background:url(../img/bg-angle.png) no-repeat bottom center, linear-gradient(0deg, #0e1932d9 0%, #0f1930a6 60%),url(../img/bg1.jpg) no-repeat top center;background-size:cover;padding-bottom:18%;}
.bg-step{background:#eee;margin-top: -2%;margin-bottom: 0%;padding-top:0px;padding-bottom:0px;}
.bg-testimoni{background:url(../img/angle2.png) no-repeat top center, linear-gradient(304deg, #0b1a3c, #020112);}
.bg-sales1{background:#fff url(../img/bg-sales1.jpg) no-repeat center center;background-size:cover;}
.bg-sales2{background: url(../img/bg2.jpg) no-repeat top center;background-size:cover;}
.bg-sales3{background:linear-gradient(60deg, #ffffffa6 5%, #ffffff70 20%, #ffffff47 100%), url(../img/bg-sales1.jpg) no-repeat center center;background-size:cover;}
.bg-sales4{background:linear-gradient(304deg, #0b1a3c, #020112);}
.bg-introduce{background:linear-gradient(180deg, black, transparent), url(../img/bg-intro.jpg) center center no-repeat;background-size:cover}
.bg-introduce2{background:#050505;}
.bg-introduce3{background:linear-gradient(126deg,#100e0c 0%, #0a0401 100%);}
.bg-how{background:linear-gradient(45deg, black, transparent),url(../img/embo.jpg) no-repeat bottom center;background-size:cover;background-attachment:fixed;}
.bg-fitur{background:linear-gradient(to right, #242949 0%, #010f2e 100%);}
.bg-demo{background:#060613;}
.bg-preview{background:#384ae7 url(../img/wave.png) no-repeat center center;background-size:cover;}
.bg-section_modul{background:linear-gradient(60deg, #ffffff29 5%, #ffffff36 20%, #ffffff96 100%), url(../img/bg3.jpg) no-repeat center center;background-size:cover;}
.bg-section_modul-2{background:#202638 url(../img/bg2-01.jpg) no-repeat center center;background-size:cover;}
.bg-modul{background:linear-gradient(60deg, #ffffff00 5%, #ffffffc9 20%, #ffffff80 100%), url(../img/bg-sales1.jpg) no-repeat top center;background-size:cover;background-attachment: fixed;}
.bg-modul-2{background:#0a1116;}
.bg-md{padding:60px 0px; background:linear-gradient(34deg, #dd282000 0%, #ff0841eb 60%),url(../img/bg2.jpg) no-repeat bottom center;background-size:cover;}
.bg-inves{background:#e95e27}
.bg-bonus{background:linear-gradient(60deg, #ffffffa6 5%, #ffffff70 20%, #ffffffdb 100%), url(../img/bg3.jpg) no-repeat bottom center;background-size:cover;background-attachment:fixed;}
.bg-bonus2{background:linear-gradient(60deg, #ffffffa6 5%, #ffffff70 20%, #ffffffdb 100%), url(../img/bg-sales1-01.jpg) no-repeat top center;background-size:cover;background-attachment:fixed;}
.bg-m-2{border-radius: 15px;background: #1c2a36;box-shadow: 10px 10px 10px #04040485;}
.bg-beli{background: url(../img/wave.png) left center, linear-gradient(304deg, #462b4e 0%, #0f0698 30%, #161112 90%);
    border-radius: 15px;
    box-shadow: 10px 10px 10px #ddd;
    background-size: cover;}

.bg-element{background:#f3f3f3;}
.bg-matter{padding:30px 0px;background:linear-gradient(20deg, #37b9cf 0%, #471bb6 100%);}
/*.bg-split{background:linear-gradient(20deg, #03c8f6 0%, #1a0082 100%);}*/
.bg-split{padding:60px 0px;background:linear-gradient(34deg, #007bff00 0%, #1e004000 60%),url(../img/bg-main3.jpg) no-repeat top center;background-size:cover;}
.bg-investasi{background:linear-gradient(34deg, #007bff00 0%, #1e004000 60%),url(../img/bg-main3.jpg) no-repeat top center;background-size:cover;}

/*bg-element*/
.rounded-circle-icon{background:#f4fcfd;padding: 10px;box-shadow:-7px 7px 7px #0e19191c;}
.rounded-box{padding:5px 25px !important;display: inline-block;}

.module-para{background:linear-gradient(45deg, #93f535 0%, #00ff71 80%);border-radius:15px;display:inline-block;}
.module-more{border:1px solid #2e2e2e;border-radius:15px;display:inline-block;color:#2e2e2e;}
.module-more:hover{opacity:0.5;}
/*text-color*/
.color-head{color:#eee;}
.color-head-dark{color:#37eb3d;}/* #e33514 #e61d02*/
.color-subhead{color:#ddd;}
.color-body{color:#495057;}
.color-body-light{color:#dcdcdc;}
.color-spot{color:#ff3865;}/*ffa707*/
.color-black{color:#000;}
.text-card{color:#f75b00;}
.text-card:hover{color:#ce0025 !important;}
.rubah-warna{    -webkit-text-fill-color: transparent;
    animation: hue 60s infinite linear;-webkit-background-clip: text;
    background-clip: text;color: #007bff;
    background-image: linear-gradient(92deg, #007bff 0%,#23e950 100%);}

.gradient-text{background:-webkit-linear-gradient(20deg, #3947e9 20%, #00ff5a 100%);-webkit-background-clip: text;
    -webkit-text-fill-color: transparent;}
/*text-componen*/
.text-shadow{text-shadow:2px 2px 3px #00000036;}

/*point list*/
.items li{    background: url(../img/point2.png) no-repeat left top;
    padding: 0px 0px 1px 35px;
    list-style: none;
    opacity: 1;
    margin-bottom: -10px;
    text-align: left;
    font-weight: 300;
    margin-left: -42px;}
.items2 li{background: url(../img/check.png) no-repeat left center;
    list-style: none;
    margin-left: -8%;
    padding: 0px 0px 0px 32px;}
.fak li{    background: url(../img/chat.png) no-repeat left top;
    padding: 0px 0px 1px 45px;
    list-style: none;
    opacity: 1;
    margin-bottom: -10px;
    text-align: left;
    font-weight: 300;
    margin-left: 0;}
.items-select{font-weight:500;color:#ffffff}
.items-text{color:#eee;font-weight:300;margin-bottom:0.5%;}

/*TIMER*/
.times{padding:10px 10px 0px 10px;text-align:center;font-size:23pt;line-height:18pt;color:#fff;border-radius:5px;margin:5px;background:#2e343af2;font-weight:500;}
.smalltext{font-size:10px;font-weight:400;color:#eee;}


/*tombol*/
.btn-exp{border-radius: 50px;padding:10px 25px;box-shadow:-7px 7px 7px #0e19191c;color:#fff;background:linear-gradient(45deg, #3f35f5 0%, #00ff71 80%);background-size:cover;}
.btn-exp:hover{box-shadow:2px 2px 5px #0e191936;color:#eee;border:1px solid #00ff71;background:url(../img/efek_tombol.png) no-repeat right bottom, linear-gradient(90deg, #3f35f5 0%, #00ff71 70%);background-size:cover;}
.btn-animasi{-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;
	}
	
.btn-animasi: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);
	}
	
/*Video*/
.play{opacity:0.7;box-shadow:0px 0px 80px #000000b8;border-radius:100%;}
.play:hover{opacity:0.8;box-shadow:0px 0px 50px #0000004a;}
.player{padding-top: 100%;margin-left: 10%;}
.thumb{border: 4px solid #fff;border-radius: 8px;filter:drop-shadow(2px 4px 6px #33333352);}
.thumb-color{border-color:#4f5c86;}
.video{position:relative;padding-bottom:56.25%;margin:30px 0px 30px 0px;height:0;background:none;border-radius:10px;}
.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;}
.border-video{border:3px solid #ffffff;max-width:100%;box-shadow:6px 9px 30px -6px #6e1903d9;border-radius:10px;background:#8281e6;}
.centered {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align:center;
}
.thumb-koko {
    bottom: -100%;
    display: block;
    left: 0;
    margin: auto;
    max-width: 100%;
    width: 100%;
    height: auto;
    position: absolute;
    right: 0;
    top: -100%;
}
.img-silang {
    margin-top: -66px;
    margin-bottom: 20px;
    margin-left: 5px;
    width: 40px;
    height: auto;
	opacity:0.9;
}

.img-tengah{margin-top: -1%;
    margin-left: -9%;
    filter: drop-shadow(2px 4px 10px #3336);
    position: absolute;
    width: 250px;}
.img-mod{
	border-radius:15px;
	box-shadow: 5px 5px 7px #007bff59;
    border: 0.2px solid #007bff57;
}
/*TESTIMONI*/
.testimonial{margin-bottom:10px;}
.testimonial-section{width:100%;height:auto;padding:15px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:10px;position:relative;background:#0b2440;color:#eee;box-shadow:6px 6px 0px #2668e39e;}
.testimonial-section:after{top:100%;left:50px;border:solid transparent;content:" ";position:absolute;border-top-color:#00ff3a;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{box-shadow:0px 0px 40px #3333331f;border-radius:150px;height:80px;padding:0px;width:80px;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:#e6e6e6;}
.testimonial-writer-designation{font-size:85%;color:#b4fd02;}
.testimonial-writer-company{font-size:85%;}



/*animasi*/
.grow{-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: 0.9;
	width:80%;
	}
	
.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);
	filter:hue-rotate(50deg) drop-shadow(2px 2px 15px #333);
    opacity: 1;}
.animated {-webkit-animation-duration: 1s;animation-duration: 1.;-webkit-animation-fill-mode: both;animation-fill-mode: both;animation: mymove 2s infinite;}




@media screen and (max-width:768px){
	
}

@media screen and (max-width:480px){
	.color-responsive{color:#fff;}
	.display-4 {
    font-size: xx-large;}
	
}