/* ############################ hero search area css begin ############# */
	
	.hero-search-div
	{
		position : absolute;
		top : 28%;
		left : 5%;
		width : 90%;
		min-height : 40%;
		background : rgba(0, 0, 0, 0.5);
		backdrop-filter : blur(3px);
		padding : 0em;
		border-radius : 6px;
		box-shadow : 0px 4px 20px 5px #4b4d4f;
		z-index : 88;
	}
	
	.searchbox-title
	{
		text-align : center;
		color : #ffffff;
		font-size : 1.1em;
		text-shadow: 2px 2px 2px #000000;
		margin-bottom : 0.5em;
		margin-top : 0.8em;
	
	}
	
	
	.searchbox-input, .searchbox-input:focus
	{
		width : 100%;
		padding-top : 5px;
		padding-bottom : 5px;
		padding-left : 5px;
		padding-right : 5px;
		outline : none;
		border : 2px solid transparent;
		border-radius : 8px;
		
		
	}
	
	.searchbox-form-button
	{
		width : 100%;
		height : 100%;
		background-color : #e80523;
		text-align : center;
		font-size : 1.25em;
		color : #ffffff;
		border-radius : 8px;
		border : 1px solid transparent;
		margin-left : 5px;
	}
	
	/* ############################ hero search area css end ############# */
	
/* xs-breakpoint */
@media (max-width: 576px)
{
	/* ############################ hero search area css begin ############# */
.hero-search-div
{
	position : absolute;
	top : 28%;
	left : 5%;
	width : 90%;
	min-height : 40%;
	background : rgba(0, 0, 0, 0.5);
	backdrop-filter : blur(3px);
	padding : 0em;
	border-radius : 6px;
	box-shadow : 0px 4px 20px 5px #4b4d4f;
	z-index : 88;
}

.searchbox-title
{
	text-align : center;
	color : #ffffff;
	font-size : 1.1em;
	text-shadow: 2px 2px 2px #000000;
	margin-bottom : 0.5em;
	margin-top : 0.8em;

}


.searchbox-input, .searchbox-input:focus
{
	width : 100%;
	padding-top : 5px;
	padding-bottom : 5px;
	padding-left : 5px;
	padding-right : 5px;
	outline : none;
	border : 2px solid transparent;
	border-radius : 8px;
	
	
}

.searchbox-form-button
{
	width : 100%;
	height : 100%;
	background-color : #e80523;
	text-align : center;
	font-size : 1.25em;
	color : #ffffff;
	border-radius : 8px;
	border : 1px solid transparent;
	margin-left : 5px;
}

/* ############################ hero search area css end ############# */

.login-page-form-section
{
position : absolute;
top : 20%;
left : 0%;
width : 100%;
background-color: rgba(255, 255, 255, 0.8);
backdrop-filter: blur(10px);
min-height : 100px;
z-index : 5;
padding : 1em;
}
.signup-page-form-section
{
position : absolute;
top : 15%;
right : 0%;
width : 100%;
background-color: rgba(255, 255, 255, 0.8);
backdrop-filter: blur(10px);
min-height : 100px;
z-index : 5;
padding : 1em;
}


.logoimg
{
	width : 100%;
	height : auto;
}


.post-free-btn
{
	padding-top : 0.36em;
	padding-right : 1em;
	padding-bottom : 0.36em;
	padding-left : 1em;
	color : #ffffff;
	background-color : #e80523;
	font-size : 0.75em;
	font-weight : bold;
	text-align : center;
	max-width : 200px;
	border-radius : 5px;
	text-decoration : none;
	transition : 0.3s ease all;
}
.post-free-btn:hover
{
	padding-top : 0.36em;
	padding-right : 1em;
	padding-bottom : 0.36em;
	padding-left : 1em;
	color : #ffffff;
	background-color : #e80523;
	font-size : 0.75em;
	font-weight : bold;
	text-align : center;
	max-width : 200px;
	border-radius : 5px;
	box-shadow : 0px 2px 3px 3px #e6e1e1;
	text-decoration : none;
	transition : 0.3s ease all;
}
.categories-container-column
{
	width : 49%;
	display : inline-block;
	
}


.classified-ad-tile
{
	width : 49%;
	height : auto;
	display : inline-block;
	padding : 5px;
	border-radius : 5px;
	transition : 0.5s ease all;
}

.classified-ad-tile:hover
{
	width : 49.5%;
	height : auto;
	padding : 5px;
	display : inline-block;
	box-shadow : 0px 5px 8px 8px #f5f0f0;
	border-radius : 5px;
	transition : 0.5s ease all;
	
}


	
}

