body {
    /*font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;*/
	overflow-x: hidden;
    background-color: #fff;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    text-transform: uppercase;
    font-family: "Josefin Slab","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 700;
    letter-spacing: 1px;
    font-size: 14px;
}

p {
    /*! font-size: 1.25em; */
    line-height: 1.6;
    color: #333;
}

.brand,
.address-bar {
    display: none;
}

.img-full {
    min-width: 100%;
}

.navbar-default {
	background-color: transparent;
	border-color: transparent;
}

.navbar-default .navbar-toggle {
    border-color: #fff;
	margin-top: 40px;
}

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color: #0755d3;
    color: #fff;
    font-weight: bold;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #333;
    width: 27px;
    margin-bottom: 6px;
    height: 2px;
}

@media screen and (min-width:768px) {
    .brand {
        display: inherit;
        margin: 0;
        padding: 30px 0 10px;
        text-align: center;
        text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
        font-family: "Josefin Slab","Helvetica Neue",Helvetica,Arial,sans-serif;
        font-size: 5em;
        font-weight: 700;
        line-height: normal;
        color: #fff;
    }

    .navbar-header {
        display: none;
    }

    .navbar {
        min-height: 0;
		margin-bottom: 5px;
    }

    .navbar-default {
        border: none;
        background: none;
    }

    .nav>li>a {
		padding: 5px;
		font-size: 10px;
		}

    .navbar-nav>li>a {
        line-height: normal;
    }

    .navbar-nav {
	    display: table;
	    /*float: none;*/
	    float: right;
	    margin: 0px;
	    table-layout: fixed;
	    font-size: 22px !important;
	    font-weight: bold;
	    letter-spacing: 0.2px;
	    /*! background-color: #94413a; */
	    position: absolute;
	    right: 0px;
	    top: -45px;
	}
}

@media (min-width: 0px) and (max-width: 991px){
	.cont, .slide-detail, .cont-detail, .sidebar-detail {
		width: 100%;
	}
	
	.slide-detail{
		min-height: 410px;
	}
}

/* MEDIA QUERY */

@media (min-width: 0px) and (max-width: 320px) {
	#site-title {
		display: none;
	}
	.navbar-brand {
		padding: 0px;
	}
	
	.logo img {
	    width: auto;
	    padding: 0px;
	    margin-top: 10px;
	    margin-left: 30px;
	    height: 50px;
	}

	p.hot-line{
		display: none;
	}
	
	.navbar {
		min-height: 72px;
		margin-bottom: 0px;
	}
	
	.navbar-nav>li>a {
		padding-top: 10px;
		padding-bottom: 10px;
		line-height: 20px;
		text-align: center;
		font-weight: bold;
	}
	
	.navbar-toggle {
		padding: 9px 10px;
	}

	.navbar-default .navbar-toggle {
	    border-color: #fff;
	    margin-top: 15px;
	    margin-right: 30px;
	    margin-bottom: 15px;
	}
	
	.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
		color: #fff;
		background-color: #0755d3;

	}
	
	.judul{
		font-size: 15px;
		margin-top: -7px;
	}
	
	hr {
		max-width: 200px;
		border-color: #999999;
		margin-top: 0px;
	}
	
	.ig img{
		width: 100%;
	}
	
	.navbar-nav {
		margin: 7.5px -15px;
		letter-spacing: 2px;
		font-size: 13px;
	}
	
	.produk{
		width: 100%;
	}
	
	.event img{
		width: 100%;
		margin-bottom: 0px;
	}
	
	.event{
		margin-bottom: 20px;
	}
	
	.map{
		margin-top: 0px;
	}

	.map iframe{
		width: 100%;
		height: 150px;
	}
	
	.about h1{
		font-size: 20px;
	}
	
	.breadcrumb {
		font-size: 8px;
	}
	
	.detail p small{
		font-size: 10px;
	}

	.detail p i{
		font-size: 3px;
	}
	
	.des p{
		margin: 0px;
	}
	
	.price{
		font-size: 11px;
	}

	.price-disc{
		font-size: 11px;
	}
	
	.footer p{
		font-size: 11px;
	}
	
	.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
		background-color: #FFC5E5;
	}
	
	.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {
		width: 25px;
		height: 25px;
		margin-top: -10px;
		font-size: 18px;
		padding: 0px;
	}
	
	.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next:hover, .carousel-control .icon-prev:hover {
		width: 25px;
		height: 25px;
		margin-top: -10px;
		font-size: 18px;
		padding: 0px;
	}
	
	.fol a{
		margin: 5px;
		font-size: 8px;
	}
	
	.bts img{
		width: 55px;
	}
	
	.bts{
		white-space:nowrap; 
		overflow:hidden; 
		text-overflow:ellipsis;
	}
	
	.produk a,.produk a:hover {
		font-size: 12.4px;
	}
	
	.detail h1 {
		font-size: 17px;
		margin-top: 0px;
	}
	
	.produk-detail-sub{
		width: 30%;
	}
	
	.stock{
		display: none;
	}
	
	.stock2{
		color: #FF56AA;
		letter-spacing: 2px;
	}
	
	.buy{
		width: 45px;
		height: 45px;
		font-size: 13px;
		margin-top: -70px;
		margin-right: 15px;
		padding: 10px;
	}
	
	.crsl-head img{
		width: 100%;
		margin-bottom: 10px;
	}
	
	.crsl-head h1{
		font-size: 17px;
	}
	
}

