

/* Start:/local/templates/tourjapan/components/bitrix/news.list/tours-under-banner/style.css?17787637221462*/
.tour__link {
    width: 100%;
    max-width: 236px;
    min-width: 210px;
    font-family: 'Museo Sans';
    font-weight: 700;
    font-size: 16px;
    color: #fff;
    display: block;
    background-color: #c30406;
    margin: 0 auto;
    text-align: center;
    padding: 7px 9px;
}
.tour__link:hover {
    background-color: #fff;
    color: #c30406;
}
.tour__link span {
    display: block;
    margin-top: 5px;
    font-weight: 400;
}

.tours__bar {
    padding-top: 20px;
    margin: 0 auto;
    display: table;
}
.tours__bar-element-wrap {
    float: left;
    width: 260px;
    margin: 0 10px;
}
.tours__bar-element-t {
    width: 260px;
    height: 145px;
    vertical-align: middle;
    padding-right: 8px;
    padding-left: 8px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
}
.tours__bar-element-date {
    text-align: center;
    margin-top: 10px;
    color: #757575;
}
.tours__bar-element {
    width: 260px;
    height: 145px;
    float: left;
    margin: 0 10px;
    vertical-align: middle;
    padding-right: 8px;
    padding-left: 8px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.white-opacity__border {
    border: 1px solid rgba(255, 255, 255, 0.8);
    padding: 5px 5px;
    position: relative;
}
/* End */


/* 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 */


/* Start:/local/templates/tourjapan/components/bitrix/news.list/index-tours-trips/style.css?1778765448417*/
.text-more__wrap {
    position: relative;
    left: -10px;
    width: 200px;
}
.mobile-show__button {
    display: none;
    margin: 13px auto;
}
.mobile-show__button a {
    display: block;
    font-size: 14px;
    color: #fff;
    width: 218px;
    height: 43px;
    background-color: #ffb917;
    text-align: center;
    padding-top: 13px;
    cursor: pointer;
    text-transform: uppercase;
}
/* End */


/* Start:/local/templates/tourjapan/components/bitrix/news.list/index-tours-wo-trips/style.css?1778764488992*/
.edge-price {
    position: absolute;
    bottom: 0;
    right: 0;
    font-family: 'Museo Sans';
    font-weight: 400;
    font-size: 24px;
    display: table;
    color: #fff;
    min-width: 115px;
    text-align: center;
    padding: 4px 10px 0;
    height: 36px;
    background-color: #ffb917;
}
.marg-top {
    padding-bottom: 16px;
    padding-top: 18px;
}
.dif-type {
     text-decoration: none;
     color: #fff;
     letter-spacing: 1.5px;
 }
.dif-type:hover {
    color: #fff;
}
.lil-text {
    font-family: 'Museo Sans';
    font-weight: 400;
    font-size: 14px;
    color: #fff;
    letter-spacing: 1.5px;
}
.dif-tour__container {
    padding-left: 18px;
    padding-top: 30px;
}
.light-text {
     font-family: 'Open Sans', sans-serif;
     font-weight: 400;
     color: #ffb917;
     font-size: 12px;
     display: table;
     margin-top: 7px;
     text-decoration: none;
 }
.light-text:hover {
    text-decoration: underline;
}
/* End */


/* Start:/local/templates/tourjapan/components/bitrix/news.list/index-articles/style.css?1778764683188*/
.index-art-preview-text {
    overflow: hidden;
    text-overflow: ellipsis;
    height: 50px;
    margin-top: 3px;
    font-size: 11px;
    color: #757575;
    line-height: 1.5;
}
/* End */
/* /local/templates/tourjapan/components/bitrix/news.list/tours-under-banner/style.css?17787637221462 */
/* /local/templates/tourjapan/components/bitrix/catalog.smart.filter/designed/style.css?177825380810873 */
/* /local/templates/tourjapan/components/bitrix/news.list/index-tours-trips/style.css?1778765448417 */
/* /local/templates/tourjapan/components/bitrix/news.list/index-tours-wo-trips/style.css?1778764488992 */
/* /local/templates/tourjapan/components/bitrix/news.list/index-articles/style.css?1778764683188 */