/* sm-breakpoint */
@media (min-width: 576px) {  

	.login-page-form-section
{
position : absolute;
top : 20%;
left : 0%;
width : 100%;
background-color: rgba(255, 255, 255, 0.8);
backdrop-filter: blur(10px);
min-height : 100px;
z-index : 5;
padding : 1em;
}
.signup-page-form-section
{
position : absolute;
top : 15%;
right : 0%;
width : 100%;
background-color: rgba(255, 255, 255, 0.8);
backdrop-filter: blur(10px);
min-height : 100px;
z-index : 5;
padding : 1em;
}
.categories-container-column
{
	width : 32.5%;
	display : inline-block;
	
}

.logoimg
{
	width : 80%;
	height : auto;
}


.post-free-btn
{
	padding-top : 0.36em;
	padding-right : 1em;
	padding-bottom : 0.36em;
	padding-left : 1em;
	color : #ffffff;
	background-color : #e80523;
	font-size : 0.75em;
	font-weight : bold;
	text-align : center;
	max-width : 200px;
	border-radius : 5px;
	text-decoration : none;
	transition : 0.3s ease all;
}
.post-free-btn:hover
{
	padding-top : 0.36em;
	padding-right : 1em;
	padding-bottom : 0.36em;
	padding-left : 1em;
	color : #ffffff;
	background-color : #e80523;
	font-size : 0.75em;
	font-weight : bold;
	text-align : center;
	max-width : 200px;
	border-radius : 5px;
	box-shadow : 0px 2px 3px 3px #e6e1e1;
	text-decoration : none;
	transition : 0.3s ease all;
}


.classified-ad-tile
{
	width : 32.5%;
	height : auto;
	display : inline-block;
	padding : 5px;
	border-radius : 5px;
	transition : 0.5s ease all;
}

.classified-ad-tile:hover
{
	width : 32.5%;
	height : auto;
	padding : 5px;
	display : inline-block;
	box-shadow : 0px 5px 8px 8px #f5f0f0;
	border-radius : 5px;
	transition : 0.5s ease all;
	
}



}


   
/* md-breakpoint Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 768px) {  

	.login-page-form-section
{
position : absolute;
top : 20%;
left : 0%;
width : 50%;
background-color: rgba(255, 255, 255, 0.8);
backdrop-filter: blur(10px);
min-height : 100px;
z-index : 5;
padding : 1em;
}
.signup-page-form-section
{
position : absolute;
top : 15%;
right : 0%;
width : 50%;
background-color: rgba(255, 255, 255, 0.8);
backdrop-filter: blur(10px);
min-height : 100px;
z-index : 5;
padding : 1em;
}
.logoimg
{
	width : 50%;
	height : auto;
}

.categories-container-column
{
	width : 32.5%;
	display : inline-block;
	
}


.classified-ad-tile
{
	width : 32.5%;
	height : auto;
	display : inline-block;
	padding : 5px;
	border-radius : 5px;
	transition : 0.5s ease all;
}

.classified-ad-tile:hover
{
	width : 32.5%;
	height : auto;
	padding : 5px;
	display : inline-block;
	box-shadow : 0px 5px 8px 8px #f5f0f0;
	border-radius : 5px;
	transition : 0.5s ease all;
	
}




}


/* lg-breakpoint Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 
/* ############################ hero search area css begin ############# */
.hero-search-div
{
	position : absolute;
	top : 30%;
	left : 17.5%;
	width : 65%;
	min-height : 40%;
	background : rgba(0, 0, 0, 0.5);
	backdrop-filter : blur(3px);
	padding : 1em;
	border-radius : 6px;
	box-shadow : 0px 4px 20px 5px #4b4d4f;
	z-index : 88;
}

.searchbox-title
{
	text-align : center;
	color : #ffffff;
	font-size : 1.5em;
	text-shadow: 2px 2px 2px #000000;
	margin-bottom : 0.7em;

}


.searchbox-input, .searchbox-input:focus
{
	width : 100%;
	padding-top : 8px;
	padding-bottom : 8px;
	padding-left : 15px;
	padding-right : 15px;
	outline : none;
	border : 2px solid transparent;
	border-radius : 8px;

	
}

.searchbox-form-button
{
	width : 100%;
	height : 100%;
	background-color : #e80523;
	text-align : center;
	font-size : 1.25em;
	color : #ffffff;
	border-radius : 5px;
	border : 1px solid transparent;
	margin-left : 5px;
}

/* ############################ hero search area css end ############# */


.logoimg
{
	width : 40%;
	height : auto;
}


.post-free-btn
{
	padding-top : 0.46em;
	padding-right : 1em;
	padding-bottom : 0.46em;
	padding-left : 1em;
	color : #ffffff;
	background-color : #e80523;
	font-size : 0.85em;
	font-weight : bold;
	text-align : center;
	max-width : 200px;
	border-radius : 5px;
	text-decoration : none;
	transition : 0.3s ease all;
}
.post-free-btn:hover
{
	padding-top : 0.46em;
	padding-right : 1em;
	padding-bottom : 0.46em;
	padding-left : 1em;
	color : #ffffff;
	background-color : #e80523;
	font-size : 0.85em;
	font-weight : bold;
	text-align : center;
	max-width : 200px;
	border-radius : 5px;
	box-shadow : 0px 2px 3px 3px #e6e1e1;
	text-decoration : none;
	transition : 0.3s ease all;
}

.categories-container-column
{
	width : 19.5%;
	display : inline-block;
	
}


.classified-ad-tile
{
	width : 19.5%;
	height : auto;
	display : inline-block;
	padding : 5px;
	border-radius : 5px;
	transition : 0.5s ease all;
}

.classified-ad-tile:hover
{
	width : 19.5%;
	height : auto;
	padding : 5px;
	display : inline-block;
	box-shadow : 0px 5px 8px 8px #f5f0f0;
	border-radius : 5px;
	transition : 0.5s ease all;
	
}



}




/* xl-breakpoint Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {  
    
/* ############################ hero search area css begin ############# */
.hero-search-div
{
	position : absolute;
	top : 30%;
	left : 17.5%;
	width : 65%;
	min-height : 40%;
	background : rgba(0, 0, 0, 0.5);
	backdrop-filter : blur(3px);
	padding : 1em;
	border-radius : 6px;
	box-shadow : 0px 4px 20px 5px #4b4d4f;
	z-index : 88;
}

.searchbox-title
{
	text-align : center;
	color : #ffffff;
	font-size : 1.5em;
	text-shadow: 2px 2px 2px #000000;
	margin-bottom : 0.7em;

}


.searchbox-input, .searchbox-input:focus
{
	width : 100%;
	padding-top : 8px;
	padding-bottom : 8px;
	padding-left : 15px;
	padding-right : 15px;
	outline : none;
	border : 2px solid transparent;
	border-radius : 8px;
	
	
}

.searchbox-form-button
{
	width : 100%;
	height : 100%;
	background-color : #e80523;
	text-align : center;
	font-size : 1.25em;
	color : #ffffff;
	border-radius : 5px;
	border : 1px solid transparent;
	margin-left : 5px;
}

