/*general*/
	
	@font-face { font-family: Montserrat; src: url(css/Montserrat-Regular.ttf); }	
	@font-face { font-family: Montserrat; src: url(css/Montserrat-Bold.ttf); font-weight: bold; }	
	
	body, div, td{ font-family: Montserrat; font-size: 14px; line-height: 140%; color:#333333; }
	html {scroll-behavior: smooth;}
	
	

	/*--div--*/
			
	.mview{ display: none; }
	.dview{ display:  block; }

	.main{ width:100%; }
	.header{  border-bottom:1px solid #e2e2e2;  }
	.container{ width:1000px; overflow: auto; margin-left: auto; margin-right: auto; padding:40px 20px; }
	.container-narrow{ width:70%; margin-left: auto; margin-right: auto; }
	.col-container{display: flex; flex-wrap: wrap; }
	.videowrapper {  position: relative;  padding-bottom: 56.25%; /* 16:9 */  height: 0; }
	.videowrapper iframe { position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%;}
	.gallery { margin: 5px; height:100px; width: 100px; display:table-cell;}	
	.footermenu a{ text-decoration: underline;}
	
	
	.sep{ height:40px; clear:both; }

	.clear {clear: both;}
	.border{ border:1px solid #000000; }
	.box {border: 1px solid #f3f5f7; border-radius: 10px; height: 100px;}
	
	
	/*Style*/
	.underline {text-decoration: underline 2px solid #00aeef;}
	.underline-yellow{text-decoration:4px solid #fcae08 underline;}
	.underline-red{text-decoration:4px solid #FF0000 underline;}
	.fullheight {height: 100%;}
	.noline{text-decoration: none;}
	.bold {font-weight: bold !important;}
	.line { width: 60%; border: 2px solid #dddddd}
	ul {list-style-type:none;}
	li { line-height: 160%; }
	.min { width: 1%; white-space: nowrap;  }
	
	
	
	/*Font*/
	.headline{ font-size: 36px; line-height: 120%; font-weight: bold;}
	.subheadline{ font-size: 22px; padding-top: 20px;}
	
	.title{  font-size: 36px; line-height: 120%; font-weight: bold;}
	.subtitle{ font-size: 16px; padding-top: 20px;}
	.descp{ font-size: 20px;   padding-top: 20px; padding-bottom: 20px;}
	.subdescp{font-size: 14px !important; }
	.small {font-size: 12px;}
	.xsmall {font-size: 10px; line-height: 160%; }
	
	
	/*Icon*/
	.ifeature{font-size:48px;}
	.isocial {font-size: 32px;}
	
	
	/*Image*/
	.logo{width:150px; }
	.image {width:100%; height: 140px}
	.image-tester {height:170px; width:100%; border-radius:10px; }
	
	
	/* Header-banner */
	.header-banner .content{padding: 40px 0px 30px 0px;}
	.header-banner .banner-left {margin:auto !important;}
	.header-banner .banner-right img{width: 100%; margin-bottom: -30px;}	
	
	
	/*Button*/
	.btn{border-radius: 20px !important; padding: 10px 20px!important; color: white; font-weight: bold !important;}
	.btn-active{background-color: #fcae08;}
	.btn-defaults{background-color: #00aeef;}
	.btn-contact {background-color:#25D366; border: 2px solid #ffffff !important;}
	
	
	.btn-light {border: 2px solid #ffffff !important;}
	.btn-yellow {background: #fcae08; }
	.btn-orange {background: #fcae08; color: #ffffff;  }
	.btn-blue {background: #00aeff; }
	.btn-bluewhite { background: #00aeff; border:1px solid #ffffff !important; color: #ffffff;  }
	.btn-close{  padding: 5px 10px; border-radius: 5px; float: right; float: top; z-index: 9999; background: #00aeff; color: #ffffff;}
	.btnzoom{padding: 10px; background: #00aeff; color: #ffffff; border: 0px;}
	#myBtn{ position: fixed; right: 20px; bottom: 30px; border: 0px; border-radius:3px; padding: 7px 10px; z-index: 9999; }
	
	
	/*Tab */
	.tab-blue{ background: #00aeff; color: #ffffff; padding:10px 20px; width:100%; height: 100%; border:0px; }
	.tab-white{ background: #ffffff; color: #000000; padding:10px 20px; width: 100%; height: 100%; border:0px; }

	/*Slide  */
	.item img{  width: 100% !important;   }
	
	/* Color */
	.bgblue{ background: #00aeff; }
	.bgdarkgrey {background: #454545;}
	.bglightgrey {background: #EFEFEF;}
	.bgdarkblack {background: #151515;}
	.bglightblue {background:#E7F3FF;}
	.bgwhite {background: #ffffff;}
	.white{ color: #ffffff; }
	.blue{ color: #00aeff; }
	.yellow{ color: #fcae08; }
	.red {color: #F80505;}
	.dark{color:#333333;}
	.lightgrey{ color: #efefef; }
	.lightblue {color:#E7F3FF;}
	.box{box-shadow: 2px 2px 8px #808080;}
	
	
	/* Padding */
	.p0{ padding:0px !important; }
	.p5{ padding:5px !important; }
	.p10{ padding:10px !important; }
	.p20{ padding:20px !important; }
	.p30{ padding:30px !important; }
	.p40{ padding:40px !important; }
	.pt5{ padding-top:5px !important; }
	.pt10{ padding-top:10px !important; }
	.pt20{ padding-top:20px !important; }
	.pt30{ padding-top:30px !important; }
	.pt40{ padding-top:40px !important; }	
	.pb5{ padding-bottom:5px !important; }
	.pb10{ padding-bottom:10px !important; }
	.pb20{ padding-bottom:20px !important; }
	.pb30{ padding-bottom:30px !important; }
	.pb40{ padding-bottom:40px !important; }
	.pl5{padding-left: 5px !important;}	
	.pl10{padding-left: 10px !important;}	
	.pl20{padding-left: 20px !important;}	
	.pr20{padding-right: 20px !important;}	
	
		
	/* Align */
	.center{ text-align:center !important; justify-content: center !important; }
	.right{ text-align: right !important; }
	.left{ text-align: left !important; }
	
	/*Margin */
	.nopad{margin: 0px !important; }
	.m5{ margin:5px !important; }
	.m10{margin:10px !important; }
	.m20{ margin:20px !important; }
	.m30{ margin:30px !important; }
	.m40{ margin:40px !important; }
	.ml10{margin-left:10px !important;  }
	.ml20{margin-left:20px !important;  }
	.ml30{margin-left:30px !important;  }
	.mauto{margin-top: auto; margin-bottom: auto !important;}
	

	/*Radius*/
	.r5 {border-radius: 5px !important;}
	.r10 {border-radius: 10px !important;}
	.r20 {border-radius: 20px !important;}
	.r60 {border-radius: 60px !important;}
	
	/*Accordion*/
	.faqlist li {border-bottom:1.8px solid #e2e2e2; list-style-type: none;}
	.faq{ color: #00aeef;  padding:15px 0px;  }
	.faqanswer{ display:none; overflow: hidden; }
	.faq:after{content: '+'; font-size: 20px; color: #00aeef; float: right; margin-left: 5px;}
	.faqactive:after {content: '-';}
	
	
	/*Point Table*/
	.pointtable tr{padding-top: 15px;padding-bottom: 20px;}
	.pointtable td{padding-left: 10px; padding-right: 10px; padding-bottom:10px;}
	
	/* Grid */
	.gridTable{ width: 100%; }
	.gridTable th{ font-size:14px; background: #f6f6f6; border-bottom:1px solid #e2e2e2; padding: 15px 10px; }
	.gridTable th.nopad{ font-size:14px; background: #f6f6f6; border-bottom:1px solid #e2e2e2; padding: 5px 5px !important; }
	.gridTable td{ font-size:14px; background: #ffffff; border-bottom:1px solid #e2e2e2; padding: 15px 10px; }
	.gridTable td.noborder{ border-bottom:0px !important; }
	.gridTable td.nopad{ padding: 5px 10px !important; }
	.gridTable a{ color: #333333; }
	.gridTable td i{ margin:0px 10px; font-size:20px !important; }
	.gridTable tr{ background: #ffffff; }
	.gridTable tr:hover td{ background: #f0fafe !important; }
	.gridTable .min { width: 1%; white-space: nowrap;  }
	.gridTable .added { background: #f0fafe !important; }
	.gridTable .boldborder { border-top:2px solid #e2e2e2 !important;  }
	
	/* Form */
	.form-wide{ width:100%; }
	.form-wide td{ padding:7px; }
	
	/* Textfield */
	.textfield1{ padding:5px 10px; width:100%; height:40px; font-size:15px; border:1px solid #b2b2b2; border-radius: 5px; color: #000000; font-family: Montserrat; -webkit-appearance: none; }
	.textfield2{ padding:5px 10px; width:100%; height:40px; font-size:15px; border:1px solid #b2b2b2; border-radius: 5px; color: #000000; font-family: Montserrat; -webkit-appearance: none; }

	
	/*Testimonial*/	
	.testimonial{ background-color: #ffffff; border-radius: 5px;}
	.testimonial .customer{ padding: 20px 10px 10px 10px; }
	.testimonial .photo{ width:50px; height:50px; border-radius: 25px; margin-right: 10px; }
	.testimonial .name{ font-weight:bold; }
	.testimonial .company{ font-size:12px; color: #697882; }
	.testimonial .review{ text-align: left; border-top:1px solid #e2e2e2; padding:10px 15px 20px 15px;}
	
	
	/*Feature*/
	.divFeature{	display: none; position: fixed;	width: 100%;	bottom:0px;	left:0px;	background: #ffffff;	height:90%;	overflow: auto;	z-index: 99999999;	padding: 10px 10px 10px 10px; }	
	.imgfeature{ width:100%; }
	.imgfeature2 {border: 1px solid #e2e2e2; border-radius: 50px; height: 100px;width: 100px;}
	.feature { padding-top: 10px; }
	
	.feature .photo{ width:50px; height:50px; border-radius: 25px; margin-right: 10px; }
	#bg-overlay {  position: fixed;   display: none; width: 100%;   height: 100%;   top: 0;  left: 0;  right: 0;  bottom: 0;  background-color: rgba(0,0,0,0.5);   z-index: 9999;   cursor: pointer; }
	
	
	.point {padding-top: 0px;}

	/*Landing page Feature*/
	.lpfeature { padding-top: 10px; }
	.lp-imgfeature{ border: 1px solid #e2e2e2; border-radius: 50px; height: 100px;width: 100px;}


	/* 	Animated CSS counter */
	
#divCounter::after {
  content: '+';
}


	
	/*Cart*/
	#divCart{ padding: 40px 20px; }
	.catalog{ margin-bottom:20px; }
	.price{ font-weight:bold; color: #00aeff; }
	.thumb{ height:150px; min-width:150px; width:100%; border:1px solid #e2e2e2; text-align: center; padding-top: 40%; margin-bottom: 10px; padding-left:0px; padding-right:0px; }
	
	.sst{ font-weight:normal; color: #666666; }
	
	.cart{  width: 24px; height: 24px; color: #00aeff; }
		
	.checkoutbar{ position: fixed; left: 0px; bottom:0px; width:100%; padding:15px; background: #efefef;  z-index: 99999; font-size:18px; font-weight:bold; text-align: right; display:flex; justify-content: center; align-items: center; }
	.vmiddle{ position: absolute; margin:0px; top: 50%; left: 50%;  -ms-transform: translate(-50%, -50%);  transform: translate(-50%, -50%);}
	
	
	.cartForm{ border:0px; width:100%; max-width: 600px; margin-left: auto; margin-right: auto; }
	.cartForm th{ font-weight:bold; border:0px; padding:10px 0px 0px 0px;  }
	.cartForm td{ font-weight:normal; border:0px; padding:2px 5px 2px 0px; }
	.cartForm input[type=text]{ padding:5px 10px; width:100%; height:40px; font-size:15px; border:1px solid #b2b2b2; border-radius: 5px; color: #000000; font-family: Montserrat; -webkit-appearance: none; }
	
	
	.cartStep { border:0px; max-width: 600px; margin-left: auto; margin-right: auto; }
	.cartStep th{ border:0px solid #ff0000; text-align:center; font-size:18px; font-weight: bold; color: #FCAE08;  padding:0px 20px; width: 1%; white-space: nowrap;  }
	.cartStep td{ border:0px solid #ff0000; text-align:center; color: #666666; padding: 5px 0px; }
	
	.cartStep hr{ border-top:1px solid #FCAE08; height:1px;  }
	.cartStep .circle{ border:1px solid #FCAE08; border-radius: 50%; width:40px; height:40px; padding-top: 8px; display:inline-block;}
	.cartStep .active{ background: #FCAE08; color: #ffffff; }
	.cartStep .bold{ font-weight: bold; }
	
	
	.cartitem{ clear:both; }
	.cartItem{ width: 100%; max-width: 600px;  border:0px; margin-left:auto; margin-right:auto; }
	.cartItem th{  background: #f6f6f6; border:0px solid #ffffff; padding: 10px 10px; }
	.cartItem td{ background: #ffffff; border:0px solid #ffffff;   padding: 10px 10px; }
	.cartItem .thumb{ height:150px; width:100%; border:1px solid #e2e2e2; text-align: center; padding-top: 40%; margin-bottom: 10px; padding-left:0px; padding-right:0px; }
	
	
	.btn-cart{ background: #00aeff; width:100% !important; color: white; border:2px solid #FCAE08; border-radius: 5px !important; padding:8px 25px; font-size:16px !important; font-weight:bold !important; -webkit-appearance: none; }
	.btntoyyib{ background: #ffffff; color: #8e3a96; border:2px solid #8e3a96; border-radius: 8px; padding:12px 25px; margin-bottom:10px; font-size:16px; font-weight:bold; -webkit-appearance: none; }
	
	/*Testimonial-static*/
	.testimonial-static .testimonial{background-color: #fff !important;}
	.testimonial-static .item {padding-left: 20px; padding-right: 20px;}
	.testimonial-static .vl{height: 200; border-left: 4px solid #00aeff;}
	.testimonial-static .customer .imgtestimonial img {height: 300px; width: auto; margin: auto;}
	.testimonial-static hr.efiling{width: 100%; border: 2px solid #00aeff;}

/* Value */
	.value .col-md-3 {padding: 10px; display: flex}
	.value .item {text-align: center; box-shadow: 2px 2px 8px #808080; padding: 20px 15px;; border-radius: 10px; align-items: stretch;}
	.value .item i{font-size: 48px; color: #00aeff;}
	.value .item .descp{font-weight: bold;}
	
/* Feature */
	.feature .col-md-3 {padding: 10px; display: flex;}
	.feature .item{background-color: #ffffff; align-items: stretch; border-radius: 10px; padding: 20px 5px 30px 5px;}
	.feature .item .descp {font-weight:bold; text-decoration: 3px solid #fcae08 underline;}
	

/* Testimonial Landing Page	 */
 	.problem .col-md-4 {padding: 10px; display: flex;}
	.problem .item{background-color: #ffffff; align-items: stretch; border-radius: 10px; padding: 20px 10px;}
	.problem .item img{width: 70%;}
	.problem .item .descp {font-weight: bold; padding-bottom: 20px; color: #F42733;}
	
 	.solution .col-md-4 {padding: 10px; display: flex;}
	.solution .item{background-color: #ffffff; align-items: stretch; border-radius: 10px; padding: 20px 10px;}
	.solution .item img{width: 100%;}
	.solution .item .descp {font-weight: bold; padding-bottom: 20px; color: #00aeff;}
	
	.client .testimonial { box-shadow: 3px 3px 18px #888888; padding:10px 1px; padding-bottom: 2rem!important; width: 100%; margin: 15px 1px;}
	.client .vl{ display: block; border-left: 4px solid #00aeef; height: 200px;}
	.client .testimony-img{height: 200px; width: auto; margin: auto; background: #fcae08; border-radius: 50%;}
	.client .review {border: 0px;}
	.client .review .descp{text-align: center; font-weight: normal;}
	.client .review .small{ margin-left: 2rem;}
	.client i{color: #fcae08;}	
	
	.plus-feature .point {padding: 10px; width: 100%;}
	.plus-feature .point .col-md-3{text-align: center; margin-top: 30px;}
	.plus-feature .point .col-md-9 .item{margin-left: -7rem;}
	.plus-feature .point i{background: #fff; color: #fcae08; font-size: 42px; margin-left: 5rem; border-radius: 50%;}
	.plus-feature .point .descp{ font-size: 28px; color: #00aeef;} 
	.plus-feature .point .subdescp{color: #fff;;} 
	
	.upgrade-hand {height:459px; margin-bottom: 10px; }
	.upgrade-hand .col-md-6 .item {margin-top: 12rem;}
	.upgrade-hand .title {color: #fff; font-size: 26px; text-align: left; margin-left: 0;}
	.upgrade-hand .subtitle {color: #fff; text-align: left;}
	
 	.benefit-v2 .col-md-4 {padding: 10px 5px; display: flex;}
	.benefit-v2 .item{background-color: #ffffff; align-items: stretch; border-radius: 10px; padding: 20px 10px;}
	.benefit-v2 .item img{width: 70%;}
	.benefit-v2 .item .descp {font-weight: bold; padding-bottom: 10px;}
	.benefit-v2 .item .subdescp {padding-bottom: 20px;}
	.benefit-v2 .item ul{padding-top: 10px; text-align: left; margin-left: -3rem;}
	.benefit-v2 .item li{margin-left: 1rem !important; padding: 7px; padding-left: 1px; padding-right: 20px; margin: 3px!important; line-height: 20px;  margin: auto;}
	.benefit-v2 .item li:before{content: "\f058"; font-family: FontAwesome; color: #25D366; background: #fff; margin-right: 5px; font-size: 22px; border-radius: 50%;}
	
	.comparison .col-md-3 {padding: 10px; display: flex;}
	.comparison .item{background-color: #ffffff; align-items: stretch; border-radius: 10px; padding: 20px 5px 30px 5px;}
	.comparison .item .descp {font-weight:bold; padding-bottom: 10px;}
	.comparison .item .price{color: #333;}
	.comparison .circle{ width: 14rem; border: 4px solid #fcae08; border-radius: 50%; background: #fff; margin: auto;}
	.comparison .circle .price{background: #fff; width: 13.0rem; height: auto; border-radius: 50%; text-align: center; padding: 10px; border: 4px solid #fff; margin: auto;}
	.comparison .item .price .descp {font-weight:bold; text-decoration:none; padding-bottom: 5px;}
	#niagawan{background: #00aeff !important;}
	#niagawan-circle {border: 4px solid #00aeff;}
		
	.system .items {margin-top: -1rem; margin-bottom: -6rem; width: 90%; margin-left: auto; margin-right: auto;}
	.system .items .img { padding-top: 20px;}
	
	.countdown ul{padding-right:5px;}
	.countdown li{margin-left: 1rem !important; padding: 2px; margin: 3px!important; line-height: 30px; display: inline-block; margin: auto;}
	.countdown li:before{content: "\f058"; font-family: FontAwesome; display: inline-block; padding-right:2.9rem; width: 5px;  color: #25D366; font-size: 20px;}
	
	.step .col-md-1 {text-align: center; margin: auto; border: 10px; }
	.step .col-md-1 i{font-size: 42px; font-weight: bold; color:#fcae08;}
	.step .item{text-align: center;}
	.step .item .subdescp{font-weight: bold;}
	
	
	.urgency-v2 .point { width: 100%; margin-left: auto; margin-right: auto; padding: 10px;}
	.urgency-v2 .point .col-md-5{text-align: center;}
	.urgency-v2 .point .col-md-7 .item{text-align: left; margin-left: -7rem; margin-right: 10rem; }
	.urgency-v2 .point i{ color: #F42733; font-size: 42px; margin-right: -15rem; border-radius: 50%;  padding: 10px;}
	.urgency-v2 .point .descp{ font-size: 28px; color: #fff;} 

	.urgency-v3 .col-md-3 {padding: 10px; display: flex;}
	.urgency-v3  .item{background-color: #ffffff; align-items: stretch; border-radius: 10px; padding: 20px 5px 30px 5px; width: 100%; border: 1px solid #F42733;}
	.urgency-v3  .item .descp {font-weight:bold; color: #fff;}
	
	.btn-big{display: block; border-radius: 40px !important; box-shadow: 7px 8px 5px #888888; padding: 20px 19px!important; color: white; font-size: 32px!important; font-weight: bold !important;}

	.counter {width: 75%;}
	
	.thankyou .headline {font-size: 42px;}
	.thankyou .content {display: flex;}