/*
Theme Name: Caronte Bootstrap Starter Child
Template: wp-bootstrap-starter
Author: Caronte Web Studio
Author URI: https://carontestudio.com/
Version: 3.3.3.01.1599556100
Updated: 2020-09-08 09:08:20

*/


/* General */

/*------General------*/
:root {
    --anton-primary: #1d2327;
    --anton-secondary: #999999;
    --anton-tertiary: #EEEEEE;
    --anton-cta: #14a0ff;
    --anton-cta-dark: #0973ba;
    --anton-green: #3FA498;
}

@font-face {
    font-family: 'abadi';
    src: url(assets/fonts/abadi-mt.ttf);
}

html {
    scroll-behavior: smooth;
}

body {
    font-family: 'abadi', sans-serif;
}
#etiquetasingle {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 80px;
    height: 80px;
    z-index: 99;
    filter: drop-shadow(2px 4px 6px black);
}


h1 {
    font-size: 3.7rem;
    font-weight: bold;
    margin-bottom: 3rem;
}

h2 {
    font-size: 2.6rem;
    font-weight: bold;
    margin-bottom: 2rem;
}

.blur {
    filter: blur(5px);
    overflow: hidden;
}

.lead {
    font-size: 1.9rem !important;
    font-weight: normal;
    line-height: 32px;
}

.btn-cta,
.nf-form-content input[type=button] {
    background-color: var(--anton-cta) !important;
    font-size: 1.1rem;
    padding: .5rem .9rem .5rem .9rem;
    color: white !important;
    border-radius: 10px !important;
    border-color: transparent;
    text-decoration: none;
    display: inline-flex;
    align-items: center;

}.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover{
    background-color:  var(--anton-cta-dark) !important;
}

.btn-cta:hover,
.nf-form-content input[type=button]:hover {
    background-color: var(--anton-cta-dark) !important;
    font-size: 1.1rem;
    padding: .5rem .9rem .5rem .9rem;
    color: white;
    border-radius: 10px;
    border-color: transparent;
    text-decoration: none;
}

.btn-anton-primary, .braapf_unselect_all {
    background-color: transparent;
    font-size: 1.1rem;
    padding: .5rem .9rem .5rem .9rem;
    color: var(--anton-primary);
    border-radius: 10px;
    border-color: var(--anton-primary);
    border-image: none;
    border-style: solid;
    border-width: 1.5px;
    text-decoration: none;
}

.btn-anton-primary:hover {
    background-color: var(--anton-tertiary);
    font-size: 1.1rem;
    padding: .5rem .9rem .5rem .9rem;
    color: var(--anton-primary);
    border-radius: 10px;
    border-color: var(--anton-primary);
    border-image: none;
    border-style: solid;
    border-width: 1.5px;
    text-decoration: none;
}

.btn-anton-secondary {
    background-color: var(--anton-primary);
    padding: .5rem .9rem .5rem .9rem;
    font-size: 1.1rem;
    color: white;
    border-radius: 10px;
    border-color: transparent;
    text-decoration: none;
}

.btn-anton-tertiary {
    background-color: transparent;
    padding: .5rem .9rem .5rem .9rem;
    font-size: 1.1rem;
    color: var(--anton-primary);
    border-radius: 10px;
    border-color: var(--anton-primary);
    border-image: none;
    border-style: solid;
    border-width: 1.5px;
    text-decoration: none;
}

.btn-anton-tertiary:hover {
    background-color: var(--anton-tertiary);
    padding: .5rem .9rem .5rem .9rem;
    font-size: 1.1rem;
    color: var(--anton-primary);
    border-radius: 10px;
    border-color: var(--anton-primary);
    border-image: none;
    border-style: solid;
    border-width: 1.5px;
    text-decoration: none;
}

/*------Header------*/
header#masthead {
    background-color: #282828;
}

.navbar {
    background-color: transparent;
}

.navbar-brand a img {
    width: 100%;
    max-width: 300px;
}

.page-template-t-inicio header#masthead {
    position: absolute;
    width: 100%;
    background-color: transparent;
    z-index: 999;
    box-shadow: none;
}

body:not(.theme-preset-active) #masthead .navbar-nav>li>a {
    color: white;
    font-size: 1.3rem;
    font-weight: lighter;
    transition: .3s ease-in-out;
    position: relative;
    z-index: 0;
    text-transform: uppercase;
}

body:not(.theme-preset-active) #masthead .navbar-nav>li>a::after {
    position: absolute;
    content: '';
    left: 0;
    right: 0;
    bottom: 0;
    height: 0;
    width: 100%;
    transition: .3s ease-in-out;
    background-color: var(--anton-tertiary);
    z-index: -1;
}


body:not(.theme-preset-active) #masthead .navbar-nav>li>a:hover {
    color: white;
    font-weight: lighter;
    transition: .3s ease-in-out;
}

body:not(.theme-preset-active) #masthead .navbar-nav>li>a:hover::after {
    height: .2rem;
    transition: .3s ease-in-out;
}

.navbar-light .navbar-toggler-icon {
    filter: invert(1) brightness(1);
}

.menu-cart-icon {
    width: 1.5rem;
}

.menu-cart-icon path {
    fill: white;
}