/* ############################ hero search area css end ############# */









	.logoimg
{
	width : 40%;
	height : auto;
}
	
	
.post-free-btn
{
	padding-top : 0.46em;
	padding-right : 1em;
	padding-bottom : 0.46em;
	padding-left : 1em;
	color : #ffffff;
	background-color : #e80523;
	font-size : 0.85em;
	font-weight : bold;
	text-align : center;
	max-width : 200px;
	border-radius : 5px;
	text-decoration : none;
	transition : 0.3s ease all;
}
.post-free-btn:hover
{
	padding-top : 0.46em;
	padding-right : 1em;
	padding-bottom : 0.46em;
	padding-left : 1em;
	color : #ffffff;
	background-color : #e80523;
	font-size : 0.85em;
	font-weight : bold;
	text-align : center;
	max-width : 200px;
	border-radius : 5px;
	box-shadow : 0px 2px 3px 3px #e6e1e1;
	text-decoration : none;
	transition : 0.3s ease all;
}
	
	
.categories-container-column
{
	width : 19.5%;
	display : inline-block;
	
}


.classified-ad-tile
{
	width : 19.5%;
	height : auto;
	display : inline-block;
	padding : 5px;
	border-radius : 5px;
	transition : 0.5s ease all;
}

.classified-ad-tile:hover
{
	width : 19.5%;
	height : auto;
	padding : 5px;
	display : inline-block;
	box-shadow : 0px 5px 8px 8px #f5f0f0;
	border-radius : 5px;
	transition : 0.5s ease all;
	
}


	
}


/* all generic and default css */



.hero-banner-div
{
	position : relative;
}



.flexp
{
	display : flex;
	flex-direction: column;
	justify-content : center;
	
	
	height : 100%;

}

.flexc
{
	display : flex;
	flex-direction: row;
	justify-content : center;
	
	
	width : 100%;

}


.header
{
	padding-top : 10px;
	padding-bottom : 10px;
	border-bottom : 1px solid #e5e5e5;
}

.ff1
{
	font-family: 'Roboto', sans-serif;

}
.ff2
{
	font-family: 'Be Vietnam', sans-serif;

}
.ff3
{
	font-family: 'Big Shoulders Text', cursive;

}
.ff4
{
	font-family: 'Titillium Web', sans-serif;

}
.ff5
{
	font-family: 'Fira Sans', sans-serif;

}
.ff6
{
	font-family: 'Heebo', sans-serif;

}
.ff7
{
	font-family: 'Manjari', sans-serif;

}
.ff8
{
	font-family: 'Anton', sans-serif;

}
.ff9
{
	font-family: 'Nunito', sans-serif;

}
.ff10
{
	font-family: 'Kanit', sans-serif;

}
.loginbtn
{
	border : none;
	outline : none;
	background-color : #ffffff;
	cursor : pointer;
	font-size : 0.85em;
}
.loginbtn:focus
{
	border : none;
	outline : none;
	background-color : #ffffff;
	cursor : pointer;
	font-size : 0.85em;
}

.highletercard
{
	background-color : #3949ab;
	color : #ffffff;
}

.logincards
{
	width : 100%;
	height : auto;
}
.logincards button
{
	width : 49%;
	height : auto;
	padding : 5px;
	text-align : center;
	display : inline-block;
	border : none;
	margin : none;
	cursor : pointer;
	margin-right : 0px !important;
	border-radius : 5px;
	font-size : 0.8em;
}
.logincards button:focus
{
	width : 49%;
	height : auto;
	padding : 5px;
	text-align : center;
	display : inline-block;
	border : none;
	margin : none;
	cursor : pointer;
	margin-right : 0px !important;
	border-radius : 5px;
	outline : none;
	font-size : 0.8em;
}

.login-modal-title
{
	color : #e80523;
}

.modal-form-container
{
	width : 70%;
	margin-left : 15%;
}

.menu-button-mobile
{
	font-size : 1.2em;
	font-weight : bold;
	color : #e80523;
}
.categories-container
{
	white-space-collapse: collapse;
}





.category-container-column-title
{
	font-weight : bold;
	padding-top : 0.25em;
	padding-bottom : 0.6em;
}
.category-container-column-title i
{
	font-weight : bold;
	color : #e80523;
	font-size : 1.1em;
}
.category-container-column-link
{
	font-size : 0.9em;
	padding-bottom : 0.25em;
}
.category-container-column-link a
{
	text-decoration : none;
	color : inherit;
	transition : 0.3s ease all;
}
.category-container-column-link a:hover
{
	text-decoration : none;
	color : #e80523;
	transition : 0.3s ease all;
	
}

.category-container-column-link-extra
{
	
	font-size : 0.9em;
	padding-bottom : 0.25em;
	
}
.category-container-column-link-extra a
{
	
	text-decoration : none;
	color : #e80523;
	transition : 0.3s ease all;
	
}
.category-container-column-link-extra a:hover
{
	
	text-decoration : none;
	color : #e80523;
	transition : 0.3s ease all;
	
}
.category-container-column-link-extra i
{
	
	padding-left : 1em;
	transition : 0.3s ease all;
	font-size : 0.8em;
	color : #e80523;
	
}
.category-container-column-link-extra:hover i
{
	
	padding-left : 2.2em;
	color : #e80523;
	transition : 0.3s ease all;
	font-size : 0.8em;
	
}
.clear-both
{
	clear : both;
}


.hero-banner
{
	
	width : 100%;
	height : auto;
	border-radius : 9px;
	z-index : 5;
	
}









.classified-tiles
{
	white-space-collapse : collapse;
}


.classified-ad-tile-price
{
	color : #e80523;
	font-weight : bold;
	margin-top : 0.85em;
}
.classified-ad-tile-categories
{
	font-weight : bold;
	font-size : 0.85em;
}

.classified-ad-tile-specs
{
	font-size : 0.85em;
}

