@font-face {
    font-display: swap;
    font-family: "collection";
    src: url("../fonts/Collection.woff2") format("woff2"), url("../fonts/Collection.otf") format("opentype");
}

@font-face {
    font-display: swap;
    font-family: "HighSpirited";
    src: url("../fonts/HighSpirited.woff2") format("woff2"), url("../fonts/HighSpirited.ttf") format("truetype");
}
@font-face {
    font-display: swap;
    font-family: "lovtony";
    src: url("../fonts/lovtony.woff2") format("woff2"), url("../fonts/lovtony.ttf") format("truetype");
}



@font-face {
    font-display: optional;
    font-family: "worksans";
    src: url("../fonts/WorkSans-Light.woff2") format("woff2"), url("../fonts/WorkSans-Light.ttf") format("truetype");
}

@font-face {
    font-display: optional;
    font-family: "worksansmedium";
    src: url("../fonts/WorkSans-Medium.woff2") format("woff2"), url("../fonts/WorkSans-Medium.ttf") format("truetype");
}

@font-face {
    font-display: swap;
    font-family: "steinbeck";
    src: url("../fonts/Steinbeck.woff2") format("woff2"), url("../fonts/Steinbeck.otf") format("opentype");
}

@font-face {
    font-display: swap;
    font-family: "manege";
    src: url("../fonts/Manege.woff2") format("woff2"), url("../fonts/Manege.otf") format("opentype");
}
.ulidioma{
    float: left;
    width: 100%;
}

.idioma{
    display: inline;
    float: left!important;
    font-size: 1em!important;
}
.idioma a{
    color: black!important;
}
.idioma .active{
    text-decoration: underline;
}
.idioma> a{
    width:30%!important;
    padding-left: 0!important;
}
.steinbeck{
    font-family: :"steinbeck"!important;
}
.row-centered {
    text-align: center;
}
.card-title{
    text-transform: uppercase!important;
}
#resto{
    display: none;
}
.inmueble{
    margin-bottom: 4%;
}
.col-centered {
    display: inline-block;
    float: none;
    /* reset the text-align */
    text-align: left;
    /* inline-block space fix */
    margin-right: -4px;
    text-align: center;
    background-color: #ccc;
    border: 1px solid #ddd;
}

.handwritten {
    font-family: "collection";
    color: #6f635d;
}

.handwritten2 {
    font-family: "lovtony";
    color: #6f635d;
}

.masthead {
    min-height: 30rem;
    position: relative;
    display: table;
    width: 100%;
    height: auto;
    padding-top: 0rem;
    padding-bottom: 0rem;
    background-color: #fbfbfb;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.btnvideo {
    font-size: 18px;
    text-transform: uppercase;
    background: #F9EBE4;
    padding: 5px 10px;
    border: 1px solid #9b918b;
}

a p span body {
    font-family: "worksans";
}

h1 {
    margin-bottom: 2%;
    text-align: center;
    font-weight: 100 !important;
}

p {
    font-size: 1.3em;
    font-weight: 100;
}

.normal {
    font-weight: normal !important;
}

.pregunta {
    font-size: 1.8em !important;
}

button {
    border-radius: 0px;
    background-color: transparent;
    cursor: pointer;
    outline: none;
}

.paddingtb0 {
    padding-bottom: 0 !important;
    padding-top: 0 !important;
}

.slick-slide {
    /*padding: 1%;*/
    margin-right: 20px;
}

.pisotitulo {
    text-align: left;
    text-transform: capitalize;
    font-size: 1.8em;
}

.pisosubtitulo {
    text-transform: uppercase;
    text-align: left;
    font-size: 1em;
}