/*------.home #menuppal #main-nav {
    background-color: #000;
    padding: 2rem;
}o------*/
.page-template-t-inicio #content.site-content {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}.home .probox{
    height: 50px!important;
}.home .innericon, .home .promagnifier{
    width: 50px!important;
    height: 50px!important;
}.home .proinput .orig{
    padding: 8px!important;
    font-size: 2rem!important;
    line-height: 2rem!important;
    height: auto!important;
}.home #ajaxsearchpro1_1 .probox .proinput input.autocomplete{
    font-size: 2rem!important;
    line-height: 2rem!important;
    height: auto!important;
    margin-top: -42px!important;
}.navbar-light .navbar-toggler {
    color: rgb(255 255 255 / 100%);
    border: #fff 2px solid;
}.home #menuppal #main-nav {
    background-color: #000;
    padding: 2rem;
}

/*-----Home-hero-----*/
#home-hero {
    position: relative;
    height: 75vh;
    align-items: center;
    display: flex;
    overflow: hidden;
}

#home-hero::before {
    position: absolute;
    background: url(assets/img/furgopro-hero.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    content: "";
    filter: brightness(0.5);
    top: 0;
    left: 0;
    z-index: -1;
    height: 100%;
    width: 100%;
}

#home-hero h1 {
    color: white;
}

/*-----Que buscas-----*/
#que-buscas {
    position: relative;
    background-color: var(--anton-secondary);
    justify-content: center;
    padding-top: 4rem;
    padding-bottom: 4rem;
}

#que-buscas h2 {
    margin-top: 2.7rem;
}

#que-buscas .container {
    background-color: white;
    border-radius: 1rem;
    overflow: hidden;
    width: 75%;
    margin-top: -10rem;
    margin-right: auto;
    margin-left: auto;
    box-shadow: rgb(0 0 0 / 30%) 0px 19px 38px, rgb(0 0 0 / 22%) 0px 15px 12px;
}

#que-buscas figure {
    position: relative;
    margin: 0rem;
}

#que-buscas a {
    height: 100%;
    display: block;
}

#que-buscas figcaption {
    background-color: rgb(0 0 0 / 72%);
    color: white;
    text-decoration: none;
    text-align: center;
    position: absolute;
    bottom: 50%;
    transform: translateY(50%);
    left: 0;
    right: 0;
    display: block;
    width: 100%;
    font-size: 1.4rem;
    transition: .2s ease-in-out;
    text-transform: uppercase;
    padding-top: 1rem;
    padding-bottom: 0.5rem;
}

#que-buscas figure:hover figcaption {
    transform: translateY(20%);
    transition: .2s ease-in-out;
}

/*-----Marcas home-----*/
#marcas-home {
    padding-top: 3rem;
    padding-bottom: 3rem;
    overflow: hidden;
}

#marcas-carrusel p {
    font-size: 1.2rem;
    padding-top: 1rem;
    color: #212529;
}

.scroll-icon {
    width: 5rem;
    filter: opacity(0.5);
}

.crs {
    width: 100%;
    /* overflow-x: clip; */
    overflow-x: auto;
    overflow-y: hidden;
    display: flex;
    flex-wrap: nowrap;
    align-items: stretch;
    scroll-snap-type: x mandatory;
    scroll-snap-type: mandatory;
    /* Firefox */
    -webkit-scroll-snap-type: mandatory;
    /* Safari */
    -webkit-overflow-scrolling: touch;
    /* Safari */
    scroll-behavior: smooth;

}

.crs::-webkit-scrollbar {
    height: 20px;
}

.crs .itm {
    aspect-ratio: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    scroll-snap-align: center;
    scroll-snap-coordinate: 0% 0%;
    /* older (Firefox/IE) */
    -webkit-scroll-snap-coordinate: 0% 0%;
    /* older (Safari) */
    position: relative;
    min-width: 95%;
    min-height: 16rem;
    /*TODO: Como en Ipad no funciona "aspect ratio", especificar alturas mínimas con MQ para conservar propotción*/
    background-color: #ffffff;
    padding-right: 0rem;
    padding-left: 0rem;
    border-radius: 25px;
    box-shadow: rgb(0 0 0 / 15%) 0px 8px 13px, rgb(0 0 0 / 15%) 0px 5px 8px;
    margin: 2rem;
    text-align: center;
}

.crs .itm>a>img {
    max-width: 5rem;
    max-height: 5rem;
    display: block;
    margin: 0 auto;
}

.crs .itm p {
    font-size: 1.5rem;
    font-weight: 500;
}

/*-----Oportunidades-----*/
#oportunidades-home {
    background-color: var(--anton-tertiary);
    padding-top: 3rem;
}

.oportunidades-home {
    background-color: #ffffff;
    height: 100%;
    display: flex;
    flex-flow: column;
    padding-right: 0rem;
    padding-left: 0rem;
    border-radius: 0px;
    box-shadow: rgb(0 0 0 / 15%) 0px 8px 13px, rgb(0 0 0 / 15%) 0px 5px 8px;
}

.oportunidades-home img {
    height: auto;
    max-width: 100%;
    border-radius: 0px;
}

.oportunidades-home figure {
    position: relative;
    margin: 0rem;
}

.card-etiqueta {
    position: absolute;
    bottom: 5%;
    right: 5%;
    width: 16%;
}.ofertabadge {
    width: 100%;
    background: #cc0000d9;
    display: block;
    padding: 10px 20px;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
}.figureoferta{
    position: absolute!important;
    top: -5px;
    left: 0px;
    z-index: 9;
}.ofertabadge span{
    display: block;
}.t30 {
    font-size: 35px;
    line-height: 30px;
    font-weight: bold;
}.t15 {
    font-size: 15px;
    line-height: 15px;
}.t10 {
    font-size: 10px;
    line-height: 10px;
    margin: 0 auto;
}