.hero-banner-slider1
{
	position : absolute;
	top : 0%;
	left : 0%;
	z-index : 9;
	width : 100%;
	height : 100%;
	border-radius : 9px;
}
.hero-banner-slider2
{
	position : absolute;
	top : 0%;
	left : 0%;
	z-index : 8;
	width : 100%;
	height : 100%;
	border-radius : 9px;
}
.hero-banner-slider3
{
	position : absolute;
	top : 0%;
	left : 0%;
	z-index : 7;
	width : 100%;
	height : 100%;
	border-radius : 9px;
}

.roundedbannerimg
{
	border-radius : 9px;

}












/* ------ 
footer css starts here

footer

css

here

-------- */






.footer
{
	background: rgb(255,255,255);
background: radial-gradient(circle, rgba(247,240,240,1) 10%, rgba(255,255,255,1) 100%);
	color : #7a827c;
	border-top : 1px solid #e5e5e5;
}

.footer-tile
{
	padding : 1.2em;
	
}

.footer-tile-decorator
{
	padding-bottom : 0.6em;
}
.footer-tile-content
{
	font-size : 0.85em;
}

.footer-anchor
{
	text-decoration : none;
	display : block;
	color : inherit;
}

.footer-anchor-sm
{
	font-size : 1.2rem;
	text-decoration : none;
	padding : 0.2em;	
	color : inherit;
	transition : 0.5s ease all;
	
}
.footer-anchor-sm:hover
{
	font-size : 1.2rem;
	text-decoration : none;
	padding : 0.2em;	
	color : #5f5fde;
	transition : 0.5s ease all;
}


.center-text
{
	text-align : center;
}
.footer2
{
	padding : 0.75em;
	background-color : #edebeb;
	color : #7a827c;
	font-size : 0.85em;
}
















/* ------ 
footer css ends here

footer

css

ends

-------- */



/*
################################################
################################################
################################################
side nav css here */


/* The side navigation menu */
.sidenav {
    height: 100%; /* 100% Full-height */
    width: 0; /* 0 width - change this with JavaScript */
    position: fixed; /* Stay in place */
    z-index: 99; /* Stay on top */
    top: 0; /* Stay at the top */
    left: 0;
    background-color: #ffffff; 
    overflow-x: hidden; /* Disable horizontal scroll */
    padding-top: 10px; /* Place content 60px from the top */
    transition: 0.5s ease all; /* 0.5 second transition effect to slide in the sidenav */
}

/* The navigation menu links */
.sidenav > a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 1em;
    color: #ffffff;
    display: block;
    transition: 0.3s;
	border-bottom : 1px dotted #099e48;
	
}

/* When you mouse over the navigation links, change their color */
.sidenav > a:hover {
    color: #f1f1f1;
	background-color : #212429;
}

/* Position and style the close button (top right corner) */
.sidenav .closebtn {
    position: absolute;
    top : 0;
    right: 25px;
    font-size: 1rem;
    margin-top: 7px;
    margin-left: 25px;
	background-color : red;
	
	border-radius : 50%;
}


/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
@media screen and (max-height: 450px) {
    .sidenav {padding-top: 15px;}
    .sidenav a {font-size: 18px;}
}


.showsidenav
{
	width : 400px;
	transition : 1s ease all; 
}

@media screen and (max-width: 768px) {
.showsidenav
{
	width : 100%;
	transition : 1s ease all; 
}
}



/*
#################################
#################################
#################################
sidenav css ends */


.search-filter-container
{
	color : #ffffff;
	margin-top : 1.1em;
	font-size : 0.9em;
}
.search-filter-container span
{
	padding-left : 0.8em;
	padding-right : 0.8em;
	cursor : pointer;
	transition : 0.5s ease all;
}
.search-filter-container span:hover
{
	color : #ff970f;
	text-decoration : underline;
	padding-left : 0.8em;
	padding-right : 0.8em;
	cursor : pointer;
	transition : 0.5s ease all;
}
.active-filter
{
	color : #ff970f;
	text-decoration : underline;
	padding-left : 0.8em;
	padding-right : 0.8em;
	cursor : pointer;
	transition : 0.5s ease all;
}

.menu-topnav-container
{
	position : absolute;
	top : 0;
	left : 0;
	width : 100%;
}

.menu-topnav
{
	position : relative;
	width : 100%;
	
	
}
.menu-floatlogo
{
	position : absolute;
	top : 0;
	left : 0;
	width : 25%;
	height : auto;
}
.trimlogo
{
	width : 65%;
	margin-left : 25%;
}
.trimcontainer
{
	background-color : #ebf2f2;
	box-shadow : 1px 2px 1px 2px #b1b5b5;
}





.search-div-box
{
	background-color : #ececec;
	padding : 0.3em;
	border : 1px solid #eb1a1a;
	border-radius : 4px;
	margin-left : 0.1em;
	margin-right : 0.15em;
	margin-top : 0.7em;
	
}

.search-div-box  input 
{
	width : 88%;
	display : inline-block;
	background-color : inherit;
	outline : none;
	border : none;
	
}
.search-div-box  span 
{
	text-align : right;
	width : 10%;
	display : inline-block;
}


.sidenavappicons
{
	position : absolute;
	bottom : 0;
	left : 0;
}
.iconscontainer
{
	background-color : #e3e6e6;
	color : #e80523;;
	display : block;
	width : 100%;
	margin-top : 0.5em;
	padding-top : 0.5em;
	font-size: 0.85em;
	
}
.iconholder
{
	text-align : center;
	text-decoration: none;
	color : #e80523;
	cursor : pointer;
}
.iconholder a
{
	text-align : center;
	text-decoration: none;
	color : #e80523;
	cursor : pointer;
}
.iconholder a:hover
{
	text-align : center;
	text-decoration: none;
	color : #e80523;
	cursor : pointer;
}
.iconholder i
{
	font-size: 1.1em;
}
.theme-sidenav-button
{
	background-color: #af041b;
	color : #ffffff;
	transition: 0.5s ease all;
}
.theme-sidenav-button:hover
{
	background-color: #e80523;
	color : #ffffff;
	transition: 0.5s ease all;

}
.updated-icon-box
{
	font-weight: bold;
	color : #e80523;
	text-align: center;
	line-height: 0.9em;
	padding-top : 15px;
	padding-bottom : 15px;
	height : 100%;
	width : 100%;
}
.updated-icon-box span
{
	font-weight: normal;
	color : #e80523;
	text-align: center;
	line-height: 0.9em;
	font-size: 0.85em;
	display : block;
}
.updated-icon-box i
{
	padding-bottom: 5px;
}

