/* Start:/local/templates/tourjapan/components/bitrix/catalog.smart.filter/designed/style.css?177825380810873*/
:root{
	--filter-height: 46px;
	--main-color: #c30406;
	--main-color-hover: #a60304;
}
.bx-filter {
	width: 100%;
	min-width: 220px;
	font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	margin-bottom: 20px;
}


/*
*	Select
*
*/

.bx-filter .bx-filter-select-container {
	display: block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	height: var(--filter-height);
}
/* COLOR */

.bx-filter .bx-filter-select-block {
	position: relative;
	display: block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	height: var(--filter-height);
	margin: 0;
	padding: 0 33px 0 10px;
	border: none;
	background: #fff;
}
.bx-filter .bx-filter-select-text {
	font-size: 16px;
	line-height: var(--filter-height);
	overflow: hidden;
	max-width: 100%;
	height: var(--filter-height);
	cursor: pointer;
	vertical-align: middle;
	white-space: nowrap;
	text-overflow: ellipsis;
	-ms-text-overflow: ellipsis;
	color:#999999;
	display: flex;
	align-items: center;
	gap:10px;
	user-select: none;
}
.bx-filter .bx-filter-select-text.fix {
	min-width: 120px;
}
.bx-filter .bx-filter-select-text label {
	cursor: pointer;
}
.bx-filter .bx-filter-select-arrow {
	position: absolute;
	top: 0;
	right: 0;
	width: 34px;
	height: var(--filter-height);
	cursor: pointer;
	background: none;
	display: flex;
	align-items: center;
	justify-content: center;
}
/*
*	Select popup
*
*/

.bx-filter-select-popup {
	background: #fff;
	padding: 0;
	min-width: 173px;
	max-height: 300px;
	overflow-y: auto;
}
.bx-filter-select-popup::-webkit-scrollbar {
	width: 8px;               /* width of the entire scrollbar */
}

.bx-filter-select-popup::-webkit-scrollbar-track {
	background: #ccc;        /* color of the tracking area */
}

.bx-filter-select-popup::-webkit-scrollbar-thumb {
	background-color: var(--main-color);    /* color of the scroll thumb */
	border-radius: 8px;       /* roundness of the scroll thumb */
	border: none;  /* creates padding around scroll thumb */
}
.bx-filter-select-popup ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.bx-filter-select-popup ul li {
	display: block;
	text-align: left;
	vertical-align: middle;
}
.bx-filter-select-popup ul li:first-child {
	border-bottom: 1px solid #e5e5e5;
	padding-bottom: 5px;
	margin-bottom: 5px;
}
.bx-filter-select-popup ul li label {
	font-size: 14px;
	line-height: 26px;
	display: block;
	text-align: left !important;
	overflow: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	height: 26px;
	padding: 0 5px;
	cursor: pointer;
	vertical-align: middle;
	white-space: nowrap;
	text-overflow: ellipsis;
	-ms-text-overflow: ellipsis;
	color: #575757;
}
.bx-filter-select-popup ul li label.selected,
.bx-filter-select-popup ul li label:hover {
	color: #000;
	background: #f3f8fa;
}
.bx-filter-select-popup ul li label.disabled {
	color: #b8b8b8;
	background: transparent;
}
.bx-filter-select-popup ul li .bx-filter-param-text {
	line-height: 34px !important;
}

/*
*	Checkbox / Radio
*
*/

.bx-filter .bx-filter-input-checkbox {}
.bx-filter .bx-filter-input-checkbox input[type=radio],
.bx-filter .bx-filter-input-checkbox input[type=checkbox] {}
.bx-filter .bx-filter-input-checkbox .bx-filter-param-text {
	display: block;
	text-align: left;
}