.badge {
    display: inline-block;
    padding: .35em .65em;
    margin: .5rem;
    font-size: .85em;
    font-weight: 400;
    line-height: 1;
    color: var(--anton-primary);
    background-color: var(--anton-tertiary);
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .50rem;
}

.oportunidades-home p {
    margin-bottom: 0rem;
}

.oportunidades-home hr {
    width: 90%;
    margin: auto;
    margin-top: 1rem;
}

.oportunidades-home-header {
    background-color: var(--anton-tertiary);
    padding: 1rem;
}

.precio-habitual p {
    font-size: .8rem;
    color: var(--anton-secondary) !important;
    padding: 0rem;
}

.precio-habitual span {
    color: var(--anton-secondary) !important;
    font-size: 1.5rem;
    text-decoration: line-through;
}

.precio-contado p {
    font-size: .8rem;
    color: var(--anton-primary) !important;
    padding: 0rem;
}

.oportunidades-cta {
    margin: 1rem;
}

.oportunidades-cta a {
    display: block;
    margin-bottom: .8rem;
    text-align: center;
}

.precio-contado span {
    color: var(--anton-primary) !important;
    font-size: 1.5rem;
    font-weight: bold;
}

.precio-financiado span {
    font-weight: bold;
    font-size: 2.1rem;
}

.precio-financiado p {
    color: var(--anton-secondary)
}

/*-----Por que-----*/
#porque-home {
    position: relative;
    padding-top: 5rem;
    padding-bottom: 5rem;
}

#porque-home::before {
    position: absolute;
    background: url(assets/img/bg-home-porque.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    filter: opacity(.09) grayscale(100);
    content: '';
    top: 0;
    left: 0;
    z-index: -1;
    height: 100%;
    background-attachment: fixed;
    width: 100%;
}

/*-----Liderando-----*/
#eco-home h2 {
    display: inline-block;
}

#eco-home {
    position: relative;
    background-color: var(--anton-tertiary);
}

.hojas-bg {
    position: absolute;
    z-index: 0;
    min-height: 10rem;
    max-width: 20rem;
    top: 1rem;
    left: 1rem;
}

.hojas-bg:nth-child(2) {
    bottom: 1rem;
    right: 1rem;
    top: unset;
    left: unset;
}

.cabecera-hoja {
    position: relative;
}

.cabecera-hoja::before {
    position: absolute;
    content: url(assets/img/icono-hoja.svg);
    width: 3.5rem;
    top: -32%;
    left: -19%;
}

/*-----A un click-----*/
#home-click {
    position: relative;
    padding-top: 5rem;
    padding-bottom: 5rem;
}

#home-click::before {
    position: absolute;
    background: url(assets/img/home-click-bg.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    filter: opacity(.09) grayscale(100);
    content: '';
    top: 0;
    left: 0;
    z-index: -1;
    height: 100%;
    background-attachment: fixed;
    width: 100%;
}

#home-click img {
    width: 6rem;
    padding-bottom: 2rem;
    padding-top: 3rem;
}

/*------Páginas------*/
.page-template-t-sobre-nosotros #content.site-content,
.page-template-t-como-funciona #content.site-content {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.page-hero::after {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: .25;
    z-index: -1;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position-y: center;
}

.page-hero {
    position: relative;
    padding-top: 10rem;
    padding-bottom: 10rem;
    background-color: black;
    color: white;
    z-index: 0;
}

.page-hero span {
    display: block;
    text-transform: uppercase;
    font-weight: 100;
    letter-spacing: .15rem;
    color: var(--anton-cta);
}

.page-hero h1 {
    color: white;
    text-transform: uppercase;
    font-size: 4rem;
}

.page-hero h1 small {
    display: block;
    font-size: 2rem;
    font-weight: 100;
    text-transform: none;
}


.downArrow {
    margin-top: 2.5rem;
    bottom: 45%;
    left: 50%;
}

.downArrow svg {
    width: 2.5rem;
}

.downArrow svg path {
    fill: var(--anton-cta);
}

.bounce {
    -moz-animation: bounce 3s infinite;
    -webkit-animation: bounce 3s infinite;
    animation: bounce 3s infinite;
}

@-moz-keyframes bounce {

    0%,
    20%,
    50%,
    80%,
    100% {
        -moz-transform: translateY(0);
        transform: translateY(0);
    }

    40% {
        -moz-transform: translateY(-30px);
        transform: translateY(-30px);
    }

    60% {
        -moz-transform: translateY(-15px);
        transform: translateY(-15px);
    }
}

@-webkit-keyframes bounce {

    0%,
    20%,
    50%,
    80%,
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    40% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px);
    }

    60% {
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px);
    }
}

@keyframes bounce {

    0%,
    20%,
    50%,
    80%,
    100% {
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    40% {
        -moz-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px);
    }

    60% {
        -moz-transform: translateY(-15px);
        -ms-transform: translateY(-15px);
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px);
    }
}

/*--Sobre nosotros--*/

.page-template-t-sobre-nosotros .page-hero::after {

    background-image: url(assets/img/furgopro-about.jpg);

}

.page-template-t-sobre-nosotros #about-info {
    padding-top: 7rem;
    padding-bottom: 7rem;
    position: relative;
    z-index: 0;
    background-color: white;
}

.page-template-t-sobre-nosotros #about-info::after {
    position: absolute;
    background: url(assets/img/furgopro-about.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    filter: opacity(.09) grayscale(100);
    content: '';
    top: 0;
    left: 0;
    z-index: -1;
    height: 100%;
    background-attachment: fixed;
    width: 100%;
}

