body { 
    background: #f9f9f9;
}
#catalog-sidebar{
    font-size: 12px;
    z-index: 1003;
    color: #333333;
}
#catalog-title{
    overflow: hidden;
}
#catalog-title h1{
    margin-top: 0;
}
.catalog-title-search{
    float: left;
}
#catalog-results-summary{
    float: right;
    clear: both;
}

@media (max-width: 768px) {
    #catalog-sidebar{
        width: 100%;
    }
    #catalog-results-summary{
        padding-top: 0;
    }
}
.catalog-sidebar-header{
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px; 
    font-size: 18px;
    padding: 5px 10px;
    background-color: #dddddd;
    text-align: justify;
}
.catalog-sidebar-advanced-search{
    padding-top: 10px;
    font-size: 12px;
}
.catalog-sidebar-province{
    padding: 0 !important;
}
.catalog-sidebar-locality{
    padding: 0 !important;
    margin-top: 5px;
}
#catalog_province{
    padding: 0 !important;
    line-height: 18px !important;
    color: #808080 !important;
}

.pac-container {
    z-index: 2000 !important;
}

#catalog_locality_error {
    color: red;
    padding-top: 5px;
    padding-right: 0;
    text-align: right;
    font-size: 13px;
}

.catalog-sidebar-option{
    padding-left: 5px;
}
.catalog-list {
    position: relative;
    display: block;
    margin-bottom: -1px;
    margin-left: -35px;
}

.catalog-type-depth-1,
.catalog-soft-depth-1 {
    padding-left: 15px;
}
.catalog-type-depth-2,
.catalog-soft-depth-2 {
    padding-left: 30px;
}

.catalog-type,
.catalog-soft {
    list-style: none;
    overflow: hidden;
    cursor: pointer;
}

.catalog-type-link,
.catalog-soft-link {
    cursor: pointer;
}

.catalog-type-button-show:before,
.catalog-soft-button-show:before,
.catalog-type-button-hide:before,
.catalog-soft-button-hide:before {
    color: white;
    cursor: pointer;
    float: right;
    width: 17px;
    height: 17px;
    text-align: center;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;    
}

.catalog-type-button-show:before,
.catalog-soft-button-show:before {
    background-color: #66a60a;
    content: '+';
}
.catalog-type-button-hide:before,
.catalog-soft-button-hide:before {
    border: 1px solid #555555;
    color: #555555;
    content: '-';
}


#catalog-cards{
    margin-right: -28px;
}
#catalog-results-container {
    padding-right: 0px;
}

@media(max-width: 768px){
    #catalog-results-container{
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
}

/* top-section */
#top-section{
    background-color: #FFFFFF;
    margin-bottom: 15px;
    padding-bottom: 15px;
}
#top-section .head{
    display: inline-block;
    width: 100%;
}
#top-section #searchbox input{
    height: 32px;
}
#top-section #searchbox .locality{
    width: 275px;
    float: left;
    margin-right: 10px;
    position: relative;
}
#top-section #searchbox .locality #catalog-sidebar-clear-localization{    
    position: absolute;
    right: 13px;
    top: 4px;
    font-size: 15px;
    font-weight: 700;
    color: rgb(62, 180, 137);
    cursor: pointer;
}
#top-section #searchbox .locality input#catalog_locality {
    width: 275px;
    border-radius: 0;
    background-repeat: repeat-x;
    text-shadow: 0 1px 0 #fff;
    border-color: #ccc;
    padding: 0 12px;
    color: black;
}
#top-section #searchbox .price{
    margin-right: 10px;
    display: inline-block;
}
#top-section #searchbox .price .form-control{
    float:left;
    width: 136px;
    border-radius: 0;
    padding: 0 0 0 10px;
    margin-right:3px;
}
#top-section #searchbox .user-type{
    display: inline-block;
}
#top-section #searchbox .btn-group.bootstrap-select.show-tick{
    margin-right: 10px;
    float: left;
    width: 275px;
}
#top-section #searchbox .user-type .btn-group.bootstrap-select.show-tick{
    margin-right: 0px;
}
#top-section #searchbox button.btn.dropdown-toggle.btn-default {
    background-color: white!important;
    background-image: none;
    border-radius: 0;
    color: #999999;
    font-size: 13px;
}
#top-section #searchbox .bootstrap-select.btn-group .dropdown-menu li.selected{
    background-color: #F5F5F5;
}
#top-section #searchbox .dropdown-menu.open{
    margin: 0;
    border-radius: 0;
    padding: 0;
}
#top-section #searchbox .dropdown-menu>li>a{
    padding: 5px 12px;
}
#top-section #searchbox .dropdown-menu>li>a:hover{
    background-color: #F5F5F5;
    background-image: none;
}
#top-section #searchbox .dropdown-menu>li>a .glyphicon{
    color: #3EB489;
}
#top-section #searchbox .dropdown-menu>li>a.depth-1{
    padding-left: 22px
}
#top-section #searchbox .dropdown-menu>li>a.depth-2{
    padding-left: 32px
}
#top-section #searchbox .price .form-control:focus,
#top-section #searchbox button.btn.dropdown-toggle.btn-default:focus,
#top-section #searchbox input:focus{
    border-color: #CCC;
    outline: 0!important;
    box-shadow: none;
}
#top-section .main-button{
    margin-top: 10px;
}