@media (min-width: 321px) and (max-width: 450px) {

	#site-title{
		display: block;
		font-size: 9px !important;
		margin: 10px 0px 0px 50px !important;
		position: absolute;
	}
	
	p.hot-line{
		font-size: 6px !important;
		position: absolute;
		padding-left: 89px;
		top: 45px;
	}
	
	.navbar-default .navbar-toggle {
    border-color: #fff;
    margin-top: 15px;
    margin-bottom: 15px;
    margin-right: 30px;
 }

	.navbar-brand {
		padding: 0px;
	}
	
	.logo img{
		width: auto;
		padding: 0px;
		margin-top: 10px;
		margin-left: 30px;
		height: 30px;
	}
	
	.navbar {
		min-height: 54px;
		margin-bottom: 0px;
	}
	
	.navbar-nav>li>a {
		padding-top: 10px;
		padding-bottom: 10px;
		line-height: 20px;
		text-align: center;
		font-weight: bold;
	}
	
	.navbar-toggle {
		padding: 0px 1px;
	}
	
	.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
		color: #fff;
		background-color: #0755d3;
	}
	
	.judul{
		font-size: 16px;
		margin-top: -7px;
	}
	
	hr {
		max-width: 180px;
		border-color: #999999;
		margin-top: 0px;
	}
	
	.ig img{
		width: 50%;
		float: left;
	}
	
	.navbar-nav {
		margin: 7.5px -15px;
		letter-spacing: 2px;
		font-size: 13px;
	}
	
	.produk{
		width: 50%;
		float: left;
		height: 207px;
		margin-bottom: 40px;
	}
	
	.event img{
		width: 100%;
		margin-bottom: 20px;
	}
	
	.event{
		margin-bottom: 20px;
	}
	
	.map{
		margin-top: 0px;
	}

	.map iframe{
		width: 100%;
		height: 150px;
	}
	
	.about h1{
		font-size: 20px;
	}
	
	.breadcrumb {
		font-size: 9px;
	}
	
	.detail p small{
		font-size: 11.5px;
	}

	.detail p i{
		font-size: 4px;
	}
	
	.des p{
		margin: 0px;
	}
	
	.price{
		font-size: 11px;
	}

	.price-disc{
		font-size: 11px;
	}
	
	.footer p{
		font-size: 11px;
	}
	
	.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
		background-color: #FFC5E5;
	}
	
	.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {
		width: 30px;
		height: 30px;
		margin-top: -10px;
		font-size: 25px;
		padding: 0px;
	}
	
	.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next:hover, .carousel-control .icon-prev:hover {
		width: 30px;
		height: 30px;
		margin-top: -10px;
		font-size: 25px;
		padding: 0px;
	}
	
	.fol a{
		margin: 5px;
		font-size: 9px;
	}
	
	.bts{
		white-space:nowrap; 
		overflow:hidden; 
		text-overflow:ellipsis;
	}
	
	.bts img{
		width: 60px;
	}
	
	.produk a,.produk a:hover {
		font-size: 10px;
	}
	
	.detail h1 {
		font-size: 17px;
		margin-top: 0px;
	}
	
	.produk-detail-sub{
		width: 31%;
	}
	
	.stock{
		display: none;
	}
	
	.stock2{
		color: #FF56AA;
		letter-spacing: 3px;
	}
	
	.buy{
		width: 45px;
		height: 45px;
		font-size: 13px;
		margin-top: -70px;
		margin-right: 15px;
		padding: 10px;
	}
	
	.crsl-head img{
		width: 100%;
		margin-bottom: 10px;
	}
	
	.crsl-head h1{
		font-size: 20px;
	}
}

