html,body{
    font-family: quicksand;
    height: 100%;
    background-color: #fff;
    width: auto;
}
.wrapper, #content{
    width: auto;
    background-color: #f9f9f9;
    font-weight: normal;
}
body.home #main{
    width: auto;
    float: none;
} 
body.item #main, body.user-public-profile #main {
    width: auto;
    float: none;
    margin-top: 20px;
}
body.user-public-profile #main {
    margin-bottom: 20px;
}
body.user-public-profile #itemMap {
    margin-top: 15px;
    margin-bottom: 15px;
}

body.search #content{
    padding: 0px;
}
body.search .list-header{
    position: unset;
}
textarea{
    width: 100%;
    border-radius: 0px;
    box-shadow: none;
    border: 1px solid #eee;
}
.resp-toogle .fa-lg{
    display: none;
}

/* -- navbar-inversse -- */

.navbar-inverse{
    border-radius: 0px;
    background-color: #ffffff; 
    border: none;
    margin-bottom: 0px;
    border-bottom: none;
}
#main-navbar li a{
    font-family: quicksand;
    color: #96a6a7;
    display: block;
    margin-top: 12px;
}
.navbar-inverse #main-navbar li a:hover, .navbar-default .navbar-left li a:hover{
    color: #e94e38;
    transition: 1s;
}
.navbar-inverse .navbar-toggle, .navbar-default .navbar-toggle{
    background-color: transparent;
    border: none;
    box-shadow: none;
}
.navbar-inverse .navbar-collapse, .navbar-default .navbar-collapse{
    border: none;
}
.navbar-inverse .pull-right{ 
    display: inline-block;  
    margin-top: -55px;
}
.navbar-inverse #right-navbar{
    display: inline-flex;
}
#right-navbar li a, #right-navbar .first-logged a{
    color: rgb(255, 255, 255);
    position: relative;
    display: block;
    text-decoration: none;
    float: right;
    height: 74px;
    margin-top: -7px;
    background-color: #e94e38;
    opacity: 1;
    padding: 25px 15px;
    text-transform: uppercase;
    border-right: 1px solid #fff; 
    font-weight: normal;
    border-radius: 15px;
}
.pull-right #right-navbar li a:hover{
    opacity: 0.5;
    transition: 1s;
    background-color: #000;
    color: #e94e38;
    text-shadow: 0 1px 0 #e94e38; 

}
.first-logged span{
    color: #e94e38;
    position: absolute;
    margin-left: -120px;
    margin-top: 40px;
}
.navbar-brand{
    font-size: 30px;
    margin-left: -100px;
    margin-top: 0px;
}
.navbar-brand a{
    color: #fff;
    font-weight: bold;
}
.navbar-brand a:hover{
    text-decoration: none;
}

/* -- all header css -- */

#header{
    background: url("../images/background/background.png");
    background-position:center;
    background-size:cover;
    min-height: 260px;
    margin-top: 0px;
    margin-bottom: 0px;
}
option{
    background-color: #000;
    text-shadow: none;
}
#header-col{
    margin-top: 30px;
    text-align: center;
}
#header #query{
    margin-top: 0px;
    outline: none;
}
input{
    font-family: poppins;
    color: rgb(0, 0, 0);
    text-align: left;
    padding: 10px 20px;
}
#header .heading{
    font-family: quicksand;
    letter-spacing: -2px;
    font-weight: bold;
    color: rgb(0, 0, 0);
    text-transform: capitalize;
    line-height: normal;
    font-size: 30px;
    margin-top: 40px;
    text-align: center;
}
#cell1, #cell2{ 
    position: relative; 
    display: inline-flex;
    width: 100%;
}
#cell1 .glyphicon, #cell2 .glyphicon{
    position: absolute;
    padding: 10px;
    pointer-events: none;
    margin-left: 230px;
    margin-top: 5px;
    color: rgb(0, 0, 0);
}
.glyphicon .glyphicon-chevron-down{
    cursor: se-resize;
}
.form-inline #cell2 .glyphicon{
    position: absolute;
    padding: 10px;
    pointer-events: none;
    margin-left: 85%;
    margin-top: 5px;
    color: #999;
}

/* -- navbar-default css -- */

.navbar-default{
    background-color: #EF858C;  
    text-transform: uppercase;
    border-radius: 0px;
    min-height: 1px;
    margin-bottom: 0px;
    border: none;
}
.navbar-default .navbar-toggle:hover{
    background-color: transparent;
}

/* -- image dropdown-- */

button .comment{ 
    display: none; 
}
button:hover .replies{ 
    display: none;
}
button:hover .comment{
    display: inline; 
}

/* -- navbar-right all icons css -- */

.navbar-right{
    display: inline-flex;
    float: left !important;
}
.navbar-right a{
    color: #9d9d9d;
    text-transform: uppercase;
    font-size: 13px;
    text-decoration: none;
}
.navbar-right p{
    color: #96a6a7;
    margin-top: 25px;
    margin-bottom: 0px;
}
.shadow{
    position: relative;
    display: inline-block;
    width: 40px;
    height: 40px;
    border-radius: 100px;
    margin-top: 15px;
    margin-left: 10px;
    margin-bottom: 15px;
}
.shadow:hover{
    border: none;
    border-radius: 100%;
}
.icon{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
#homeicon{
    background-color: #44bd7a;
    opacity: 0.5;
}
#profileicon{
    background-color: #f46363;
}
#graduationicon{
    background-color: #da26be;
    opacity: 0.5;
}
#musicicon{
    background-color: #f19e1f;
    opacity: 0.5;
}
#transportationicon{
    background-color: #88499c;
    opacity: 0.5;
}
#homeicon:hover, #profileicon:hover, #graduationicon:hover, #musicicon:hover, #transportationicon:hover{
    opacity: 1;
    transition: 0.5s;
}
.navbar-right .fa{
    color: #fff;
}

/* -- all categories-list css -- */

#categories-row{
    margin-top: 50px;
    margin-bottom: 60px;
}
#categories-row #categories-row-h1{
    background-color: #fff;
    color: #333;
    height: 60px;
    margin-left: 15px;
    margin-right: 15px;
    padding: 20px 15px;
    font-size: 16px;
    font-family: quicksand;
    text-transform: uppercase;
    box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.1);
}
#categories-row #category-heading{
    box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.03);
    background-color: #fff;
    height: 325px;
}
#categories-row #category-heading:hover{
    box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.10);
}
#categories-row #category-heading li{
    margin-top: 30px;
}
#categories-row #all-categories{
    text-align: left;
    margin-left: -35px;
    margin-top: 20px;
    letter-spacing: 0.3px;
}
#categories-row #category-heading li h1{
    padding-top: 25px;
    margin-left: -5px;
}
#categories-row #category-heading a{
    font-size: 18px;
    color: rgba(0,0,0,0.8);
    margin-left: -5px;
    font-family: quicksand;
    text-decoration: none;
}
#categories-row #category-heading span{
    float: right;
    font-size: 15px;
    color: rgba(0,0,0,0.8);
    margin-right: 20px;
    font-family: poppins;
}
#category-heading #all-categories li span{
    color: #999;
    float: right;
    margin-right: 17px;
    font-family: poppins;
    font-size: 13px;
}
#categories-row ul li{
    list-style-type: none;
}
#categories-row #category-heading #all-categories li{
    margin-top: 0px;
    margin-bottom: 18px;
}
#categories-row #category-heading #all-categories li a{
    text-decoration: none;
    color: #999;
    font-size: 13px;
    margin-left: -10px;
    text-transform: capitalize;
    font-family: poppins;
}
#categories-row #category-heading #all-categories .last{
    height: 50px;
    padding-top: 10px;
}
#categories-row #category-heading #all-categories li a:hover, #categories-row #category-heading a:hover{
    color: #73cf42;
}
#categories-row #category-heading #all-categories li strong{
    color: #73cf42; 
    font-family: poppins;
    font-size: 14px;
    font-weight: normal;
}

