/******************************************************************************/


/* BASE */

a {
    color: #b5971d;
}

a:hover {
    color: #524617;
}

body {
    font-family: "Raleway", Helvetica, Arial, sans-serif;
    background-color: #fff;
    font-size: 16px;
    color: #111111;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
    margin: 0px;
    display: block;
}

h1, .h1 {
    font-size: 31px;
}

h2, .h2 {
    font-size: 30px;
}

h3, .h3 {
    font-size: 26px;
}

h4, .h4 {
    font-size: 18px;
}

h5, .h5 {
    font-size: 12px;
}

h6, .h6 {
    font-size: 8px;
}

p {
    font-weight: 300;
}

section {
    overflow: hidden;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.padding {
    padding: 20px;
}

.margin0 {
    margin: 0px;
    padding: 0px;
}

.bg-grey {
    background-color: #f5f5f5;
}

.flex-col {
    flex-direction: column;
    justify-content: space-between;
}

.flex {
    display: flex;
}

.flex-row {
    flex-direction: row;
    justify-content: space-between;
}

.form-group{margin-bottom: 20px;}
.form-control, .form-group {
    border: none;
}
.form-control{height: auto; padding: 15px; font-size: 16px;}
.btn{padding: 15px 35px;}
.bootstrap-select .btn{font-size: 16px;}

.text-lg {
    font-size: 18px;
}

.relative{position: relative;}

.uppercase {
    text-transform: uppercase;
}
.full-width{width:100%;}
.background-image {
    display: flex;
    background-position: center;
    background-size: cover;
    background-color: #ffcc00;
    background-blend-mode: darken;
}

.with-icon {
    position: relative;
    padding-left: 120px;
}

.with-icon img {
    position: absolute;
    width: 80px;
    left: 0;
}

.with-small-icon {
    position: relative;
    padding-left: 25px;
    margin-bottom: 10px;
}

.with-small-icon img {
    position: absolute;
    width: 20px;
    left: 0;
}

.icon {
    max-height: 60px;
    -o-object-fit: contain;
    object-fit: contain;
    float: left;
}

.icon-larger {
    max-height: 100px;
}

.line {
    display: block;
    width: 100%;
    margin: 5px 0;
    height: 1px;
    background: #fff;
}

.btn-default {
    box-sizing: border-box;
    background: #111;
    color: #fff;
    border: none;
    border: 1px solid #111;
}
.btn-interesado {
    box-sizing: border-box;
    background: #f5f5f5;
    color: #888;
    border: none;
}

.btn-default:hover, .btn-default:active, .btn-default:active:hover, .btn-default:focus {
    border: 1px solid #efefef;
}

.btn-default.inverted {
    background: transparent;
    color: #111;
}

.btn-default.inverted:hover, .btn-default.inverted:active, .btn-default.inverted:active:hover, .btn-default.inverted:focus {
    border: 1px solid #efefef;
    background: #efefef;
    color: #111;
}

.btn-primary {
    padding: 18px 40px;
    font-size: 16px;
    background: transparent;
    color: #111;
    border: 1px solid #ffcc00;
    font-weight: 700;
}
.btn-info{padding:3px;background-color:#ddd;color:#333;font-size:12px;border:none;line-height:12px;width:20px;border-radius:100%;margin-left:10px;}

.btn-primary:hover, .btn-primary:active, .btn-primary:active:hover, .btn-primary:focus {
    background: #ffcc00;
    color: #000;
    border: 1px solid #fff;
}

.btn.btn-dropdown{background-color: #F5F5F5; color: #888; border: 0; text-transform: none; text-align: left; font-size: 16px; padding: 15px 25px 15px 15px; position: relative;}
.btn.btn-dropdown>.caret{position: absolute; top: 50%; right: 12px; margin-top: -2px; vertical-align: middle;}

.brand-text-color {
    color: #ffcc00;
}

.brand-background-color {
    background-color: #ffcc00;
}

.brand-image {
    width: 60%;
}


/******************************************************************************/


/* NAV */

nav.navbar-default {
    background: transparent;
    border: none;
    margin-top: 40px;
    font-weight: 700;
    transition: all 400ms;
}

nav.navbar-default .navbar-collapse {
    border: none;
}

.alter nav.navbar-default {
    background: #ffcc00;
    margin-top: 0;
}

nav.navbar-default .navbar-toggle .icon-bar {
    background-color: #000;
}

.navbar-default .navbar-nav>li>a {
    color: #000;
    padding: 20px 20px;
    font-size: 14px;
}
.navbar-default .navbar-nav>li>a.btn.btn-primary{
    background-color:#000;color:#fff;
}
.navbar-default .navbar-nav>li>a.btn.btn-primary:hover{
    border-color:transparent;
}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:active, .navbar-default .navbar-nav>li>a:active:hover, .navbar-default .navbar-nav>li>a:focus {
    color: #000;
    background: none;
    border-bottom: solid 1px #000;
}

.navbar-default .dropdown-menu {
    border-radius: 0px;
    background-color: #000;
}

.navbar-default .dropdown-menu * {
    color: #fff;
}

.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover, .navbar-default .dropdown-menu>li>a:focus, .navbar-default .dropdown-menu>li>a:hover {
    background: #ffcc00;
    color: #000;
}

.breadcrumb {
    background: none;
    padding: 0px;
}

.breadcrumb a {
    color: #b2982d;
}

.nav-pills>li>a {
    border-radius: 0px;
    color: #000;
}

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

.navbar-default .navbar-nav>li>.brand--logo{padding-top: 10px; padding-bottom: 10px;}
.navbar-brand{height: auto; padding: 11px;}
.navbar-brand>img{height: 0; width: auto; transition: all 0.4s;}
.alter .navbar-brand>img{height: 40px;}


/******************************************************************************/


/* BANNER */

#banner {
    min-height: 640px;
    background-size: auto 90%;
    background-position: bottom left;
    background-repeat: no-repeat;
}
.banner--img{min-height: 40vw; background-size: cover; background-position: center; background-repeat: no-repeat;}

#banner.interior {
    min-height: 100px;
    position: relative;
    background-color: #ffcc00;
}

#banner.interior .overlay {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    opacity: .2;
    -webkit-filter: grayscale(.5);
    filter: grayscale(.5);
    background-size: cover;
    background-position: center center;
    background-blend-mode: luminosity;
}