@media (min-width: 451px) and (max-width: 560px) {

	.ig img{
		width: 50%;
		float: left;
	}
	
	.navbar {
		min-height: 90px;
		margin-bottom: 0px;
	}
	
	.navbar-nav {
		margin: 7.5px -15px;
		letter-spacing: 2px;
		font-size: 13px;
	}
	
	.produk{
		width: 50%;
		float: left;
		height: 250px;
		margin-bottom: 45px;
	}
	
	.event img{
		width: 100%;
		margin-bottom: 20px;
	}
	
	.event{
		margin-bottom: 20px;
	}
	
	.map{
		margin-top: 0px;
	}

	.map iframe{
		width: 100%;
		height: 250px;
	}
	
	.breadcrumb {
		font-size: 12px;
	}
	
	.detail p small{
		font-size: 13px;
	}

	.detail p i{
		font-size: 5px;
	}
	
	.des p{
		margin: 0px;
	}
	
	.price{
		font-size: 13px;
	}

	.price-disc{
		font-size: 13px;
	}
	
	.footer p{
		font-size: 11px;
	}
	
	.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {
		width: 40px;
		height: 40px;
		margin-top: -10px;
		font-size: 30px;
		padding: 0px;
	}
	
	.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next:hover, .carousel-control .icon-prev:hover {
		width: 40px;
		height: 40px;
		margin-top: -10px;
		font-size: 30px;
		padding: 0px;
	}
	
	.fol a{
		margin: 15px;
	}
	
	.bts{
		white-space:nowrap; 
		overflow:hidden; 
		text-overflow:ellipsis;
	}
	
	.bts img{
		width: 70px;
	}
	
	.produk a,.produk a:hover {
		font-size: 12.4px;
	}
	
	.detail h1 {
		font-size: 19px;
		margin-top: 0px;
	}
	
	.produk-detail-sub{
		width: 31.9%;
	}
	
	.stock{
		display: none;
	}
	
	.stock2{
		color: #FF56AA;
		letter-spacing: 3px;
	}
	
	.buy{
		width: 60px;
		height: 60px;
		font-size: 20px;
		margin-top: -80px;
		margin-right: 15px;
		padding: 12px;
	}
	
	.crsl-head img{
		width: 100%;
		margin-bottom: 10px;
	}
	
	.crsl-head h1{
		font-size: 23px;
	}

}

@media (min-width: 561px) and (max-width: 767px) {
	
	.ig img{
		width: 33.3%;
		float: left;
	}
	
	.footer{
		width: 33.3%;
		float: left;
	}
	
	.navbar-nav {
		margin: 7.5px -15px;
		letter-spacing: 2px;
		font-size: 13px;
	}
	
	.produk{
		width: 33%;
		float: left;
		height: 225px;
		margin-bottom: 45px;
	}
	
	.event img{
		width: 100%;
		margin-bottom: 20px;
	}
	
	.event{
		margin-bottom: 20px;
	}
	
	.map{
		margin-top: 0px;
	}

	.map iframe{
		width: 100%;
		height: 300px;
	}
	
	.breadcrumb {
		font-size: 12px;
	}
	
	.detail p small{
		font-size: 12px;
	}

	.detail p i{
		font-size: 4px;
	}
	
	.des p{
		margin: 0px;
	}
	
	.price{
		font-size: 14px;
	}

	.price-disc{
		font-size: 13px;
	}
	
	.footer p{
		font-size: 10px;
	}
	
	.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {
		width: 43px;
		height: 43px;
		margin-top: -10px;
		font-size: 32px;
		padding: 0px;
	}
	
	.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next:hover, .carousel-control .icon-prev:hover {
		width: 43px;
		height: 43px;
		margin-top: -10px;
		font-size: 32px;
		padding: 0px;
	}
	
	.fol a{
		margin: 15px;
	}
	
	.bts{
		white-space:nowrap; 
		overflow:hidden; 
		text-overflow:ellipsis;
	}
	
	.bts img{
		width: 60px;
	}
	
	.produk a,.produk a:hover {
		font-size: 12.4px;
	}
	
	.detail h1 {
		font-size: 20px;
		margin-top: 0px;
	}
	
	.produk-detail-sub{
		width: 32%;
	}
	
	.stock2{
		display: none;
	}
	
	.stock{
		padding: 10px;
		float: right;
		margin-top: -70px;
	}
	
	.buy{
		padding: 18px;
		width: 80px;
		height: 80px;
		font-size: 24px;
		margin-top: -101px;	
		margin-right: 15px;
	}
	
	.crsl-head img{
		max-width: 50%;
		float: left;
		margin-bottom: 5px;
		margin-right: 10px;
	}
	
	.crsl-head h1{
		font-size: 23px;
	}

}

@media (min-width: 451px) and (max-width: 767px) {
	#site-title{
		display: block;
		margin: 13px 0px 0px 0px !important;
		position: absolute;
		padding-left: 135px !important;
		font-size: 13px !important;
	}
	
	.navbar-brand {
		padding: 0px;
	}
	
	.logo img{
		width: auto;
		padding: 0px;
		margin-top: 10px;
		margin-left: 30px;
		height: 55px;
	}
	
	p.hot-line{
		padding-left: 135px;
		position: absolute;
		top: 63px;
		font-size: 9px;
	}

	.navbar-default .navbar-toggle {
	    border-color: #fff;
	    margin-top: 15px;
	    margin-bottom: 15px;
	    margin-right: 30px;
	}
	
	.navbar {
		min-height: 84px;
		margin-bottom: 0px;
	}
	
	.navbar-nav>li>a {
		padding-top: 10px;
		padding-bottom: 10px;
		line-height: 20px;
		text-align: center;
		font-weight: bold;
	}
	
	.navbar-toggle {
		padding: 15px 15px;
	}
	
	.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
		color: #fff;
		background-color: #0755d3;
	}
	
	.judul{
		font-size: 15px;
		margin-top: -7px;
	}
	
	hr {
		max-width: 200px;
		border-color: #999999;
		margin-top: 12px;
	}
	
	.about h1{
		font-size: 20px;
	}
	
	.breadcrumb {
		font-size: 12px;
	}
	
	.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
		background-color: #FFC5E5;
	}
	
}