/* -- grid and list button css -- */

.list-grid-buttons{
    background-color: #fff;
    height: 60px;
    padding: 5px 12px;
    margin-bottom: 25px;
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.10);
}
.latest-all-ads strong{
    font-family: quicksand;
    font-size: 16px;
    color: #333;
    text-transform: uppercase;
    font-weight: normal;
}
.latest-all-ads .see_more_link{
    margin-top: 30px;
}
#latest-listing-strong{
    color: #fff !important;
    font-family: quicksand;
    font-size: 12px;
    text-transform: capitalize;
    background-color: #ef858c;
    font-weight: normal;
    padding: 15px;
    border-radius: 8px;
}
.latest-all-ads  p a:not(.hashtag):hover, #latest-listing-strong:hover{
    background-color: #1bb8ce;
    transition: 0.5s;
    text-decoration: none;
}
.list-grid-buttons .doublebutton{
    float: right;
    display: inline-flex;
    margin-top: -42px;
    margin-right: 0px;
}
span.active a.list-button{
    border: solid 1px #eee;
    background-color: #f9f9f9;
    height: 36px;
    width: 36px;
}
span.active a.list-button:hover{
    background-color: rgba(0,0,0,0.8);
    transition: 0.5s;
}
.active a.grid-button, .doublebutton a.list-button{
    background-color:  #1bb8ce;
    border: none;
    height: 36px;
    width: 36px;
    margin-right: 30px;
    margin-left: -15px;
    border-radius: 0px;
}
.doublebutton a span {
    margin-top: 5px;
    margin-left: 4px;
}
.doublebutton .grid-button{
    border: solid 1px #eee;
    background-color: #f9f9f9;
    height: 36px;
    width: 36px;
    margin-right: 30px;
    margin-left: -15px;
    border-radius: 0px;
}
.doublebutton .grid-button:hover{
    background-color: rgba(0,0,0,0.8);
    transition: 0.5s;
}

/* -- latest listing grid css -- */

.listing-grid .listing-card{
    float: none;
    width: 100%;
    height: 280px;
    box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.03);
    margin-bottom: 35px;
    background-color: #fff;  
    border-top: none;
    border: none;
    padding: 0px;
}
.listing-grid .listing-card:hover{
    box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.10);
    transition: 1s;
}
body.search .listing-grid .listing-detail, .listing-grid .listing-detail{
    border: none;
}
body.search .listing-grid .listing-card{
    width: 100%;
    margin-left: 0%;
    height: 300px;
}
body.search .listing-grid .category{
    font-size: 15px;
}
.listing-grid #grid-view{
    width: auto;
    height: auto;
    margin-bottom: 20px;
    background-color: #fff;
    box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.03);
}
.listing-grid #grid-view:hover{
    width: 100%;
    padding: 0px;
    box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.10);   
}
.listing-grid #grid-images img{
    width: 100%;
    height: auto;
    float: none;
    padding: 0px;
    margin-bottom: 10px;
    background-color: #fff;
    border: none;
}
.listing-thumb:hover{
    opacity: 0.5;
    transition: 0.5s;
    border-bottom: 0px;
}
.listing-thumb-color:hover, .listing-thumb-premium-color:hover{
    transition: 0.5s;
    background-color: #000;
    border-bottom: 0px;
}
.listing-grid #grid-images .currency-value{
    font-family: quicksand;
    margin-top: 10px;
    margin-left: 15px;
    white-space: nowrap;
    position: absolute;
    font-weight: bold;
    color: #fff;
    background-color: #0083c9;
    height: 32px;
    width: auto;
    padding: 6px;
    font-size: 14px;
    border-radius: 3px;
    text-transform: capitalize;
}
.listing-grid .listing-basicinfo a:not(.hashtag){
    font-family: poppins;
    font-size: 15   px;
    height: 26px;
    padding: 6px 25px;
    width: auto;
    text-align: center;
    margin-left: 20px;
    border-radius: 3px;
    background-color: #1bb8ce;
    color: #fff;
    text-transform: capitalize;
    margin-bottom: 20px;
    margin-top: 10px;
    word-wrap: break-word;
}
.listing-grid .listing-basicinfo a:not(.hashtag):hover{
    background-color: #0083c9;
    color: rgba(255,255,255,0.8);
    transition: 0.5s;
    text-decoration: none;
}
.listing-grid .category{
    font-family: quicksand;
    font-weight: bold;
    color: #333;
    font-size: 10px;
    margin-left: 20px;
    margin-bottom: 10px;
    letter-spacing: -1px;
}
.listing-grid #listing-grid-date{
    background-color: #f9f9f9;
    height: 50px;
    padding: 15px 10px;
    width: 88%;
    font-family: poppins;
    font-size: 13px;
    margin-left: 20px;
    color: #4b4b4b;
    margin-top: 15px;
    margin-bottom: 10px;
}
.listing-grid #listing-grid-date .fa-calendar-o{
    color: #0083c9;
    margin-right: 10px;
}
.listing-grid .fa-map-marker{
    color: #0083c9;
    margin-left: 20px;
    margin-right: 2px;
    margin-bottom: 15px;
}
.listing-grid .listing-basicinfo p{
    font-family: poppins;
    display: block;
    font-size: 13px;
    color: #4b4b4b;
    margin-left: 20px;
    margin-top: 20px;
    height: 35px;
}
.listing-grid hr{
    width: 87%;
    border-top: 1.5px solid rgba(0,0,0,0.05);
    margin-bottom: 15px;
}
.listing-grid .location{
    font-family: poppins;
    color: #4b4b4b;
    font-size: 14px;
}
#user-items-col .listing-grid .location{
    font-size: 12px;
}
#user-items-col .listing-grid .category{
    font-size: 14px;
}

/* -- all listing-view css -- */

#listing-view{
    background-color: #fff;
    margin-right: 15px;
    margin-left: 15px;
} 
#listing-views.row{
    margin-left: 15px;
    margin-right: 15px;
    border: 1px solid #eee;
    border-radius: 5px; 
    margin-bottom: 10px;
    margin-top: 10px;
}
#listing-view .listing-lists{
    font-family: poppins;
    margin-top: 16px;
}
#listing-view #listing-views .currency-value{
    position: absolute;
    color: #fff;
    background-color: #1bb8ce;
    color: #fff !important;
    padding: 2px;
    margin-top: -10px;
    margin-left: 400px;
    font-size: 14px;
    border-radius: 3px;
    text-transform: capitalize;
}
#listing-view #grid-view #grid-images{
    border: none;
    margin-bottom: 10px;
    margin-top: 20px;
    margin-left: 8px;
}
#listing-view #grid-view .listing-card{
    padding: 5px;
    border: none;
    margin-top: 0px;
    margin-left: 15px;
}
#listing-view .listing-card .listing-detail{
}
#listing-view .listing-card .listing-basicinfo a:not(.hashtag){
    font-family: quicksand;
    font-size: 14px;
    font-weight: bold;
    text-transform: capitalize;
    color: #fff;
    letter-spacing: -1px;
    background-color: #1bb8ce;
    padding: 2px 15px;
    border-radius: 3px;
}
#listing-view .listing-card .listing-basicinfo{
    margin-left: -100px;
}
#listing-view .listing-card .listing-basicinfo a:not(.hashtag):hover{
    text-decoration: none;
    background-color: #1bb8ce;
    transition: 0.5s;
}
#listing-view .listing-card .listing-basicinfo span{
    font-family: poppins;
    color: #4b4b4b;
}
#listing-view .listing-card .listing-basicinfo #listing-grid-date{
    font-size: 13px;
    color: #4b4b4b;
    margin-bottom: 10px;
}
#listing-view .listing-lists p{
    font-family: poppins;
    font-size: 14px;
    color: #4b4b4b;
    word-wrap : break-word;
    overflow-wrap : break-word;
}
#listing-view  hr{
    width: 95%;
    border-top: 1.5px solid rgba(0,0,0,0.05);
    margin-top: 15px;
    margin-bottom: 10px;
    margin-left: 0px;
}
/*
#listing-view img{
    height: 200px;
    width: 100%;
}
*/
#listing-view  .fa-map-marker, #user-public-profile .fa-map-marker{
    color: #0083c9;
    margin-right: 2px;
}
#listing-view  .fa-calendar-o{
    color: #0083c9;
    margin-right: 5px;
}

