@font-face {
    font-family: "bambba";
    src:url("./../fonts/bambba.eot");
    src:url("./../fonts/bambba.eot?#iefix") format("embedded-opentype"),
      url("./../fonts/bambba.woff") format("woff"),
      url("./../fonts/bambba.ttf") format("truetype"),
      url("./../fonts/bambba.svg#bambba") format("svg");
    font-weight: normal;
    font-style: normal;
  }
  [data-icon]:before {
    font-family: "bambba" !important;
    content: attr(data-icon);
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  
  [class^="icon-"]:before,
  [class*=" icon-"]:before {
    font-family: "bambba" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .icon-bambba-logo:before {
    content: "\61";
  }
  .icon-flecha-left:before {
    content: "\62";
  }
  .icon-bolsa:before {
    content: "\63";
  }
  .icon-lupa-home:before {
    content: "\64";
  }
  .icon-flecha-right:before {
    content: "\65";
  }
  .icon-cerrar:before {
    content: "\66";
  }
  .icon-menu:before {
    content: "\68";
  }
  .icon-plus:before {
    content: "\69";
  }
  .icon-lupa-header:before {
    content: "\6a";
  }
  .icon-vende:before {
    content: "\6b";
  }
  .icon-comprar:before {
    content: "\67";
  }
/* BUSCADOR CSS-------------------------------------------------- */
#search .container {
	max-width: 1920px;
	width: 100%;
}

#search {
	position: fixed;
	width: 100%;
	min-height: 100%;
	top: 0px;
	right: 0px;
	background-color: rgba(255, 255, 255, 0.7);
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
	-webkit-transform: translate(0px, -100%) scale(0, 0);
	-moz-transform: translate(0px, -100%) scale(0, 0);
	-o-transform: translate(0px, -100%) scale(0, 0);
	-ms-transform: translate(0px, -100%) scale(0, 0);
	transform: translate(0px, -100%) scale(0, 0);
	z-index: 9999;
	opacity: 0;
	color:#000;
}
@media (max-width:1940px) {
	/*#search {
		padding: 0 10px;
	}*/
}
#search.open {
	-webkit-transform: translate(0px, 0px) scale(1, 1);
	-moz-transform: translate(0px, 0px) scale(1, 1);
	-o-transform: translate(0px, 0px) scale(1, 1);
	-ms-transform: translate(0px, 0px) scale(1, 1);
	transform: translate(0px, 0px) scale(1, 1);
	opacity: 1;
}
#search form{
	padding-top: 20px;
	border-bottom: 1px solid #000;
	background-color: #fff
}
#search form .icon{
	font-size: 50px;
	opacity: 0.5;
}
#search form .icon-cerrar{
	font-size: 70px;
	opacity: 1;
}
#search .morphsearch-input {
	width: 100%;
	height: 100%;
	padding: 0px;
	font-weight: 400;
	border: none;
	background: transparent;
	font-size: 70px;
	color: #000;
	-webkit-transition: font-size 0.5s cubic-bezier(0.7,0,0.3,1);
	transition: font-size 0.5s cubic-bezier(0.7,0,0.3,1);
}
.bg-white {
    background-color: #fff !important;
}
#search .morphsearch-input::-ms-clear {
	/* remove cross in IE */
	display: none;
}
#search .morphsearch.hideInput .morphsearch-input {
	color: transparent;
	-webkit-transition: color 0.3s;
	transition: color 0.3s;
}
/* placeholder */
#search .morphsearch-input::-webkit-input-placeholder {
	color: #c2c2c2;
}
#search .morphsearch-input:-moz-placeholder {
	color: #c2c2c2;
}
#search .morphsearch-input::-moz-placeholder {
	color: #c2c2c2;
}
#search .morphsearch-input:-ms-input-placeholder {
	color: #c2c2c2;
}
/* hide placeholder when active in Chrome */
#search .gn-search:focus::-webkit-input-placeholder {
	color: transparent;
}
#search input[type="search"] {
	/* reset normalize */
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
#search .morphsearch-input:focus {
	outline: none;
}
#search #search_mainbox {
	border: 0;
	overflow-x: hidden;
	overflow-y: auto;
	height: calc(100vh - 160px);
	-webkit-overflow-scrolling:touch;
}
#search #search_mainfil {
	border: 0;
	overflow-x: hidden;
	overflow-y: auto;
	height: calc(100vh - 160px);
	-webkit-overflow-scrolling:touch;
}
#search .highlight{
	color: #000;
	font-weight: 700;
	text-decoration: underline
}
#search .imdbTitle{
	display: block;
	margin-top: 4px;
	margin-bottom: 0px;
	line-height: initial;
}
#search .imdbSubTitle{
	display: block;
	margin-top: 2px;
	margin-bottom: 5px;
	font-size: 12px;
	color:#666;
	line-height: initial;
}
#search .imdbImage{
	display: block;
	min-width: 108px;
	min-height:77px ;
}
@media (max-width: 979px) {
	#search form {
		padding-top:20px;
		padding-bottom: 7px;
	}
	#search .morphsearch-input {
		font-size:33px;
	}
	#search form .icon {
		font-size: 28px;
	}
	#search #search_mainbox {
		height: calc(100vh - 100px);
	}
	#search #search_mainfil {
		height: calc(100vh - 100px);
	}
}
.sizes-list {
	width: 100%;
	padding: 0;
	line-height: 1;
	list-style-type: none;
}
.sizes-list li {
	display: inline-block;
	margin: 0 .125em .125em 0;
	font-size: 1rem;
}
.sizes-list a, .sizes-list label, .sizes-list span {
	text-align: center;
	display: block;
	float: left;
	border: 1px solid #333;
	font-weight: 600;
	transition: all .2s;
	cursor: default;
	min-width: 3em;
	padding: .4em .4em;
	font-size: 0.7rem;
	color: #333;
}
#search_mainfil .i-fil{
	padding: 4px 4px;
	box-sizing: border-box;
	cursor: pointer;
	pointer-events: all;
	font-size: 13px;
	margin:2px 0px
}
#search_mainfil .i-fil:hover{
	border-radius:0px;
	background-color:#eee;
	border-color:#eee;
	text-decoration:none;
	color:#000
}
#search_mainfil .i-fil-active,#search_mainfil .i-fil-active:hover{
	border-radius:0px;
	background-color:#333;
	border-color:#333;
	text-decoration:none;
	color:#fff
}
#search_mainfil .paletacolor > div{
	cursor: pointer;
	pointer-events: all;
	/* border: 1px solid transparent;
	border-right-color: #333;
	border-bottom-color: #333*/
}
#search_mainfil .paletacolor span{
	background:transparent;
	height: 30px;
	width: 100%;
	display: block;
	padding-top: 7px;
}
#search_mainfil .paletacolor .i-fil-active span{
	/*background:transparent url("../img/check.png") no-repeat center center;*/
}
#search_mainfil .i-fil-hidden{
	display: none!important
}
#search_mainfil .filter-showMore{
	cursor: pointer;
	background: transparent;
	border: 0;
}
#filter_mobile_sidebar {
	width: 290px;
	position: fixed;
	top: 0;
	right: -290px;
	height: 100vh;
	z-index: 999;
	background: #fefefe;
	transition: all 0.3s;
	overflow-y: scroll;
	box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
	border-left: 1px solid #000;
	display: none;
	-webkit-overflow-scrolling:touch;
}
#filter_mobile_box > div.row{
	margin: 0;
}
#filter_desktop_box{
	width:300px;
	display: initial;
}
#filter_mobile_sidebar.active {
	right: 0;
	display: initial;
}
#filtershowbtn{
	display: none;
}
@media (max-width: 979px) {
	#filter_desktop_box{
		display: none;
	}
	#filtershowbtn{
		display: initial;
	}
}
.filter-nav{
	min-height: 20px;
	margin:7px 0px
}
#filterclean,#filtertotal{
	display: none
}
#filterclean a{
	font-weight: 700;
	text-decoration: underline
}

