/*
#------------------------------------------------------------------------
# Music State - October Joomla! template (for Joomla 2.5)
#
# Copyright (C) 2007-2013 Gavick.com. All Rights Reserved.
# License: Copyrighted Commercial Software
# Website: http://www.gavick.com
# Support: support@gavick.com 
*/

/* Here you can include your override CSS styles */

@import url("../fonts/din/stylesheet.css");


/* sendiri */
.quantity-controls,
.quantity-box {
	visibility: hidden;
}
.vm-button-correct,
input.addtocart-button {
  background: #e74c3c !important;
  color: #fff !important;
  display: inline-block !important;
  padding: 5px 20px !important;
  text-decoration: none !important;
  text-transform: uppercase;
  font-weight: bold;
  border: none !important;
  border-radius: 5px !important;
  height: 60px !important;
  line-height: 18px;
  font-size: 14px;
  display: block;
  float: right;
  
}
.vm-button-correct:hover,
input.addtocart-button:hover {
	background: #000 !important;
}
input.addtocart-button {
	margin-right: 8px;
}
.slider_camera {
	width: 80% !important;
	margin: 0 auto !important;
	border: 1px solid red;
}
.browse-view .horizontal-separator,
.vm-img-desc,
.browse-view .orderby-displaynumber,
.item-pageshop_page .contentheading,
.item-pageshop_page .article-tools {
	display: none;
	visibility: hidden;
}
 
#list_produk {
	float: right;
	margin-top: -40px;
	display: block;
	width: 85%;
	margin-bottom: 20px;
	margin-left: 70px;
	
}
#produk_box {
	display: block;
	width: 116px;
	height: 150px;
	float: left;
	margin-bottom: -35px;
	
}

#produk_box.link_info a {
	background: #000;
	color: #fff;
	text-align: center;
	text-transform: uppercase;
	height: 81px;
	width: 111px;
	display: block;
	font-size: 12px;
	padding-top: 30px;
}

#produk_box.kat {
	margin-bottom: -24px;
}

.batas_kategori {
	margin-bottom: -14px;
}
.browse-view { margin-top: 100px;}
.browse-view > .row {
	margin-bottom: 5px;
}
.browse-view a,
#produk_box a {
	color: #000;
	text-decoration: none;
}
.browse-view .product a > img {
	border: 1px solid #ccc;
	width: 119px;
	height: auto;
}
.browse-view .product {
	
	margin-right: 3px;
}
.browse-view .row {
	margin-left: 18px;
	margin-top: -12px;
}
#produk_box a img {
	width: 109px;
	height: auto;
	border: 1px solid #ccc;
}
.product .spacer .center span,
#produk_box a span {
	background: url(../images/trans-w.png);
	width: 109px;
	height: 55px;
	padding: 5px;
	margin-top: -65px;
	position: relative;
	display: none;
	font-family: 'NovecentowideUltraLightBold',Arial,sans-serif;
	font-size: 10px;
	text-align: left;
}
.product .spacer .center span a {
	margin-left: 7px;
	display: block;
	font-size: 10px;
}
.product .spacer .center:hover span,
#produk_box a:hover span {
	display: block;
}
#produk_detail h1,
.browse-view h1 {
	border-bottom: 1px solid #cac9c9;
	padding-bottom: 10px;
	margin-bottom: 15px;
	font-size: 16px;
}
.kategori_judul,
.vm_judul {
	
	font-family: 'NovecentowideUltraLightBold',Arial,sans-serif;
	font-weight: normal;
	display: block;
	
}
.vm_judul {
	font-size: 20px;
	margin-bottom: 50px !important;
	color: #000;
}
.kategori_judul {
	font-size: 20px;
	color: #8d8d8d;
	text-align: right;
	white-space:nowrap;
	display:block;
	width:170px;
	height:20px;	
	float: left;	
	position: relative;
	top: 90px;	
	line-height: 20px;
	text-indent: 8px;
	text-transform: uppercase;
	font-family: 'Raleway',Arial,sans-serif;
	
}



.back-to-category a {
  background: #e74c3c;
  color: #fff !important;
  display: inline-block;
  
  padding: 5px 20px;
  text-decoration: none;
  text-transform: uppercase;
  border: none;
  
}
.back-to-category {
	margin-top: -105px;
}
.box_gambar {
	background: #fff;
	padding: 10px;
	padding-top: 31px;
	
}
.box_warna {
	padding: 65px 10px 10px 10px;
	background: #fff;
	
}
.area_deskripsi {
	
	padding-top: 56px;
}
.area_deskripsi h5 { margin-bottom: 35px;}
.area_deskripsi p {
	background: #efeeef;
	padding: 15px;
	font-size: 12px;
	line-height: 16px !important;
	margin-top: -20px;
}
.area_deskripsi span {
	font-size: 12px !important;
	color: inherit !important;
}