#banner .h2 {
    font-size: 30px;
    font-weight: 300;
}

#banner.interior .h2 {
    text-transform: uppercase;
    font-weight: 300;
}

#banner .btn.btn-default {
    width: 50%;
    display: block;
    float: left;
    font-size: 20px;
}
#banner.banner-ventajas label{display:none;}
#banner.banner-ventajas a{color:#000;}
#banner.banner-ventajas .btn-info{background-color:#000;color:#fff;}
#banner.banner-ventajas .btn.btn-default{width:100%;font-size:1em;}
#banner.banner-ventajas .btn-group{margin-bottom:10px;}

#banner .brand-image{max-width: none; display: inline-block;}


/******************************************************************************/

.gray {
    background-color: #f5f5f5;
}


/* COMO-FUNCIONA */

#como-funciona .icon {
    padding-right: 10px;
}

#como-funciona .list-item{margin: 10px 0;}

#como-funciona .wrapper-flex img {
    width: 70px;
    margin-right: 15px;
}
#como-funciona .wrapper-flex span{flex: 1;}

.lista-oficinas {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

.lista-oficinas .bloque-oficina .preiframe {
    width: 50%;
    float: left;
    position: relative;
}

.lista-oficinas .bloque-oficina .preiframe iframe {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}

.lista-oficinas .bloque-oficina .contenido {
    width: 50%;
    float: right;
    background-color: #fff;
}

.lista-oficinas .bloque-oficina {
    margin-bottom: 30px;
}

.lista-oficinas .bloque-oficina .contenido ul, .lista-oficinas .bloque-oficina .contenido ul>li {
    margin: 0px;
    padding: 0px;
}

.lista-oficinas .bloque-oficina {
    box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.05);
}

.lista-oficinas>li:nth-child(2n) .bloque-oficina .preiframe {
    float: right;
}

.lista-oficinas>li:nth-child(2n) .bloque-oficina .contenido {
    float: left;
}

.iframe-oficina {
    position: relative;
}

.iframe-oficina::after {
    content: "";
    display: block;
    padding-top: 30%;
}

.iframe-oficina iframe {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}


/******************************************************************************/


/* FLOTA */
.form-group.col-md-12 .bootstrap-select {
    width: 100% !important;
}
.form-group.col-md-12 .bootstrap-select .btn-default {
    background: #f5f5f5;
    color: #888;
    border-color: #eeeeee;
    text-transform: none;
}