/* -- all main sidebar css -- */
    
#main-sidebar{
    border-bottom: 20px;
    border-bottom: 1px solid #eee;
    margin: 60px 0px;
}
#main-sidebar h2{
    font-family: quicksand;
    background-color: #fff;
    box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.10);
    height: 60px;
    padding: 20px 12px;
    font-size: 16px;
    text-transform: uppercase;
}
#main-sidebar .fa{
    margin-right: 5px;
}
.popular-cities ul li, .popular-regions ul li{
    display: inline-table;
    margin-top: 10px;
    line-height: 25px;
}
.popular-cities ul li a, .popular-regions ul li a{
    border: none;
    background-color: #77c04b;
    width: auto;
    margin-bottom: 10px;
    padding: 10px 15px;
    font-size: 12px;
    color: #fff;
}
.popular-cities ul li a:hover, .popular-regions ul li a:hover{
    background-color: #0083c9;
    transition: 0.5s;
    text-decoration: none;
}

/*--all footer css--*/

#footer-row{
    margin-top: 10px;
    font-weight: normal;
}
#footer .alert_form{
    background-color: transparent;
    padding: 0px;
}
#footer h2{
    margin-top: 65px;
    margin-bottom: 45px;
    font-size: 20px;
    color: rgb(0, 0, 0);
    font-style: normal;
    letter-spacing: normal;
    font-weight: normal;
}
#footer .alert_form input{  
    font-family: poppins;
    width: 500px;
    height: 60px;
    border-radius: 45px;
    background-color: rgba(90, 90, 90, 0.09);
    border: 1px solid rgba(90, 90, 90, 0.09);
    color: rgb(0, 0, 0) !important;
    text-align: left;
    padding: 10px 15px;
    font-size: 12px;
    margin-bottom: 0px;
}
#footer .btn-default{   
    position: absolute;
    background-color: transparent;
    text-transform: uppercase;
    margin-top: 5px;
    margin-left: -125px;
    height: 50px;
    width: 100%;
    border-radius: 45px;
    border: 1px solid rgba(90, 90, 90, 0.09);
    color: rgb(0, 0, 0) !important;
    box-shadow: none;
}
#footer .btn-default:hover{
    background-color: #e94e38;
    color: rgb(0, 0, 0);
    border: 1px solid #e94e38;
}
#footer hr{
    margin-top: 55px;
    border: 1px solid rgba(90, 90, 90, 0.09);   
}
#footer li{
    display: block;
}
#footer .row ul li a{
    color: #9e9c9a;
    font-size: 15px;
    text-transform: uppercase;
    }
#footer .row ul li a:hover{
    text-decoration: none;
    color: #e94e38;
    transition: 0.5s;
}
#footer .col-xs-3 h3, .col-xs-6 h3{
    color: #9e9c9a;
    font-size: 15px;
    text-transform: uppercase;
}
#footer .col-xs-3 p{
    color: rgba(255,255,255,0.5);
}
#footer-row .col-xs-6{
    display: flex;
    justify-content: center;
}
#footer .socialmedia{
    margin-bottom: 65px;
    margin-top: 50px;
    font-size: 35px;
    text-align: center;
    margin-right: auto;
    margin-left: 5px;
}
#footer .socialmedia a{
    margin-right: auto;
    margin-left: auto;  
    color: rgb(100, 100, 100);
    opacity: 0.4;
}
#footer .socialmedia a:hover{
    opacity: 1;
    transition: 0.5s;
}
#footer a{
    text-decoration: none;  
}
#footer h5{
    margin-top: 40px;
    color: rgb(100, 100, 100);
    font-family: poppins;
}
#language-row{
    float: left;
    margin-left: 15px;
    margin-right: 15px;
    color: rgb(100, 100, 100);
}
#language-row span{
    margin-right: 2px;
}
#language-row span a:hover, #footer h5 a:hover{
    text-decoration: none;
    transition: 0.5s;
}

/* -- search post css -- */

body.search #main, body.user #main {
    float: none;
    width: auto}

/* -- breadcrumb -- */

.wrapper-flash{
    margin: 0px;
}
#breadcrumb-col{
    margin-left: 7.6%;
}
.breadcrumb>li+li:before{
    display: none;
}
div.breadcrumb{
    position: relative;
    width: 100%;
    height: auto;
    background-color: #fff;
    border-radius: 0px;
    border: none;
    padding: 30px;
    box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.10);
}
.breadcrumb li, .breadcrumb li a{
    color: #333;
    font-size: 13px;
    text-transform: none;
}
.breadcrumb li a:hover{
    text-decoration: none;
    color: #e94e38;
    transition: 0.5s;
}

/* -- search sidebar -- */

#filters-row{
    margin-right: 15px;
    margin-left: 15px;
}
#filters-row .row{
    margin: 0px;
}
body.search #sidebar, body.user #sidebar {
    float: none; 
    width: 100%;
    display: block;
    border: none;
}
.search-sidebar{
    background-color: #fff;
    box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.10);
    margin-top: 10px;
    float: none;
}
#search-sidebar-subscribe{
    margin-top: 50px;
}
#search-sidebar-subscribe .form-inline .form-group{
    display: block;
}
#search-sidebar-subscribe .alert_form{
    background-color: #fff;
    padding: 15px 7px;
    box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.03);
}
#search-sidebar-subscribe .alert_form:hover{
    box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.10);
}
#search-sidebar-subscribe h2{
    font-family: quicksand;
    letter-spacing: -1px;
    color: #333;
    font-size: 20px;
    text-align: center;
}
#search-sidebar-subscribe .alert_form input{
    width: 100%;
    border: 1px solid #eee;
    color: #999;
}
#search-sidebar-subscribe .alert_form button{
    height: 40px;
    background-color: #78c042;
    border: none;
    width: 100%;
    color: #fff !important;
    box-shadow: none;
}
#search-sidebar-subscribe .alert_form button:hover{
    background-color: #0083c9;
    transition: 0.5s;
}
#search-sidebar-heading{
    font-family: quicksand;
    letter-spacing: -1px;
    color: #333;
    font-size: 20px;
    margin-bottom: 30px;
    margin-top: 50px;
    background-color: #fff;
    height: 50px;
    width: 100%;
    padding: 10px;
    text-align: center;
    box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.10);
}
.show-filters-btn, body.display-filters .show-filters-btn:hover{
    height: auto;
    margin-top: 5px;
    background-color: #78c042;
    color: #eee;
}
.show-filters-btn:hover, body.display-filters .show-filters-btn{
    background-color: #0083c9;
    text-decoration: none;
    color: #eee;
}
.search-sidebar .filters{
    background-color: transparent;
}
#sidebar  fieldset{
    border: none;
}
#sidebar h3{
    font-family: quicksand;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: normal;
    background-color: #1bb8ce  ;
    color: #eee;
    height: 40px;
    width: 85%;
    margin-left: 0px;
    padding: 15px 15px;
    border-radius: 5px;
}
#checkbox-row input{
    height: 15px;
    width: 15px;
    opacity: 0.7
}
#checkbox-row input:hover{
    opacity: 1
}
#sidebar .input-text:not(#search-user-form .input-text), #sidebar input[type="text"]:not(#search-user-form .input-text){
    height: 40px;
    line-height: normal;
    width: 100%;
    margin-top: 0px;
    padding: 0px;
    box-shadow: none;
    border-radius: 0px;
    color: #000;
    text-align: left;
    padding: 15px;
    border: 1px solid #eee;
}
#checkbox-row label{
    font-weight: bold;
    font-size: 13px;
    color: #333;
    margin-left: 10px;
}
.price-slice{
    width: 100%;
    margin-left: 0px;
    text-transform: uppercase;
}
#sidebar .price-slice input[type="text"]{
    width: 30%;   
    margin-top: 5px;
    margin-left: 0px;
    margin-right: 5px;
}
#sidebar #action-button{
    text-transform: uppercase;
    background-image: none;
    box-shadow: none;
    border: none;
    background-color: #ef858c;
    height: 40px;
    width: 40%;
    font-size: 15px;
    font-weight: bold;
    margin-left: 15px;
}
#sidebar #action-button:hover{
    background-color: #1bb8ce;
    color: #fff;
    transition: 0.5s;
}
#refine-heading{
    font-family: quicksand;
    letter-spacing: -1px;
    color: #333;
    margin-top: 40px;
    margin-bottom: -10px;
    background-color: #fff;
    height: 50px;
    width: 100%;
    padding: 10px;
    text-align: center;
    box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.10);
}
#refine{
    background-color: #fff;
    box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.10);
    width: auto;
    margin-top: 40px;
    margin-bottom: 60px;
    margin-left: 0px;
    margin-right: 0px;
}
#refine .category{
    margin-left: -30px;
    margin-top: 20px;
}
#refine .category li{
    list-style-type: none;
    margin-bottom: 20px;
}
#refine .category li a{
    color: #fff;
    margin-bottom: 10px;
    background-color: #0083c9;
    padding: 10px 15px;
}
#refine .category li a:hover, #refine strong:hover{
    background-color: #77c04b;
    transition: 0.5s;
    text-decoration: none;
}
#refine strong{
    margin-bottom: 40px;
    font-weight: bold;
    color: rgba(255,255,255,0.7);
}
#refine .category li ul{
    margin-left: -40px;
    margin-top: 25px;
}
#refine .category li li{
    display: inline-table;
    margin-bottom: 0px;
}
#refine .category li li a{
    list-style-type: none;
    background-color: #ef858c;
    padding: 10px 15px;
    line-height: 40px;
    margin-bottom: 5px;
    color: #fff;
}
#refine .category li li a:hover{
    text-decoration: none;
    background-color: #ef858c;
    color: #fff;
}
.paginate a{
    background-color: #ef858c;
    border: 1px solid #eee;
    color: #eee;
}