#about-info figure {
    margin: 0;
    padding: 0;
    overflow: hidden;
    border-radius: 2rem;
    box-shadow: rgb(0 0 0 / 15%) 0px 8px 13px, rgb(0 0 0 / 15%) 0px 5px 8px;
}

/*--Cómo funciona--*/
.page-template-t-como-funciona .page-hero::after {
    background-image: url(assets/img/furgopro-funciona.jpg);
}

#how-info {
    padding-top: 7rem;
    padding-bottom: 7rem;
    position: relative;
    z-index: 0;
    background-color: white;
}

#how-info::after {
    position: absolute;
    background: url(assets/img/antoncars-about-bg-1.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    filter: opacity(.09) grayscale(100);
    content: '';
    top: 0;
    left: 0;
    z-index: -1;
    height: 100%;
    background-attachment: fixed;
    width: 100%;
}

.how-list {
    list-style: none;
    clear: both;
}

.how-list li {
    padding: .5rem .75rem;
    counter-increment: inst;
    position: relative;
    margin-bottom: 1.2rem;
    font-size: 1.1rem;
    line-height: 1.3rem;

}

.how-list li::after {
    padding: 0.5rem 0.75rem;
    content: counter(inst);
    position: absolute;
    left: -3rem;
    top: 0;
    font-size: 3rem;
    font-weight: bolder;
    line-height: 3rem;
    color: var(--anton-secondary);

}

.how-list li:nth-child(2n) {
    background-color: #ddd;
}

.how-list li::marker {
    font-size: 3rem;
    font-weight: bolder;

}

#how-info figure {
    margin: 0;
    padding: 0;
    overflow: hidden;
    border-radius: 2rem;
    box-shadow: rgb(0 0 0 / 15%) 0px 8px 13px, rgb(0 0 0 / 15%) 0px 5px 8px;
}


/*---404---*/
.error404 main span {
    display: block;
    color: var(--anton-secondary);
    font-size: 8rem;
    font-weight: bolder;
}

.error404 main span small {
    display: block;
    text-transform: uppercase;
    font-weight: 100;
    letter-spacing: .15rem;
    color: var(--anton-cta);
    font-size: 1rem;
    line-height: 1rem;
}

/*------Página ofertas------*/

/*-----Aside-----*/

/*Filtros móvil*/
.filtros-movil {
    position: sticky;
    top: 0;
    z-index: 99;
}

/*/Filtros móvil*/

.aside-ofertas {
    position: sticky;
    top: 2.7rem;
    z-index: 90;
}

.collapse-aside {
    display: block;
}

#faq-acordeon .card {
    border: none;
    border-radius: 0;
}

#faq-acordeon .card-header {

    padding: 0;
    border-radius: 0;
}

#faq-acordeon .card-header h3 {
    padding: .75rem 0;
    font-weight: normal;
}.smallh3{
    font-size: 1.25rem!important;
}.small2{
    font-size: 1rem;
}

#faq-acordeon .card:not(:last-child) .card-header h3 {
    border-bottom: 2px solid var(--anton-tertiary);
}

#faq-acordeon .card-body {
    background-color: white;
    color: var(--anton-primary);
    font-weight: bold;
}

#faq-acordeon .card-body p {
    font-size: .9rem;
    font-weight: 100;
}


#faq-acordeon button {
    display: flex;
    align-items: center;
    text-decoration: none;
    color: var(--anton-primary);
    font-weight: 600;
    font-size: 1.1rem;
}

#faq-acordeon button.collapsed span {
    transform: rotate(-90deg);
    transition: .2s ease-in-out;
}

#faq-acordeon button span {
    display: inline-block;
    margin-left: auto;
    background-image: url(assets/img/down-chevron.svg);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    height: 1.2rem;
    width: 1.2rem;
    transition: .2s ease-in-out;
}

#faq-acordeon .card-header {
    background-color: transparent;
    border-bottom: 1px solid purple;
}


.aside-sticky {
    /* position: sticky; */
    top: 0;
    background-color: var(--anton-tertiary);
    padding: 1.6rem;
    overflow-y: scroll;
    height: 85vh;
}

.aside-sticky .asp_w_container {
    width: 100%;
}

.aside-sticky #ajaxsearchpro1_1 {
    min-width: unset !important;
}

.addtocart-buttons a {
    width: 100%;
    align-items: center;
    justify-content: center;
}

aside div.asp_w.ajaxsearchpro {
    min-width: none !important;
}

.aside-ofertas p {
    font-weight: normal;
    color: var(--anton-primary);
    margin-bottom: .5rem;
}

.aside-ofertas input {
    width: 100%;
}



.collapse input {
    width: 100%;
}

.collapse-aside .filtros-btn {
    background-color: #C4C4C4;
    padding: .5rem .9rem .5rem .9rem;
    font-size: 1.1rem;
    font-weight: bold;
    color: var(--anton-primary);
    width: 100%;
    border-radius: 0px;
    border-color: transparent;
    text-decoration: none;
}

/* .aside-ofertas .btn {
    background-color: var(--anton-primary);
    padding: .5rem .9rem .5rem .9rem;
    font-size: 1.1rem;
    color: white;
    border-radius: 10px;
    border-color: transparent;
    text-decoration: none;
} */

.slide {
    display: flex;
    justify-content: space-between;
}

.input-group {
    flex-wrap: inherit;
}

.input-group-collapse {
    display: block;
}

.input-group-collapse .btn {
    background-color: var(--anton-primary);
    color: white;
}

.aside-ofertas span {
    color: var(--anton-primary);
}

.slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    background: #0D6EFD;
    cursor: pointer;
}

