/**
* CSS
* @version 1.0
* @author Ozhan Binici
*/

h3.title {
	position:relative;
	display:block;
	width:100%;
	height:auto;
	font-size:19px;
	line-height:25px;
	font-family: "roc-grotesk";
	font-weight: 500;
	color:#FFFFFF;
	padding:8px 25px 7px 25px;
	background-color:#999999;
	margin-bottom:10px;
	/*border-bottom:10px solid #f7f4e5;*/
}
.filters.baglanti-kur-new {
	display:flex;
	flex-wrap:nowrap;
	height:auto;
	flex-direction:row;
	padding:0px;
	width:calc(100% + 10px);
}

.filters.baglanti-kur-new li {
	flex: auto;
	margin-right:0px;
	margin-bottom:0px;
	border-bottom:10px solid #f7f4e5;
	align-self:flex-start;
	width:calc(25% + 2.5px);
	list-style-type:none;
	line-height:0px;
}


.expanded .filters.baglanti-kur-new {
	position:relative;
	display:flex;
	flex-direction:column;
	flex-wrap:wrap;
}

.filters.baglanti-kur-new a.active:after{
	content:"×";
	display:inline-block;
	position:relative;
	margin-left:5px;
}

.filters.baglanti-kur-new a.active:after{
	content:"×";
	display:inline-block;
	position:relative;
	margin-left:5px;
}
.filters.baglanti-kur-new a[href="#tumu"].active:after{
	content:"";

}

#search-cities {
	margin-bottom:0px;
	position:relative;
	padding:0px;
	border-bottom:1px solid #999999;
}
#search-cities input{
	position: relative;
	display: block;
	font-family: "bely";
	font-weight: 400;
	font-size: 20px;
	line-height: 30px;
	padding: 5px 5px 5px 35px;
	background-color: #FFFFFF;
	color: #000000;
	margin-bottom: 10px;
	border-radius: 0;
	margin-bottom:0px;
}
#search-cities input[type='text']{
	width:100%
}




#filters-toggle {
	position:relative;
	background-color:rgba(153, 153, 153, 0.3);
	width:100%;
	margin-bottom: 10px;
	padding-top:15px;
	padding-bottom:10px;
}
#filters-toggle a {
	position:relative;
	display:inline-block;
	color:#000000;
	width:auto;
	font-family: "roc-grotesk";
	font-weight: 500;
	font-size: 24px;
	line-height: 29px;
	padding-left: 25px;
}

#filters-toggle a span {
	position:absolute;
	left:0px;
	width:20px;
	text-align:right;
	top:0px;
}

#filters-toggle a:hover {
	color:#034ea2;
}

.sticky-filters {
	overflow:visible;
	background-color:#f7f4e4;
}

.sticky-filters .scaler {
	background-color:transparent;
	overflow:visible;
}

.ui-widget-content {
	border:0px;
	border-top:1px solid #dbd8ce;
	background:#FFFFFF;
	color:#000000;
	position:fixed;
}
.ui-menu .ui-menu-item {
	font-family: "bely";
	font-weight: 400;
	font-size: 24px;
	line-height: 30px;
	padding: 5px 10px;
	background:#FFFFFF;
	color:#000000;
}
.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
	margin: 0px;
}
.ui-menu .ui-menu-item:hover {
	border:0px;
	background:#FFFFFF;
	color:#034ea2;
}

.ui-widget-header .ui-state-highlight {
	border: 0px;
	background: #FFFFFF;
}

main .primary-content .connections .connection .tags {
	display:block;
	width:100%;
	position:relative;
	bottom:auto;
	right:auto;
}

main .primary-content .connections .connection .tags a.city {
	display:none;
}

.connection p {
	overflow:hidden;
	text-overflow:ellipsis;
	display:inline-block;
	max-width:100%;
}




.filters form {
	display:none;

	width: calc(200% - 10px);
	background-color: #FFFFFF;
	border-left:10px solid #999999;
	padding:20px 15px;
}

.filters form + form {
	padding-top:10px;
}

.filters li:last-child form {
	width:calc(100% - 10px);
	max-height:calc(100vh - 200px);
	overflow-y:scroll;
}

.filters form .checkbox-holder{
	position:relative;
	display:block;
	width:100%;
	padding-left:20px;
}

.filters form .checkbox-holder.hide{
	display:none;
}

.filters form .checkbox-holder input[type='checkbox']{
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 10px;
	width: 10px;
	left: 0px;
	top: 3px;
	z-index: 10;
}