/* -- plugin-hooks css -- */

#sidebar .plugin-hooks .one_input .select-box{
    background-image: none;
    background-color: #f9f9f9;
    border: 1px solid #eee;
}
#sidebar .plugin-hooks .one_input h6{
    font-family: quicksand;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: normal;
    background-color: #78c042;
    color: #eee !important;
    height: 40px;
    width: 100%;
    margin-left: 0px;
    padding: 15px 15px;
}
#sidebar .plugin-hooks h6{
    margin-bottom: 0px;
}
#sidebar .plugin-hooks .select-box .select-box-label, #sidebar .plugin-hooks .select-box-icon, #sidebar .plugin-hooks label{
    color: #999;
}

/* -- all item css -- */

#item-content{
    background-color: #fff;
    box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.10);
}
#item-header{
    font-family: poppins;
    background-color: #fff;
    border-radius: 0px;
    margin-bottom: 10px;
    padding: 10px 15px;
    box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.1);
}
#item-header h1{
    font-family: quicksand;
    letter-spacing: -2px;
    color: #333;
    font-size: 32px;
    margin-top: 10px;
    text-transform: capitalize;
}
#item-header .price{
    float: right;
    margin-top: -50px;
    background-color: #0083c9;
    padding: 2px 10px;
    border-radius: 7px;
    color: #fff;
}
#item-header hr{
    margin-top: 25px;
}
#item-header .fa{
    color: #0083c9;
    margin-right: 5px;
    margin-left: 10px;
}
#item-header .fa-calendar-o{
    margin-left: 0px;
}
#item-header .item-header{
    background-color: #fff;
    display: inline-flex;
    font-size: 12px;
    color: #999;
    text-transform: capitalize;
}
.item-photos .main-photo{
    width: auto;
    margin-left: 15px;
}
.item-photos .main-photo img{
    width: 90%;
    margin-left: 4%;
}
.item-photos .thumbs{
    float: left;
    display: inline-flex;
    width: auto;
    margin-left: 15px;
}
.item-photos .thumbs img{
    border: none;
    margin-bottom: 0px;
}
#item-content #edit_item_view{
    float: right;
    background-color: #77c04b;
    padding: 5px;
    text-align: center;
    width: 75px;
    margin-right: 10px;
    margin-top: 10px;
    border-radius: 3px;
}
#item-content #edit_item_view:hover, #item-content #edit_item_view a:hover{
    background-color: #0083c9;
    transition: 0.5s;
    text-decoration: none;
}
#item-content #edit_item_view a{
    color: #fff;
}
#description{
    font-size: 18px;
    font-weight: normal;
}
#description p{
    padding: 10px 15px;
    color: #4b4b4b;
    font-size: 14px;
}
#description h2{
    font-family: quicksand;
    padding: 15px;
    font-size: 15px;
    text-transform: capitalize;
    background-color: #fff;
    box-shadow: 0px 5px 10px rgba(0,0,0,0.1);
    color: #333;
    border-top: 1px solid #eee;
}
#description table{
    margin-left: 40px;
}
tbody{
    color: #999;
    font-size: 14px;
}
#description .btn-md{
    display: inline-flex;
    background-color: #77c04b;
    text-decoration: none;
    box-shadow: none;
    margin-left: 15px;
    margin-bottom: 20px;
    padding: 12px;
    text-transform: uppercase;
    border: none;
    font-weight: 1000;
    width: auto;
    border-radius: 0px;
    color: #fff !important;
}
#description .btn-md:hover, .form-horizontal .btn-success:hover{
    background-color: #0083c9;
    transition: 0.5s;
}
#item-content #comments{
    background-color: #fff;
    box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.1);
}
#item-content #comments h2{
    font-family: quicksand;
    font-size: 15px;
    color: #333;
    background-color: #fff;
    padding: 15px;
    text-transform: capitalize;
    border-top: 1px solid #eee;
    box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.1);
}
.item #comments .comments_list{
    border: none;
    padding: 10px 10px;
}
#item-content #useful_info{
    border: none;
    border-radius: 0px;
    font-size: 12px;
    padding: 0px;
}
#useful_info ul li{
    font-family: poppins;
    color: #999;
    line-height: 2em;
}
#item-content .header h3{
    font-family: quicksand;
    font-size: 15px;
    font-weight: bold;
    color: #333;
    padding: 20px 15px;
    text-transform: capitalize;
    border-top: 1px solid #eee;
    box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.1);
}
.form-horizontal label{
    float: none;
    width: auto;
}
.form-horizontal .controls{
    margin-left: 0px;
}
.form-container .controls input{
    border: 1px solid #eee;
    height: 40px;
    box-shadow: none;
    border-radius: 0px;
    width: 50%;
    font-size: 12px;
}
#item-content textarea{
    width: 90%;
}
.form-container .controls input:hover, .form-horizontal .resp-wrapper textarea:hover, #plugin-hook .row input:hover{
    border: 1px solid #ccc;
}
.form-horizontal .resp-wrapper form{
    text-transform: capitalize;
    color: #333;
    padding: 0px 15px;
    font-size: 15px;
}
.form-horizontal .resp-wrapper textarea{
    box-shadow: none;
    border: 1px solid #eee;
    width: 100%;
    height: auto;
}
fieldset .actions button{
    width: 15%;
}
.form-horizontal .btn-success{
    box-shadow: none;
    color: #fff !important;
    border: none;
    margin-bottom: 20px;
    border-radius: 0px;
    font-weight: 1000;
    text-transform: uppercase;
    background-color: #77c04b;
}

/* -- releated searches css -- */