.bapf_body li span.bapf_clr_span {
    border-radius: 5px;
}

.bapf_sfilter.brchecked_default input:checked+label .bapf_clr_span {
    transform: none;
    border: 2px solid var(--anton-primary);
    -webkit-box-shadow: inset 0px 0px 0px 2px var(--anton-tertiary);
    -moz-box-shadow: inset 0px 0px 0px 2px var(--anton-tertiary);
    box-shadow: inset 0px 0px 0px 2px var(--anton-tertiary);
}

aside .bapf_sfilter {
    margin-bottom: 0 !important;
}

aside .bapf_slct select {
    padding: .5rem;
}

aside .bapf_slidr_all .irs-bar,
aside .bapf_slidr_all .irs-from,
aside .bapf_slidr_all .irs-to,
aside .irs-handle i,
.irs--flat .irs-handle>i:first-child {
    background-color: var(--anton-primary);
}

.irs--flat .irs-max,
.irs--flat .irs-min {
    background-color: var(--anton-tertiary);
}

aside .bapf_slidr_all .irs-from:before,
aside .bapf_slidr_all .irs-to:before {
    border-top-color: var(--anton-primary);
}

/*-----Vehiculos de ocasion-----*/
#vehiculos-ocasion {
    position: relative;
}

.woocommerce span.onsale {
    display: none !important;
}

#pagina-ofertas h1 {
    font-size: 2.5rem;
}

.form-outline {
    display: flex;
    justify-content: end;
    margin-bottom: 0rem;
}

.form-control {
    width: 100%;
    display: inline-block;
}.font31{
    font-size: 30px!important;
}

.pagination ul {
    display: inline-block;
    white-space: nowrap;
    padding: 0;
    clear: both;
    border-right: 0;
    border-radius: 4px;
    border: 1px solid #d3ced2;
}

.pagination li {
    display: table-cell;

}

.pagination ul li a,
.pagination ul li span {
    margin: 0;
    text-decoration: none !important;
    line-height: 1;
    font-size: 1em;
    font-weight: 400;
    padding: 0.5em;
    min-width: 1em;
    display: block;
    color: var(--anton-primary);
}

.pagination ul li a:focus,
.pagination ul li a:hover,
.pagination ul li span.current {
    background: var(--anton-primary);
    color: white;
}

.oportunidades-home a figure img.attachment-medium {
    width: 100%;
}

.matricula {
    display: none;
    visibility: hidden;
    color: transparent;
}

/*------Página modelo------*/
.single-product #content.site-content {
    padding-bottom: 0 !important;
}

.single-product #cookie-law-info-again,
.single-product .modal-btn {
    display: none !important;
}

/* Lightbox */
.lightbox {
    display: none;
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
  }
  
  .lightbox-content {
    position: relative;
    margin: auto;
    width: 80%;
    max-width: 800px;
    text-align: center;
  }
  
  .lightbox-content img {
    width: 100%;
    height: auto;
  }
  
  .lightbox .close {
    position: absolute;
    top: 2rem;
    right: 2rem;
    color: var(--tlk-white);
    cursor: pointer;
  }
  
  .lightbox .close svg {
    width: 2rem;
    height: 2rem;
  }
  
  .lightbox-content svg {
    width: 2rem;
    height: 2rem;
    color: var(--tlk-white);
  }
  
  .lightbox .prev,
  .lightbox .next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    color: white;
    font-size: 40px;
    cursor: pointer;
    background: none;
    border: none;
    outline: none;
    width: 8%;
    min-width: 4rem;
  }
  
  .lightbox .prev {
    left: -3rem;
  }
  
  .lightbox .next {
    right: -3rem;
  }
  
  .lightbox .prev svg {
    rotate: 180deg;
  }
/*-----Galeria modelo-----*/
#galeria-modelo {
    position: relative;
    top: 0;
    left: 0;
    right: 0;
}

#galeria-modelo .columna {
    float: left;
    width: 25%;
    padding-right: 1rem;
}

#galeria-modelo .fila::after {
    content: "";
    clear: both;
    display: table;
}

#galeria-modelo .fila {
    margin-top: 1rem;
    width: 100%;
    /* overflow-x: clip; */
    overflow-x: auto;
    overflow-y: hidden;
    display: flex;
    flex-wrap: nowrap;
    align-items: stretch;
    scroll-snap-type: x mandatory;
    scroll-snap-type: mandatory;
    -webkit-scroll-snap-type: mandatory;
    -webkit-overflow-scrolling: touch;
    scroll-behavior: smooth;
}

#galeria-modelo .fila .columna {
    min-width: 49%;
    scroll-snap-align: start;
    scroll-snap-coordinate: 0% 0%;
    -webkit-scroll-snap-coordinate: 0% 0%;
}

#galeria-modelo .carrusel-fotos img {
    width: 100%;
    /*height: 100%;*/
    transition: .2s ease-in-out;
}

#galeria-modelo .fila .columna:hover img {
    opacity: .5;
    transition: .2s ease-in-out;
    cursor: pointer;
}

#galeria-modelo .carousel button {
    background: transparent;
    border: none;
}

/*-----Aside-----*/


.aside-modelo-ofertas {
    position: fixed;
    top: unset;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 999;
    width: 100%;
}