/******************************************************************************/


/* FORMULARIO */
.lista_extras_formulario {
    border: 1px solid #ddd;
    background: white;
}
.lista_extras_formulario li {
    padding: 10px 0px;
}

/******************************************************************************/


/* OTROS CONTENIDOS EXTRAS */

.subcontenidos {padding: 0;}
.subcontenidos > li {background: #fff; border: 1px solid #ffcd00; border-top-left-radius: 10px;  border-top-right-radius: 10px; padding: 20px;}
.subcontenidos > li + li {border-top-left-radius: 0;border-top-right-radius: 0;}
.subcontenidos > li:last-child {border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;}
.hijos {margin: 0; padding: 0;}
.hijos li {background: #f5f5f5; margin: 1px; padding: 20px; border-radius: 5px;}
.lista-extras .imagen {
    color: #fff;
    background-color: #ddd;
}
.contenido-extra .wrapper-flex.imagen::after {
    padding-top: 35%;
}
.lista-extras .wrapper-flex.imagen::after {
    padding-top: 66%;
}
.lista-extras .texto_extra {height: 105px; overflow: hidden; padding: 20px;}
.lista-extras li {padding: 10px;}
.lista-extras .extra { background: #fff;}

/******************************************************************************/


/* CATALOGO */

#catalogo {
    background-color: #f5f5f5;
}

#catalogo .text-container {
    padding: 0 100px;
}

#catalogo .controls {
    position: absolute;
    left: -20px;
    top: calc(50% - 30px);
    z-index: 1;
}

#catalogo .controls.right {
    left: unset;
    right: 0px;
}


#catalogo .card {
    width: 300px;
    padding: 20px;
}

#catalogo.nobxslider .card {
    width: 100%;
    padding: 0px;
    margin: 0;
    margin-bottom: 30px;
}

.card .card-container {
    background: #fff;
    padding: 40px;
    display: flex;
    flex-direction: column;
}

.card .card-container .img::after{padding-top: 40%;}

.card .card-container>a img {
    margin: 0 auto;
    -o-object-fit: contain;
    object-fit: contain;
}

.card .icons {
    display: flex;
    overflow: hidden;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    font-size: 12px;
}

.card .icons .icon-container {
    padding: 10px 0;
}

.card .icons .icon-container span {
    padding-left: 5px;
}

.card h3, .card .h3 {
    color: #000;
    padding-bottom: 0;
    font-weight: 700;
    font-size: 14px;
    padding-top: 30px;
}
.flota--title{font-size: 16px; margin: 20px 0; text-transform: uppercase; font-weight: 600;}
.bx-wrapper .bx-controls-direction a{z-index: 999;}

.card p {
    font-size: 14px;
    height: 80px;
    position: relative;
    overflow: hidden;
}

#catalogo .bx-wrapper {
    margin: 0;
}
.apartado-contacto input[type=text], .apartado-contacto textarea, .apartado-contacto input[type=email], .apartado-contacto input[type=phone], .apartado-contacto input[type=tel] {
    border: solid 1px #eee !important;
    background-color: #f5f5f5 !important;
}
.apartado-contacto input[type=text].sended:invalid, .apartado-contacto textarea.sended:invalid, .apartado-contacto input[type=email].sended:invalid, .apartado-contacto input[type=phone].sended:invalid, .apartado-contacto input[type=tel].sended:invalid {
    border: solid 1px red;
}
.apartado-contacto{background-color:#ffcc00;}
.apartado-contacto .bloque{padding:0 80px;}
.apartado-contacto .brand-image{max-width:300px;}

.detalle-oficina input[type=text], .detalle-oficina textarea, .detalle-oficina input[type=email], .detalle-oficina input[type=phone], .detalle-oficina input[type=tel], .detalle-oficina input[type=date] {
    border: solid 1px #eee !important;
    background-color: #f5f5f5 !important;
}

ul.bulllet,.datos-contacto ul, ul.bullet>li,.datos-contacto ul>li {
    list-style: disc;
}
.bloque-oficina ul.bulllet,.bloque-oficina ul.bullet>li{list-style: none;}


/******************************************************************************/


/* CONTACTO */

#contacto {
    background-size: auto;
    background-position: right;
    background-blend-mode: darken;
}

#contacto label {
    display: none;
}
#contacto .tipo-date label{display: block;}