#casasoffmarket {
    background: url("../images/casasoffmarketbg.png") no-repeat center center;
    min-height: 100vh;
    background-size: cover;
}
.cita {
    text-align: left;
    padding-top: 5%;
    font-family: "manege"!important;
    background-color: #F9EBE4;
    font-size: 1.8em!important;
    padding-left: 19%;
    padding-right: 19%;
    padding-bottom: 5%;
}
.comparte{
    text-align: center;
    text-transform: uppercase;
}
.rrss2{
    padding-right: 4%;
}
.blur {
    padding: 7%;
    position: relative;
    margin-top: 15%;
    float: left;
    width: 100%;
    clear: both;
    -webkit-backdrop-filter: blur(5px); /* Use for Safari 9+, Edge 17+ (not a mistake) and iOS Safari 9.2+ */
    backdrop-filter: blur(5px); /* Supported in Chrome 76 */
    padding-left: 7%;
}
.flechas{
    fill:#83766F;
}
svg{
    margin-left: 4%;
}
.collapse > p{
    font-family: worksansmedium!important;
    text-align: left!important;
}

#Arrow_Left_Black:hover{
    fill:black;
}
.transparent {
    color: transparent !important;
}

[data-toggle="collapse"] .fa:before {
    content: "\f063";
}

[data-toggle="collapse"].collapsed .fa:before {
    content: "\f061"!important;
}
.collapse{
    padding-top: 10%!important;
}

.pasos {
    text-transform: uppercase;
    text-align: left !important;
    font-size: 1.8em;
    font-weight: 300;
}

.carousel-indicators {
    display: none;
}

.author {
    text-transform: uppercase;
    text-align: center;
    color: #6f655f;
    font-size: 1em;
}

.title {
    font-size: 7em;
}

.review {
    text-align: center;
    color: #BEBBB9;
}

/*.carousel-control-prev-icon {*/
/*    background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' …3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3e%3c/svg%3e)!important;*/
/*}*/
.footer {
    padding-bottom: 0 !important;
}

.footer > .container-fluid {
    width: 80%;
}
.botonleerrow{
    margin-top: 5%!important;
    margin-bottom: 5%!important;
}
.subfooter {
    width: 100%;
}
.botoninmueble{
    margin-top: 2%;
}
.infoinmueble{
    margin-bottom: 7%;
}
section.range-slider {
    position: relative;
    /*width: 300px;*/
    /*height: 300px;*/
    float: left;
    text-align: center;
}

section.range-slider input[type="range"] {
    pointer-events: none;
    position: absolute;
    -webkit-appearance: none;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    border: none;
    border-radius: 14px;
    background: transparent;
    box-shadow: inset 0 1px 0 0 #cdc6c6, inset 0 -1px 0 0 #d9d4d4;
    -webkit-box-shadow: inset 0 1px 0 0 #cdc6c6, inset 0 -1px 0 0 #d9d4d4;
    overflow: hidden;
    left: 0;
    top: 50px;
    width: 100% !important;
    outline: none;
    height: 20px;
    margin: 0;
    padding: 0;
}

section.range-slider input[type="range"]::-webkit-slider-thumb {
    pointer-events: all;
    position: relative;
    z-index: 1;
    outline: 0;
    -webkit-appearance: none;
    width: 20px;
    height: 20px;
    border: 1px solid #9b918b;
    border-radius: 14px;
    background-color: white;

}

section.range-slider input[type="range"]::-moz-range-thumb {
    pointer-events: all;
    position: relative;
    z-index: 10;
    -moz-appearance: none;
    width: 20px;
    height: 20px;
    border: none;
    border-radius: 14px;
}