.filters form .checkbox-holder .checkmark{
	position: absolute;
	left: 0px;
	top: 3px;
	height: 10px;
	width: 10px;
	background-color: #FFFFFF;
	border:1px solid #000000;
}

.filters form .checkbox-holder input:checked ~ .checkmark {
	background-color:#000000;
}

.filters form .checkbox-holder label{
	position: relative;
	font-size:14px;
	line-height:20px;
	color:#000000;
	font-family:"roc-grotesk";
	font-weight:400;
}



.filters.baglanti-kur-new li a.filter-title {
	font-size:19px;
	line-height:25px;
	font-family: "roc-grotesk";
	font-weight: 500;
	color:#FFFFFF;
	padding:8px 25px 7px 25px;
	border-left:0px;
	width:calc(100% - 10px);
	background-color:#999999;
	position:relative;
	display:block;
}

.filters.baglanti-kur-new li a.filter-title:hover {
	color:#FFFFFF;
}

.filters.baglanti-kur-new li a.filter-title:after {
	position:absolute;
	content:" ";
	display:block;
	top:12px;
	right:15px;
	width: 0; 
	height: 0; 
	border-left: 9px solid transparent;
	border-right: 9px solid transparent;
	
	border-top: 16px solid #FFFFFF;
}

.filters.baglanti-kur-new li a.filter-title:after {
	position:absolute;
	content:" ";
	display:block;
	top:12px;
	right:15px;
	width: 0; 
	height: 0; 
	border-left: 9px solid transparent;
	border-right: 9px solid transparent;
	
	border-top: 16px solid #FFFFFF;
}

.filters.baglanti-kur-new li:hover {
	/*margin-bottom:0px;*/
	border-bottom:0px;
	z-index:2;
}

.filters.baglanti-kur-new li:hover a.filter-title:after {
	border-left: 9px solid transparent;
	border-right: 9px solid transparent;
	
	border-bottom: 16px solid #FFFFFF;
	border-top:0px;
}

.filters.baglanti-kur-new li:hover form {
	display:block;
}

.filters.baglanti-kur-new li a.label-holder {
	position:relative;
	display:block;
	width:calc(100% - 10px);
	height:auto;
	font-size:14px;
	line-height:17px;
	margin-bottom:10px;
	background-color:rgba(204, 204, 204, 0.3);
	padding:0px;
	padding-left:25px;
	padding-right:25px;
	border:0px;
	color:#000000;
	display:none;
}
.filters.baglanti-kur-new.selected-tags {
	position:absolute;
	top:100px;
	left:0px;
	width:calc(100% + 10px);
	height:auto;
}
.filters.baglanti-kur-new.selected-tags li {
	border-bottom:0px;
}

	
.filters.baglanti-kur-new li a.label-holder.show {
	display:block;
}
.filters.baglanti-kur-new li a.label-holder:hover {
	background-color:rgba(204, 204, 204, 0.5);
	color:#000000;
}

.label-holder .close {
	position: absolute;
	right: 10px;
	top: 4px;
	width: 9px;
	height: 9px;
	opacity: 1;
}
.close:hover {
	opacity: 1;
}

.label-holder .close:before, 
.label-holder .close:after {
	position: absolute;
	left: 4px;
	top:-1px;
	content: ' ';
	height: 11px;
	width: 1px;
	background-color: #000;
}
.label-holder .close:before {
	transform: rotate(45deg);
}
.label-holder .close:after {
	transform: rotate(-45deg);
}
#clear-filters {
	position:absolute;
	top:0px;
	right:0px;
	background-color:#ffff00;
	color:#000000;
	font-family:"roc-grotesk";
	font-weight:400;
	text-decoration:underline;
	font-size:16px;
	line-height:40px;
	padding:0 25px;
	display:none;
}

#clear-filters.show {
	display:block;
}

#clear-filters:hover {
	text-decoration:none;
}

main .primary-content .connections .connection .tags {
	text-align:left;
}

main .primary-content .connections {
	min-height:1150px;
}

.secondary-content.baglanti-kur-aside > p.meta {
	margin-top:30px;
	padding-bottom:30px;
}

.selected-indicator {
	display:none;
}

.mobile-dates {
	display:none;
}

.secondary-content > a.apply + p {
	margin-top:31px;
}