@media (min-width: 768px) and (max-width: 991px) {
	
	.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
		color: #333;
		background-color: gold;
		/*border-bottom: 2.5px solid #FF97CC;*/
	}
	
	.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
		color: #333;
		background-color: gold;
		/*border-bottom: 2.5px solid #FF97CC;*/
	}
	
	.judul{
		font-size: 18px;
		margin-top: -5px;
	}
	
	hr {
		max-width: 235px;
		border-color: #999999;
		margin-top: 12px;
	}
	
	.ig{
		padding: 0px;
	}
	
	.ig img{
		width: 100%;
	}
	
	.event img{
		width: 45%;
		margin: 20px;
		float: left;
	}
	
	.event{
		margin-bottom: 20px;
	}
	
	.map{
		margin-top: 40px;
	}

	.map iframe{
		width: 100%;
		height: 300px;
	}
	
	.about h1{
		font-size: 22px;
	}
	
	.about img{
		margin-top: 20px;
	}
	
	.breadcrumb {
		font-size: 12px;
	}
	
	.detail p small{
		font-size: 13px;
	}

	.detail p i{
		font-size: 5px;
	}
	
	.price{
		font-size: 12px;
	}

	.price-disc{
		font-size: 12px;
	}
	
	.footer p{
		font-size: 11px;
	}
	
	.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {
		width: 50px;
		height: 50px;
		margin-top: -10px;
		font-size: 36px;
		padding: 2px;
	}
	
	.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next:hover, .carousel-control .icon-prev:hover {
		width: 50px;
		height: 50px;
		margin-top: -10px;
		font-size: 36px;
		padding: 2px;
	}
	
	.fol a{
		margin: 15px;
	}
	
	.bts{
		white-space:nowrap; 
		overflow:hidden; 
		text-overflow:ellipsis;
	}
	
	.bts img{
		width: 60px;
	}
	
	.produk a,.produk a:hover {
		font-size: 10px;
	}
	
	.detail h1 {
		font-size: 17px;
		margin-top: 0px;
	}
	
	.produk-detail-sub{
		width: 32.5%;
	}
	
	.stock2{
		display: none;
	}
	
	.stock{
		padding: 10px;
		float: right;
		margin-top: -70px;
	}
	
	.buy{
		padding: 10px;
		width: 50px;
		height: 50px;
		font-size: 16px;
		margin-top: -101px;
		margin-right: 15px;
	}
	
	.crsl-head img{
		max-width: 50%;
		float: left;
		margin-bottom: 5px;
		margin-right: 10px;
	}
	
	.crsl-head h1{
		font-size: 20px;
	}
}

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

	.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
		color: #333;
		background-color: gold;
		/*border-bottom: 2.5px solid #FF97CC;*/
	}
	
	.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
		color: #fff;
		background-color: #0755d3;
		/*border-bottom: 2.5px solid #FF97CC;*/
	}
	
	.judul{
		margin-top: -5px;
		font-size: 17px;
	}
	
	hr {
		max-width: 235px;
		border-color: #999999;
		margin-top: 12px;
	}
	
	.ig{
		padding: 0px;
	}
	
	.ig img{
		width: 100%;
	}
	
	.event img{
		height :  31%;
		margin: 20px;
		float: left;
	}
	
	.event{
		margin-bottom: 20px;
	}
	
	.map{
		margin-top: 40px;
	}

	.map iframe{
		width: 100%;
		height: 300px;
	}
	
	.about h1{
		font-size: 22px;
	}
	
	.about img{
		margin-top: 20px;
	}
	
	.breadcrumb {
		font-size: 12px;
	}
	
	.detail p small{
		font-size: 13px;
	}

	.detail p i{
		font-size: 5px;
	}
	
	.price{
		font-size: 12px;
	}

	.price-disc{
		font-size: 12px;
	}
	
	.footer p{
		font-size: 11px;
	}
	
	.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {
		width: 50px;
		height: 50px;
		margin-top: -10px;
		font-size: 37px;
		padding: 0px;
	}
	
	.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next:hover, .carousel-control .icon-prev:hover {
		width: 50px;
		height: 50px;
		margin-top: -10px;
		font-size: 37px;
		padding: 0px;
	}
	
	.fol a{
		margin: 15px;
	}
	
	.bts{
		white-space:nowrap; 
		overflow:hidden; 
		text-overflow:ellipsis;
	}
	
	.bts img{
		width: 70px;
	}
	
	.produk a,.produk a:hover {
		font-size: 12.4px;
	}
	
	.detail h1 {
		font-size: 19px;
		margin-top: 0px;
	}
	
	.produk-detail-sub{
		width: 30%;
	}
	
	.stock2{
		display: none;
	}
	
	.stock{
		padding: 10px;
		float: right;
		margin-top: -70px;
	}
	
	.buy{
		padding: 10px;
		width: 45px;
		height: 45px;
		font-size: 13px;
		margin-top: -60px;
		margin-right: 10px;
	}
	
	.crsl-head img{
		max-width: 50%;
		float: left;
		margin-bottom: 5px;
		margin-right: 10px;
	}
	
	.crsl-head h1{
		font-size: 20px;
	}

}