section.range-slider input[type="range"]::-ms-thumb {
    pointer-events: all;
    position: relative;
    z-index: 10;
    -ms-appearance: none;
    width: 20px;
    height: 20px;
    border-radius: 14px;
    border: 0;
    background-image: linear-gradient(to bottom, #dad8da 0, #413F41 100%);
    /* W3C */
}

section.range-slider input[type=range]::-moz-range-track {
    position: relative;
    z-index: -1;
    background-color: #9b918b;
    border: 0;
}

section.range-slider input[type=range]:last-of-type::-moz-range-track {
    -moz-appearance: none;
    background: none transparent;
    border: 0;
}

section.range-slider input[type=range]::-moz-focus-outer {
    border: 0;
}

.card, .card-header {
    border: 0 !important;
}

.card-header {
    width: 40%;
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
}

.card-body {
    padding: 0 !important;
}

.pisoinfo {
    font-size: 0.8em;
}

.card {
    padding: 1%;
}

a, a:hover {
    color: #6f655f;
}

.tipoventa {
    background-color: #BEBBB9;
    color: #6f655f;
    text-align: center;
    width: 30%;
    font-size: 1.3em !important;
}

.precio {
    font-weight: bold;
    font-size: 1em !important;
}

.pisosrelacionados .card, .card-body {
    background-color: transparent !important;
}

.bg-light {
    background-color: #fbfbfb !important;;
}

.casasoffmarket {
    background: url(../images/casasoffmarketbg.png) no-repeat center center fixed;
    min-height: 100vh;
    background-size: cover;
}

.noblur {
    -webkit-backdrop-filter: blur(0px) !important; /* Use for Safari 9+, Edge 17+ (not a mistake) and iOS Safari 9.2+ */
    backdrop-filter: blur(0px) !important; /* Supported in Chrome 76 */
}

.tag {
    background-color: #F9EBE4;
    padding: 1%;
    padding-left: 0 !important;
    padding-right: 0 !important;
    text-transform: uppercase;
    text-align: center;
    font-size: 0.8em;
    width: 40%;
}

.timeauthor {
    color: #BEBBB9;
    font-size: 1em;
    text-align: center;
}

.timeauthor span {
    color: #6f655f;

}

.piefoto {
    text-align: center;
    color: #6f655f;
    text-transform: uppercase;
}
.carousel-control-prev{
    display: none!important;
}

.carousel-control-next{
    display: none!important;
}

.noticia {
    margin-top: 10%;
}

.sombrarosa {
    background-color: #F9EBE4;
    text-transform: uppercase;
    text-align: center;
    /*padding: 3%;*/
    margin-top: 5%;
}
.sombrarosa {
    font-size: 1em!important;

}
.sombrarosa p{
    padding-top: 5%!important;
    padding-bottom: 5%!important;
}
.circleimg {
    border-radius: 70%;
}

.categorias {
    text-align: center;
    font-size: 1.6em;
    padding-top: 5%;
}

.horizontallist li {
    display: inline;
}

h2 {
    font-size: 1.4em;
}

p, span {
    font-family: "worksans" !important;
}

.tag {
    background-color: #F9EBE4;
    padding: 1%;
    /* padding-left: 0 !important; */
    /* padding-right: 0 !important; */
    text-transform: uppercase;
    text-align: center;
    font-size: 0.9em!important;
    width: 40%;
    padding-top: 5%;
    padding-bottom: 5%;
    font-weight: 100;
    padding-left: 0%!important;
    padding-right: 0%!important;
}

.btn-light {
    border-color: #83766F !important;
    color: #6f635d;
    border: 1px solid #83766f;
}

.quienessomos {
    font-family: "worksansmedium" !important;
    font-size: 1em !important;
}

.enlacecuadrado {
    font-family: "steinbeck" !important;
    /*padding: 1%;*/
    padding-left: 3%;
    padding-right: 3%;
    text-transform: uppercase;
    margin-top: 4%;
    background-color: transparent;
    padding-top: 28px!important;
    padding-bottom: 28px!important;
}

body {
    background-color: #fbfbfb !important;
}
.btn-light{
    padding: 2%!important;
    padding-left: 6%!important;
    padding-right: 6%!important;
    text-transform: uppercase;
    margin-top: 4%;
}
.enlacecentrado {
    padding-left: 10%;
    padding-right: 10%;
    padding-top: 2%;
    padding-bottom: 2%;
}

.enlacecentradocorto {
    padding-left: 4%;
    padding-right: 4%;
    margin-left: 5%;
}

.flecha {
    padding-left: 5%;

}
a:focus{
    outline: none!important;
}
/*.fa-arrow-right:before {*/
/*    content: "\f061"!important;*/
/*}*/
button:focus{
    outline: none!important;
}
.worksansmedium {
    font-family: worksansmedium !important;
    font-size: 18px !important;
}

.rrss {
    padding-right: 7%;
}

.menufooter > li > p {
    padding-top: 4%;
    font-family: "manege" !important;
}
.menufooter > li >  a{
    padding-top: 4%;
    font-family: "manege" !important;
    font-size: 0.9em!important;
}
.manege {
    font-family: "manege" !important;
}

.fila2 {
    margin-top: 4%;
}

.fila card {
    margin-right: 10%;
}

.pisoinfo {
    font-size: 14px !important;
}

.card {
    width: 90% !important;

}

.atras, .siguiente {
    border: none !important;
}

.list-inline > li {
    display: inline;
}

.card-header {
    width: 60%;
}

.card-title {
    font-family: worksans;
    font-size: 20px;
}

.pisodescripcion {
    font-family: worksans;
    font-size: 16px !important;
    margin-top: 4%;
}

.sidenav {
    z-index: 9999!important;
    height: 100%; /* 100% Full-height */
    width: 0; /* 0 width - change this with JavaScript */
    position: fixed; /* Stay in place */
    z-index: 1; /* Stay on top */
    top: 0;
    left: 0;
    background-color: #fbfbfb; /* #9b918b*/
    overflow-x: hidden; /* Disable horizontal scroll */
    padding-top: 5%; /* Place content 60px from the top */
    transition: 0.8s; /* 0.5 second transition effect to slide in the sidenav */
    /*border-right: 10px solid #f9ebe4;*/
}

/* The navigation menu links */
.sidenav a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 1.5em;
    color: #818181;
    display: block;
    transition: 1s;
    font-family: manege !important;
    text-transform: uppercase;
}

