﻿

.filters-main{ background:#EBEBEB; padding:20px;}

.filters-main .selection{ width:100%; border:2px solid #333; padding:5px; margin:0 5px;}

.filter-color{padding:10px;position:relative; margin:30px 0; width:100%; float:none;}

.reset-filter,.filter-color .reset-filter{display:none}

.filters-main .header{ font-size:20px; font-weight:666;  }

#seeFilter .btn.btn-default.active {				
  background:#000; color:#fff; outline:none;				
}
.filter-orientation  .square{ width:20px; height:20px;}
.filter-orientation .portrait{ width:30px; height:20px; }
.filter-orientation  .landscape{ width:20px; height:30px; }


.cp-container .cp-slider{cursor:ew-resize;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.cp-container .cp-slider{width:160px;height:14px;margin:11px 0 0 0;margin-bottom:5pt;position:relative}
.cp-container .cp-slider span,.cp-container .cp-preview input{display:block;width:100%;height:100%;text-align:center;font-family:sans-serif;line-height:26px;font-size:14px}
.cp-container .cp-marker{position:absolute;display:block;width:11px;height:20px;margin-left:-5px;top:-12px;background:rgba(255,255,255,0.8);border:1px solid #ddd;border-bottom:0}
.cp-container .cp-marker:before{color:#ffffff;content:'\f0d7';font-family:"FontAwesome";position:absolute;top:12px}
.cp-container .cp-swatches{margin-bottom:0}
.cp-container .cp-swatches ul{margin-bottom:0;padding:0;width:auto}
.cp-container .cp-swatches li{display:inline-block;margin:0 10px 0 0}
.cp-container .cp-swatch{width:25px;height:33px;display:inline-block;cursor:pointer;position:relative;overflow:hidden;outline:none;padding:0 0 5px 0}
.cp-container .cp-swatch .all-colors i{background:url(https://d3t95n9c6zzriw.cloudfront.net/common/sprite_v5.42.3.png);background-position:-312px -176px;display:inline-block;float:right;height:33px;margin-left:16px;width:25px}
.cp-container .cp-swatch .border{border:1px solid #ccc}
.cp-container .cp-swatch.with-text{color:#39c;font-family:"Helvetica",sans-serif;font-weight:bold;font-size:14px;font-size:.875rem;overflow:hidden;width:129px}
.cp-container .cp-swatch.with-text.actual i{border-bottom:4px solid #39c}
.cp-container .cp-swatch.actual:not(.with-text){border-bottom:4px solid #39c}
.cp-container .cp-swatch span{display:block;width:100%;height:25px;line-height:1.7rem}



@media screen and (min-width: 48rem){.browse-content header h1{font-size:48px;font-size:3rem}

.filters-additional{padding:0px 20px 10px}
.filters-additional .filter-location{padding-right:20px}


}



@media screen and (min-width: 64rem){.row-layout.browse-content{padding:0 20px}

.filters-additional{padding:16px 20px 20px}
}
@media screen and (max-width: 468px){
	.filters-main .selection{  margin:5px;}
}