.icons-border-right
{
	border-right : 1px solid #ece3e3;
}

.icons-border-bottom
{
	border-bottom : 1px solid #ece3e3;
}



.tp02 { padding-top : 0.2em; }
.tp04 { padding-top : 0.4em; }
.tp06 { padding-top : 0.6em; }
.tp08 { padding-top : 0.8em; }
.tp1 { padding-top : 1em; }
.tp11 { padding-top : 1.1em; }
.tp12 { padding-top : 1.2em; }
.tp13 { padding-top : 1.3em; }
.tp14 { padding-top : 1.4em; }
.tp15 { padding-top : 1.5em; }
.tp16 { padding-top : 1.6em; }
.tp17 { padding-top : 1.7em; }
.tp18 { padding-top : 1.8em; }
.tp19 { padding-top : 1.9em; }
.tp2 { padding-top : 2em; }
.bp02 { padding-bottom : 0.2em; }
.bp04 { padding-bottom : 0.4em; }
.bp06 { padding-bottom : 0.6em; }
.bp08 { padding-bottom : 0.8em; }
.bp1 { padding-bottom : 1em; }
.bp11 { padding-bottom : 1.1em; }
.bp12 { padding-bottom : 1.2em; }
.bp13 { padding-bottom : 1.3em; }
.bp14 { padding-bottom : 1.4em; }
.bp15 { padding-bottom : 1.5em; }
.bp16 { padding-bottom : 1.6em; }
.bp17 { padding-bottom : 1.7em; }
.bp18 { padding-bottom : 1.8em; }
.bp19 { padding-bottom : 1.9em; }
.bp2 { padding-bottom : 2em; }
.ts01 { font-size : 0.1em; }
.ts02 { font-size : 0.2em; }
.ts03 { font-size : 0.3em; }
.ts04 { font-size : 0.4em; }
.ts05 { font-size : 0.5em; }
.ts06 { font-size : 0.6em; }
.ts07 { font-size : 0.7em; }
.ts08 { font-size : 0.8em; }
.ts09 { font-size : 0.9em; }
.ts1 { font-size : 1em; }
.ts11 { font-size : 1.1em; }
.ts12 { font-size : 1.2em; }
.ts13 { font-size : 1.3em; }
.ts14 { font-size : 1.4em; }
.ts15 { font-size : 1.5em; }
.ts16 { font-size : 1.6em; }
.ts17 { font-size : 1.7em; }
.ts18 { font-size : 1.8em; }
.ts19 { font-size : 1.9em; }
.ts2 { font-size : 2em; }
.ts21 { font-size : 2.1em; }
.ts22 { font-size : 2.2em; }
.ts23 { font-size : 2.3em; }
.tm02 { margin-top : 0.2em; }
.tm04 { margin-top : 0.4em; }
.tm06 { margin-top : 0.6em; }
.tm08 { margin-top : 0.8em; }
.tm1 { margin-top : 1em; }
.tm11 { margin-top : 1.1em; }
.tm12 { margin-top : 1.2em; }
.tm13 { margin-top : 1.3em; }
.tm14 { margin-top : 1.4em; }
.tm15 { margin-top : 1.5em; }
.tm16 { margin-top : 1.6em; }
.tm17 { margin-top : 1.7em; }
.tm18 { margin-top : 1.8em; }
.tm19 { margin-top : 1.9em; }
.tm20 { margin-top : 2em; }
.bm02 { margin-bottom : 0.2em; }
.bm04 { margin-bottom : 0.4em; }
.bm06 { margin-bottom : 0.6em; }
.bm08 { margin-bottom : 0.8em; }
.bm1 { margin-bottom : 1em; }
.bm11 { margin-bottom : 1.1em; }
.bm12 { margin-bottom : 1.2em; }
.bm13 { margin-bottom : 1.3em; }
.bm14 { margin-bottom : 1.4em; }
.bm15 { margin-bottom : 1.5em; }
.bm16 { margin-bottom : 1.6em; }
.bm17 { margin-bottom : 1.7em; }
.bm18 { margin-bottom : 1.8em; }
.bm19 { margin-bottom : 1.9em; }
.bm20 { margin-bottom : 2em; }
.lm02 { margin-left : 0.2em; }
.lm04 { margin-left : 0.4em; }
.lm06 { margin-left : 0.6em; }
.lm08 { margin-left : 0.8em; }
.lm1 { margin-left : 1em; }
.lm11 { margin-left : 1.1em; }
.lm12 { margin-left : 1.2em; }
.lm13 { margin-left : 1.3em; }
.lm14 { margin-left : 1.4em; }
.lm15 { margin-left : 1.5em; }
.lm16 { margin-left : 1.6em; }
.lm17 { margin-left : 1.7em; }
.lm18 { margin-left : 1.8em; }
.lm19 { margin-left : 1.9em; }
.lm20 { margin-left : 2em; }
.rm02 { margin-right : 0.2em; }
.rm04 { margin-right : 0.4em; }
.rm06 { margin-right : 0.6em; }
.rm08 { margin-right : 0.8em; }
.rm1 { margin-right : 1em; }
.rm11 { margin-right : 1.1em; }
.rm12 { margin-right : 1.2em; }
.rm13 { margin-right : 1.3em; }
.rm14 { margin-right : 1.4em; }
.rm15 { margin-right : 1.5em; }
.rm16 { margin-right : 1.6em; }
.rm17 { margin-right : 1.7em; }
.rm18 { margin-right : 1.8em; }
.rm19 { margin-right : 1.9em; }
.rm20 { margin-right : 2em; }
.boldtext
{
	font-weight : bold;
}
.centertext
{
	text-align : center;
}
.u
{
	text-decoration : underline;
}
.inb1 { width : 10%; display : inline-block; }
.inb2 { width : 20%; display : inline-block; }
.inb3 { width : 30%; display : inline-block; }
.inb4 { width : 40%; display : inline-block; }
.inb5 { width : 50%; display : inline-block; }
.inb6 { width : 60%; display : inline-block; }
.inb7 { width : 70%; display : inline-block; }
.inb8 { width : 80%; display : inline-block; }
.inb9 { width : 90%; display : inline-block; }
.nostla
{
	text-decoration : none;
}
.nostla:hover
{
	text-decoration : none;
}
.ts4
{
	font-size : 4em;
}
.lp02 { padding-left : 0.2em; }
.lp04 { padding-left : 0.4em; }
.lp06 { padding-left : 0.6em; }
.lp08 { padding-left : 0.8em; }
.lp1 { padding-left : 1em; }
.lp11 { padding-left : 1.1em; }
.lp12 { padding-left : 1.2em; }
.lp13 { padding-left : 1.3em; }
.lp14 { padding-left : 1.4em; }
.lp15 { padding-left : 1.5em; }
.lp16 { padding-left : 1.6em; }
.lp17 { padding-left : 1.7em; }
.lp18 { padding-left : 1.8em; }
.lp19 { padding-left : 1.9em; }
.lp2 { padding-left : 2em; }
.rp02 { padding-right : 0.2em; }
.rp04 { padding-right : 0.4em; }
.rp06 { padding-right : 0.6em; }
.rp08 { padding-right : 0.8em; }
.rp1 { padding-right : 1em; }
.rp11 { padding-right : 1.1em; }
.rp12 { padding-right : 1.2em; }
.rp13 { padding-right : 1.3em; }
.rp14 { padding-right : 1.4em; }
.rp15 { padding-right : 1.5em; }
.rp16 { padding-right : 1.6em; }
.rp17 { padding-right : 1.7em; }
.rp18 { padding-right : 1.8em; }
.rp19 { padding-right : 1.9em; }
.rp2 { padding-right : 2em; }