/* When you mouse over the navigation links, change their color */
.sidenav a:hover {
    color: #818181;
    text-decoration: underline;
}

/* Position and style the close button (top right corner) */
.sidenav .closebtn {
    /* position: absolute; */
    /* top: 0; */
    /* right: 25px; */
    font-size: 1em;
    margin-left: 10px;
    float: left;
    position: relative;
}

/* Style page content - use this if you want to push the page content to the right when you open the side navigation */
#main {
    transition: margin-left 10s;
    padding: 20px;
}

/* 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;
    }
}

.handwritten {
    font-size: 4.8em !important;
}

.imagenpiso {
    padding: 0 !important;
    margin-left: 1% !important;
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}

.margin10 {
    margin-top: 3%;
}

.casaideal {
    text-align: right;
    margin-top: 3em;
    margin-bottom: 4em;
    float: right;
    width: 60%;
}

.inicio {
    margin-top: 4%;
    margin-bottom: 4%;
    padding-bottom: 4%;
    width: 60%;
}

.collapse > p {
    width: 100% !important;
    font-size: 1.2em !important;
    text-align: left !important;
}

.menu-toggle {
    margin-top: 7%;

}

.card {
    background-color: transparent !important;
}

.circular {
    width: 100px !important;
    height: 100px;
    border-radius: 50%;
}

.titularnoticias {
    padding-top: 4%;
    padding-left: 0 !important;
}

.imagennoticias {
    padding-right: 0% !important;
}

.menu-toggle:hover {
    background: transparent !important;
    border: 1px solid grey !important;
}

.btn-light:hover {
    color: #212529;
    background-color: transparent !important;
    border-color: #dae0e5;
}
.carousel2{
    background-color: transparent!important;
    margin-top: -5%;
}
.carousel{
    background-color: #F9EBE4 ;
    margin: auto;
    margin-bottom: 20px;
}
.worksans{
    font-family: "worksans" !important;
}
.accede{
    font-size: 2em!important;
}
.navega{
    display: flex;
    justify-content: center;
}
.navega li {
    display: inline;
    padding-right: 0.5em;
}
.pisoinfo{
    display: inline!important;
}
.subfooter a{
    font-size: 0.9em!important;
}
.form-control {
    display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff9;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    font-family: "worksans"!important;
}
textarea {
    color: #495057c2!important;
    font-family: "worksans"!important;
    background-color: #fff9!important;
}
.logonoticias{
    margin-left: 10.5%;
    margin-top: 2.2%;
}
.enviar{
    color: #495057c2;
    background-color: #fff9!important;
}
.widgettitular h2{
    width:70%;
}
.botonleer{
    border: 0px!important;
}
.noticia{
    margin-bottom: 3% !important;
}
.sombrarosa{
    margin-bottom: 8%;
}
.acercadecolomba{
    font-family: "manege"!important;
}
hr{
    border-top: 2px solid #BEBBB9!important;

}
.lineaabajo{
    margin-top: 5%;

}
.piefoto{
    margin-top: 4%;
    font-family: "worksansmedium"!important;
    color:black!important;
    font-size: 1em!important;
}

.botonleer{
    margin-bottom: 4%;
}
.widgettitular{
    font-family: "worksans"!important;
}

li{
    font-family: worksans!important;
    font-size: 0.8em!important;
}
.imglogomovilfilosofia{
    margin-top: 5.2%;
    margin-left: 1.1%;
    width: 28%!important;
}
.titulonoticias{
    font-family: "manege"!important;
    font-size: 1.8em!important;
}
@media (max-width: 600px) {
    .menu-toggle{
        margin-top:3%!important;
    }
    .btn-light {
        padding: 4%!important;
        padding-left: 8%!important;
        padding-right: 8%!important;
        text-transform: uppercase;
        margin-top: 4%;
    }
    .enlacecentradocorto {
        padding-left: 4%;
        padding-right: 4%;
        margin-left: 0!important;
    }
    .imglogooffmarket{
        width:34%!important;
    }
    .pluma {
        width: 8% !important;
    }
    .blur{
        padding: 7%;
        position: relative;
        margin-top: 15%;
        float: left;
        width: 100%;
        clear: both;
        -webkit-backdrop-filter: blur(5px)!important;
        backdrop-filter: blur(5px)!important;
        padding-left: 7%;
    }
    .card{
        margin-bottom: 10%!important;
    }
    .botonleer{
        text-align: center;
        border: 0px solid #9b918b!important;
        padding: 2%;
        text-transform: uppercase;
        margin-top: 4%;
        text-align: center;
        background-color: #BEBBB9 !important;
        color: white;
        padding-left: 10%;
        padding-right: 10%;
    }
    .pisoinfo{
        display: inline;
    }

    .accede{
        font-size: 1.3em!important;
        text-align: center !important;
    }
    .pajaromenu{
        width:20%;
    }
    .collapse {
        padding-left: 10%;
        padding-right: 10%;
    }

    .alignmovilcenter {
        text-align: center !important;
    }

    .centermovil {
        margin-top: 3%;
    }

    .patriciaypaloma {
        font-size: 3.5em !important;
    }

    .marginleft5movil {
        margin-left: 5%;
    }

    .flecha {
        display: none !important;
    }

    .handwritten {
        text-align: center !important;
    }


    .casaideal {
        width: 100%;
        text-align: justify !important;
    }

    .escritorio {
        display: none;
    }

    .marginbottom3 {
        margin-bottom: 6%;
    }

    .inicio {
        width: 100%;
    }

    p, span {
        text-align: justify !important;
    }

    .pisotitulo {
        font-size: 1.2em !important;
    }

    .pisosubtitulo {
        font-size: 1em !important;
    }

    .cerradura {
        width: 10% !important;
        margin-bottom: 10%;
    }

    .casasoffmarkettexto {
        width: 100% !important;
    }

    .casasoffmarkettitulo {
        text-align: center !important;
    }

    .enlacedesaparecemovil {
        display: none !important;
    }

    .pregunta {
        text-align: center !important;
        font-size: 1.3em !important;
        margin-bottom: 1em !important;
    }

    .enlacepregunta {
        margin-bottom: 20%;
        margin-top: 2%;
        margin: auto !important;
        font-size: 1em !important;
        text-align: center !important;

    }

    .textomovil {
        text-align: justify;
        width: 100% !important;
        float: left !important;
    }

    .menufooter {
        float: left;
        padding-left: 0 !important;
    }

    .imagenfooter {
        float: left;
        padding-left: 0 !important;
    }

    .width60 {
        width: 100%;
    }

    .widthmovil {
        width: 100% !important;
    }

    .casasoffmarketimg {
        margin-left: 10%;
        margin-top: 4%;
    }

    .casasoffmarketimg img {
        width: 50%;
    }

    .titulo {
        font-size: 1.5em !important;
        text-align: center !important;
    }

    .casap1 {
        margin-top: 4%;
        margin-bottom: 4%;
        padding-right: 5%;
        padding-bottom: 4%
    }
    .carousel-inner{
        padding-left: 5%;
        padding-right: 5%;
    }

    .carousel-inner h1{
        font-size: 3em!important;
    }
    .carousel-item{
        padding-top: 10%;
        padding-bottom: 10%;
    }
     .carousel-item2{
        padding-top: 0!important;
        padding-bottom: 0!important;
    }
    .menurow{
        width: 50% !important;
    }
    .imglogomovil{
        width:40%;
    }
    .imglogomovilfilosofia{
        width: 30% !important;
        margin-top: 3%;
        margin-left: 5%;
    }
    .textooffmarket p{
        font-size: 1.3em!important;
    }
    .text-white{
        margin-top: 3%;
    }

    .center2{
        margin-top: 5%;
    }
    .escritorio{
        display: none!important;
    }
    .pasos{
        font-size: 1.5em!important;
        text-align: center !important;
    }
    .titulonoticias{
        font-size: 1.5rem!important;
    }
    .imgnoticias{
        margin-bottom: 4%;
    }

    .pajaromenu{
        width:50%!important;
    }
    .botoncerrar{
        width:30%!important;
    }
    /*.rrss{*/
    /*    width:80%!important;*/
    /*}*/
    .sombrarosa{
        font-family: steinbeck!important;
    }
    .menufooter ul{
        padding-inline-start: 0px!important;

    }
}

