@charset "utf-8";
/* CSS Document */

/*Total Search Container*/
.searchresult-cont{
	min-height:600px;
	width:100%;
	position:relative;
	margin-top:116px;
	padding:20px;
	letter-spacing:0.5px;
}

/*Search Result*/

.searchcont{
	width:calc( 77% - 60px );
	margin:15px;
	min-height:100%;
	position:relative;
	float:left;
	color:#4f5767;
}
.searchfor{
	position:relative;
	width:100%;
	padding:0px 12px;
	background-color:#fff;
	font-family:'Poppins', sans-serif;
	margin-bottom:20px;
	box-shadow: 0 0 4px 0 rgb(207 207 207 / 50%);
}
.search-for{
	position:relative;
	width:100%;
	font-size:16px;
	padding:8px 0px;
}
.search-for>strong{
}
.ads_bost_icon{
    position:absolute;
    top:0px;
    right:0px;
    max-width:30px;
    max-height:30px;
}
/*Search Sort By*/
.sortbys{
	position:relative;
	width:100%;
	font-size:15px;
}
.sortbys>.total-no-search{
	width:auto;
	display:inline-block;
	width:180px;
	padding:8px 0px;
}
.sort{
	font-size:15px;
	font-weight:600;
	display:inline-block;
	width:calc( 100% - 190px);
	text-align:right;
}
.sort-by{
	display:inline-block;
	padding:13px 10px;
	width:calc(19% - 10px);
	text-align:center;
	font-size:14px;
	cursor:pointer;
	margin:0px 5px;
}
.sort-by i{
	font-size:16px;
	margin-left:5px;
}
.sort-by.selected{
	color:#4db8ff;
	border-bottom:3px solid #4db8ff;
}

/*Search Results By*/

.searchresults{
	margin-top:20px;
	padding:5px;
}
.searchresult{
	display:inline-block;
	width:calc(33% - 10px);
	margin:5px;
	position:relative;
	min-height:200px;
	background-color:#ffffff;
	box-shadow: 0 0 4px 0 rgb(207 207 207 / 50%);
	font-family:din, sans-serif;
}
.college-bg{
	min-height:150px;
	background-position:center;
	background-size:cover;
	width:100%;
	position:relative;
}
.college-title{
	position:relative;
	width:100%;
	margin-top:-55px;
	padding:0px 7px;
}
.college-search-logo{
	position:relative;
	float:left;
	min-height:54px;
	padding:2px;
	max-height:54px;
	width:54px;
	box-shadow: 0 0 4px 0 rgb(207 207 207 / 50%);
	background-color:#ffffff;
}
.college-search-logo>img{
	height:50px;
	width:50px;
}
.college-search-name{
	float:left;
	position:relative;
	width:calc(100% - 55px);
	color:#ffffff;
	font-size:12.5px;
	font-weight:800;
	letter-spacing:0.4px;
	padding:0.5px 8px;
	text-align:left;
	padding-right:5px;
	max-height:55px;
	min-height:55px;
	text-transform: uppercase;
}
.college-search-details{
	position:relative;
	width:100%;
	margin-top:55px;
}
.college-detail{
	display:inline-block;
	position:relative;
	width:49%;
	font-size:18px;
	text-align:center;
	font-weight:700;
	padding:5px 5px;
}
.college-detail>span{
	display:block;
	width:100%;
	font-size:13px;
	font-weight:200;
	color:#4f5767;
}
.college-detail i{
	font-size:16px;
	color:#6699ff;
}
.college-location{
	border-top:2px solid #f2f2f2;
	text-align:center;
	font-size:12px;
	letter-spacing:0.8px;
	padding:5px 3px;
	position:relative;
	width:100%;
	font-family:'Poppins', sans-serif;
	text-transform:capitalize;
}
.college-location i{
	font-size:20px;
	margin-right:10px;
	color:#8080ff;
}
.result-options{
	position:relative;
	width:100%;
	margin-top:5px;
}
.result-option{
	width:50%;
	float:left;
	padding:5px 3px;
	text-align:center;
	font-size:14px;
	color:#fff;
}
.result-option i{
	margin-right:5px;
	font-size:16px;
	margin-right:5px;
}
#bro{
	/*background-color:#ff8080;*/
	color:#26a69a;
	border-top:1px solid #f2f2f2;
}
#moredetails{
	background-color:#26a69a;
}

/* Filters */

