@charset "UTF-8";
@font-face {
    font-family: Alwyn;
    src: url(../fonts/alwym__-webfont.woff)
}
*,
*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-family: 'PT Sans', sans-serif;
    padding: 0;
    margin: 0;
    border: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: antialiased;
    font-smoothing: antialiased
}
p {
    font-family: 'PT Sans', sans-serif
}
.spacer {
    height: 150px
}
a,
a:hover,
a:visited,
a:active,
a:link,
.util-item {
    text-decoration: none;
    cursor: pointer
}
html,
body {
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .004);
    overflow-x: hidden;
    font-size: 100%;
    width: 100%;
    left: 0;
    top: 0;
    font-family: 'PT Sans', sans-serif
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: Alwyn;
    font-weight: 100
}
h1 {
    font-size: 3.6em
}
h2 {
    font-size: 2.225em
}
h3 {
    font-size: 1.406em
}
h4 {
    font-size: 1em
}
h5 {
    font-size: .667em
}
li {
    list-style: none
}
#nav-superior a,
.wrapper-autos a,
.link-item {
    width: 100%;
    color: inherit
}
.hide {
    display: none
}
.grid-100,
.grid-95,
.grid-90,
.grid-85,
.grid-80,
.grid-75,
.grid-70,
.grid-60,
.grid-50,
.grid-40,
.grid-33,
.grid-30,
.grid-25,
.grid-20,
.grid-18,
.grid-15,
.grid-10,
.grid-5 {
    height: auto;
    float: left
}
.grid-100 {
    width: 100%
}
.grid-95 {
    width: 95%
}
.grid-90 {
    width: 90%
}
.grid-85 {
    width: 85%
}
.grid-80 {
    width: 80%
}
.grid-75 {
    width: 75%
}
.grid-70 {
    width: 70%
}
.grid-60 {
    width: 60%
}
.grid-40 {
    width: 40%
}
.grid-50 {
    width: 50%
}
.grid-33 {
    margin-right: .09em;
    margin-left: .09em;
    width: 33%
}
.principal .grid-33 {
    margin-right: .05em;
    width: 31.5%
}
.grid-30 {
    width: 30%
}
.grid-25 {
    width: 25%
}
.principal .grid-25 {
    width: 23.1%;
    float: left;
    margin-right: 0
}
.grid-20 {
    width: 20%
}
.grid-18 {
    width: 18%
}
.grid-15 {
    margin-right: .18em;
    margin-left: .18em;
    width: 15%
}
.grid-10 {
    width: 10%
}
.grid-5 {
    width: 5%
}
.marca-showroom-tipo img {
    background-position: center center!important;
    width: 100%;
    background-repeat: no-repeat!important;
    background-size: contain!important;
    height: 15px
}
.text-categoria-blue,
.text-categoria-gris {
    font-size: 1.250em
}
.text-categoria-gris {
    color: #565657
}
.text-categoria-blue {
    color: #004282
}
.text-destacado-gris {
    color: #bcbec0
}
.text-destacado-blue {
    color: #004282
}
.text-categoria-gris {
    color: #565657;
    font-size: 1.250em
}
.text-destacado-gris {
    color: #bcbec0
}
.text-destacado-blue {
    color: #004282
}
.hide-on-desktop {
    display: none
}
.none-padding {
    padding: 0
}
.title-home,
.subtitle-home,
.more {
    text-align: center;
    height: auto
}
.title-home {
    margin-bottom: 1.5em;
    margin-top: 1.5em
}
.title-home h1 {
    font-size: 2.5em
}
.subtitle-home-categoria {
    margin-bottom: 2.5em;
    cursor: pointer
}
.subtitle-home-categoria h5 {
    line-height: 2.6em
}
#odd-home {
    background: #eee
}
.price-item-slide {
    text-align: center;
    font-style: italic;
    color: #929292;
    font-size: .93em
}
.text-item-slide {
    font-family: Alwyn;
    text-align: center;
    color: #565657
}
.sub-text {
    text-align: center;
    color: #575a5d
}
#promociones {
    margin-top: 60px
}
.tooltip {
    margin-top: 4px;
    position: relative;
    margin: auto;
    border: 1px solid #004282;
    width: 100%
}
.tooltip:after,
.tooltip:before {
    position: absolute;
    content: "";
    height: 0;
    border: solid transparent;
    width: 0;
    left: 50%
}
.tooltip:before {
    border-top-color: #004282;
    border-width: 12px;
    margin-left: -12px
}
.tooltip:after {
    border-color: transparent;
    border-width: 10px;
    margin-left: -10px;
    top: -1px
}
.t-white::after {
    border-top-color: #fff
}
.t-grey::after {
    border-top-color: #eee
}
.tooltip-hide {
    height: 2px
}
.swiper-container {
    width: 100%
}
#carousel-cars-swiper {
    height: 250px
}
#swp {
    height: 100%
}
.mobile-link {
    display: inline-block;
    width: 100%;
    height: 100%
}
.promociones {
    padding-left: 1em;
    padding-right: 1em
}
.bg-marcas,
.bg-por-tipo {
    padding: 2em 0
}
.seccion-fortaleza {
    padding: 3em .5em
}
.bg-telefono .telefono-home h3::before,
.pre-footer .icono-telefono::before {
    content: '\f098';
    font-family: FontAwesome;
    margin-right: .15em
}
svg {
    fill: #979797
}
.por-tipo {
    border: 1px solid #ccc;
    margin: 2em 1em 1em 1em;
    padding: 1em;
    border-radius: 5px
}
a .por-tipo p {
    color: #ccc
}
.bg-marcas {
    background-color: #f1f1f1
}
.bg-marcas h3,
.bg-por-tipo h3,
.seccion-fortaleza h2 {
    color: #333
}
.bg-marcas h3 {
    margin-bottom: .5em
}
.seccion-fortaleza h2 {
    margin-bottom: .2em
}
.por-marca {
    background-color: #fff;
    padding: 1.2em 0;
    margin: 1.5em .5em;
    border-radius: 5px
}
.por-marca img {
    width: 100%
}
.por-marca-filtro {
    box-shadow: 0 0 5px #ddd;
}
.por-marca-filtro img{
   width: 100%
}
.por-marca-filtro p{
   line-height: 4.3em;
   color: #333
}

.por-marca-filtro {
    background-color: #fff;
    /*padding: 1.2em 0;*/
    margin: 1.5em .5em;
    border-radius: 5px;
}