#Searches ul, #Regions ul, #Cities ul{
    margin-bottom: 3px;
    padding: 0px;
}
#releated-search-list{
    margin-bottom: 40px;
}
#releated-search-list h2{
    font-size: 16px;
    height: 60px;
    text-transform: uppercase;
    background-color: #fff;
    padding: 20px 15px;
    box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.1);
}
#releated-search-list hr{
    margin-left: 0px;
    width: 95%;
    margin-top: -5px;
}
#releated-search-list .row{
    margin: 0px;
    margin-bottom: 20px;
}

/* -- all sidebar-sidebar css -- */

#item-sidebar-item{
    background-color: #fff;
    box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.1);
}
#sidebars-sidebar{
    background-color: #fff;
    margin-left: 15px;
    margin-right: 15px;
}
.mark_as .select-box-label{
    font-family: poppins;
    margin-top: 10px;
    background-color: #f9f9f9;
    box-shadow: none;
    border-radius: 0px;
    border: none;
    text-shadow: none;
    color: #999 !important;
}
#sidebars-sidebar .select-box {
    border-radius: 0px;
    height: 50px;
    margin-top: 15px;
    background-color: #f9f9f9;
    box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.1);
}
.mark_as .select-box-icon{
    margin-top: 10px;
    color: #999;
} 
.widget-box{
    background-color: #fff;
    padding: 15px;
}
#sidebars-sidebar #contact{
    padding-bottom: 10px;
}
#sidebars-sidebar #contact h2{
    font-family: quicksand;
    margin-top: 0px;
    background-color: #fff;
    height: 50px;
    padding: 15px 10px;
    width: 100%;
    font-size: 15px;
    text-transform: capitalize;
    margin-top: 10px;
    box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.10);
}
.widget-box p{
    font-family: poppins;
    color: #999;
    font-size: 12px;
    text-transform: capitalize;
    margin-left: 10px;
}
.widget-box .email{
    text-transform: initial;
}
.widget-box .fa{
    color: #0083c9
}
.widget-box .fa-phone{
    margin-left: 10px;
    margin-right: 5px;
}
#sidebars-sidebar .meta_list .meta{
    color: #333;
    font-size: 12px;
    margin-bottom: 15px;
}
#sidebars-sidebar .meta_list .meta strong{
    color: #999;
    font-weight: normal;
    font-size: 12px;
    margin-right: 10px;
}
#sidebars-sidebar .btn-info, #user-public-profile .btn-info{
    background-color: #ef858c;
    width: 100%;
    border-radius: 8px;
    color: #fff !important;
    border: none;
    margin-bottom: 15px;
}
#sidebars-sidebar .btn-info:hover{
    background-color: #ffd3d6;
    transition: 0.5s;
}

/* -- all sidebars-sideba modal css -- */

#sidebars-sidebar .modal-content{
    border-radius: 0px;
}
#sidebars-sidebar .modal-title{
    font-family: quicksand;
    font-size: 16px;
    color: #333;
    text-align: center;
    text-transform: uppercase;   
}
#sidebars-sidebar .modal-header{
    box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.10);
}
#sidebars-sidebar .modal-body .control-group input, #sidebars-sidebar .modal-body .btn-info{
    width: 65%;
}
.modal-content textarea{
    width: 65%;
}

/* -- log in css -- */

#user-login{
    background-color: #fff;
    margin-top: 40px;
    margin-bottom: 40px;
    box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.03);
}
#user-login:hover{
    box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.10);
}
.form-login{
    font-family: quicksand;
    background-color: #fff;
    margin-top: 20px;
    margin-bottom: 20px;
    margin: 0px 30px;
}
.form-login h1{
    font-family: quicksand;
    letter-spacing: -2px;
    color: rgba(0,0,0,0.7);
    padding: 20px;
    text-align: center;
    margin-top: 20px;
}
.form-login .control-group label{
    color: #333;
    font-size: 15px;
}
.form-login .control-group input{
    font-family: poppins;
    font-size: 11px;
    height: 50px;
    width: 100%;
    margin-bottom: 20px;
    background-color: #fff;
    box-shadow: none;
    border: none;
    border: 1px solid #eee;
    color: #999 !important;
    text-align: left;
    padding: 15px 50px;
}
.form-login .control-group input:hover{
    border: 1px solid #412b2b;
    transition: 1.5s;
}
.control-group .fa-envelope, .control-group .fa-lock{
    position: absolute;
    display: block;
    height: 48px;
    width: auto;
    padding: 15px;
    margin-top: 2px;
    color: #1bb8CE;
    border-right: 1px solid #eee;
}
.form-login .control-group .checkbox input{
    height: 20px;
    margin-top: 0px;
    margin-left: 0px;
    color: #999;
}
.form-login .controls .btn-lg{
    background-color: #ef858c;
    border-color: #ef858c;
    border-radius: 9px;
    width: 100%;
    color: #fff !important;
    box-shadow: none;
}
.form-login .controls .btn-lg:hover{
    background-color: #ffd3d6;
}
#user-login .actions{
    margin-bottom: 40px;
    margin-top: 20px;
    padding-bottom: 20px;
}
#user-login .actions a{
    color: #999;
    text-decoration: none;
}
#user-login .actions a:hover{
    color: #77c04b;
    transition: 0.5s;
}
#user-login .checkbox{
    position: relative;
    display: block;
    margin-bottom: 10px;
    float: left;
    margin-left: 0px;
}
#user-login .checkbox input{
    padding: 0;
    width: 20px;
}
#user-login .checkbox label{
    padding-left: 25px;
}
.checkbox label, .radio label {
    min-height: 20px;
    padding-left: 115px;
    margin-bottom: 20px;
    font-weight: 400;
    cursor: pointer;
}

/* -- register account -- */

#col-form-register{
    font-family: quicksand;
    background-color: #fff;
    margin-bottom: 40px;
    margin-top: 40px;
    box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.03);
}
#col-form-register:hover{
    box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.10);
}
.form-register{
    margin-left: 15px;
    margin-right: 15px;
    background-color: #fff;
}
.form-register .control-group label{
    font-size: 15px;
}
.form-register .control-group input{
    font-family: poppins;
    height: 50px;
    width: 100%;
    margin-bottom: 20px;
    background-color: #fff;
    box-shadow: none;
    border: none;
    border: 1px solid #eee;
    color: #333 !important;
    text-align: left;
    padding: 15px;
}
.form-register .control-group input:hover{
    border: 1px solid #ccc;
}
.form-register h1{
    font-family: quicksand;
    letter-spacing: -2px;
    color: #333;
    margin-top: 30px;
    font-size: 30px;
    font-weight: bolder;
    padding: 15px;
    text-align: center;
}
.form-register .control-group .btn-warning{
    border-radius: 9px;
    background-color: #ef858c;
    width: 100%;
    box-shadow: none;
    color: #fff !important;
    margin-bottom: 40px;
    border: none;
    height: 50px;font-size: 18px;
}
.form-register .control-group .btn-warning:hover{
    background-color: #ffd3d6;
}

/* -- publish ad free css -- */