.tombol_cart { margin-top: 0px;}
.more_dari_kategori { text-transform: uppercase;}

#kerangka_bawah {
	margin-top: 20px;
	padding-left: 10px;
}
#kerangka_bawah #produk_box {
	margin-right: 3px;
	margin-bottom: -30px;
}


.box_warna #produk_box {
	width: 86px;
	margin-right: 10px;
	margin-bottom: -50px;
}
.box_warna #produk_box span {
	
	width: 76px;
}
.box_warna #produk_box img {
	width: 86px;
	height: 86px;
}
.spacer-buy-area {
	padding: 10px 0px !important;
}
.spacer-buy-area h3 {
	font-weight: normal;
	color: #000;
	font-size: 20px;
}
/*.spacer-buy-area p {
	margin-bottom: -20px !important;
}*/

.continue_link,
.error {
	display: none;
	visibility: hidden;
}
.main-image {
	text-align: left;
	margin-top: -36px !important;
}

#system-message > .message > ul {
	background: none !important;
	border: none;
	color: #feba0f !important;
}
#system-message > dd {
	text-indent: 0px;
	font-weight: normal;
	
}
.cart-view > div {
	border-bottom: 1px solid #e9e8e8;
}
.billto-shipto {
	border-top: none;
}
table.cart-summary th {
	background: none !important;
}
.checkout-button-top,
.customer-comment {
	border: none;
}
.customer-comment {
	text-align: left;
}
.customer-comment .customer-comment {
	height: 150px;
	width: 500px;
}
.checkout-button-top {
	margin-top: -43px;
}
.breadcrumbs {
	font-family: 'NovecentowideNormalRegular';
	font-size: 10px;
}
.breadcrumbs > strong {
	font-weight: normal;
}
fieldset.only {
	display: none;
}



h2.solid_range {
	margin-left: 180px;
	color: #e64336;
}
h2.solid_range.kategori_view {
	display: inline;
	margin-right: 20px;
}
.tampilan_kategori {
	display: inline;
	font-size: 20px;
	color: #8d8d8d;
	text-transform: uppercase;
	font-family: 'Raleway',Arial,sans-serif;
}
.productdetails p {
	line-height: 25px;
	margin-bottom: -10px;
}
.search_vm {
	text-align: right;
	width: 250px;
	float: right;
	margin-top: -50px;
	margin-right: 95px;
}
.search_vm input {
	background: #e74c3c !important;
	color: #fff;
	border: none;
	height: 30px !important;
	line-height: 30px;
	border-radius: 0px !important;
	width: 250px;
}


/* vm kategori depan */

#gkTop1 {
	
	padding-bottom: 100px;
	margin-top: -70px;
	position: relative;
	z-index: 20;
}

#vm_front_cat {
	width: 100%;
	padding: 0px;
	display: block;
	text-align: center;
}
#vm_front_cat .image-title {
	float: left;
	color: #000;
	position: absolute;
	margin-left: -12%;
	margin-top: 10%;
}

#vm_front_cat li {
	margin: 0px 8px 8px 0px;
	padding: 0px !important;
	width: 13.5%;
	height: auto;
	display: inline-block;
	border: 1px solid #e3e3e3;
}
#vm_front_cat li img {
	width: 100%;
	height: auto;
	margin-bottom: -9px !important;
}


#text_vm_cat {
	width: 80%;
	margin: 0 auto;
	text-align: center;
	margin-bottom: 50px;
}

#gkLogin,
#gkFooter {
	display: none;
}

/* kategori k2 */

/*.kategori_k2 { border: 1px solid #dbdbdb; width: 100%; height: 100%; overflow:hidden;}*/
.kategori_k2 .gkGridElement {
	float: left;
	height: 50%; width: 32.3333333333%; left: 0%; top: 0%;
	border: 1px solid #dbdbdb; 
	
}

.kategori_k2 .gkGridElement .gkArtContentWrap {  }
.kategori_k2 .gkGridElement:hover .gkArtContentWrap { border: none;}

.kategori_k2 .gkGridElement:nth-child(6n+6),
.kategori_k2 .gkGridElement:nth-child(6n+5),
.kategori_k2 .gkGridElement:nth-child(6n+4) { 
	
}