/* CARDS */
.card-box{
    margin-bottom: 20px;
    padding: 15px;
    cursor: default;
    float: left;
    background-color: white;
    border-radius: 3px;
    box-shadow: 0 1px 3px rgba(0,0,0,.3);
    margin-right: 20px;
    position: relative;
}
.card-box.small{
    width: 23%;
    height: 215px;
}
.card-box.big{
    height: 450px;
    width: 48%;
}
.card-box .information{
    display: inline-block;
    width: 100%;
}
.card-box .information .left{
    float: left;
    color: #333;
}
.card-box .information .left .title{
    font-size: 15px;
    font-weight: bold;
    color: #333;
}
.card-box .information .left .title:hover{
    color: #3EB489;
    text-decoration: none;
}
.card-box .information .left .budget{
    color: #5E5E5E;
    font-size: 12px;
}
.card-box .information .left .budget span{
    color: #333;
    font-size: 14px;
    font-weight: bold;
}
.card-box.big .information .right{
    float: right;
    height: 50px;
}
.card-box.big .information .right img{
    height: 100%;
}
.card-box.big .card-box-background-image{
    width: 100%;
    height: 360px;
}
.card-box.small .card-box-background-image{
    width: 100%;
    height: 140px;
}
.card-box.big .card-box-background-image.nonefolio{
    background-position: center!important;
}
.card-box.small .card-box-background-image.nonefolio{
    background-size: cover!important;
}
.card-box.big .portfolio{
    position: relative;
}
.card-box.big .portfolio .carousel{
    height: 355px;
}
.card-box.big .portfolio .carousel .owl-item{
    text-align: center;
}
.card-box.big .portfolio .carousel .owl-item a{
    z-index: 1;
}
.card-box.big .portfolio .owl-theme .owl-controls{
    margin-top: 0;
}
.card-box.big .portfolio .carousel img{
    max-width: 100%;
    height: 355px
}
.card-box.big .portfolio .navigation{
    position: absolute;
    width: 530px;
    top: 48%;
    bottom: 52%;
    margin: auto;
    display: inline-block;
    z-index: 0;
}
.card-box.big .portfolio .navigation .arrow-left, .card-box.big .portfolio .navigation .arrow-right{
    border: 1px solid black;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    text-align: center;
    background-color: white;
    cursor: pointer;
}
.card-box.big .portfolio .navigation .arrow-left:hover, .card-box.big .portfolio .navigation .arrow-right:hover{
    color: #3EB489;
    border: 1px solid #3EB489;
}
.card-box.big .portfolio .navigation .arrow-left{
    float: left;
}
.card-box.big .portfolio .navigation .arrow-right{
    float: right;
}
.card-box.big .portfolio .owl-theme .owl-controls .owl-page span{
    background: #000000!important;
    margin: 5px 4px;
}
.card-box.big .portfolio .owl-theme .owl-controls .owl-page.active span,
.card-box.big .portfolio .owl-theme .owl-controls .owl-page:hover > span{
    background: #3EB489!important;
}

@-moz-document url-prefix(){
    .card-box.big  .navigation{
        top: 46%;
    }
}
@media screen\0{
    .card-box.big  .navigation{
        top: 46%;
    }
}
@media(min-width: 992px) and (max-width: 1199px)
{
    .card-box{
        margin-right: 29px;
    }
    .card-box.big{
        width: 47%;
    }
    .card-box.small{
        width: 22%;
    }
}
@media(min-width: 768px) and (max-width: 991px)
{
    .card-box{
        margin-right: 17px;
    }
    .card-box.big{
        width: 47%;
        height: 400px;
    }
    .card-box.small{
        width: 22.3%;
        height: 190px;
    }
    .card-box.big .card-box-background-image {
        height: 315px;
    }
    .card-box.small .card-box-background-image {
        height: 135px;
    }
}
@media(max-width: 767px)
{
    .card-box{
        margin-right: 0;
    }
    #catalog-cards{
        margin-right: 0;
    }
    .card-box.big{
        width: 100%;
        height: 400px;
    }
    .card-box.small{
        width: 100%;
        height: 200px;
    }
    .card-box.big .card-box-background-image {
        height: 315px;
    }
    .card-box.small .card-box-background-image {
        height: 145px;
    }
    .card-box.small .card-box-background-image.nonefolio {
        background-position: center!important;
        background-size: initial!important;
    }
    #catalog-results-container{
        padding-right: 0px !important;
    }
}