.bg-seccion-gris{
background-color: #dfdfdf
}
.seccion-fortaleza,
.seccion-fortaleza h4 {
    color: #4d4d4d;
    /*background-color: #dfdfdf*/
    background-color: #f1f1f1
}
.seccion-fortaleza h4 {
    margin-bottom: 1.3em
}
.logo-fortaleza {
    padding-top: 1em
}
.logos-header .logos-marcas {
    padding: .5em 0;
    text-align: center
}
.logos-header .logos-marcas .grid-33 {
    margin-right: 0;
    margin-left: 0
}
.bg-telefono {
    color: #717171;
    background-color: #e6e6e6
}
.por-marca:hover,
.por-tipo:hover {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    transition: all .1s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out
}
.por-marca-filtro:hover, .por-marca-filtro:hover {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    transition: all .1s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
}
.por-tipo:hover {
    border-color: #0071bb
}
.por-tipo:hover svg {
    fill: #0071bb
}
.por-tipo:hover p {
    color: #0071bb
}
.por-marca {
    box-shadow: 0 0 5px #ddd
}
.por-marca:hover {
    box-shadow: 0 0 10px #ddd
}
.outstanding-img img,
.btn-cot a,
.slide-banner img,
.item-slide>img,
.slide-banner-m>img,
.video-content>img,
.ex-fig>img,
.galeria-content>img,
.big-img-galeria>img,
.btn-galeria-action>img,
.btn-galeria-action2>img,
.bg-modelos img,
#img-top-modelo>img,
#logo>img,
.panorama>img,
.img-cover>img,
#img-auto-test-drive>img,
.arrow-right>img,
.arrow-left>img {
    height: 100%;
    width: 100%
}
.swiper-slide img {
    width: 100%
}
tbody {
    font-size: 12px
}
.container-galeria {
    margin-top: 30px
}
.content,
.contenedor,
.contenedor-home {
    overflow: hidden;
    position: relative;
    height: auto;
    margin: auto
}
.content {
    margin-bottom: 50px;
    width: 100%
}
.cards-box .content {
    margin-bottom: 20px
}
.contenedor {
    max-width: 1280px;
    width: 100%
}
.contenedor-home {
    max-width: 840px;
    width: 100%
}
.colx3-top-l,
.colx3-bot-l,
.colx2-top-r,
.colx2-bot-r {
    width: 100%
}
.colx3-top-l,
.colx2-top-r {
    position: relative;
    height: auto;
    top: 60px
}
.colx2-bot-r,
.colx3-bot-l {
    position: relative;
    height: auto;
    top: 334px
}
.colx-right {
    float: right;
    width: 63%
}
.colx-right-principal {
    width: 30%;
    float: right
}
.colx-left-principal {
    width: 30%;
    float: left
}
.colx-left {
    float: left;
    width: 66%
}
.color-text-b {
    color: #fff
}
.colx3-top-l h4,
.colx3-bot-l h4,
.colx2-top-r h4,
.colx2-bot-r h4 {
    font-family: Alwyn;
    margin: 0 0 15px 0
}
.colx3-top-l ul>li,
.colx3-bot-l ul>li,
.colx2-top-r ul>li,
.colx2-bot-r ul>li {
    margin-bottom: 10px;
    margin-top: 10px
}
.color-text-n {
    text-shadow: 0 0 4px rgba(245, 245, 245, .3);
    color: #666
}
.btn-sec,
.btn-sec-3 {
    line-height: 3.3em;
    text-align: center;
    text-transform: uppercase;
    border: 1px solid;
    margin: auto;
    cursor: pointer;
    color: #004282;
    background: #fff
}
.btn-sec-4 {
    line-height: 3em;
    text-align: center;
    text-transform: uppercase;
    border: 1px solid;
    margin: auto;
    cursor: pointer;
    color: #004282;
    font-size: .8em
}
.btn-sec-2 {
    line-height: 3.3em;
    text-align: center;
    text-transform: uppercase;
    border: 1px solid;
    margin: auto;
    cursor: pointer;
    color: #004282;
    margin-right: .3em;
    font-size: .8em
}
.btn-sec {
    float: none
}
.bot-sec {
    text-transform: uppercase;
    background: #eee;
    box-shadow: 0 0 5px #c2c2c2;
    font-size: .8em;
    padding: 15px 25px;
    margin: 20px 0;
    float: left;
    color: #333;
    border-radius: 5px
}
.bot-sec:hover {
    background: #ccc;
    color: #fff
}
.focus:focus,
.focus:active {
    background: #004282;
    color: #fff;
    border: 1px solid #004282
}
header {
    width: 100%
}
.bar-secmenu {
    height: 40px
}
.legal {
    font-style: italic;
    font-size: .8em;
    margin: 20px auto;
    width: 80%;
    text-align: center
}
#top-precios {
    margin-top: 30px
}
#links-top {
    text-align: right;
    height: auto;
    width: 100%
}
#links-top>ul {
    height: 100%;
    width: 100%
}
#links-top>ul>li {
    padding-right: .4em;
    padding-left: .4em;
    display: inline-block;
    float: right!important
}
#links-top>ul>li>a {
    line-height: 2.8em;
    font-size: .8em;
    display: inline-block;
    color: #5a5b5d
}
#logo {
    width: 180px!important
}
#nav-superior {
    background: #fff;
    font-size: .8em;
    height: auto;
    width: 100%
}
#shadow::after {
    background: radial-gradient(at top, rgba(0, 66, 130, .3), transparent 80%) no-repeat;
    background-size: 100% 9px;
    position: fixed;
    content: '';
    height: 10px;
    width: 100%
}
.content-services a .header-subtitle-services {
    padding: 1em 1.5em;
    color: #565657;
    font-size: .75em;
    text-transform: uppercase
}
.content-services a .header-subtitle-services:hover {
    background-color: #fff
}
.sitemap {
    padding-left: 1em;
    padding-right: 1em
}
.content-autos {
    border-bottom: 1px solid #bcbec0;
    padding-top: .5%;
    margin-right: 1%;
    margin-left: 1%;
    width: 98%
}
.content-autos-2 {
    border-bottom: 1px solid #bcbec0;
    width: 98%;
    padding-left: 1em;
    padding-right: 1em;
    margin-left: .5em
}
.content-automoviles {
    border-bottom: 1px solid #bcbec0;
    padding-bottom: 1em
}
.padding-bottom {
    padding-bottom: 2em
}
.title-showroom {
    background: url(../img/commons/home/titulos-showroom.jpg) no-repeat;
    height: 100px
}
.content-autos .text-item-slide {
    font-size: .8em
}
.content-autos .price-item-slide {
    font-size: .7em
}
.wrapper-autos {
    padding-bottom: .5%
}
#automoviles {
    background-position: 0 center
}
#familiares {
    background-position: -45px center;
    margin-bottom: 1%;
    height: 99px
}
#camionetas {
    background-position: -90px center;
    margin-bottom: 1%;
    height: 99px
}
#comerciales {
    background-position: -135px center;
    margin-bottom: 1%;
    height: 96px
}
.cotizar-destacado {
    background: #d60211;
    color: #fff
}
.cotizar-destacado:hover {
    background: #961d12!important;
    color: #fff!important
}
#nav-superior ul {
    height: auto;
    width: 100%;
    float: left;
    color: #575a5d
}
.menu-principal>.grid-15 {
    margin-left: 0
}
.menu-sitio {
    border-top: 1px solid #eaeaea;
    border-bottom: 1px solid #eaeaea
}
#nav-superior .menu-sitio ul>li,
#nav-superior ul>li {
    line-height: 2.7em;
    text-align: center;
    display: inline-flex;
    white-space: nowrap
}
.menu-sitio #btn-nav-superior li:nth-child(1) {
    width: 7%
}
.menu-sitio #btn-nav-superior li:nth-child(2),
.menu-sitio #btn-nav-superior li:nth-child(3),
.menu-sitio #btn-nav-superior li:nth-child(4) {
    width: 14%
}
.menu-sitio #btn-nav-superior li:nth-child(5) {
    width: 15%
}
.menu-sitio #btn-nav-superior li:nth-child(6) {
    width: 8%
}
.menu-sitio #btn-nav-superior li:nth-child(7) {
    width: 10%
}
.menu-sitio #btn-nav-superior li:nth-child(8),
.menu-sitio #btn-nav-superior li:nth-child(9) {
    width: 9%
}
#nav-superior .menu-sitio ul>li>a,
#nav-superior ul>li>a {
    font-family: Alwyn;
    line-height: 2.7em
}
#links-top>ul>li:before {
    content: '|';
    position: absolute;
    margin: -5px;
    margin-left: 10px;
    color: #808080
}
#links-top>ul>li:first-child:before {
    content: ''
}
#btn-nav-superior>li:hover {
    color: #000;
    background: #eee
}
#sub-menu-container {
    background: rgba(0, 0, 0, .3);
    position: absolute;
    z-index: 2;
    height: 100%
}
#sub-menu-wrapper {
    overflow: hidden;
    position: relative;
    z-index: 4;
    margin: auto;
    height: auto;
    width: 100%;
    max-width: 1280px
}
.nav-superior-fixed,
.menu-modelos-fixed {
    position: fixed;
    z-index: 5
}
.nav-superior-fixed {
    top: 0
}
#title-services {
    border-bottom: 1px solid #bcbec0;
    text-align: center;
    position: relative;
    margin: auto;
    float: none;
    width: 80%
}
#title-services>h3 {
    line-height: 3.5em;
    font-size: 1.3em;
    color: #515151
}
.links-servicios {
    margin-bottom: 1.2em
}
.links-servicios>ul {
    border-left: 1px solid #bcbec0;
    margin-left: 20%;
    height: 199px
}
.links-servicios>ul>li {
    padding: .8em;
    color: #004282
}
.links-servicios>ul>li>a {
    color: inherit
}
.text-info {
    line-height: 0;
    text-align: center;
    color: #929292;
    font-size: .8em;
    position: relative;
    top: -5px
}
#fab-cotizar {
    -webkit-box-shadow: 0 6px 10px 0 rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 6px 10px 0 rgba(0, 0, 0, .3);
    box-shadow: 0 6px 10px 0 rgba(0, 0, 0, .3);
    padding-right: 6px;
    border-radius: 50%;
    padding-left: 6px;
    line-height: 64px;
    background: #bf0411;
    position: fixed;
    bottom: 60px;
    height: 64px;
    width: 64px;
    right: 18%;
    color: #fff;
    text-align: center;
    font-weight: bold;
    z-index: 10
}
#fab-cotizar:hover {
    background: #a5000b
}
.arrow-right {
    position: absolute;
    height: 30px;
    width: 30px;
    top: 72px;
    z-index: 10;
    right: 9px
}
.arrow-left {
    position: absolute;
    height: 30px;
    width: 30px;
    top: 72px;
    z-index: 10;
    left: 9px
}
.bg-modelos .contenedor h2 {
    font-size: 2.6em
}
.bg-modelos {
    margin-bottom: 0;
    height: 500px
}
.bg-modelos .contenedor h3 {
    font-size: 1em
}
#nav-inferior {
    background: #d8d8d8;
    z-index: 3;
    color: #696969
}
#nav-inferior>ul {
    line-height: 3em
}
#nav-inferior>ul>li {
    float: left
}
#nav-inferior ul>li>a {
    text-shadow: 1px 0 0 #808080;
    font-size: .8em;
    padding: .6em 1.05em;
    color: #333
}
#name-modelo-nav {
    text-align: center;
    width: 108px
}
#name-modelo-nav>a {
    padding-right: 0!important;
    padding-left: 0!important
}
#nav-inferior>ul>li:hover,
.selected-nav-inferior {
    background: #eee;
    color: #fff
}
.bg-mahindra {
    background: #d6052b
}
.bg-brilliance {
    background: #333
}
.bg-baic {
    background: #d8d8d8
}
#nav-inferior>ul>.bg-baic:hover {
    background: #d8d8d8
}
#nav-inferior>ul>.bg-brilliance:hover {
    background: #333
}
#nav-inferior>ul>.bg-mahindra:hover {
    background: #d6052b
}
.destacar {
    padding-top: 3px;
    font-size: 24px;
    top: 12px;
    font-weight: bold
}
.legal-slide {
    font-style: italic;
    margin-top: 10px;
    font-size: .8em;
    float: left;
    position: relative
}
.principal-desempenio {
    margin: 15px 0 0;
    text-align: center
}
.principal-desempenio p {
    font-size: 10px
}
.principal-desempenio div {
    border: 1px solid;
    border-left: 0;
    border-color: #ccc;
    padding-bottom: .5em
}
.principal-desempenio div:first-child {
    border: 1px solid;
    border-color: #ccc;
    padding-bottom: .5em
}
#desde-precio {
    font-size: 12px;
    line-height: 1.5em
}
.resenia {
    font-style: italic;
    font-size: .7em;
    line-height: 4.6em
}
.plan {
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
    text-align: center;
    margin-bottom: 2em;
    margin-top: 2em;
    padding-right: .1em;
    padding-left: .1em;
    -webkit-transition: all .25s;
    -moz-transition: all .25s;
    -ms-transition: all .25s;
    -o-transition: all .25s;
    transition: all .25s;
    -webkit-box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, .3);
    -moz-box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, .3);
    box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, .3)
}
.plan:hover {
    -webkit-transform: scale(1.04);
    -moz-transform: scale(1.04);
    -ms-transform: scale(1.04);
    -o-transform: scale(1.04);
    transform: scale(1.04)
}
.planContainer>.title {
    line-height: 1.5em;
    background: #666;
    padding: 1.5em .5em;
    height: 90px
}
.planContainer>.title h4 {
    font-weight: 300;
    color: #fff;
    letter-spacing: -.02em;
    padding: 0 10px
}
.planContainer .options>li {
    line-height: 1.5em;
    background: #fff;
    margin-top: 2px;
    font-size: .9em;
    padding: .8em 0;
    color: #666;
    border-bottom: 1px solid #cdcccc
}
.planContainer .options>li span {
    font-style: italic;
    font-size: .8em;
    display: block;
    color: #888
}
.button>a {
    font-weight: bold;
    line-height: 3.5em;
    background: #999;
    display: inline-block;
    width: 100%;
    color: #fff;
    -webkit-transition: all .25s;
    -moz-transition: all .25s;
    -ms-transition: all .25s;
    -o-transition: all .25s;
    transition: all .25s
}
.button>a:hover {
    background: #777;
    color: #fff
}
.price>p {
    font-weight: 700;
    line-height: 1.5em;
    background: #f1f1f1;
    font-size: 1.2em;
    padding: .8em;
    color: #333
}
.price>p>span {
    font-weight: normal;
    font-style: italic;
    font-size: .7em;
    display: block;
    color: #575a5d
}
sup {
    font-size: .7em
}
#top-description-modelo {
    border-bottom: 1px solid #ccc;
    padding-top: 1.6em
}
.btn-sec-3 {
    margin-left: .3em!important;
    float: right
}
#img-top-modelo {
    text-align: right;
    float: right
}
.caract-desempenio p {
    font-size: 12px
}
.caract-desempenio div {
    border-left: 1px solid;
    border-color: #ccc;
    padding-left: 10px
}
.caract-desempenio div:first-child {
    border: 0;
    padding-left: 0
}
.caracteristicas {
    padding-top: 3px;
    font-size: 16px;
    top: 12px;
    font-weight: bold
}
.morelist {
    margin-bottom: 15px
}
.i_notice {
    margin-bottom: 10px;
    padding-left: 16px;
    margin-top: 10px;
    background: url(../../assets/img/commons/bul_caution_blue.png) no-repeat;
    font-size: 11px;
    display: block;
    color: #5f7599
}
#cajaFicha {
    margin-top: 45px;
    margin-bottom: 20px
}
.tabs {
    width: 100%;
    display: inline-block
}
.tabs .grid-15 {
    margin: 0 1px -1px 0
}
.tab-links button {
    outline: 0
}
#cajaFicha>table {
    width: 100%;
    border-spacing: 0;
    border-collapse: collapse;
    border: 1px solid #f4f4f4
}
.titulo-header {
    background: #f4f4f4;
    padding: 15px 0;
    color: #777;
    border-right: 1px solid #fff;
    font-size: 1.1em
}
.titulo-header:last-child {
    border-right: 0
}
#cajaFicha tr>td:first-child {
    font-weight: bold;
    text-align: left;
    color: #888
}
#cajaFicha td {
    padding: 10px 8px;
    line-height: 18px;
    text-align: center;
    font-size: 13px;
    border: 1px solid #f4f4f4;
    color: #666
}
#cajaFicha .titulo {
    border: 0;
    border-bottom: 1px solid #f6f6f6;
    background: #f4f4f4;
    text-align: center;
    padding: 10px 0;
    color: #666;
    font-size: 1.05em
}
#video {
    cursor: pointer
}
#light-box-video {
    background: #000;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 11;
    display: none
}
.video-content,
.galeria-content {
    text-align: center;
    padding: .25em
}
.galeria-hover {
    -khtml-opacity: .5;
    -moz-opacity: .5;
    background: #010103;
    -ms-filter: "alpha(opacity=50)";
    position: absolute;
    display: none;
    z-index: 3;
    opacity: .5;
    filter: alpha(opacity=50);
    cursor: pointer
}
.more-galeria {
    padding-top: 22%;
    position: relative;
    height: 100%;
    width: 100%
}
#galeria-lightbox {
    background: #010103;
    position: fixed;
    z-index: 9;
    display: none;
    height: 100%;
    width: 100%;
    top: 0
}
#galeria-contenedor {
    height: auto;
    width: 100%;
    text-align: center
}
#galeria-contenedor>img {
    min-width: auto;
    min-height: auto;
    max-width: 100%;
    max-height: 100%
}
#galeria-nav {
    -ms-filter: "alpha(opacity=80)";
    background: #333;
    position: absolute;
    opacity: .8;
    z-index: 18;
    height: 56px;
    filter: alpha(opacity=80);
    width: 100%;
    top: 0
}
.btn-galeria-action2,
.btn-galeria-action {
    cursor: pointer;
    height: 56px;
    width: 56px;
    float: right
}
.btn-galeria-action {
    padding: 17px
}
.btn-galeria-action2 {
    padding: 17px 21px
}
#g-exterior {
    margin-top: 3em
}
.btn-sec:hover,
.btn-sec-2:hover,
.btn-sec-3:hover,
.btn-sec-4:hover,
.btn-sec-cotizar:hover {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-shadow: 0 -1px 1px #808080;
    background: #004282;
    border: 1px solid #004282;
    color: #fff
}
#pano-colores {
    background: url(../../assets/img/commons/floor-360.png) no-repeat;
    background-position: center -32px;
    margin-top: 1em
}
#pano-360 {
    background: url(../../assets/img/commons/floor-360-2.png) no-repeat;
    background-position: center -32px;
    margin-top: 1em
}
#reference {
    font-style: italic;
    text-align: center;
    margin-top: 3em;
    font-size: .8em
}
.colorschips {
    margin-top: 19px;
    text-align: center;
    cursor: pointer
}
.colorschips>li {
    padding-right: .3em;
    padding-left: .3em;
    display: inline-block
}
.colorschips img {
    border-radius: 50%;
    box-sizing: border-box;
    border: 5px solid #eee
}
.lista-precios table {
    border-collapse: collapse;
    border-spacing: 0;
    border-bottom: 3px solid #004282;
    table-layout: fixed;
    width: 100%
}
.title-modelo {
    text-align: left
}
.lista-precios table th {
    background-color: #004282;
    font-weight: lighter;
    font-size: 12px;
    padding: 15px 5px;
    border: 1px solid #004282;
    color: #fff
}
.precio-credito {
    background: #003365!important;
    color: #fff!important
}
.txt-precio {
    font-weight: bolder;
    font-size: 1.15em!important
}
.lista-precios table td {
    text-align: center;
    border-top: 1px dashed #b4b3b0;
    padding: 20px 10px;
    color: #494949
}
footer {
    background: #ddd;
    font-size: .8em;
    padding: 30px 0 0;
    width: 100%;
    float: left;
    padding-left: 1em
}
footer h4 {
    margin-bottom: 5px;
    margin-top: 5px;
    color: #515151
}
footer a {
    display: inline-block;
    color: #555
}
footer p {
    border-top: 1px solid #ddd;
    font-size: .85em;
    padding: 15px 0;
    width: 100%;
    float: left;
    color: #979797
}
.pre-footer h2,
.pre-footer h3 {
    color: #717171
}
.pre-footer {
    padding: 2.5em 0
}
#links-footer-container {
    margin-top: 3em
}
.links-footer>ul {
    margin-bottom: 15px
}
.links-footer>ul>li {
    padding-bottom: 4px;
    padding-top: 4px
}
.links-footer>ul>li>a:hover {
    color: #000
}
.rss {
    background: url(../img/commons/home/rrss2.png) no-repeat;
    height: 33px;
    float: left;
    width: 34px;
    color: transparent
}
.rss-container {
    position: relative;
    overflow: hidden;
    height: 100%;
    margin: auto;
    width: 109px
}
.rss-facebook {
    background-position: 1 center
}
.rss-youtube {
    background-position: -32px center
}
.rss-instagram {
    background-position: -67px center
}
.logo-gildemeister {
    width: 15%
}
.logo-gildemeister img {
    width: 80%
}
#mapa-legal {
    margin-bottom: 10px;
    margin-top: 15px
}
#mapa-legal>li {
    padding-right: 1.2em;
    padding-left: 1.2em;
    font-size: .9em;
    display: inline-block;
    width: auto
}
#mapa-legal>li:first-child {
    padding-left: 0
}
.hd-net {
    font-size: .75em;
    text-align: right;
    color: #999
}
.bg-modelos>img {
    position: absolute
}
.ex-fig {
    padding-right: 10px;
    padding-left: 10px;
    margin-top: 25px
}
.ex-fig>.description {
    padding-top: 15px;
    color: #fff;
    height: 300px
}
.ex-fig>.description-color-text-n {
    padding-top: 15px;
    color: #666;
    height: 300px
}
.ex-fig>.description>p {
    font-size: .9em;
    margin: 15px 0
}
.bg-extractos2 {
    padding-bottom: 50px;
    padding-top: 50px;
    background: #010103;
    position: relative;
    margin: auto;
    height: auto;
    width: 1280px
}
.bg-extractos2-light {
    padding-bottom: 50px;
    padding-top: 50px;
    background-color: #f6f6f6;
    position: relative;
    margin: auto;
    height: auto;
    width: 1280px
}
.img-cover {
    margin-bottom: 50px;
    color: #fff;
    width: 100%
}
.sub-titles {
    text-align: center;
    color: #434343
}
.separador {
    margin-bottom: 40px;
    border-bottom: 1px solid #ccc;
    margin-top: 40px
}
.titulo-right {
    float: right;
    color: #fff
}
.titulo-right>h1 {
    border-bottom: 1px solid #fff;
    margin-bottom: 12px
}
#msg-test-drive>h2 {
    padding-bottom: 10px;
    line-height: 1.2em;
    text-align: center;
    color: #304982
}
.error {
    font-size: .86em;
    color: #f00
}
#pre-loader,
#loading-img-container {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: 100%;
    width: 100%;
    z-index: 10;
    background: rgba(0, 0, 0, .3)
}
#pre-content,
#loading-img {
    position: relative;
    margin: auto
}
#loading-img {
    width: 90px;
    height: 90px;
    top: 50%
}
#loading-img>img {
    width: 100%;
    height: 100%
}
#pre-content {
    top: 34%;
    box-shadow: 0 6px 3px 1px rgba(0, 0, 0, .4);
    width: 280px;
    height: 160px;
    background: #FFF
}
#pre-img {
    text-align: center;
    padding-top: 24px;
    padding-bottom: 24px
}
#pre-texto {
    text-align: center;
    line-height: 3em
}
.test-drive-form {
    margin: 20px 0
}
.test-drive input {
    width: 95%;
    border: 1px solid #bbb;
    height: 40px;
    font-size: .9em;
    padding-left: 10px;
    margin: 5px 0 15px
}
.test-drive .input {
    width: 90%
}
select:focus,
input:focus {
    outline: 0
}
.test-drive label {
    margin-bottom: 8px
}
.test-drive button {
    color: inherit;
    background-color: inherit;
    padding: 0 15px;
    float: right;
    margin-right: 5%;
    background: #004282;
    color: #fff
}
.test-drive button:hover {
    background: #575a5d;
    color: #fff
}
.test-drive .consideraciones {
    margin: 50px 0
}
.test-drive ul li {
    font-size: .9em;
    margin: 10px 0;
    list-style: none
}
.select-angle {
    font-size: .9em;
    padding-left: 10px;
    position: relative;
    border: 1px solid #ccc;
    width: 95%;
    height: 40px;
    line-height: 20px;
    margin: 5px 0 15px;
    overflow: hidden;
    background-color: #fff;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}
.select-angle:before {
    content: '';
    position: absolute;
    right: 10px;
    top: 15px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 5px 0 5px;
    border-color: #05d transparent transparent transparent;
    z-index: 5;
    pointer-events: none
}
.select-angle select {
    margin: 8px 0;
    font-size: .9em;
    width: 100%;
    border: 0;
    box-shadow: none;
    background-color: transparent;
    background-image: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}
.cont-legal {
    padding: 0 10px
}
.cont-legal h3,
.cont-legal p {
    text-align: left
}
.title_term {
    padding: 5px 0
}
.txt_term {
    margin: 20px 0
}
.bg-content {
    margin-bottom: 15px;
    height: 550px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain
}
.bg-content img {
    position: absolute;
    height: auto;
    width: 100%
}
.titulo-content {
    width: 40%
}
.bg-content h2 {
    color: #fff;
    border-bottom: 1px solid #fff;
    text-align: left
}
.prog-head .detalle {
    font-size: .9em
}
.contact-btns {
    width: 80%;
    margin: auto
}
.contact-btns .btn-contact {
    float: left;
    margin: .5%
}
.titulo-content h1 {
    color: #fff;
    border-bottom: 1px solid #fff;
    text-align: left
}
.bg-content h1 span {
    font-size: .8em;
    font-family: Alwyn
}
.bg-content p {
    color: #fff
}
.bg-content .img-bg {
    position: inherit;
    width: 30%
}
.rowdetails {
    padding: 20px 0
}
.rowdetails li {
    line-height: 22px
}
.rowdetails a {
    margin-right: 17px
}
.program p {
    padding: 6px 0;
    color: #575a5d
}
.rowdetails li {
    padding: 6px 0;
    color: #434343
}
.flotas .caract-flotas li:before {
    content: "\f105";
    font-family: FontAwesome;
    padding-right: 8px;
    color: #0071bb
}
.flotas h3 {
    color: #0071bb
}
.programdetails p {
    padding: 4px 0
}
.prog-head h2 {
    color: #515151;
    font-weight: lighter;
    font-size: 1.7em;
    padding-bottom: 20px
}
.program {
    padding: 0 70px
}
.program h2 {
    color: #515151;
    line-height: 1.2;
    padding-bottom: 10px;
    font-size: 1.8em;
    font-family: Alwyn
}
.program p {
    color: #434343;
    font-size: 1.1em;
    text-transform: uppercase
}
.programdetails h4 {
    font-weight: bold;
    margin-bottom: 6px
}
.repuestos-contacto {
    margin-bottom: 2em
}
.repuestos-contacto p {
    line-height: 1.2;
    margin-bottom: 2em
}
.caract-contacto a {
    color: #434343
}
.caract-contacto a:hover {
    color: #333
}
.form-marcas iframe {
    width: 680px
}
.contPdf {
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    text-align: center
}
.contPdf:nth-child(odd) {
    border: 1px solid #ccc
}
.contPdf p {
    margin: 10% 0
}
.manual-logos img {
    margin: 12% 0 0;
    float: left
}
.btn-descarga a div {
    margin: 8% 0 0 20%
}
.info-peso {
    font-style: italic;
    font-size: .7em;
    line-height: 2.6em;
    color: #575a5d
}
.separador {
    clear: both
}
.prog-head {
    text-align: center;
    color: #434343
}
.detalle {
    margin: 0 0 20px
}
.caracteristicas div {
    border: 1px solid #004282;
    padding: 15px;
    height: 250px;
    border-left: none;
    margin-bottom: 40px
}
.caracteristicas div:first-child {
    border: 1px solid #004282
}
.menu-rep-vid ul {
    width: 100%;
    margin-bottom: 20px
}
.menu-list-vid {
    line-height: 40px
}
.menu-rep-vid li {
    line-height: 30px
}
.menu-rep-vid li a {
    color: #767676;
    font-size: .8em
}
.menu-rep-vid li a:hover {
    color: #004282
}
#content-margin-ft {
    margin-bottom: 0
}
.cont-space {
    margin-bottom: 30px
}
#content-margin-ft>.morelist {
    margin-bottom: 0
}
#linea-automoviles,
#linea-suv,
#linea-comerciales {
    padding-top: 70px
}
.categorias a {
    display: inline-block;
    color: #666;
    line-height: 25px;
    font-size: .9em
}
.categorias a:hover {
    color: #333
}
.mi-hyundai img {
    width: 93%;
    margin: auto
}
.slide-banner img {
    width: 100%
}
.presentation-cards-box {
    width: 30%;
    height: 100%;
    display: inline-block;
    margin: 1em;
    float: left;
    border-radius: 5px;
    -webkit-box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, .3);
    -moz-box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, .3);
    box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, .3)
}
.cards-box {
    width: 47%;
    height: 100%;
    display: inline-block;
    margin: 1em;
    float: left;
    border-radius: 5px;
    -webkit-box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, .3);
    -moz-box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, .3);
    box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, .3)
}
.cards-content {
    height: auto
}
.presentation-content {
    height: auto
}
.cards-content .presentacion-img img {
    height: auto;
    width: 100%;
    position: inherit;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px
}
.cards-content img {
    width: 100%;
    position: inherit
}
.presentation-content>img {
    width: 100%;
    position: inherit
}
.col-box {
    width: 100%;
    height: 300px;
    float: left;
    color: #2d2d2d;
    padding: 0 15px 20px;
    top: 0
}
.col-box-principal {
    width: 100%;
    height: auto;
    float: left;
    color: #2d2d2d;
    padding: 0 15px 20px
}
.col-principal,
.col-right,
.col-left {
    width: 100%;
    float: left;
    padding: 15px 20px
}
.marca-showroom {
    padding: 1em 0 0 3em
}
.marca-showroom2 {
    padding: 1em 0 0 0
}
.legal-showroom {
    font-style: italic;
    font-size: .8em;
    line-height: 3em;
    text-align: right;
    color: #444;
    float: right;
    padding: 0 2em
}
.marca-cards img {
    width: 100%;
    padding-top: .8em
}
#showroom,
#autos-por-tipo {
    -webkit-box-shadow: 0 6px 11px -2px rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 6px 11px -2px rgba(0, 0, 0, .3);
    box-shadow: 0 6px 11px -2px rgba(0, 0, 0, .3);
    background: #eee;
    overflow: hidden;
    position: relative;
    z-index: 4;
    margin: auto;
    height: auto;
    max-width: 1280px;
    width: 100%
}
#servicio {
    -webkit-box-shadow: 0 6px 11px -2px rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 6px 11px -2px rgba(0, 0, 0, .3);
    box-shadow: 0 6px 11px -2px rgba(0, 0, 0, .3);
    background: #eee;
    overflow: hidden;
    position: relative;
    z-index: 4;
    margin: auto;
    height: auto;
    width: 200px;
    left: 49%
}
.cont-por-marca {
    margin: 0 auto;
    width: 1024px
}
#sub-menu-wrapper[id="servicio"] {
    width: 300px
}
#nav-inferior ul>li>a>img {
    width: 100%;
    padding: .45em 0;
    float: left
}
.grid-22 {
    width: 22%;
    float: left
}
.plan {
    margin-right: 1em;
    width: 22%;
    display: inline-block
}
.centrar-precio {
    text-align: center
}
.centrar-precio .plan:last-child {
    margin-right: 0
}
.btn-fa {
    border: 1px solid #ddd;
    line-height: 3.5em;
    text-align: center;
    padding: 0 2em;
    color: #666;
    margin: 2em auto 0;
    background: #fff
}
.btn-fa:hover {
    -webkit-box-shadow: 1px 0 2px rgba(0, 0, 0, .3);
    -moz-box-shadow: 1px 0 2px rgba(0, 0, 0, .3);
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, .3);
    border: 1px solid #666;
    color: #fff;
    background: #666
}
.borde-marca {
    border: 2px solid #ccc;
    border-radius: 5px;
    background: #fff;
    width: 25%;
    float: left
}
#nav-icon1,
#nav-icon2,
#nav-icon3,
#nav-icon4 {
    width: 25px;
    height: 25px;
    position: relative;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
    float: right;
    margin-right: 15px
}
#nav-icon1 span,
#nav-icon3 span,
#nav-icon4 span {
    display: block;
    position: absolute;
    height: 4px;
    width: 100%;
    background: #575a5d;
    border-radius: 9px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out
}
#nav-icon1 span:nth-child(1) {
    top: 0
}
#nav-icon1 span:nth-child(2) {
    top: 18px
}
#nav-icon1 span:nth-child(3) {
    top: 36px
}
#nav-icon1.open span:nth-child(1) {
    top: 18px;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg)
}
#nav-icon1.open span:nth-child(2) {
    opacity: 0;
    left: -60px
}
#nav-icon1.open span:nth-child(3) {
    top: 18px;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg)
}
#nav-icon2 span {
    display: block;
    position: absolute;
    height: 9px;
    width: 50%;
    background: #d3531a;
    opacity: 1;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out
}
#nav-icon2 span:nth-child(even) {
    left: 50%;
    border-radius: 0 9px 9px 0
}
#nav-icon2 span:nth-child(odd) {
    left: 0;
    border-radius: 9px 0 0 9px
}
#nav-icon2 span:nth-child(1),
#nav-icon2 span:nth-child(2) {
    top: 0
}
#nav-icon2 span:nth-child(3),
#nav-icon2 span:nth-child(4) {
    top: 18px
}
#nav-icon2 span:nth-child(5),
#nav-icon2 span:nth-child(6) {
    top: 36px
}
#nav-icon2.open span:nth-child(1),
#nav-icon2.open span:nth-child(6) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}
#nav-icon2.open span:nth-child(2),
#nav-icon2.open span:nth-child(5) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg)
}
#nav-icon2.open span:nth-child(1) {
    left: 5px;
    top: 7px
}
#nav-icon2.open span:nth-child(2) {
    left: calc(50% - 5px);
    top: 7px
}
#nav-icon2.open span:nth-child(3) {
    left: -50%;
    opacity: 0
}
#nav-icon2.open span:nth-child(4) {
    left: 100%;
    opacity: 0
}
#nav-icon2.open span:nth-child(5) {
    left: 5px;
    top: 29px
}
#nav-icon2.open span:nth-child(6) {
    left: calc(50% - 5px);
    top: 29px
}
#nav-icon3 span:nth-child(1) {
    top: 0
}
#nav-icon3 span:nth-child(2),
#nav-icon3 span:nth-child(3) {
    top: 18px
}
#nav-icon3 span:nth-child(4) {
    top: 36px
}
#nav-icon3.open span:nth-child(1) {
    top: 18px;
    width: 0;
    left: 50%
}
#nav-icon3.open span:nth-child(2) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}
#nav-icon3.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg)
}
#nav-icon3.open span:nth-child(4) {
    top: 18px;
    width: 0;
    left: 50%
}
#nav-icon4 span:nth-child(1) {
    top: 0;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center
}
#nav-icon4 span:nth-child(2) {
    top: 8px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center
}
#nav-icon4 span:nth-child(3) {
    top: 16px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center
}
#nav-icon4.open span:nth-child(1) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    top: -3px;
    left: 8px
}
#nav-icon4.open span:nth-child(2) {
    width: 0;
    opacity: 0
}
#nav-icon4.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 15px;
    left: 8px
}
.hamburger {
    width: 20%;
    float: left
}
.icon-localization {
    width: 30%;
    float: left;
    white-space: nowrap
}
.autos-por-tipo,
.autos-por-marca {
    padding: 1em 0
}
.autos-por-marca .wrapper-autos,
.autos-por-tipo .wrapper-autos {
    text-align: center
}
.autos-por-marca .modelos-showroom,
.autos-por-tipo .modelos-showroom {
    display: inline-block;
    margin-left: 5px;
    width: 19%
}
.autos-por-marca .modelos-showroom img,
.autos-por-tipo .modelos-showroom img {
    width: 100%
}
#showroom .modelos-showroom {
    padding: 0 1em
}
#autos-por-tipo .modelos-showroom {
    padding: 0 1em 0 0
}
.icon-localization a {
    color: black;
    line-height: 2;
    font-size: 1.2em
}
.icono-sucursal::after {
    content: "\f041";
    font-family: FontAwesome;
    color: black;
    font-size: 1.5em;
    margin-left: 10px
}
.links-servicios {
    padding: .5em
}
.bg-cotizador-general {
    background: #efefef;
    padding: 3em 0
}
.none {
    display: none
}
.corporativo {
    background-image: url('../img/corporativo/bg-corporativo.jpg');
    background-size: cover!important;
    background-position: 50% 50%!important;
    background-repeat: no-repeat
}
.flotas {
    background-image: url('../img/corporativo/bg-flotas.jpg');
    background-size: cover!important;
    background-position: 50% 50%!important;
    background-repeat: no-repeat
}
.contacto-bg {
    background-image: url('../img/corporativo/bg-contacto.jpg');
    background-size: cover!important;
    background-position: 50% 50%!important;
    background-repeat: no-repeat
}
.primera-img .img-cards {
    height: 500px;
    background-size: contain!important
}
.img-cards {
    height: 250px;
    background-position: center center!important;
    background-repeat: no-repeat!important;
    background-size: cover!important
}
.bg-modelos .img-cabecera {
    background-position: center center!important;
    background-repeat: no-repeat!important;
    background-size: cover!important
}
.btn-ficha {
    color: currentColor
}
.btn-ficha .pdf::after {
    content: "\f1c1";
    font-family: FontAwesome;
    margin-left: 5px;
    color: currentColor
}
.btn-ficha:hover .pdf {
    color: #d6052b
}
.cabecera-modelos .btn-fa-2 {
    padding: 1em 0;
    color: currentColor
}
.cabecera-modelos .garantia {
    height: 85px
}
.bg-servicios .program {
    padding: 0
}
.bg-servicios .rowdetails {
    padding: 5px 0
}
.bg-servicios .seprador {
    margin: 10px 0
}
.img-sola .content,
.texto-100 .content{
    margin-bottom: 0
}
.texto-100 .col-box {
    height: auto;
}
/*MEDIAS*/
@media only screen and (max-width: 1290px) and (min-width: 1024px) {
    .bg-content {
        width: 100%
    }
}
@media only screen and (max-width: 1024px) and (min-width: 960px) {
    .content,
    .contenedor {
        width: 100%
    }
    .btn-sec {
        line-height: 3em
    }
    #sub-menu-wrapper {
        width: 935px
    }
    .colx3-top-l,
    .colx2-top-r {
        top: 32px
    }
    .colx2-bot-r,
    .colx3-bot-l {
        top: 206px
    }
}
@media only screen and (max-width: 840px) and (min-width: 800px) {
    .content-mob {
        padding: 0 15px
    }
    .grid-33 {
        margin-right: .086em;
        margin-left: .086em
    }
    #name-modelo-nav {
        width: 108px
    }
    #nav-inferior ul>li>a {
        padding-right: .75em;
        padding-left: .75em
    }
    #title-services>h3 {
        line-height: 3.3em;
        font-size: 1.1em
    }
    .header-subtitle-services {
        margin-top: 1em;
        height: 27px
    }
    .content,
    .contenedor,
    .contenedor-home {
        width: 100%
    }
    html,
    body {
        font-size: 95%
    }
    .btn-sec {
        line-height: 3em
    }
    #nav-superior {
        font-size: .76em
    }
    #sub-menu-wrapper {
        width: 770px
    }
    #familiares {
        height: 87px
    }
    #comerciales {
        height: 81px
    }
    .colx3-top-l,
    .colx2-top-r {
        top: 28px
    }
    .colx2-bot-r,
    .colx3-bot-l {
        top: 140px
    }
    #pano {
        background-position: center 6px;
        background-size: 770px
    }
}
@media only screen and (max-width: 768px) and (min-width: 720px) {
    .content-mob {
        padding: 0 15px
    }
    .grid-33 {
        margin-right: .083em;
        margin-left: .083em
    }
    #logo {
        width: 230px!important
    }
    #name-modelo-nav {
        width: 102px
    }
    #nav-inferior ul>li>a {
        padding-right: .54em;
        padding-left: .54em
    }
    #title-services>h3 {
        line-height: 3.3em;
        font-size: 1.1em
    }
    .links-servicios>ul {
        margin-left: 10%
    }
    .header-subtitle-services {
        margin-top: 1em;
        height: 27px
    }
    .content,
    .contenedor,
    .contenedor-home {
        width: 100%;
        margin: 0
    }
    html,
    body {
        font-size: 93%
    }
    .btn-sec {
        line-height: 3em
    }
    #nav-superior {
        font-size: .76em
    }
    #nav-superior .menu-sitio ul>li,
    #nav-superior .menu-sitio ul>li>a,
    #nav-superior ul>li,
    #nav-superior ul>li>a {
        padding-right: .7em;
        padding-left: .7em;
        line-height: 3.61em
    }
    #sub-menu-wrapper {
        width: 700px
    }
    #familiares {
        height: 88px
    }
    #comerciales {
        height: 76px
    }
    .colx2-bot-r,
    .colx3-bot-l {
        padding: 0 10px;
        top: 20px
    }
    .colx3-top-l,
    .colx2-top-r {
        padding: 0 10px;
        top: 20px
    }
    #pano {
        background-position: center 29px;
        background-size: 690px
    }
    .cont-legal {
        padding: 0 10px
    }
}
@media only screen and (max-width: 667px) and (min-width: 640px) {
    .content-mob {
        padding: 0 15px
    }
    #nav-inferior ul>li>a {
        padding-right: .5em;
        padding-left: .5em
    }
    html,
    body {
        font-size: 93%
    }
    .contenedor,
    .content,
    .contenedor-home {
        width: 100%
    }
    .btn-sec {
        line-height: 3em;
        width: 30%
    }
    #sub-menu-wrapper {
        width: 615px
    }
    #familiares {
        height: 87px
    }
    #comerciales {
        height: 71px
    }
    #nav-superior {
        font-size: .74em
    }
    #nav-superior .menu-sitio ul>li,
    #nav-superior .menu-sitio ul>li>a,
    #nav-superior ul>li,
    #nav-superior ul>li>a {
        line-height: 3em
    }
    #links-top>ul>li:before {
        margin: -1px;
        margin-left: 2px
    }
    .cont-legal {
        padding: 0 10px
    }
}
@media only screen and (max-width: 620px) and (min-width: 599px) {
    .content-mob {
        padding: 0 15px
    }
    #nav-inferior ul>li>a {
        padding-right: .8em;
        padding-left: .8em
    }
    .contenedor,
    .content,
    .contenedor-home {
        width: 100%;
        overflow: inherit
    }
    html,
    body {
        font-size: 87%
    }
    .btn-sec {
        line-height: 3.3em;
        width: 33%
    }
    #sub-menu-wrapper {
        width: 585px
    }
    #familiares {
        height: 83px
    }
    #comerciales {
        height: 67px
    }
    #nav-superior {
        font-size: .74em
    }
    .cont-legal {
        padding: 0 10px
    }
}
@media only screen and (max-width: 598px) and (min-width: 533px) {
    .content-mob {
        padding: 0 15px
    }
    .hamburger span {
        line-height: 3.8em;
        font-size: 1.4em
    }
    #nav-superior a {
        height: 58px;
        width: 36%
    }
    #nav-superior .logo-movile a {
        width: 100%
    }
    #nav-mobile {
        width: 18%
    }
    #nav-mobile ul>li {
        line-height: .5em;
        font-size: 2.5em
    }
    .cont-legal {
        padding: 0 10px
    }
}
@media only screen and (max-width: 480px) and (min-width: 400px) {
    .content-mob {
        padding: 0 15px
    }
    .hamburger span {
        line-height: 4em;
        font-size: 1.2em
    }
    #nav-superior a {
        height: 45px;
        width: 36%
    }
    #nav-superior .logo-movile a {
        width: 80%
    }
    #nav-superior .logo-movile {
        padding-top: 1em
    }
    #nav-mobile {
        width: 18%
    }
    #nav-mobile ul>li {
        line-height: .5em;
        font-size: 2.5em
    }
    .cont-legal {
        padding: 0 10px
    }
}
@media only screen and (max-width: 384px) and (min-width: 360px) {
    .content-mob {
        padding: 0 15px
    }
    html,
    body {
        font-size: 85%
    }
    .hamburger span {
        line-height: 3em;
        font-size: 1.2em
    }
    #nav-mobile {
        width: 23%
    }
    #nav-mobile ul>li {
        line-height: .5em;
        font-size: 1.8em
    }
    .cont-legal {
        padding: 0 10px
    }
}
@media only screen and (max-width: 1960px) {
    #slide-desktop>section {
        width: 100%
    }
    #galeria-lightbox {
        width: 100%
    }
}
@media screen and (max-width: 1265px) {
    .logo-fortaleza,
    footer {
        padding-left: 15px
    }
    .bg-modelos .img-cabecera {
        background-position: 60% 50%!important
    }
}
@media screen and (max-width: 1081px) {
    .cards-box {
        margin: .5em
    }
}
@media only screen and (max-width: 1024px) {
    .bg-modelos {
        height: 512px;
        width: 100%!important
    }
    .bg-content {
        height: 432px;
        width: 100%!important
    }
    #galeria-contenedor>img {
        position: relative
    }
    #fab-cotizar {
        right: 5%;
        bottom: 20px
    }
    .btn-sec,
    .btn-sec-2,
    .btn-sec-3 {
        font-size: .78em
    }
    .slide-banner img {
        width: 120%;
        right: 0
    }
    #nav-superior .menu-sitio ul>li>a,
    #nav-superior ul>li>a {
        line-height: 3em
    }
}
@media screen and (max-width: 1024px) {
    #nav-superior ul>li,
    #nav-superior ul>li>a {
        font-size: .95em
    }
    .colx-left-principal {
        width: 50%;
        float: left
    }
    .colx-right-principal {
        width: 50%;
        float: right
    }
    .contenedor-presentacion {
        width: 95%;
        margin: auto
    }
    .price-item-slide {
        font-size: .8em
    }
    .primera-img .img-cards {
        height: 400px
    }
}
@media only screen and (max-width: 960px) {
    footer {
        padding: 50px 2% 0 2%
    }
    .grid-15 {
        margin-right: .13em;
        margin-left: .13em
    }
    .bg-modelos {
        height: 480px
    }
    .bg-content {
        height: 405px
    }
    .title-home {
        font-size: .78em
    }
    .titulo-content {
        font-size: .8em
    }
    .contPdf {
        padding-bottom: 15px
    }
    #galeria-nav {
        height: 50px
    }
    .btn-galeria-action {
        padding: 15px
    }
    .btn-galeria-action2 {
        padding: 14px 17px
    }
    .btn-galeria-action2,
    .btn-galeria-action {
        height: 50px;
        width: 50px
    }
    #nav-superior .menu-sitio ul>li>a,
    #nav-superior ul>li>a {
        line-height: 3.4em
    }
}
@media screen and (max-width: 960px) {
    #logo {
        width: 140px!important
    }
    .por-tipo {
        margin: 2em 1em 1em 1em;
        padding: 1em;
        border-radius: 5px
    }
    .bg-marcas,
    .bg-por-tipo {
        padding: 2em 0
    }
    .bg-marcas h3 {
        margin-bottom: .5em
    }
    .seccion-fortaleza h2 {
        margin-bottom: .2em
    }
    .por-marca {
        padding: 1.2em 0;
        margin: 1.5em .5em
    }
    .seccion-fortaleza h4 {
        margin-bottom: 1.3em
    }
    .logo-fortaleza {
        padding-top: 1em
    }
    .logos-header .logos-marcas {
        padding: .5em 0
    }
    .logos-marcas img {
        width: 100%
    }
    .link-ficha .grid-30 {
        width: 50%
    }
}
@media screen and (max-width: 900px) {
    #nav-superior .menu-sitio ul>li,
    #nav-superior .menu-sitio ul>li>a {
        font-size: .95em
    }
    .bg-modelos .img-cabecera {
        background-position: 65% 50%!important
    }
    .promociones .grid-40,
    .promociones .grid-60 {
        width: 100%
    }
}
@media only screen and (max-width: 840px) {
    .content-ft {
        padding: 0 10px
    }
    .content-mob {
        padding: 0 15px
    }
    .bg-modelos {
        height: 420px
    }
    .bg-content {
        height: 354px
    }
    .title-home {
        font-size: .78em
    }
    .titulo-content {
        font-size: .8em
    }
    .contPdf {
        padding-bottom: 15px
    }
    #nav-superior .menu-sitio ul>li>a,
    #nav-superior ul>li>a {
        line-height: 3.9em
    }
    .principal .grid-25 {
        width: 48%
    }
}
@media only screen and (max-width: 800px) {
    .bg-modelos {
        height: 400px
    }
    .bg-content {
        height: 338px
    }
    .title-home {
        font-size: .78em
    }
    .titulo-content {
        font-size: .8em
    }
    .contPdf {
        padding-bottom: 15px
    }
    #galeria-contenedor {
        margin-top: 3%
    }
    #galeria-contenedor>img {
        height: 100%;
        width: 100%
    }
}
@media only screen and (max-width: 768px) {
    .contenedor,
    .contenedor-home {
        width: 100%
    }
    .content,
    .contenedor,
    .contenedor-home {
        margin: 0
    }
    .bg-modelos {
        height: 384px
    }
    .bg-content {
        height: 324px
    }
    .title-home {
        font-size: .78em
    }
    .titulo-content {
        font-size: .8em
    }
    #nav-superior img {
        width: 100%
    }
    .contPdf {
        padding-bottom: 15px
    }
    #galeria-nav {
        height: 45px
    }
    .btn-sec,
    .btn-sec-2,
    .btn-sec-3 {
        font-size: .78em
    }
    .btn-galeria-action {
        padding: 11px
    }
    .btn-galeria-action2 {
        padding: 11px 14px
    }
    .btn-galeria-action2,
    .btn-galeria-action {
        height: 45px;
        width: 45px
    }
    #fab-cotizar {
        right: 5%;
        bottom: 30px
    }
    .contPdf img {
        margin: auto;
        float: left
    }
    .manual-logos>img {
        margin: 24% 0 0 22%;
        float: left
    }
    .btn-descarga a div {
        margin: 21% 0 0 20%
    }
    .principal-desempenio .grid-20 {
        width: 20%!important
    }
    .caract-desempenio .grid-40 {
        width: 44%
    }
    .caracteristicas div {
        border: 1px solid #004282;
        padding: 15px;
        height: 360px;
        border-left: none;
        margin-bottom: 40px;
        box-sizing: border-box
    }
    footer a {
        font-size: 1.1em;
        line-height: 20px
    }
    .plan {
        width: 33%
    }
    .borde-marca {
        float: right;
        width: 20%!important
    }
    .form-marcas iframe {
        width: 100%
    }
}
@media screen and (max-width: 768px) {
    .cards-box {
        margin: .5em
    }
    .primera-img .img-cards {
        height: 300px
    }
    .por-marca-filtro p {
    line-height: 5.3em;
    color: #333;
    font-size: 1.4em;
}
}
@media screen and (max-width: 722px) {
    .contenedor-presentacion {
        width: 100%;
        margin: auto
    }
}
@media only screen and (max-width: 740px) {
    .content-services a .header-subtitle-services {
        padding: 0 1.5em
    }
}
@media only screen and (max-width: 720px) {
    .bg-modelos {
        height: 360px
    }
    .bg-content {
        height: 304px
    }
    .title-home {
        font-size: .78em
    }
    .titulo-content {
        font-size: .8em
    }
    .contPdf {
        padding-bottom: 15px
    }
    #links-footer-container-mob {
        margin-top: 3em
    }
    .links-footer-mob {
        font-size: 1.05em
    }
    .links-footer-mob h4 {
        font-size: 1.15em
    }
    .links-footer-mob>ul {
        margin-bottom: 15px;
        margin-left: 15px
    }
    .links-footer-mob>ul>li {
        padding-bottom: 6px;
        padding-top: 6px
    }
    .links-footer-mob>ul>li>a:hover {
        color: #004282
    }
    #mapa-legal>li {
        line-height: 20px
    }
    .panorama {
        width: 568px;
        height: 252px
    }
    .planContainer>.title {
        line-height: 1.5em;
        background: #575a5d;
        padding: 1.5em .5em;
        height: 80px
    }
    .bot-sec {
        margin: 5px 0
    }
    .colx-left-principal .grid-80 {
        width: 80%
    }
}
@media only screen and (max-width: 667px) {
    #links-top>ul>li>a {
        font-size: 1em
    }
    #name-modelo-nav {
        width: 90px
    }
    .bg-modelos {
        height: auto
    }
    .bg-modelos>img {
        position: inherit
    }
    .precio-dest-mob .grid-25 {
        width: 100%;
        margin: 10px 0
    }
    .legal-slide {
        margin-bottom: 20px
    }
    .btn-sec-3 {
        font-size: .78em
    }
    .bg-content {
        height: 281px
    }
    .title-home {
        font-size: .78em
    }
    .titulo-content {
        font-size: .8em
    }
    .contPdf {
        padding-bottom: 15px
    }
    .colx2-bot-r,
    .colx3-bot-l,
    .colx2-top-r,
    .colx3-top-l {
        height: auto;
        float: left;
        color: #2d2d2d;
        padding: 0 15px;
        top: 0
    }
    .colx-right-principal,
    .colx-left-principal,
    .colx-right,
    .colx-left {
        width: 100%;
        float: left;
        padding: 15px 20px 35px
    }
    .bg-extractos2 {
        width: 100%
    }
    .bg-extractos2 .ex-fig .description {
        width: 100%;
        height: auto
    }
    #title-services>h3 {
        line-height: 3em;
        font-size: 1em
    }
    .grid-33 {
        margin-right: .05em;
        margin-left: .05em
    }
    .header-subtitle-services {
        background-size: 134px auto;
        margin-top: .5em;
        height: 24px
    }
    .links-servicios>ul>li {
        padding: .6em
    }
    .links-servicios>ul>li>a {
        font-size: .849em
    }
    #subtitle-mantencion {
        background-position: center -50px
    }
    .caract-desempenio .grid-20 {
        width: 25%
    }
    .caract-desempenio .grid-15 {
        width: 20%
    }
    .caract-desempenio .grid-30 {
        width: 50%
    }
    .content-ft .btn-sec-2 {
        width: 30%
    }
    .grid-mobile-destacados {
        float: left;
        margin: 0;
        width: 50%;
        margin-bottom: 20px
    }
}
@media only screen and (max-width: 640px) {
    .bg-content {
        height: 270px
    }
    .title-home {
        font-size: .78em
    }
    .titulo-content {
        font-size: .8em
    }
    .contPdf {
        padding-bottom: 15px
    }
}
@media only screen and (max-width: 620px) {
    .bg-modelos {
        height: 310px
    }
    .bg-content {
        height: 262px
    }
    .title-home {
        font-size: .78em
    }
    .titulo-content {
        font-size: .8em
    }
    .contPdf {
        padding-bottom: 15px
    }
}
@media only screen and (max-width: 600px) {
    .bg-modelos {
        height: 300px
    }
    .bg-content {
        height: 253px
    }
    .title-home {
        margin-bottom: .2em;
        margin-top: 1.5em;
        font-size: .78em
    }
    .titulo-content {
        font-size: .8em
    }
    .contPdf {
        padding-bottom: 15px
    }
}
@media only screen and (max-width: 598px) {
    .pagination {
        height: 3px;
        background: #0075c9;
        float: left
    }
    .arrow-right {
        position: absolute;
        height: 30px;
        width: 30px;
        top: 72px;
        z-index: 10;
        right: 9px
    }
    .arrow-left {
        position: absolute;
        height: 30px;
        width: 30px;
        top: 72px;
        z-index: 10;
        left: 9px
    }
    .bg-modelos {
        height: auto
    }
    .grid-50.titulo-content p {
        font-size: .8em
    }
    .bg-content {
        height: 252px
    }
    .title-home {
        margin-bottom: .9em;
        margin-top: 1.5em;
        font-size: .78em
    }
    .titulo-content {
        font-size: .8em
    }
    .colx2-bot-r,
    .colx3-bot-l,
    .colx2-top-r,
    .colx3-top-l {
        height: auto;
        float: left;
        color: #2d2d2d;
        padding: 0 15px 20px;
        top: 0
    }
    .colx-right-principal,
    .colx-left-principal,
    .colx-right,
    .colx-left {
        width: 100%;
        float: left;
        padding: 10px 0
    }
    .none-padding {
        padding: 0
    }
    .bg-extractos2 {
        width: 100%
    }
    .bg-extractos2 .ex-fig .description {
        width: 100%;
        height: auto
    }
    .contPdf {
        padding-bottom: 15px
    }
    .outstanding-img {
        width: 100%;
        overflow: hidden
    }
    .outstanding-img img {
        width: 136%;
        margin: 0 -30px 0
    }
    .odd-home-mobile {
        background: #eee
    }
    .destacado .btn-sec {
        background: rgba(255, 255, 255, 0)
    }
    .destacado .btn-sec:hover {
        background: #004282
    }
    .bg-modelos .contenedor {
        overflow: inherit
    }
    .text-b {
        color: #fff
    }
    .text-n {
        color: #2d2d2d
    }
    .caracteristicas {
        font-size: 16px
    }
    .legal-slide {
        font-style: italic;
        margin-top: 15px;
        font-size: .78em;
        float: left;
        position: relative;
        width: 100%
    }
    .btn-sec-2 {
        margin: 0 .2em!important;
        width: 48%!important
    }
    .bg-modelos {
        height: 299px
    }
    .plan {
        width: 100%
    }
    footer {
        padding-top: 10px
    }
    #sub-menu-mobile {
        background: #f7f7f8;
        padding-bottom: 5px
    }
    .btn-menu-mob {
        width: 90%;
        margin: auto;
        background: #edeef0;
        margin: 5px auto;
        border-radius: 5px;
        line-height: 35px;
        border: 1px solid #e1e2e5
    }
    .btn-cotizar-mob {
        width: 90%;
        margin: auto;
        background: #bf0411;
        color: #fff;
        font-weight: bold;
        margin: 5px auto;
        border-radius: 5px;
        line-height: 35px
    }
    .btn-cotizar-mob:hover {
        background: #961d12
    }
    .text-cen {
        top: -7px;
        position: relative
    }
    .btn-cerrar {
        float: right;
        width: 20%;
        line-height: 45px;
        font-size: .9em
    }
    .btn-cerrar>img {
        width: 20%!important;
        margin-left: 5px;
        opacity: .6;
        margin-bottom: -5px
    }
    .contenedor,
    .content,
    .contenedor-home {
        width: 100%
    }
    .c-mobile {
        padding: 0 .5em
    }
    .hamburger {
        text-align: right;
        color: #fff;
        padding-top: 1.4em
    }
    #nav-mobile {
        width: 90%;
        text-align: left;
        height: auto;
        float: right
    }
    #nav-mobile ul {
        padding-top: 22px
    }
    #nav-mobile ul>li {
        line-height: .2em;
        font-size: 2.5em
    }
    .nav-menu-m span {
        font-size: 1em;
        position: absolute;
        top: 13px;
        float: right;
        right: 50px
    }
    .nav-menu-m ul li {
        margin-left: 20px;
        float: right!important
    }
    .resenia {
        font-size: .8em
    }
    #nav-superior a {
        float: left;
        color: inherit
    }
    #nav-superior a>img {
        width: 100%
    }
    .text-categoria-blue,
    .text-categoria-gris {
        margin-bottom: 8%;
        margin-top: 4%;
        padding-left: 4%
    }
    .hide-on-mobile {
        display: none
    }
    .hide-on-desktop {
        display: inline
    }
    html,
    body {
        font-size: 90%
    }
    h1 {
        font-size: 2.1em
    }
    h2 {
        font-size: 1.854em
    }
    h3 {
        font-size: 2em
    }
    h4 {
        font-size: .9em
    }
    h5 {
        font-size: .452em
    }
    .item-slide {
        margin-top: 4%
    }
    .grid-75,
    .grid-33,
    .grid-25,
    .grid-20,
    .grid-15,
    .grid-10,
    .grid-5 {
        width: 50%
    }
    .grid-100,
    .grid-95,
    .grid-90,
    .grid-85,
    .grid-80,
    .grid-60 {
        width: 100%
    }
    .caract-desempenio .grid-20 {
        width: 25%
    }
    .caract-desempenio .grid-15 {
        width: 25%
    }
    .caract-desempenio .grid-30 {
        width: 48%
    }
    #mapa-legal>li {
        padding-right: 1em;
        padding-left: 1em;
        display: inline-block;
        width: auto
    }
    .text-item-nav>a {
        line-height: 5.5em;
        text-align: center;
        font-size: 1.1em!important;
        color: #565657!important;
        width: 100%!important
    }
    #galeria-nav {
        height: 45px
    }
    .btn-galeria-action {
        padding: 11px
    }
    .btn-galeria-action2 {
        padding: 11px 14px
    }
    .btn-galeria-action2,
    .btn-galeria-action {
        height: 45px;
        width: 45px!important
    }
    .slide-container-xd {
        height: auto;
        overflow: hidden;
        position: relative
    }
    .slide-wrapper-xd {
        height: 100%;
        position: relative
    }
    .slide-item-xd {
        height: 100%;
        display: inline-block;
        margin: 0!important;
        float: left
    }
    .encabezado-modelo {
        padding: 3px 0 0 10px;
        border-top: 1px solid #ccc;
        box-shadow: 1px 1px 2px #333;
        line-height: 3em;
        border-bottom: 1px solid #eee;
        color: #999
    }
    .encabezado-modelo img {
        float: right;
        height: 20px;
        opacity: .6;
        margin: 12px 0;
        padding: 0 8px
    }
    .encabezado-modelo .grid-80 {
        width: 80%
    }
    .encabezado-modelo .grid-20 {
        width: 20%
    }
    .planContainer>.title h4 {
        font-weight: 300;
        color: #fff;
        font-size: .9em;
        letter-spacing: 0
    }
    .principal-desempenio {
        margin: 28px 0 0;
        text-align: center
    }
    .panorama {
        width: 568px!important;
        height: 252px!important
    }
    .tabs .grid-15 {
        margin: 0 0 1px 0
    }
    .tab-links button:last-child {
        border-left: 0
    }
    .more-tabs .grid-15 {
        margin: 0 0 1px 0;
        width: 33.3%
    }
    .precio-dest-mob {
        padding-top: 10px
    }
    .destacar {
        font-size: 22px
    }
    #img-top-modelo {
        position: absolute;
        top: 12px;
        right: 0
    }
    .container-galeria .btn-sec-3 {
        margin-left: .1em!important;
        width: 49%!important
    }
    .caracteristicas div {
        border: 1px solid #004282;
        padding: 15px;
        height: 345px;
        border-left: none;
        margin-bottom: 40px;
        box-sizing: border-box
    }
    .caracteristicas div:nth-child(2n+1) {
        border-left: 1px solid #004282;
        border-bottom: 0
    }
    .caracteristicas div:nth-child(4) {
        border-bottom: 1px solid #004282
    }
    #mapa-legal>li:first-child {
        padding-left: 1em
    }
}
@media screen and (max-width: 598px) {
    .none-598 {
        display: none
    }
    .por-marca-filtro p {
    line-height: 4.4em;
    color: #333;
    font-size: 1.4em;
}
    .por-tipo {
        border: 1px solid #ccc;
        margin: 2em 1em 1em 1em;
        padding: 1em;
        border-radius: 5px
    }
    .bg-marcas,
    .bg-por-tipo {
        padding: 2em 0
    }
    a .por-tipo p {
        color: #ccc
    }
    .bg-marcas {
        background-color: #f1f1f1
    }
    .bg-marcas h3,
    .bg-por-tipo h3,
    .seccion-fortaleza h2 {
        color: #333
    }
    .bg-marcas h3 {
        margin-bottom: .5em
    }
    .seccion-fortaleza h2 {
        margin-bottom: .2em
    }
    .por-marca {
        background-color: #fff;
        padding: 1.2em 0;
        margin: 1.5em .5em;
        border-radius: 5px
    }
    .por-marca img {
        width: 100%
    }
    .seccion-fortaleza,
    .seccion-fortaleza h4 {
        color: #4d4d4d;
        background-color: #dfdfdf
    }
    .seccion-fortaleza h4 {
        margin-bottom: 1.3em
    }
    .logo-fortaleza {
        padding-top: 1em
    }
    .logos-header .logos-marcas {
        padding: .5em 0;
        text-align: center;
	width: 100%;
    }
    .logos-header .logos-marcas .grid-33 {
        margin-right: 0;
        margin-left: 0
    }
    .bg-telefono {
        color: #717171;
        background-color: #e6e6e6
    }
    .bg-por-tipo {
        background-color: #fff
    }
    .bg-marcas .grid-20 {
        width: 33%
    }
    .autos-por-marca .modelos-showroom,
    .autos-por-tipo .modelos-showroom {
        width: 50%
    }
    .icon-localization {
        padding-left: 10em
    }
    .cards-box {
        width: 98%
    }
}
@media only screen and (max-width: 533px) {
    .bg-modelos {
        height: auto
    }
    .bg-content {
        height: 225px
    }
    .title-home {
        font-size: .78em
    }
    .titulo-content {
        font-size: .8em
    }
    .contPdf {
        padding-bottom: 15px
    }
    .colx2-bot-r,
    .colx3-bot-l,
    .colx2-top-r,
    .colx3-top-l {
        height: auto;
        float: left;
        color: #2d2d2d;
        padding: 0 15px 20px;
        top: 0
    }
    .colx-right-principal,
    .colx-left-principal,
    .colx-right,
    .colx-left {
        width: 100%;
        float: left;
        padding: 10px 0
    }
    .none-padding {
        padding: 0
    }
    .bg-extractos2 {
        width: 100%
    }
    .bg-extractos2 .ex-fig .description {
        width: 100%;
        height: auto
    }
    .nav-menu-m span {
        font-size: 1em;
        position: absolute;
        top: 13px
    }
    .nav-menu-m ul li {
        margin-left: 20px
    }
    #nav-inferior>ul {
        line-height: 2.8em
    }
    #nav-inferior ul>li>a {
        font-size: .83em;
        padding: .6em .4em
    }
    #nav-mobile ul>li {
        line-height: .2em;
        font-size: 2em
    }
    .resenia {
        font-size: .8em
    }
    .planContainer>.title h4 {
        font-weight: 300;
        color: #fff;
        font-size: .9em;
        letter-spacing: 0
    }
    .panorama {
        width: 414px!important;
        height: 184px!important
    }
    .bg-modelos .img-cabecera {
        background-position: 75% 50%!important
    }
    .cabecera-modelos .garantia {
        margin-top: .5em
    }
}
@media only screen and (max-width: 480px) {
    .bg-modelos {
        height: auto
    }
    .bg-content {
        height: 203px
    }
    .title-home {
        margin-bottom: .9em;
        margin-top: 1.5em;
        font-size: .78em
    }
    .titulo-content {
        font-size: .8em
    }
    .contPdf {
        padding-bottom: 15px
    }
    .colx2-bot-r,
    .colx3-bot-l,
    .colx2-top-r,
    .colx3-top-l {
        height: auto;
        float: left;
        color: #2d2d2d;
        padding: 0 15px 20px;
        top: 0
    }
    .colx-right-principal,
    .colx-left-principal,
    .colx-right,
    .colx-left {
        width: 100%;
        float: left;
        padding: 10px 0
    }
    .none-padding {
        padding: 0
    }
    .bg-extractos2 {
        width: 100%
    }
    .bg-extractos2 .ex-fig .description {
        width: 100%;
        height: auto
    }
    #galeria-nav {
        height: 40px
    }
    .btn-galeria-action {
        padding: 9px
    }
    .btn-galeria-action2 {
        padding: 9px 12px
    }
    .btn-galeria-action2,
    .btn-galeria-action {
        height: 40px;
        width: 40px!important
    }
    .nav-menu-m span {
        font-size: 1em;
        position: absolute;
        top: 13px
    }
    .nav-menu-m ul li {
        margin-left: 20px
    }
    #nav-inferior>ul {
        line-height: 2.8em
    }
    #nav-inferior ul>li>a {
        font-size: .83em;
        padding: .6em .4em
    }
    #nav-mobile ul {
        padding-top: 27px;
        margin-left: 0
    }
    #nav-mobile ul>li {
        line-height: .2em;
        font-size: 2em
    }
    .resenia {
        font-size: .8em
    }
    .planContainer>.title h4 {
        font-weight: 300;
        color: #fff;
        font-size: .9em;
        letter-spacing: 0
    }
}
@media only screen and (max-width: 425px) {
    .icon-localization {
        padding-left: 5em;
        padding-top: .5em
    }
}
@media only screen and (max-width: 414px) {
    .content-mob {
        padding: 0 15px
    }
    .none-padding {
        padding: 0
    }
    .caract-desempenio .grid-40 {
        width: 44%
    }
    .por-marca-filtro p {
    line-height: 5em;
    color: #333;
    font-size: 1.4em;
}
    .nav-menu-m span {
        font-size: 1em;
        position: absolute;
        top: 11px
    }
    .nav-menu-m ul li {
        margin-left: 20px
    }
    #nav-mobile {
        margin-top: 0
    }
    #nav-inferior>ul {
        line-height: 2.8em
    }
    #nav-inferior ul>li>a {
        font-size: .83em;
        padding: .6em .4em
    }
    #nav-mobile ul {
        padding-top: 15px;
        margin-left: 0
    }
    #nav-mobile ul>li {
        line-height: .2em;
        font-size: 2em
    }
    .resenia {
        font-size: .8em
    }
    .logo-gildemeister {
        width: 100%
    }
    .logo-gildemeister img {
        width: 40%
    }
    #mapa-legal {
        margin-bottom: 10px;
        margin-top: 15px
    }
    .titulo-header {
        padding: 8px 2px;
        font-size: 11px
    }
    #cajaFicha td {
        padding: 10px 0;
        font-size: 11px
    }
    #cajaFicha tr>td:first-child {
        width: 28%
    }
    .panorama {
        width: 360px!important;
        height: 160px!important
    }
    .content-ft {
        padding: 0 5px
    }
    .contPdf img {
        margin: 12% 0 0 10%;
        float: left
    }
    .manual-logos>img {
        margin: 12% 0 0 22%;
        float: left
    }
    .caracteristicas div {
        height: 235px;
        border-bottom: 0;
        margin-bottom: 0
    }
    .caracteristicas div:last-child {
        margin-bottom: 40px;
        border-bottom: 1px solid #004282
    }
    .cards-box {
        width: 96%
    }
    .grid-10 {
        width: 15%
    }
    .primera-img .img-cards {
        height: 300px
    }
    .grid-33 {
        margin-right: 0;
        margin-left: 0
    }
    .link-videos .grid-50 {
        width: 100%
    }
    .link-ficha .grid-30 {
        width: 100%
    }
}
@media only screen and (max-width: 400px) {
    .content-mob {
        padding: 0 15px
    }
    .bg-modelos {
        height: auto
    }
    #nav-mobile ul {
        padding-top: 10px
    }
    .bg-content {
        height: 169px
    }
    .title-home {
        margin-bottom: .9em;
        margin-top: 1.5em;
        font-size: .78em
    }
    .titulo-content {
        font-size: .8em
    }
    .contPdf {
        padding-bottom: 15px
    }
    .colx2-bot-r,
    .colx3-bot-l,
    .colx2-top-r,
    .colx3-top-l {
        height: auto;
        float: left;
        color: #2d2d2d;
        padding: 0 15px 20px;
        top: 0
    }
    .colx-right-principal,
    .colx-left-principal,
    .colx-right,
    .colx-left {
        width: 100%;
        float: left;
        padding: 10px 0
    }
    .none-padding {
        padding: 0
    }
    .bg-extractos2 {
        width: 100%
    }
    .bg-extractos2 .ex-fig .description {
        width: 100%;
        height: auto
    }
    .nav-menu-m span {
        font-size: 1em;
        position: absolute;
        top: 13px
    }
    .nav-menu-m ul li {
        margin-left: 20px
    }
    #nav-inferior>ul {
        line-height: 2.8em
    }
    #nav-inferior ul>li>a {
        font-size: .83em;
        padding: .6em .4em
    }
    #nav-mobile ul>li {
        line-height: .2em;
        font-size: 2em
    }
    .resenia {
        font-size: .8em
    }
    .planContainer>.title h4 {
        font-weight: 300;
        color: #fff;
        font-size: .9em;
        letter-spacing: 0
    }
}
@media only screen and (max-width: 384px) {
    .bg-modelos {
        height: auto
    }
    .bg-content {
        height: 162px
    }
    .title-home {
        margin-bottom: .9em;
        margin-top: 1.5em;
        font-size: .78em
    }
    .titulo-content {
        font-size: .8em
    }
    .contPdf {
        padding-bottom: 15px
    }
    .contPdf img {
        margin: 12% 0 0 10%;
        float: left
    }
    .manual-logos>img {
        margin: 12% 0 0 22%;
        float: left
    }
    .colx2-bot-r,
    .colx3-bot-l,
    .colx2-top-r,
    .colx3-top-l {
        height: auto;
        float: left;
        color: #2d2d2d;
        padding: 0 15px 20px;
        top: 0
    }
    .colx-right-principal,
    .colx-left-principal,
    .colx-right,
    .colx-left {
        width: 100%;
        float: left;
        padding: 10px 0
    }
    .none-padding {
        padding: 0
    }
    .bg-extractos2 {
        width: 100%
    }
    .bg-extractos2 .ex-fig .description {
        width: 100%;
        height: auto
    }
    h2 {
        font-size: 1.625em
    }
    h3 {
        font-size: 1.015em
    }
    h5 {
        font-size: .396em
    }
    #nav-superior a {
        height: auto;
        width: 38%
    }
    #nav-superior .logo-movile {
        padding: 1em
    }
    #nav-superior .logo-movile a {
        width: 65%
    }
    .nav-menu-m span {
        font-size: 1em;
        position: absolute;
        top: 11px
    }
    .nav-menu-m ul li {
        margin-left: 20px
    }
    #nav-mobile {
        margin-top: 10px
    }
    #nav-inferior>ul {
        line-height: 2.8em
    }
    #nav-inferior ul>li>a {
        font-size: .83em;
        padding: .6em .4em
    }
    #nav-mobile ul>li {
        line-height: .2em;
        font-size: 2em
    }
    .resenia {
        font-size: .8em
    }
    .planContainer>.title h4 {
        font-weight: 300;
        color: #fff;
        font-size: .9em;
        letter-spacing: 0
    }
    .caracteristicas div {
        height: 280px;
        border-bottom: 0;
        margin-bottom: 0
    }
    .icon-localization {
        padding-left: 1em;
        padding-top: 0
    }
    .hamburger {
        padding-top: 0
    }
}
@media only screen and (max-width: 360px) {
    .content-mob {
        padding: 0 15px
    }
    #nav-mobile ul {
        padding-top: 6px
    }
    .bg-modelos {
        height: auto
    }
    .bg-content {
        height: 152px
    }
    .title-home {
        margin-bottom: .9em;
        margin-top: 1.5em;
        font-size: .78em
    }
    .titulo-content {
        font-size: .8em
    }
    .contPdf img {
        margin: 12% 0 0 10%;
        float: left
    }
    .manual-logos>img {
        margin: 12% 0 0 22%;
        float: left
    }
    .colx2-bot-r,
    .colx3-bot-l,
    .colx2-top-r,
    .colx3-top-l {
        height: auto;
        float: left;
        color: #2d2d2d;
        padding: 0 15px 20px;
        top: 0
    }
    .colx-right-principal,
    .colx-left-principal,
    .colx-right,
    .colx-left {
        width: 100%;
        float: left;
        padding: 10px 0
    }
    .none-padding {
        padding: 0
    }
    .bg-extractos2 {
        width: 100%
    }
    .bg-extractos2 .ex-fig .description {
        width: 100%;
        height: auto
    }
    .nav-menu-m span {
        font-size: 1em;
        position: absolute;
        top: 7px
    }
    .nav-menu-m ul li {
        margin-left: 20px
    }
    #nav-inferior>ul {
        line-height: 2.8em
    }
    #nav-inferior ul>li>a {
        font-size: .83em;
        padding: .6em .7em
    }
    #nav-mobile ul>li {
        line-height: .2em;
        font-size: 2em
    }
    .resenia {
        font-size: .8em
    }
    .planContainer>.title h4 {
        font-weight: 300;
        color: #fff;
        font-size: .9em;
        letter-spacing: 0
    }
    .cont-legal {
        padding: 0 10px
    }
    .panorama {
        width: 320px!important;
        height: 142px!important
    }
    .caract-desempenio .grid-20 {
        width: 25%
    }
    .caract-desempenio .grid-15 {
        width: 20%
    }
    .caract-desempenio .grid-30 {
        width: 48%
    }
    .caract-desempenio .grid-40 {
        width: 50%
    }
    .caracteristicas div {
        height: 300px;
        border-bottom: 0;
        margin-bottom: 0
    }
    .primera-img .img-cards {
        height: 200px
    }
    .bg-mahindra,
    .bg-brilliance,
    .bg-baic {
        width: 100%!important
    }
    #nav-inferior ul>li>a>img {
        width: auto;
        padding: 0 1em
    }
    #nav-inferior ul li:nth-child(2) {
        padding-left: .5em
    }
}
@media only screen and (max-width: 320px) {
    .content-mob {
        padding: 0 15px
    }
    .por-marca-filtro p {
    line-height: 4.5em;
    color: #333;
    font-size: 1.4em;
}
    .bg-modelos {
        height: auto
    }
    .bg-modelos>img {
        height: 100%;
        width: 100%;
        float: left;
        position: inherit
    }
    .bg-content {
        height: 135px
    }
    .title-home {
        margin-bottom: .9em;
        margin-top: 1.5em;
        font-size: .78em
    }
    .titulo-content {
        font-size: .78em
    }
    .contPdf {
        padding-bottom: 15px
    }
    .contPdf img {
        margin: auto;
        float: left
    }
    .manual-logos>img {
        margin: 12% 0 0 22%;
        float: left
    }
    .colx2-bot-r,
    .colx3-bot-l,
    .colx2-top-r,
    .colx3-top-l {
        height: auto;
        float: left;
        color: #2d2d2d;
        padding: 0 15px;
        top: 0
    }
    .colx-right-principal,
    .colx-left-principal,
    .colx-right,
    .colx-left {
        width: 100%;
        float: left;
        padding: 10px 0
    }
    .none-padding {
        padding: 0
    }
    .bg-extractos2 {
        width: 100%
    }
    .bg-extractos2 .ex-fig .description {
        width: 100%;
        height: auto
    }
    .nav-menu-m span {
        font-size: 1em;
        position: absolute;
        top: 13px
    }
    .nav-menu-m ul li {
        margin-left: 20px
    }
    #nav-inferior>ul {
        line-height: 2.8em
    }
    #nav-inferior ul>li>a {
        font-size: .83em;
        padding: .6em .4em
    }
    #nav-mobile ul>li {
        line-height: .2em;
        font-size: 2em
    }
    .resenia {
        font-size: .8em
    }
    .planContainer>.title h4 {
        font-weight: 300;
        color: #fff;
        font-size: .9em;
        letter-spacing: 0
    }
    .cont-legal {
        padding: 0 10px
    }
    .panorama {
        width: 300px!important;
        height: 133px!important
    }
    .caract-desempenio .grid-20 {
        width: 25%
    }
    .caract-desempenio .grid-15 {
        width: 20%
    }
    .caract-desempenio .grid-30 {
        width: 48%
    }
    .caract-desempenio .grid-40 {
        width: 50%
    }
    .caracteristicas div {
        height: 340px;
        border-bottom: 0;
        margin-bottom: 0
    }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-device-pixel-ratio: 2) and (device-aspect-ratio: 40/71) {
    .content-mob {
        padding: 0 15px
    }
    .nav-menu-m span {
        font-size: 1em;
        position: absolute;
        top: 13px
    }
    .nav-menu-m ul li {
        margin-left: 20px
    }
    #nav-inferior>ul {
        line-height: 2.8em
    }
    #nav-inferior ul>li>a {
        font-size: .83em;
        padding: .6em .35em
    }
    #nav-mobile ul>li {
        line-height: .2em;
        font-size: 2em
    }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-device-pixel-ratio: 2) and (device-aspect-ratio: 2/3) {
    .content-mob {
        padding: 0 15px
    }
    .bg-modelos {
        height: auto
    }
    .bg-modelos>img {
        height: 100%;
        width: 100%;
        float: left;
        position: inherit
    }
    .bg-content {
        height: 135px
    }
    .title-home {
        margin-bottom: .9em;
        margin-top: 1.5em;
        font-size: .78em
    }
    .titulo-content {
        font-size: .78em
    }
    .contPdf {
        padding-bottom: 15px
    }
    .manual-logos>img {
        margin: 12% 0 0 22%!important;
        float: left
    }
    .contPdf img {
        margin: auto;
        float: left
    }
    .colx2-bot-r,
    .colx3-bot-l,
    .colx2-top-r,
    .colx3-top-l {
        height: auto;
        float: left;
        color: #2d2d2d;
        padding: 0;
        top: 0
    }
    .colx-right-principal,
    .colx-left-principal,
    .colx-right,
    .colx-left {
        width: 100%;
        float: left;
        padding: 15px 20px
    }
    .none-padding {
        padding: 0
    }
    .bg-extractos2 {
        width: 100%
    }
    .bg-extractos2 .ex-fig .description {
        width: 100%;
        height: auto
    }
    .nav-menu-m span {
        font-size: 1em;
        position: absolute;
        top: 13px
    }
    .nav-menu-m ul li {
        margin-left: 20px
    }
    #nav-mobile {
        width: 90%
    }
    #nav-inferior>ul {
        line-height: 2.8em
    }
    #nav-inferior ul>li>a {
        text-shadow: 0 -1px 1px #808080;
        font-size: .83em;
        padding: .6em .4em;
        color: #fff
    }
    #nav-mobile ul>li {
        line-height: .2em;
        font-size: 2em
    }
    .resenia {
        font-size: .8em
    }
    .planContainer>.title h4 {
        font-weight: 300;
        color: #fff;
        font-size: .9em;
        letter-spacing: 0
    }
    .cont-legal {
        padding: 0 10px
    }
    .panorama {
        width: 300px!important;
        height: 133px!important
    }
}
.fa-tint:before,
.fa-car:before {
    content: "\f043";
    font-family: FontAwesome
}
.icon-cap-maleta svg,
.icon-hp svg,
.icon-consumo svg {
    fill: currentColor;
    margin: auto;
    width: 100%
}
.amicar {
    border-top: 1px solid #fff;
    padding-top: 1em;
    font-size: .8em
}
.bg-cards {
    height: 250px;
    overflow: hidden;
    background: #666;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px
}