.kategori_k2 .gkGridElement:nth-child(6n+6):hover .gkArtContentWrap,
.kategori_k2 .gkGridElement:nth-child(6n+5):hover .gkArtContentWrap,
.kategori_k2 .gkGridElement:nth-child(6n+4):hover .gkArtContentWrap { border: none;}

.kategori_k2 .gkGridElement:nth-child(6n+6) .grid-left-img .nspImageWrapper,
.kategori_k2 .gkGridElement:nth-child(6n+5) .grid-left-img .nspImageWrapper,
.kategori_k2 .gkGridElement:nth-child(6n+4) .grid-left-img .nspImageWrapper {
	background: #fff;
	float: right;
	width: 50%!important;
}



.kategori_project .kotak {
	width: 199px;
	height: 199px;
	display: block;
	float: left;
	overflow: hidden !important;
}

.kategori_project .kotak h4 {
	padding: 10px;
	display: block;
	margin-top: -200px;
	font-size: 16px;
	text-transform: uppercase;
	position: relative;
	z-index: 10;
	visibility: hidden;
}

.kategori_project .kotak .dark {
	background: url('../images/dark.png');
	width: 100%;
	height: 100%;
	display: block;
	float: left;
	position: relative;
	margin-top: -210px;
	visibility: hidden; 
}
.kategori_project .kotak:hover .dark,
.kategori_project .kotak:hover h4 {
	visibility: visible;
}
.kategori_project .kotak h4 a { color: #fff !important; text-shadow: 1px 1px 1px #000;}



#gkBottom3 .gkSectionNav {
	visibility: hidden;
}
.newsletter { margin-top: -30px !important;}






.newsletter input[type="text"] {
	background: transparent;
	border: 1px dashed #bbb;
	color: #fff;
	display: block;
	float: none;
	font-size: 16px;
	font-weight: 400;
	height: 62px;
	line-height: 63px;
	margin: 0 auto;
	text-align: center;
	text-transform: uppercase;
	width: 65%;
}

.newsletter input[type="text"]::-webkit-input-placeholder {
    color: #fff;
}
.newsletter input[type="text"]:-moz-placeholder {
    color: #fff;
}
.newsletter input[type="text"]::-moz-placeholder {
    color: #fff;
}
.newsletter input[type="text"]:-ms-input-placeholder {
    color: #fff;
}


#gkBottomSection {
	background-image: none !important;
	background-color: #000;
}


/* cart &detail page */

.popup_cart {
	text-align: center;
	padding: 20px;
	line-height: 28px;
}

#facebox .popup {
	padding: 0px !important;
}
#facebox .close { display: none;}
#facebox .content {
	margin: -3px !important;
}

.popup_cart h4,
.popup_cart a { font-size: 16px; line-height: 16px;}

.popup_cart h4 { margin-top: 10px;}


.cart-summary th {
	color: #e74c3c;
	font-weight: bold;
	font-size: 17px;
}
.billto-shipto { padding-bottom: 100px;}

.vm2-remove_from_cart {
	background: url('../images/vm/delete.jpg') no-repeat;
	width: 29px;
	height: 37px;
}
.checkout-button-top {
	display: block;
	margin-top: 70px;
}
.vm-button-correct span {
	font-size: 16px;
	
}
.vm-button-correct {
	height: inherit !important;
	padding: 15px 30px !important;
}

.box_right,
.box_left {
	display: block;
	float: left;
	width: 50%;
}

#bread_vm {
	margin-top: -50px;
	margin-bottom: 50px;
}
#bread_vm ul li {
	display: inline;
}
#bread_vm ul li,
#bread_vm ul li a {
	font-family: "Raleway",Arial,sans-serif;
	font-size: 12px;
}
#bread_vm ul li.separator,
#bread_vm ul li a {
	color: #777777;
}
#bread_vm ul li {
	color: #e74c3c;
}


.front_featured { width: 100%; overflow-x: hidden;}
.front_featured ul { margin-right: -30px !important;}
.front_featured ul li {
	width: 23.3%;
	float: left;
	padding: 0px !important;
	margin-right: 20px;
	margin-bottom: 20px;
}
.front_featured .frame_gambar {
	width: 100%;
	height: 0;
	padding-bottom: 100%;
	overflow: hidden;
}
.front_featured .tulisan_front {
	background: url('../images/black_bg.png');
	width: 100%;
	height: 0;
	padding-bottom: 100%;
	position: relative;
	z-index: 10;
	margin-top: -100%;
	visibility: hidden;
}