/* other than home page css starts here */

.login-section
{
	position : relative;
	min-height : 400px;
}
.login-page-banner
{
	width : 60%;
	height : auto;
	position : absolute;
	top : 0%;
	left : 40%;
}

.login-page-form-section h1
{
	font-size: 1.5em;
	text-align: center;
}
.signup-page-form-section h1
{
	font-size: 1.5em;
	text-align: center;
}
.theme-input-holder
{
	padding : 0.75em;
	border-left : 0.2em solid #e80523;
	border-radius: 4px;
	display : flex;
	flex-direction: row;
	margin-bottom : 0.81em;
}
.theme-input-icon
{
	font-size: 1.5em;
	color : #e80523;
}
.theme-input-input
{
	outline : none;
	border : none;
	border-left : 1px solid #d9d2d2;
	margin-left : 10px;
	padding-left : 10px;
}
.theme-login-btn
{
	background-color:  #e80523;
	border-radius: 3px;
	outline : none;
	border : transparent;
	color : #ffffff;
	padding-left : 1.5em;
	padding-right : 1.5em;
	padding-top : 0.4em;
	padding-bottom : 0.44em;
	cursor : pointer
}
.theme-login-btn:hover, .theme-login-btn:focus
{
	background-color:  #e80523;
	border-radius: 3px;
	outline : none;
	border : transparent;
	color : #ffffff;
	padding-left : 1.5em;
	padding-right : 1.5em;
	padding-top : 0.4em;
	padding-bottom : 0.44em;
	cursor : pointer
}

.theme-input-holder input::placeholder {
	color: gray;
	opacity: 0.5;
	font-style: italic;
  }
  .login-section-signup-link
  {
	padding-top : 1.5em;
	padding-bottom : 0.5em;
	display : block;
	text-align: center;
	color : #000000;
	text-decoration: none;
  }
  .login-section-signup-link:hover
  {
	padding-top : 1.5em;
	padding-bottom : 0.5em;
	display : block;
	text-align: center;
	color : #000000;
	text-decoration: none;
  }
  .login-section-signup-link > span
  {
	color : #e80523;
  }
  .inherit-a, .inherit-a:hover
  {
	color : inherit;
  }

  .reset-page-form-section
  {
	width : 100%;
	background-color: rgba(255, 255, 255, 0.8);
	backdrop-filter: blur(10px);
	min-height : 100px;
	z-index : 5;
	padding : 1em;
  }

  .reset-page-form-section h1
  {
	font-size: 1.25em;
	text-align: center;
  }
  .theme-h1
  {
	text-align: center;
	margin-top : 1em;
	margin-bottom : 1em;
	
  }
  .theme-h1 h1
  {
	font-size: 1.75em;
  }
  .theme-h1 h4
  {
	font-size: 0.85em;
	color : #e80523;
  }
  .mez-tile
  {
	background-color: #f5f7fa;
	padding : 1em;
	margin-bottom: 1.5em;
	transition : 0.35s ease all;

  }
  .mez-tile:hover
  {
	background-color: #f85c70;
	padding : 1em;
	margin-bottom: 1.5em;
	transition : 0.35s ease all;

  }
  .mez-tile:hover .mez-title
  {
	color : #ffffff;
	transition : 0.35s ease all;
  }
  .mez-tile:hover i
  {
	padding : 10px;
	background-color: #ffffff;
	border-radius: 50%;
	width : 2em;
	height : 2em;
	transition : 0.35s ease all;
	padding-top : 0.5em;
  }
  .mez-icon
  {
	color : #e80523;
	font-size: 2.2em;
	display : flex;
	flex-direction : column;
	justify-content : center;
	height : 2.2em; 
	text-align: center;

  }
  .mez-icon-container
  {
	display: flex;
	flex-direction: row;
	justify-content: center;
  }
  .mez-icon i
  {
	padding : 10px;
	transition : 0.35s ease all;
	border-radius: 50%;
	width : 2em;
	height : 2em;
	padding-top : 0.5em;
  }

  .mez-title
  {
	color : #303142;
	font-size: 1em;
	display : flex;
	flex-direction : column;
	justify-content : center;
	height : 1.5em; 
	text-align: center;
	font-weight: bold;
	transition : 0.35s ease all;

  }
  .plane-anchor,   .plane-anchor:hover
  {
	text-decoration: none;
	color : inherit;
  }
 
