@import url('https://fonts.googleapis.com/css2?family=Host+Grotesk:ital,wght@0,300..800;1,300..800&display=swap');


body, a, p {
    font-family: "Host Grotesk", sans-serif;
    font-weight:400;

}

strong {
    font-family: "Host Grotesk", sans-serif;

    font-weight:600;
}

.title, h1, h2, h3, h4, h5, h6 {
    font-family: "Host Grotesk", sans-serif;
    font-weight:800;
}


a {
    color:#df012c;
}

body {
    background:#f1f1f1;
    color:#000;
}

#sp-main-body {
    position:relative;
    padding:50px;
}


.txt-white, #sp-menu ul.social-icons a {
    color:#fff;
}


.autore-sito, .modified, .published, .hits{display:none;}


#city_div_search_module142 option {
    color:#000;
}


#sp-top-bar {
    z-index:999;
    position: relative;
    background:#df012c;
    color:#fff;
    font-size:20px;

}


#sp-top-bar a {
    color:#fff;
}

.bg-custom {
    background:#df012c;
    color:#fff;
}

.breadcrumb, .breadcrumb-item.active {
    background:transparent;

    color:#fff;
}

.breadcrumb a {
    color:#fff;
}


.sp-contact-info li, #sp-menu ul.social-icons a {
    font-size:20px;

}




/*header */

/*.itemid-101 #sp-header img {
    display:none;
}*/


#sp-header .header-sticky .logo-image, #sp-header .logo-image {
    height: 100%;
    margin:0 auto;

}


#sp-logo .logo {
    margin: 0 auto;
    align-items: center;
    height:100%;
}

#sp-logo-section {
    background:#fafbaf;
}

#sp-header {
    height: 100px;
    left: 0;
    position: relative;
    top: 0;
    width: 100%;
    z-index: 9999;
    background:#f1f1f1;
    box-shadow: none !important;
    border-bottom:1px solid #fff;
}




#sp-header.header-sticky {
    box-shadow: 0 5px 10px 0 rgba(87,101,128,.2);
}

#offcanvas-toggler {
    display: block;
    height: 90px;
    line-height: 90px;
    font-size: 20px;
}



.sp-megamenu-parent {
    list-style: none;
    padding: 0;
    margin: 0 -15px;
    z-index: 99;
    display: block;
    float: right;
    position: relative;
    line-height: 50px;
    text-transform: uppercase;

}

.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {
    display: inline-block;
    padding: 10px;
    line-height: 20px;
    font-size: 18px;
    margin: 0;
    color:#000;
    letter-spacing:1px;
}

.sp-megamenu-parent > li  {
    margin: 0 5px;
}

.sp-megamenu-parent > li > a:hover, .sp-megamenu-parent > li:hover > a, .sp-megamenu-parent > li.active > a, .sp-megamenu-parent > li.active:hover > a, #sp-header.header-sticky .sp-megamenu-parent > li > a:hover{ 
    font-weight:600;
    color:#fff;
    background:#df012c;

}

.sp-megamenu-parent>li:last-child>a {
    display: inline-block;
    padding: 10px;
    line-height: 20px;
    font-size: 18px;
    margin: 0;

    letter-spacing:1px;
}



.sp-megamenu-parent .sp-dropdown , .sp-megamenu-parent .sp-dropdown .sp-dropdown-inner{
    margin: 0;
    position: absolute !important;
    z-index: 9999 !important;
}
/*when the menu is sticky*/


#sp-header.header-sticky {
    background:#f1f1f1;
    height:80px;
    border-top:1px solid #fff;
    border-bottom:1px solid #fff;

}

#sp-header.header-sticky .sp-megamenu-parent {
    border:0;
    background:transparent;
}

.header-sticky .sp-megamenu-parent {

    line-height: 50px;
}

#sp-header.header-sticky .sp-megamenu-parent > li > a {
    color:#000;
}


#sp-header.header-sticky  .sp-megamenu-parent > li.active > a {
    color:#fff;
}

.header-sticky .logo-image {
    height: 80px !important;
    padding: 10px;
    display: block !important;
}