body .bx-filter.bx-blue .bx-filter-section {background-color: transparent}
form .btn {outline: none !important;}
form .btn:focus {outline: none !important;}
form .btn.submit__button {top: auto;}
form .btn.submit__button:hover,form .btn.submit__button:focus {color:#fff;}
.tours--box {display: flex;}
.tours--box-title {font-family: 'Museo Sans';font-size: 24px;font-weight: 400;color: #000;min-width: 240px;padding-top: 30px}
body .bx-filter.bx-blue .bx-ui-slider-pricebar-v {background: rgba(359, 98, 76, 1)}
body .bx-filter.bx-blue .bx-ui-slider-pricebar-vn {background: rgba(359, 98, 76, 0.5)}

body .bx-filter-horizontal .bx-filter-popup-result {z-index: 10;background-color: #fff}

body .popup-window {z-index: 3 !important;}
body header {z-index: 1000}

.mobile--filter-title {display: none}
.mobile--filter-title h3{margin-bottom: 0}

.section-container.accordion--box {margin-top: 40px}

.some-tours__section .medium-text{padding-left: 15px;max-width: 1175px;margin: 0 auto;font-size: 22px;
	font-family: 'Museo Sans';
	font-weight: 700;
	color: #000;
	text-transform: uppercase;
	margin-bottom: 10px;
	}
.some-tours__section .medium-text span {border-bottom: 4px solid rgb(251, 189, 44);}
.main--filter {width: 100%;margin-top: 15px !important;}
.form-tour__block {width: 100%}

.tours--sort {margin-bottom: 10px}
body .tourlist-section.grid-inline {margin-top: 10px}

.tours--row {display: flex;}
.tours--column {flex: 1}
.tours--column h3{font-size: 20px;font-weight: 600;margin-bottom: 16px;color:#222222 !important;}
.tours--column-but {display: flex;flex-direction: column;justify-content: flex-end}
.tours--column-but [type="button"]{width: 100%;height: var(--filter-height);border-radius: unset;transition: background-color .4s}
.tours--column-but [type="button"]:hover{background-color: var(--main-color-hover)}

.tours--row {border:2px solid var(--main-color)}
.tours--row.--more {border-top: none;border-bottom: none;}

.tours--row.--more,
.bx-filter-button-box{display: none}

.bx-filter.--opened .tours--row.--more,
.bx-filter.--opened .bx-filter-button-box {display: flex}
.bx-filter.--opened .tours--column-but {display: none}

.tours--column-box {background-color: #FAFAFA;border-right:2px solid #DDDDDD;padding: 22px;height: 100%;}

.bx-filter .tours--row:not(.--more) .bx-filter-select-container {border-right: 2px solid var(--main-color);}
.bx-filter .tours--row:not(.--more) .tours--column:nth-child(4) .bx-filter-select-container {border-right: 2px solid transparent;}

.bx-filter .bx-filter-button-box {padding: 20px;border-bottom: 2px solid var(--main-color);border-right: 2px solid var(--main-color);border-left: 2px solid var(--main-color);border-top:1px solid #DDDDDD}

.tours--filter-box {display: inline-flex;margin: 0 auto;gap:40px;align-items: center}
.js--smart-show {display: flex;gap:10px;align-items: center;cursor: pointer}
.js--smart-show span {border-bottom: 1px dashed transparent;transition: border-bottom-color .4s}
.js--smart-show:hover span {border-bottom: 1px dashed #000;}

form .tours--filter-show .btn.submit__button {width: 280px;border: none;height: 46px;transition: background-color .4s}
form .tours--filter-show .btn.submit__button:hover {background-color: var(--main-color-hover)}
form .tours--filter-clear [name="del_filter"] {padding: 0;margin: 0;color:#000;border-bottom: 1px dashed transparent;transition: border-bottom-color .4s;background-color: transparent;cursor: pointer}
form .tours--filter-clear [name="del_filter"]:hover {text-decoration: none;border-bottom: 1px dashed #000}
.tours--filter-clear {display: flex;gap:10px;align-items: center}

.--more {--filter-height:40px}
.--more .bx-filter-parameters-box:not(.--lang){margin-bottom: 16px;border:1px solid #DDDDDD;}

.tours--sort {display: flex;align-items: center;justify-content: space-between}
.tours--show-filter {display: inline-flex;align-items: center;gap:10px;cursor: pointer;color:var(--main-color)}
.tours--show-filter span{border-bottom: 1px dashed transparent;transition: border-bottom-color .4s}
.tours--show-filter:hover span{border-bottom: 1px dashed var(--main-color);}

.tours--sort {margin-top: 20px;padding: 0 12px}

.js--mobile-filter, .filter--mobile {display: none}

.small--br {display: block;height: 10px}

.lang--radio {display: flex;align-items: center;gap:10px}
.lang--radio .bx-filter-param-text {border:1px solid transparent;height: 36px}
.lang--radio [type="radio"]:checked ~ .bx-filter-param-text {border:1px solid var(--main-color)}

@media (min-width: 1200px) {
	body .bx-filter-horizontal .bx-filter-popup-result {    position: absolute;
		right: 50%;
		bottom: 0;
		transform: translate(50%, 100%);
		margin: 0;border: 1px solid var(--main-color);
		padding: 7px 20px;
		background-color: #FAFAFA;
	}
}

@media (max-width: 1280px) {
	.tours--row {flex-wrap: wrap;border:none;justify-content: center;gap:10px;}
	.tours--row:not(.--more) {}
	.tours--row.--more {margin-top: 10px}
	.tours--column {width:calc(25% - 10px);flex:unset;}
	.bx-filter .tours--row:not(.--more) .bx-filter-select-container {border:1px solid #ccc;}
	.bx-filter .bx-filter-button-box {border:none}
	.bx-filter .bx-filter-select-container {height: auto}
	.tours--column-box {border: none}
}

@media (max-width: 1200px) {
	.tours--row {display: flex;flex-wrap: wrap;}
	.tours--box {flex-wrap: wrap;padding: 0 15px}
	.tours--box-title {padding-top: 0;padding-bottom: 15px}
}

@media (max-width: 1024px) {
	.tours--column {width:calc(50% - 5px);flex:unset;}
}


@media (min-width: 1024px) {
	.main--filter {padding: 0 15px}
}

@media (max-width: 900px) {
	.tours--filter-box {flex-wrap: wrap;gap:10px;justify-content: center;}
}

@media (max-width: 500px) {
	:root {
		--filter-height: 40px;
	}
	.bx-filter {position: fixed;top:0;left:0;width: 100%;height: 100vh;overflow-y: auto;background-color: #fff;z-index: 1000;margin: 0;padding: 16px;display: none}

	.main--filter .bx-filter {position: static;top:auto;left: auto;height: auto;overflow: visible;display: block;width: 100%;}
	.main--filter .filter--mobile {display: none}
	.main--filter .tours--row.--more {display: none}
	.main__content .form-tour__block {margin-top: 30px}

	.tours--column {width: 100%}
	.tours--column-but {display: none}
	.tours--row.--more, .bx-filter-button-box {display: flex}
	.tours--column-box {padding: 0;background-color: transparent}
	.bx-filter .bx-filter-button-box {background-color: transparent}
	.tours--column h3 {margin-top: 10px}
	.filter--mobile-close {display: flex;align-items: center;gap:10px;width: 100%;justify-content: center;height: 50px;border:1px solid #DDDDDD}
	.filter--mobile h3{margin-top: 20px;font-weight: 600;font-size: 28px;margin-bottom: 30px}
	.js--smart-show svg{display: none}
	.tours--filter-clear {display: flex;align-items: center;gap:10px;width: 100%;justify-content: center;height: 50px;border:1px solid #DDDDDD}
	.tours--show-filter {display: none}
	body .tours--sort .select--list {max-width: 100%;width: 100%}
	.tours--sort {flex-wrap: wrap;gap:10px}
	.filter--mobile {display: block}
	.js--mobile-filter {display: flex;align-items: center;justify-content: center;gap:10px;background-color: var(--main-color);color:#fff;width: 100%;height: var(--filter-height)}
	.--filter .bx-filter {display: block}
	.tags--top.tags--box {margin-bottom: 0}
	.tags--top.tags--box ul {padding-bottom: 0}
	.select--list .select--list-visible {justify-content: center}
	.select--list svg {display: none}
	.tours--filter-show, form .tours--filter-show .btn.submit__button {width: 100%}
}

/* End */
/* /local/templates/tourjapan/components/bitrix/catalog.smart.filter/designed/style.css?177825380810873 */