.grid-divider {
	overflow-x: hidden;
	position: relative;
}
.grid-divider > [class*="col-"]:nth-child(n + 2):after {
	content: "";
	background-color:#000;
	position: absolute;
	top: 0;
	bottom: 0;
}
@media (max-width: 767px) {
	.grid-divider > [class*="col-"]:nth-child(n + 2):after {
		width: 100%;
		height: 1px;
		left: 0;
		top: -4px;
	}
}
@media (min-width: 768px) {
	.grid-divider > [class*="col-"]:nth-child(n + 2):after {
		width: 1px;
		height: auto;
		left: -1px;
	}
}
.border-vert-center:before {
	content: '';
	position: absolute;
	left: 50%;
	height: 100%;
	border-left: 1px #000 solid;
	z-index:0;
}
.border-center:before {
	content: '';
	position: absolute;
	bottom: 50%;
	left: 20%;
	right: 20%;
	border-bottom: 1px #000 solid;
	width: 60%;
	z-index:0;
}
.ui-bordered {
	border: 1px solid #000
}
.row-bordered{
	overflow:hidden
}
.row-bordered>.col,.row-bordered>[class^="col-"],.row-bordered>[class*=" col-"],.row-bordered>[class^="col "],.row-bordered>[class*=" col "],.row-bordered>[class$=" col"],.row-bordered>[class="col"]{
	position:relative;
	padding-top:1px
}
.row-bordered>.col::before,.row-bordered>[class^="col-"]::before,.row-bordered>[class*=" col-"]::before,.row-bordered>[class^="col "]::before,.row-bordered>[class*=" col "]::before,.row-bordered>[class$=" col"]::before,.row-bordered>[class="col"]::before{
	content:"";
	position:absolute;
	right:0;
	bottom:-1px;
	left:0;
	display:block;
	height:0;
	border-top:1px solid #000
}
.row-bordered>.col::after,.row-bordered>[class^="col-"]::after,.row-bordered>[class*=" col-"]::after,.row-bordered>[class^="col "]::after,.row-bordered>[class*=" col "]::after,.row-bordered>[class$=" col"]::after,.row-bordered>[class="col"]::after{
	content:"";
	position:absolute;
	top:0;
	bottom:0;
	left:-1px;
	display:block;
	width:0;
	border-left:1px solid #000
}
.row-bordered.row-border-light>.col::before,.row-bordered.row-border-light>.col::after,.row-bordered.row-border-light>[class^="col-"]::before,.row-bordered.row-border-light>[class^="col-"]::after,.row-bordered.row-border-light>[class*=" col-"]::before,.row-bordered.row-border-light>[class*=" col-"]::after,.row-bordered.row-border-light>[class^="col "]::before,.row-bordered.row-border-light>[class^="col "]::after,.row-bordered.row-border-light>[class*=" col "]::before,.row-bordered.row-border-light>[class*=" col "]::after,.row-bordered.row-border-light>[class$=" col"]::before,.row-bordered.row-border-light>[class$=" col"]::after,.row-bordered.row-border-light>[class="col"]::before,.row-bordered.row-border-light>[class="col"]::after{
	border-color:#000
}
[dir=rtl] .row-bordered>.col::after,[dir=rtl] .row-bordered>[class^="col-"]::after,[dir=rtl] .row-bordered>[class*=" col-"]::after,[dir=rtl] .row-bordered>[class^="col "]::after,[dir=rtl] .row-bordered>[class*=" col "]::after,[dir=rtl] .row-bordered>[class$=" col"]::after,[dir=rtl] .row-bordered>[class="col"]::after{
	left:auto;
	right:-1px
}