.sp-megamenu-parent .sp-dropdown li.sp-menu-item {
    line-height:   2;
    border-bottom: 1px solid #ebebeb;
}

/*bottoni*/

.btn-primary, .sppb-btn-primary {
    background:#df012c !important;
    border:#df012c !important;
    color:#fff;
    box-shadow:2px 4px 1px 1px #000;
    border-radius:0;
}

.advlink {
    box-shadow:2px 4px 1px 1px #000;
    border-radius:0;
}

.btn-primary:hover, .sppb-btn-primary:hover {
    background:#4A000F !important;
    border:#4A000F !important;
}


.btn-secondary, .sppb-btn-secondary {
    background:#cf303c !important;
    border:#cf303c !important;
    color:#fff;
}

.btn-secondary:hover, .sppb-btn-secondary:hover {
    background:#d54f59 !important;
    border:#d54f59 !important;
}

.btn-secondary a {
    color:#fff;
}


.sppb-btn-lg {
    font-size:18px !important;
}
/*
.btn-personal{
    font-size: 16px;
    color: #fff !important;
    padding: 12px 30px;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    text-transform: uppercase;
    position: relative;
    cursor: pointer;
    text-align: center;
    overflow: hidden;
    z-index: 1;
    border: 1px solid #fff;
    background: #95011D;
    box-shadow: 0 3px 24px rgb(0 0 0 / 10%);
}


.btn-personal a, .sppb-btn-primary.sppb-btn-outline {
    color:#2d2a26;
}


.btn-personal::before {
    content: "";
    position: absolute;
    left: -1px;
    top: -1px;
    width: 10px;
    height: 10px;
    background: #4A000F;
    z-index: -1;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}

.btn-personal:hover::before, .sp-megamenu-parent>li:hover::before {
    width: 105%;
    height: 105%;
    color:#111;
}



.btn-personal:hover {
    background: #000;
    color:#000;
}*/


/*footer and bottom*/


#sp-bottom .container{
    border-top:1px solid rgba(255, 255, 255, 0.1);   
}

#sp-bottom, #sp-footer {
    color: #000;
    background-color: #f1f1f1;
    line-height:20px;
    font-size:15px;
}

#sp-bottom a {
    color:#000;

}

#sp-bottom .sp-module ul {
    list-style: none;
    padding-left:15px;
}

#sp-bottom .sp-module ul>li {
    margin-bottom:10px;

}

#sp-bottom .sp-module .sp-module-title {
    letter-spacing: 1px;
    color:#000;
    text-transform: uppercase;
    font-size: 20px;
}


#sp-bottom a:hover {
    color:#df012c;
}

.oscategorymenu ul li {
    border:0 !important;
}


#sp-footer .container-inner {
    border-top: 1px solid #ddd;
     border-bottom: 1px solid #ddd;
}

#sp-bottom p.sppb-addon-title {
    margin:0 !important;
}


#sp-footer1 a , .sp-copyright{
    color:#000;
    font-size:13px;
}

#sp-footer3 .menu  {
    padding:5px 0 !important;
}


#sp-footer3 li a {

    
    padding-right:10px;
    
    font-size: 12px;

    color: #000;
}

#sp-footer3 li {
    display: inline-block;
    position: relative;
    padding: 0;
}


/*home*/





/*ricerca avanzata*/

.ospsearch_div {
    background:#fff;
    color:#333;
    padding:5px;
    border:0;
}


.ospsearch_ul > li > a {
    background:#ccc;
    font-weight:600;
    border-bottom:2px solid #4a000f;
}




/*catalogo modulo random*/


#propertydetails {
    padding:20px;
    background:#fff;
    color:#333;
}

.element_property {
    padding:0;

}



.box-home-property {
    color:#000;
    background:#fff;
    border: 12px solid #f1f1f1;
}


.element_property .property_price {
    text-align:center;
    font-weight:600;
    font-size:18px;
    float:none;
    padding:10px;
}

.property_price, .address_value {
    text-align:center;
    font-size:15px;
    float:none;
    padding:10px;
    margin-bottom:0;
}