.form-publish-ad{
    background-color: #f9f9f9;
}
#publish-ad{
    font-family: quicksand;
    color: #333;
    background-color: #fff;
    margin: 40px 0px 50px 0px;
    box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.03);
}
#publish-ad:hover{
    box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.10);
}
#publish-ad .header h1{
    font-family: quicksand;
    color: #333;
    letter-spacing: -2px;
    font-size: 30px;
    margin-bottom: 20px;
    text-align: center;
    padding-top: 40px;
    padding-bottom: 30px;
}
#publish-ad h2{
    font-family: quicksand;
    letter-spacing: -1px;
    font-size: 20px;
    background-color: #fff;
    border: 1px solid #fbf8f8;
    border-right: none;
    border-left: none;
    color: #333;
    text-align: center;
    height: 50px;
    padding: 13px 0px;
    width: 100%;
    text-transform: capitalize;
    text-shadow: 0 1px 0 #fff;
    box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.03);
}
#publish-ad .seller_info h2{
    margin-top: 40px;
}
#publish-ad .control-group{
    padding: 10px 15px;
}
#publish-ad .control-group .select-box{
    font-family: poppins;
    font-size: 13px;
    margin-bottom: 0px;
    background-image: none;
    border: 1px solid #eee;
    border-radius: 0px;
    color: #000 !important;
    box-shadow: none;
}
#item-post select{
    width: 100%;
    border: 1px solid #eee;
    border-radius: 0px;
    box-shadow: none;
    font-family: poppins;
    font-size: 13px;
    height: 50px;
    background-color: #f9f9f9;
    color: #999 !important;
    padding: 9px 20px;
    text-transform: capitalize;
}
#item-post option{
    background-color: transparent;
}
#publish-ad .control-group  label{
    font-weight: bold;
    font-size: 15px;
}
#publish-ad .control-group .select-box .select-box-label{
    color: #999;
    padding: 9px 20px;
}
#publish-ad .control-group .select-box .select-box-icon{
    color: #999;
    padding: 9px 20px;
}
.select-box option{
    background-color: #fff;
    color: #7e7575;
}
#publish-ad .select-box{
    background-image: none;
    box-shadow: none;
    border: 1px solid #eee;
    height: 50px;
    width: 100%;
}
#publish-ad .control-group input{
    color: #000;
    text-align: center;
    background-color: #fff;
    height: 50px;
    width: 100%;
    box-shadow: none;
    border: none;
    border: 1px solid #eee;
    padding: 15px;
    text-align: left;
    visibility: visible !important;
}
#publish-ad .control-group input:hover, #publish-ad .control-group textarea:hover, #publish-ad .control-group .select-box:hover{
    border: 1px solid #ccc;
    transition: 0.5s;
}
#publish-ad .control-group textarea{
    border: 1px solid #eee;
}
#publish-ad .control-group .checkbox{
    margin: 0px;
    position: initial;
}
#publish-ad #publishad-free-checkbox input{
    height: 20px;
    margin-top: 5px;
    border: 1px solid #eee;
    width: 50px;
    margin-left: -10px;
}
#publishad-checkbox label{
    margin-left: 15px;
    text-shadow: 0 1px 0 #666;
    margin-top: 5px;
}
#publish-ad .meta label{
    margin-left: 30px;
}
#publish-ad .meta input{
    color: #000;
    text-align: center;
    width: auto;
    height: 25px;
    background-color: #fff;
    text-align: left;
    padding: 15px;
    border: none;
    box-shadow: none;
    border: 1px solid #d9e3f1;
    margin-left: 30px;
}
#publish-ad .btn-warning{
    background-color: #ef858c;
    box-shadow: none;
    border: none;
    border-radius: 8px;
    width: 100%;
    height: 50px;
    color: #fff !important;
    text-shadow: 0 1px 0 #fff;
    margin-bottom: 30px;
}
#publish-ad .btn-warning:hover{
    background-color: #ffd3d6;
}
#restricted-fine-uploader{
    padding-right: 15px;
    padding-left: 15px !important;
}
.qq-upload-button{
    background-color: #DDD !important;
}

/* -- user-recover css -- */

#userchange-email-row{
    margin-right: 0px;
    margin-left: 0px;
}
#col-user-recover{
    background-color: #fff;
    box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.03);
    margin-top: 50px;
    margin-bottom: 50px;
}
#col-user-recover:hover{
    box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.10);
}
.form-password-recover{
    background-color: #fff;
    margin: 0px 15px;
}
.form-password-recover h1{
    font-size: 30px;
    text-align: center;
    padding-top: 50px;
    margin-bottom: 50px;
}
.form-password-recover label{
    width: 95%;
    margin-left: 15px;
}
.form-password-recover input{
    background-color: #fff;
    border: 1px solid #eee;
    color: #000;
    height: 50px;
    width: 100%;
    text-align: left;
    padding: 13px 15px; 
    margin-bottom: 20px;
}
.form-password-recover input:hover{
    border: 1px solid #412b2b;
    transition: 1.5s;
}
.form-password-recover b{
    color: #e94e38;
}
.form-password-recover .btn-deafult{
    background-color: #ef858c;
    box-shadow: none;
    border: none;
    border-radius: 10px;
    width: 100%;
    height: 50px;
    color: #fff !important;
    text-shadow: 0 0px 0 #fff;
    margin-bottom: 60px;
    margin-top: 10px;
    font-size: 18px;
}
.form-password-recover .btn-deafult:hover{
    background-color: #ef858c;
}

/* -- search list-header css -- */

.list-header .resp-wrapper{
    margin-top: 50px;
    padding: 0px 15px 20px;
    box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.10);
    background-color: #fff;
} 
.list-header .resp-wrapper h1{
    font-family: quicksand;
    letter-spacing: -1px;
    color: #333;
}
.see_by{
    height: auto;
    border: 1px solid #eee;
    background-color: #fff;
    margin-right: 30px;
    margin-top: 10px;
}
.see_by label{
    color: #1bb8ce;
}
.see_by .arrow-down{
    border-top: 5px solid #1bb8ce;
    top: 14px;
}
.see_by ul{
    background-color: #333;
    border: none;
}
.see_by ul li a{
    color: #eee;
}
.see_by ul li a:hover{
    text-decoration: none;
    color: #77c04b;
}
#main h5{
    margin-bottom: 30px;
    margin-top: 30px;
    background-color: #fff;
    height: 50px;
    padding: 15px 20px;
    box-shadow: 0px 0px 0px rgba(0,0,0,0.10);
}

/* -- all send-friend css -- */

#send-friend{
    background-color: #fff;
    margin-top: 40px;
    margin-bottom: 40px;
    box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.03);
}
#send-friend:hover{
    box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.10);
}
#send-friend .send-friend-form{
    margin-left: 15px;
    margin-right: 15px;
}
#send-friend .header h1{
    font-family: quicksand;
    width: 100%;
    background-color: #fff;
    text-align: center;
    margin-top: 30px;
    font-size: 30px;
    color: #333;
    padding: 15px;
}
#send-friend .control-group label{
    font-size: 15px;
    font-weight: 700;
    color: #333;
}
#send-friend .control-group input{
    font-family: poppins;
    height: 50px;
    width: 100%;
    margin-bottom: 20px;
    background-color: #fff;
    box-shadow: none;
    border: none;
    border: 1px solid #eee;
    color: #333 !important;
    text-align: left;
    padding: 15px;
}
#send-friend .control-group input:hover, #send-friend .control-group textarea:hover{
    border: 1px solid #ccc;
    transition: 0.5s;
}
#send-friend .control-group textarea{
    box-shadow: none;
    border: 1px solid #eee;
}
#send-friend .btn-info{
    background-color: #77c04b;
    box-shadow: none;
    border: none;
    border-radius: 0px;
    width: 100%;
    height: 50px;
    color: #fff !important;
    text-shadow: 0 1px 0 #fff;
    margin-bottom: 30px;
    font-size: 18px;
}
#send-friend .btn-inf:hover{
    background-color: #0083c9;
}

/* -- user-items-col css -- */

#user-items-col{
    margin-top: 40px;
    margin-bottom: 40px;
}
#user-items-col .list-header h1{
    font-family: quicksand;
    background-color: #fff;
    font-size: 16px;
    color: #333;
    text-transform: uppercase;
    height: 60px;
    padding: 20px 15px;
    box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.1);
    margin-top: 20px;
}
#user-items-col .listing-card-list{
    margin-top: 65px;
}
#user-items-col .listing-grid{
    margin-top: 0px;
}
#user-items-col .list-header .actions{
    margin-top: -60px;
}
#user-items-col #listing-view .admin-options{
    margin-top: 10px;
    margin-left: -85px;
}
#user-items-col .admin-options a{
    font-family: poppins;
    background-color: #ef858c;
    padding: 5px;
    color: #fff;
    border-radius: 5px;
}
#user-items-col .admin-options a:hover{
    background-color: #1bb8ce;
    transition: 0.5s;
    text-decoration: none;
}
#user-items-col #listing-view .fa-map-marker{
    margin-bottom: 25px;
}
#user-items-col .listing-grid .listing-card{
    height: auto;
}
#user-items-col .admin-options{
    margin-left: 15px;
}
#user-items-col .listing-grid .listing-data{
    margin-bottom: 10px;
}
#user-items-col .listing-grid .admin-options a{
    padding: 1px 5px;
}
#user-items-col .listing-grid #grid-view{
    margin-top: 35px;
}
#user-items-col .listing-card .listing-data .admin-options a{
   margin-bottom: 10px;
}