input[type="file"] {
    display: none;
} 
.custom-file-upload {
    border: 2px solid #138774;
    display: inline-block;
    padding: 8px 16px;
    cursor: pointer;
	width : 60%;
	font-size: 1.25em;
	border-radius: 8px;
	margin-left : 20%;
	color : #138774;
	transition : 0.4s ease all;
}
.custom-file-upload:hover {
    border: 2px solid #dc273f;
    display: inline-block;
    padding: 8px 16px;
    cursor: pointer;
	width : 60%;
	font-size: 1.25em;
	border-radius: 8px;
	margin-left : 20%;
	color : #ffffff;
	background-color: #f85c70;
	box-shadow: 0px 2px 5px 5px #f5f5f5;
	transition : 0.4s ease all;
}
.theme-btn
{
	background-color: #f85c70;
	color : #ffffff;
}


.theme-btn-2 {
	font-size: 1.1em;
	
	display: inline-block;
	text-align: center;
	font-weight: bold;
	padding: 0.4em 2em;
	border: 3px solid #FF0072;
	border-radius: 6px;
	position: relative;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.1);
	color: #FF0072;
	text-decoration: none;
	transition: 0.3s ease all;
	z-index: 1;
  }
  
  .theme-btn-2:before {
	transition: 0.5s all ease;
	position: absolute;
	top: 0;
	left: 50%;
	right: 50%;
	bottom: 0;
	opacity: 0;
	content: '';
	background-color: #FF0072;
	z-index: -1;
  }
  
  .theme-btn-2:hover, .theme-btn-2:focus {
	color: white;
  }
  
  .theme-btn-2:hover:before, .theme-btn-2:focus:before {
	transition: 0.5s all ease;
	left: 0;
	right: 0;
	opacity: 1;
  }
  
  .theme-btn-2:active {
	transform: scale(0.9);
  }
  .theme-bg-2
  {
	background-color: #4f1228;

  }

  .theme-underline
  {
	text-decoration-thickness : 2px;
	text-underline-offset: 0.3em;
	text-decoration: underline;
	text-decoration-color: #c3417b;
  }
  .ad-page-social-icon
  {
	font-size: 1.5em;
	padding-left: 5px;
	padding-right : 5px;
	color : #c3417b;
  }
  .view-ad-section
  {
	border : 1px solid #e5e5e5;
  }
  .view-ad-details-section
  {
	padding : 1em;
  }
  .view-ad-icons-section-icon-div
  {
	text-align: center;
	font-size: 1.25em;
	padding-top : 0.65em;
	padding-bottom : 0.65em;
	color : #746464;
  }

.view-ad-icons-section
{
	background-color: #f2f5f3;
}

.ad-specification
{
	padding : 0.65em;
	border-radius: 3px;
	background-color: #f3f5f9;
	margin-bottom : 8px;
}
.ad-specification-title
{
	display : inline-block;
	width : 58%;
}
.ad-specification-value
{
	
	display : inline-block;
	width : 38%;
	text-align: right;
}
.bold-text
{
	font-weight: bold;
}
.ad-owner-section
{
	border : 1px solid #e5e5e5;
	border-radius: 5px;
	padding : 10px;
}
.ad-owner-link
{
	font-size: 0.85em;
}
.ad-owner-favlink
{
	color : inherit;
}
.ad-owner-phone
{
	color : gray;
	font-size: 1.1em;
}
.ad-list-view-content
{
	padding : 8px;
}
.ad-list-view-tile-heading
{
	font-size: 1.15em;
	margin-top : -7px;
}
.ad-list-view-tile-category
{
	color : gray;
}
.ad-list-view-tile-price
{
	font-size: 1.15em;
}
.ad-list-vew-span
{
	margin-right : 0.4em;
	font-size: 0.8em;
	background-color: #f3f5f9;
	padding : 0.5em;
	padding-top : 0.25em;
	padding-bottom : 0.25em;
	display : inline-block;
	border-radius: 5px;
	color : gray;
}
.ad-list-view-tile-address
{
	color : gray;
}
.chat-area
{
	border : 1px solid #d0c9c9;
	border-radius: 15px;
	min-height: 300px;
	max-height: 80vh;
}
.chat-logo-area
{
	height : 2.5em;
	background-color: #eeeeee;
	border-top-left-radius: 15px;
	display : flex;
	flex-direction: column;
	justify-content: center;
	padding-left : 1.5em;
	border-right : 1px solid #e8e2e2;
}
.chat-user-list
{
	min-height: 400px;
	border-right : 1px solid #e8e2e2;
	padding-left: 5px;
}
.chat-user-message-selector
{
display: flex;
	
}
.chat-user-message-selector-image
{
	width : 18%;
	display : inline-block;
	padding : 0;
	
	
}
.chat-user-message-selector-name
{
	width : 78%;
	display : inline-block;
	line-height: 1.1em;
	font-size: 0.85em;
}
.current-chat-username
{
	background-color: #eeeeee;
	text-align: center;
	height : 2.5em;
	display: flex;
	flex-direction: column;
	justify-content: center;
	border-top-right-radius: 14px;
}