.front_featured ul li:hover .tulisan_front { visibility: visible;}


.front_featured .tulisan_front .baca_lagi,
.front_featured .tulisan_front .kategori,
.front_featured .tulisan_front a.judul {
	color: #fff !important;
	display: block;
	width: 90%;
}

.front_featured .tulisan_front a.judul {
	padding: 15px;
	font-weight: bold;
	font-size: 20px;
	line-height: 24px;
	text-transform: uppercase;
	height: 30px;
	
}
.front_featured .tulisan_front .kategori {
	padding: 0px 15px;
	
}
.front_featured .tulisan_front .baca_lagi {
	padding: 0px 15px;
	margin-top: 50%;
}


.front_featured .tulisan_front .baca_lagi,
.front_featured .tulisan_front .kategori {
	font-family: 'din_lightregular';
}

h2.solid_range,
.front_featured .tulisan_front a.judul,
.bigtitle .header {
	font-family: 'din_mediumregular';
}

.itemRatingBlock,
.itemNavigation { display: none;}
.itemImageBlock img:hover {
	-webkit-transform: none;
	-moz-transform: none;
	-ms-transform: none;
	-o-transform: none;
	transform: none;
	opacity: 1;
}


.bfSectionDescription {
	font-size: 14px;
	line-height: 18px;
}

.acysubbuttons { text-align: center !important;}
.acysubbuttons .button { float: none !important; display: inline-block;}

.itemAuthorContent,
.itemAuthorData { display: none !important;}




.frontpage #gkBottom1:after,
.frontpage #gkBottom3:before,
.frontpage #gkDarkBottom:after {
	background: #222222;
}

.frontpage #gkBottom1:after,
.frontpage #gkBottom1:before {
	background: #222222;
	content: "";
	height: 550px;
	position: absolute;
	-webkit-transform: skewY(12deg);
	-moz-transform: skewY(12deg);
	-ms-transform: skewY(12deg);
	-o-transform: skewY(12deg);
	transform: skewY(12deg);
	bottom: -175px;
	width: 100%;
	z-index: -1;
}