@media (max-width:700px){
	main .primary-content .connections .connection {
		width:100%;
		margin:0px 0px 20px 0px;
		height:auto;
		padding:20px;
	}
	
	main .primary-content .tags {
		font-size:11px;
		line-height:14px;
	}
	
	main .primary-content .connections .connection p {
		margin-bottom:15px;
	}
	
	main .primary-content .connections .connection p + p {
		margin-bottom:20px;
	}
	
	h3.title {
		font-size:16px;
		line-height:18px;
		padding-left:20px;
		padding-right:20px;
		margin-bottom:0px;
		border-bottom:10px solid #f7f4e5;
	}
	
	.baglanti-kur-new .filters.baglanti-kur-new {
		flex-direction:column;
		width:100%;
		display:none;
	}
	
	.baglanti-kur-new.show .filters.baglanti-kur-new {
		display:flex;
	}
	.filters.baglanti-kur-new li {
		width:100%;
	}
	
	.baglanti-kur-new.show .filters.baglanti-kur-new.selected-tags {
		display:none;
	}
	
	.filters.baglanti-kur-new li a.filter-title {
		font-size:16px;
		line-height:18px;
		padding-left:20px;
		padding-right:20px;
		width:100%;
	}
	
	.filters.baglanti-kur-new li a.filter-title:after {
		border-left: 7px solid transparent;
		border-right: 7px solid transparent;
		border-top: 13px solid #FFFFFF;
		

		top: 10px;
		right: 22px;
	}
	
	.filters.baglanti-kur-new li:hover a.filter-title:after {
		border-left: 7px solid transparent;
		border-right: 7px solid transparent;
		border-bottom: 13px solid #FFFFFF;
		border-top: 0px;
		
		border-left: 7px solid transparent;
		border-right: 7px solid transparent;
		border-bottom:0px;
		border-top: 13px solid #FFFFFF;
	}
	
	.filters.baglanti-kur-new li.active a.filter-title:after {
		border-left: 7px solid transparent;
		border-right: 7px solid transparent;
		border-bottom: 13px solid #FFFFFF;
		border-top: 0px;
	}
	
	.filters form .checkbox-holder label {
		font-size:12px;
		line-height:18px;
	}
	
	.filters form .checkbox-holder {
		padding-left:17px;
	}
	
	#clear-filters {
		padding:0 20px;
		line-height:33px;
	}
	
	.filters.baglanti-kur-new li:hover {
		/*margin-bottom:0px;*/
		border-bottom:10px solid #f7f4e5;
		z-index:2;
	}
	
	.filters.baglanti-kur-new li:hover form {
		display:none;
	}
	
	.filters.baglanti-kur-new li.active {
		/*margin-bottom:0px;*/
		border-bottom:10px solid #f7f4e5;
		z-index:2;
	}
	
	.filters.baglanti-kur-new li.active form {
		display:block;
	}
	
	.filters.baglanti-kur-new.selected-tags,
	.baglanti-kur-new.active .filters.baglanti-kur-new.selected-tags {
		width:100%;
		top:220px;
		display:none;
	}
	
	.secondary-content.baglanti-kur-aside > p {
		font-size: 17px;
		line-height: 20px;
		margin-bottom: 17px;
		padding-left:20px;
		padding-right:20px;
	}
	
	.secondary-content.baglanti-kur-aside > p.meta {
		font-size: 12px;
		line-height: 14px;
		margin-bottom: 17px;
		padding-bottom:0px;
	}
	
	.secondary-content.baglanti-kur-aside > a.apply {
		margin-left:20px;
		width:280px;
	}
	
	main .primary-content .tags a {
		display:inline;
	}
	
	
	h3.title:after {
		position: absolute;
		content: " ";
		display: block;
		top: 10px;
		right: 22px;
		width: 0;
		height: 0;

		border-left: 7px solid transparent;
		border-right: 7px solid transparent;
		border-top: 13px solid #FFFFFF;
	}
	
	.baglanti-kur-new.show h3.title:after {
		border-left: 7px solid transparent;
		border-right: 7px solid transparent;
		border-bottom: 13px solid #FFFFFF;
		border-top: 0px;
	}
	
	.selected-indicator {
		display:inline;
	}
	
	h3.title.with-clear-filters:after {
		right: 180px;
	}
	
	.mobile-only .secondary-content > a.apply {
		margin-bottom:30px;
	}
	
	.mobile-dates {
		display:block;
		padding:0 20px;
	}
	
	.secondary-content > a.apply + p {
		margin-top:0px;
	}
}