.aside-modelo-sticky {
    position: fixed;
    box-shadow: 0px 0px 15px 5px rgb(0 0 0 / 35%);
    border-radius: 0;
    background-color: white;
    padding: 1.6rem;
    z-index: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.aside-modelo-sticky h1 {
    font-size: 1.5rem;
    margin-bottom: .5rem;
}

.aside-modelo-sticky::before {
    position: absolute;
    background: url(assets/img/modelo-foto-1.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 0;
    filter: opacity(.09) grayscale(100);
    content: '';
    top: 0;
    left: 0;
    z-index: -1;
    height: 100%;
    background-attachment: fixed;
    width: 100%;

}.subtituloprod {
    border-bottom: 1px solid #eaecef;
    padding-bottom: 10px;
    display: block;
    margin-bottom: 1rem;
}

.precio-habitual-aside p,
.precio-contado-aside p {
    font-size: 1rem;
    line-height: 1.2rem;
    color: var(--anton-secondary) !important;
    padding: 0rem;
    margin-bottom: 0rem;
}

.precio-habitual-aside span {
    color: var(--anton-secondary) !important;
    font-size: 1.8rem;
    text-decoration: line-through;
}

.precio-contado-aside span {
    color: var(--anton-secondary) !important;
    font-size: 1.8rem;
    font-weight: bold;
}

.precio-financiado-aside span {
    font-weight: bold;
    font-size: 2.5rem;
    line-height: 2.7rem;
    color: var(--anton-primary);
}

.precio-financiado-aside p {
    margin-bottom: 0rem;
}

.aside-modelo-info img {
    width: 2rem;
    margin-right: 1rem;
}

.aside-modelo.info .div {
    margin-right: 2rem;
}

.add_to_cart_button svg {
    width: 1.5rem;
    height: 1.5rem;
    margin-right: .5rem;
    filter: invert(1);
}

.aside-modelo-ofertas .btn-anton-primary svg {
    width: 1.2rem;
    height: 1.2rem;
    margin-right: .5rem;

}

/*-----Detalles coche-----*/

#detalles-coche {
    position: relative;
    padding-top: 5rem;
    padding-bottom: 5rem;
    margin-top: 5rem;

}

#detalles-coche::before {
    position: absolute;
    background: url(assets/img/detalles-coche-bg.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    filter: opacity(.09) grayscale(100);
    content: '';
    top: 0;
    left: 0;
    z-index: -1;
    height: 100%;
    background-attachment: fixed;
    width: 100%;
}

.card-detalles {
    background-color: white;
    margin: .5rem 0;
    border-radius: 0px;
    padding: .8rem;
    color: var(--anton-primary);
    box-shadow: rgb(0 0 0 / 15%) 0px 8px 13px, rgb(0 0 0 / 15%) 0px 5px 8px;
    display: flex;
    align-items: center;
}

.card-detalles img, .btn-anton-primary .atributo-icono {
    width: 2rem;
    margin-right: 1rem;
    filter: saturate(0);
}.caldera-forms-consent-field-agreement{
    display: inline-block;
}

.card-detalles span {
    font-size: 1.2rem;
}

.card-detalles p {
    font-size: 1rem;
    margin-bottom: 0rem;
}


/*-----Tasación-----*/
#tasacion {
    padding-top: 5rem;
    padding-bottom: 5rem;
    position: relative;
}

#tasacion .lead {
    padding-bottom: 1.5rem;
}

#tasacion span {
    font-size: 1.5rem;
    color: var(--anton-primary);
    padding-bottom: 1.8rem;
}

#tasacion p {
    font-size: 1.2rem;
}

.bg-tasacion {
    position: absolute;
    bottom: 5%;
    right: 0;
    width: 15rem;
}

/*-----Observaciones-----*/
#observaciones {
    position: relative;
    padding-top: 5rem;
    padding-bottom: 5rem;
    background-color: rgb(0, 0, 0);
    color: white;
    z-index: 0;
}

#observaciones::before {
    position: absolute;
    background: url(assets/img/observaciones-bg.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    content: '';
    top: 0;
    left: 0;
    z-index: -1;
    height: 100%;
    opacity: .4;
    mix-blend-mode: luminosity;
    background-blend-mode: color;
    background-attachment: fixed;
    width: 100%;
}

#observaciones h2 {
    color: white;
}

#observaciones p,
#observaciones .row>div>.row>div>div {
    color: white;
    font-weight: 100;
    font-size: .9rem;
}

/*-----Otros modelos-----*/
#otros-modelos {
    padding-top: 5rem;
    padding-bottom: 5rem;
}

/*-----Pasos-----*/
#pasos {
    padding-top: 5rem;
    padding-bottom: 5rem;
    background-color: var(--anton-tertiary);
}

.pasos span {
    color: var(--anton-primary);
    font-size: 2rem;
}

.pasos-numero {
    font-size: 7rem;
    font-weight: bold;
    padding-right: 1.5rem;
}

.pasos div {
    display: table-cell;
    vertical-align: middle;
}

/*-----Preguntas frecuentes-----*/
#preg-frecuentes {
    padding-top: 5rem;
    padding-bottom: 5rem;
}

.accordion-button:not(.collapsed) {
    color: white;
    background-color: var(--anton-primary);
    box-shadow: inset 0 -1px 0 rgb(0 0 0 / 13%);
}

.accordion-body {
    background-color: var(--anton-tertiary);
}

/*-----Te llamamos-----*/

#te-llamamos {
    position: relative;
    padding-top: 5rem;
    padding-bottom: 5rem;
    z-index: 1;
}

#te-llamamos::before {
    position: absolute;
    background: url(assets/img/llamamos-bg.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    filter: opacity(.09) grayscale(100);
    content: '';
    top: 0;
    left: 0;
    z-index: -1;
    height: 100%;
    background-attachment: fixed;
    width: 100%;
}

.dropdown {
    width: 100%;
}

