/*General*/

html, body{
	width: 100%;
	height: 100%;
	overflow-x: hidden;
}

#container{
	
	width: 100%x;
	margin: 0 auto;
	padding: 0px;
	background: #FFFFFF;
	
}

.red{
    color: darkred;
}

.Joytitle{
	margin-left: -15px;

}

#logo{
	padding: 50px;
	vertical-align 	: middle; /*--cuma berlaku untuk table cell ceunah--*/
	text-align 		: center;
	align-content 	: center;
	display 		: table-cell;
}

.float{
	position           :   fixed;
	width              :   60px;
	height             :   60px;
	bottom             :   40px;
	right              :   40px;
	background-color   :   #ff6600;
	color              :   #FFF;
	border-radius      :   50px;
	text-align         :   center;
    text-decoration    :   none;
    font-size          :   30px;
	box-shadow         :   2px 2px 3px #999;
    z-index            :   100;
}

.float:hover {
	position           :   fixed;
	width              :   60px;
	height             :   60px;
	bottom             :   40px;
	right              :   40px;
	background-color   :   #000;
	color              :   #ff6600;
	border-radius      :   50px;
	text-align         :   center;
    text-decoration    :   none;
    font-size          :   30px;
	box-shadow         :   2px 2px 3px #999;
    z-index            :   100;
}

.my-float{
	margin-top:16px;
}

.my-float2{
	margin-top:    10px;
    font-size :    12px;
}

.tetapTerhubung{
    padding-top: 25px;
    color: #ff6600;
    font-size: 30px;
    font-style: italic;
    font-weight: bold;
}

.warna1 {
	color: #F80105;
}

.warna2 {
	color: #F87400;
}

.warna3 {
	color: #E1B004;
}

.warna4 {
	color: #E9D5D6;
}

.warna5 {
	color: #F87400;
}

.btn-large{
	background: #E0C262;
	border-color: #fff;
}

.bio{
	margin-top: 60px;
	padding: 25px;
}

.hubungi{
    background: linear-gradient(90deg, #ffecb3, #fff);
}
									/*Sub judul artikel*/

.sub-header {
	margin-top: 80px;
	padding-bottom: 10px;
	border-bottom: 1px solid #eee;
	color: #24C0D9;
}

										/*Blog*/

/*
.artikel {
	margin-top: 10px;
	margin-bottom: 50px;
	margin-left: 60px;
	margin-right: -35px;
	padding: 10px;
}
*/

.isiKonten {
	padding-right: 20px;
}

.preview {
	padding-right: 00px;
}

.detail {
	padding-left: 35px;
}


.iconArtikel {
	text-align: center;
}

.iconArtikelSmall {
	text-align: center;
	list-style: none;
	color: #24C0D9;
	font-size: 12px;
	margin-top: -50px;
}

.iconArtikelSmall li{
	display: inline;
	margin-right: 10px;
	margin-top: -25px;
}

.judul1{
	font-size: 24px;
	color: #24C0D9;
	margin-top: -20px;
}

.sharebar ul{
	text-decoration:none;
	list-style: none;
}

.sharebar li{
	text-decoration:none;
	list-style: none;
}

.sharebar a{
	text-decoration:none;
	list-style: none;
}

#selengkapnya{
	margin-right: 25px;
	padding-right: 5px;
}

.lebarTombol{
	width: 125px;
}


										/*Right bar*/

#sidebar{
	margin-top  	: 0px;
	padding-left 	: 40px;
	padding-right 	: 20px;
	padding-top 	: 20px;
	padding-bottom 	: 20px;
}

.remargin{
	margin-left: -200px;
}

.perantara {
  display: inline-table;
  text-align: center;
  color: #18AEED;
  font-size: 24px;
  margin-top: 37px;
}

.sidebar .widget {
  margin-bottom 	: 40px;
  padding 			: 15px;
  border 			: 1px solid #dedede;
}

.sidebar .widget h3 {
  margin-top 		: 8px;
}

.sidebar .search input.form-control {
  border-right 		: 0;
  border-radius 	: 0;
  box-shadow 		: inset 0 0px 0px rgba(0, 0, 0, 0.075);
}

.sidebar .search button {
  border-left 		: 0;
}

.sidebar .search button:hover {
  background 		: transparent;
}

#tombolCari{
	height: 46px;
}

.tombolKirim{
    height          : 50px;
    text-align      : center;
    width           : 120px;
    background      : #E0C262;
    color           : #000;
    border-radius   : 40px;
    border-color    : #E0C262;
    margin-bottom   : 30px;
}

.tombolKirim:hover{
    height          : 40px;
    text-align      : center;
    width           : 120px;
    background      : #E0C262;
    color           : #fff;
    border-radius   : 40px;
    border-color    : #fff;
    margin-bottom   : 40px;
}

.author-img {
  width 			: 135px;
  margin-top 		: -75px;
  display: block;				/*ini adalah cara buat nengahin gambar nie*/
  margin-left: auto;			
  margin-right: auto;			
}

.sidebar .author .author-bio p {
  font-size 		: 14px;
  color 			: #888;
}

#sidebar ul {
	list-style: none;
	list-style-type: none;
	display: block;
	margin-left: 0px;
	padding-left: 0px;
}

#judulTabs{
	margin-top: 20px;
}

#gambarTabs{
		width: auto;
		height: auto;
	}