#contacto a {
    color: #000;
    font-weight: bolder;
}


/******************************************************************************/


/* SERVICIOS */

#servicios {
    color: #8b8b8b;
}

#servicios h1 {
    color: #000;
}

#servicios h1 span {
    font-weight: 700;
}

#servicios h3 {
    color: #000;
    font-size: 20px;
}

#servicios p {
    margin-bottom: 60px;
}

#servicios .list-item {
    margin-bottom: 50px;
}

#servicios .list-item p {
    margin-bottom: 0px;
    text-align: justify;
}

/* RENTING FLEXIBLE SECCION 1 */
.flexible_seccion_1{
    background-size:auto 100%;
    background-position: bottom left;
}
/******************************************************************************/


/* PRE-FOOTER */

#pre-footer h2 {
    letter-spacing: 5px;
    font-weight: 700;
}

#pre-footer p {
    font-style: italic;
    font-size: 20px;
    font-weight: 400;
}

#pre-footer span {
    font-size: 20px;
}


/******************************************************************************/


/* FOOTER */

footer {
    background-color: #000;
    color: #efefef;
    font-size: 14px;
}

footer a {
    color: #efefef;
}

footer a:hover, footer a:active, footer a:active:hover, footer a:focus {
    color: #fff;
}

footer p span {
    color: #ffffff;
    font-weight: 700;
}

footer .rrss a {
    padding: 5px;
    display: inline-block;
    width: 28px;
    height: 28px;
    font-size: 16px;
    line-height: 20px;
    border-radius: 50%;
    background: #fff;
    color: #000;
    margin: 0 5px;
}

footer .rrss a:hover, footer .rrss a:active, footer .rrss a:active:hover, footer .rrss a:focus {
    background: transparent;
    color: #fff;
}

.panel-default>.panel-heading{
    background-color:#f5f5f5;
    border-bottom:solid 2px #ffc500;
    color:#333;
    border-top-left-radius:0;
    border-top-right-radius:0;
}
.panel-group .panel{
    border-radius:0px;
    border:none !important;    
}
.panel-default>.panel-heading a{text-decoration: none;}

