@charset "UTF-8";
.filter-col {margin-bottom: 0px;}
.filter-button {vertical-align: top;margin: 0 auto;}
.filter-button .btn {height: 32px;line-height: 32px;}
.btn, .btn-primary, button.action, .btn.focus, .btn-primary.focus, button.action.focus, .btn:focus, .btn-primary:focus, button.action:focus, .btn:active, .btn-primary:active, button.action:active {background-color: #9e9e9e;color: #ffffff;border-color: #9e9e9e;}
.btn, .btn-primary, button.action {height: 41px;  padding: 0 15px;font-family: 'Roboto', sans-serif; font-size: 15px; line-height: 41px; font-weight: 500; border-radius: 0; text-transform: uppercase; border: 1px solid #f82e56;   -webkit-transition: all 0.3s cubic-bezier(0.3, 1, 0.3, 1); -o-transition: all 0.3s cubic-bezier(0.3, 1, 0.3, 1);transition: all 0.3s cubic-bezier(0.3, 1, 0.3, 1);}
.btn {display: inline-block; margin-bottom: 0; font-weight: 400; text-align: center;  vertical-align: middle; cursor: pointer; background-image: none; border: 1px solid transparent;  white-space: nowrap;  font-size: 15px; line-height: 1.42857143; border-radius: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.filter-col-content {padding-bottom: 15px;}
.filter-col-header {display: none;}
.filter-button {display: none;}
/* mobile filter */
@media screen and (max-width: 991px) {
	.row {margin-left:0px; margin-right: 0px; }
	.filter-col {margin-bottom: 30px;}
  	.sidebar-block-top {padding: 20px 20px 20px 20px;}
  	.filter-button {display: inline-block;}
  	.filter-col {position: fixed; z-index: 10001; left: 0; top: 0; right: 0; height: 100%; width: 100%; visibility: hidden; -webkit-transition: visibility 0s ease 0.6s; -o-transition: visibility 0s ease 0.6s; transition: visibility 0s ease 0.6s;}
  	.filter-col-content {position: fixed; z-index: 1; top: 0; left: 0; height: 100%; width: 100%; overflow: auto;  max-width: 480px; padding: 50px 0 30px; -webkit-transform: translateX(-120%); transform: translateX(-120%); background-color: #f7f7f7; -webkit-transition: all 0.5s cubic-bezier(0.25, 1, 0.3, 1) 0.3s; -o-transition: all 0.5s cubic-bezier(0.25, 1, 0.3, 1) 0.3s; transition: all 0.5s cubic-bezier(0.25, 1, 0.3, 1) 0.3s; }
  	.filter-col-header {position: fixed; display: block; left: 0; top: -50px;  width: 100%; max-width: 480px;  height: 50px;  font-size: 16px; font-weight: bold; line-height: 50px; padding: 0 20px;  background: #9e9e9e; color: #ffffff;  text-transform: uppercase;  z-index: 2; -webkit-transition: top 0.3s ease 0s; -o-transition: top 0.3s ease 0s; transition: top 0.3s ease 0s; }
	.filter-col .filter-col-toggle {text-decoration: none;}
	.filter-col .filter-col-toggle:hover, .filter-col .filter-col-toggle:focus {text-decoration: none;}
	.filter-col .filter-col-toggle {position: absolute; top: 0; right: 0; height: 100%;  width: 100%; color: #ffffff;}
	.filter-col .filter-col-toggle:before, .filter-col .filter-col-toggle:after {content: '';  position: absolute; top: 22px; right: 20px; height: 3px;  width: 20px; background-color: #ffffff; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
	.filter-col .filter-col-toggle:before {-webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg);transform: rotate(45deg); }
	.filter-col .filter-col-toggle:after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg);  -o-transform: rotate(-45deg);  transform: rotate(-45deg); }
	.filter-col.active {visibility: visible;  -webkit-transition: visibility 0s ease 0s;  -o-transition: visibility 0s ease 0s; transition: visibility 0s ease 0s; }
	.filter-col.active .filter-col-content { -webkit-transform: translateX(0);  transform: translateX(0);  -webkit-transition: all 0.5s cubic-bezier(0.25, 1, 0.3, 1) 0s;  -o-transition: all 0.5s cubic-bezier(0.25, 1, 0.3, 1) 0s;  transition: all 0.5s cubic-bezier(0.25, 1, 0.3, 1) 0s; }
	.filter-col.active .filter-col-header { top: 0;  -webkit-transition: top 0.3s ease 0.5s;  -o-transition: top 0.3s ease 0.5s; transition: top 0.3s ease 0.5s; }
}
@media (min-width: 481px) and (max-width: 991px) {
	.row {margin-left:0px;  margin-right: 0px; }
  	.filter-col:after {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent; cursor: pointer; -webkit-transition: background 0.3s ease 0.3s; -o-transition: background 0.3s ease 0.3s; transition: background 0.3s ease 0.3s; }
  	.filter-col.active:after {background: rgba(0, 0, 0, 0.6); -webkit-transition: background 0.3s ease 0; -o-transition: background 0.3s ease 0; transition: background 0.3s ease 0; }
}