body.pages-rinktis.tax-parkingo-aukstas{
	.rinktis-block{
		.b{
			cursor:auto;
		}
	}
}
body.pages-rinktis.top{
	@media (min-width: 992px) {
		#header{
			background:transparent;
		}
	}
}
body.pages-rinktis{
	
	.vidinis-container-rinktis{
		margin-bottom:5rem;
	}
	
	.rinktis-block{
		@media (max-width: 991px) {
			padding-top:4rem;
		}
		position:relative;
		.b{
			cursor:pointer;
			fill:transparent;
			transition:opacity 200ms;
		}
		.b-available{
			fill:#D2E0DB;
		}
		.b-available:hover{
			fill:#B7D0C7;
		}
		.b-reserved{
			fill:#E1DFCC;
		}
		.b-reserved:hover{
			fill:#CCC9A9;
		}
		.b-occupied{
			fill:#E8DBDB;
		}
		.b-occupied:hover{
			fill:#DFC5C5;
		}
		.rinktis-block-toolbar{
			@media (max-width: 991px) {
				display:none;
			}
			position:absolute;
			left:0;
			bottom:4rem;
			width:100%;
			z-index:3;
			.btn-filter:hover{
				background:var(--gold-color);
			}
			.btn-filter{
				display:inline-block;
				margin:0;
				padding:.3rem 0 0 0;
				cursor:pointer;
				background:#fff;
				transition:background-color 150ms;
				border-radius:999px;
				border:0;
				text-align:center;
				width: 3.75rem;
				height: 3.75rem;
				svg{
					width: 1.5625rem;
					height: 1.5625rem;
				}
			}
			.rbt-row{
				display:flex;
				justify-items: space-between;
				.btn-parking:hover{
					color:var(--text-color);
				}
				.btn-parking{
					display:inline-block;
					white-space:nowrap;
					position:relative;
					border:0;
					margin:0;
					padding:1rem 1.6875rem;
					padding-top:1.25rem;
					font-size: 1rem;
					font-style: normal;
					font-weight: 700;
					line-height: normal;
					letter-spacing: 0.1rem;
					text-transform: uppercase;
					text-decoration:none;
					cursor:pointer;
					background:transparent;
					color:white;
					transition:color 200ms;
					span{
						position:relative;
						z-index:2;
					}
					i{
						font-family: Cosen;
						font-size: 3.125rem;
						line-height:1.6rem;
						padding-top:.4rem;
						font-style: normal;
						font-weight: 700;
						display:inline-block;
						vertical-align:middle;
						margin-right:2rem;
						color:var(--text-color);
					}
				}
				.btn-parking:before{
					width:4.8rem;
					content:'';
					display:block;
					height:100%;
					background:var(--gold-color);
					left:0;
					top:0;
					position:absolute;
					transform: skew(-20deg);
					transition:transform 200ms, background-color 200ms, width 200ms;
				}
				.btn-parking:hover:before{
					width:100%;
				}
				.c{
					flex:1;
				}
				.c-c{
					text-align:center;
					padding-top:6rem;
				}
				.c-r{
					text-align:right;
				}
			}
		}
		.block-wrapper{
			position:relative;
			.main-img{
				width:100%;
				height:auto;
				display:block;
				position:relative;
				pointer-events : none;
			}
			svg{
				position:absolute;
				width:100%;
				left:0;
				top:0;
				
			}
			.algirdo:before{
				content:'';
				display:block;
				top:50%;
				position:absolute;
				border-top:1px solid #D2D2D2;
				width:100%;
				left:0;
			}
			.algirdo{
				text-align:center;
				max-width:55rem;
				margin:3rem auto 0 auto;
				position:relative;
				@media (max-width: 991px) {
					margin-top:2rem;
				}
				span{
					display:inline-block;
					position:relative;
					background:var(--bg-color);
					font-size: 0.875rem;
					color:#636363;
					padding:0 2rem;
					@media (max-width: 991px) {
						font-size:1rem;
					}
				}
			}
		}
		.rinktis-inner{
			padding-top:11rem;
			@media (max-width: 991px) {
				padding-top:0rem;
			}
			.header{
				text-align:center;
				>svg{
					width:5rem;
					@media (max-width: 991px) {
						width:5.2rem;
					}
				}
				font-size: 0.875rem;
				font-style: normal;
				font-weight: 400;
				color:#636363;
				margin-bottom:2rem;
				position:relative;
				@media (max-width: 991px) {
					font-size: 1rem;
					margin-top:3rem;
				}
				.back:hover{
					color:var(--gold-color);
					path{
						stroke:var(--gold-color);
					}
				}
				.back{
					transition:color 150ms;
					margin:0;
					padding:0;
					border:0;
					color:var(--text-color);
					text-decoration:none;
					background:transparent;
					font-size: 1rem;
					font-style: normal;
					font-weight: 700;
					line-height: normal;
					letter-spacing: 0.1rem;
					text-transform: uppercase;
					position:absolute;
					left:0;
					top:2rem;
					@media (max-width: 991px) {
						display:none;
					}
					svg{
						vertical-align:middle;
						margin-top:-0.3rem;
					}
					path{
						transition:stroke 150ms;
					}
				}
			}
			.rinktis-content{
				display:flex;
				align-items: stretch;
				margin-bottom:5rem;
				@media (max-width: 991px) {
					flex-direction:column-reverse;
					margin-top:-2.5rem;
					margin-bottom:3rem;
				}
				.left{
					width:15rem;
					padding-top:4rem;
					padding-right:8rem;
					text-align:center;
					@media (max-width: 991px) {
						width:100%;
						padding:3rem 0 0 0;
						display:flex;
					}
					.btn-a.active:before,
					.btn-a:hover:before{
						width:100%;
					}
					.btn-a:before{
						height:89%;
						transform: skew(-20deg);
						content:'';
						display:block;
						width:100%;
						height:100%;
						background:var(--gold-color);
						right:0;
						top:0;
						position:absolute;
						transform: skew(-20deg);
						transition:transform 200ms, background-color 200ms, width 200ms;
						width:0;
					}
					.btn-a{
						font-family: Cosen;
						font-size: 3.125rem;
						text-decoration:none;
						font-style: normal;
						font-weight: 700;
						line-height:1;
						width:100%;
						background:transparent;
						color:var(--text-color);
						display:block;
						text-align:center;
						position:relative;
						padding:0.3rem 1.6875rem;
						padding:0.3rem 0;
						padding-top:0.95rem;
						margin-bottom:1rem;
						span{
							position:relative;
							z-index:2;
						}
						@media (max-width: 991px) {
							font-size:1.8rem;
						}
					}
				}
				.right{
					width:15rem;
					text-align:right;
					position:relative;
					@media (max-width: 991px) {
						width:100%;
						height:5rem;
					}
					.compasas{
						svg{
							width:5.4rem;
							@media (max-width: 991px) {
								width:4.5rem;
							}
						}
					}
					.btn{
						position:absolute;
						bottom:0;
						right:0;
						@media (max-width: 991px) {
							display:none;
						}
					}
				}
			}
		}
	}
	.a{
		fill:transparent;
		cursor:pointer;
		opacity:0.5;
		transition:fill 300ms;
	}
	.a.active,
	.a:hover{
		fill:#F4F4F3;
	}
	#butas-popup.active,
	#floor-popup.active{
		opacity:1;
		display:flex;
	}
	#butas-popup,
	#floor-popup{
		opacity:0;
		z-index:4;
		white-space:nowrap;
		position:absolute;
		display:none;
		background:#D5D7CE;
		align-items:center;
		left:0;
		top:0;
		@media (max-width: 991px) {
			display:none !important;
		}
	}
	#floor-popup{
		.data{
			font-size: 1.125rem;
			font-style: normal;
			color: #636363;
			min-width:12.2rem;
			padding:0 2.6rem;
		}
		.floor{
			font-family: Cosen;
			font-size: 5.625rem;
			font-style: normal;
			font-weight: 700;
			width:7rem;
			text-align:center;
			line-height:1;
			border-right:1px solid #AEAFAB;
			padding-top:1.5rem;
		}
	}
	#butas-popup{
		
		text-align:center;
		.statusas{
			color: #636363;
			font-size: 0.875rem;
		}
		.name{
			font-family: Cosen;
			font-size: 4.375rem;
			font-style: normal;
			font-weight: 700;
			text-transform: uppercase;
			line-height:1;
		}
		.data{
			text-align:left;
			color: #636363;
			font-size: 1.125rem;
			line-height: 1.375rem;
			padding-left:2.6rem;
			padding-right:2rem;
		}
		.c1{
			border-right:1px solid #AEAFAB;
			padding:1rem 2.5rem;
			padding-top:1.5rem;
		}
	}
	.rinktis-table{
		width:100%;
		table-layout:fixed;
		margin:0;
		padding:0;
		@media (max-width: 991px) {
			table-layout:auto;
		}
		
		.no-result-row.hideme{
			display:none;
		}
		.no-result-row{
			td{
				text-align:center;
				cursor:default;
			}
		}
		
		td{
			vertical-align:middle;
			color: #636363;
			text-align: center;
			font-size: 1.375rem;
			font-style: normal;
			font-weight: 400;
			line-height: 2rem; /* 145.455% */
			padding:1.5rem;
			border-bottom:1px solid #D2D2D2;
			background:#f4f4f3;
			cursor:pointer;
			white-space:nowrap;
			@media (max-width: 991px) {
				padding:1.4rem 0.6rem;
				font-size: .9rem;
			}
		}
		td.no{
			color: #161408;
			font-family: Cosen;
			font-size: 5.625rem;
			font-style: normal;
			font-weight: 700;
			line-height: 1;
			text-transform: uppercase;
			padding-top:2.5rem;
			@media (max-width: 991px) {
				font-size:1.4rem;
				padding-top:1.7rem;
			}
		}
		.savybes-col{
			@media (max-width: 991px) {
				display:none;
			}
		}
		.filter-row:hover td{
			background:#EDEDEB;
		}
		.filter-row.hide{
			display:none;
		}
		.sirdute{
			margin:0;
			padding:0;
			cursor:pointer;
			border:0;
			display:inline-block;
			background:transparent;
			svg{
				height:1.1875rem;
				@media (max-width: 991px) {
					height:.8rem;
				}
				path{
					transition: stroke 150ms, fill 150ms;
				}
			}
		}
		.sirdute:hover{
			path{
				stroke:var(--gold-color);
			}
		}
		.sirdute.active{
			path{
				fill:var(--gold-color);
				stroke:var(--gold-color);
			}
		}
		.status_compact_available{
			background:#A0C6B8;
		}
		.status_compact_reserved{
			background:#D8D194;
		}
		.status_compact_occupied{
			background:#E0BFBF;
		}
		.status_compact{
			display:inline-block;
			width: .8rem;
			height: .8rem;
			border-radius:99px;
			margin-top:-0.4rem;
		}
		.col-mobile{
			@media (min-width: 992px) {
				display:none;
			}
		}
		.col-desktop{
			@media (max-width: 991px) {
				display:none;
			}
		}
	}
	.rinktis-filter-wrap{
		padding:4.5rem 5vw;
		background:#CFC55B;
		@media (max-width: 991px) {
			padding:5vw;
		}
		#filter-form{
			margin:0;
		}
		.rinktis-filter{
			display:flex;
			justify-content:space-between;
			@media (max-width: 991px) {
				display:block;
			}
			.fl{
				@media (max-width: 991px) {
					margin-bottom:2rem;
				}
			}
			.rinktis-filter-block{
				transition:opacity 200ms;
			}
			.rinktis-filter-block.hide{
				opacity:0.3;
			}
			.actions{
				color: #161408;
				font-size:1rem;
				.action{
					margin:1rem 0;
				}
				.checkbox{
					font-size:inherit;
					color:inherit;
					.box{
						margin-right:.4rem;
						border-color:#A69E49;
					}
				}
				#form-reset{
					padding:0;
					margin:0;
					background:transparent;
					border:0;
					svg{
						width: 1.375rem;
						height: 1.375rem;
						vertical-align:middle;
						margin-top:-0.3rem;
						margin-right:.4rem;
					}
				}
			}
			.more-btn:before{
				content:'';
				display:block;
				position:absolute;
				right:0;
				top:0;
				width:40%;
				height:100%;
				background:#fff;
				transform: skew(-20deg);
			}
			.more-btn{
				display:inline-block;
				position:relative;
				margin:0;
				padding:0.9rem 1.1rem;
				border:0;
				font-size: 1rem;
				font-style: normal;
				font-weight: 700;
				line-height: normal;
				letter-spacing: 0.1rem;
				text-transform: uppercase;
				background:transparent;
				cursor:default;
				svg{
					vertical-align:middle;
					margin-top:-.3rem;
					width: 2rem;
				}
				span{
					position:relative;
				}
			}
			.more:hover .options{
				display:block;
			}
			.more{
				position:relative;
				@media (max-width: 991px) {
					display:inline-block;
				}
				.options{
					position:absolute;
					transition:height 300ms;
					right:0.53rem;
					top:100%;
					padding:1.69rem 2.3rem;
					border: 1px solid #D2D2D2;
					background: #EDEDEB;
					display:none;
					@media (max-width: 991px) {
						right:auto;
						left:0;
					}
					.checkbox:hover{
						color:var(--gold-color);
					}
				}
			}
			.more-col{
				position:relative;
				z-index:2;
				padding-top:1.8rem;
			}
			.title{
				font-size: 1.1875rem;
				font-style: normal;
				font-weight: 700;
				line-height: normal;
				text-transform: uppercase;
				margin-bottom:0.9rem;
			}
			.sel{
				display:flex;
				flex-direction:row-reverse;
				justify-content: start;
			}

			.sel-slider{
				margin-top:1.9rem;
				width:11rem;
				@media (max-width: 991px) {
					width:auto;
				}
				.slider-values{
					text-align:center;
					font-size: 1rem;
					margin-top:1rem;
					white-space:nowrap;
					.s{
						margin:0 .5rem;
					}
				}
				.noUi-connects{
					border-radius:none;
				}
				.noUi-handle{
					background:transparent;
					border:none;
					box-shadow:none;
					cursor:pointer;
				}
				.noUi-handle:after, .noUi-handle:before{
					display:none;
				}
				.noUi-touch-area:before{
					content:'';
					display:block;
					position:absolute;
					left:46%;
					width:0.3rem;
					height:100%;
					background:#fff;
					transform: skew(-20deg);
				}
				.noUi-touch-area{
					position:relative;
				}
				.noUi-horizontal{
					height:1px;
				}
				.noUi-horizontal .noUi-handle {
					width: 2.125rem;
					height: 1.6875rem;
					right: -1.0625rem;
					top: -1rem;
				}
				.noUi-connect{
					background:#fff;
					transition:background-color 250ms;
				}
				.initial .noUi-connect{
					background:#A69E49;
				}
				.noUi-target{
					border:0;
					background:#A69E49;
					box-shadow:none;
				}
			}
			.sexy-checkbox:last-child{
				.value:before{
					display:none;
				}
			}
			.sexy-checkbox{
				cursor:pointer;
				-webkit-touch-callout: none;
				-webkit-user-select: none;
				user-select: none;
				display:block;
				margin-left:2px;
				input{
					display:none;
				}

				.value{
					position:relative;
					display:inline-block;
					
					span{
						position:relative;
						z-index:2;
						padding:.5rem 1rem;
						font-size: 1.125rem;
						font-style: normal;
						font-weight: 400;
						line-height: 1.1; /* 177.778% */
						text-align:center;
						display:inline-block;
						
					}
				}
				.value-tipas{
					span{
						@media (max-width: 991px) {
							font-size:1rem;
						}
					}
				}
				.value:before{
					content:'';
					display:block;
					position:absolute;
					left:0;
					top:20%;
					transform: skew(-20deg);
					height:60%;
					width:1px;
					border-left:1px solid #A69E49;
				}
				
				.value:after{
					content:'';
					display:block;
					position:absolute;
					right:0;
					top:0;
					background:#fff;
					transform: skew(-20deg);
					height:100%;
					width:0;
					transition:width 150ms;
				}
				input:checked + .value:after{
					width:100%;
				}
			}
		}
	}
}