@media (min-width: 1200px) {

	.navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
		color: #333;
		background-color: transparent;
		border-bottom: 2.5px solid #FF97CC;
	}
	
	.navbar-default .navbar-nav>.active>a{
		color: #333;
		background-color: transparent;
		border-bottom: 2.5px solid #fff;
	}
	
	.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
		color: #fff;
		background-color: #0755d3;
		border-bottom: 2.5px solid black;
		border-top: 2.5px solid black;
	}
	
	.judul{
		font-size: 20px;
		margin-top: -5px;
	}
	
	hr {
		max-width: 235px;
		border-color: #999999;
		margin-top: 12px;
	}
	
	.ig{
		padding: 0px;
	}
	
	.ig img{
		width: 100%;
	}
	
	.event img{
		height: 40%;
		margin: 0px 20px 20px 0px;
		float: left;
	}
	
	.event{
		margin-bottom: 20px;
	}
	
	.map{
		margin-top: 40px;
	}

	.map iframe{
		width: 100%;
		height: 350px;
	}
	
	.about h1{
		font-size: 23px;
	}
	
	.about img{
		margin-top: 0px;
	}
	
	.breadcrumb {
		font-size: 12px;
	}
	
	.detail p small{
		font-size: 12px;
	}

	.detail p i{
		font-size: 5px;
	}
	
	.price{
		font-size: 15px;
	}

	.price-disc{
		font-size: 15px;
	}
	
	.footer p{
		font-size: 11px;
	}
	
	.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {
		width: 50px;
		height: 50px;
		margin-top: -10px;
		font-size: 30px;
		padding: 5px;
	}
	
	.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next:hover, .carousel-control .icon-prev:hover {
		width: 50px;
		height: 50px;
		margin-top: -10px;
		font-size: 30px;
		padding: 5px;
	}
	
	.fol a{
		margin: 15px;
	}
	
	.bts img{
		width: 70px;
	}
	
	.produk a,.produk a:hover {
		font-size: 12.4px;
	}
	
	.detail h1 {
		font-size: 23px;
		margin-top: 0px;
	}
	
	.produk-detail-sub{
		width: 31%;
	}
	
	.stock2{
		display: none;
	}
	
	.stock{
		padding: 10px;
		float: right;
		margin-top: -70px;
	}
	
	.buy{
		padding: 10px;
		width: 45px;
		height: 45px;
		font-size: 13px;
		margin-top: -70px;
		margin-right: 15px;
	}
	
	.crsl-head img{
		max-width: 50%;
		float: left;
		margin-bottom: 5px;
		margin-right: 10px;
	}
	
	.crsl-head h1{
		font-size: 20px;
	}

}

/* END */

.price{
	letter-spacing: 3px;
}

.price-disc{
    color: #0755d3;
    letter-spacing: 3px;
    text-decoration: line-through;
    /*float: left;*/
    margin-right: 10px;
}

.box{
	margin-bottom: 30px;
	margin-top: 20px;
}

.navbar-default .navbar-nav>li>a {
    color: #0755d3;
}

.menu li, .judul{
	text-transform: uppercase;
}

.judul, .sub{
	letter-spacing: 6px;
}

.sub{
	font-size: 10px;
}

footer{
	margin-top: 0px;
	border-top: 2px solid #0044b3;
	padding: 20px;
}

h3.judul-footer{
	text-align: center;
	font-size: 13px;
}

hr.footer-hr {
    max-width: 160px;
    margin-top: 0px;
    border-top: 2px solid white;
    border-bottom: 2px solid white;
}

.footer p{
	text-align: center;
	margin: 0 0 0px;
	letter-spacing: 2px;
    color: white;
}

.footer a{
	color: white;
}
.footer a:hover{
	color: gold;
}

.sosial img{
	width: 25px;
}

img.sosmed2{
	width: 15px;
}

.sosial:hover, .ig:hover{
	opacity: 0.7;
}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
    color: #333;
    background-color: #fff;
}

.dropdown-menu>li>a {
    display: block;
    padding: 15px 14px;
    clear: both;
    font-weight: bold;
    line-height: 1.428571;
    color: #0755d3;
    white-space: nowrap;
    font-size: 11.5px;
    text-align: center;
}

.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
    color: #262626;
    text-decoration: none;
    background-color: #DEDEDE;
}

.navbar-default .navbar-nav .open .dropdown-menu>li>a {
    color: #333;
}

.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
    color: #333;
	background-color: #FFD6EB;
}

.produk img{
	width: 100%;
}

.produk{
	border: 0px solid #FFC5E5;
	padding: 0px 10px 10px 10px;
}