@media (min-width:768px) {
    .menu-toggle {
        /* margin-top: 7%; */
        position: fixed;
        top: 9%;
    }
    /*.rrss{*/
    /*    width:100%;*/
    /*    padding-inline-start: 0px!important;*/

    /*}*/
    .menufooter ul{
        padding-inline-start: 0px!important;

    }
    .pajaroaccede{
        width:5%!important;
    }
    .marginbottom3 {
        margin-bottom: 3%;
    }

    .cerradura1 {
        width: 30% !important;
    }

    .movil {
        display: none!important;
    }

    .enlaceescritorio {
        display: none !important;
    }

    .width60 {
        width: 80%;
    }


    .casasoffmarketimg {
        width: 80%;
        margin-left: 50%;
        margin-top: 30%;
    }

    .subfooter {
        padding-top: 0.5% !important;
        padding-bottom: 0.5% !important;
    }

    .titulo {
        font-size: 34px !important;
    }

    .casap1 {
        margin-top: 4%;
        margin-bottom: 4%;
        padding-right: 20%;
        padding-bottom: 4%;
    }
    .carousel-item{
        padding-top: 5%;
        padding-bottom: 5%;
    }
}

.menutitulos a{
    font-size: 1.5em!important;
    width: 75% !important;
}

.botoncerrar{
    padding-top: 0!important;
    width: 30%;
}
.menurow > .closebtn{
    padding-top: 0!important;
}

