/*font declare*/
@font-face {
	font-family: backToDemo;
	src: url(../fonts/BacktoBlackDemo.ttf);
}

/*breadcrumb*/
.breadcrumb{
	margin-top: 10px;
}

.konten{
	width: 200px;
	height: 300px;
	background-color: #f8f8fa;
	box-shadow: 5px 5px 5px #e5e6eb;
}
/*=====================================*/

/*CSS UNTUK HOVER UKURAN BAJU*/
.caption{
	width: 200px;
	height: 300px;
	color: black;
	background-color: #e5e6eb;
	position: absolute;
	z-index: 9998;
	margin-top: -300px;
	margin-left: auto;
	opacity: 0;
}

.caption h5{
	margin-top: 150px;
}

.caption:hover{
	opacity: 0.7;
}
/*========================================*/

/*CSS UNTUK MENAMPUNG KONTEN DARI PRODUK*/
.barang{
	width: 200px;
	float: left;
	margin-left: 50px;
	margin-bottom: 20px;
}
/*==========================================*/

/*BUTTON LIHAT DETAIL*/
.btn-outline {
	background-color: transparent;
	color: inherit;
	transition: all .5s;
}

.btn-primary.btn-outline {
	color: #428bca;
}

.btn-primary.btn-outline:hover{
	color: #fff;
}
/*===============================*/

/*UNTUK MEMBERSIHKAN FLOAT DI HALAMAN*/
.clear{
	clear: both;
}
/*====================================*/

/*border*/
/*.col-md-12, .col-md-4, .col-md-3 {
	border: 1px solid black;
}
.col-md-4 {
	height: 500px;
}

.col-md-3 {
	height: 200px;
	}*/
	/*border*/


	/*navbar*/
	.container-navbar {
		margin-bottom: 50px;
	}
	.add-on .input-group-btn > .btn {
		border-left-width:0;left:-2px;
		-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
		box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	}

	.dropdown-login {
		width: 300px;
		padding: 20px;
	}

	.btn-login {
		width: 100%;
	}

	.navbar{
		background-color: #fff;
		z-index: 9999;
	}

	.navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li>a:hover{
		color: #187ac0;
	}

	.navbar-inverse .navbar-nav>li>a{
		color: #252525;
	}
	.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover {
		background-color: #187ac0;
	}

	.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover{
		background-color:  #187ac0;
	}

	.navbar-brand{
		padding: 5px 5px;
		border: none;
	}
	/*navbar*/
	/*carousel*/
	.container-carousel {
		padding: 0px;
		margin-bottom: 50px;
	}

	.carousel-indicators {
		bottom: -50px;
	}

	.carousel-indicators li {
		border-color:#999;
		background-color:#ccc;
	}

	.carousel-inner {
		margin-bottom:50px;
	}

	.carousel img {
		min-width: 100%;
	}
	/*carousel*/
	/*content*/
	.promo img {
		height: 100%; 
		width:100%;
		object-fit: contain;
		margin: auto;
		/*border: 1px solid black;*/
	}

	.container-content .row{
		margin-left: 45px;
		margin-right: 15px;
	}

/*.im-centered{
	margin: auto;
	width: 100%;
}

@media(max-width: 768px){
	.im-centered{
		margin-left: -15px;
		margin-right: -15px;
	}
	}*/

/*.im-centered-second{
	margin-left: 13px;
	width: 100%;
}

@media(max-width: 768px){
	.im-centered-second{
		margin-left: -30px;
	}

	.categories{
		height: 100%;
		width: 100%;
	}
	}*/



	.dua{
		width: 350px;
		height: 250px;	
	}

	.dua img{
		height: 100%; 
		width:100%;
		object-fit: contain;
	}

	.promo {
		padding: 0px;
		width: 350px;
		height: 500px;
		margin: auto;
	}

	@media(max-width: 768px){
		.dua{
			width: 100%;
			height: 100%;
			margin: auto;
		}

		.promo{
			width: 100%;
			height: 100%;
			margin: auto;
		}
	}

	.categories img {
		height: 100%;
		margin: auto;
	}


	.categories {
		height: 100%;
	}

	.background-categories{
		background-color: #79eae1;
	}

	/*categories font*/
	.categories h3, .title{
		color: #187ac0;
		font-family: 'backToDemo';
	}

	.container-content h3:hover{
		color: #ffbf00;
	}

	.container-footer{
		min-height: 200px;
		background-color: #187ac0;
		color: white;
		text-align: justify;
	}

	.container-footer .row .col-md-3>ul>li>a{
		color: white;
	}

	.container-footer .row .col-md-3>ul{
		list-style-type: none;
		display: block;
		/*margin-left: 0px;*/
	}

	/*Icon Media Social*/
	.icon-social{
		width: 30px;
	}

	.style-list{
		display: inline;
	}

	.style-list img{
		padding-top: 20px;
		width: 45px;
		margin-left: 12px;
	}

	/*description product*/
	.description-images .carousel-control.right {
		background-image: none;
	}

	.description-images .carousel-control.left{
		background-image: none;
	}
	/*end description product*/

	/*text align for description*/
	.col-md-5 p{
		text-align: justify;
	}
	/*end text align for descripton*/

	/*price color*/
	.price-color{
		color: #187ac0;
	}
	/*end price color*/

	/*image store*/
	.image-store img{
		width: 100%;
	}

	.col-md-8 p{
		text-align: justify;
	}

	.col-md-8>ul{
		list-style-type: none;
	}

	.col-md-8>ul li{
		display: inline;
		margin-left: 20px;
	}
	/*end image store*/

	/*footer, remove background for footer*/
	.container-footer .list-group .list-group-item{
		background-color: transparent;
		border: none;
		color: #fff;
	}

	.container-footer .list-group a:hover{
		color: #ffbf00;
	}