.produk a{
	text-transform: uppercase;
	letter-spacing: 2px;
	color: #FF56AA;
	text-decoration: none;
}

.produk a:hover{
	text-transform: uppercase;
	letter-spacing: 2px;
	color: #C50564;
	text-decoration: none;
}

.header{
	background: #FF56AA;
	text-align: center;
	padding: 3px;
	height: 30px;
	position: fixed;
	z-index: 1000;
	width: 100%;
}

.header b{
	color: #fff;
	font-size: 10px;
	text-transform: uppercase;
}

.header a{
	color: #fff;
}

.header a:hover{
	opacity: 0.9;
}

.navbar-nav>li>.dropdown-menu {
    margin-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom: 3px solid #0755d3;
}

.brand img {
    width: 150px;
    float: left;
    padding: 0px;
    margin-top: -16px;
    /*! background-color: #94413a; */
    margin-left: 30px;
}

footer{
	/*background: url('../../psimg/img/footer.jpg') no-repeat center center;*/
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size: cover;
	background-color: #0755d3;
}

/* Shrink */
.hvr-shrink {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: transform;
	transition-property: transform;
	margin-bottom: 6px;
}
.hvr-shrink:hover, .hvr-shrink:focus, .hvr-shrink:active {
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
}

.produk-detail{
	/*border: 1px solid #FFC5E5;
	padding: 10px;*/
	margin: 3px;
	margin-bottom: 10px;
}

.detail{
	border-bottom: 1px solid #FFC5E5;
	padding: 10px;
	margin: 3px;
	margin-bottom: 10px;
}

.produk-detail-sub{
	border: 1px solid #FFC5E5;
	padding: 5px;
	margin: 3px;
	margin-bottom: 10px;
}

.produk-detail img, .produk-detail-sub img{
	width: 100%;
}

.detail h1{
	letter-spacing: 5px;
}

.detail h3 small{
	letter-spacing: 2px;
    font-weight: bold;
	font-size: 15px;
}

.detail p small{
	letter-spacing: 2px;
    font-weight: bold;
	padding-left: 10px;
}

.detail p i{
	padding-left: 10px;
}

.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {
    color: #fff;
    background-color: transparent;
	padding: 0px;
	opacity: 1;
}

.sub-img>li>a{
	padding: 0px;
	opacity: 0.55;
}

.sub-img>li>a:hover, .sub-img>li>a:active{
	padding: 0px;
	opacity: 1;
}

.detail h3{
	margin-top: 0px;
}

.content p{
	font-size: 13px;
	line-height: 30px;
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
    color: #333;
}

.event{
	border-bottom: 1px solid #0755D3;
	padding-bottom: 15px;
}

.event h1{
	letter-spacing: 5px;
	font-size: 17px;
	margin-bottom: 3px;
	color: black;
}

.event a{
	text-decoration: none;
}

.event a h1:hover{
	color: goldenrod;
	text-decoration: none;
}

.event p{
	font-size: 12.5px;
	line-height: 27px;
	margin-top: 5px;
	text-align: justify;
}

.tgl{
	font-size: 11px;
	letter-spacing: 1px;
	color: #333;
}

.tgl b{
	margin-right: 10px;
}

.sbt{
	font-size: 9px;
	letter-spacing: 1px;
	color: #333;
}

.sbt b{
	margin-right: 10px;
	margin-top: 10px;
}

.bts p{
	font-size: 10px;
}

/* paging */

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    z-index: 3;
    color: white;
    cursor: default;
    background-color: #0755d3;
    border-color: black;
}
.pagination>li>a, .pagination>li>span {
    position: relative;
    float: left;
    padding: 3px 11px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #0755d3;
    text-decoration: none;
    background-color: black;
    border: 1px solid black;
    border-radius: 50%;
    margin: 2px;
    height: 30px;
    width: 30px;
}

.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  z-index: 2;
  color: white;
  background-color: #0755d3;
  border-color: black;
}

ul.pagination a{
	color: #FF74BB;
	text-decoration: none;
}

ul.pagination a:hover{
	color: #fff;
	text-decoration: none;
}

ul.pagination{
	font-size: 13px;
}

.pagination>li:last-child>a, .pagination>li:last-child>span {
    border-top-right-radius: 50%;
    border-bottom-right-radius: 50%;
}

.pagination>li:first-child>a, .pagination>li:first-child>span {
    margin-left: 0;
    border-top-left-radius: 50%;
    border-bottom-left-radius: 50%;
}

/* end */

.map-detail h1{
	font-size: 16px;
	letter-spacing: 4px
}

.map-detail h3{
	letter-spacing: 2px;
	font-size: 12px;
	margin-bottom: 2px;
}

.map-detail p strong{
	letter-spacing: 2px;
	font-size: 12px;
}

.map-detail p b{
	letter-spacing: 2px;
	font-size: 12px;
}

