@charset "utf-8";
/*CSS3*/


/*
Template developer: Elesin Alexander
Skype: virusanja
*/






.fc-component {
	--fComponent-select-height: 50px;
	--fComponent-select-main-color: white;
	--fComponent-select-bg-color: white;
	--fComponent-select-padding-y: 10px;
	--fComponent-select-padding-x: 5px;
	
	box-sizing: border-box;
}

/*custom select*/
.fc-select {
	width: 200px;
	display: inline-flex;
	color: black;
	font-size: 16px;
	position: relative;
	background-color: var(--fComponent-select-bg-color);
	min-width: 220px;
 -moz-user-select: none;
 -khtml-user-select: none;
 user-select: none;
 min-height: var(--fComponent-select-height);
z-index: 1;
	vertical-align: middle;
}

.fc-select-title {
	box-shadow: inset 0 0 0 1px black;
	border: none;
	padding: var(--fComponent-select-padding-x) var(--fComponent-select-padding-y);
	text-decoration: none;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	align-items: stretch;
	line-height: 1;
	width: 100%;
	text-align: left;
	background-color: var(--fComponent-select-bg-color);
	position: relative;

}

.fc-select.open .fc-select-title {
	
}

.fc-select-title-wrapper {
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	width: 1%;
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.fc-selected-text {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	display: block;
	width: 100%;
	visibility: hidden;
	opacity: 0;
	transition: opacity 300ms, visibility 300ms;
}
.fc-select-title-placeholder {
	position: absolute;
	top: auto;
	bottom: auto;
	left: 0;
	width: 100%;
	align-items: center;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	box-sizing: border-box;
	background-color: var(--fComponent-select-bg-color);
	visibility: visible;
	transition: opacity 300ms, visibility 300ms;
}

.fc-select.selected .fc-select-title-placeholder {
	opacity: 0;
	visibility: hidden;
}
.fc-select.selected .fc-selected-text {
	opacity: 1;
	visibility: visible;
}

.fc-selected-text span {
	display: inline;
}
.fc-selected-text span:not(:first-child):before {
	content: ', ';
}


.fc-select-title:after {
	content: '\25BC';
	-ms-flex-negative: 0;
	flex-shrink: 0;
	line-height: 1;
	-ms-flex-item-align: center;
	align-self: center;
	transform: scale(1,1) translateZ(0);
	transition: transform 300ms;
}

.fc-select.open .fc-select-title:after {
	transform: scale(1,-1) translateZ(0);
}

.fc-select-drop-down {
	border: none;
	box-shadow: inset 0 0 0 1px black;
	position: absolute;
	overflow: hidden;
	top: 100%;
	left: 0;
	right: 0;
	margin-top: -1px;
	transform: translate3d(0, -30px, 0);
	transform-origin: center top;
	visibility: hidden;
	opacity: 0;
	transition: opacity 300ms, visibility 300ms, transform 300ms;
	background-color: var(--fComponent-select-bg-color);
	z-index: -1;
}

.fc-select-scroll {
	max-height: 200px;
	overflow: hidden;
	overflow-y: auto;
	
}


.fc-select-list button {
	text-decoration: none;
	display: block;
	padding: var(--fComponent-select-padding-x) var(--fComponent-select-padding-y);
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	border: none;
	width: 100%;
	text-align: left;
	background-color: transparent;
}

.fc-select-list button:hover {
	background-color: #eaeaea;
}
.fc-select-list>li.selected button {
	background-color: #d8d8d8;
}
.fc-select.open .fc-select-drop-down {
	opacity: 1;
	transform: translate3d(0, 0, 0);
	visibility: visible;
}

.fc-select-drop-down .scrollbar-thumb {
	border-radius: 0 !important;
}

.fc-select-drop-down .scrollbar-track-y {
	width: 3px !important;
	background-color: grey !important;
	right: 0 !important;
	border-right: 0 solid white;
}

.fc-select-drop-down .scrollbar-thumb {
	width: 3px !important;
	background-color: black !important;
}

/*custom select*/







.clear {
	position: absolute;
	z-index: 2;
	width: 20px;
	height: 20px;
	background-color: red;
}





/*tabs*/
/*
.fc-tabs.animate .fs-tabs-content {
	-webkit-transition: height 250ms;
	transition: height 250ms;
	overflow: hidden;
}
.fs-tab-box {
	opacity: 0;
	transition: opacity 250ms;
	padding: 1px 0;
}
*/

.fc-tabs {
	--tab-arrow-size: 40px;
	--tab-items-offset: 10px;
	--tab-dc: 104px;
}


.fc-tabs ul.fc-tabs-title {
	display: flex;
 -moz-user-select: none;
 -khtml-user-select: none;
 user-select: none;
	    margin-left: calc(-1 * (var(--tab-items-offset) / 2));
    margin-right: calc(-1 * (var(--tab-items-offset) / 2));
}

.fc-tabs ul.fc-tabs-title>li {
	padding-left: calc(var(--tab-items-offset) / 2);
    padding-right: calc(var(--tab-items-offset) / 2);
}

.fc-tabs-content {
	box-shadow: inset 0 0 0 1px black;
	position: relative;
	overflow: hidden;
}
.fc-tab-box {
	width: 100%;
	display: block;
}
.fc-tabs.animate .fc-tab-box {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: auto;
}



/*tab slider*/
.fc-tabs-title-slider-wrp {
	position: relative;
	display: flex;
	overflow: hidden;
	margin-left: calc(-1 * var(--tab-items-offset));
	padding-left: var(--tab-items-offset);
}
.fc-tabs-title-slider-wrp:after {
	content: ' ';
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	width: calc(var(--tab-arrow-size) + (var(--tab-items-offset) / 2) + var(--tab-dc));
    background-image: linear-gradient(to right, transparent 0, white var(--tab-dc));
	z-index: 1;
	pointer-events: none;
	display: none;
	transition: opacity 100ms, visibility 100ms;
}

.fc-tabs-title-slider-wrp:before {
	content: ' ';
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: var(--tab-items-offset);
	z-index: 2;
	background-image: linear-gradient(to right, white 0%, transparent 100%);
}

.fc-tabs-title-slider {
	margin-left: calc(-1 * (var(--tab-items-offset) / 2));
	margin-right: calc(-1 * (var(--tab-items-offset) / 2));
	overflow: visible;
	flex-grow: 1;
	width: 1%;
}

.fc-tabs-title-slider .swiper-slide {
	width: auto;
	padding-left: calc(var(--tab-items-offset) / 2);
	padding-right: calc(var(--tab-items-offset) / 2);
	 -moz-user-select: none;
	 -khtml-user-select: none;
	 user-select: none;
}

.fc-tabs-title-slider-arr {
	position: relative;
	flex-shrink: 0;
	z-index: 2;
	margin-left: var(--tab-items-offset);
	display: flex;
	align-items: center;
	background-color: white;
	display: none;
}

.fc-tabs-title-slider-button-next,
.fc-tabs-title-slider-button-prev {
	width: var(--tab-arrow-size);
	height: var(--tab-arrow-size);
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: white;
	box-shadow: inset 0 0 0 1px black;
	border-radius: 50%;
	border: none;
	padding: 0;
	font-size: 20px;
	transition: background-color 300ms, color 300ms, box-shadow 300ms, opacity 300ms, visibility 300ms;
}

.fc-tabs-title-slider-button-prev {
	position: absolute;
	top: 50%;
	left: 0;
	opacity: 0;
	visibility: hidden;
	margin-top: calc(-1 * (var(--tab-arrow-size) / 2));
	
}

.fc-tabs-title-slider-wrp.end .fc-tabs-title-slider-button-prev {
	opacity: 1;
	visibility: visible;
}

.fc-tabs-title-slider-wrp.end .fc-tabs-title-slider-button-next {
	opacity: 0;
	visibility: hidden;
}

.fc-tabs-title-slider-button-next:not(.swiper-button-disabled):hover,
.fc-tabs-title-slider-button-prev:not(.swiper-button-disabled):hover {
	background-color: black;
	color: white;
	box-shadow: inset 0 0 0 1px transparent;
}


.fc-tabs-title-slider-wrp.over .fc-tabs-title-slider-arr {
	display: flex;
}
.fc-tabs-title-slider-wrp.over:after {
	display: block;
}

.fc-tabs-title-slider-wrp.end:after {
	opacity: 0;
	visibility: hidden;
}




.fc-tabs-title-slider .swiper-slide a,
ul.fc-tabs-title a {
	text-decoration: none;
	color: currentColor;
	display: block;
	box-shadow: inset 0 0 0 1px black;
	padding: 10px;
}



/*//tab slider*/