.chat-type-area
{
	position : absolute;
	bottom : 0;
	width : 100%;
	padding : 1em;
}
.chat-input
{
	width : 100%;
	padding : 5px;
	outline : none;
	border : 1px solid gray;
	border-radius: 5px;
}
.chat-send-button, .chat-send-button:focus, .chat-send-button:active
{
	width : 100%;
	height : auto;
	padding : 5px;
	text-align: center;
	border-radius: 8px;
	background-color: #e80523;
	color : #ffffff;
	outline : none;
	cursor : pointer;
	border : none;
}
.chat-user-message
{
	width : 65%;
	padding : 5px;
	background-color: #eeeeee;
	margin : 3px;
	margin-top : 5px;

	border-radius: 5px;
}
.chat-own-message
{
	width : 65%;
	text-align: right;
	margin-left : 35%;
	margin-top : 5px;
	padding : 5px;
	background-color: #e4ede8;
	border-radius: 5px;
	padding-right : 8px;


}
.chat-display-area
{
	padding: 10px;
}
.theme-card
{
	padding : 0.6em;
	border-radius: 0.8em;
	background-color: #ffffff;
}
.profile-img-holder
{
	display : flex;
	flex-direction: row;
	justify-content: center;
	width : 100%;

}
.profile-img-holder img
{
	width : 35%;
	height : auto;
}
.profile-name-holder
{
	text-align: center;
	font-size: 1.15em;
}
.profile-logout-button-holder
{
	display : flex;
	flex-direction: row;
	justify-content: center;
	width : 100%;
}
.profile-logout-button-holder button
{
	color : #ffffff;
	background-color: #af041b;
	outline : none;
	border-radius: 2em;
	font-size: 0.8em;
	border : none;
	padding-left : 1em;
	padding-right : 1em;
	padding-top : 0.3em;
	padding-bottom : 0.3em;
	cursor : pointer;
}
.theme-backdrop
{
	background-color: #f1f3f2;
}
.profile-nav-link
{
	color :#212429;
	text-decoration: none;
	cursor : pointer;
	display : block;
	font-size: 0.8em;
	padding-top : 5px;
	padding-bottom : 5px;
	padding-left : 0.5em;
	border-radius: 5px;
	transition : 0.5s ease all;

}
.profile-nav-link:hover
{
	color :#212429;
	text-decoration: none;
	cursor : pointer;
	display : block;
	font-size: 0.8em;
	padding-top : 5px;
	padding-bottom : 5px;
	background-color: #f0eeee;
	padding-left : 0.5em;
	border-radius: 5px;
	transition : 0.5s ease all;
}
.profile-data-table
{
	width : 100%;
}
.profile-data-table-first-td
{
	width : 40%;
	display: inline-block;
	
}
.profile-data-table-second-td
{
	width : 55%;
	display: inline-block;
	
}
.stats-tile
{
	border-radius: 5px;
	background-color: #f0eeee;
	font-size: 1.5em;
	height : 2.6em;
	color : #e80523;
}
.input-error
{
	box-shadow : 0px 1px 2px 1px #ff172a !important;
}
.welcome
{
	font-size: 0.4em;
	font-style: italic;
}
.user-profile-dropdown, .user-profile-dropdown:hover, .user-profile-dropdown:focus
{
	padding : 0.4em 1em 0.4em 1em;
	outline : none;
	border : none;
	cursor : pointer; 
}
.remove-padding
{
	padding : 0;
}
.remove-background
{
	background-color: none;
	background : none;
}
#buscuit
{
	position : fixed;
	bottom : 0;
	left : 10%;
	width : 80%;
	padding : 0.5em 1em 0.5em 1em;
	background-color: #000000;
	color : #ffffff;
	margin-bottom : 1em;
	border-radius: 0.5em;
	border : 3px solid #4f1228;
	text-align: center;
	font-weight: bold;
	display : none;
	z-index: 999;
}
#loadingscreen
{
	position : fixed;
	top : 0;
	left : 0;
	width : 100%;
	height : 100%;
	z-index: 999;
	background-color: rgba(0, 0, 0, 0.5);
	display : none;
	color : #000000;
}
#loadingdialoguecontainer
{
	height : 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
#loadingdialogbox
{
	width : 100%;
	display : flex;
	flex-direction: row;
	justify-content: center;
}
#loadingdialog
{
	display: flex;
	flex-direction: row;
	padding : 5px 2em 5px 1em;
	/* background-color: rgb(238, 233, 233, 0.8); */
	background-color: #ffffff;
	border-radius: 5px;
}
#loadingimage
{
	width : 50px;
	height : auto;
}
#loadingtext
{
	display : flex;
	flex-direction: column;
	height: 100%;
	justify-content: center;
}
#loadingtextplace
{
	padding-left : 1em;
}
.default-hidden
{
	display : none;
}
.image-adapter
{
	width : 100%;
	height : 180px;
}
.image-adapter img
{
	object-fit: cover;
	height: 180px;
	width : 100%;

}
.imgadapter
{
	width : 100%;
	height : 500px;
}
.imgadapter img
{
	object-fit: cover;
	height: 500px;
	width : 100%;

}
.navbar  a
{
	color : #e80523;
	
	padding-left : 16px !important;
	padding-right : 16PX !important;
	
}
.navbar a:hover
{
	color : #e80523;
	
	transition : 0.4s ease all;
	
}
.breadcrumb
{
	color : #e80523 !important;
	
}
.breadcrumb-item
{
	color : #e80523 !important;
	
}
.breadcrumb a
{
	color : #e80523 !important;
	text-decoration : none;
	
}
.breadcrumb a:hover
{
	color : #e80523 !important;
	text-decoration : underline;
	
}
.adstatus-live
{
	background-color : #ecf5d5;
}
.chat-user-message-selector:hover
{
	background-color : #f5f5f5;
	cursor : pointer;
}