/* -- user-sidebar-col css -*/

#user-sidebar-col{
    margin-top: 40px;
}
#user-sidebar-col h1{
    background-color: #fff;
    font-size: 16px;
    text-transform: uppercase;
    color: #333;
    padding: 20px 15px;
    margin-top: 20px;
    height: 60px;
    text-align: center;
    font-weight: normal;
    box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.1);
}
#user-sidebar-col #sidebar{
    background-color: #fff;
    margin-top: 20px;
    margin-bottom: 40px;
    display: block;
    padding: 20px;
    border: none;
    border-radius: 0px;
    box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.03);
}
#user-sidebar-col #sidebar:hover, #user-profile-col:hover{
    box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.1);
}
#user-sidebar-col #sidebar ul li a{
    text-transform: capitalize;
    color: #4b4b4b;
    font-size: 14px;
}
#user-sidebar-col #sidebar ul li a:hover{
    color: #0083c9;
    text-decoration: none;
}

/*-- user-profile-col css -- */

#user-profile-col{
    background-color: #fff;
    margin-top: 60px;
    margin-bottom: 60px;
    box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.03);
}
#user-profile-col h1{
    font-family: quicksand;
    color: #333;
    letter-spacing: -2px;
    font-size: 30px;
    margin-bottom: 20px;
    text-align: center;
    padding-top: 40px;
    padding-bottom: 30px;
}
#user-profile-col .control-group label, #fave-field .control-group label, #search-user-form label.control-label {
    margin-bottom: 5px;
    font-weight: bold;
    font-size: 15px;
}
#user-profile-col .control-group input, #fave-field .control-group input{
    color: #999;
    background-color: #fff;
    height: 50px;
    width: 100%;
    box-shadow: none;
    border: 1px solid #eee;
    padding: 15px;
    text-align: left;
}
#user-profile-col .control-group input:hover, #fave-field .control-group input:hover{
    border: 1px solid #ccc;
    transition: 0.5s;
}
#user-profile-col .control-group input[type="checkbox"], #fave-field .control-group input[type="checkbox"] {
    height: 17px;
    width: 17px;
    padding: 0;
}
.form-register .select-box, #user-profile-col .select-box:not(.fave-list .select-box), .search-sidebar .select-box{
    font-family: poppins;
    font-size: 13px;
    text-transform: none;
    background-image: none;
    background-color: white;
    border: 1px solid #eee;
    box-shadow: none;
    border-radius: 0px;
    height: 50px;
    width: 100%;
}
.form-register .select-box {
    margin-bottom: 20px;
}
.search-sidebar .select-box{
    height: 40px;
}
.search-sidebar .select-box select{
    height: 40px;
}
.form-register .select-box .select-box-label, #user-profile-col .control-group .select-box .select-box-label{
    color: #999;
    padding: 9px 20px;
}
.form-register .select-box .select-box-icon, #user-profile-col .control-group .select-box .select-box-icon{
    color: #999;
    padding: 9px 20px;
}
.search-sidebar .select-box .select-box-label:not(#search-user-form .select-box-label) {
    color: black;
    padding: 5px 20px;
}
.search-sidebar .select-box .select-box-icon:not(#search-user-form .select-box-icon) {
    padding: 5px 20px;
}
#user-profile-col .btn-info, #fave-field .btn-info, #userchange-email-col .btn-info{
    font-size: 18px;
    background-color: #ef858c;
    background-image: none;
    width: 100%;
    height: 50px;
    border-radius: 10px;
    border: none;
    color: #fff !important;
    margin-bottom: 30px;
    margin-top: 30px;
}
#user-profile-col .btn-info:hover, #fave-field .btn-info:hover, #userchange-email-col .btn-info:hover{
    background-color: #1bb8ce;
}
#user-profile-col input::placeholder, #user-profile-col input::-ms-input-placeholder, #user-profile-col input::-webkit-input-placeholder{
    font-family: poppins;
    font-size: 13px;
    color: #999;
}
#user-profile-col div.has-placeholder {
    width: 100%;
}
#user-profile-col .has-placeholder label {
    margin-top: 4px;
    font-family: poppins;
    font-size: 13px;
    color: #999;
}
#user-profile-col .children-form {
    margin-bottom: 10px;
}

/* -- userchange-email-col css -- */

#userchange-email-col{
    background-color: #fff;
    margin-top: 60px;
    margin-bottom: 60px;
    box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.03);
}
#userchange-email-col:hover{
    box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.1);
}
#userchange-email-col h1{
    font-family: quicksand;
    color: #333;
    letter-spacing: -2px;
    font-size: 30px;
    margin-bottom: 20px;
    text-align: center;
    padding-top: 40px;
    padding-bottom: 30px;
}
#userchange-email-col .controls{
    text-transform: none;
}
#userchange-email-col .control-group label{
    font-weight: bold;
    font-size: 15px;
    text-transform: none;
}
#userchange-email-col .control-group input{
    color: #999;
    background-color: #fff;
    height: 50px;
    width: 100%;
    box-shadow: none;
    border: 1px solid #eee;
    padding: 15px;
    text-align: left;
}
#userchange-email-col .control-group input:hover{
    border: 1px solid #ccc;
    transition: 0.5s;
}

/* -- item-content user-card -- */

#user-public-profile{
    margin-right: 0px;
    margin-left: 0px;
}
.user-card img{
    border-radius: 0px;
}
#user-public-profile #item-content{
    background-color: transparent;
    box-shadow: none;
}
.description-header{
    background-color: #fff;
    box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.1);
    border-radius: 0px;
    padding: 15px;
    color: #4b4b4b;
}
#item-content .user-card{
    background-color: #fff;
    border-radius: 0px;
}
#item-content .user-card .name{
    color: #333;
}
#item-content .user-card .website a{
    color: #77c04b;
    font-size: 12px;
}
#item-content .user-card .website a:hover{
    color: #0083c9;
    text-decoration: none;
}
#user-public-profile #item-content .description-header h2{
    text-transform: uppercase;
    font-family: quicksand;
    font-size: 16px;
    color: #333;
}
#user-public-profile #item-content .similar_ads h2{
    font-family: quicksand;
    background-color: #fff;
    font-size: 16px;
    color: #333;
    text-transform: uppercase;
    height: 60px;
    padding: 20px 15px;
    box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.1);
    margin-top: 20px;
}

#dialog-delete-account{
    box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.1);
    border: none;
}
.ui-widget-content{
    border-radius: none;
    border-radius: 0px;
    box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.03);
    border: none;
}
.ui-widget-content:hover{
    box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.1);
}
.ui-dialog-titlebar{
    border-radius: 5px;
    background-image: none;
    background-color: #1bb8ce;
    border:none;
}
.ui-dialog-titlebar-close{
    display: none;
}
.ui-dialog-titlebar-close:hover{
    background-color: #0083c9;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{
    margin-left: 25%;
    float: none;
    display: inline-flex;
}
.ui-dialog .ui-dialog-buttonpane button{
    background-image: none;
    border-radius: 5px;
    border: none;
    background-color: #ef858c;
    color: #fff !important;
    width: 100px;
    height: 40px;
}
.ui-dialog .ui-dialog-buttonpane button:hover{
    background-color: #1bb8ce;
    transition: 0.5s;
}
/* -- search-col css -- */

#search-col #listing-view .listing-card .currency-value{
    position: unset;
    float: right;
    margin-left: 0px;
}