.map-detail label{
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.form-control {
    display: block;
    width: 100%;
    height: 32px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 0px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.form-data{
	margin-top: 15px;
}

.btn-submit {
	display: inline-block;
	padding: 6px 12px;
	margin-bottom: 0;
	font-size: 11px;
	font-weight: bold;
	line-height: 1.42857143;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-image: none;
	border-radius: 0px;
}

.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.about img{
	width: 70%;
	margin-left: 15%;
}

.about p{
	font-size: 13.5px;
    line-height: 30px;
}

.about h1{
	letter-spacing: 5px;
    margin-top: 10px;
	text-align: center;
}

.alert-danger {
    color: #ffffff;
    background-color: #0755d3;
    border-color: rgb(255, 235, 59);
    font-size: 13px;
    border-radius: 3px;
}

.breadcrumb {
    padding: 8px 15px;
    margin-bottom: 20px;
    list-style: none;
    background-color: #0755d3;
    border-radius: 0px;
    color: #fff;
}

.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 0;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 9px;
}

.breadcrumb>li+li:before {
    padding: 0 5px;
    color: #ccc;
    content: "";
}

.carousel-indicators .active {
    width: 20px;
    height: 20px;
    margin: 0;
    background-color: rgb(7, 85, 211);
}

.carousel-indicators li {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 1px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #92d9e2;
    border: 0px solid #fff;
    border-radius: 10px;
}

.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {
    border: 3px solid #0755d3;
    border-radius: 50%;
    color: #0755d3;
}
	
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next:hover, .carousel-control .icon-prev:hover {
	background: #0755d3;
	border: 2px solid #000;
	border-radius: 50%;
	color: #fff;
}

.fol{
	display: table;
    margin: auto;
    width: auto;
	margin-top: 0px;
}

.fol a{
	margin-top: 4px;
}

.fol a:hover{
	margin-top: 4px;
}

.panel-default>.panel-heading {
    color: #333;
    background-color: #f5f5f5;
    border-bottom: 2px solid #ddd;
}

.panel-heading {
    padding: 10px 15px;
    border-bottom: 2px solid #0755d3;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    background: #F1F1F1;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    font-size: 11.3px;
    font-weight: bold;
}

.bts {
    background-color: #fff;
    border: 1px solid #ddd;
	padding: 10px;
	margin-top: 10px;
}

.bts a{
	font-size: 11px;
	font-weight: bold;
	letter-spacing: 1px;
	text-decoration: none;
	line-height: 18px;
    color: black;
}

.bts a:hover{
	font-size: 11px;
	font-weight: bold;
	letter-spacing: 1px;
	text-decoration: none;
	line-height: 18px;
	color: goldenrod;
}

.bts img{
	margin: 5px 10px 10px 0px;
	float: left;
}

.label:hover{
	background: #92d9e2;
}

.all-event{
	margin-top: 10px;
}

.all-event a{
	color: #333;
    font-size: 10px;
    letter-spacing: 1.5px;
    font-weight: bold;
	text-decoration: none;
}

.btn{
	border-radius: 0px;
}

.btn-default:hover {
    color: #333;
    background-color: #F1F1F1;
}

.detail-event img{
	margin: 20px 20px 20px 0px;
}

.cate a{
	font-size: 11px;
	font-weight: bold;
	letter-spacing: 1px;
	text-decoration: none;
	line-height: 18px;
	color: #FF71B8;
}

.list-group-item:first-child {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

.list-group-item:last-child {
    margin-bottom: 0;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}

ul.pagination span{
	font-size: 13px;
	font-weight: bold;
	padding: 5px 0px 5px 0px;
}

.stock p{
	margin-bottom: 0px;
}

.stock, .stock2{
	text-transform: uppercase;
}

.stock{
    background: #0755d3;
    border-bottom: 5px solid #0755d3;
    box-shadow: 6px 4px 6px 0px black;
}

.new-cust p, .crsl-head p{
	font-size: 13px;
	line-height: 30px;
}

.new-cust h1{
	letter-spacing: 2px;
	font-weight: bold;
	font-size: 15px;
}

.garis-new{
	border-top: 1px solid #DADADA;
	border-bottom: 1px solid #fff;
	margin-bottom: 10px;
}

.well-sm {
    padding: 9px;
    border-radius: 0px;
}

.well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: 1px solid #ECECEC;
    border-radius: 0px;
    -webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,.05);
    box-shadow: inset 0 0px 0px rgba(0,0,0,.05);
}

.new-cust label{
	font-size: 12px;
}

.crt{
	font-size: 11px;
	text-transform: uppercase;
	margin-bottom: 5px;
}

.conf h1{
	letter-spacing: 2px;
    font-weight: bold;
    font-size: 17px;
}

.conf h3{
	letter-spacing: 2px;
    font-weight: bold;
	font-size: 11px;
	margin-top: 15px;
}

.conf td, .conf p, .conf th{
	font-size: 13px;
}

.tbl-cent th, .tbl-cent td{
	text-align: center;
}

.buy{
    border-radius: 50%;
	background: #FFE25A;
    text-align: center;
    line-height: 1.9;
    color: #333;
    text-transform: uppercase;
    float: right;
	z-index: 100;
	position: relative;
	top: 280px;
}