#llamada {
    position: relative;
}

.bg-llamada {
    display: none;
}

#llamada .btn-cta {
    display: block;
    text-align: center;
}

#te-llamamos .btn-secondary {
    color: var(--anton-primary);
    background-color: white;
    border: 1px solid #ced4da;
}

/*-----tienda woocommerce carrito -------*/
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
    background-color: var(--anton-cta);
}
.woocommerce form .form-row {
    display: block!important;

}.woocommerce-billing-fields {
    max-width: 600px;
    margin: 0 auto;
    font-size: 1.2rem;
}.woocommerce-info {
    border-top-color: #282828;
}.woocommerce-info::before {
    color: #282828;
}.woocommerce-additional-fields {
    max-width: 600px;
    margin: 0 auto;
    font-size: 1.2rem;
    margin-top: 2rem;
    border-top: #282828 5px solid;
    padding-top: 2rem;
}.order_review {
    max-width: 600px;
    font-size: 1.2rem;
    margin: 0 auto;
}.bapf_sfilter label {
    display: inline-block!important;
    margin-bottom: 0;
    height: 30px;
    vertical-align: middle!important;
    text-transform: capitalize;
}.bapf_sfilter.bapf_ckbox input[type=checkbox] {
    margin-right: 10px;
    cursor: pointer;
    display: inline-block;
    height: 20px;
    width: 20px;
}.bapf_sfilter ul li {
    list-style: none!important;
    margin: 0!important;
    padding: 0!important;
    max-width: 100%;
    text-align: left!important;
    display: block;
}.bapf_sfilter .bapf_body>ul {
    margin-left: 0;
    margin-top: 0!important;
    margin-bottom: 0!important;
    padding: 0;
}.bapf_sfilter.bapf_colorinline li {
    margin-bottom: 10px!important;
}

/*------Footer------*/
#footer-anton {
    padding-top: 5rem;
    padding-bottom: 4rem;
    background-color: var(--anton-primary);
    color: white;
}

.menufoot li {
    display: inline-block;
    margin-right: 1rem;
}

.menufoot img {
    width: 37px;
    filter: contrast(0) brightness(2.5);
    transition: all .5s ease;
}

#footer-anton ul {
    padding-left: 0rem;
    margin-top: 2rem;
    margin-bottom: 2rem;
    list-style: none;
}

#footer-anton li {
    margin-bottom: .5rem;
}

#footer-anton li a {
    text-decoration: none;
    color: white;
    margin-bottom: 1rem;
}

#footer-anton hr:not([size]) {
    height: 2px;
}

#footer-anton h3 {
    margin-top: 2rem;
    color: white;
}

.logo-footer {
    width: 20rem;
    margin-bottom: 0rem;
    margin-top: 1rem;
}

#footer-anton .badge {
    display: inline-block;
    padding: 0.65em .75em;
    margin: .5rem;
    font-size: .85em;
    font-weight: 400;
    line-height: 1;
    color: white;
    background-color: #ffffff50;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .50rem;
}

footer#colophon {
    text-align: center;
    background: black !important;
    color: white!important;
    padding: .5rem 0;
}

footer#colophon svg {
    width: 7rem;
    fill: white;
}
.horarios {
    line-height: 1.2rem;
    font-size: 1rem;
    display: block;
    margin: 1rem 0;
    font-weight: lighter;
}
.horarios span {
    display: block;
}

/*contacto permanente*/
.modal-btn {
    position: fixed;
    bottom: 2rem;
    right: 2rem;
    background-color: var(--anton-cta);
    width: 4rem;
    height: 4rem;
    border: 2px solid white;
    border-radius: 50%;
    transition: .3s ease-in-out;
    box-shadow: 2px 2px 5px rgb(0 0 0 / 50%);
    z-index: 999;
}

.modal-btn svg {
    width: 2rem;
    color: white;
}

.modal-btn:hover {
    background-color: var(--anton-cta-dark);
    transition: .3s ease-in-out;
    box-shadow: 5px 5px 5px rgb(0 0 0 / 50%);
    transform: translateY(-.5rem);

}
.logomodal{
width: 17rem;

    
}

#modal-contacto .modal-dialog {
    height: 100%;
    display: flex;
    align-items: center;
}

#modal-contacto .modal-body ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

#modal-contacto .modal-body ul li {
    margin: 0;
    padding: 0;

}

#modal-contacto .modal-body ul li:not(:last-child) {

    border-bottom: 1px solid var(--anton-secondary);
}

#modal-contacto .modal-body ul li a {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: .5rem 1rem;
    font-size: 1.5rem;
    text-decoration: none;
    color: var(--anton-primary);
    transition: .3s ease-in-out;
}

#modal-contacto .modal-body ul li a:hover {
    background-color: var(--anton-tertiary);
    transition: .3s ease-in-out;
}

#modal-contacto .modal-body ul li a svg {
    width: 1.5rem;
    height: 1.5rem;
    margin-right: 1.5rem;
}

#modal-contacto .modal-body ul li a svg path {
    fill: var(--anton-primary);
}


/*------Plugins------*/

/*---Contact Form 7---*/
.wpcf7-form label {
    display: block;
    margin-bottom: 1rem;
}

/*---Ninja Forms---*/

.nf-form-content input,
.nf-form-content select,
.nf-form-content .text-area {
    border-radius: .5rem !important;
}

.nf-error.field-wrap .nf-field-element:after {
    font-size: 20px;
    line-height: 0;
    border-radius: 5rem;
    top: 50% !important;
    right: 1rem !important;
    bottom: unset !important;
    height: 30px !important;
    width: 30px !important;
    text-align: center;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    transform: translateY(-50%);
}

