header{
	font-family: Open Sans,Helvetica,Arial,sans-serif;
}





/* .tombol-gratis-ongkir, */
.tombol-merah,
.tombol-hijau{
	padding: 7px 10px !important;
	border-radius: 0;
	font-size: 14pt;
	text-transform: uppercase;
	color: #fff !important;
	display: block !important;
	width: 250px;	
	text-align: center !important;
	text-decoration: none !important;
	margin-bottom: 10px !important;
	font-weight: normal !important;
	border:none !important;
}

.tombol-merah:hover{
	color: #fff;
	text-decoration: none;
}
.tombol-hijau:hover{
	color: #fff;
	text-decoration: none;
}

.tombol-merah{
	background: #B8312F;
	display: block !important;
}

.tombol-hijau{
	background: #41A85F;
	display: block !important;
}

.tombol-gratis-ongkir{
	background: #3498db;
	display: block !important;
}

.tombol-gratis-ongkir:hover{
	background: #2980b9 !important;
	color: #fff;
	text-decoration: none;
}




/*button*/

.tombol-biru {
	cursor: pointer;
	user-select: none;
	text-align: center;
	white-space: nowrap;
	/*height:3rem;*/
	/*padding:10px 23px;*/
	text-transform: uppercase;
	font-size:15px;
	font-size: 13px;
	line-height: 2.625rem;
	-webkit-font-smoothing: antialiased;
	border-radius: 0.25rem;
	transition: all 0.3s ease;
	font-weight: 600;
	width: 13.75rem;
	color: #fff;
	background-color: #2979ff;
	border: 0.125rem solid transparent;
	box-shadow: 8px 10px 20px 0px rgba(46, 61, 73, 0.15);
	text-decoration: none;
}


.tombol-biru:focus,
.tombol-biru:hover {
	outline: none;
	color: white;
	border-color: transparent;
	background-color: #2962ff;
	text-decoration: none;
}


.tombol-bening {
	cursor: pointer;
	user-select: none;
	text-align: center;
	white-space: nowrap;
	/*height:3rem;*/
	/*padding:10px 23px;*/
	text-transform: uppercase;
	font-size:15px;
	font-size: 13px;
	line-height: 2.625rem;
	-webkit-font-smoothing: antialiased;
	border-radius: 0.25rem;
	transition: all 0.3s ease;
	font-weight: 600;
	width: 13.75rem;
	color: #555;
	background-color: white;
	border: 0.125rem solid #555;
	box-shadow: 8px 10px 20px 0px rgba(46, 61, 73, 0.15);
	text-decoration: none;
}


.tombol-bening:focus,
.tombol-bening:hover {
	color: #141414;
	border: 0.125rem solid #141414;

}

.button,
.button--primary, 
.button--outline{
	/*display:block;*/
	cursor:pointer;
	appearance:none;
	user-select:none;
	text-align:center;
	white-space:nowrap;
	vertical-align:top;
	text-decoration:none;
	vertical-align:middle;
	/*height:3rem;*/
	padding:10px 25px;
	text-transform:uppercase;
	/*font-size:16px;*/	
	font-size:13px;
	line-height:2.625rem;
	-webkit-font-smoothing:antialiased;
	border-radius:0.25rem;
	letter-spacing:0.09375rem;
	transition:all 0.3s ease;
	font-weight: 600;
}




.button--primary,
.button--secondary,
.button--outline,
.button--white {
	box-shadow:8px 10px 20px 0px rgba(46,61,73,0.15);
	text-decoration: none;
}

.button--primary:hover,
.button--secondary:hover,
.button--outline:hover,
.button--white:hover { 	
	text-decoration: none;
}

.button--jumbotron:hover{
	box-shadow:2px 4px 8px 0px rgba(52, 152, 219,1.0); 	 	
}

.button--primary {
	width:13.75rem;
	color:#fff;
	background-color:#2979FF; 	
	border:0.125rem solid transparent;
}

.button--primary:focus,
.button--primary.focus,
.button--primary:hover {
	outline:none;
	color:white;
	border-color:transparent;
	background-color:#2962FF;
}

.button--outline {
	width:13.75rem;
	color:#fff;
	/*background-color:transparent;*/
	border:0.125rem solid #fff;
}
.button--outline:focus,
.button--outline.focus,
.button--outline:hover {
	outline:none;
	color:white;
	border-color:#fff;
	background-color:transparent;
}

.button--outline.disabled,
.button--outline[disabled],
fieldset[disabled] .button--outline {
	box-shadow:none;
	cursor:not-allowed;
	border-color:#dbe2e8;
	background-color:#dbe2e8;
}

.button--outline.inline {
	display:inline-block;
}


/*modal*/
.modal-produk .modal-content{
	border-radius: 0;
	box-shadow: none;
}

.modal-produk .modal-lg{
	max-width: 950px !important;
}

.modal-produk .modal-dialog{
	margin: 100px auto;	
}

.modal-produk .modal-content .modal-title{
	font-size: 14pt;
	text-transform: uppercase;
	font-weight: bold;
}

.modal-produk .modal-content .modal-body h1{
	font-size: 20pt;
	text-transform: uppercase;
	font-weight: bold;
	margin-bottom: 30px;
	margin-top: 10px;
}

.modal-produk .modal-content .modal-body img{
	width: 100%;
	height: auto;
}

.button--bening{
	background-color: white;
	text-decoration: none;
	border-radius: 3px; 	
	color: #444;
	font-size: 11pt;
	font-weight:500;
	border: 2px solid #666;
}

.modal-produk .modal-content .modal-footer a{
	
}

.modal-produk .modal-content .modal-footer button{
	/*font-size: 11pt;*/
}





 .btn-download {
 	padding:15px 25px !important;
 	color:#fff !important;
 	background-color:#2979FF !important; 	
 	border:0.125rem solid transparent !important;
 	box-shadow:8px 10px 20px 0px rgba(46,61,73,0.15) !important;
 	text-decoration: none !important;
 	display:inline-block !important;
 	width:100% !important;
 	text-align:center !important;
 
 }

 .btn-download:focus,
 .btn-download:hover {
 	outline:none !important;
 	color:white !important;
 	border-color:transparent !important;
 	background-color:#2962FF !important;
 	text-decoration: none !important;
 	  display:inline-block !important;
 }
 

.box-share-social{
    display:inline-block;
    background:#ff9966;
    padding:40px;
    text-align:center !important;
    width:100%;
    
}
.box-share-social p{
  color:#fff;
  font-size:18pt !important;
  text-align:center !important;
}



/*custom*/
@media (min-width: 1200px) {
	.container{
		max-width: 1150px;
	}
}

@media (min-width: 992px) {
	.navbar-malasngoding-1 .dropdown-search{
		width: 400px;
	}
}

@media (max-width: 767px) {
	.text-xs-center {
		text-align: center !important;
	} 
	.text-right{
		text-align: center !important;
	}
}


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

}

  
	
@media screen and (max-width: 768px) {
	.xs-center{
		text-align: center !important;
	}
	
	.xs-center .text-right{
		text-align: center !important;
	}

	.malasngoding-home .tw-btn{
		width: 100%;
		margin-bottom: 10px;
	}

	.malasngoding-home .tw-btn-link{
		width: 100%;
	}
	
}

/*end custom*/


.sticky-top {
	position: -webkit-sticky;
	position: sticky;
	top: 30px;
}

.sticky-top:before,
.sticky-top:after {
	content: '';
	display: table;
}



.article-banner-x{
    width:94%;
    margin: 20px 0px;
}