/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
	#list_produk {
		width: 96%;
	}
	#ja-search {
		position: absolute;
		top: 7px;
	}
	#vm_front_cat,
	#text_vm_cat {
		width: 100%;
	}
	
	/* kategori k2 */

	.kategori_k2 .gkGridElement {
		height: 33.3333333333%; width: 49%; left: 0%; top: 0%;
	}
	
	.kategori_project .kotak {
		width: 245px;
		height: 245px;
	
	}
	.kategori_project .kotak h4 {
		margin-top: -245px;
	}
	.kategori_project .kotak .dark {
		margin-top: -254px;
	}
	
	.productdetails .area_deskripsi,
	.productdetails .box_warna,
	.productdetails .box_gambar { width: 100%;}
}
/* Portrait tablet ipad kecil */
@media (min-width: 480px) and (max-width: 750px) {
	#list_produk {
		width: 93%;
	}
	#ja-search {
		position: absolute;
		top: 7px;
	}
	
	#text_vm_cat {
		width: 100%;
	}
	#vm_front_cat {
		width: 100%;
	}
	#vm_front_cat li {
		width: 45%;
	}
	#vm_front_cat .image-title {
		margin-left: -43%;
		margin-top: 40%;
	}
	
	/* kategori k2 */

	.kategori_k2 .gkGridElement {
		height: 16.6666666667%; width: 100%; left: 0%; top: 0%;
	}
	
	.kategori_project { 
		text-align:center;
	}
	.kategori_project .kotak {
		width: 230px;
		height: 230px;
		display: inline-block;
		float: none;
		margin: -4px -2px;
	}
	.kategori_project .kotak h4 {
		margin-top: -230px;
	}
	.kategori_project .kotak .dark {
		margin-top: -238px;
	}
	
	.itemsCategory > h2 { text-align: center;}
	
	
	/*footer*/
	
	#gkBottomSection .gkColumns > div {
		width: 100%;
	}
	#gkLogin { display: none;}
	
	.search_vm {
		width: 100%;
		float: left;
		margin: -20px 0px 20px 0px;
	}
	.kategori_judul {
		float: none;
		text-align: left;
		width: 100%;
		margin: 0px 0px 50px 0px;
		clear: both;
		top: 0px;
		text-indent: 37px;
	}
	h3.tampilan_kategori,
	h2.solid_range.kategori_view {
		width: 100%;
		display: block;
		margin: 0px;
	}
	h3.tampilan_kategori { margin-bottom: 30px;}
	
	.front_featured ul { text-align: center;}
	.front_featured ul li {
		width: 287px;
		height: 287px;
		display: inline-block;
		float: none;
		text-align: left;
	}
	
	.productdetails .area_deskripsi,
	.productdetails .box_warna,
	.productdetails .box_gambar { width: 100%;}
}
/* Portrait hp agak gede */
@media (min-width: 320px) and (max-width: 470px) {
	#list_produk {
		width: 90%;
	}
	#ja-search,
	#ja-social {
		
		position: absolute;
		top: 7px;
	}
	#ja-search {
		margin-right: -80px;
	}
	#ja-social {
		
		right: -80px;
	}
	
	
	#text_vm_cat {
		width: 100%;
	}
	#vm_front_cat {
		width: 100%;
	}
	#vm_front_cat li {
		width: 45%;
	}
	#vm_front_cat .image-title {
		margin-left: -43%;
		margin-top: 35%;
	}
	
	/* kategori k2 */

	.kategori_k2 .gkGridElement {
		height: 16.6666666667%; width: 100%; left: 0%; top: 0%;
	}
	
	.kategori_project { 
		text-align:center;
	}
	.kategori_project .kotak {
		width: 300px;
		height: 300px;
		display: inline-block;
		float: none;
		margin: -4px -2px;
	}
	.kategori_project .kotak h4 {
		margin-top: -300px;
	}
	.kategori_project .kotak .dark {
		margin-top: -308px;
	}
	
	.itemsCategory > h2 { text-align: center;}
	
	/*footer*/
	
	#gkBottomSection .gkColumns > div {
		width: 100%;
	}
	#gkLogin { display: none;}
	
	.search_vm {
		width: 100%;
		float: left;
		margin: -20px 0px 20px 0px;
	}
	.kategori_judul {
		float: none;
		text-align: left;
		width: 100%;
		margin: 0px 0px 50px 0px;
		clear: both;
		top: 0px;
		text-indent: 37px;
	}
	h3.tampilan_kategori,
	h2.solid_range.kategori_view {
		width: 100%;
		display: block;
		margin: 0px;
	}
	h3.tampilan_kategori { margin-bottom: 30px;}
	
	.front_featured ul { text-align: center;}
	.front_featured ul li {
		width: 287px;
		height: 287px;
		display: inline-block;
		float: none;
		text-align: left;
	}
	
	.productdetails .area_deskripsi,
	.productdetails .box_warna,
	.productdetails .box_gambar { width: 100%;}
}
/* Portrait hp kecil */
@media (min-width: 240px) and (max-width: 310px) {
	#list_produk {
		width: 88%;
	}
	#ja-search,
	#ja-social {
		
		position: absolute;
		top: 7px;
	}
	#ja-search {
		margin-right: -80px;
	}
	#ja-social {
		
		right: -80px;
	}
	
	
	#text_vm_cat {
		width: 100%;
	}
	#vm_front_cat {
		width: 100px;
	}
	
	/* kategori k2 */

	.kategori_k2 .gkGridElement {
		height: 16.6666666667%; width: 100%; left: 0%; top: 0%;
	}
	
	.kategori_project { 
		text-align:center;
	}
	.kategori_project .kotak .dark {
		margin-top: -207px;
	}
	
	.itemsCategory > h2 { text-align: center;}
	
	/*footer*/
	
	#gkBottomSection .gkColumns > div {
		width: 100%;
	}
	#gkLogin { display: none;}
	
	.search_vm {
		width: 100%;
		float: left;
		margin: -20px 0px 20px 0px;
	}
	.kategori_judul {
		float: none;
		text-align: left;
		width: 100%;
		margin: 0px 0px 50px 0px;
		clear: both;
		top: 0px;
		text-indent: 37px;
	}
	h3.tampilan_kategori,
	h2.solid_range.kategori_view {
		width: 100%;
		display: block;
		margin: 0px;
	}
	h3.tampilan_kategori { margin-bottom: 30px;}
	
	.front_featured ul { text-align: center;}
	.front_featured ul li {
		width: 287px;
		height: 287px;
		display: inline-block;
		float: none;
		text-align: left;
	}
	
	.productdetails .area_deskripsi,
	.productdetails .box_warna,
	.productdetails .box_gambar { width: 100%;}
	
}