.has-search .form-control {
    padding-left: 2.375rem;
}

.has-search .form-control-feedback {
    position: absolute;
    z-index: 2;
    display: block;
    width: 2.175rem;
    height: 2.175rem;
    line-height: 2.375rem;
    text-align: center;
    pointer-events: none;
    color: #aaa;
}
.btn-secondary {
    background-color: #83766F !important;
    border-color: #ffffff0a !important;
    color: #fff !important;
}
.titularnoticias {
    padding-top: 0%;
    padding-left: 30px !important;
}

.cookie-bar {
    position: fixed;
    width: 100%;
    bottom: 0;
    right: 0;
    left: 0;
    height: auto;
    text-align: center;
    line-height: 30px;
    background: linear-gradient(lighten(red, 10%), darken(red, 10%));
    color: white;
    font-size: 14px;
    font-family: "Lato", sans-serif;
    font-weight: 100;
    transition: .8s;
    animation: slideIn .8s;
    animation-delay: .8s;
.message {
    white-space: nowrap;
    text-shadow: 0 1px 0 darken(red, 10%);
@media (max-width: 767px){
    display: none;
}
}
.mobile {
    display: none;
@media (max-width: 767px){
    display: inline-block;
}
}
}
@keyframes slideIn {
    0% {
        transform: translateY(-50px);
    }
    100% {
        transform: translateY(0);
    }
}
.close-cb {
    border: none;
    color: white;
    position: absolute;
    display: inline-block;
    right: 10px;
    bottom: 0;
    cursor: pointer;
    border-radius: 3px;
    box-shadow: inset 0 0 3px 0 rgba(0,0,0,.2);
    line-height: 30px;
    height: auto;
    width: 30px;
    font-size: 16px;
    font-weight: bold;
&:hover {
     background: darken(red, 10%);
 }
}
.checkbox-cb {
    display: none;
&:checked + .cookie-bar {
     transform: translateY(-50px);
 }
}
.cookie-bar{
    background-color: #bebbb9;
}
.handwritten{
    color:black!important;
}