/* -- loop-single-premium css -- */

#loop-single-premium-col #grid-view .listing-card{
    margin-top: 0px;
    margin-left: 0px;
    border-radius: 3px;
}
#loop-single-premium-col .listing-card .listing-detail{
}
#loop-single-premium-col .listing-card{
    margin-top: 0px;
    height: auto;
}
.listing-card .listing-attributes .fa-calendar-o{
    margin-left: 10px;
    color: #0083c9;
}
#loop-single-premium-col #listing-grid-date{
    padding: 15px 0px;
}
body.search #grid-view-col, body.search #loop-single-premium-col{
    width: 50%;
}
#loop-single-listpremium-col #grid-view .listing-card{
    margin-left: 0px;
    border-radius: 3px;
}
#search-col #loop-single-listpremium-col .listing-card .currency-value{
    position: absolute;
    background-color: #0083c9;
    color: #fff;
    border-radius: 3px;
    font-size: 14px;
    padding: 6px;
    margin-left: 415px;
    margin-top: -8px;
}
#loop-single-listpremium-col .listing-card .listing-attributes{
    font-family: poppins;
    line-height: normal;
    margin-top: 15px;
    font-size: unset;
}
#loop-single-listpremium-col .fa-calendar-o{
    margin-left: 0px;
}
#loop-single-premium-col #grid-images{
    height: auto;
}
#loop-single-listpremium-col img{
    margin-top: -10px;
}

/* -- page-row css -- */

#page-row h1{
    background-color: #fff;
    text-align: center;
    color: #333;
    height: 60px;
    margin-top: 40px;
    padding: 15px 15px;
    font-size: 30px;
    font-weight: normal;
    font-family: quicksand;
    text-transform: uppercase;
    box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.1);
}
#page-row .page-detail{
    background-color: #fff;
    padding: 20px;
    margin-bottom: 40px;
    font-weight: normal;
    box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.03);
}

/* car attribute plugin -- */

#plugin-hook .row{
    margin-left: 15px;
    margin-right: 15px;
}
#plugin-hook .row .select-box-icon{
    padding: 9px 20px;
    color: #999;
}
#plugin-hook .row .select-box-label{
    padding: 9px 15px;
    color: #999;
}
#plugin-hook .row input{
    color: #999;
    border: 1px solid #eee;
    box-shadow: none;
}
#plugin-hook .row #power{
    margin-bottom: 10px;
}
#plugin-hook .row .checkbox{
    visibility: visible !important;
}

/* -- flashmessage-404 css -- */
.flashmessage-404{
    background-color: #fff;
    border: none;
    margin-top: 40px;
    margin-bottom: 40px;
    box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.1);
    border-radius: 0px;
    color: #999;
}
.flashmessage-404 .ui-button{
    background-image: none;
    box-shadow: none;
    background-color: red;
    color: #fff !important;
    border: none;
    border-radius: 0px;
}
.flashmessage-404 .ui-button:hover{
    background-color: #0083c9;
    transition: 0.5s;
}
body.not-found #query{
    box-shadow: none;
    border: 1px solid #eee;
    border-radius: 0px;
}
body.not-found #query:hover{
    border: 1px solid #412b2b;
    transition: 1.5s;
}
.flashmessage-404 .categories a:hover{
    text-decoration: none;
}

/* -- mozila responsive -- */ 
/*
@-moz-document url-prefix() { 
    #header .input-text{
        margin-top: -215px;
    }
    #header #cells{
        margin-top: 30px
    }
    #header .ui-button{
        margin-top: 115px;
    }
}
*/

/* -- search user form -- */
#search-user-form {
    text-align: center;
}

#search-user-form #cells {
    display: inline-flex;
    margin-top: 20px;
    width: 100%;
}

#search-user-form>div.row, #search-user-form #detailed-forms>div.row {
    margin: 20px 0 0 0;
}

#search-user-form .input-text {
    display: inline-block;
    background-color: rgba(90, 90, 90, 0.07);
    border: 1px solid rgba(90, 90, 90, 0.1);
    border-radius: 35px;
    width: 100%;
    height: 50px;
    margin-top: 0px;
    background-image: none;
}

#search-user-form .input-text label {
    font-family: poppins;
    cursor: text;
    text-shadow: none;
    color: rgb(0, 0, 0);
    text-align: center;
    padding: 0px 15px;
    font-weight: normal;
    margin-top: 5px;
}

#search-user-form .has-placeholder {
    float: none;
    background-color: transparent;
    border: none;
}

#search-user-form .select-box, .fave-list .select-box {
    font-family: poppins;
    cursor: pointer;
    background-color: rgba(90, 90, 90, 0.07);
    border: 1px solid rgba(90, 90, 90, 0.1);
    box-shadow: none;
    border-radius: 35px;
    width: 100%;
    height: 50px;
    background-image: none;
}

#search-user-form .select-box select, .fave-list .select-box select {
    cursor: pointer;
}

#search-user-form .select-box:hover, .fave-list .select-box:hover {
    box-shadow: 2px 2px 2px 2px rgba(255,255,255,0.09);
}

#search-user-form .select-box option, .fave-list .select-box option {
    text-shadow: none;
}

#search-user-form .select-box .select-box-label {
    color: rgb(0, 0, 0);
    text-shadow: none;
    margin-top: 10px;
    cursor: pointer;
}

#search-user-form .select-box-icon {
    display: block;
    margin-top: 10px;
}

#search-user-form .ui-button {
    position: relative;
    cursor: pointer;
    box-shadow: none;
    height: 60px;
    width: 140px;
    margin-top: 20px;
    border-radius: 40px;
    background-color: #EF858C;
    border: 1px solid rgb(255, 255, 255);
    text-transform: uppercase;
    background-image: none;
    text-align: center;
    color: rgb(255, 255, 255) !important;
}

#search-user-form .ui-button:hover {
    opacity: 0.5;
    transition: 1s;
    color: #fff !important;
}

#search-user-form #toggle-forms-button {
    position: relative;
    height: 30px;
    width: 100%;
    text-align: center;
    line-height: 30px;
    border-radius: 15px;
    border: 1px solid #1bb8ce;
    color: #1bb8ce;
}

#search-user-form #toggle-forms-button i {
    position: absolute;
    right: 10px;
    line-height: 30px;
}

#search-user-form button.clear-button {
    background-color: #fff;
    border-color: #000;
    color: #000 !important;
}

#search-user-form button.clear-button:hover {
    color: #999 !important;
}

/* -- profile outline -- */
.profile-outline-container {
    display: flex;
    margin: 10px 0px;
}
.profile-outline-container .profilepic-container {
    width: 15vw;
    max-width: 65px;
}
img.profilepic {
    border-radius: 50%;
}
.profile-outline-container .profilepic-container img.profilepic {
    height: auto;
}
.profile-outline-container .profile-outline {
    margin: 0 0 0 27px;
    width: 100%;
    flex: 1;
    font-size: min(3.5vw, 15px);
}
.profile-outline-container .profile-outline .username {
    font-size: min(4.2vw, 18px);
}

span.activity {
    display: inline-block;
    margin-bottom: 3px;
    margin-right: 4px;
    padding: 1px 8px;
    border-radius: 5px;
    background-color: #1bb8ce;
    color: white;
}
#s_activities[type=checkbox]{
    height: 15px;
    width: 15px;
    margin-top: 0px;
    vertical-align: middle;
}

.ranking {
    padding: 6px 0;
    margin: 10px 0;
    overflow-x: auto;
    white-space: nowrap;
}

.ranking ul {
    -webkit-padding-start: 0;
}

.ranking ul li{
    display: inline;
    margin-right: 5px;
}

.ranking ul li a {
    padding: 2px 10px;
    border: 1px solid #ccc;
    border-radius: 13px;
    font-size: 16px;
    color: #666;
}

.ranking ul li a:hover {
    color: #444;
    border-color: #bbb;
    text-decoration: none;
}