.all-filter{
	width:23%;
	margin:15px;
	min-height:100%;
	position:relative;
	float:left;
	background-color:#fff;
	color:#4f5767;
	border-radius:5px 5px 0px 0px;
	box-shadow: 0 0 4px 0 rgb(207 207 207 / 50%);
}
.total-no-search{
	padding:12px 20px;
	font-size:14px;
	font-family:din, sans-serif;
	font-weight:700;
	position:relative;
}
.filter-box{
	position:relative;
	margin:0px;
	width:100%;
}
.filter-title{
	padding:10px 15px;
	font-size:15px;
	font-weight:600;
	background-color:#f2f2f2;
	position:relative;
	width:100%;
	font-family:din, sans-serif;
	text-transform:uppercase;
}
.filter-cont{
	position:relative;
	width:100%;
	overflow-y:scroll;
	overflow-x:hidden;
	min-height:200px;
	max-height:200px;
	font-family:'Poppins', sans-serif;
	padding:10px 4px;
}
.filter-option{
	position:relative;
	width:100%;
	font-size:13px;
	padding:0px 10px;
	color:#4f5767;
	text-transform:capitalize;
}
.filter-cont::-webkit-scrollbar {
	width:5px;
}
.filter-cont::-webkit-scrollbar-track { 
	background-color:#fff;
}
.filter-cont::-webkit-scrollbar-thumb {
	background:#3e6595; 
}
.filter-cont::-webkit-scrollbar-thumb:hover {
	background:#1a1a1a; 
}
.filter-title {
	border-left: 4px solid rgba(255, 128, 128, 0.70);
}

/* Mobile Filters options */
.fixed-filter{
	position:fixed;
	bottom:0px;
	left:0px;
	background-color:#ffffff;
	width:100%;
	border-top:1px solid #d9d9d9;
	display:none;
}
.filtero{
	width:50%;
	float:left;
	color:#4f5767;
	font-size:24px;
	padding:10px 0px;
	text-align:center;
}
.filtero:first-child{
	border-right:2px solid #f2f2f2;
}

/* Mobile Filters Container */

.mobile-filter{
	z-index: 13;
    width: 100%;
    background-color: #ffffff;
    position: fixed;
    left: 0;
    top: 0;
    overflow-x: hidden;
    font-family: din, sans-serif;
    height: 0%;
    transition: 0.5s;
	display:none;
}
.mobile-filter>.mobilesearch-back{
	padding:15px 10px;
}
.mobilefilter-back{
	display: inline-block;
    font-size: 22px;
    padding:15px 10px;
	width:50%;
}
#mobilefilter-apply{
	text-align:right;
	padding-right:30px;
}

/* Mobile Sort Container */

.mobile-sort{
	z-index: 11;
    width: 50%;
    background-color: #ffffff;
    position: fixed;
    right: 0;
	bottom:44px;
	box-shadow: 0 0 4px 0 rgb(207 207 207 / 50%);
	display:none;
}
.mobilesort-by{
	display:block;
	padding:10px 30px;
	font-size:16px;
	text-align:right;
	font-family: din, sans-serif;
	border-bottom:2px solid #f2f2f2;
	letter-spacing:0.8px;
}
.mobilesort-by i{
	font-size:18px;
	margin-right:10px;
}
.mobilesort-by.selected{
	color: #2abbad;
    border-right: 5px solid #2abbad;
	font-weight:800;
}

/* No Result */

.no-details{
	width:100%;
	text-align:center;
	padding: 10px 5px;
	font-size:32px;
	color:#3eae8d;
	font-weight:900;
	font-family:din, sans-serif;
	margin-top:60px;
}
.no-details i{
	margin:0px 10px;
}
.no-details span{
	color:#ff7d7d;
	font-size:45px;
}


/* Mobile Responsive */
@media only screen and (max-width: 768px) {
	.searchresult-cont{
		padding:10px;
		margin-top:60px;
	}
	.all-filter{
		display:none;
	}
	.searchcont{
		width:100%;
		margin:0px;
	}
	.searchfor{
		padding:0px 6px;
		margin-bottom:10px;
	}
	.search-for{
		font-size:14px;
		padding:4px;
		text-align:center;
	}
	.sort{
		display:none;
	}
	.sortbys>.total-no-search{
		width:100%;
		text-align:center;
	}
	.searchresults{
		margin-top: 10px;
    	padding: 0px;
	}
	.searchresult{
		width:100%;
		margin:10px 0px;
	}
	.fixed-filter{
		display:block;
	}
	.mobile-filter{
		display:block;
	}
	.no-details{
		font-size:24px;
	}
	.no-details span{
		font-size:35px;
	}
}