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

/*TextCharacter*/
body{font-family: 'Mulish', sans-serif;color:#495057;}

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

/*background*/
.bg-main{background:linear-gradient(34deg, #007bff00 0%, #1e004000 60%),url(../img/bg1.jpg) no-repeat bottom center;background-size:cover;}
.bg-step{background:#000ee1;margin-top: -2px;}
.bg-testimoni{background:#101634;margin-top: -2px;}
.bg-sales1{background:linear-gradient(45deg, #ffffff63 5%, #ffffffd4 25%, #ffffff9e 77%), url(../img/bg-sales1.jpg) no-repeat right top;background-size:cover;}
.bg-sales2{background:linear-gradient(45deg, #ffc4dae3 5%, #ffffffe3 50%, #e7cdd7e3 77%), url(../img/bg-sales1-flip.jpg) no-repeat right top;background-size:cover;}
.bg-sales3{background:#00002c}
.bg-sales4{background:url(../img/save.png) no-repeat top center, linear-gradient(45deg, #54ebd0ed 5%, #0d1971bf 28%, #2e14bb 100%), url(../img/save_new.png) no-repeat left bottom;}
.bg-sales5{background:linear-gradient(0deg, #039ff6 30%, #0071de 100%);}
.bg-introduce{background:linear-gradient(0deg, #0e1544c4 50%, #0a0926bf 100%), url(../img/bg-intro.jpg) center center no-repeat;background-size:cover}
.bg-introduce2{background:#0a103d;}
.bg-preview{background:linear-gradient(34deg, #007bff00 0%, #ff760000 60%),url(../img/bg2.jpg) no-repeat bottom center;background-size:cover;}
.bg-modul{background:#1f2028}
.bg-modul-2{background:#14151c}
.bg-md{padding:60px 0px; background:linear-gradient(34deg, #ff9800 0%, #ff3d00 100%),url(../img/bg2.jpg) no-repeat bottom center;background-size:cover;display: inline-block;
    padding-left: 40px !important;
    padding-right: 40px !important;
    border-radius: 50px !important;}
.bg-inves{background:#3f51b5}




.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;}
	
/*text-color*/
.color-head{color:#fffefe;}
.color-head-dark{color:#ffa707;}
.color-subhead{color:#ddd;}
.color-body{color:#495057;}
.color-body-light{color:#fffefe;}
.color-spot{color:#ff6262;}
.color-black{color:#000;}
.text-card{color:#3f51b5;}
.text-card:hover{color:#2196f3 !important;}

.gradient-text{background:-webkit-linear-gradient(0deg, #f3ff35 20%, #ffd507 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;}
.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:600;color:#ffffff}

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


/*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);
    opacity: 1;}
.animated {filter: drop-shadow(2px 4px 10px #1b182357);
-webkit-animation-duration: 1s;animation-duration: 1.;-webkit-animation-fill-mode: both;animation-fill-mode: both;animation: mymove 3s infinite;}
.pulse {-webkit-animation-name: pulse;animation-name: pulse;}



/*tombol*/
.btn-exp{padding:10px 25px;box-shadow:-7px 7px 7px #0e19191c;color:#fff;background:url(../img/efek_tombol.png) no-repeat right bottom, linear-gradient(45deg, #03a9f4 0%, #0a6dbb 80%);background-size:cover;}
.btn-exp:hover{box-shadow:2px 2px 5px #0e191936;color:#eee;border:1px solid #34ffe3;background:url(../img/efek_tombol.png) no-repeat right bottom, linear-gradient(90deg, #03a9f4 0%, #0a6dbb 80%);background-size:cover;}

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

.thumb{border: 2px solid #dc3545;border-radius: 8px;filter:drop-shadow(2px 4px 6px black);}
.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%);
}
.img-silang {
    margin-top: -55px;
    margin-bottom: 20px;
    margin-left: 5px;
    width: 40px;
    height: auto;
}
.img-prev-modul{    filter: drop-shadow(0px 0px 1px #f44336);}
/*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:#ffffff0d;color:#cecece;;box-shadow:0px 2px 40px #3333331f;}
.testimonial-section:after{top:100%;left:50px;border:solid transparent;content:" ";position:absolute;border-top-color:#ffffff0d;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:3px solid #6b6b6b;border-radius:150px;height:70px;padding:0px;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:#e6e6e6;}
.testimonial-writer-designation{font-size:85%;color:#fd7402;}
.testimonial-writer-company{font-size:85%;}


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

@media screen and (max-width:480px){
	.color-responsive{color:#333;}
}