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

/*TextCharacter*/
body{font-family: 'Montserrat', sans-serif;}
h1{line-height:1em;font-size:50px;letter-spacing:-0.8px;}
h2{font-size:40px;line-height:1.2em;letter-spacing:-0.8px;}
h3{font-size:30px;line-height:1.2em;}
h4{font-size:20px;line-height:1.5em;}
h5{font-size:18px;letter-spacing:-0.5px;}
h6{font-size:14px;line-height:1.5em;}
p{font-size:16px;line-height:1.5em;letter-spacing:0px;font-weight:400;color:#505050;}
.montserrat{font-family:'Montserrat'!important;}
.typo-35px{font-size:35px;}
svg{position: absolute;left: 0;width: 100%;margin-top: -8%;display: block;}

/*SectionDetails*/
section{padding:70px 0px;text-align:center;}
#main{padding-top:30px;}
#kita{padding:20px 0px 20px 0px;}

/*TextColor*/
.white{color:white;}
.white-90{color:#eee;}
.black{color:#505050;}
.black-50{color:#868686;}
.color-sub{background:-webkit-linear-gradient(50deg, #8a1eff 0%, #f4af26 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;/*color:#2a7fc7;*/}
.color-tag{color:#dcdcdc;}
.color-ben{color:#3f51b5;}
.color-sec{color:#ffe000;}
.red-pink{color:blue;}

.tosca{color:#00ebc1;}
.tosca-dark{color:#2e635e;}



.gradient-text{background:-webkit-linear-gradient(26deg, #fd8000 0%, #f90012 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.gradient-text2{background:-webkit-linear-gradient(50deg, #de00ff 0%, #ffba33 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.gradient-text3{background:-webkit-linear-gradient(50deg, #ffba33 0%, #de00ff 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}

 
/*VIDEO*/
.box-video-header{padding-bottom:55.0%;border:6px solid #ececec;border-radius:10px;max-width:100%;background:#ffffff;box-shadow:0px 30px 40px -19px #0000002e;}

.video{position:relative;padding-bottom:56.25%;margin:30px 0px 30px 0px;height:0;background:none;border-radius:10px;}
.video-modul{margin: 20px;padding-top: 20px;}
.video-m2{padding-bottom: 44%;}
.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 #3b1a5d;max-width:100%;box-shadow:6px 9px 30px -6px #6e1903d9;border-radius:10px;background:#8281e6;}
.border-video-module{border: 10px solid #f3f3f3;max-width: 100%;box-shadow: 0px 0px 30px #1b1b1b40;border-radius: 10px;background: #efefef;}
.play{width:90px;margin-top:-64%;margin-left:1%;opacity:0.7;box-shadow:0px 0px 80px #000000b8;border-radius:100%;}
.play:hover{opacity:1;box-shadow:0px 0px 80px #000000;}
 .play-m2{margin-top: -44%;}
.play-bonus{width:90px;margin-bottom:-179%;margin-left:1%;opacity:1;box-shadow:0px 0px 80px #03a9f46b;border-radius:100%;}
.play-bonus:hover{opacity:1;box-shadow:0px 0px 80px #000;}
.play-fb{width:60px;margin-top:-65%;margin-left:18%;box-shadow:0px 0px 80px #e24efb;border-radius:100%;}
.play-fb:hover{opacity:1;box-shadow:0px 0px 80px #3f51b5;}
.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);}
.title-modul{color: #ddd;margin-bottom: 15px;height: auto;padding: 5px 20px 0px 10px;z-index: 9999;position: relative;display: inline-block;float: left;border-radius: 7px;background: linear-gradient(40deg, #286090 0%, #422890 100%);box-shadow: 6px 9px 20px -5px #6b6b6b6e;}
.title-modul-tosca{background:#17c39c;}
.title-text{margin-bottom:5px;color:#ddd;}

/*Ribbon*/
.ribbon{
  /*font-size:20px;*/
  position:relative;
  display:inline-block;
  /*margin:5em;*/
  text-align:center;
}
.text{
  display:inline-block;
  padding:0.5em 1em;
  min-width:15em;
  line-height:1.2em;
  background: #FFD72A;
  position:relative;
}
.ribbon:after,.ribbon:before,
.text:before,.text:after,
.bold:before{
  content:'';
  position:absolute;
  border-style:solid;
}
.ribbon:before{
  top:0.3em; left:0.2em;
  width:100%; height:100%;
  border:none;
  background:#EBECED;
  z-index:-2;
}
.text:before{
  bottom:100%; left:0;
  border-width: .5em .7em 0 0;
  border-color: transparent #FC9544 transparent transparent;
}
.text:after{
  top:100%; right:0;
  border-width: .5em 2em 0 0;
  border-color: #FC9544 transparent transparent transparent;
}
.ribbon:after, .bold:before{
  top:0.5em;right:-2em;
  border-width: 1.1em 1em 1.1em 3em;
  border-color: #FECC30 transparent #FECC30 #FECC30;
  z-index:-1;
}
.bold:before{
  border-color: #EBECED transparent #EBECED #EBECED;
  top:0.7em;
  right:-2.3em;
}




/*Background*/
.bg-img-main-1{background:#121f28 url(../img/bg2-black.jpg) no-repeat bottom center;background-size:cover;}
.bg-img-main-dsell{background:#121f28 url(../img/bg2-black_dsell.jpg) no-repeat bottom center;background-size:cover;}
.bg-img-main-dsell2{background:#121f28 url(../img/bg-oto.jpg) no-repeat bottom center;background-size:cover;}
.bg-tombol{background:#fff url(../img/strip2.png) no-repeat bottom center;background-size:content;}
.bg-steps{background:#f3f3f3;}
.bg-testimoni{background:linear-gradient(34deg, #220d2fcf 0%, #0d0631f5 100%),url(../img/bg-oto.jpg) center center no-repeat;-webkit-background-size: cover;-moz-background-size: cover;background-size: cover;-o-background-size: cover;}
.bg-research{background:linear-gradient(34deg, #ffffffb8 0%, #ffffffc7 60%),url(../img/bg-variasi2.jpg) center center no-repeat;-webkit-background-size: cover;-moz-background-size: cover;background-size: cover;-o-background-size: cover;}
.bg-research2{background:#121f28 url(../img/bg2.jpg) no-repeat bottom center;-webkit-background-size: cover;-moz-background-size: cover;background-size: cover;-o-background-size: cover;}
.bg-solusi{background:#120c2f;}
.bg-intro{background:linear-gradient(34deg, #211f3300 0%, #2d1e2559 60%),url(../img/bg2-black2.jpg) center center no-repeat;-webkit-background-size: cover;-moz-background-size: cover;background-size: cover;-o-background-size: cover;}
.bg-intro2{background:linear-gradient(34deg, #211f33b8 0%, #2d1e2559 60%),url(../img/bg2-intro.jpg) center center no-repeat;-webkit-background-size: cover;-moz-background-size: cover;background-size: cover;-o-background-size: cover;}
.bg-preview-modul{background:linear-gradient(66deg, #2c0e44f2 0%, #0e0732f2 60%), url(../img/bg-variasi2.jpg) no-repeat bottom center;background-size:cover;background-attachment:fixed;}
.bg-preview-modul2{background:#261b31;-webkit-background-size: cover;-moz-background-size: cover;background-size: cover;-o-background-size: cover;}
.bg-bonus{background:#16171f;/*linear-gradient(66deg, #fffffff5 0%, #ffffffe6 60%), url(../img/13783.jpg) no-repeat center center;background-size:cover;*/}
.bg-bonus2{background:#202029;}


/*Box*/
.box-text-header{background:#00f1e2;font-weight: 400;color: #fff;margin: 15px 0px;border-radius: 25px;padding: 10px 25px 0px 25px;width: auto;display: inline-block;}
.box-simple{margin-top: -3.5%;border-radius: 10px;padding: 20px;box-shadow: 0px 0px 40px #33333373;background: #121f28 url(../img/bg2.jpg) no-repeat bottom center;}
.box-feature{padding:50px 0px;border-radius: 10px;background: #52425273;margin: 20px 0px;}
.box-ads{padding: 30px;
    border-radius: 10px;
    background: #ffffffa8;
    margin-bottom: 50px;
    box-shadow: 5px 5px 40px #2929291f;
}
/*
.box-module{background: #d2d2d226;padding: 20px 10px;border-radius: 10px;box-shadow: 0px 0px 30px #00000029;}
.box-title-modul{background: linear-gradient(50deg, #008679 0%, #00cea9 100%);display: table;text-align: left;padding: 5px 20px 0px 20px;border-radius: 25px;
margin: 0 0 -10px 0;}

.box-title-modul-orange{background: linear-gradient(50deg, #FF5722 0%, #ff0753 100%);display: table;text-align: left;padding: 5px 20px 0px 20px;border-radius: 25px;margin: 0 0 -10px 0;}
.box-title-modul-green{background: linear-gradient(50deg, #009688 0%, #8de822 100%);display: table;text-align: left;padding: 5px 20px 0px 20px;border-radius: 25px;margin: 0 0 -10px 0;}

*/

.items li{background:url(../img/itempoint.png) no-repeat left top;padding:0px 0px 1px 33px;list-style:none;opacity:0.9;margin-bottom:-12px;text-align:left;font-weight:300;margin-left:-42px;}
.items2 li{background:url(../img/new.png) no-repeat left top;padding:0px 0px 5px 45px;list-style:none;opacity:0.9;margin-bottom:6px;margin-left:-10px;}
.items3 li{background:url(../img/checked.png) no-repeat left top;padding:0px 0px 5px 45px;list-style:none;opacity:0.9;margin-bottom:6px;margin-left:-10px;}
.img-bulat {
    border: 2px solid #e6dbdb;
    border-radius: 100%;
    padding: 10px;
    margin-bottom: 20px;
   
}


.circle-icon{opacity:0.9;background:linear-gradient(150deg, #ff0554 0%, #ff9303 100%);border-radius:50%;;padding:25px;display:inline-block;margin:0px 125px;}
.circle-icon:hover{opacity:1;background:linear-gradient(150deg, #ff9303 0%, #ff0554 100%)}
.circle-icon-white{background: #fff;padding: 30px 30px;margin-bottom: -5px;margin-top: 15px;box-shadow: 0px 0px 30px #cccccca6;display: inline-block;border-radius: 50%;}
.items_white li{background:url(../img/checked_white.png) no-repeat left top;padding:0px 0px 1px 33px;list-style:none;opacity:0.9;margin-bottom:-2px;text-align:left;font-weight:300;margin-left:-42px;}
.items-text{color:#000;line-height: 1.7em;font-weight:400;}
.items-select{color:#043843;font-weight:600;}




.items-text3{margin-top: -6px;color:#fff;}
.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;}

/*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:#fff;;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%;}

/*BUTTON*/
.btn-color1{padding:5px 30px 4px 30px;background:#30516d;/*linear-gradient(90deg, #fd880f 0%, #b92200 100%)*/;font-family: 'Montserrat', sans-serif;color:#fff !important;border-radius:5px;/*-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;/*text-shadow:2px 2px 8px #000000*/;font-weight:600;}
.btn-color1:hover{background:#337ab7/*linear-gradient(90deg, #b92200 0%, #fd880f 50%)*/;box-shadow: 0px 0px 10px #35353559;border-radius:0px;}




.btn-text b{display:inline}
.btn-text:not(.collapsed)  span{display:none}
.btn-text.collapsed b {display:none}

/*TIMER*/
.times{padding:15px 5px 5px 3px;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;}

.tm-head{font-size: 20pt;line-height: 14pt;padding-top:10px;}

/*Steps*/
.laptop {position: absolute;margin-top: -57%;}
.laptop-module {position: absolute;margin-top: -58%;}
.isi-laptop {padding: 9.3%;margin-right: -3.6%;margin-bottom: -2.2%;}
.isi-laptop-module{padding: 13.3%;margin-right: -3.6%;margin-bottom: -3.2%;margin-top: -6%;}
.icon-step{background: #fcfeff;display: inline-block;padding: 20px;border-radius: 100%;margin: 35px 0px 10px 0px;border: 0px solid #6dbbf382;box-shadow: 0px 0px 30px #cecece;}

/*More*/
.img-silang{margin-top:-55px;margin-bottom:20px;margin-left:5px;width:40px;height:auto;}
.img-gu{margin:-5px 0px 0px 10px;}
.vertical-align {display: flex;align-items: center;}
.hp {position: absolute;margin-top: -154%;}
.isi-hp {padding: 9.3%;margin-right: -3.6%;margin-top: -50%;}

hr.style12 {
	height: 6px;
	background: url(http://ibrahimjabbari.com/english/images/hr-12.png) repeat-x 0 0;
    border: 0;
}


/*Animation*/
.animated {-webkit-animation-duration: 1s;animation-duration: 1.;-webkit-animation-fill-mode: both;animation-fill-mode: both;animation: mymove 3s infinite;}
.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;}

/*PULSE*/
.pulse {-webkit-animation-name: pulse;animation-name: pulse;}
@keyframes pulse{
	0% {-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}
	50% {-webkit-transform: scale3d(1.05, 1.05, 1.05);transform: scale3d(1.05, 1.05, 1.05);}
	100% {-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}
}


@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;}	
	.vertical-align{display:table;}
	.aku-hilang{display:none}
	.bg-img-prev-white{background:#fff;}
	.bg-img-prev-white2{background:#fff;}
	.bg-overlay-white{background: #fff}
}

@media screen and (max-width:480px){
	#main{background-attachment:fixed;background-position: right;}
	body{font-size:12px;}
	h1{font-size:30px;}
	h2{font-size:25px;}
	h3{font-size:22px;}
	h4{font-size:18px;}
	p{font-size:12px;}	
	.vertical-align{display:table;}
	.aku-hilang{display:none}
	.times{font-size:18px;padding:5px 5px 0px 5px;}
	.smalltext{font-size:8px;}
	.bg-img-prev-white{background:#fff;}
	.bg-img-prev-white2{background:#fff;}
	.bg-overlay-white{background: #fff}
}