.ventajas,.ventajas>li{margin:0px;padding:0px;}
.ventajas>li{font-size:1.2em;margin-bottom:.4em;}
.ventajas>li .fa-check{width:40px;height:40px;line-height:40px;text-align:center;background-color:#fff;color:#ffcc00;font-size:1.2em;margin-right:.4em;display:inline-block;border-radius:100%;}


.lista-todo-incluido,.lista-todo-incluido>li{margin:0px;padding:0px;}
.lista-todo-incluido>li{font-size:1.2em;margin-bottom:.4em;}
.lista-todo-incluido>li .fa-arrow-right{width:40px;height:40px;line-height:40px;text-align:center;background-color:#fff;color:#ffcc00;font-size:1.2em;margin-right:.4em;display:inline-block;border-radius:100%;}

.oficinas_cercanas{padding:0px;margin:0px;}
.oficinas_cercanas>li{margin-bottom:6px;font-size:.9em;}

.bootstrap-select .btn{padding-left: 15px;}
/* Standard syntax */ 
@keyframes animacionPhone {
    0%  { transform:translateZ(361px) scale(1,1);-webkit-transform:translateZ(361px) scale(1,1); }
    50%  { transform:translateZ(361px) scale(1,1);-webkit-transform:translateZ(361px) scale(1,1); }
    52% { transform:translateZ(361px) scale(1.2,1.2);-webkit-transform:translateZ(361px) scale(1.2,1.2); }
    54%  { transform:translateZ(361px) scale(1,1);-webkit-transform:translateZ(361px) scale(1,1); }
    56% { transform:translateZ(361px) scale(1.2,1.2);-webkit-transform:translateZ(361px) scale(1.2,1.2); }
    58%  { transform:translateZ(361px) scale(1,1);-webkit-transform:translateZ(361px) scale(1,1); }
    60% { transform:translateZ(361px) scale(1.2,1.2);-webkit-transform:translateZ(361px) scale(1.2,1.2); }
    62%  { transform:translateZ(361px) scale(1,1);-webkit-transform:translateZ(361px) scale(1,1); }
    100%  { transform:translateZ(361px) scale(1,1);-webkit-transform:translateZ(361px) scale(1,1); }
}
.phoneButton{
    width:70px;
    height:70px;
    line-height: 70px;
    font-size:43px;
    border-radius: 100%;
    background-color:#ffc500;
    position: fixed;
    bottom:20px;
    left:20px;

    animation-duration: 7s;
    animation-name: animacionPhone;
    animation-iteration-count: infinite;

    text-align:center;
    box-shadow: 0 0 20px rgba(0,0,0,0.2);
    z-index:1000000;
    color:#000;
}
.phone ul{margin:0px;padding:0px;}
.phone{
    position: fixed;
    top:0px;
    left:0px;
    width: 100%;
    height:100%;
    background-color:rgba(255, 197, 0,0.9);
    z-index:-100;
    display:none;
    transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transform: translateZ(351px) translateY(-100vh) !important;
    -webkit-transform: translateZ(351px) translateY(-100vh) !important;
    text-align:center;
    display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;      /* TWEENER - IE 10 */
    display: -webkit-flex;     /* NEW - Chrome */
    display: flex; 

    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;

}
.phone.active{
    display:block;
    transform: translateZ(351px) translateY(0vh) !important;
    -webkit-transform: translateZ(351px) translateY(0vh) !important;
    height:100%;
    z-index: 99999990;
    display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;      /* TWEENER - IE 10 */
    display: -webkit-flex;     /* NEW - Chrome */
    display: flex; 

    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
}
.phone i{
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    -o-transform: translateY(-5px);
    transform: translateY(-5px);
}
.phone .btn{
    width:100%;
    max-width:400px;
    min-width:300px;
    padding:10px 0;
    font-size:20px;
    margin-bottom:5px;
}
.phone .btn.btn-warning{
    background:none;
    background-color:#000;
    border-color:#000;
    color:#fff
}
.phone .btn.btn-danger{
    background:none;
    color:#000;
    border-color:#000;
}
.phone .btn{padding-left:30px;position: relative;}
.phone .btn i{position: absolute; font-size:25px;left:0px; top:17px;width:50px; text-align:center;}

.contenidos p>img{width:100%}
/******************************************************************************/
.lista-enlaces-ubicaciones{margin:0px;padding:0px;}
.lista-enlaces-ubicaciones>li{
    background-color:#f5f5f5;
    margin-bottom:3px;
}
.lista-enlaces-ubicaciones>li>a{color:#444;display:block;text-align:center;padding:15px 30px;}
.lista-enlaces-ubicaciones>li>a:hover{text-decoration:none;background-color:#ffcc00;color:#000;}

.portadaMap>iframe {
    position: absolute;
    top:0px;
    right:0px;
    height:100%;
    width:50vw;

}

.price{display: block; text-align: right; font-weight: 600; font-size: 17px;}
.price-alt{font-weight: 500; color: #888;}

[data-value].active{font-size: 1.2em; font-weight: 600; color: #000;}

.text-upper{text-transform: uppercase; font-weight: 300;}

/******* CAMPAÑAS ******/
.sin-resultados{display: flex; flex-direction: column; align-items: center; font-size: 1.3em; color: #000;}
.sin-resultados>.fa{font-size: 2em; display: block; margin: 0 auto 30px;}

.campaign-list{display: flex; flex-wrap: wrap; margin: 0 -30px; padding: 0; justify-content: center;}
.campaign-list>li{width: 25%; padding: 30px;}
.campaign-list>li>a{display: block; height: 100%; border-radius: 10px; overflow: hidden; background-color: #fff;}
.campaign-list .img::after{padding-top: 100%;}
.campaign-list h2{color: #000; font-size: 20px; font-weight: 600; text-align: center; padding: 30px 15px;}

.campaign-list .active{box-shadow: 0 0 0 2px #000;}

.campaign-list a:hover{text-decoration: none;}
.campaign-list a:hover h2{color: rgb(187, 151, 6);}
.campaign-list a:hover li[aria-hidden="false"] img{transform: scale(1.1);}
.campaign-list .bx-wrapper{margin-bottom: 0;}
.campaign-thumb-slider{padding: 0;}

#campaign-banner{padding-top: 110px;}
#campaign-banner .bx-wrapper{margin-bottom: 0;}
#campaign-banner .card .card-container{
    background: linear-gradient(0, #fff 0%, transparent 320%);
    border-radius: 10px;
}
#campaign-banner img{border-radius: 10px;}
#campaign-banner .form-control, #campaign-banner .bootstrap-select .btn, #campaign-banner .btn.btn-dropdown{padding: 10px;}

/******* PERIODOS *******/
.lista-coches{display: flex; flex-wrap: wrap;}
#periodos{padding: 30px 0; margin-bottom: 60px;}
#periodos-selector{margin: 0 17px;}
#periodos-text{font-weight: 600; margin-bottom: 20px; display: block; font-size: 1.4em;}
.noUi-target {
    background: #ffcc00;
    border-radius: 999px;
    border: 0;
    box-shadow: none;
}
.noUi-handle{border-radius: 999px;}
.noUi-marker-horizontal.noUi-marker-normal{display: none;}
.noUi-value-horizontal{color: #888;}
[data-value].active{display: block;}

/* MEDIAS TABLET */

@media screen and (max-width: 1500px) {
    #banner {
        background-size: auto 80%;
    }
}

@media screen and (max-width: 1380px) {
    #banner {
        background-size: auto 70%;
    }
}

@media screen and (max-width: 1200px) {
    #contacto{background-image:none !important;}
}

@media screen and (max-width: 992px) {
    .lista-oficinas .bloque-oficina .preiframe {
        width: 100%;
        height: 150px;
    }
    .lista-oficinas .bloque-oficina .contenido {
        width: 100%;
    }
    .apartado-contacto .btn-block-sm, #contacto .btn-block-sm {
        width: 100%;
    }
    .no-flex-sm {
        display: block;
    }
    #banner.interior .brand-image {
        max-width: 300px;
        margin: 0 auto;
    }
    #banner {
        background-image: none !important;
    }
    #catalogo .controls.right{}
    #catalogo .controls.left{left: 0;}
    .text-center-md-and-down {
        text-align: center;
    }
    .brand-image {
        width: 100%;
    }
    #como-funciona .wrapper-flex {
        justify-content: unset;
    }
    form .col-md-6:nth-child(1) {
        padding-right: 15px;
    }
    form .col-md-6:nth-child(2) {
        padding-left: 15px;
    }
    #contacto {
        background-image: unset !important;
    }
    #catalogo .text-container {
        padding: 0 20px;
    }
    .flexible_seccion_1{background:none !important;}
    .campaign-list{margin: 0 -15px;}
    .campaign-list>li{width: 50%; padding: 15px;}
    .lista-extras{padding-left: 0;}
}


/* MEDIAS MOBILE */

@media screen and (max-width: 768px) {
    .no-flex-xs {
        display: block;
    }
    nav.navbar-default ul {
        width: 100%;
        margin:0px;
    }
    .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse{max-height:380px;}
    #banner {
        min-height: 440px;
    }
    .banner--img{height: auto; min-height: 0;}
    #banner .h2 {
        font-size: 20px;
    }
    #banner .brand-image {
        width: 100%;
        max-width: 305px;
    }
    #como-funciona .list-item span {
        font-size: 12px;
    }
    h1, .h1, h2, .h2 {
        font-size: 20px;
    }
    .with-icon {
        padding-left: 70px;
    }
    .with-icon img {
        width: 60px;
    }
    #servicios h3 {
        font-size: 16px;
    }
    #servicios p {
        margin-bottom: 20px;
    }
    .apartado-contacto .brand-image{max-width:200px;}
    .apartado-contacto .bloque{padding:20px;}
    .apartado-contacto .btn-condi{font-size:12px;}
    .apartado-contacto .consentimientos{padding:0px;}
    .portadaMap {
        display:none;
    }
    .navbar-default .navbar-nav>li>a.btn.btn-primary{
        background-color:#000;color:#fff;
    }

    h1, h2{font-size: 20px;}
    body{font-size: 14px;}
    .btn{width: 100%;}
    .campaign-list>li{width: 100%;}

    #catalogo .card{margin-left: 15px; padding: 0;}
    .noUi-value-horizontal{display: none;}
}

@media screen and (min-width: 768px) {
    nav.navbar-default .navbar-collapse {
        /*overflow: hidden;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        max-height: calc(100vh - 48px);*/
    }
}
small{font-size:12px;}
.consentimientos{font-size:12px;}
.detalle-oficina .datos-contacto>ul,.detalle-oficina .datos-contacto>ul>li{margin:0px;padding:0px;list-style:none;}
.detalle-oficina .datos-contacto>ul>li{padding:20px 10px;background-color:#fff;margin-bottom:5px;border:solid 1px #ddd;}