.btnper{
	display: block;
	width: 100%;
	line-height:55px;
	font-size: 1.2rem;
	border: 1px solid #000;
	color: #fff;
	background: #000
}
.btnper:focus{
	border: 1px solid #000;
	background: #000;
	color:#fff;
}
.btnperb{
	display: block;
	width: auto;
	line-height:auto;
	font-size: 1rem;
	border: 1px solid #000;
	color: #000;
	background: #fff;
}
.btn-black {
	color: #FFFFFF;
	background-color: #000000;
	border-color: #000000;
	border-radius: 0;
}
.btn-black:hover,.btn-black:active,.btn-black:focus{color: #FFFFFF;}
input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-results-button,input[type="search"]::-webkit-search-results-decoration {
	-webkit-appearance:none;
}
.filter-title{
	font-size: 15px;
	font-weight: 600;
	text-decoration:none;
	color: #000
}
#shop-filters-block{
	width: 300px;
}
@media (max-width: 991px) {
	#shop-filters-block{
		width: 100%;
	}
	.container-main{
		padding: 20px 0px;
	}
}
#shop-filters-block [data-toggle="collapse"] .fa:before,.filter-cursor [data-toggle="collapse"] .fa:before {
	content: "\f078";
}
#shop-filters-block [data-toggle="collapse"].collapsed .fa:before,.filter-cursor [data-toggle="collapse"].collapsed .fa:before {
	content: "\f077";
}
.border-dark {
    border-color: #343a40 !important;
}
/*ajuste  css ticomusica*/
#rightbar{display: none!important;}
#filterbrands_main,#filtercategories_main,#filterprecios_main{padding-left: 10px;}
#search .morphsearch-form .container .row{margin: 0;}
#search .morphsearch-form .icon-lupa-home{margin-right:7px;}