@import url("https://fonts.googleapis.com/css?family=Fira+Sans:300,400,500,700");
* { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; }

body { font-family: "Fira Sans", sans-serif; font-size: 12px; }

li { list-style-type: none; }

a { text-decoration: none; }

img.img-100 { width: 100%; }
img.img-max-100 { max-width: 100%; }

h1 { font-size: 2.5rem; }
h1.h2 { font-size: 1.65rem; }
h1.h3 { font-size: 1.5rem; }
h1.h4 { font-size: 1.3rem; }

h2 { font-size: 1.65rem; font-weight: 300; }
h2.h1 { font-size: 2.5rem; }
h2.h3 { font-size: 1.5rem; }
h2.h4 { font-size: 1.3rem; }
h2.h5 { font-size: 1.05rem; }

h3 { font-size: 1.5rem; }
h3.h4 { font-size: 1.3rem; }
h3.h5 { font-size: 1.05rem; }
h3.h6 { font-size: .95rem; }

h4 { font-size: 1.3rem; }

h5 { font-size: 1.05rem; }

h6 { font-size: .95rem; }

.nexa-bold { font-family: "NexaBold"; }

.nexa-light { font-family: "NexaLight"; }

.cursor-pointer { cursor: pointer; }

.red { color: #c6352a; }

.titulo h1, .titulo h2, .titulo h3, .titulo h4 { text-align: center; font-weight: 300; color: #2e9d8e; }

hr.separador { margin: 1.25rem 0; clear: both; }
hr.red { border: 1px solid #c6352a; width: 150px; margin: .5rem auto 2rem 0; }
hr.green { border: 1px solid #2e9d8e; width: 150px; margin: 1rem auto 2rem auto; }

.grid-container { max-width: 1024px; }

.seccion { padding: 4rem 0; }

.seccion2 { padding: 2.4rem 0; }

.seccion3 { padding: 4rem 0 8rem 0; }

.seccion4 { padding: 2.4rem 0 0 0; }

.seccion5 { padding: 6rem 0 8rem 0; }

.seccion6 { padding: 4rem 0 2rem 0; }

.space_3, .space_2, .space_1-5, .space_1, .space_0, .space-nav, .space_0-5 { clear: both; }

.space_3 { padding: 3rem 0; }

.space_2-5 { padding: 2.5rem 0; }

.space_2 { padding: 2rem 0; }

.space_1-5 { padding: 1.5rem 0; }

.space_1 { padding: 1rem 0; }

.space_0 { padding: .5rem 0; }

.space_0-5 { padding: .25rem 0; }

.space-nav { padding: 2.8rem 0; }

.space-nav2 { padding: 6.9rem 0; }

.bold { font-weight: 700; }

.ligth { font-weight: 300; }

.up { text-transform: uppercase; }

.hide { display: none; }

.separador hr { border: 1px solid #eee; }

img.img-100 { width: 100%; }
img.img-max-100 { max-width: 100%; }

.bg-gray { background-color: #f7f7f7; }

ul.menu { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; position: relative; }
ul.menu li a { display: block; white-space: nowrap; }

.ir-arriba { display: none; padding: 10px 15px; background: #c6352a; font-size: 26px; color: #fff; cursor: pointer; position: fixed; bottom: 45px; right: 20px; z-index: 1; border-radius: 5px; }

.sidenav { height: 100%; width: 0; position: fixed; top: 0; right: 0; background-color: #111; overflow-x: hidden; -webkit-transition: 0.5s; transition: 0.5s; padding-top: 60px; text-align: center; z-index: 100; }
.sidenav a, .sidenav .dropdown-btn { padding: 15px 8px 15px 30px; font-size: 16px; color: #fff; display: block; border: none; background: none; width: 100%; text-align: left; cursor: pointer; outline: none; }
.sidenav a:hover, .sidenav .dropdown-btn:hover { color: #f1f1f1; }
.sidenav a:not(:first-child), .sidenav .dropdown-btn:not(:first-child) { border-bottom: 1px solid #333; }
.sidenav .closebtn { position: absolute; top: 0; right: 0; font-size: 36px; margin-left: 50px; text-align: right; }
.sidenav .fa-angle-down { float: right; padding-right: 8px; }
.sidenav .active { color: white; }
.sidenav .active .fa-angle-down { -webkit-transform: rotate(180deg); transform: rotate(180deg); padding-left: 8px; }
.sidenav .dropdown-container { display: none; background-color: #262626; padding-left: 8px; }

header { border-bottom: 1px solid #2e9d8e; position: -webkit-sticky; position: sticky; top: 0; z-index: 9; background-color: #fff; }
header ul { padding-top: 20px; }
header ul.menu { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -ms-flex-item-align: end; align-self: flex-end; }
header ul li { font-family: "NexaBold"; padding: 5px 15px; }
header ul li a { color: #222221; }
header ul li:hover { border-bottom: 3px solid #2e9d8e; }
header .icono-mobile { text-align: right; padding-top: 10px; }
header .icono-mobile .menu-mobile { color: #2e9d8e; font-size: 21px; cursor: pointer; }

.page-home header ul li.active-home { border-bottom: 3px solid #2e9d8e; }
.page-home .banner .swiper-container.swiper-container-horizontal.swiper-container-wp8-horizontal .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets .swiper-pagination-bullet { width: 12px; height: 12px; background: transparent; opacity: .2; border: 2px solid #222221; }
.page-home .banner .swiper-container.swiper-container-horizontal.swiper-container-wp8-horizontal .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active { opacity: 1; background: #2e9d8e; border-color: transparent; }
.page-home .btn-home ul.menu { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
.page-home .btn-home ul.menu li { font-family: "NexaLight"; font-size: 1.25rem; padding: 2rem 2rem 1.5rem 2rem; border-radius: 10px; margin: 0 3rem; min-width: 14rem; text-align: center; }
.page-home .btn-home ul.menu li.verde { background-color: #2e9d8e; }
.page-home .btn-home ul.menu li.rojo { background-color: #c6352a; }
.page-home .btn-home ul.menu li a { color: #fff; }

.page-servicios header ul li.active-servicios { border-bottom: 3px solid #2e9d8e; }
.page-servicios .servicios h2 { color: #2e9d8e; line-height: 4.5; }
.page-servicios .servicios img { max-width: 85px; }
.page-servicios .servicios p { font-size: .85rem; color: #222221; margin-top: -20px; margin-bottom: 5px; }
.page-servicios .servicios ul.lista li { list-style-type: inherit; font-size: .85rem; color: #222221; margin-left: 15px; margin-bottom: 5px; }

.page-comprar.page-contacto header ul li.active-contacto { border-bottom: none; }
.page-comprar.page-contacto input, .page-comprar.page-contacto textarea { width: 100%; -webkit-appearance: none; border: 1px solid #2e9d8e; border-radius: 5px; padding: 10px; font-size: .75rem; margin-bottom: 1rem; }
.page-comprar.page-contacto textarea { resize: none; }
.page-comprar.page-contacto button { width: 100%; -webkit-appearance: none; padding: .75em 1.15em; border: none; background-color: #2e9d8e; color: #fff; font-size: .8rem; }
.page-comprar header ul li.active-comprar { border-bottom: 3px solid #2e9d8e; }
.page-comprar .detalle-vehiculo h1 { font-family: "NexaLight"; }
.page-comprar .detalle-vehiculo h1.precio { color: #222221; margin-bottom: .5rem; }
.page-comprar .detalle-vehiculo h1 .rojo { color: #c6352a; }
.page-comprar .detalle-vehiculo .swiper-slide { background-size: cover; background-position: center; }
.page-comprar .detalle-vehiculo .gallery-top { height: 512px; width: 100%; }
.page-comprar .detalle-vehiculo .gallery-top .swiper-slide { position: relative; }
.page-comprar .detalle-vehiculo .gallery-top .swiper-slide .cont-info { position: absolute; width: 100%; height: 90px; background: #fff; border-radius: 50% 50% 0 0; z-index: 10; bottom: 0; overflow: hidden; padding: 20px 30px 30px 30px; }
.page-comprar .detalle-vehiculo .gallery-top .swiper-slide .cont-info .precio { text-align: right; color: #c6352a; font-size: 2.25rem; }
.page-comprar .detalle-vehiculo .gallery-top .swiper-slide .cont-info .caract { text-align: center; color: #2e9d8e; }
.page-comprar .detalle-vehiculo .gallery-top .swiper-slide .cont-info .caract img { max-width: 30px; }
.page-comprar .detalle-vehiculo .gallery-thumbs { height: 100px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 1px 0 10px 0; }
.page-comprar .detalle-vehiculo .gallery-thumbs .swiper-slide { height: 100%; opacity: 0.4; }
.page-comprar .detalle-vehiculo .gallery-thumbs .swiper-slide-thumb-active { opacity: 1; }
.page-comprar .detalle-vehiculo .gallery-thumbs .swiper-slide-active { opacity: 1; }
.page-comprar .detalle-vehiculo .fomr-contacto { background-color: #eee; padding-left: 10px; padding-right: 10px; text-align: center; color: #2e9d8e; }
.page-comprar .detalle-vehiculo .fomr-contacto form input, .page-comprar .detalle-vehiculo .fomr-contacto form textarea { border: 1px solid transparent; border-radius: 0; padding: 5px; outline: 0; }
.page-comprar .detalle-vehiculo .cont-info h2 { color: #2e9d8e; }
.page-comprar .detalle-vehiculo .cont-info p { color: #222221; font-size: .7rem; }
.page-comprar .detalle-vehiculo .cont-info.cont-detalles .colum_2 { -webkit-column-count: 2; column-count: 2; }
.page-comprar .detalle-vehiculo .cont-info.cont-detalles .colum_2 ul.list li { font-size: .85rem; margin-bottom: 5px; }
.page-comprar .detalle-vehiculo .cont-info.cont-detalles .colum_2 ul.list li span { font-family: "NexaBold"; }
.page-comprar .detalle-vehiculo .cont-info.cont-especificaciones .detalles { text-align: center; }
.page-comprar .detalle-vehiculo .cont-info.cont-especificaciones .detalles hr.separador { border: 1px solid #eee; margin: 15px 0 10px 0; }
.page-comprar .detalle-vehiculo .cont-info.cont-especificaciones .detalles figure img { max-width: 35px; }
.page-comprar .detalle-vehiculo .cont-info.cont-especificaciones .detalles figure figcaption p { font-size: .65rem; color: #2e9d8e; }
.page-comprar .detalle-vehiculo hr.separador.detalles { border: 1px solid #eee; }

.page-vender.page-contacto header ul li.active-contacto { border-bottom: none; }
.page-vender header ul li.active-vender { border-bottom: 3px solid #2e9d8e; }
.page-vender h6 { color: #2e9d8e; font-family: "NexaBold"; }

.page-contacto header ul li.active-contacto { border-bottom: 3px solid #2e9d8e; }

.page .sin-padd { padding-left: 0; padding-right: 0; }
.page .sn-padd-rig { padding-right: 0; padding-left: 20px; }
.page .border-left { border-left: 1px solid #eee; }

.page .unico-dueno figure { border: 1px solid #ccc; border-bottom: none; margin: 10px 0; }
.page .unico-dueno figure .img { position: relative; }
.page .unico-dueno figure .img img { background-position: top center; background-repeat: no-repeat; background-size: cover; height: 230px; }

.page .unico-dueno figure .img .img-etiqueta-1 { height: 150px; width: 100%; position: absolute; left: 0; top: 0; background-image: url(../img/etiqueta1.png); background-position: top left; background-repeat: no-repeat; background-size: 125px; }
.page .unico-dueno figure .img .img-etiqueta-2 { height: 150px; width: 100%; position: absolute; left: 0; top: 0; background-image: url(../img/etiqueta2.png); background-position: top left; background-repeat: no-repeat; background-size: 125px; }
.page .unico-dueno figure .img .img-etiqueta-3 { height: 150px; width: 100%; position: absolute; left: 0; top: 0; background-image: url(../img/etiqueta3.png); background-position: top left; background-repeat: no-repeat; background-size: 125px; }
.page .unico-dueno figure .img .img-etiqueta-4 { height: 150px; width: 100%; position: absolute; left: 0; top: 0; background-image: url(../img/etiqueta4.png); background-position: top left; background-repeat: no-repeat; background-size: 125px; }
.page .unico-dueno figure .img .img-etiqueta-5 { height: 150px; width: 100%; position: absolute; left: 0; top: 0; background-image: url(../img/etiqueta5.png); background-position: top left; background-repeat: no-repeat; background-size: 125px; }
.page .unico-dueno figure .img .img-etiqueta-6 { height: 150px; width: 100%; position: absolute; left: 0; top: 0; background-image: url(../img/etiqueta6.png); background-position: top left; background-repeat: no-repeat; background-size: 125px; }

.page .unico-dueno figure figcaption .precio { padding: 1.5rem .5rem .5rem .5rem; text-align: center; font-family: "NexaBold"; color: #c6352a; font-size: 2rem; }
.page .unico-dueno figure figcaption .caract { padding: 1rem 0; color: #2e9d8e; text-align: center; min-height: 145px; }
.page .unico-dueno figure figcaption .caract img.iconos { width: 100%; max-width: 40px; }
.page .unico-dueno figure figcaption .btn-ver-auto ul.menu li { background-color: #2e9d8e; width: 100%; text-align: center; padding: .5rem 0; }
.page .unico-dueno figure figcaption .btn-ver-auto ul.menu li a { color: #fff; }
.page .unico-dueno figure figcaption .btn-ver-auto ul.menu li:hover { background-color: #c6352a; }





.page form .select { width: 100%; margin-bottom: 1em; position: relative; }
.page form .select select { width: 100%; outline: none; -webkit-appearance: none; padding: 1em; background: #fff; color: #333; font-family: inherit; font-size: inherit; border-color: #eee; border-radius: 5px; margin-bottom: .5rem; }
.page form .select::after { background: #fff; width: 20px; content: '\f107'; position: absolute; top: 50%; right: 5px; margin-top: -8px; pointer-events: none; color: #c6352a; font-family: "FontAwesome"; font-size: 16px; }
.page form input[type=text], .page form input[type=email], .page form input[type=tel], .page form textarea { width: 100%; -webkit-appearance: none; border: 1px solid #eee; border-radius: 5px; padding: 1em; font-size: .75rem; margin-bottom: .5rem; font-family: "NexaLight"; }
.page form textarea { resize: none; }
.page form button { width: 100%; -webkit-appearance: none; padding: .8em 1.15em; border: none; background-color: #c6352a; color: #fff; font-size: .85rem; cursor: pointer; }
.page form button:hover { background-color: #2e9d8e; }

footer { background-color: #2e9d8e; font-family: "NexaBold"; }
footer p { line-height: 1.5; color: #fff; }
footer p a { color: #fff; }
footer .list li { margin: 5px 0; letter-spacing: .05rem; }
footer .list li a { color: #fff; }
footer .space_footer hr { width: 100%; clear: both; margin: 1rem 0 1rem 0; border: 0.025rem solid #fff; }
footer .theloop { text-align: right; }
.selMar {
    width:100%;
    border: 1px solid #eee;
    border-radius: 5px;
    padding: 1em;
    font-size: .75rem;
    margin-bottom: .5rem;
    font-family: "NexaLight";
}
@media screen and (max-width: 767px) { .page-home .btn-home ul.menu li { font-size: 1rem; padding: 1.5rem 1.5rem 1.5rem 1.5rem; border-radius: 10px; margin: 0 .5rem; min-width: 8rem; }
  .page-comprar .detalle-vehiculo .gallery-top .swiper-slide { position: relative; }
  .page-comprar .detalle-vehiculo .gallery-top .swiper-slide .cont-info { height: 100px; padding: 10px 30px 0 30px; }
  .page-comprar .detalle-vehiculo .gallery-top .swiper-slide .cont-info .precio { text-align: center; color: #c6352a; font-size: 2.5rem; }
  .page.page-comprar .sn-padd-rig { padding-right: 10px; padding-left: 10px; }
  .page.page-comprar .border-left { border-left: none; }
  .page form button { margin-top: 1.5rem; }
  .center-mobile { text-align: center; }
  .page-comprar .detalle-vehiculo .gallery-top { height: 250px }
  footer .space_footer hr { margin: 2rem 0 1rem 0; } }
@media screen and (max-height: 450px) { .sidenav { padding-top: 15px; }
  .sidenav a { font-size: 18px; } }