.menu-toggle{
    border: 1px solid grey;
}

@media (min-width: 1279px) and (max-width: 1285px) {
    .mc1{
       padding-top: 6% !important;
    }
    .mc2{
        padding-top: 0!important;
    }
    .subfooter p{font-size: 0.8em!important;}
    .subfooter a{font-size: 0.8em!important;}

}
.casasoffmarkettexto1{
    font-size: 1.6em!important;
    text-align: center!important;
}

.sello2{
    margin-top: 7%;
}
#botoncargarmas{
     border-color: #9b918b!important;
     color: #6f655f!important;
 }
#botoncargarmas:hover{
    border-color: black!important;
    color: black!important;
}

.botoninmueble{
    border-color: #9b918b!important;
    color: #6f655f!important;
    font-family: steinbeck!important;
}
.botoninmueble:hover{
    border-color: black!important;
    color: black!important;
}
.pisoinfo>span {
    margin-right: 5%;
}

.submitform{
    border-color: #9b918b!important;
    color: #6f655f!important;
    font-family: steinbeck!important;
}
.submitform:hover{
    border-color: black!important;
    color: black!important;
}
.tag1{
    margin-bottom: 3%;
}
.botonleer{font-family: steinbeck!important;
}
.menufooter>li>a{
    font-family: manege!important;
}
.menufooter>li>p{
    font-family: manege!important;
}
.menufooter>li>p>a{
    font-family: manege!important;
}

.menufooter>li{
    font-family: manege!important;
}
.pasos1{
    text-transform: none!important;
}


@media (max-width: 500px) {
    p {
        font-size: 1.2em !important;
        text-align: left !important;
    }
    .content-section2{
        padding-bottom: 10%!important;
        padding-top:10%!important;
    }
    .movil {
        padding-bottom: 0;
    }

    .movil2 {
        padding-top: 1% !important;

    }

    .movil {
        margin-bottom: 4%;
    }

}


@media (min-width: 767px) and (max-width:820px){
 .contactanos_prueba{
	padding-top:300px!important;
}
}