.checkbox-container.label-right .field-wrap {
    display: inline !important;
}



/*---Ajax Buscador---*/
.asp_w_container {
    /* margin: 2rem auto; */
}

.probox {
    border-radius: .2rem !important;
    border: none !important;
}

#ajaxsearchpro1_1 {
    border-radius: .3rem !important;
    background-image: none !important;
    background-color: var(--anton-primary) !important;
}

.probox .promagnifier {
    background-image: none !important;
    background-color: var(--anton-primary) !important;
}

#ajaxsearchprores1_1.vertical,
#ajaxsearchprores1_2.vertical,
div.asp_r.asp_r_1.vertical {
    background: var(--anton-primary) !important;
    padding: 2px !important;
    border-radius: .5rem !important;
}

div.asp_w.asp_r .results {
    border-radius: .4rem !important;
}

#ajaxsearchprores1_1 .results .item .asp_content h3 a,
#ajaxsearchprores1_2 .results .item .asp_content h3 a,
div.asp_r.asp_r_1 .results .item .asp_content h3 a {
    color: var(--anton-primary) !important;
}

.asp_simplebar-content .item.hovered {
    background: var(--anton-tertiary) !important;
}

/* cookieYes */
div[data-cky-tag="detail-powered-by"] {display:none !important;}
/*------MQ------*/




/* Media queries */
@media (min-width: 576px) {

    /*--HOME---*/
    .crs .itm {
        scroll-snap-align: start;
        scroll-snap-coordinate: 0% 0%;
        /* older (Firefox/IE) */
        -webkit-scroll-snap-coordinate: 0% 0%;
        min-width: 45%;
        min-height: 16rem;
    }
}

@media (min-width: 768px) {

    /*---HOME---*/
    /*------Página ofertas------*/

    .collapse-aside {
        display: none;
    }

    .aside-ofertas .collapse:not(.show) {
        display: block !important;

    }.aside-sticky .btn-anton-primary{
        display: none;
    }

    .input-group-collapse {
        display: none;
    }

    /*------Página modelo------*/

    .aside-modelo-ofertas {
        right: unset;
        left: calc(50% + 110px);
        bottom: unset;
        width: 25rem;
        position: sticky;
        top: 3rem;
        z-index: 999;
    }

    .aside-modelo-sticky {
        border-radius: 0px;
        box-shadow: -4px 11px 14px 3px rgba(0, 0, 0, 0.35);
    }

    .aside-modelo-sticky::before {
        border-radius: 0px;
    }

    .aside-modelo-sticky h1 {
        font-size: 2.5rem;
        margin-bottom: 1rem;
    }

    .precio-financiado-aside span {

        font-size: 3.1rem;
        line-height: 3.2rem;
    }

    /*------Footer------*/
    .bg-llamada {
        display: block;
        position: absolute;
        bottom: 0%;
        right: 18%;
        width: 8rem;
        z-index: 0;
    }

    .aside-modelo-sticky {
        position: relative;
        box-shadow: -4px 11px 14px 3px rgba(0, 0, 0, 0.35);
        border-radius: 0px;
        background-color: white;
        padding: 1.6rem;
        z-index: 0;
    }
    .aside-sticky {
        overflow-y: auto;
        height: 100vh;
    }
    
    #galeria-modelo {
        position: absolute;
    }
}

@media (min-width: 992px) {

    /*-----A un click-----*/
    #home-click img {
        padding-top: 0rem;
    }

    .crs .itm {
        scroll-snap-align: start;
        scroll-snap-coordinate: 0% 0%;
        /* older (Firefox/IE) */
        -webkit-scroll-snap-coordinate: 0% 0%;
        min-width: 29%;
        min-height: 16rem;
    }

    /*-----Página modelo-----*/
    .aside-modelo-ofertas {
        right: unset;
        width: 30rem;
        bottom: unset;
    }
   

}

@media (min-width: 1200px) {

    /*-----generales---*/
    .home #menuppal #main-nav {
        background-color: transparent;
        padding: 0rem;
    }

    .container {
        max-width: 1320px;
    }

    .btn-cta,
    .btn-cta:hover,
    .nf-form-content input[type=button],
    .nf-form-content input[type=button]:hover,
    .braapf_unselect_all,
    .braapf_unselect_all:hover,
    .btn-anton-primary, 
    .btn-anton-primary:hover,
    .btn-anton-secondary,
    .btn-anton-secondary:hover,
    .btn-anton-tertiary,
    .btn-anton-tertiary:hover,{
        font-size: 1rem!important;

    }

    /*-----header-----*/
    .page-template-t-inicio header#masthead {
        background-color: transparent;
    }

    body:not(.theme-preset-active) #masthead .navbar-nav>li>a {
        color: white;
        font-size: 1rem;
        margin-right: 15px;
    }

    /*---HOME---*/
    .crs .itm {
        min-width: 20%;
    }

    /*-----Página modelo-----*/
    .aside-modelo-ofertas {
        right: unset;
        width: 27rem;
        left: calc(50% + 140px);
        bottom: unset;
    }

    #galeria-modelo .fila .columna {
        min-width: 30%;

    }#detalles-coche{
        margin-top: 5rem;
    }
}
@media (max-width: 768px) {
    .subtituloprod {
        border-bottom: 1px solid #eaecef;
        padding-bottom: 0;
        display: inline-block;
        margin-bottom: 1rem;
        margin-left: 10px;
        font-size: 17px;
    }.product_title{
        display: inline-block;
    }   
}