.buy:hover{
	background: #EC653C;
    color: #fff;
}

a.box-keranjang{
	margin-left: 0px;
}

.text-bag:hover, a.box-keranjang:hover{
	text-decoration: none;
}

a.text-bag{
	margin-right: 0px;
}

.list{
	float: right;
}

.box-silang{
	background: #F0AD4E;
    padding: 6px;
    color: #F91D1D;
}

.crsl-head{
	margin-bottom: 3px;
}

.crsl-head h1{
    letter-spacing: 3px;
    margin-top: 0px;
	margin-bottom: 2px;
    color: #FF56AA;
}

.foot{
	background: #b7ecf2;
	padding: 5px;
	color: #0755d3;
	font-size: 8px;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: bold;
}

/* ETALAGE */

#example2{
	display: none;
	margin-bottom: 50px;
	margin-top: 50px;
}

#example2 .etalage_thumb{
	border: 1px solid #666;
	padding: 0;
	-webkit-box-shadow: 0 0 10px #ddd;
	-moz-box-shadow: 0 0 10px #ddd;
	box-shadow: 0 0 10px #ddd;
}

#example2 .etalage_zoom_area,
.etalage_zoom_area{
	border: 1px solid #666;
	padding: 0;
	-webkit-box-shadow: 0 0 10px #ddd;
	-moz-box-shadow: 0 0 10px #ddd;
	box-shadow: 0 0 10px #ddd;
}

#example2 .etalage_magnifier{
	background: #666;
	border: 1px solid #333;
}

#example2 .etalage_icon{
	width: 24px;
	height: 24px;
}

/*
 * ------------------------------------ FUNCTIONALITY --------------------------------------
 * The following CSS serves to make Etalage function properly. Don't edit or edit carefully.
 * -----------------------------------------------------------------------------------------
 */

.etalage, .etalage_thumb, .etalage_thumb_image, .etalage_source_image, .etalage_zoom_preview, .etalage_icon, .etalage_hint{ display:none }
.etalage, .etalage ul, .etalage li, .etalage img, .etalage_hint, .etalage_icon, .etalage_description{ margin:0; padding:0; border:0; list-style:none }
.etalage, .etalage_magnifier div, .etalage_magnifier div img, .etalage_small_thumbs ul, ul .etalage_small_thumbs li, .etalage_zoom_area div, .etalage_zoom_img{ position:relative }
.etalage img, .etalage li{ -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -o-user-select:none; user-select:none; -webkit-user-drag:none; -moz-user-drag:none; user-drag:none }
.etalage, .etalage_small_thumbs li{ float:left }
.etalage_right{ float:right }
.etalage li{ position:absolute; padding: 2px; }
.etalage img{ vertical-align:bottom; max-width:none }
.etalage_magnifier{ cursor:default }
.etalage_magnifier div, .etalage_small_thumbs{ overflow:hidden }
.etalage_magnifier div img{ display:none }
.etalage_icon, .etalage_hint{ cursor:default; width:0; height:0; overflow:hidden }
.etalage_small_thumbs li.vertical{ float:none }
.etalage_zoom_area{ z-index:996 }
.etalage_zoom_area div{ overflow:hidden; z-index:997 }
.etalage_zoom_preview{ position:absolute; z-index:998 }
.etalage_zoom_img, .etalage_hint{ z-index:999 }
.etalage{ direction:ltr ; margin-bottom: 10px;}
div.etalage_description{ position:absolute; bottom:0; left:0; z-index:999 }
div.etalage_description.rtl{ direction:rtl; text-align:right }

img.etalage_source_image{
	margin-bottom: 20px;
}

/* END */

.share img{
	width: 15px;
	height: 15px;
	margin: 10px 5px 0px 5px;
}

/*new*/
.logo-miranti-batik-jogja{
	background-image: url("../../psimg/img/Untitled.png");
}
.col-sm-12.text-center {
    color: #0755d3;
}
.custom-nav {
    background-color: #92d9e2;
    /*    margin-left: -250px;
    margin-right: -250px;*/
    border-bottom: 2px solid #ffffff;
}
a.col-sm-12.list-group-item {
    color: #0755d3;
}
.small, small {
    color: #0755d3;
}

img.img-order {
    width: 50%;
    margin-left: 25%;
}

h1.head-rule-order {
    text-align: -webkit-center;
}

.label-warning {
    background-color: #0755d3;
}


@media (min-width: 768px) and (max-width: 1200px) {
	#site-title{
		display: block;
		font-size: 14px !important;
		padding-left: 154px !important;
		margin-top: -24px !important;
	}

	p.hot-line{
		padding-left: 154px;
	}
	.navbar-nav {

	    display: table;
	    float: none;
	    float: right;
	    margin: 0px;
	    table-layout: fixed;
	    font-size: 1.05em;
	    font-weight: bold;
	    letter-spacing: 0.2px;

	}
}

@media (min-width: 768px) and (max-width: 992px) {
	#site-title{
		display: block;
	}
}