.iconSide{
	margin-top: 0px;
	font-size: 12px;
	padding-top 	: 0px;
	padding-bottom 	: 0px;
	padding-left 	: 0px;
	padding-right 	: 20px;
}


										/*END of Right bar*/

										  /*Searchform*/
.pencari{
	padding: auto;
	margin: auto;
}

.marginUp{
	margin-top: 20px;
}

.marginUp{
	margin-top: 50px;
}
									   /*END of Searchform*/

										  /*biografi*/

#isiGaleri{
		padding-top 	: 50px;
		padding-bottom 	: 50px;
		display 		: block;
		float 			: none;
}

.testimoni{
	margin-left : -55px;
	margin-top  : 55px;
}

.galeri{
	font-size: 32px;
	color: #427DE3;
}

.artikel {
	margin-top 		: 0px;
	margin-bottom 	: 0px;
	margin-left 	: 60px;
	margin-right 	: -20px;
	padding 		: 10px;
}

.lebarindikitdong{
	
}

.testmodal{
	margin-top: 300px;
}

.responsife {
	position  	: 	relative;
	padding-top : 	56.25%;
}

.responsife iframe {
	position 	:absolute;
	top 		:100px;
	left 		:300px;
	width 		:50%;
	height 		:50%;
}

	
.tengah{
		display 		: block;
		padding-left 	: 300px;
		padding-right 	: 300px;
		margin-top 		: 30px;
}

.paging{
	position: relative;
	z-index: 2;
	top: 0px;
}

.daftar{
	border-color: #0B69CC;
	background-color: #0B69CC;
	color: aliceblue;
	font-size: 24px;
	height: auto;
	width: auto;
}

.paket{
	text-align 	: center;
	background 	: #FDFDFD;
	padding 	: 10px;

}

.modal-dialog{
    width 		: 90%;
}

.modal-body {
    max-height: calc(100vh - 200px);
    overflow-y: hidden;
}

.video {
	width: 100%;
	min-height: 300px;
	object-fit: fill;
}

.video2 {
	margin-left: -30px;
	object-fit: fill;
}

.spasi{
	margin-top: 30px;
}

.video-container{
	position 		: relative;
	padding-bottom 	: 56.25%;
	padding-top 	: 30px;
	height 			: 0;
	overflow 		: hidden;
}

.video-container iframe,  .video-container object,  .video-container embed {
	position 	: absolute;
	top 		: 0;
	left 		: 0;
	width 		: 100%;
	height 		: 100%;
}

.lihat a{
	text-decoration: none;
	padding-top: 10px;
}

.openPopup{
	display 		: block;
	margin-top 		: 10px;
	text-align 		: center;
	height 			: 40px;
}

.fullwidth{
	width: 120%;
	margin-left: -10%;
	padding-left: 10px;
	padding-right: 10px;
}

.angkat{
	display: block;
	margin-bottom: -60px;
	padding-bottom: 0px;
}

@media (min-width:768px) {
	  .video iframe {
		position: absolute;
		top: 3%;
		left: 25%;
		width: 50%;
		height: 50%;
	}
    
    .ukuranTombol{
        font-size: 36px;
    }
}

@media (max-width:767px) {
    
    .ukuranTombol{
        font-size: 20px;
    }
}

@media (max-width: 480px){
	
	.logoBella{
		margin-top: 8px;
		padding-left: 25px;
	}
	
	.galeri 	{
		font-size: 32px;
		color: #427DE3;
		margin-top: -70px;
 	}
	
	.testimoni{
		margin-left: 15px;
		margin-top: 125px;
	}
	.testimoni h2{
		margin-left 	: 11px;
		font-size 	 	: 22px;
	}

	.biografi{
		margin-left: 15px;
	}
	.biografi h2{
		margin-left: 11px;
		font-size: 22px;
	}
	
	.responsife {
		position  	: 	relative;
		padding-top : 	56.25%;
		padding-bottom : 	50px;;
 	}

 	.responsife iframe {
		position 	:absolute;
		top 		:0;
		left 		:-35;
		width 		:125%;
		height 		:125%;
	}
	
	.tengah{
		display 	 	: block;
		padding-top 	: 100px;
		padding-left 	: 0px;
		padding-right 	: 0px;
		margin-top 		: 10px;
	}
	
	.tengah2{
		display 	 	: block;
		padding-top 	: 100px;
		padding-left 	: 0px;
		padding-right 	: 0px;
		margin-top 		: 10px;
	}
	
	.avatar{
		position 	: relative;
		z-index 	: 2;
		top 		: -30px;
		left 		: 5px;
		width 		: auto;
		height 		: auto;
	}
	
	.iconArtikelSmall{
		position 	: relative;
		z-index 	: 2;
		top 		: 0px;
		left 		: 0px;
	}
	
	.preview{
		margin-top: -30px;
		padding: 0px;
	}
    
    .preview2{
		padding-top   : 30px;
	}
	
	.paging{
		position 	: relative;
		z-index 	: 2;
		top 		: 0px;
		left 		: 40px;
	}
	
	
	.bio{
		margin-top: 10px;
		padding: 15px;
	}
	
	.tentang{
		position: relative;
		z-index: 2;
	}
	
	.device{
		padding-right: 75px;
	}
}

.dibelakang{
	position: relative;
	z-index: -2;
}

.gradasi {
	color : linear-gradient(90deg, #48A9FE, #0BEEF9);
}

.black{
	color : #000;
}
									   /*END of Searchform*/