.catalog-tag{
    cursor: pointer;
    padding: 0 4px;
}
.catalog-tag-checked{
    background-color: #66a60a; 
}
.catalog-tag-smallest{
    font-size: 12px;
}
.catalog-tag-small{
    font-size: 16px;
}
.catalog-tag-medium{
    font-size: 20px;
}
.catalog-tag-large{
    font-size: 24px;
}
.catalog-tag-largest{
    font-size: 28px;
}
.catalog-tag:hover{
    background-color: #66a60a;
    color: white;
}
.catalog-header-all{
    margin: 5px 0;
}
.catalog-header-first{
    margin-top: 0 !important;
}
.catalog-sidebar-clear {
    float: right;
    text-align: right;
    font-size: 10px;
    margin-top: 6px;
    cursor: pointer;
}

#catalog-chosen-tag{
    margin-bottom: 10px;
    margin-left: 20px;
    margin-right: 10px;
    margin-top: 9px;
    background-color: #dddddd;
}
@media(max-width: 1199px){
    #catalog-chosen-tag{
        margin-right: 0;
    }
}
@media(max-width: 768px){
    #catalog-chosen-tag{
        margin-left: 0;
    }
}
.chosen-tag{
    cursor: pointer;
    font-size: 10px;
    margin-left: 5px;
    background-color: #66a60a;
    padding: 4px;
    border-radius: 5px;
    color: white;
    margin-top: 1px;
    padding-bottom: 5px;
}
.chosen-tag-remove{
    cursor: pointer;
    font-size: 10px;
    margin-left: 5px;
}
.chosen-tag.glyphicon{
    top: 0 !important;
    margin-bottom: 8px;
}
.catalog-chosen-tag-active{
    font-size: 15px;
    font-family: "Arial";
}
.catalog-chosen-tag-title{
    display: block;
    font-size: 18px;
    padding-left: 10px;
    padding-top: 5px;
}
.catalog-chosen-tag-bar{
    margin-left: 5px;
}
#catalog-chosen-tag-clear{
    cursor: pointer;
    float: right;
    font-size: 10px;
    padding-right: 10px;
    line-height: 25px;
}
.catalog-popular{
    margin-left: 10px;
    display: block;
}

#catalog-sidebar-dropdown{
    cursor: pointer;
}

.catalog-sidebar-dropdown-icon{
    margin-top: 4px;
}

#catalog-loader {
    bottom: 0;
    position: fixed;
    text-align: center;
    padding: 0;
    z-index: -1;
}

@media (max-width: 768px) {
    #catalog-loader {
        display: none;
    }
}

#catalog-loader-wrapper {
    display: table;
    padding: 0;
}

#catalog-loader-container {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

#catalog-loader-content {
    display: inline-block;
    padding: 20px;
    margin: auto;
    border: 1px solid #ccc;
    border-radius: 4px;
    background: rgba(255, 255, 255, 1);
}

#catalog-loader-content img{
    margin-bottom: 15px;
}

#catalog-results-loader {
    clear: both;
    text-align: center;
}

.ui-autocomplete{
    z-index: 2001;
}

#catalog-sidebar-form{
    margin-top: 10px;
}
#catalog-sidebar-form .seo-text{
    font-size: 13px;
    text-align: justify;
}
#catalog-results-container .seo-text{
    margin-bottom: 15px;
    text-align: justify;
    font-size: 12px;
    padding: 0 10px 0 19px;
}
#catalog-results-container .seo-text .title{
    text-align: center;
    font-size: 14px;
}
#catalog-results-container .seo-last-text{
    text-align: justify;
    padding: 0 10px 0 19px;
}

#catalog-sidebar-form #ad-contest{
    text-align: center;
    color: rgb(51, 51, 51);
    background: #FFFFFF;
    padding: 10px;
    border: 1px solid #C8C8C8;
}
#catalog-sidebar-form #ad-contest h4{
    font-size: 26px;
}
#catalog-sidebar-form #ad-contest p{
    text-align: justify;
}
/*
.box-advertising{
    display: inline-block;
    padding: 0 10px 0 20px;
    margin: 5px 0 15px 0;
    width: 100%;
}
.box-advertising .wrapper{
    display: inline-block;
    width: 100%;
    background-color: white;
    padding: 15px 0px;
    border: 1px solid #C9C9C9;
}
.box-advertising .text{
    float: left;
    width: 67%;
    padding: 5px 30px;
    text-align: center;
    font-size: 16px;
    color: black;
    height: 55px;
}
.box-advertising .button{
    float: right;
    width: 32%;
}

@media(min-width: 992px ) and (max-width: 1199px ){
    .box-advertising{
        padding: 0 0 0 20px;
    }
    .box-advertising .text{
        width: 62%;
    }
    .box-advertising .button{
        width: 38%;
    }
}
@media(min-width: 768px ) and (max-width: 991px ){
    .box-advertising{
        padding: 0 0 0 20px;
    }
    .box-advertising .text{
        width: 56%;
        padding: 0px 30px;
        font-size: 13px;
    }
    .box-advertising .button{
        width: 43%;
    }
}
*/
input.form-control.active{
    box-shadow : 0 1px 3px -1px #FFFFFF, inset 0 0 0 2px #3EB489;
    color: #3EB489;
}

#catalog-premium-title {
    margin-top:0px;
}