.box-foto {
    padding:0;
}


.box-info {
    background:#ddd;
    border-right:5px solid #f1f1f1;
}

.element_title h4 a{

    color:#333;
}

.element_title h4 {
    font-weight: 600;
    line-height: 1.5em;
    text-align: center;
    height: 150px;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
}

.image_property img {
    height:350px;
    object-fit:cover;
}


#listings select, #listings img, #advsearchformdiv select, #advsearchformdiv input {
    display: inline;
    height: 350px;
    object-fit: cover;
}



.image_property .randompropertyfeatured, .image_property .randompropertytype{
    opacity:1;
}

.locationaddress {
    font-size: 12px;
    color: gray;
    margin: 5px;
    height: 20px;
}


.burger-icon>span {
    background:#000;
}


.choices__input, select.form-control:not([multiple]), select.inputbox:not([multiple]), select:not([multiple]) {
    min-width:  100% !important;
}

.propertypricevalue, .choices__list--multiple .choices__item {
    background:#df012c;
    border:#df012c;
}


h6.ptype3 span {
    background:#000;
}

h6.ptype1 span {
    background: #908C97;
}


.image_property .randompropertytype, .theme2_featuredproperties {
    background:#dd042e;
    text-transform: uppercase;
}

#ossearchForm142 > div > ul > li.ospsearch_submit > button > i {
    margin-right: 5px;
}

.nav-pills>.active>a, .nav-pills>.active>a:hover, .nav-pills>.active>a:focus {
    background:transparent;
}


.sppb-nav-tabs>li>a {
    font-size: 16px;
    font-weight: bolder;
    line-height: 1.42857143;
    padding: 12px 10px;
    background: #df012c;
    border: 1px solid #e5e5e5;
    border-right-width: 0;
    color: #fff;
    text-transform: uppercase;
    box-shadow: 2px 7px 4px #000;
    margin-right: 5px;
}

.sppb-nav-tabs>li.active>a, .sppb-nav-tabs>li.active>a:focus, .sppb-nav-tabs>li.active>a:hover {
    color:#000;
}


.sppb-tab-content {
    background:#fff;
    padding:10px;
}

.ref-imm {
    text-align: left;
}

a.property_title {
    color:#000;
    font-weight:600;
}


/* CSS BOOTSTRAP SPECIFICI */

/* ------------------------------------------------------------------------------------ */

/* MOBILE */
@media (max-width: 767px){

    #sp-header .logo-image {
        height:80px !important;
    }

    .sp-contact-info li, #sp-menu ul.social-icons a {
        font-size: 18px;
    }

    .sp-contact-phone {
        font-size: 30px !important;
    }


    #sp-top2 {

    }

    #sp-main-body {
        padding:0;
    }

    .breadcrumb, .breadcrumb-item.active {
        font-size:14px;
    }

    .sppb-nav-tabs>li {
        width:100%;
    }

    .sppb-nav-tabs>li>a {
        font-size: 15px;
    }

    #sp-left .sp-module, #sp-right .sp-module {
        padding:20px;
    }
    
    #sp-component {
        padding:30px;
    }

    
    #sp-left {
        order:2;
    }
}

/* IPAD VERTICALE */
@media (min-width: 768px) and (max-width: 1023px){
    #sp-header .logo-image {
        height:80px !important;
    }

    .sp-contact-info li, #sp-menu ul.social-icons a {
        font-size: 18px;
    }

    .breadcrumb, .breadcrumb-item.active {
        font-size:14px;
    }

    .sppb-nav-tabs>li {
        width:100%;
    }

    .sppb-nav-tabs>li>a {
        font-size: 15px;
    }

     #sp-left {
        order:2;
    }



}

/* IPAD ORIZZONTALE e IPAD PRO VERTICALE */
@media (min-width: 1024px) and (max-width: 1365px){


    .sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span, .sp-megamenu-parent>li:last-child>a {
        padding:0 5px;
        font-size:15px;
    }

    #sp-header .logo-image {
        height:58px !important;
    }

    #sp-header {
        height:60px;
    }

    .sp-contact-info li, #sp-menu ul.social-icons a {
        font-size: 16px;
    }

    .breadcrumb, .breadcrumb-item.active {
        font-size:14px;
    }

}

/* IPAD PRO ORIZZONTALE */
@media (min-width: 1366px){




    .itemid-101 #sp-page-builder .page-content .sppb-section:first-child {
        margin-top:-50px !important;
    }






}

@media (min-width: 1400px) and (max-width: 1679px){

    .itemid-101 #sp-page-builder .page-content .sppb-section:first-child {
        margin-top:-50px !important;
    }






}



@media (min-width: 1680px){




    #sp-header.header-sticky {

    }


    .itemid-101 #sp-page-builder .page-content .sppb-section:first-child {
        margin-top:-50px !important;
    }








}





.cc-revoke.cc-top {
    left: 0!important;
    font-size: 12px;
    top: auto!important;
    bottom: 0!important;
    border-bottom-left-radius: 0!important;
    border-bottom-right-radius: 0!important;
}



.margin20 {
    margin-top:20px;
}

/*form*/



.bfQuickMode .bfLabelRight label, .bfQuickMode .bfLabelLeft label, .bfQuickMode section input[type='text'], .bfQuickMode section textarea, .bfQuickMode section select,
.bfQuickMode .bfLabelLeft .bfElementGroup, .bfQuickMode .bfLabelRight .bfElementGroup, .bfQuickMode section.bfLabelLeft .bfElementGroupNoWrap{
    width:95% !important;
}





.bfQuickMode fieldset.bfInline {
    width:100% !important;
}



.bfQuickMode section input[type='text'], .bfQuickMode section textarea, .bfQuickMode section select {
    float: left;
    margin: 0px;
    width: 90% !important;
    background:transparent !important;
    border-top:0 !important;
    border-left:0 !important;
    border-right:0 !important;
    border-bottom:1px solid #fff !important;
    border-radius: 0;
}

.bfQuickMode .bfLabelLeft input, .bfQuickMode .bfLabelLeft textarea, .bfQuickMode .bfLabelLeft select, .bfQuickMode .bfLabelLeft button {
    padding:20px !important;
}

.bfRolloverBg {
    background:none !important;
}

input[type="text"]:not(.form-control):focus, input[type="email"]:not(.form-control):focus, input[type="url"]:not(.form-control):focus, input[type="date"]:not(.form-control):focus, 
input[type="password"]:not(.form-control):focus, input[type="search"]:not(.form-control):focus, input[type="tel"]:not(.form-control):focus,
input[type="number"]:not(.form-control):focus, select:not(.form-select):not(.form-control):focus, .bfQuickMode textarea:focus, .bfQuickMode input[type="text"]:focus, .bfQuickMode input[type="password"]:focus,
.bfQuickMode input[type="datetime"]:focus, .bfQuickMode input[type="datetime-local"]:focus, .bfQuickMode input[type="date"]:focus, .bfQuickMode input[type="month"]:focus, .bfQuickMode input[type="time"]:focus, 
.bfQuickMode input[type="week"]:focus, .bfQuickMode input[type="number"]:focus, .bfQuickMode input[type="email"]:focus, .bfQuickMode input[type="url"]:focus, 
.bfQuickMode input[type="search"]:focus, .bfQuickMode input[type="tel"]:focus, .bfQuickMode input[type="color"]:focus, .bfQuickMode .uneditable-input:focus {
    color:#000 !important;
}

.search-prop {
    color: #fff;
    background: #4baa3e;
    font-size: 25px;
    padding: 10px;
    margin:0;
}

.title-vetrina {

    padding: 5px;
}


.property_category_type a{
    color:#fff;
    font-size:14px;
    text-transform:none;
}


.property_type_name_list {
    padding: 8px;
    margin-top: 10px;
    background: #de012c;
    opacity: 0.8;
    color: #fff;
    position: absolute;
    bottom: 270px;
    text-transform: uppercase;
    font-size: 10px;

}


#mod_ossearch_price   {
    color:#333 !important;
}



.imedium {
    width:100% !important;
}