@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Roboto:100,300,400,700);
@import url(https://fonts.googleapis.com/css?family=Lato:400,100,300,700,900);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i);

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    font-size: 100%;
    vertical-align: baseline
}

html {
    line-height: 1
}

ol,
ul {
    list-style: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

caption,
td,
th {
    text-align: left;
    font-weight: 400;
    vertical-align: middle
}

blockquote,
q {
    quotes: none
}

blockquote:after,
blockquote:before,
q:after,
q:before {
    content: "";
    content: none
}

a img {
    border: none
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block
}

html {
    -webkit-font-smoothing: antialiased;
    font-family: "Open Sans", sans-serif;
    font-size: 16px;
    font-weight: 400;
    text-rendering: optimizeLegibility
}

body,
html {
    position: relative;
    width: 100%
}

body {
    -webkit-overflow-scrolling: touch;
    background: #fff;
    display: block;
    margin: 0;
    overflow-y: scroll;
    line-height: 1.45;
    padding: 0;
    position: relative;
    width: 100%
}

body>iframe {
    position: absolute
}

h1 {
    color: #37474f;
    font-size: 4.5rem;
    font-weight: 400;
    margin: 6.25rem 0 2.25rem;
    line-height: 5.375rem
}

h1 b {
    font-weight: 700
}

h2 {
    color: #37474f;
    font-size: 3.25rem;
    font-weight: 400;
    margin: 4.5rem 0 1.625rem;
    line-height: 3.875rem
}

h2 b {
    font-weight: 700
}

h3 {
    color: #37474f;
    font-size: 2rem;
    font-weight: 400;
    margin: 3.5rem 0 1.25rem;
    line-height: 3rem
}

h3 b {
    font-weight: 700
}

h4 {
    color: #37474f;
    font-size: 1.75rem;
    font-weight: 400;
    margin: 2.75rem 0 1rem;
    line-height: 2.375rem
}

h4 b {
    font-weight: 700
}

h5 {
    color: #37474f;
    font-size: 1.625rem;
    font-weight: 400;
    margin: 2.4375rem 0 .875rem;
    line-height: 1.9375rem
}

.slide h1,
.slide h3 {
    text-shadow: -3px 3px 3px rgba(0, 0, 0, .3)
}

h5 b {
    font-weight: 700
}

h6 {
    color: #37474f;
    font-size: 1.5rem;
    font-weight: 400;
    margin: 2.25rem 0 .8125rem;
    line-height: 1.75rem
}

h6 b {
    font-weight: 700
}

strong {
    font-weight: 700
}

p {
    color: #37474f;
    font-size: 1rem;
    font-weight: 400;
    margin-bottom: 1.25rem;
    line-height: 1.625rem
}

p b {
    font-weight: 700
}

p span {
    color: #37474f;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.625rem
}

ul li {
    color: #37474f;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.625rem
}

small {
    font-size: smaller
}

pre {
    color: #37474f;
    display: block;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.1875rem;
    margin-bottom: 1.25rem;
    white-space: pre-line
}

header {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99
}

header.static {
    position: relative
}

main {
    margin-top: 100px;
    width: 100%
}

main.header-static {
    margin-top: 0
}

section {
    position: relative;
    overflow: hidden;
    width: 100%
}

footer {
    overflow: hidden;
    width: 100%
}

.container {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 100%;
    margin: 0 auto;
    overflow: hidden;
    padding: 0 10px;
    position: relative;
    width: 100%;
    max-width: 1200px
}

.hidden {
    overflow: hidden !important
}

.fixed {
    bottom: initial !important;
    position: fixed !important;
    top: 0
}

.link {
    color: #c03;
    display: table;
    font-size: 1rem;
    font-weight: 700;
    margin: 1em auto;
    text-decoration: none;
    position: relative;
    overflow: hidden
}

.link:before {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    background: #c03;
    bottom: 0;
    content: " ";
    display: block;
    height: 2px;
    left: 0;
    position: absolute;
    width: 0%
}

.link:hover:before {
    width: 100%
}

.link.plus {
    padding-right: 1rem
}

.link.plus:hover:before {
    width: calc(100% - 1rem)
}

.link.plus:after {
    position: absolute;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    content: "";
    direction: ltr;
    display: inline-block;
    font-family: "Material Icons";
    font-feature-settings: "liga";
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 1;
    text-rendering: optimizeLegibility;
    text-transform: none;
    white-space: nowrap;
    word-wrap: normal;
    font-size: .75rem;
    height: .625rem;
    line-height: normal;
    right: 0;
    padding-bottom: 2px
}

.link.datalle {
    padding-right: 1rem
}

.link.datalle:hover:before {
    width: calc(100% - 1rem)
}

.link.datalle:after {
    position: absolute;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    content: "";
    font-family: FontAwesome;
    font-size: .625rem;
    height: .625rem;
    line-height: normal;
    right: 0
}

.link.white {
    color: #fff
}

.link.white:before {
    background: #fff
}

.link.descarga {
    padding-left: 1rem
}

.link.descarga:hover:before {
    width: calc(100% - 1rem)
}

.link.descarga:after {
    position: absolute;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    content: "";
    font-family: FontAwesome;
    font-size: .625rem;
    height: .625rem;
    line-height: normal;
    left: 0
}

.link.descarga:before {
    left: 1rem
}

.link.regresar {
    padding-left: 1.5rem
}

.link.regresar:before {
    left: 1.5rem
}

.link.regresar:hover:before {
    width: calc(100% - 1rem)
}

.link.regresar:after {
    position: absolute;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    content: "";
    font-family: FontAwesome;
    font-size: .625rem;
    height: .625rem;
    line-height: normal;
    left: 0
}

.boton {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    background: #c03;
    border-radius: 50px;
    border: none;
    clear: both;
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: .875rem;
    font-weight: 700;
    margin: 1rem auto;
    max-width: 200px;
    min-width: 150px;
    padding: 15px 0;
    text-align: center;
    text-decoration: none
}

.boton:hover {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    -o-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    -ms-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    background: #ff1744
}

.boton.white {
    background: #fff;
    color: #c03
}

.boton.secundario {
    border: 1px solid #c03;
    background: 0 0;
    color: #c03
}

.boton.secundario:hover {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    -o-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    -ms-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    background: #ff1744;
    color: #fff;
    border: 1px solid #ff1744
}

.boton.secundario.white {
    border: 2px solid #fff;
    color: #fff
}

.boton.secundario.white:hover {
    background: #fff;
    border: 2px solid #fff;
    color: #ff1744
}

.boton.disabled {
    background: #eee;
    color: #bdbdbd;
    cursor: default
}

.boton.disabled:hover {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none
}

.boton.cancel {
    background-color: #fff;
    color: #bdbdbd;
    border: 2px solid #bdbdbd;
    padding: 12px 0
}

.left {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    padding: 0 2em
}

.right {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: right;
    padding: 0 2em
}

.hamburguesa {
    position: absolute;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    color: #8c9aa2;
    cursor: pointer;
    display: none;
    font-size: .5625rem;
    padding: 0 1rem;
    right: 0;
    text-align: center
}

.hamburguesa:before {
    content: "";
    font-family: FontAwesome;
    color: #263238;
    display: block;
    font-size: 24px
}

.hamburguesa.activo:before {
    content: "";
    font-family: FontAwesome;
    color: #263238;
    display: block;
    font-size: 24px
}

.input-field input[type=submit i]:focus {
    outline-width: 0
}

input:focus {
    outline-width: 0
}

.galeriaModal .container>div .bx-wrapper .bx-pager-item {
    display: none
}

.flex {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    webkit-display: -webkit-flex;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    -webkit-box-direction: row;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-wrap: wrap;
    -webkit-box-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap
}

.contenedor {
    height: 100%;
    margin: auto;
    max-width: 1500px;
    width: 100%
}

.anclas {
    display: block;
    height: 1px;
    overflow: hidden;
    position: absolute;
    top: -60px;
    visibility: hidden;
    width: 1px
}

.header {
    -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19);
    -moz-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19);
    -o-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19);
    -ms-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19);
    box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19)
}

.header>.contenedor {
    position: absolute;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    left: 50%
}

.header .logo-toyota {
    background: url(img/logo_toyota.png) no-repeat center;
    background-size: contain;
    bottom: 0;
    display: table;
    height: 66px;
    left: 0;
    margin: 0 1rem;
    position: absolute;
    width: 9.75rem
}

.header .btnDistribuidores {
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
    background: linear-gradient(to right, #c03 50%, rgba(0, 0, 0, 0) 0);
    background-position: right bottom;
    background-size: 200% 100%;
    border-left: 1px solid #e0e0e0;
    display: table;
    height: 66px;
    overflow: hidden;
    position: absolute;
    right: 4rem;
    bottom: 0
}

.header .btnDistribuidores:hover {
    background-color: transparent;
    background-position: left bottom
}

.header .btnDistribuidores:hover a {
    color: #fff
}

.header .btnDistribuidores.activo {
    background: #c03
}

.header .btnDistribuidores.activo a {
    color: #fff
}

.header .btnDistribuidores a {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    color: #c03;
    display: table-cell;
    font-size: .875rem;
    font-weight: 700;
    margin: 0;
    padding: 0 1.5rem;
    position: relative;
    text-decoration: none;
    vertical-align: middle
}

.header .btnDistribuidores a:before {
    content: "";
    font-family: FontAwesome;
    display: inline-block;
    margin-right: .5rem
}

.header .menu>.flex {
    flex-direction: column;
    -webkit-box-direction: column;
    -webkit-flex-direction: column;
    -ms-flex-direction: column
}

.header .menu>.flex .menu-superior {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    order: 2;
    -webkit-order: 2;
    background: #fff;
    border-bottom: 1px solid #e6e6e6;
    height: 66px;
    width: 100%
}

.header .menu>.flex .menu-superior nav {
    display: table;
    float: left;
    height: 66px;
    margin-left: calc(9.75rem + 2rem)
}

.header .menu>.flex .menu-superior nav>ul {
    display: table;
    height: 100%;
    margin: 0;
    padding: 0
}

.header .menu>.flex .menu-superior nav>ul>li {
    display: table;
    float: left;
    height: 100%;
    margin: 0
}

.header .menu>.flex .menu-superior nav>ul>li>a {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    color: #263238;
    display: table-cell;
    font-size: 1rem;
    font-weight: 400;
    padding: 0 1rem;
    position: relative;
    text-decoration: none;
    vertical-align: middle
}

.header .menu>.flex .menu-superior nav>ul>li>a:hover {
    color: #c03
}

.header .menu>.flex .menu-superior nav>ul>li.activo>a {
    color: #c03
}

.header .menu>.flex .menu-superior nav>ul>li.desplegar>a:before {
    position: absolute;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    content: "";
    font-family: FontAwesome;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    color: #263238;
    right: 0
}

.header .menu>.flex .menu-superior nav>ul>li.desplegar.hover>a {
    color: #c03
}

.header .menu>.flex .menu-superior nav>ul>li.desplegar.hover>a:before {
    content: "";
    font-family: FontAwesome;
    color: #c03
}

.header .menu>.flex .menu-superior nav>ul>li.desplegar.hover .menu-autos {
    -webkit-box-shadow: 0 27px 24px 0 rgba(0, 0, 0, .2), 0 40px 77px 0 rgba(0, 0, 0, .22);
    -moz-box-shadow: 0 27px 24px 0 rgba(0, 0, 0, .2), 0 40px 77px 0 rgba(0, 0, 0, .22);
    -o-box-shadow: 0 27px 24px 0 rgba(0, 0, 0, .2), 0 40px 77px 0 rgba(0, 0, 0, .22);
    -ms-box-shadow: 0 27px 24px 0 rgba(0, 0, 0, .2), 0 40px 77px 0 rgba(0, 0, 0, .22);
    box-shadow: 0 27px 24px 0 rgba(0, 0, 0, .2), 0 40px 77px 0 rgba(0, 0, 0, .22);
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0)
}

.header .menu>.flex .menu-superior .menu-autos {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    -webkit-transform: translate(0, -100%);
    -moz-transform: translate(0, -100%);
    -ms-transform: translate(0, -100%);
    transform: translate(0, -100%);
    background: #fafafa;
    height: 620px;
    left: 0;
    position: absolute;
    top: 100%;
    width: 100%;
    z-index: -1
}

.header .menu>.flex .menu-superior .menu-autos .regresar {
    display: none
}

.header .menu>.flex .menu-superior .menu-autos>div {
    background: #eceff1;
    height: 50px;
    width: 100%
}

.header .menu>.flex .menu-superior .menu-autos>div ul {
    display: table;
    height: 100%;
    margin: auto
}

.header .menu>.flex .menu-superior .menu-autos>div ul li {
    display: table;
    float: left;
    height: 100%;
    margin: 0
}

.header .menu>.flex .menu-superior .menu-autos>div ul li.activo>a {
    color: #263238
}

.header .menu>.flex .menu-superior .menu-autos>div ul li.activo>a:before {
    background: #263238;
    width: 100%
}

.header .menu>.flex .menu-superior .menu-autos>div ul li.activo>div {
    opacity: 1;
    z-index: 9
}

.header .menu>.flex .menu-superior .menu-autos>div ul li>a {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    color: #8c9aa2;
    cursor: pointer;
    display: table-cell;
    font-size: .75rem;
    font-weight: 700;
    margin: 0;
    padding: 0 1.5rem;
    position: relative;
    text-decoration: none;
    vertical-align: middle
}

.header .menu>.flex .menu-superior .menu-autos>div ul li>a:before {
    position: absolute;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    left: 50%;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    background: 0 0;
    bottom: 0;
    content: " ";
    display: block;
    height: 2px;
    width: 0%
}

.header .menu>.flex .menu-superior .menu-autos>div ul li>a:hover {
    color: #263238
}

.header .menu>.flex .menu-superior .menu-autos>div ul li>a:hover:before {
    background: #263238;
    width: 100%
}

.header .menu>.flex .menu-superior .menu-autos>div ul li>div {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .8s;
    -moz-transition: all .8s;
    -ms-transition: all .8s;
    transition: all .8s;
    height: calc(100% - 50px);
    left: 0;
    opacity: 0;
    position: absolute;
    top: 50px;
    width: 100%
}

.header .menu>.flex .menu-superior .menu-autos>div ul li>div h6 {
    display: block;
    font-size: 1.125rem;
    font-weight: 700;
    margin-top: 1.25rem
}

.header .menu>.flex .menu-superior .menu-autos>div ul li>div .container {
    overflow: auto
}

.header .menu>.flex .menu-superior .menu-autos>div ul li>div .container .flex.hover>div {
    opacity: .5
}

.header .menu>.flex .menu-superior .menu-autos>div ul li>div .container .flex>div {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    float: left;
    width: 25%
}

.header .menu>.flex .menu-superior .menu-autos>div ul li>div .container .flex>div a:not(.link) {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: table;
    margin: 1rem auto;
    padding: 0 1rem;
    width: 100%
}

.header .menu>.flex .menu-superior .menu-autos>div ul li>div .container .flex>div a:not(.link) img {
    display: table;
    margin: auto;
    max-width: 232px;
    width: 100%
}

.header .menu>.flex .menu-superior .menu-autos>div ul li>div .container .flex>div a:not(.link) img.hover {
    display: none
}

.header .menu>.flex .menu-superior .menu-autos>div ul li>div .container .flex>div p {
    font-size: 1.125rem;
    text-align: center
}

.header .menu>.flex .menu-superior .menu-autos>div ul li>div .container .flex>div p cite {
    display: none;
    margin-top: .5rem
}

.header .menu>.flex .menu-superior .menu-autos>div ul li>div .container .flex>div p span {
    display: block;
    font-size: 1rem;
    font-weight: 300;
    margin-top: .5rem
}

.header .menu>.flex .menu-superior .menu-autos>div ul li>div .container .flex>div>dl dd:first-child {
    display: none
}

.header .menu>.flex .menu-superior .menu-autos>div ul li>div .container .flex>div.hover {
    opacity: 1
}

.header .menu>.flex .menu-superior .menu-autos>div ul li>div .container .flex>div.hover a:not(.link) img {
    display: none
}

.header .menu>.flex .menu-superior .menu-autos>div ul li>div .container .flex>div.hover a:not(.link) img.hover {
    display: block
}

.header .menu>.flex .menu-superior .menu-autos>div ul li>div .container .flex>div.hover cite {
    display: block
}

.header .menu>.flex .menu-superior .menu-autos>div ul li>div .container .flex>div.hover span {
    display: none
}

.header .menu>.flex .menu-superior .menu-autos>div ul li>div .container .flex>div.hover .link:before {
    width: 100%
}

.header .menu>.flex .menu-superior .btnBuscador {
    display: table;
    float: right;
    height: 100%;
    overflow: hidden
}

.header .menu>.flex .menu-superior .btnBuscador span {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-left: 1px solid #e0e0e0;
    cursor: pointer;
    display: table-cell;
    margin: 0;
    overflow: hidden;
    position: relative;
    vertical-align: middle;
    width: 4rem;
    z-index: 1
}

.header .menu>.flex .menu-superior .btnBuscador span i {
    display: block;
    text-align: center
}

.header .menu>.flex .menu-superior .btnBuscador span i:before {
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s
}

.header .menu>.flex .menu-superior .btnBuscador form {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
    -webkit-transform: translate(-50%, -100%);
    -moz-transform: translate(-50%, -100%);
    -ms-transform: translate(-50%, -100%);
    transform: translate(-50%, -100%);
    background: #fff;
    bottom: 1px;
    height: 65px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    width: calc(100% - 16rem);
    z-index: 1;
    max-width: calc(1500px - 16rem);
    left: 50%;
    margin-left: 4.5rem
}

.header .menu>.flex .menu-superior .btnBuscador form input {
    float: left
}

.header .menu>.flex .menu-superior .btnBuscador form input:focus:not([readonly]) {
    border: none;
    box-shadow: none;
    outline-width: 0
}

.header .menu>.flex .menu-superior .btnBuscador form input::-webkit-input-placeholder {
    color: #78909c
}

.header .menu>.flex .menu-superior .btnBuscador form input:-moz-placeholder {
    color: #78909c
}

.header .menu>.flex .menu-superior .btnBuscador form input::-moz-placeholder {
    color: #78909c
}

.header .menu>.flex .menu-superior .btnBuscador form input:-ms-input-placeholder {
    color: #78909c
}

.header .menu>.flex .menu-superior .btnBuscador form input[type=text] {
    -webkit-transition: inherit;
    -moz-transition: inherit;
    -ms-transition: inherit;
    transition: inherit;
    border: none;
    color: #37474f;
    font-size: 1.375rem;
    height: 100%;
    margin: 0;
    width: calc(100% - 40px)
}

.header .menu>.flex .menu-superior .btnBuscador form button,
.header .menu>.flex .menu-superior .btnBuscador form input[type=submit] {
    background: 0 0;
    border: none;
    color: #c03;
    cursor: pointer;
    font-family: FontAwesome;
    font-size: 1.125rem;
    height: 100%;
    width: 40px
}

.header .menu>.flex .menu-superior .btnBuscador.activo span i:before {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    content: "";
    direction: ltr;
    display: inline-block;
    font-family: "Material Icons";
    font-feature-settings: "liga";
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 1;
    text-rendering: optimizeLegibility;
    text-transform: none;
    white-space: nowrap;
    word-wrap: normal;
    color: #8c9aa2;
    font-size: 1.25rem
}

.header .menu>.flex .menu-superior .btnBuscador.activo form {
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    opacity: 1
}

.header .menu>.flex .menu-inferior {
    order: 1;
    -webkit-order: 1;
    background: #263238;
    height: 40px;
    overflow: hidden;
    position: relative;
    width: 100%;
    z-index: 9
}

.header .menu>.flex .menu-inferior nav {
    display: table;
    float: right;
    height: 100%;
    overflow: hidden;
    position: relative
}

.header .menu>.flex .menu-inferior nav>a {
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
    color: #cfd8dc;
    display: table-cell;
    font-size: .875rem;
    font-weight: 400;
    height: 100%;
    margin: 0;
    padding: 0 .625rem;
    text-decoration: none;
    vertical-align: middle
}

.header .menu>.flex .menu-inferior nav>a:hover {
    color: #8c9aa2
}

.header .menu>.flex .menu-inferior nav .logoComoNuevos:before {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    content: "";
    font-family: icomoon;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    speak: none;
    text-transform: none;
    font-size: 26px
}

.header .menu>.flex .menu-inferior nav .redes {
    display: table;
    float: left;
    height: 100%;
    overflow: hidden;
    padding: 0 1rem;
    position: relative
}

.header .menu>.flex .menu-inferior nav .redes>a {
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
    color: #cfd8dc;
    display: table-cell;
    font-size: 1.0625rem;
    margin: 0;
    padding: 0 1rem;
    text-decoration: none;
    vertical-align: middle
}

.header .menu>.flex .menu-inferior nav .redes>a:hover {
    color: #8c9aa2
}

.aviso {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    -webkit-transform: translate(100%, 0);
    -moz-transform: translate(100%, 0);
    -ms-transform: translate(100%, 0);
    transform: translate(100%, 0);
    border: 1px solid #c03;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    height: auto;
    position: fixed;
    right: 0;
    top: 70%;
    width: 184px;
    z-index: 999
}

.aviso .head-aviso {
    border-top-left-radius: 8px;
    background: #c03
}

.aviso .head-aviso p {
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    line-height: 32px;
    margin: 0;
    text-align: center
}

.aviso .head-aviso .btn-aviso-close {
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    cursor: pointer;
    display: table;
    height: 20px;
    position: absolute;
    right: -10px;
    top: 15px;
    width: 25px;
    z-index: 1
}

.aviso .head-aviso .btn-aviso-close:before {
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    content: "";
    direction: ltr;
    display: inline-block;
    font-family: "Material Icons";
    font-feature-settings: "liga";
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 1;
    text-rendering: optimizeLegibility;
    text-transform: none;
    white-space: nowrap;
    word-wrap: normal;
    color: #fff;
    font-size: 22px;
    font-weight: 700
}

.aviso .info-aviso {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom-left-radius: 8px;
    background: #f5f5f5;
    padding: 10px
}

.aviso .info-aviso p {
    color: #000;
    font-size: 10px;
    line-height: 12px;
    margin: 0;
    margin-bottom: 8px;
    text-align: center
}

.aviso .info-aviso a {
    font-size: 12px;
    margin: 0 auto
}

.aviso.hover {
    -webkit-box-shadow: 0 4px 16px 0 rgba(0, 0, 0, .2), 0 -4px 16px 0 rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 4px 16px 0 rgba(0, 0, 0, .2), 0 -4px 16px 0 rgba(0, 0, 0, .2);
    -o-box-shadow: 0 4px 16px 0 rgba(0, 0, 0, .2), 0 -4px 16px 0 rgba(0, 0, 0, .2);
    -ms-box-shadow: 0 4px 16px 0 rgba(0, 0, 0, .2), 0 -4px 16px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, .2), 0 -4px 16px 0 rgba(0, 0, 0, .2);
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0)
}

.btn-aviso {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    background: #c03;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    display: table-cell;
    height: 38px;
    position: fixed;
    right: 0;
    top: 74%;
    width: 48px;
    z-index: 980
}

.btn-aviso:before {
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    content: "";
    font-family: FontAwesome;
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    left: 52%;
    top: 48%
}

.btn-aviso:hover {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    -o-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    -ms-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15)
}

.btn-chat {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    -webkit-transform: translate(164px, 0);
    -moz-transform: translate(164px, 0);
    -ms-transform: translate(164px, 0);
    transform: translate(164px, 0);
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    height: 38px;
    position: fixed;
    right: 0;
    top: 80%;
    width: auto;
    z-index: 999
}

.btn-chat .icono {
    background: #c03;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    display: table-cell;
    height: 38px;
    position: relative;
    width: 48px
}

.btn-chat .icono:before {
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    content: "";
    font-family: FontAwesome;
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    left: 52%;
    top: 48%
}

.btn-chat p {
    background: #ff1744;
    color: #fff;
    display: table-cell;
    font-weight: 700;
    line-height: 24px;
    margin: 0;
    padding: 6px 12px
}

.btn-chat:hover {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    -o-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    -ms-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    background: 0 0
}

.btn-chat.hover {
    -webkit-box-shadow: 0 4px 16px 0 rgba(0, 0, 0, .2), 0 -4px 16px 0 rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 4px 16px 0 rgba(0, 0, 0, .2), 0 -4px 16px 0 rgba(0, 0, 0, .2);
    -o-box-shadow: 0 4px 16px 0 rgba(0, 0, 0, .2), 0 -4px 16px 0 rgba(0, 0, 0, .2);
    -ms-box-shadow: 0 4px 16px 0 rgba(0, 0, 0, .2), 0 -4px 16px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, .2), 0 -4px 16px 0 rgba(0, 0, 0, .2);
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0)
}

.ir-arriba {
    background: #c03;
    bottom: 20px;
    color: #fff;
    cursor: pointer;
    display: none;
    padding: 12px 16px;
    position: absolute;
    right: 20px;
    z-index: 999
}

.icon-arrow-up:before {
    content: "";
    font-family: FontAwesome;
    font-size: 24px;
    font-weight: 700
}

.cover {
    overflow: hidden;
    position: relative;
    width: 100%
}

.cover .slide {
    overflow: hidden;
    width: 100%
}

.cover .slide>div {
    overflow: hidden;
    height: 510px;
    width: 100%
}

.cover .slide>div .bg {
    position: absolute;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    left: 50%;
    top: 0
}

.cover .slide>div .container .flex {
    height: 100%
}

.cover .slide>div .container .flex>div {
    width: 50%
}

.cover .slide>div .container .flex .texto {
    align-self: flex-start;
    -webkit-align-self: flex-start;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    order: 1;
    -webkit-order: 1;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    padding: 0 1rem
}

.cover .slide>div .container .flex .texto h2 {
    color: #fff;
    white-space: pre-line
}

.cover .slide>div .container .flex .texto .btvideo {
    display: table;
    margin-bottom: 37px;
    margin-top: 28px;
    position: relative
}

.cover .slide>div .container .flex .texto .btvideo p {
    color: #fff;
    font-size: 1.125rem;
    font-weight: 700;
    margin: 0
}

.cover .slide>div .container .flex .texto .btvideo p span {
    color: #fff;
    font-weight: 700
}

.cover .slide>div .container .flex .texto .btvideo a {
    position: absolute;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    background: #263238;
    border-radius: 50%;
    color: #fff;
    display: table;
    height: 25px;
    margin-left: .8125rem;
    text-decoration: none;
    width: 25px;
    left: 100%
}

.cover .slide>div .container .flex .texto .btvideo a:after {
    content: "";
    font-family: FontAwesome;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: .625rem;
    left: 55%;
    position: absolute;
    top: 48%
}

.cover .slide>div .container .flex .texto .boton {
    margin: 0;
    min-width: 200px
}

.cover .slide>div .container .flex .imagen {
    align-self: flex-end;
    -webkit-align-self: flex-end;
    order: 2;
    -webkit-order: 2
}

.cover .slide>div .container .flex .imagen img {
    height: auto;
    width: 100%;
    margin-top: 4.5rem
}

.cover .bx-prev {
    border-radius: 50%;
    border: 2px solid #fff;
    color: #fff;
    left: 0;
    margin-right: 2rem;
    position: relative
}

.cover .bx-prev:before {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    content: "";
    font-family: icomoon;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    speak: none;
    text-transform: none;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 16px;
    left: 50%;
    position: absolute;
    text-indent: 0;
    top: 50%
}

.cover .bx-next {
    border-radius: 50%;
    border: 2px solid #fff;
    color: #fff;
    position: relative;
    right: 0
}

.cover .bx-next:before {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    content: "";
    font-family: icomoon;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    speak: none;
    text-transform: none;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 16px;
    left: 50%;
    position: absolute;
    text-indent: 0;
    top: 50%
}

.cover .bx-controls-direction {
    bottom: 30px;
    position: absolute;
    width: 100%
}

.cover .bx-controls-direction a {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    display: inline-block;
    height: 42px;
    outline: 0;
    text-decoration: none;
    text-indent: -9998px;
    width: 42px;
    z-index: 98
}

.cover .bx-controls-direction a.disabled {
    border: 2px solid rgba(255, 255, 255, .4);
    color: rgba(255, 255, 255, .4)
}

.cover .bx-controls-direction a.disabled:hover {
    background: 0 0
}

.cover .bx-wrapper .bx-has-pager {
    position: absolute;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    left: 50%;
    bottom: 20px
}

.cover .bx-wrapper .bx-pager {
    color: rgba(255, 255, 255, .4);
    font-family: Arial;
    font-size: 0;
    font-weight: 700;
    text-align: center
}

.cover .bx-wrapper .bx-pager.bx-default-pager a {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background: rgba(255, 255, 255, .4);
    border-radius: 5px;
    display: block;
    height: 8px;
    margin: 0 12px;
    outline: 0;
    text-indent: -9999px;
    width: 8px
}

.cover .bx-wrapper .bx-pager.bx-default-pager a.active,
.cover .bx-wrapper .bx-pager.bx-default-pager a:focus,
.cover .bx-wrapper .bx-pager.bx-default-pager a:hover {
    background: #fff
}

.cover .bx-wrapper .bx-pager-item {
    display: inline-block;
    font-size: 0;
    line-height: 0
}

.cover .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
    display: inline-block
}

.menu-categorias {
    background: #fafafa;
    border-bottom: 1px solid #e0e0e0;
    border-top: 1px solid #e0e0e0;
    overflow: visible;
    width: 100%
}

.menu-categorias>.container {
    max-width: 1440px;
    overflow: visible
}

.menu-categorias>.container nav {
    display: table;
    height: 120px;
    position: relative;
    width: 100%
}

.menu-categorias>.container nav span {
    display: table;
    height: 100%;
    margin: 0;
    padding: 0;
    width: 100%
}

.menu-categorias>.container nav span a {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
    border-right: 1px solid #e0e0e0;
    color: #263238;
    display: table-cell;
    font-size: 1rem;
    font-weight: 600;
    height: 100%;
    margin: 0;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    width: 20%
}

.menu-categorias>.container nav span a:before {
    color: #989898;
    display: table;
    margin: 1rem auto
}

.menu-categorias>.container nav span a:last-child {
    border-right: none
}

.menu-categorias>.container nav span a.autos:before {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    content: "";
    font-family: icomoon;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    speak: none;
    text-transform: none;
    font-size: 21px
}

.menu-categorias>.container nav span a.hibridos:before {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    content: "";
    font-family: icomoon;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    speak: none;
    text-transform: none;
    font-size: 20px
}

.menu-categorias>.container nav span a.suv:before {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    content: "";
    font-family: icomoon;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    speak: none;
    text-transform: none;
    font-size: 22px
}

.menu-categorias>.container nav span a.pick:before {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    content: "";
    font-family: icomoon;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    speak: none;
    text-transform: none;
    font-size: 25px
}

.menu-categorias>.container nav span a.futuro:before {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    content: "";
    font-family: icomoon;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    speak: none;
    text-transform: none;
    font-size: 19px
}

.menu-categorias>.container nav span a:hover {
    -webkit-transform: scale(1.2, 1.2);
    -moz-transform: scale(1.2, 1.2);
    -ms-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2);
    -webkit-box-shadow: 0 27px 24px 0 rgba(0, 0, 0, .2), 0 40px 77px 0 rgba(0, 0, 0, .22);
    -moz-box-shadow: 0 27px 24px 0 rgba(0, 0, 0, .2), 0 40px 77px 0 rgba(0, 0, 0, .22);
    -o-box-shadow: 0 27px 24px 0 rgba(0, 0, 0, .2), 0 40px 77px 0 rgba(0, 0, 0, .22);
    -ms-box-shadow: 0 27px 24px 0 rgba(0, 0, 0, .2), 0 40px 77px 0 rgba(0, 0, 0, .22);
    box-shadow: 0 27px 24px 0 rgba(0, 0, 0, .2), 0 40px 77px 0 rgba(0, 0, 0, .22);
    background: #c03;
    border-right: none;
    color: #fff
}

.menu-categorias>.container nav span a:hover:before {
    color: #fff
}

.menu-categorias .menuModal {
    background: rgba(255, 255, 255, .95);
    display: none;
    height: 100vh;
    left: 0;
    position: fixed;
    top: 0;
    width: 100vw;
    z-index: 99
}

.menu-categorias .menuModal .close {
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    cursor: pointer;
    display: table;
    height: 25px;
    position: absolute;
    right: 20px;
    top: 40px;
    width: 25px;
    z-index: 1
}

.menu-categorias .menuModal .close:before {
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    content: "";
    direction: ltr;
    display: inline-block;
    font-family: "Material Icons";
    font-feature-settings: "liga";
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 1;
    text-rendering: optimizeLegibility;
    text-transform: none;
    white-space: nowrap;
    word-wrap: normal;
    color: #c03;
    font-size: 1.5625rem
}

.menu-categorias .menuModal .menu-autos {
    height: 100%;
    width: 100%
}

.menu-categorias .menuModal .menu-autos .regresar {
    display: none
}

.menu-categorias .menuModal .menu-autos>div {
    display: table;
    height: 100%;
    width: 100%
}

.menu-categorias .menuModal .menu-autos>div ul {
    display: table;
    height: 100%;
    width: 100%
}

.menu-categorias .menuModal .menu-autos>div ul li {
    float: left;
    height: 100vh;
    width: 100vw
}

.menu-categorias .menuModal .menu-autos>div ul li>a {
    background: #37474f;
    color: #fff;
    display: block;
    font-size: 1.375rem;
    font-weight: 600;
    margin: 0;
    padding: 1.5625rem 0;
    text-align: center;
    text-decoration: none
}

.menu-categorias .menuModal .menu-autos>div ul li>div {
    height: calc(100vh - 8.25rem);
    overflow: hidden;
    width: 100%
}

.menu-categorias .menuModal .menu-autos>div ul li>div h6 {
    display: none
}

.menu-categorias .menuModal .menu-autos>div ul li>div .container {
    overflow: auto
}

.menu-categorias .menuModal .menu-autos>div ul li>div .container .flex.hover>div {
    opacity: .5
}

.menu-categorias .menuModal .menu-autos>div ul li>div .container .flex>div {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    float: left;
    margin-top: 5rem;
    width: 33%
}

.menu-categorias .menuModal .menu-autos>div ul li>div .container .flex>div a:not(.link) {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: table;
    margin: 1rem auto;
    padding: 0 1rem;
    width: 100%
}

.menu-categorias .menuModal .menu-autos>div ul li>div .container .flex>div a:not(.link) img {
    display: table;
    margin: auto;
    max-width: 320px;
    width: 100%
}

.menu-categorias .menuModal .menu-autos>div ul li>div .container .flex>div a:not(.link) img.hover {
    display: none
}

.menu-categorias .menuModal .menu-autos>div ul li>div .container .flex>div p {
    font-size: 1.375rem;
    text-align: center
}

.menu-categorias .menuModal .menu-autos>div ul li>div .container .flex>div p cite {
    display: none;
    font-weight: 700;
    margin-top: .5rem;
    font-style: italic
}

.menu-categorias .menuModal .menu-autos>div ul li>div .container .flex>div p span {
    display: block;
    font-size: 1.375rem;
    font-weight: 300;
    margin-top: .5rem
}

.menu-categorias .menuModal .menu-autos>div ul li>div .container .flex>div>dl {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: table;
    margin: auto;
    padding: 0 1rem;
    width: 100%
}

.menu-categorias .menuModal .menu-autos>div ul li>div .container .flex>div>dl>dd {
    display: table-cell;
    width: 50%
}

.menu-categorias .menuModal .menu-autos>div ul li>div .container .flex>div>dl>dd .link {
    font-size: .875rem
}

.menu-categorias .menuModal .menu-autos>div ul li>div .container .flex>div.hover {
    opacity: 1
}

.menu-categorias .menuModal .menu-autos>div ul li>div .container .flex>div.hover a:not(.link) img {
    display: none
}

.menu-categorias .menuModal .menu-autos>div ul li>div .container .flex>div.hover a:not(.link) img.hover {
    display: block
}

.menu-categorias .menuModal .menu-autos>div ul li>div .container .flex>div.hover cite {
    display: block
}

.menu-categorias .menuModal .menu-autos>div ul li>div .container .flex>div.hover span {
    display: none
}

.menu-categorias .menuModal .menu-autos .bx-prev {
    border-radius: 50%;
    border: 2px solid #263238;
    color: #263238;
    left: 40px;
    margin-right: 2rem;
    position: relative
}

.menu-categorias .menuModal .menu-autos .bx-prev:before {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    content: "";
    font-family: icomoon;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    speak: none;
    text-transform: none;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 16px;
    left: 50%;
    position: absolute;
    text-indent: 0;
    top: 50%
}

.menu-categorias .menuModal .menu-autos .bx-next {
    border-radius: 50%;
    border: 2px solid #263238;
    color: #263238;
    position: relative;
    right: 40px
}

.menu-categorias .menuModal .menu-autos .bx-next:before {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    content: "";
    font-family: icomoon;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    speak: none;
    text-transform: none;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 16px;
    left: 50%;
    position: absolute;
    text-indent: 0;
    top: 50%
}

.menu-categorias .menuModal .menu-autos .bx-controls-direction a {
    position: absolute;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    display: inline-block;
    height: 42px;
    outline: 0;
    text-decoration: none;
    text-indent: -9998px;
    width: 42px;
    z-index: 98
}

.menu-categorias .menuModal .menu-autos .bx-controls-direction a.disabled {
    border: 2px solid rgba(38, 50, 56, .4);
    color: rgba(38, 50, 56, .4)
}

.menu-categorias .menuModal .menu-autos .bx-controls-direction a.disabled:hover {
    background: 0 0
}

.menu-categorias .menuModal .menu-autos .bx-wrapper .bx-viewport ul li {
    width: 100vw !important
}

.menu-categorias .menuModal .menu-autos .bx-wrapper .bx-pager {
    position: absolute;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    left: 50%;
    bottom: 23px;
    color: rgba(38, 50, 56, .4);
    font-family: Arial;
    font-size: 0;
    font-weight: 700;
    padding: 10px 0;
    text-align: center
}

.menu-categorias .menuModal .menu-autos .bx-wrapper .bx-pager.bx-default-pager a {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background: rgba(38, 50, 56, .4);
    border-radius: 5px;
    display: block;
    height: 8px;
    margin: 0 12px;
    outline: 0;
    text-indent: -9999px;
    width: 8px
}

.menu-categorias .menuModal .menu-autos .bx-wrapper .bx-pager.bx-default-pager a.active,
.menu-categorias .menuModal .menu-autos .bx-wrapper .bx-pager.bx-default-pager a:focus,
.menu-categorias .menuModal .menu-autos .bx-wrapper .bx-pager.bx-default-pager a:hover {
    -webkit-transform: scale(1.5, 1.5);
    -moz-transform: scale(1.5, 1.5);
    -ms-transform: scale(1.5, 1.5);
    transform: scale(1.5, 1.5);
    background: #263238
}

.menu-categorias .menuModal .menu-autos .bx-wrapper .bx-pager-item {
    display: inline-block;
    font-size: 0;
    line-height: 0
}

.menu-categorias .menuModal .menu-autos .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
    display: inline-block
}

.promociones {
    overflow: hidden;
    width: 100%
}

.promociones .container h2 {
    text-align: center
}

.promociones .container h2 b {
    font-weight: 600
}

.promociones .container p {
    font-size: 1.125rem;
    text-align: center
}

.promociones .container .flex {
    justify-content: space-between;
    -webkit-justify-content: space-between;
    -ms-flex-pack: space-between;
    -ms-flex-pack: justify;
    margin: 114px auto;
    overflow: hidden
}

.promociones .container .flex dl {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    padding-right: .5rem;
    width: 67%
}

.promociones .container .flex dl dd {
    overflow: hidden;
    position: relative
}

.promociones .container .flex dl dd img {
    display: block;
    height: auto;
    width: 100%
}

.promociones .container .flex dl dd>div {
    background: rgba(204, 0, 51, .7);
    display: none;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.promociones .container .flex dl dd .boton {
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    background: #fff;
    color: #c03
}

.promociones .container .flex dl dd .link {
    display: none
}

.promociones .container .flex .colum {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    webkit-display: -webkit-flex;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    -webkit-box-direction: column;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    -ms-flex-pack: space-between;
    -ms-flex-pack: justify;
    padding: 0;
    width: 33%
}

.experiencia {
    background: #eee;
    overflow: hidden;
    width: 100%
}

.experiencia .container {
    overflow: visible
}

.experiencia .container h2 {
    text-align: center
}

.experiencia .container h2 b {
    font-weight: 600
}

.experiencia .container>p {
    font-size: 1.125rem;
    text-align: center;
    white-space: pre-line
}

.experiencia .container .flex {
    justify-content: space-between;
    -webkit-justify-content: space-between;
    -ms-flex-pack: space-between;
    -ms-flex-pack: justify;
    margin: 54px auto 100px;
    padding: 0 10px
}

.experiencia .container .flex .colum {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    webkit-display: -webkit-flex;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    -webkit-box-direction: column;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    -ms-flex-pack: space-between;
    -ms-flex-pack: justify;
    float: left;
    opacity: 0;
    width: 32.5%
}

.experiencia .container .flex .colum.animacion {
    opacity: 1;
    left: 0;
    -webkit-transform: rotateZ(0);
    transform: rotateZ(0)
}

.experiencia .container .flex .colum:nth-child(1) {
    -webkit-transition: all .5s ease-out 0s;
    transition: all .5s ease-out 0s
}

.experiencia .container .flex .colum:nth-child(2) {
    -webkit-transition: all .5s ease-out .5s;
    transition: all .5s ease-out .5s
}

.experiencia .container .flex .colum:nth-child(3) {
    -webkit-transition: all .5s ease-out 1s;
    transition: all .5s ease-out 1s
}

.experiencia .container .flex .colum .img {
    padding: 0 0
}

.experiencia .container .flex .colum .intsgram {
    background: 0 0;
    overflow: hidden;
    padding: 0 0;
    position: relative
}

.experiencia .container .flex .colum .intsgram:before {
    content: "";
    font-family: FontAwesome;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    bottom: 1rem;
    color: #fff;
    font-size: 35px;
    line-height: 1;
    position: absolute;
    right: 1rem
}

.experiencia .container .flex .colum .intsgram:hover:before {
    opacity: 0
}

.experiencia .container .flex .colum .intsgram>div {
    background: rgba(204, 0, 51, .7);
    display: none;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.experiencia .container .flex .colum .intsgram>div>a {
    display: block;
    height: 100%;
    width: 100%
}

.experiencia .container .flex .colum .intsgram>div>span {
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    color: #fff;
    font-size: 1.375rem;
    font-weight: 700
}

.experiencia .container .flex .colum .intsgram>div>span:before {
    position: absolute;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    left: 50%;
    content: "";
    font-family: FontAwesome;
    bottom: 100%;
    color: #fff;
    font-size: 26px;
    line-height: 1;
    margin-bottom: .5rem
}

.experiencia .container .flex .colum .nota {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    background: #fff;
    margin-bottom: 1rem;
    padding: 0 0;
    width: 100%
}

.experiencia .container .flex .colum .nota:hover {
    -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19);
    -moz-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19);
    -o-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19);
    -ms-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19);
    box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19)
}

.experiencia .container .flex .colum .nota .imagen {
    height: 210px;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 100%
}

.experiencia .container .flex .colum .nota .imagen img {
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    -o-object-fit: cover;
    object-fit: cover;
    display: block;
    height: 100%;
    position: absolute;
    width: 100%
}

.experiencia .container .flex .colum .nota>div {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 1rem 1.375rem
}

.experiencia .container .flex .colum .nota>div .titulo {
    color: #37474f;
    display: block;
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.625rem;
    margin-top: 0
}

.experiencia .container .flex .colum .nota>div .link {
    cursor: pointer;
    float: left;
    font-size: .75rem;
    font-weight: 700;
    margin: 1.25rem 0
}

.experiencia .container .flex .colum .nota>div span {
    color: #8c9aa2;
    float: left;
    font-size: .75rem;
    font-weight: 400;
    margin: 1.25rem 0;
    line-height: 1.8
}

.experiencia .container .flex .colum .nota>div span:before {
    content: "/";
    margin: 0 .5rem
}

.experiencia .container .flex .colum>div {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    background: #fff;
    margin-bottom: 1rem;
    padding: 3.5rem 0
}

.experiencia .container .flex .colum>div:hover {
    -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19);
    -moz-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19);
    -o-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19);
    -ms-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19);
    box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19)
}

.experiencia .container .flex .colum>div img {
    display: block;
    height: auto;
    width: 100%
}

.experiencia .container .flex .colum>div>div {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 1rem 2rem
}

.experiencia .container .flex .colum>div>div h3 {
    font-size: 1.125rem;
    line-height: 1.625rem;
    margin-top: 0
}

.experiencia .container .flex .colum>div>div p {
    font-size: 1.125rem;
    margin: 1rem 0
}

.experiencia .container .flex .colum>div>div .titulo {
    color: #37474f;
    display: block;
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.625rem;
    margin-top: 0
}

.experiencia .container .flex .colum>div>div .link {
    float: left;
    font-size: .875rem;
    font-weight: 600;
    margin: 1rem 0
}

.experiencia .container .flex .colum>div>div span {
    color: #8c9aa2;
    float: left;
    font-size: 12px;
    font-weight: 600;
    margin: 1rem 0;
    line-height: 1.8
}

.experiencia .container .flex .colum>div>div span:before {
    content: "/";
    margin: 0 .5rem
}

.localiza-cotiza {
    overflow: hidden;
    width: 100%
}

.localiza-cotiza .container {
    max-width: 100%;
    padding: 0
}

.localiza-cotiza .container dl {
    display: table;
    width: 100%
}

.localiza-cotiza .container dl dd {
    display: table-cell;
    padding: 60px 0;
    position: relative;
    vertical-align: middle;
    overflow: hidden;
    width: 50%
}

.localiza-cotiza .container dl dd img {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    -o-object-fit: cover;
    object-fit: cover;
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%
}

.localiza-cotiza .container dl dd:hover img {
    -webkit-transform: scale(1.08, 1.08);
    -moz-transform: scale(1.08, 1.08);
    -ms-transform: scale(1.08, 1.08);
    transform: scale(1.08, 1.08)
}

.localiza-cotiza .container dl dd h6 {
    color: #fff;
    font-weight: 600;
    margin-bottom: 2.625rem;
    position: relative;
    text-align: center
}

.localiza-cotiza .container dl dd h6:before {
    color: #fff;
    display: block;
    font-size: 31px;
    margin-bottom: 2.0625rem
}

.localiza-cotiza .container dl .localiza img {
    right: 0
}

.localiza-cotiza .container dl .localiza h6:before {
    content: "";
    font-family: FontAwesome
}

.localiza-cotiza .container dl .localiza form {
    display: table;
    margin: auto;
    width: 258px;
    position: relative
}

.localiza-cotiza .container dl .localiza form .input-field {
    margin: 0
}

.localiza-cotiza .container dl .localiza form .input-field>input[type=number] {
    border-bottom: 1px solid #fff;
    color: #fff;
    height: 2.5rem
}

.localiza-cotiza .container dl .localiza form .input-field>input[type=number].valid {
    border-bottom: 2px solid #66bb6a;
    color: #fff
}

.localiza-cotiza .container dl .localiza form .input-field>input[type=number].invalid {
    border-bottom: 1px solid #e53935
}

.localiza-cotiza .container dl .localiza form .input-field>label {
    color: #cfd8dc;
    font-size: 1.125rem;
    left: 0
}

.localiza-cotiza .container dl .localiza form .input-field button,
.localiza-cotiza .container dl .localiza form .input-field>input[type=submit] {
    position: absolute;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    background: 0 0;
    border: none;
    color: #fff;
    cursor: pointer;
    font-family: FontAwesome;
    font-size: 1.125rem;
    padding: 0;
    right: 0
}

.localiza-cotiza .container dl .localiza form .input-field button:before,
.localiza-cotiza .container dl .localiza form .input-field>input[type=submit]:before {
    display: block;
    margin-bottom: .375rem;
    font-size: .875rem
}

.localiza-cotiza .container dl .localiza form .ubicame {
    position: absolute;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    background: 0 0;
    border-radius: 50%;
    border: none;
    cursor: pointer;
    height: 35px;
    left: 100%;
    margin: 0 .5rem;
    overflow: hidden;
    width: 35px
}

.localiza-cotiza .container dl .localiza form .ubicame:before {
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    content: "";
    font-family: icomoon;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    speak: none;
    text-transform: none;
    color: #fff;
    font-size: 35px
}

.localiza-cotiza .container dl .localiza form .ubicame:hover {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    -o-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    -ms-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15)
}

.localiza-cotiza .container dl .localiza .codigo {
    display: table;
    margin: auto;
    position: relative;
    display: none
}

.localiza-cotiza .container dl .localiza .codigo p {
    color: #fff;
    font-size: .875rem;
    margin: 0
}

.localiza-cotiza .container dl .localiza .codigo p span {
    color: #fff;
    font-size: 1.125rem;
    padding-left: .5rem
}

.localiza-cotiza .container dl .localiza .codigo .cambiar {
    position: absolute;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    background: 0 0;
    border-radius: 50%;
    border: none;
    cursor: pointer;
    height: 20px;
    left: 100%;
    margin: 0 .5rem;
    overflow: hidden;
    width: 20px
}

.localiza-cotiza .container dl .localiza .codigo .cambiar:before {
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    content: "";
    direction: ltr;
    display: inline-block;
    font-family: "Material Icons";
    font-feature-settings: "liga";
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 1;
    text-rendering: optimizeLegibility;
    text-transform: none;
    white-space: nowrap;
    word-wrap: normal;
    color: #fff;
    font-size: 20px
}

.localiza-cotiza .container dl .cotiza img {
    left: 0
}

.localiza-cotiza .container dl .cotiza h6:before {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    content: "";
    font-family: icomoon;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    speak: none;
    text-transform: none
}

.localiza-cotiza .container dl .cotiza .boton {
    position: relative
}

.cover-somos-toyota {
    height: 510px;
    position: relative
}

.cover-somos-toyota>img {
    position: absolute;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    left: 50%;
    display: block;
    top: 0
}

.cover-somos-toyota .container {
    display: table;
    overflow: visible
}

.cover-somos-toyota .container>div {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: table-cell;
    padding: 0 2rem;
    vertical-align: middle;
    width: 60%
}

.cover-somos-toyota .container>div h1 {
    color: #fff;
    margin-top: 0
}

.cover-somos-toyota .container>div p {
    color: #fff;
    font-size: 2rem;
    line-height: 2.75rem
}

.menu-conoce-toyota {
    height: 60px;
    position: relative
}

.menu-conoce-toyota .menufixed {
    -webkit-box-shadow: 0 6px 12px 0 rgba(0, 0, 0, .2), 0 4px 8px 0 rgba(0, 0, 0, .19);
    -moz-box-shadow: 0 6px 12px 0 rgba(0, 0, 0, .2), 0 4px 8px 0 rgba(0, 0, 0, .19);
    -o-box-shadow: 0 6px 12px 0 rgba(0, 0, 0, .2), 0 4px 8px 0 rgba(0, 0, 0, .19);
    -ms-box-shadow: 0 6px 12px 0 rgba(0, 0, 0, .2), 0 4px 8px 0 rgba(0, 0, 0, .19);
    box-shadow: 0 6px 12px 0 rgba(0, 0, 0, .2), 0 4px 8px 0 rgba(0, 0, 0, .19);
    background: #263238;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 98
}

.menu-conoce-toyota .menufixed .container {
    max-width: 1500px;
    overflow: visible
}

.menu-conoce-toyota .menufixed .container nav {
    display: table;
    height: 60px;
    overflow: visible
}

.menu-conoce-toyota .menufixed .container nav>ul {
    display: table;
    height: 100%;
    margin: auto
}

.menu-conoce-toyota .menufixed .container nav>ul>li {
    display: table;
    float: left;
    height: 100%;
    margin: 0
}

.menu-conoce-toyota .menufixed .container nav>ul>li.activo>a,
.menu-conoce-toyota .menufixed .container nav>ul>li:hover>a {
    color: #fff
}

.menu-conoce-toyota .menufixed .container nav>ul>li.activo>a:before,
.menu-conoce-toyota .menufixed .container nav>ul>li:hover>a:before {
    background: #fff;
    width: 100%
}

.menu-conoce-toyota .menufixed .container nav>ul>li>a {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    color: #78909c;
    cursor: pointer;
    display: table-cell;
    font-size: .875rem;
    font-weight: 700;
    margin: 0;
    padding: 0;
    padding: 0 1.5rem;
    position: relative;
    text-decoration: none;
    vertical-align: middle
}

.menu-conoce-toyota .menufixed .container nav>ul>li>a:before {
    position: absolute;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    left: 50%;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    background: 0 0;
    bottom: 0;
    content: " ";
    display: block;
    height: 4px;
    width: 0%
}

.menu-conoce-toyota .menufixed .container nav .btnTecnologia {
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
    background: linear-gradient(to right, #c03 50%, rgba(0, 0, 0, 0) 0);
    background-position: right bottom;
    background-color: #37474f;
    background-size: 200% 100%;
    display: table;
    height: 60px;
    overflow: hidden;
    position: absolute;
    right: 0;
    bottom: 0
}

.menu-conoce-toyota .menufixed .container nav .btnTecnologia:hover {
    background-color: transparent;
    background-position: left bottom
}

.menu-conoce-toyota .menufixed .container nav .btnTecnologia:hover a {
    color: #fff
}

.menu-conoce-toyota .menufixed .container nav .btnTecnologia.activo {
    background: #c03
}

.menu-conoce-toyota .menufixed .container nav .btnTecnologia.activo a {
    color: #fff
}

.menu-conoce-toyota .menufixed .container nav .btnTecnologia a {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    color: #fff;
    display: table-cell;
    font-size: .875rem;
    font-weight: 700;
    margin: 0;
    padding: 0 1.5rem;
    position: relative;
    text-decoration: none;
    vertical-align: middle
}

.somos-toyota {
    padding: 3.75rem 0;
    position: relative
}

.somos-toyota .anclas {
    top: -150px
}

.somos-toyota .container {
    display: table;
    overflow: visible
}

.somos-toyota .container h2 {
    font-weight: 300;
    margin: 1.25rem auto 2rem;
    text-align: center
}

.somos-toyota .container .subtitulo {
    color: #8c9aa2;
    font-size: 1.375rem;
    font-weight: 700;
    margin: 1.25rem auto;
    text-align: center
}

.somos-toyota .container .timeline {
    position: relative;
    padding: 0;
    margin: 0 auto 7rem;
    width: 960px
}

.somos-toyota .container .timeline .timeline-block {
    margin: 2rem 0;
    position: relative
}

.somos-toyota .container .timeline .timeline-block .timeline-block-content {
    height: auto;
    margin-left: 10%;
    max-width: 40%;
    padding: 0;
    position: relative;
    width: auto
}

.somos-toyota .container .timeline .timeline-block .timeline-block-content h3 {
    display: block;
    font-weight: 300;
    margin: 0;
    padding-right: 2.75rem;
    position: relative;
    text-align: right
}

.somos-toyota .container .timeline .timeline-block .timeline-block-content .linea-year {
    background: #37474f;
    height: 1px;
    right: 0;
    position: absolute;
    top: 26px;
    width: 26px
}

.somos-toyota .container .timeline .timeline-block .timeline-block-content .linea-year:before {
    background: #37474f;
    border-radius: 4px;
    content: "";
    display: block;
    height: 7px;
    left: -3px;
    position: absolute;
    top: -3px;
    width: 7px
}

.somos-toyota .container .timeline .timeline-block .timeline-block-content>img {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    padding: 1rem 0;
    position: relative;
    left: 18%;
    max-width: 280px;
    width: 100%
}

.somos-toyota .container .timeline .timeline-block .timeline-block-content .texto {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: table-cell;
    height: auto;
    left: 0;
    padding: 0 2rem;
    vertical-align: middle;
    width: 100%
}

.somos-toyota .container .timeline .timeline-block .timeline-block-content .texto p {
    display: block;
    font-size: 18px;
    margin: 0;
    text-align: center
}

.somos-toyota .container .timeline .timeline-block:nth-child(even) .timeline-block-content {
    left: 50%;
    margin-left: 0
}

.somos-toyota .container .timeline .timeline-block:nth-child(even) .timeline-block-content h3 {
    margin: 0;
    padding-left: 2.75rem;
    text-align: left
}

.somos-toyota .container .timeline .timeline-block:nth-child(even) .timeline-block-content .linea-year {
    background: #37474f;
    height: 1px;
    left: 0;
    position: absolute;
    top: 26px;
    width: 26px
}

.somos-toyota .container .timeline .timeline-block:nth-child(even) .timeline-block-content .linea-year:before {
    display: none
}

.somos-toyota .container .timeline .timeline-block:nth-child(even) .timeline-block-content .linea-year:after {
    background: #37474f;
    border-radius: 4px;
    content: "";
    display: block;
    height: 7px;
    right: -3px;
    position: absolute;
    top: -3px;
    width: 7px
}

.somos-toyota .container .timeline .timeline-block:nth-child(even) .timeline-block-content>img {
    left: 10%
}

.somos-toyota .container .timeline .timeline-block:nth-child(even) .timeline-block-content .texto {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 2rem;
    vertical-align: middle;
    width: 100%
}

.somos-toyota .container .timeline .timeline-block:nth-child(even) .timeline-block-content .texto p {
    text-align: center;
}

.somos-toyota .container .timeline .timeline-block:nth-child(2) .timeline-block-content {
    display: block;
    left: 0;
    max-width: 80%;
    margin: auto
}

.somos-toyota .container .timeline .timeline-block:nth-child(2) .timeline-block-content h3 {
    margin: 0;
    padding: 0;
    text-align: center
}

.somos-toyota .container .timeline .timeline-block:nth-child(2) .timeline-block-content .texto {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: auto;
    padding: 0 2rem;
    width: 48%
}

.somos-toyota .container .timeline .timeline-block:nth-child(2) .timeline-block-content .texto p {
    display: block;
    font-size: 18px;
    margin: 0;
    text-align: left
}

.somos-toyota .container .timeline .timeline-block:nth-child(2) .timeline-block-content .imagen {
    display: table-cell;
    vertical-align: middle;
    width: 48%
}

.somos-toyota .container .timeline .timeline-block:nth-child(2) .timeline-block-content .imagen img {
    float: right
}

.somos-toyota .container .timeline .timeline-block:last-child .timeline-block-content .linea-year {
    display: none
}

.somos-toyota .container .timeline .linea {
    position: absolute;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    left: 50%;
    background: #37474f;
    display: block;
    height: calc(100% - 400px);
    position: absolute;
    top: 200px;
    width: 1px
}

.somos-toyota .container .timeline .linea:before {
    background: #37474f;
    border-radius: 4px;
    content: "";
    display: block;
    height: 7px;
    left: -3px;
    position: absolute;
    width: 7px
}

.somos-toyota .container .timeline .linea:after {
    background: #37474f;
    border-radius: 4px;
    bottom: 0;
    content: "";
    display: block;
    height: 7px;
    left: -3px;
    position: absolute;
    width: 7px
}

.menu-historia {
    position: absolute;
    top: -30px;
    left: 5%;
    height: 100vh;
    z-index: 2
}

.menu-historia.top {
    position: fixed;
    top: 30px
}

.menu-historia.bottom {
    bottom: -30px;
    top: inherit
}

.menu-historia nav {
    position: absolute;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    height: 100%;
    display: table
}

.menu-historia nav ul {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 50px 0;
    height: 100%;
    position: relative
}

.menu-historia nav ul li {
    display: table;
    height: 20%;
    position: relative;
    width: 18px
}

.menu-historia nav ul li:after {
    position: absolute;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    left: 50%;
    background: #c03;
    content: " ";
    display: block;
    height: 100%;
    width: 1px;
    z-index: 0
}

.menu-historia nav ul li:first-child:after {
    bottom: 0;
    height: 50%
}

.menu-historia nav ul li:last-child:after {
    height: 50%
}

.menu-historia nav ul li.activo a {
    background: #fff;
    border: 2px solid #c03;
    height: 18px;
    width: 18px
}

.menu-historia nav ul li.activo span {
    opacity: 1
}

.menu-historia nav ul li a {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    background: #c03;
    border-radius: 50%;
    border: 2px solid transparent;
    display: block;
    height: 14px;
    width: 14px;
    z-index: 1
}

.menu-historia nav ul li a:hover {
    background: #fff;
    border: 2px solid #c03;
    height: 18px;
    width: 18px
}

.menu-historia nav ul li a:hover~span {
    opacity: 1
}

.menu-historia nav ul li span {
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
    position: absolute;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    color: #c03;
    display: table;
    font-size: .875rem;
    left: 100%;
    opacity: 0;
    padding-left: .625rem;
    width: 200px
}

.menu-historia nav ul li.activo span {
    opacity: 0
}

.menu-historia nav ul li span {
    font-size: 0
}

.cover-filosofia {
    height: 510px;
    position: relative
}

.cover-filosofia>img {
    position: absolute;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    left: 50%;
    display: block;
    top: 0
}

.cover-filosofia .container {
    display: table;
    overflow: visible
}

.cover-filosofia .container>div {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: table-cell;
    padding: 0 2rem;
    vertical-align: middle;
    width: 60%
}

.cover-filosofia .container>div h1 {
    margin-top: 0
}

.cover-filosofia .container>div p {
    color: #37474f;
    font-size: 2rem;
    line-height: 2.75rem
}

.toyota-fabrica {
    padding: 3.75rem 0
}

.toyota-fabrica .container {
    overflow: visible
}

.toyota-fabrica .container>h2 {
    font-weight: 300;
    margin: 1.25rem auto;
    text-align: center
}

.toyota-fabrica .container>div {
    display: table;
    margin: 3.75rem 0 1.875rem;
    width: 100%
}

.toyota-fabrica .container>div .menu {
    display: table-cell;
    vertical-align: top
}

.toyota-fabrica .container>div .menu ul {
    display: table;
    margin: auto
}

.toyota-fabrica .container>div .menu ul li {
    margin: 0 0 1rem
}

.toyota-fabrica .container>div .menu ul li a {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    color: #cfd8dc;
    cursor: pointer;
    display: block;
    font-size: 1.125rem;
    font-weight: 600;
    position: relative;
    text-align: right
}

.toyota-fabrica .container>div .menu ul li.activo a,
.toyota-fabrica .container>div .menu ul li:hover a {
    color: #263238
}

.toyota-fabrica .container>div .menu ul li.activo a:before,
.toyota-fabrica .container>div .menu ul li:hover a:before {
    position: absolute;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    content: "";
    direction: ltr;
    display: inline-block;
    font-family: "Material Icons";
    font-feature-settings: "liga";
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 1;
    text-rendering: optimizeLegibility;
    text-transform: none;
    white-space: nowrap;
    word-wrap: normal;
    font-size: 1.5rem;
    left: 100%;
    padding-top: 2px
}

.toyota-fabrica .container>div .fabrica {
    display: table-cell;
    width: 61%
}

.toyota-fabrica .container>div .fabrica>div {
    display: none
}

.toyota-fabrica .container>div .fabrica>div:first-child {
    display: block
}

.toyota-fabrica .container>div .fabrica>div img {
    display: block;
    height: auto;
    margin: 2rem 0;
    max-width: 644px;
    width: 100%
}

.toyota-fabrica .container>div .fabrica>div h6 {
    font-weight: 600;
    margin: 1.875rem 0 1rem;
    width: 90%
}

.toyota-fabrica .container>div .fabrica>div p {
    font-size: 1.125rem;
    line-height: 1.625rem;
    width: 90%
}

.toyota-way {
    background: #263238;
    height: 760px;
    padding: 4.375rem 0;
    position: relative
}

.toyota-way .container {
    overflow: visible;
    position: relative;
    z-index: 3
}

.toyota-way .container .contenido h2 {
    color: #fff;
    font-weight: 400;
    margin: 1.25rem auto;
    text-align: left
}

.toyota-way .container .contenido p {
    color: #fff;
    font-size: 1.125rem;
    line-height: 1.75rem;
    width: 40%
}

.toyota-way .container .contenido .boton {
    margin: 2rem 0;
    max-width: 160px;
    min-width: 150px;
    padding: 12px 0;
    text-transform: uppercase
}

.toyota-way .mascara {
    background: rgba(38, 50, 56, .6);
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2
}

.toyota-way .content-video {
    z-index: 1
}

.toyota-way .content-video .video {
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    height: auto;
    min-height: 100%;
    min-width: 100%;
    width: auto;
    z-index: 1
}

.fundadores {
    padding: 6.25rem 0;
    position: relative
}

.fundadores .container {
    display: table;
    overflow: visible
}

.fundadores .container h2 {
    font-weight: 300;
    margin: 1.25rem auto;
    text-align: center
}

.fundadores .container>p {
    margin: 0 auto;
    text-align: center;
    width: 70%
}

.fundadores .container dl {
    display: table;
    padding: 5.75rem 0 0;
    width: 100%
}

.fundadores .container dl .simbolo {
    position: absolute;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    left: 50%;
    position: absolute;
    z-index: 2
}

.fundadores .container dl .simbolo img {
    max-width: 20rem
}

.fundadores .container dl dd {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: table-cell;
    padding: 0 6rem;
    position: relative;
    vertical-align: top;
    width: 50%
}

.fundadores .container dl dd img {
    display: block;
    margin: 0 auto;
    max-width: 320px;
    width: 100%
}

.fundadores .container dl dd h3 {
    font-weight: 700;
    margin: .625rem auto;
    position: relative;
    text-align: center;
    z-index: 1
}

.fundadores .container dl dd span {
    display: block;
    font-weight: 300;
    position: relative;
    text-align: center;
    z-index: 1
}

.fundadores .container dl dd p {
    font-size: 1.375rem;
    font-style: italic;
    font-weight: 600;
    margin: 1rem 0;
    position: relative;
    text-align: center;
    width: auto;
    z-index: 1
}

.fundadores .container dl dd i:after {
    bottom: -6%;
    color: #eee;
    content: "“";
    font-family: lucida;
    font-size: 400px;
    left: 4%;
    line-height: 0;
    position: absolute;
    z-index: 0
}

.filosofia-empresarial {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 760px;
    padding: 4.375rem 0;
    position: relative
}

.filosofia-empresarial .bg {
    position: absolute;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    left: 50%;
    top: 0
}

.filosofia-empresarial .container {
    display: table;
    overflow: visible
}

.filosofia-empresarial .container h2 {
    color: #fff;
    font-weight: 300;
    margin: 1.25rem auto 6.25rem;
    text-align: center
}

.filosofia-empresarial .container p {
    color: #fff;
    font-size: 1.125rem;
    margin: 2.125rem auto;
    text-align: center;
    width: 40%
}

.filosofia-empresarial .container span {
    color: #fff;
    font-weight: 700
}

.nuestro-logo {
    padding: 6.25rem 0;
    position: relative
}

.nuestro-logo .container {
    display: table;
    overflow: visible
}

.nuestro-logo .container h2 {
    font-weight: 300;
    margin: 1.25rem auto;
    text-align: center
}

.nuestro-logo .container dl {
    display: table;
    padding-top: 5.75rem;
    width: 100%
}

.nuestro-logo .container dl dd {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: table-cell;
    padding: 0 2rem;
    position: relative;
    vertical-align: top;
    width: 40%
}

.nuestro-logo .container dl dd:last-child {
    width: 60%
}

.nuestro-logo .container dl dd img {
    display: block;
    margin: 0 auto;
    max-width: 246px;
    width: 100%
}

.nuestro-logo .container dl dd span {
    display: block;
    font-size: 1.375rem;
    font-style: italic;
    font-weight: 600;
    margin: 3.75rem 0 1rem;
    position: relative;
    text-align: left
}

.nuestro-logo .container dl dd p {
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 400;
    margin: 1rem 0;
    position: relative;
    text-align: left;
    width: auto;
    z-index: 1
}

.nuestro-logo .container dl dd ul li {
    text-align: left
}

.cover-sustentabilidad {
    height: 510px;
    position: relative
}

.cover-sustentabilidad>img {
    position: absolute;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    left: 50%;
    display: block;
    top: 0
}

.cover-sustentabilidad .container {
    display: table;
    overflow: visible
}

.cover-sustentabilidad .container>div {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: table-cell;
    padding: 0 2rem;
    vertical-align: middle;
    width: 60%
}

.cover-sustentabilidad .container>div h1 {
    margin-top: 0
}

.cover-sustentabilidad .container>div p {
    color: #37474f;
    font-size: 2rem;
    line-height: 2.75rem
}

.reto-medioambiental {
    padding: 6.25rem 0;
    position: relative
}

.reto-medioambiental .container {
    max-width: 1500px;
    padding: 0
}

.reto-medioambiental .container h2 {
    font-weight: 300;
    margin: 0 auto;
    text-align: center
}

.reto-medioambiental .container>p {
    margin: 1.875rem auto;
    font-size: 1.125rem;
    text-align: center;
    width: 74%
}

.reto-medioambiental .container .slide {
    height: 100%;
    overflow: hidden;
    width: 100%
}

.reto-medioambiental .container .slide>div {
    height: 600px;
    overflow: hidden
}

.reto-medioambiental .container .slide>div .flex {
    justify-content: space-between;
    -webkit-justify-content: space-between;
    -ms-flex-pack: space-between;
    -ms-flex-pack: justify;
    height: 100%
}

.reto-medioambiental .container .slide>div .flex>div {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 2rem;
    width: 40%
}

.reto-medioambiental .container .slide>div .flex .img {
    order: 1;
    -webkit-order: 1
}

.reto-medioambiental .container .slide>div .flex .img img {
    position: absolute;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    left: 50%;
    -o-object-fit: cover;
    object-fit: cover;
    top: 0;
    width: 100%;
    height: 100%
}

.reto-medioambiental .container .slide>div .flex .texto {
    order: 2;
    -webkit-order: 2;
    position: relative;
    z-index: 1
}

.reto-medioambiental .container .slide>div .flex .texto h3 {
    color: #c03
}

.reto-medioambiental .container .slide>div .flex .texto img {
    display: block
}

.reto-medioambiental .container .slide>div .flex .texto p {
    margin: 1.25rem 0
}

.reto-medioambiental .container .slide>div .flex .texto .link {
    font-size: .875rem;
    margin: 1rem auto;
}

.reto-medioambiental .container .bx-wrapper {
    margin-top: 50px;
    position: relative
}

.reto-medioambiental .container .bx-wrapper .bx-has-pager {
    position: absolute;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    left: 40px;
    z-index: 50
}

.reto-medioambiental .container .bx-wrapper .bx-pager {
    color: rgba(255, 255, 255, .4);
    font-family: Arial;
    font-size: 0;
    font-weight: 700;
    text-align: center
}

.reto-medioambiental .container .bx-wrapper .bx-pager.bx-default-pager a {
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    background: #c03;
    border: 2px solid rgba(255, 255, 255, 0);
    border-radius: 6px;
    display: block;
    height: 8px;
    margin: 24px 0;
    outline: 0;
    text-indent: -9999px;
    width: 8px
}

.reto-medioambiental .container .bx-wrapper .bx-pager.bx-default-pager a.active,
.reto-medioambiental .container .bx-wrapper .bx-pager.bx-default-pager a:focus,
.reto-medioambiental .container .bx-wrapper .bx-pager.bx-default-pager a:hover {
    -webkit-transform: scale(1.3, 1.3);
    -moz-transform: scale(1.3, 1.3);
    -ms-transform: scale(1.3, 1.3);
    transform: scale(1.3, 1.3);
    background: #fff;
    border: 2px solid #c03
}

.reto-medioambiental .container .bx-wrapper .bx-pager-item {
    display: block;
    font-size: 0;
    line-height: 0
}

.reto-medioambiental .container .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
    display: block
}

.compromiso {
    padding: 0;
    position: relative
}

.compromiso .container {
    display: table;
    overflow: visible
}

.compromiso .container h2 {
    font-weight: 300;
    margin: 0 auto;
    text-align: center
}

.compromiso .container>p {
    font-size: 1.125rem;
    margin: 1.875rem auto;
    text-align: center;
    width: 64%
}

.compromiso .container .flex {
    justify-content: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    float: left;
    margin: 3.75rem auto 0;
    padding: 0;
    width: 100%
}

.compromiso .container .flex>div {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    margin-bottom: 1rem;
    max-width: 260px;
    padding: 0 1rem;
    width: 25%
}

.compromiso .container .flex>div i {
    background: #66bb6a;
    border-radius: 50%;
    display: block;
    height: 78px;
    margin: auto;
    position: relative;
    width: 78px
}

.compromiso .container .flex>div i:before {
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    color: #fff;
    font-size: 40px
}

.compromiso .container .flex>div i.icono_pinos:before {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    content: "";
    font-family: icomoon;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    speak: none;
    text-transform: none
}

.compromiso .container .flex>div i.icono_water:before {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    content: "";
    font-family: icomoon;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    speak: none;
    text-transform: none
}

.compromiso .container .flex>div i.icono_bateria:before {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    content: "";
    font-family: icomoon;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    speak: none;
    text-transform: none;
    font-size: 28px
}

.compromiso .container .flex>div i.icono_reciclado:before {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    content: "";
    font-family: icomoon;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    speak: none;
    text-transform: none
}

.compromiso .container .flex>div p {
    color: #8c9aa2;
    font-size: 1.125rem;
    font-weight: 400;
    margin: 1rem 0;
    text-align: center
}

.mejores-autos {
    padding: 6.25rem 0;
    position: relative
}

.mejores-autos .container {
    max-width: 1500px;
    overflow: visible
}

.mejores-autos .container h2 {
    font-weight: 300;
    margin: 0 auto;
    text-align: center
}

.mejores-autos .container>p {
    margin: 1.875rem auto;
    font-size: 1.125rem;
    text-align: center;
    width: 74%
}

.mejores-autos .container .menu {
    margin: 3.75rem auto
}

.mejores-autos .container .menu ul {
    display: table;
    height: 100%;
    margin: auto
}

.mejores-autos .container .menu ul li {
    display: table;
    float: left;
    height: 100%;
    margin: 0;
    padding: 0 1.5rem
}

.mejores-autos .container .menu ul li.activo>a {
    color: #263238
}

.mejores-autos .container .menu ul li.activo>a:before {
    background: #263238;
    width: 100%
}

.mejores-autos .container .menu ul li>a {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    color: #8c9aa2;
    cursor: pointer;
    display: table-cell;
    font-size: .875rem;
    font-weight: 700;
    margin: 0;
    padding: 0;
    position: relative;
    text-decoration: none;
    vertical-align: middle
}

.mejores-autos .container .menu ul li>a:before {
    position: absolute;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    left: 50%;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    background: 0 0;
    bottom: 0;
    content: " ";
    display: block;
    height: 2px;
    width: 0%
}

.mejores-autos .container .menu ul li>a:hover {
    color: #263238
}

.mejores-autos .container .menu ul li>a:hover:before {
    background: #263238;
    width: 100%
}

.mejores-autos .container .tipo-auto {
    position: relative
}

.mejores-autos .container .tipo-auto>div {
    display: none
}

.mejores-autos .container .tipo-auto>div:first-child {
    display: block
}

.mejores-autos .container .tipo-auto>div .titulo {
    font-size: 1.375rem;
    font-weight: 700;
    text-align: center
}

.mejores-autos .container .tipo-auto>div>p {
    margin: 1rem auto;
    font-size: 1.125rem;
    text-align: center;
    width: 60%
}

.mejores-autos .container .tipo-auto>div .link {
    font-size: 14px;
    margin: 2rem auto
}

.mejores-autos .container .tipo-auto>div>img {
    display: block;
    width: calc(100% + 40px);
    position: relative;
    left: -20px
}

.somos-agentes {
    padding-bottom: 6.25rem;
    position: relative
}

.somos-agentes .container {
    overflow: visible
}

.somos-agentes .container h2 {
    font-weight: 300;
    margin: 0 auto;
    text-align: center
}

.somos-agentes .container>p {
    margin: 1.875rem auto;
    font-size: 1.125rem;
    text-align: center;
    width: 64%
}

.somos-agentes .container .flex {
    justify-content: space-between;
    -webkit-justify-content: space-between;
    -ms-flex-pack: space-between;
    -ms-flex-pack: justify;
    margin-top: 3.125rem
}

.somos-agentes .container .flex>div {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    background: #fff;
    height: 280px;
    margin-bottom: 1rem;
    overflow: hidden;
    position: relative;
    width: 32%
}

.somos-agentes .container .flex>div:hover {
    -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19);
    -moz-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19);
    -o-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19);
    -ms-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19);
    box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19)
}

.somos-agentes .container .flex>div .video {
    height: 100%;
    overflow: hidden;
    padding-bottom: 0;
    position: relative;
    width: 100%
}

.somos-agentes .container .flex>div .video img {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    -o-object-fit: cover;
    object-fit: cover;
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%
}

.somos-agentes .container .flex>div .video:hover img {
    -webkit-transform: scale(1.08, 1.08);
    -moz-transform: scale(1.08, 1.08);
    -ms-transform: scale(1.08, 1.08);
    transform: scale(1.08, 1.08)
}

.somos-agentes .container .flex>div .video a {
    display: block;
    height: 100%;
    position: relative;
    text-decoration: none;
    width: 100%
}

.somos-agentes .container .flex>div .video a:after {
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    content: "";
    font-family: icomoon;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    speak: none;
    text-transform: none;
    color: rgba(255, 255, 255, .85);
    font-size: 3.75rem
}

.cover-responsabilidad-social {
    height: 510px;
    position: relative
}

.cover-responsabilidad-social>img {
    position: absolute;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    left: 50%;
    display: block;
    top: 0
}

.cover-responsabilidad-social .container {
    display: table;
    overflow: visible
}

.cover-responsabilidad-social .container>div {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: table-cell;
    padding: 0 2rem;
    vertical-align: middle;
    width: 60%
}

.cover-responsabilidad-social .container>div h1 {
    margin-top: 0
}

.cover-responsabilidad-social .container>div p {
    color: #37474f;
    font-size: 2rem;
    line-height: 2.75rem
}

.compromiso-mundial {
    padding: 6.25rem 0;
    position: relative
}

.compromiso-mundial .container {
    display: table;
    overflow: visible
}

.compromiso-mundial .container h2 {
    font-weight: 300;
    margin: 0 auto;
    text-align: center
}

.compromiso-mundial .container>p {
    margin: 1.875rem auto;
    font-size: 1.125rem;
    text-align: center;
    width: 64%
}

.compromiso-mundial .container .flex {
    justify-content: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    float: left;
    margin: 3.75rem auto 0;
    padding: 0;
    width: 100%
}

.compromiso-mundial .container .flex>div {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    margin-bottom: 1rem;
    max-width: 260px;
    padding: 0 1rem;
    width: 25%
}

.compromiso-mundial .container .flex>div i {
    background: #78909c;
    border-radius: 50%;
    display: block;
    height: 78px;
    margin: auto;
    position: relative;
    width: 78px
}

.compromiso-mundial .container .flex>div i:before {
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    color: #fff;
    font-size: 40px
}

.compromiso-mundial .container .flex>div i.icono_tecnologia2:before {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    content: "";
    font-family: icomoon;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    speak: none;
    text-transform: none
}

.compromiso-mundial .container .flex>div i.icono_olimpico:before {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    content: "";
    font-family: icomoon;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    speak: none;
    text-transform: none
}

.compromiso-mundial .container .flex>div i.icono_asientos:before {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    content: "";
    font-family: icomoon;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    speak: none;
    text-transform: none;
    font-size: 28px
}

.compromiso-mundial .container .flex>div i.icono_desastres:before {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    content: "";
    font-family: icomoon;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    speak: none;
    text-transform: none;
    font-size: 26px
}

.compromiso-mundial .container .flex>div p {
    font-size: 1.125rem;
    font-weight: 400;
    margin: 1rem 0;
    text-align: center
}

.iniciativas {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 760px;
    padding: 4.375rem 0;
    position: relative
}

.iniciativas .container {
    overflow: visible;
    position: relative;
    z-index: 3
}

.iniciativas .container .contenido h2 {
    color: #fff;
    font-weight: 400;
    margin: 1.25rem auto;
    text-align: left
}

.iniciativas .container .contenido p {
    color: #fff;
    font-size: 1.125rem;
    line-height: 1.75rem;
    width: 40%
}

.iniciativas .container .contenido .boton {
    margin: 2rem 0;
    max-width: 160px;
    min-width: 150px;
    padding: 12px 0;
    text-transform: uppercase
}

.iniciativas .back {
    z-index: 1
}

.iniciativas .back img {
    position: absolute;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    left: 50%;
    top: 0
}

.respeto {
    padding-top: 6.25rem;
    position: relative
}

.respeto .container {
    display: table;
    overflow: visible
}

.respeto .container h2 {
    font-weight: 300;
    margin: 0 auto;
    text-align: center
}

.respeto .container>p {
    margin: 1.875rem auto;
    font-size: 1.125rem;
    text-align: center;
    width: 64%
}

.respeto .container img {
    display: block;
    margin: 6rem auto;
    max-width: 490px;
    width: 100%
}

.toyota-apoya {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #263238;
    height: 760px;
    padding: 10rem 0;
    position: relative
}

.toyota-apoya .container {
    overflow: visible;
    position: relative;
    z-index: 3
}

.toyota-apoya .container .contenido h2 {
    color: #fff;
    font-weight: 300;
    margin: 1.25rem auto;
    text-align: center
}

.toyota-apoya .container .contenido p {
    color: #fff;
    font-size: 1.125rem;
    line-height: 1.75rem;
    margin: 3.125rem auto;
    text-align: center;
    width: 82%
}

.toyota-apoya .container .contenido a {
    display: block;
    height: 4.5rem;
    margin: 0 auto;
    position: relative;
    text-decoration: none;
    width: 4.5rem
}

.toyota-apoya .container .contenido a:after {
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    content: "";
    font-family: icomoon;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    speak: none;
    text-transform: none;
    color: rgba(255, 255, 255, .85);
    font-size: 4.5rem
}

.toyota-apoya .mascara {
    background: rgba(38, 50, 56, .6);
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2
}

.toyota-apoya .content-video {
    z-index: 1
}

.toyota-apoya .content-video .video {
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    z-index: 1;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto
}

.compromiso-mexico {
    padding: 6.25rem 0;
    position: relative
}

.compromiso-mexico .container {
    display: table;
    overflow: visible
}

.compromiso-mexico .container h2 {
    font-weight: 300;
    margin: 0 auto;
    text-align: center
}

.compromiso-mexico .container>p {
    margin: 1.875rem auto;
    font-size: 1.125rem;
    text-align: center;
    width: 64%
}

.compromiso-mexico .container .flex {
    justify-content: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    float: left;
    margin: 3.75rem auto 0;
    padding: 0;
    width: 100%
}

.compromiso-mexico .container .flex>div {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    margin-bottom: 1rem;
    max-width: 260px;
    padding: 0 1rem;
    width: 25%
}

.compromiso-mexico .container .flex>div i {
    background: #78909c;
    border-radius: 50%;
    display: block;
    height: 78px;
    margin: auto;
    position: relative;
    width: 78px
}

.compromiso-mexico .container .flex>div i:before {
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    color: #fff;
    font-size: 40px
}

.compromiso-mexico .container .flex>div i.icono_empleos:before {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    content: "";
    font-family: icomoon;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    speak: none;
    text-transform: none
}

.compromiso-mexico .container .flex>div i.icono_fundacion:before {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    content: "";
    font-family: icomoon;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    speak: none;
    text-transform: none;
    font-size: 26px
}

.compromiso-mexico .container .flex>div i.icono_leed:before {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    content: "";
    font-family: icomoon;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    speak: none;
    text-transform: none;
    font-size: 28px
}

.compromiso-mexico .container .flex>div i.icono_mexico:before {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    content: "";
    font-family: icomoon;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    speak: none;
    text-transform: none;
    font-size: 34px
}

.compromiso-mexico .container .flex>div p {
    font-size: 1.125rem;
    font-weight: 400;
    margin: 1rem 0;
    text-align: center
}

.cover-produccion {
    height: 510px;
    position: relative
}

.cover-produccion>img {
    position: absolute;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    left: 50%;
    display: block;
    top: 0
}

.cover-produccion .container {
    display: table;
    overflow: visible
}

.cover-produccion .container>div {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: table-cell;
    padding: 0 2rem;
    vertical-align: middle;
    width: 60%
}

.cover-produccion .container>div h1 {
    margin-top: 0
}

.cover-produccion .container>div p {
    color: #37474f;
    font-size: 2rem;
    line-height: 2.75rem
}

.sistema-produccion {
    background: #fafafa;
    padding: 6.25rem 0;
    position: relative
}

.sistema-produccion .container {
    overflow: visible
}

.sistema-produccion .container h2 {
    font-weight: 300;
    margin: 0 auto;
    text-align: center
}

.sistema-produccion .container>p {
    font-size: 1.125rem;
    margin: 1.875rem auto;
    text-align: center;
    width: 72%
}

.sistema-produccion .container .flex {
    justify-content: space-between;
    -webkit-justify-content: space-between;
    -ms-flex-pack: space-between;
    -ms-flex-pack: justify;
    float: left;
    margin: 3.75rem auto 0;
    padding: 0;
    width: 100%
}

.sistema-produccion .container .flex>div {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    background: #fff;
    margin-bottom: 1rem;
    width: 32%
}

.sistema-produccion .container .flex>div:hover {
    -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19);
    -moz-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19);
    -o-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19);
    -ms-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19);
    box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19)
}

.sistema-produccion .container .flex>div img {
    -o-object-fit: cover;
    object-fit: cover;
    display: block;
    width: 100%;
    height: 100%
}

.sistema-produccion .container .flex>div span {
    color: #37474f;
    display: block;
    font-size: 1.125rem;
    font-weight: 700;
    margin: 1rem
}

.sistema-produccion .container .flex>div p {
    display: block;
    font-size: 1rem;
    font-weight: 400;
    margin: 1rem;
    text-align: left
}

.toyota-mundo {
    padding: 6.25rem 0;
    position: relative
}

.toyota-mundo .container {
    overflow: visible
}

.toyota-mundo .container h2 {
    font-weight: 300;
    margin: 0 auto;
    text-align: center
}

.toyota-mundo .container>p {
    font-size: 1.125rem;
    margin: 1.875rem auto 3.75rem;
    text-align: center;
    width: 80%
}

.toyota-mundo .container>div {
    display: table;
    padding-top: 6.25rem;
    width: 100%
}

.toyota-mundo .container>div>div {
    display: table-cell;
    width: 25%
}

.toyota-mundo .container>div>div span {
    color: #37474f;
    display: block;
    font-size: 2rem;
    font-weight: 700;
    margin-top: 2rem;
    text-align: center
}

.toyota-mundo .container>div>div p {
    font-size: 1.125rem;
    margin-top: .5rem;
    text-align: center;
    line-height: 1.625rem
}

.toyota-mundo .video-container {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 760px;
    overflow: hidden;
    padding: 10rem 0;
    position: relative
}

.toyota-mundo .video-container .content-video .video {
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    height: auto;
    min-height: 100%;
    min-width: 100%;
    width: auto;
    z-index: 1
}

.nuestras-plantas {
    padding-bottom: 6.25rem;
    position: relative
}

.nuestras-plantas .container {
    overflow: visible
}

.nuestras-plantas .container h2 {
    font-weight: 300;
    margin-bottom: 0;
    text-align: center
}

.nuestras-plantas .container>div {
    display: table;
    padding-top: 6.25rem;
    width: 100%
}

.nuestras-plantas .container>div>div {
    display: table-cell;
    width: 25%
}

.nuestras-plantas .container>div>div span {
    color: #37474f;
    display: block;
    font-size: 2rem;
    font-weight: 700;
    margin-top: 2rem;
    text-align: center
}

.nuestras-plantas .container>div>div p {
    font-size: 1.125rem;
    margin-top: .5rem;
    text-align: center;
    line-height: 1.625rem
}

.nuestras-plantas .menu {
    margin: 3.75rem auto;
    max-width: 1200px;
    width: 100%
}

.nuestras-plantas .menu ul {
    display: table;
    height: 100%;
    margin: auto
}

.nuestras-plantas .menu ul li {
    display: table;
    float: left;
    height: 100%;
    margin: 0;
    padding: 0 1.5rem
}

.nuestras-plantas .menu ul li.activo>a {
    color: #263238
}

.nuestras-plantas .menu ul li.activo>a:before {
    background: #263238;
    width: 100%
}

.nuestras-plantas .menu ul li>a {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    color: #8c9aa2;
    cursor: pointer;
    display: table-cell;
    font-size: .875rem;
    font-weight: 700;
    margin: 0;
    padding: 0;
    position: relative;
    text-decoration: none;
    vertical-align: middle
}

.nuestras-plantas .menu ul li>a:before {
    position: absolute;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    left: 50%;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    background: 0 0;
    bottom: 0;
    content: " ";
    display: block;
    height: 2px;
    width: 0%
}

.nuestras-plantas .menu ul li>a:hover {
    color: #263238
}

.nuestras-plantas .menu ul li>a:hover:before {
    background: #263238;
    width: 100%
}

.nuestras-plantas .planta {
    position: relative
}

.nuestras-plantas .planta>div {
    display: none
}

.nuestras-plantas .planta>div:first-child {
    display: block
}

.nuestras-plantas .planta>div .titulo {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 1.375rem;
    font-weight: 700;
    margin: 3rem auto;
    max-width: 1200px;
    padding: 0 20px;
    text-align: center;
    width: 100%
}

.nuestras-plantas .planta>div .titulo>p {
    font-size: 1.125rem;
    margin: 1rem auto 1.25rem;
    text-align: center;
    width: 60%
}

.nuestras-plantas .planta>div .content {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 760px;
    overflow: hidden;
    padding: 10rem 0;
    position: relative
}

.nuestras-plantas .planta>div .content .info {
    position: relative;
    z-index: 3
}

.nuestras-plantas .planta>div .content .info h2 {
    color: #fff;
    font-weight: 300;
    margin: 1.25rem auto;
    text-align: center
}

.nuestras-plantas .planta>div .content .info p {
    color: #fff;
    font-size: 1.125rem;
    line-height: 1.75rem;
    margin: 3.125rem auto;
    text-align: center;
    width: 82%
}

.nuestras-plantas .planta>div .content .info a {
    display: block;
    height: 4.5rem;
    margin: 0 auto;
    position: relative;
    text-decoration: none;
    width: 4.5rem
}

.nuestras-plantas .planta>div .content .info a:after {
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    content: "";
    font-family: icomoon;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    speak: none;
    text-transform: none;
    color: rgba(255, 255, 255, .85);
    font-size: 4.5rem
}

.nuestras-plantas .planta>div .content .mascara {
    background: rgba(38, 50, 56, .6);
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2
}

.nuestras-plantas .planta>div .content .content-video {
    z-index: 1
}

.nuestras-plantas .planta>div .content .content-video .video {
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    height: auto;
    min-height: 100%;
    min-width: 100%;
    width: auto;
    z-index: 1
}

.cover-por-que-toyota {
    height: 510px;
    position: relative
}

.cover-por-que-toyota>img {
    position: absolute;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    left: 50%;
    display: block;
    top: 0
}

.cover-por-que-toyota .container {
    display: table;
    overflow: visible
}

.cover-por-que-toyota .container>div {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: table-cell;
    padding: 0 2rem;
    vertical-align: middle;
    width: 60%
}

.cover-por-que-toyota .container>div h1 {
    margin-top: 0
}

.cover-por-que-toyota .container>div p {
    color: #37474f;
    font-size: 2rem;
    line-height: 2.75rem
}

.cinco-razones {
    padding-bottom: 6.25rem
}

.cinco-razones .container h2 {
    font-weight: 300;
    text-align: center
}

.cinco-razones .container .razones {
    margin: 2rem 0;
    position: relative
}

.cinco-razones .container .razones .razon {
    display: table;
    margin: 2rem 0;
    padding: 0;
    overflow: hidden;
    width: 100%
}

.cinco-razones .container .razones .razon .columna {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    padding: 0 1rem;
    position: relative;
    width: 50%
}

.cinco-razones .container .razones .razon .columna .numero {
    color: #eee;
    font-size: 300px;
    font-weight: 700;
    line-height: 1;
    padding-right: 1rem
}

.cinco-razones .container .razones .razon .columna>div {
    display: table-cell;
    vertical-align: middle
}

.cinco-razones .container .razones .razon .columna>div h3 {
    margin: .9375rem 0
}

.cinco-razones .container .razones .razon .columna>div span {
    color: #78909c;
    display: block;
    font-size: 1.375rem;
    margin-bottom: .8125rem
}

.cinco-razones .container .razones .razon .columna>div p {
    display: block;
    font-size: 1.125rem
}

.cinco-razones .container .razones .razon .columna.img {
    position: relative;
    height: 300px
}

.cinco-razones .container .razones .razon .columna.img img {
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    display: block;
    margin: 1rem auto;
    max-width: 590px;
    width: 100%
}

.cinco-razones .container .razones .razon:nth-child(even) .columna {
    float: right
}

.cinco-razones .container .razones .razon:nth-child(even) .columna.img {
    float: left
}

.de-nosotros {
    background: #f5f5f5
}

.de-nosotros .container h2 {
    font-weight: 300
}

.de-nosotros .container .slide {
    overflow: hidden;
    width: 100%
}

.de-nosotros .container .slide li {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    max-width: 393px;
    padding: 0 .5rem;
    padding-bottom: 8.125rem
}

.de-nosotros .container .slide li .imagen {
    height: 160px;
    max-height: 160px;
    overflow: hidden;
    position: relative;
    width: 100%
}

.de-nosotros .container .slide li .imagen img {
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    display: block;
}

.de-nosotros .container .slide li span {
    color: #37474f;
    display: block;
    font-size: 1rem;
    font-weight: 700;
    margin: 1.375rem 0
}

.de-nosotros .bx-prev {
    border-radius: 50%;
    border: 2px solid #263238;
    color: #263238;
    left: 0;
    margin-right: 2rem;
    position: relative
}

.de-nosotros .bx-prev:before {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    content: "";
    font-family: icomoon;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    speak: none;
    text-transform: none;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 16px;
    left: 50%;
    position: absolute;
    text-indent: 0;
    top: 50%
}

.de-nosotros .bx-next {
    border-radius: 50%;
    border: 2px solid #263238;
    color: #263238;
    position: relative;
    right: 0
}

.de-nosotros .bx-next:before {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    content: "";
    font-family: icomoon;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    speak: none;
    text-transform: none;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 16px;
    left: 50%;
    position: absolute;
    text-indent: 0;
    top: 50%
}

.de-nosotros .bx-controls-direction {
    bottom: 50px;
    position: absolute;
    width: 100%
}

.de-nosotros .bx-controls-direction a {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    display: inline-block;
    height: 42px;
    outline: 0;
    text-decoration: none;
    text-indent: -9998px;
    width: 42px;
    z-index: 98
}

.de-nosotros .bx-controls-direction a.disabled {
    border: 2px solid rgba(38, 50, 56, .4);
    color: rgba(38, 50, 56, .4)
}

.de-nosotros .bx-controls-direction a.disabled:hover {
    background: 0 0
}

.de-nosotros .bx-wrapper .bx-has-pager {
    position: absolute;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    left: 50%;
    bottom: 40px;
    display: table
}

.de-nosotros .bx-wrapper .bx-pager {
    color: rgba(38, 50, 56, .4);
    font-family: Arial;
    font-size: 0;
    font-weight: 700;
    text-align: center
}

.de-nosotros .bx-wrapper .bx-pager.bx-default-pager a {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background: rgba(38, 50, 56, .4);
    border-radius: 5px;
    display: block;
    height: 8px;
    margin: 0 12px;
    outline: 0;
    text-indent: -9999px;
    width: 8px
}

.de-nosotros .bx-wrapper .bx-pager.bx-default-pager a.active,
.de-nosotros .bx-wrapper .bx-pager.bx-default-pager a:focus,
.de-nosotros .bx-wrapper .bx-pager.bx-default-pager a:hover {
    -webkit-transform: scale(1.5, 1.5);
    -moz-transform: scale(1.5, 1.5);
    -ms-transform: scale(1.5, 1.5);
    transform: scale(1.5, 1.5);
    background: #263238
}

.de-nosotros .bx-wrapper .bx-pager-item {
    display: inline-block;
    font-size: 0;
    line-height: 0
}

.de-nosotros .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
    display: inline-block
}

.cover-tecnologia-toyota {
    height: 510px;
    position: relative
}

.cover-tecnologia-toyota>img {
    position: absolute;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    left: 50%;
    display: block;
    top: 0
}

.cover-tecnologia-toyota .container {
    display: table;
    overflow: visible
}

.cover-tecnologia-toyota .container>div {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: table-cell;
    padding: 0 2rem;
    vertical-align: middle;
    width: 60%
}

.cover-tecnologia-toyota .container>div h1 {
    margin-top: 0
}

.cover-tecnologia-toyota .container>div p {
    color: #37474f;
    font-size: 2rem;
    line-height: 2.75rem
}

.innovacion {
    padding: 6.25rem 0;
    position: relative
}

.innovacion .container h2 {
    font-weight: 300;
    margin: 0 auto;
    text-align: center
}

.innovacion .container>p {
    margin: 1.875rem auto;
    font-size: 1rem;
    line-height: 1.625rem;
    text-align: center;
    width: 74%
}

.innovacion .container>p span {
    color: #ff1744;
    font-weight: 700
}

.innovacion .container img {
    display: block;
    margin: 1.625rem auto
}

.innovacion .container .video {
    position: relative;
    width: 100%
}

.innovacion .container .video img {
    -o-object-fit: cover;
    object-fit: cover;
    height: 100%;
    width: 100%
}

.innovacion .container .video a {
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    display: block;
    height: 100%;
    width: 100%
}

.innovacion .container .video a:after {
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    content: "";
    font-family: icomoon;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    speak: none;
    text-transform: none;
    color: #c03;
    font-size: 4.5rem
}

.sello-toyota {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 700px;
    padding: 12rem 0;
    position: relative
}

.sello-toyota .bg {
    position: absolute;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    left: 50%;
    top: 0
}

.sello-toyota .container {
    display: table;
    overflow: visible
}

.sello-toyota .container h2 {
    color: #fff;
    font-weight: 300;
    margin: 1.25rem auto;
    text-align: center
}

.sello-toyota .container p {
    color: #fff;
    font-size: 1.125rem;
    margin: 2.125rem auto;
    text-align: center;
    width: 70%
}

.sello-toyota .container p span {
    color: #ff1744;
    font-weight: 700
}

.toyota-se-adelanta {
    padding-top: 6.25rem;
    position: relative
}

.toyota-se-adelanta .container {
    display: table;
    overflow: visible
}

.toyota-se-adelanta .container>h2 {
    font-weight: 300;
    margin: 0 auto;
    text-align: center
}

.toyota-se-adelanta .container>p {
    font-size: 1.125rem;
    margin: 1.875rem auto;
    text-align: center;
    width: 80%
}

.toyota-se-adelanta .container .carro {
    position: relative
}

.toyota-se-adelanta .container .carro img {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    padding: 0 1.25rem;
    width: 100%
}

.toyota-se-adelanta .container .carro nav {
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%
}

.toyota-se-adelanta .container .carro nav ul {
    display: table;
    height: 100%;
    position: relative;
    width: 100%
}

.toyota-se-adelanta .container .carro nav ul li {
    height: 100%;
    position: absolute;
    top: 0
}

.toyota-se-adelanta .container .carro nav ul li.pote {
    left: 15%
}

.toyota-se-adelanta .container .carro nav ul li.moto {
    left: 28%
}

.toyota-se-adelanta .container .carro nav ul li.conv {
    left: 40%
}

.toyota-se-adelanta .container .carro nav ul li.conb {
    left: 48%
}

.toyota-se-adelanta .container .carro nav ul li.hidr {
    left: 60%
}

.toyota-se-adelanta .container .carro nav ul li.bate {
    left: 76%
}

.toyota-se-adelanta .container .carro nav ul li.activo:after {
    position: absolute;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    left: 50%;
    background: #78909c;
    content: " ";
    display: block;
    height: 50%;
    top: 50%;
    width: 1px;
    z-index: 0
}

.toyota-se-adelanta .container .carro nav ul li.activo:before {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    left: 50%;
    background: #78909c;
    border-radius: 50%;
    border: 8px solid transparent;
    content: " ";
    display: block;
    top: 100%;
    z-index: 1
}

.toyota-se-adelanta .container .carro nav ul li.activo span {
    border: 8px solid #fff;
    height: 26px;
    width: 26px
}

.toyota-se-adelanta .container .carro nav ul li span {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
    background: #1b80f2;
    border-radius: 50%;
    border: 8px solid transparent;
    cursor: pointer;
    display: block;
    z-index: 1
}

.toyota-se-adelanta .container .carro nav ul li span:hover {
    border: 8px solid #fff;
    height: 26px;
    width: 26px
}

.toyota-se-adelanta .container .tool {
    overflow: hidden;
    width: 100%
}

.toyota-se-adelanta .container .tool dl {
    display: none;
    position: relative;
    top: 10px;
    width: 50%;
    z-index: 0
}

.toyota-se-adelanta .container .tool dl.activo {
    display: table
}

.toyota-se-adelanta .container .tool dl.pote {
    left: 8%
}

.toyota-se-adelanta .container .tool dl.moto {
    left: 18%
}

.toyota-se-adelanta .container .tool dl.conv {
    left: 30%
}

.toyota-se-adelanta .container .tool dl.conb {
    left: 38%
}

.toyota-se-adelanta .container .tool dl.hidr {
    left: 22%
}

.toyota-se-adelanta .container .tool dl.bate {
    left: 35%
}

.toyota-se-adelanta .container .tool dl dd {
    display: table-cell;
    vertical-align: middle
}

.toyota-se-adelanta .container .tool dl dd img {
    display: block;
    margin: auto;
    width: 200px
}

.toyota-se-adelanta .container .tool dl dd p {
    font-size: 1.125rem
}

.toyota-se-adelanta .container .movilidad {
    display: table;
    margin: 2.5rem 0;
    overflow: hidden;
    width: 100%
}

.toyota-se-adelanta .container .movilidad .columna {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: table-cell;
    padding: 0 1rem;
    vertical-align: top;
    width: 50%
}

.toyota-se-adelanta .container .movilidad .columna h2 {
    margin: .625rem 0;
    font-weight: 300
}

.toyota-se-adelanta .container .movilidad .columna p {
    font-size: 1.125rem;
    margin: .625rem 0
}

.toyota-se-adelanta .container .movilidad .columna img {
    display: block;
    margin: 1rem auto;
    width: 100%
}

.toyota-se-adelanta .i-road {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 780px;
    padding: 0;
    position: relative
}

.toyota-se-adelanta .i-road p {
    color: #263238;
    font-size: 2rem;
    font-weight: 300;
    line-height: 2.75rem;
    margin: 1rem auto;
    position: relative;
    text-align: center;
    width: 70%;
    z-index: 1
}

.toyota-se-adelanta .i-road .bg {
    position: absolute;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    left: 50%;
    top: 0
}

.toyota-se-adelanta .i-road .container {
    display: table;
    overflow: visible
}

.toyota-se-adelanta .i-road .container .flex {
    justify-content: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    margin-top: 22.5rem
}

.toyota-se-adelanta .i-road .container .flex>div {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    background: #fff;
    height: 280px;
    margin-bottom: 1rem;
    margin: 0 2%;
    max-width: 380px;
    overflow: hidden;
    position: relative;
    width: 46%
}

.toyota-se-adelanta .i-road .container .flex>div:hover {
    -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19);
    -moz-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19);
    -o-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19);
    -ms-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19);
    box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19)
}

.toyota-se-adelanta .i-road .container .flex>div .video {
    height: 100%;
    overflow: hidden;
    padding-bottom: 0;
    position: relative;
    width: 100%
}

.toyota-se-adelanta .i-road .container .flex>div .video img {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    -o-object-fit: cover;
    object-fit: cover;
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%
}

.toyota-se-adelanta .i-road .container .flex>div .video:hover img {
    -webkit-transform: scale(1.08, 1.08);
    -moz-transform: scale(1.08, 1.08);
    -ms-transform: scale(1.08, 1.08);
    transform: scale(1.08, 1.08)
}

.toyota-se-adelanta .i-road .container .flex>div .video a {
    display: block;
    height: 100%;
    position: relative;
    text-decoration: none;
    width: 100%
}

.toyota-se-adelanta .i-road .container .flex>div .video a:after {
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    content: "";
    font-family: icomoon;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    speak: none;
    text-transform: none;
    color: rgba(255, 255, 255, .85);
    font-size: 3.75rem
}

.toyota-se-adelanta .ttc {
    padding-top: 6.25rem
}

.toyota-se-adelanta .ttc .container>img {
    display: block;
    margin: 3.75rem auto 0;
    max-width: 972px;
    width: 100%
}

.autos-concepto>img {
    position: absolute;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    left: 50%;
    z-index: -1
}

.autos-concepto .container {
    overflow: visible
}

.autos-concepto .container h2 {
    color: #fff;
    font-weight: 300;
    margin: 1.25rem auto;
    text-align: center
}

.autos-concepto .container p {
    color: #fff;
    font-size: 1.125rem;
    font-weight: 300;
    text-align: center
}

.autos-concepto .container .boton {
    margin: 2rem auto
}

.autos-concepto .content {
    height: 100%;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    width: 100%;
    max-width: 1000px
}

.autos-concepto .content .slide img {
    display: table;
    margin: 3rem auto 0;
    max-width: 850px;
    width: 80%
}

.autos-concepto .bx-prev {
    border-radius: 50%;
    border: 2px solid #fff;
    color: #fff;
    left: 20px;
    margin-right: 2rem;
    position: relative
}

.autos-concepto .bx-prev:before {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    content: "";
    font-family: icomoon;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    speak: none;
    text-transform: none;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 16px;
    left: 50%;
    position: absolute;
    text-indent: 0;
    top: 50%
}

.autos-concepto .bx-next {
    border-radius: 50%;
    border: 2px solid #fff;
    color: #fff;
    position: relative;
    right: 20px
}

.autos-concepto .bx-next:before {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    content: "";
    font-family: icomoon;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    speak: none;
    text-transform: none;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 16px;
    left: 50%;
    position: absolute;
    text-indent: 0;
    top: 50%
}

.autos-concepto .bx-controls-direction a {
    position: absolute;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    display: inline-block;
    height: 42px;
    outline: 0;
    text-decoration: none;
    text-indent: -9998px;
    width: 42px;
    z-index: 98
}

.autos-concepto .bx-controls-direction a.disabled {
    border: 2px solid rgba(255, 255, 255, .4);
    color: rgba(255, 255, 255, .4)
}

.autos-concepto .bx-controls-direction a.disabled:hover {
    background: 0 0
}

.autos-concepto .bx-wrapper {
    clear: both;
    margin: auto;
    overflow: hidden;
    padding-bottom: 70px
}

.autos-concepto .bx-wrapper .bx-viewport {
    overflow: visible !important
}

.autos-concepto .bx-wrapper .bx-has-pager {
    position: absolute;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    left: 50%;
    bottom: 20px;
    display: table
}

.autos-concepto .bx-wrapper .bx-pager {
    color: rgba(255, 255, 255, .4);
    font-family: Arial;
    font-size: 0;
    font-weight: 700;
    text-align: center
}

.autos-concepto .bx-wrapper .bx-pager.bx-default-pager a {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background: rgba(255, 255, 255, .4);
    border-radius: 5px;
    display: block;
    height: 8px;
    margin: 0 12px;
    outline: 0;
    text-indent: -9999px;
    width: 8px
}

.autos-concepto .bx-wrapper .bx-pager.bx-default-pager a.active,
.autos-concepto .bx-wrapper .bx-pager.bx-default-pager a:focus,
.autos-concepto .bx-wrapper .bx-pager.bx-default-pager a:hover {
    -webkit-transform: scale(1.5, 1.5);
    -moz-transform: scale(1.5, 1.5);
    -ms-transform: scale(1.5, 1.5);
    transform: scale(1.5, 1.5);
    background: #fff
}

.autos-concepto .bx-wrapper .bx-pager-item {
    display: inline-block;
    font-size: 0;
    line-height: 0
}

.autos-concepto .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
    display: inline-block
}

.seguridad {
    display: table;
    position: relative
}

.seguridad .video-seguridad {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 760px;
    overflow: hidden;
    padding: 12rem 0;
    position: relative
}

.seguridad .video-seguridad .container {
    overflow: visible;
    position: relative;
    z-index: 3
}

.seguridad .video-seguridad .container .contenido h2 {
    color: #fff;
    font-weight: 300;
    margin: 1.25rem auto;
    text-align: center
}

.seguridad .video-seguridad .container .contenido p {
    color: #fff;
    font-size: 1.125rem;
    line-height: 1.75rem;
    margin: 2.5rem auto;
    text-align: center;
    width: 76%
}

.seguridad .video-seguridad .container .contenido a {
    display: block;
    height: 4.5rem;
    margin: 0 auto;
    position: relative;
    text-decoration: none;
    width: 4.5rem
}

.seguridad .video-seguridad .container .contenido a:after {
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    content: "";
    font-family: icomoon;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    speak: none;
    text-transform: none;
    color: rgba(255, 255, 255, .85);
    font-size: 4.5rem
}

.seguridad .video-seguridad .mascara {
    background: rgba(38, 50, 56, .6);
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2
}

.seguridad .video-seguridad .content-video {
    z-index: 1
}

.seguridad .video-seguridad .content-video .video {
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    z-index: 1;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto
}

.seguridad .content-seguridad {
    margin: 3.75rem 0;
    padding: 0;
    overflow: hidden;
    width: 100%
}

.seguridad .content-seguridad .container {
    display: block;
    overflow: visible
}

.seguridad .content-seguridad .container .fila {
    display: table;
    margin: 3rem 0
}

.seguridad .content-seguridad .container .fila .columna {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: table-cell;
    padding: 0 1rem;
    position: relative;
    vertical-align: middle;
    width: 50%
}

.seguridad .content-seguridad .container .fila .columna .texto {
    display: block
}

.seguridad .content-seguridad .container .fila .columna .texto h3 {
    line-height: 2.5rem;
    margin: .625rem 0;
    text-align: left
}

.seguridad .content-seguridad .container .fila .columna .texto p {
    display: block;
    font-size: 1.125rem;
    margin: .625rem 0;
    text-align: left
}

.seguridad .content-seguridad .container .fila .columna .texto .boton {
    float: right;
    margin: 1.25rem 0
}

.seguridad .content-seguridad .container .fila .columna img {
    display: block;
    margin: auto;
    width: 100%
}

.seguridad .content-seguridad .container .fila:nth-child(even) .columna:first-child {
    float: right
}

.seguridad .content-seguridad .container .fila:nth-child(even) .columna:last-child {
    float: left
}

.seguridad .content-seguridad .container .fila:nth-child(even) .columna:last-child .texto h3 {
    text-align: right
}

.seguridad .content-seguridad .container .fila:nth-child(even) .columna:last-child .texto p {
    text-align: right
}

.cover-promocion .promocion {
    background: #e0e0e0;
    overflow: hidden;
    width: 100%
}

.cover-promocion .promocion>img {
    -o-object-fit: contain;
    object-fit: contain;
    display: block;
    max-height: 700px;
    width: 100%
}

.cover-promocion .promocion>img.mobile {
    display: none
}

.cover-promocion .container .compartir {
    display: table;
    float: right
}

.cover-promocion .container .compartir>span {
    background: #263238;
    color: #fff;
    display: table-cell;
    font-size: .875rem;
    padding: 10px 18px
}

.cover-promocion .container .compartir>a {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-left: none;
    border: 1px solid #263238;
    color: #263238;
    display: table-cell;
    position: relative;
    width: 40px
}

.cover-promocion .container .compartir>a:before {
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%
}

.cover-promocion .container .compartir>a.fa-facebook {
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
    background: linear-gradient(to right, #3b5998 50%, rgba(0, 0, 0, 0) 0);
    background-position: right bottom;
    background-size: 200% 100%
}

.cover-promocion .container .compartir>a.fa-twitter {
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
    background: linear-gradient(to right, #1da1f2 50%, rgba(0, 0, 0, 0) 0);
    background-position: right bottom;
    background-size: 200% 100%
}

.cover-promocion .container .compartir>a.fa-envelope {
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
    background: linear-gradient(to right, #cc0032 50%, rgba(0, 0, 0, 0) 0);
    background-position: right bottom;
    background-size: 200% 100%
}

.cover-promocion .container .compartir>a:hover {
    background-color: transparent;
    background-position: left bottom;
    color: #fff
}

.cover-promocion .container p {
    clear: both;
    text-align: center;
    white-space: pre-line
}

.modelos-participantes .container {
    overflow: visible
}

.modelos-participantes .container h3 {
    text-align: center
}

.modelos-participantes .container>.flex {
    justify-content: space-between;
    -webkit-justify-content: space-between;
    -ms-flex-pack: space-between;
    -ms-flex-pack: justify;
    margin: 4rem auto 0
}

.modelos-participantes .container>.flex>div {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    background: #f5f5f5;
    margin-bottom: 4rem;
    padding: 1.25rem;
    position: relative;
    width: 49%
}

.modelos-participantes .container>.flex>div h4 {
    color: #c03;
    margin-top: 0
}

.modelos-participantes .container>.flex>div .legales {
    -webkit-transform: translate(0, 50%);
    -moz-transform: translate(0, 50%);
    -ms-transform: translate(0, 50%);
    transform: translate(0, 50%);
    cursor: pointer;
    font-size: .875rem;
    margin: 0;
    position: absolute;
    right: 1.25rem;
    top: 1.25rem
}

.modelos-participantes .container>.flex>div img {
    display: table;
    margin: 4.375rem auto;
    max-width: 450px;
    width: 100%
}

.modelos-participantes .container>.flex>div img.hover {
    display: none
}

.modelos-participantes .container>.flex>div .links {
    display: table;
    margin: 1rem auto
}

.modelos-participantes .container>.flex>div .links>a {
    display: inline-block;
    font-size: .875rem;
    margin: 0 1rem
}

.modelos-participantes .container>.flex>div .detalle {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: rgba(255, 255, 255, .9);
    border: 1px solid #eee;
    display: none;
    height: 100%;
    left: 0;
    overflow: auto;
    padding: 50px 30px 30px;
    position: absolute;
    top: 0;
    width: 100%
}

.modelos-participantes .container>.flex>div .detalle .cerrar {
    background: #c03;
    cursor: pointer;
    height: 50px;
    position: absolute;
    right: 0;
    top: 0;
    width: 50px
}

.modelos-participantes .container>.flex>div .detalle .cerrar:before {
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    content: "";
    font-family: FontAwesome;
    color: #fff
}

.modelos-participantes .container>.flex>div .detalle p {
    font-size: .75rem;
    line-height: 1.25rem
}

.modelos-participantes .container>.flex>div:hover {
    -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19);
    -moz-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19);
    -o-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19);
    -ms-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19);
    box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19)
}

.modelos-participantes .container>.flex>div:hover img {
    display: none
}

.modelos-participantes .container>.flex>div:hover img.hover {
    display: block
}

.modelos-participantes .container .terminos {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-top: 1px solid #bdbdbd;
    display: table;
    margin: 0 auto 4rem;
    padding-top: 1.875rem;
    width: 80%
}

.modelos-participantes .container .terminos p {
    font-size: .75rem;
    line-height: 1.25rem
}

.nuestras-promociones {
    background: #fafafa
}

.nuestras-promociones .container>dl {
    display: table;
    height: 250px;
    width: 100%
}

.nuestras-promociones .container>dl>dd {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: table-cell;
    padding: 0 2rem;
    vertical-align: middle
}

.nuestras-promociones .container>dl>dd:first-child {
    width: 33%
}

.nuestras-promociones .container>dl>dd h3 {
    margin: 0
}

.nuestras-promociones .container>dl>dd p {
    font-size: 1.125rem;
    line-height: 2.5rem;
    margin: 0
}

.nuestras-promociones .container>dl>dd form {
    display: table;
    border-collapse: separate;
    border-spacing: 1.5rem 0;
    width: 100%
}

.nuestras-promociones .container>dl>dd form .input-field {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: table-cell
}

.nuestras-promociones .container>dl>dd .boton {
    margin: 0
}

.otras-promociones .container h3 {
    text-align: center
}

.otras-promociones .container .flex {
    justify-content: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    margin: 4.25rem auto;
    overflow: hidden
}

.otras-promociones .container .flex dl {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    padding: 1%;
    width: 31%
}

.otras-promociones .container .flex dl dd {
    overflow: hidden;
    position: relative
}

.otras-promociones .container .flex dl dd img {
    display: block;
    height: auto;
    width: 100%
}

.otras-promociones .container .flex dl dd>div {
    background: rgba(204, 0, 51, .7);
    display: none;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.otras-promociones .container .flex dl dd .boton {
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    background: #fff;
    color: #c03
}

.otras-promociones .container .flex dl dd .link {
    display: none
}

.cover-contacto {
    height: 510px;
    overflow: visible;
    position: relative
}

.cover-contacto>img {
    position: absolute;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    left: 50%;
    top: 0
}

.cover-contacto .container {
    display: table;
    overflow: visible
}

.cover-contacto .container>div {
    display: table-cell;
    vertical-align: middle
}

.cover-contacto .container>div h1 {
    margin-top: 0
}

.cover-contacto .container>div p {
    white-space: pre-line
}

.cover-contacto .container img {
    position: absolute;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    left: 50%;
    bottom: -70px;
    z-index: 1
}

.comentario {
    background: #fafafa;
    background: -moz-linear-gradient(90deg, #fafafa 50%, #fff 50%);
    background: -webkit-gradient(90deg, color-stop(50%, #fafafa), color-stop(50%, #fff));
    background: -webkit-linear-gradient(90deg, #fafafa 50%, #fff 50%);
    background: -o-linear-gradient(90deg, #fafafa 50%, #fff 50%);
    background: -ms-linear-gradient(90deg, #fafafa 50%, #fff 50%);
    background: linear-gradient(90deg, #fafafa 50%, #fff 50%)
}

.comentario .container dl {
    display: table;
    padding: 90px 0;
    width: 100%
}

.comentario .container dl dd {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: table-cell;
    padding: 0 3.125rem;
    position: relative;
    vertical-align: middle;
    width: 50%
}

.comentario .container dl dd p {
    text-align: center
}

.comentario .container dl dd p b {
    font-size: 2rem
}

.comentario .container dl dd .numero {
    background: url(img/numero_rojo_new.png) no-repeat center;
    background-size: contain;
    display: table;
    height: 56px;
    margin: 1rem auto;
    width: 280px
}

.comentario .container dl dd>.boton {
    display: none
}

.comentario .container dl dd .input-field .boton {
    margin: 1rem 0
}

.asistencia-vial {
    background: url(img/bg_asistencia_vial.jpg) no-repeat center;
    background-size: auto 100%;
    background-color: #c03
}

.asistencia-vial .container h2 {
    color: #fff;
    text-align: center
}

.asistencia-vial .container dl {
    display: table;
    padding: 68px 0;
    width: 100%
}

.asistencia-vial .container dl dd {
    display: table-cell;
    width: 33%
}

.asistencia-vial .container dl dd i {
    display: table;
    height: 150px;
    margin: auto;
    position: relative;
    width: 100%
}

.asistencia-vial .container dl dd i:before {
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    color: #fff
}

.asistencia-vial .container dl dd i.mexico:before {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    content: "";
    font-family: icomoon;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    speak: none;
    text-transform: none;
    font-size: 81px
}

.asistencia-vial .container dl dd i.usa:before {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    content: "";
    font-family: icomoon;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    speak: none;
    text-transform: none;
    font-size: 148px
}

.asistencia-vial .container dl dd i.programa:before {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    content: "";
    font-family: icomoon;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    speak: none;
    text-transform: none;
    font-size: 67px
}

.asistencia-vial .container dl dd h6 {
    color: #fff;
    font-size: 1.375rem;
    text-align: center
}

.asistencia-vial .container dl dd>a {
    color: #fff;
    display: table;
    font-size: 1.125rem;
    font-weight: 400;
    margin: 1rem auto
}

.asistencia-vial .container dl dd>p {
    color: #fff;
    font-size: .875rem;
    text-align: center;
    white-space: pre-line
}

.asistencia-vial .container dl dd>p>a {
    color: #fff;
    font-weight: 700;
    text-decoration: underline
}

.localiza {
    overflow: hidden;
    width: 100%
}

.localiza dl {
    display: table;
    width: 100%
}

.localiza dl dd {
    display: table-cell;
    padding: 60px 0;
    vertical-align: middle;
    width: 100%
}

.localiza dl dd h6 {
    color: #263238;
    font-weight: 600;
    margin-bottom: 2.625rem;
    text-align: center
}

.localiza dl dd h6:before {
    content: "";
    font-family: FontAwesome;
    color: #c03;
    display: block;
    font-size: 31px;
    margin-bottom: 2.0625rem
}

.localiza dl dd>div {
    display: table;
    padding-right: calc(35px + 1rem);
    margin: auto;
    width: 258px
}

.localiza dl dd>div span {
    position: relative
}

.localiza dl dd>div span:before {
    position: absolute;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    content: "";
    font-family: FontAwesome;
    left: 0;
    margin-right: .5rem;
    color: #bdbdbd
}

.localiza dl dd>div span input {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #bdbdbd;
    border-bottom: 1px solid #37474f;
    padding-left: 20px
}

.localiza dl dd>div span input:focus:not([readonly]) {
    border-bottom: 1px solid #37474f
}

.localiza dl dd>div span input::-webkit-input-placeholder {
    color: #bdbdbd
}

.localiza dl dd>div span input:-moz-placeholder {
    color: #bdbdbd
}

.localiza dl dd>div span input::-moz-placeholder {
    color: #bdbdbd
}

.localiza dl dd>div span input:-ms-input-placeholder {
    color: #bdbdbd
}

.localiza dl dd>div span .ubicame {
    position: absolute;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    background: 0 0;
    border-radius: 50%;
    border: none;
    cursor: pointer;
    height: 35px;
    left: 100%;
    margin: 0 .5rem;
    overflow: hidden;
    width: 35px
}

.localiza dl dd>div span .ubicame:before {
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    content: "";
    font-family: icomoon;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    speak: none;
    text-transform: none;
    color: #37474f;
    font-size: 35px
}

.localiza dl dd>div span .ubicame:hover {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    -o-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    -ms-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15)
}

.cover-asistencia {
    height: 510px;
    position: relative
}

.cover-asistencia>img {
    position: absolute;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    left: 50%;
    top: 0
}

.cover-asistencia .container {
    display: table;
    overflow: visible
}

.cover-asistencia .container>div {
    display: table-cell;
    vertical-align: middle
}

.cover-asistencia .container>div h1 {
    margin-top: 0
}

.cover-asistencia .container>div h2 {
    color: #c03;
    margin-top: 0
}

.info-vial .container>div {
    display: table;
    margin: 6.25rem auto
}

.info-vial .container>div dl dd {
    margin-left: 108px
}

.info-vial .container>div dl dd i {
    background: #cfd8dc;
    border-radius: 50%;
    display: block;
    height: 78px;
    left: 10px;
    position: absolute;
    width: 78px
}

.info-vial .container>div dl dd i:before {
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%
}

.info-vial .container>div dl dd i.icono_cubre:before {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    content: "";
    font-family: icomoon;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    speak: none;
    text-transform: none;
    font-size: 50px
}

.info-vial .container>div dl dd i.icono_remolque:before {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    content: "";
    font-family: icomoon;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    speak: none;
    text-transform: none;
    font-size: 46px
}

.info-vial .container>div dl dd i.icono_auxilio:before {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    content: "";
    font-family: icomoon;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    speak: none;
    text-transform: none;
    font-size: 46px
}

.info-vial .container>div dl dd i.icono_asesoria:before {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    content: "";
    font-family: icomoon;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    speak: none;
    text-transform: none;
    font-size: 35px
}

.info-vial .container>div dl dd i.icono_infoviajes:before {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    content: "";
    font-family: icomoon;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    speak: none;
    text-transform: none;
    font-size: 46px
}

.info-vial .container>div dl dd i.icono_pagohotel:before {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    content: "";
    font-family: icomoon;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    speak: none;
    text-transform: none;
    font-size: 38px
}

.info-vial .container>div dl dd i.icono_cobertura:before {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    content: "";
    font-family: icomoon;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    speak: none;
    text-transform: none;
    font-size: 57px
}

.info-vial .container>div dl dd i.icono_exclusiones:before {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    content: "";
    font-family: icomoon;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    speak: none;
    text-transform: none;
    font-size: 44px
}

.info-vial .container>div dl dd h3 {
    font-size: 1.625rem
}

.info-vial .container>div dl dd h4 {
    font-size: 1.625rem
}

.info-vial .container>div dl dd ul li {
    margin-bottom: 1.25rem
}

.asistencia {
    background: url(img/bg_asistencia_vial.jpg) no-repeat center;
    background-size: auto 100%;
    background-color: #c03
}

.asistencia .container h2 {
    color: #fff;
    text-align: center
}

.asistencia .container dl {
    display: table;
    margin: auto;
    padding: 68px 0;
    width: 70%
}

.asistencia .container dl dd {
    display: table-cell;
    width: 50%
}

.asistencia .container dl dd i {
    display: table;
    height: 150px;
    margin: auto;
    position: relative;
    width: 100%
}

.asistencia .container dl dd i:before {
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    color: #fff
}

.asistencia .container dl dd i.mexico:before {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    content: "";
    font-family: icomoon;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    speak: none;
    text-transform: none;
    font-size: 81px
}

.asistencia .container dl dd i.usa:before {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    content: "";
    font-family: icomoon;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    speak: none;
    text-transform: none;
    font-size: 148px
}

.asistencia .container dl dd h6 {
    color: #fff;
    font-size: 1.375rem;
    text-align: center
}

.asistencia .container dl dd>a {
    color: #fff;
    display: table;
    font-size: 1.125rem;
    font-weight: 400;
    margin: 1rem auto
}

.asistencia .container dl dd>p {
    color: #fff;
    font-size: .875rem;
    text-align: center;
    white-space: pre-line
}

.asistencia.asistencia-servicio .container p {
    color: #fff;
    margin: 1rem auto;
    text-align: center;
    width: 70%
}

.asistencia.asistencia-servicio .container h3 {
    color: #fff;
    margin: 1rem 0;
    text-align: center
}

.asistencia.asistencia-servicio .container dl {
    padding-top: 1.875rem
}

.cover-cultura {
    height: 510px;
    overflow: visible;
    position: relative
}

.cover-cultura>img {
    position: absolute;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    left: 50%;
    top: 0
}

.cover-cultura .container {
    display: table
}

.cover-cultura .container>div {
    display: table-cell;
    vertical-align: middle
}

.cover-cultura .container>div h1 {
    margin-top: 0
}

.cover-cultura .container>div h1 span {
    color: #c03
}

.cover-cultura .container>div p {
    white-space: pre-line
}

.cover-cultura .container>div p span {
    color: #c03;
    font-weight: 700
}

.conocenos {
    margin: 3.125rem 0
}

.conocenos .container {
    display: table
}

.conocenos .container>div {
    display: table-cell;
    vertical-align: top;
    width: 50%
}

.conocenos .container>div img {
    display: block;
    height: auto;
    width: 100%
}

.conocenos .container>div h2 {
    margin-top: 0
}

.conocenos .container>div .link {
    margin: 1rem 0
}

.conocenos .container>div:last-child {
    padding-left: 6.25rem
}

.nuestra-gente {
    background: #fafafa;
    overflow: hidden;
    padding: 6.25rem 0;
    position: relative;
    width: 100%
}

.nuestra-gente .slide {
    overflow: hidden;
    width: 100%
}

.nuestra-gente .slide>div {
    overflow: hidden;
    width: 100%
}

.nuestra-gente .slide>div .container .flex {
    height: 100%
}

.nuestra-gente .slide>div .container .flex>div {
    align-self: center;
    -webkit-align-self: center;
    width: 50%
}

.nuestra-gente .slide>div .container .flex>div i:after {
    color: #eee;
    content: "“";
    font-family: lucida;
    font-size: 400px;
    left: -10px;
    position: absolute;
    top: 10px;
    z-index: 0
}

.nuestra-gente .slide>div .container .flex>div cite {
    color: #c03;
    font-size: 1.375rem;
    line-height: 1.875rem
}

.nuestra-gente .slide>div .container .flex>div h3 {
    line-height: 2.375rem;
    margin-top: .9375rem;
    position: relative;
    z-index: 1
}

.nuestra-gente .slide>div .container .flex>div h3 span {
    display: block;
    font-size: 1.125rem;
    font-style: italic;
    font-weight: 600
}

.nuestra-gente .slide>div .container .flex>div p {
    font-size: 1.375rem;
    font-style: italic;
    font-weight: 300;
    line-height: 2rem;
    text-align: justify;
    white-space: pre-line;
    position: relative;
    width: 90%;
    z-index: 1
}

.nuestra-gente .slide>div .container .flex>div img {
    display: block;
    height: auto;
    width: 100%
}

.nuestra-gente .bx-prev {
    border-radius: 50%;
    border: 2px solid #263238;
    color: #263238;
    left: 0;
    margin-right: 2rem;
    position: relative
}

.nuestra-gente .bx-prev:before {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    content: "";
    font-family: icomoon;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    speak: none;
    text-transform: none;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 16px;
    left: 50%;
    position: absolute;
    text-indent: 0;
    top: 50%
}

.nuestra-gente .bx-next {
    border-radius: 50%;
    border: 2px solid #263238;
    color: #263238;
    position: relative;
    right: 0
}

.nuestra-gente .bx-next:before {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    content: "";
    font-family: icomoon;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    speak: none;
    text-transform: none;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 16px;
    left: 50%;
    position: absolute;
    text-indent: 0;
    top: 50%
}

.nuestra-gente .bx-controls-direction {
    bottom: 50px;
    position: absolute;
    width: 100%
}

.nuestra-gente .bx-controls-direction a {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    display: inline-block;
    height: 42px;
    outline: 0;
    text-decoration: none;
    text-indent: -9998px;
    width: 42px;
    z-index: 98
}

.nuestra-gente .bx-controls-direction a.disabled {
    border: 2px solid rgba(38, 50, 56, .4);
    color: rgba(38, 50, 56, .4)
}

.nuestra-gente .bx-controls-direction a.disabled:hover {
    background: 0 0
}

.nuestra-gente .bx-wrapper .bx-has-pager {
    margin: 2rem auto
}

.nuestra-gente .bx-wrapper .bx-pager {
    color: rgba(38, 50, 56, .4);
    font-family: Arial;
    font-size: 0;
    font-weight: 700;
    text-align: center
}

.nuestra-gente .bx-wrapper .bx-pager.bx-default-pager a {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background: rgba(38, 50, 56, .4);
    border-radius: 5px;
    display: block;
    height: 8px;
    margin: 0 12px;
    outline: 0;
    text-indent: -9999px;
    width: 8px
}

.nuestra-gente .bx-wrapper .bx-pager.bx-default-pager a.active,
.nuestra-gente .bx-wrapper .bx-pager.bx-default-pager a:focus,
.nuestra-gente .bx-wrapper .bx-pager.bx-default-pager a:hover {
    -webkit-transform: scale(1.5, 1.5);
    -moz-transform: scale(1.5, 1.5);
    -ms-transform: scale(1.5, 1.5);
    transform: scale(1.5, 1.5);
    background: #263238
}

.nuestra-gente .bx-wrapper .bx-pager-item {
    display: inline-block;
    font-size: 0;
    line-height: 0
}

.nuestra-gente .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
    display: inline-block
}

.cover-trabaja {
    height: 550px;
    overflow: visible;
    position: relative
}

.cover-trabaja>img {
    position: absolute;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    left: 50%;
    top: 0
}

.cover-trabaja .container {
    display: table
}

.cover-trabaja .container>div {
    display: table-cell;
    vertical-align: middle
}

.cover-trabaja .container>div h1 {
    margin-top: 0;
    white-space: pre-line
}

.cover-trabaja .container>div h1 span {
    color: #c03
}

.cover-trabaja .container>div p {
    white-space: pre-line
}

.cover-trabaja .container>div p span {
    color: #c03;
    font-weight: 700
}

.vacantes .container {
    overflow: visible
}

.vacantes .container h2 {
    text-align: center
}

.vacantes .container>p {
    text-align: center;
    white-space: pre-line
}

.vacantes .container>p span {
    color: #c03
}

.vacantes .container form {
    display: table;
    margin: 5rem auto;
    width: 100%
}

.vacantes .container form .input-field {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: table-cell;
    padding-right: 3rem;
    vertical-align: middle;
    width: 33%
}

.vacantes .container form .input-field input[type=text] {
    height: 3rem
}

.vacantes .container form .input-field input[type=text]::-webkit-input-placeholder {
    color: #78909c;
    font-weight: 300
}

.vacantes .container form .input-field input[type=text]:-moz-placeholder {
    color: #78909c;
    font-weight: 300
}

.vacantes .container form .input-field input[type=text]::-moz-placeholder {
    color: #78909c;
    font-weight: 300
}

.vacantes .container form .input-field input[type=text]:-ms-input-placeholder {
    color: #78909c;
    font-weight: 300
}

.vacantes .container>div dl {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -ms-transition: all .2s;
    transition: all .2s;
    border-bottom: 1px solid #8c9aa2;
    padding: 2.5rem 20px
}

.vacantes .container>div dl:last-child {
    border: none
}

.vacantes .container>div dl:hover {
    -webkit-transform: scale(1.02, 1.02);
    -moz-transform: scale(1.02, 1.02);
    -ms-transform: scale(1.02, 1.02);
    transform: scale(1.02, 1.02);
    -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19);
    -moz-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19);
    -o-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19);
    -ms-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19);
    box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19);
    background: #fafafa;
    border: none
}

.vacantes .container>div dl>p {
    margin: 0
}

.vacantes .container>div dl>p span {
    color: #c03;
    font-size: .875rem;
    padding-left: 1rem
}

.vacantes .container>div dl dt {
    color: #37474f;
    font-size: 1rem;
    font-weight: 700;
    margin-bottom: .8125rem
}

.vacantes .container>div dl dd {
    display: table
}

.vacantes .container>div dl dd>div {
    display: table-cell;
    vertical-align: bottom
}

.vacantes .container>div dl dd>div:first-child {
    width: 80%
}

.vacantes .container>div dl dd>div:last-child {
    width: 20%
}

.vacantes .container>div dl dd>div .link {
    font-size: .875rem;
    font-weight: 600;
    margin: 1rem 0;
    float: right
}

.vacantes .container .paginador {
    display: table;
    margin: 6.25rem auto
}

.talento {
    background: #fafafa;
    padding: 3.125rem 0
}

.talento .container {
    overflow: visible
}

.talento .container h3 {
    text-align: center
}

.talento .container p {
    text-align: center;
    white-space: pre-line
}

.talento .container>.boton {
    margin-top: 3rem
}

.talento .container form {
    max-width: 600px;
    margin: auto;
    margin-top: 80px
}

.talento .container form .file-field>div {
    position: relative
}

.talento .container form .file-field>div:before {
    position: absolute;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    content: "";
    font-family: FontAwesome;
    right: 0
}

.talento .container form .file-field>div:after {
    bottom: -5px;
    color: #8c9aa2;
    content: "(Archivos .doc o .pdf / máximo 5MB)";
    font-size: .75rem;
    left: 0;
    position: absolute
}

.talento .container form .file-field>div input::-webkit-input-placeholder {
    color: #8c9aa2;
    font-weight: 300
}

.talento .container form .file-field>div input:-moz-placeholder {
    color: #8c9aa2;
    font-weight: 300
}

.talento .container form .file-field>div input::-moz-placeholder {
    color: #8c9aa2;
    font-weight: 300
}

.talento .container form .file-field>div input:-ms-input-placeholder {
    color: #8c9aa2;
    font-weight: 300
}

.talento .container form .boton {
    margin-top: 3rem
}

.cover-ventas {
    height: 550px;
    position: relative
}

.cover-ventas>img {
    position: absolute;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    left: 50%;
    top: 0
}

.cover-ventas .container {
    display: table
}

.cover-ventas .container>div {
    display: table-cell;
    vertical-align: middle
}

.cover-ventas .container>div h1 {
    margin-top: 0
}

.cover-ventas .container>div h3 {
    margin-top: 0
}

.beneficios {
    overflow: visible
}

.beneficios .container {
    overflow: visible
}

.beneficios .container>dl {
    display: table;
    margin: 7.5rem 0;
    width: 100%
}

.beneficios .container>dl dd {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: table-cell;
    vertical-align: top;
    width: 50%
}

.beneficios .container>dl dd:last-child {
    padding-left: 7.1875rem
}

.beneficios .container>dl dd h2 {
    margin-top: 0
}

.beneficios .container>dl dd img {
    display: block;
    height: auto;
    min-width: 300px;
    width: 100%
}

.beneficios .container .ideal h2 {
    text-align: center
}

.beneficios .container .ideal .input-field {
    max-width: 465px;
    margin: 3.375rem auto
}

.beneficios .container .ideal .modelo>div {
    display: none
}

.beneficios .container .ideal .modelo>div:first-child {
    display: block
}

.beneficios .container .ideal .modelo>div h3 {
    text-align: center;
    margin-bottom: 0
}

.beneficios .container .ideal .modelo>div>p {
    text-align: center;
    font-size: 1.375rem;
    line-height: 3.625rem
}

.beneficios .container .ideal .modelo>div dl {
    display: table;
    margin: 70px auto 145px;
    width: 100%
}

.beneficios .container .ideal .modelo>div dl dd {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 2.1875rem;
    display: table-cell;
    vertical-align: middle;
    width: 50%
}

.beneficios .container .ideal .modelo>div dl dd img {
    display: block;
    height: auto;
    min-width: 284px;
    width: 100%
}

.beneficios .container .ideal .modelo>div dl dd>div {
    margin-left: 90px
}

.beneficios .container .ideal .modelo>div dl dd>div ul {
    margin: 2rem 0
}

.beneficios .container .ideal .modelo>div dl dd>div ul li {
    display: table;
    margin: 2rem 0;
    min-height: 66px;
    position: relative
}

.beneficios .container .ideal .modelo>div dl dd>div ul li i {
    background: #bdbdbd;
    border-radius: 50%;
    display: block;
    height: 66px;
    right: 100%;
    position: absolute;
    width: 66px;
    margin-right: 1rem;
    color: #bdbdbd
}

.beneficios .container .ideal .modelo>div dl dd>div ul li i:before {
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    content: "";
    direction: ltr;
    display: inline-block;
    font-family: "Material Icons";
    font-feature-settings: "liga";
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 1;
    text-rendering: optimizeLegibility;
    text-transform: none;
    white-space: nowrap;
    word-wrap: normal;
    color: #fff;
    font-size: 40px;
    line-height: 0
}

.beneficios .container .ideal .modelo>div dl dd>div ul li i.icono_tecnologia:before {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    content: "";
    font-family: icomoon;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    speak: none;
    text-transform: none
}

.beneficios .container .ideal .modelo>div dl dd>div ul li i.icono_seguridad:before {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    content: "";
    font-family: icomoon;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    speak: none;
    text-transform: none;
    font-size: 32px
}

.beneficios .container .ideal .modelo>div dl dd>div ul li i.icono_rendimiento:before {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    content: "";
    font-family: icomoon;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    speak: none;
    text-transform: none;
    font-size: 36px
}

.beneficios .container .ideal .modelo>div dl dd>div ul li i.icono_carga:before {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    content: "";
    font-family: icomoon;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    speak: none;
    text-transform: none
}

.beneficios .container .ideal .modelo>div dl dd>div ul li>p {
    display: table-cell;
    vertical-align: middle
}

.beneficios .container .ideal .modelo>div dl dd>p {
    margin: 3rem 0;
    text-align: center;
    white-space: pre-line
}

.beneficios .container .ideal .modelo>div dl dd>p span a {
    color: #c03;
    display: inline
}

.beneficios .container .ideal .modelo>div dl dd .boton {
    margin: 1rem auto
}

.flotillas {
    background: #fafafa;
    overflow: visible;
    padding: 6.25rem 0
}

.flotillas .container {
    overflow: visible
}

.flotillas .container>div {
    max-width: 600px;
    margin: auto
}

.flotillas .container>div h3 {
    margin-top: 0
}

.flotillas .container>div form {
    margin-top: 3.125rem
}

.flotillas .container>div form .file-field>div {
    position: relative
}

.flotillas .container>div form .file-field>div:before {
    position: absolute;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    content: "";
    font-family: FontAwesome;
    right: 0
}

.flotillas .container>div form .file-field>div:after {
    bottom: -5px;
    color: #8c9aa2;
    content: "(Archivos .doc o .pdf / máximo 5MB)";
    font-size: .75rem;
    left: 0;
    position: absolute
}

.flotillas .container>div form .file-field>div input::-webkit-input-placeholder {
    color: #8c9aa2;
    font-weight: 300
}

.flotillas .container>div form .file-field>div input:-moz-placeholder {
    color: #8c9aa2;
    font-weight: 300
}

.flotillas .container>div form .file-field>div input::-moz-placeholder {
    color: #8c9aa2;
    font-weight: 300
}

.flotillas .container>div form .file-field>div input:-ms-input-placeholder {
    color: #8c9aa2;
    font-weight: 300
}

.flotillas .container>div form .boton {
    margin: 1rem 0;
    margin-top: 3rem
}

.vacante {
    padding: 3.125rem 0 6.25rem
}

.vacante .container {
    overflow: visible
}

.vacante .container h3 {
    margin-top: 0
}

.vacante .container p span {
    color: #c03;
    font-size: .875rem;
    padding-left: 1rem
}

.vacante .container .link {
    margin: 0 0 3.125rem
}

.vacante .container dl dt {
    font-weight: 700;
    font-size: 1rem;
    margin: 1.625rem 0
}

.vacante .container dl dd {
    font-size: 1rem;
    color: #37474f;
    line-height: 1.625rem
}

.vacante .container .boton {
    display: table;
    max-width: inherit;
    padding: 15px 15px;
    margin: 3rem 0 0
}

.postulateModal {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: rgba(255, 255, 255, .95);
    display: none;
    height: 100vh;
    left: 0;
    position: fixed;
    top: 0;
    width: 100vw;
    z-index: 99
}

.postulateModal .close {
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    cursor: pointer;
    display: table;
    height: 25px;
    position: absolute;
    right: 20px;
    top: 40px;
    width: 25px;
    z-index: 1
}

.postulateModal .close:before {
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    content: "";
    direction: ltr;
    display: inline-block;
    font-family: "Material Icons";
    font-feature-settings: "liga";
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 1;
    text-rendering: optimizeLegibility;
    text-transform: none;
    white-space: nowrap;
    word-wrap: normal;
    color: #c03;
    font-size: 1.5625rem
}

.postulateModal .container {
    overflow: visible
}

.postulateModal .container>div {
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    max-width: 600px;
    width: 100%
}

.postulateModal .container>div h3 {
    text-align: center
}

.postulateModal .container>div p {
    text-align: center;
    white-space: pre-line
}

.postulateModal .container>div>.boton {
    margin-top: 3rem
}

.postulateModal .container>div form {
    max-width: 600px;
    margin: auto;
    margin-top: 80px
}

.postulateModal .container>div form .file-field>div {
    position: relative
}

.postulateModal .container>div form .file-field>div:before {
    position: absolute;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    content: "";
    font-family: FontAwesome;
    right: 0
}

.postulateModal .container>div form .file-field>div:after {
    bottom: -5px;
    color: #8c9aa2;
    content: "(Archivos .doc o .pdf / máximo 5MB)";
    font-size: .75rem;
    left: 0;
    position: absolute
}

.postulateModal .container>div form .file-field>div input::-webkit-input-placeholder {
    color: #8c9aa2;
    font-weight: 300
}

.postulateModal .container>div form .file-field>div input:-moz-placeholder {
    color: #8c9aa2;
    font-weight: 300
}

.postulateModal .container>div form .file-field>div input::-moz-placeholder {
    color: #8c9aa2;
    font-weight: 300
}

.postulateModal .container>div form .file-field>div input:-ms-input-placeholder {
    color: #8c9aa2;
    font-weight: 300
}

.postulateModal .container>div form .boton {
    margin: 1rem 0;
    margin-top: 3rem
}

.cover-modelo {
    overflow: hidden;
    position: relative;
    width: 100%
}

.cover-modelo .slide {
    overflow: hidden;
    width: 100%
}

.cover-modelo .slide>div {
    overflow: hidden;
    height: 510px;
    width: 100%
}

.cover-modelo .slide>div .bg {
    position: absolute;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    left: 50%;
    top: 0
}

.cover-modelo .slide>div .container .texto {
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    width: 100%
}

.cover-modelo .slide>div .container .texto h1 {
    color: #fff;
    font-size: 3.25rem;
    line-height: 3.875rem;
    margin-bottom: 0;
    margin-top: 3.25rem;
    text-align: left
}

.cover-modelo .slide>div .container .texto h3 {
    color: #fff;
    margin-top: 0;
    text-align: left
}

.cover-modelo .slide>div .container .texto h3 b {
    font-weight: 600
}

.cover-modelo .bx-prev {
    border-radius: 50%;
    border: 2px solid #fff;
    color: #fff;
    left: 0;
    margin-right: 2rem;
    position: relative
}

.cover-modelo .bx-prev:before {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    content: "";
    font-family: icomoon;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    speak: none;
    text-transform: none;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 16px;
    left: 50%;
    position: absolute;
    text-indent: 0;
    top: 50%
}

.cover-modelo .bx-next {
    border-radius: 50%;
    border: 2px solid #fff;
    color: #fff;
    position: relative;
    right: 0
}

.cover-modelo .bx-next:before {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    content: "";
    font-family: icomoon;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    speak: none;
    text-transform: none;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 16px;
    left: 50%;
    position: absolute;
    text-indent: 0;
    top: 50%
}

.cover-modelo .bx-controls-direction {
    bottom: 30px;
    position: absolute;
    width: 100%
}

.cover-modelo .bx-controls-direction a {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    display: inline-block;
    height: 42px;
    outline: 0;
    text-decoration: none;
    text-indent: -9998px;
    width: 42px;
    z-index: 98
}

.cover-modelo .bx-controls-direction a.disabled {
    border: 2px solid rgba(255, 255, 255, .4);
    color: rgba(255, 255, 255, .4)
}

.cover-modelo .bx-controls-direction a.disabled:hover {
    background: 0 0
}

.cover-modelo .bx-wrapper .bx-has-pager {
    position: absolute;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    left: 50%;
    bottom: 20px
}

.cover-modelo .bx-wrapper .bx-pager {
    color: rgba(255, 255, 255, .4);
    font-family: Arial;
    font-size: 0;
    font-weight: 700;
    text-align: center
}

.cover-modelo .bx-wrapper .bx-pager.bx-default-pager a {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background: rgba(255, 255, 255, .4);
    border-radius: 5px;
    display: block;
    height: 8px;
    margin: 0 12px;
    outline: 0;
    text-indent: -9999px;
    width: 8px
}

.cover-modelo .bx-wrapper .bx-pager.bx-default-pager a.active,
.cover-modelo .bx-wrapper .bx-pager.bx-default-pager a:focus,
.cover-modelo .bx-wrapper .bx-pager.bx-default-pager a:hover {
    background: #fff
}

.cover-modelo .bx-wrapper .bx-pager-item {
    display: inline-block;
    font-size: 0;
    line-height: 0
}

.cover-modelo .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
    display: inline-block
}

.menu-modelo {
    height: 60px;
    position: relative
}

.menu-modelo .menufixed {
    -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19);
    -moz-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19);
    -o-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19);
    -ms-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19);
    box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19);
    background: #263238;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 98
}

.menu-modelo .menufixed .container {
    max-width: 1500px
}

.menu-modelo .menufixed .container>div {
    height: 60px;
    float: left
}

.menu-modelo .menufixed .container>div>div {
    color: #fff;
    display: table;
    float: left;
    font-size: .875rem;
    font-weight: 700;
    height: 100%;
    padding: 0 1rem
}

.menu-modelo .menufixed .container>div>div span {
    display: table-cell;
    vertical-align: middle
}

.menu-modelo .menufixed .container>div>div span>img {
    display: block
}

.menu-modelo .menufixed .container>div .seccion {
    display: none;
    position: relative
}

.menu-modelo .menufixed .container nav {
    display: table;
    height: 60px;
    overflow: hidden
}

.menu-modelo .menufixed .container nav>ul {
    display: table;
    height: 100%;
    margin: auto
}

.menu-modelo .menufixed .container nav>ul>li {
    display: table;
    float: left;
    height: 100%;
    margin: 0
}

.menu-modelo .menufixed .container nav>ul>li.activo>a,
.menu-modelo .menufixed .container nav>ul>li:hover>a {
    color: #fff
}

.menu-modelo .menufixed .container nav>ul>li.activo>a:before,
.menu-modelo .menufixed .container nav>ul>li:hover>a:before {
    background: #fff;
    width: 100%
}

.menu-modelo .menufixed .container nav>ul>li>a {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    color: #78909c;
    cursor: pointer;
    display: table-cell;
    font-size: .875rem;
    font-weight: 700;
    margin: 0;
    padding: 0;
    padding: 0 1rem;
    position: relative;
    text-decoration: none;
    vertical-align: middle
}

.menu-modelo .menufixed .container nav>ul>li>a:before {
    position: absolute;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    left: 50%;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    background: 0 0;
    bottom: 0;
    content: " ";
    display: block;
    height: 4px;
    width: 0%
}

.menu-modelo .menufixed .container nav>div {
    bottom: 0;
    display: table;
    height: 60px;
    overflow: hidden;
    position: absolute;
    right: 0
}

.menu-modelo .menufixed .container nav>div .btnPrueba {
    display: table;
    float: left;
    height: 100%
}

.menu-modelo .menufixed .container nav>div .btnPrueba a {
    color: #fff;
    display: table-cell;
    font-size: .875rem;
    font-weight: 700;
    margin: 0;
    padding: 0 1.5rem;
    position: relative;
    text-decoration: none;
    vertical-align: middle
}

.menu-modelo .menufixed .container nav>div .btnAgenda {
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
    background: linear-gradient(to right, #c03 50%, rgba(0, 0, 0, 0) 0);
    background-position: right bottom;
    background-color: #37474f;
    background-size: 200% 100%;
    display: table;
    float: left;
    height: 100%
}

.menu-modelo .menufixed .container nav>div .btnAgenda:hover {
    background-color: transparent;
    background-position: left bottom
}

.menu-modelo .menufixed .container nav>div .btnAgenda:hover a {
    color: #fff
}

.menu-modelo .menufixed .container nav>div .btnAgenda.activo {
    background: #c03
}

.menu-modelo .menufixed .container nav>div .btnAgenda.activo a {
    color: #fff
}

.menu-modelo .menufixed .container nav>div .btnAgenda a {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    color: #fff;
    display: table-cell;
    font-size: .875rem;
    font-weight: 700;
    margin: 0;
    padding: 0 1.5rem;
    position: relative;
    text-decoration: none;
    vertical-align: middle
}

.render360 {
    padding: 6.25rem 0 0
}

.render360 .container .tabla {
    display: table;
    overflow: hidden;
    width: 100%
}

.render360 .container .tabla>div {
    display: table-cell;
    vertical-align: middle;
    width: 50%
}

.render360 .container .tabla>div>h2 {
    font-weight: 300;
    margin-top: 0
}

.render360 .container .tabla>div>span {
    display: block;
    font-size: 1.375rem;
    font-weight: 300;
    margin-top: .5rem
}

.render360 .container .tabla>div>span b {
    display: block;
    font-size: 2rem;
    font-weight: 600
}

.render360 .container .tabla>div>a {
    margin: 1rem 0
}

.render360 .container .tabla>div #container>p {
    text-align: center;
    margin-bottom: 1rem
}

.render360 .container .tabla>div #container .flecha360 {
    display: block;
    margin: 0;
    max-width: 146px
}

.render360 .container .tabla>div #container .menu360>span {
    color: #8c9aa2;
    display: table;
    font-size: .875rem;
    line-height: 1.1875rem;
    margin: 1rem auto;
    text-transform: capitalize
}

.render360 .container .tabla>div #container .menu360 .colores360 {
    border-collapse: separate;
    border-spacing: 15px 0;
    display: table;
    margin: 1rem auto
}

.render360 .container .tabla>div #container .menu360 .colores360>div {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    border: 1px solid #37474f;
    cursor: pointer;
    display: table-cell;
    height: 30px;
    position: relative;
    width: 30px
}

.render360 .container .tabla>div #container .menu360 .colores360>div.active,
.render360 .container .tabla>div #container .menu360 .colores360>div:hover {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    -o-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    -ms-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15)
}

.render360 .container .tabla>div #container .menu360 .colores360>div.active:before,
.render360 .container .tabla>div #container .menu360 .colores360>div:hover:before {
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    content: "";
    direction: ltr;
    display: inline-block;
    font-family: "Material Icons";
    font-feature-settings: "liga";
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 1;
    text-rendering: optimizeLegibility;
    text-transform: none;
    white-space: nowrap;
    word-wrap: normal;
    color: #fff;
    font-size: 1.25rem
}

.render360 .container .tabla>div #container .menu360 .colores360 .agehaMetalico {
    background: #28323e
}

.render360 .container .tabla>div #container .menu360 .colores360 .arena {
    background: #92816f
}

.render360 .container .tabla>div #container .menu360 .colores360 .azul {
    background: #2d4162
}

.render360 .container .tabla>div #container .menu360 .colores360 .azulElectrico {
    background: #2d6391
}

.render360 .container .tabla>div #container .menu360 .colores360 .azulFrances {
    background: #28323e
}

.render360 .container .tabla>div #container .menu360 .colores360 .azulGrafito {
    background: #324d6c
}

.render360 .container .tabla>div #container .menu360 .colores360 .azulMarino {
    background: #2d4162
}

.render360 .container .tabla>div #container .menu360 .colores360 .azulMetalico {
    background: #2052a1
}

.render360 .container .tabla>div #container .menu360 .colores360 .beige {
    background: #eee8d9
}

.render360 .container .tabla>div #container .menu360 .colores360 .beige.active:before,
.render360 .container .tabla>div #container .menu360 .colores360 .beige:hover:before {
    color: #263238
}

.render360 .container .tabla>div #container .menu360 .colores360 .blanco {
    background: #f5f5f5
}

.render360 .container .tabla>div #container .menu360 .colores360 .blanco.active:before,
.render360 .container .tabla>div #container .menu360 .colores360 .blanco:hover:before {
    color: #263238
}

.render360 .container .tabla>div #container .menu360 .colores360 .blancoPerlado {
    background: #e8e2d5
}

.render360 .container .tabla>div #container .menu360 .colores360 .blancoPerlado.active:before,
.render360 .container .tabla>div #container .menu360 .colores360 .blancoPerlado:hover:before {
    color: #263238
}

.render360 .container .tabla>div #container .menu360 .colores360 .bronce {
    background: #ccc1b6
}

.render360 .container .tabla>div #container .menu360 .colores360 .bronce.active:before,
.render360 .container .tabla>div #container .menu360 .colores360 .bronce:hover:before {
    color: #263238
}

.render360 .container .tabla>div #container .menu360 .colores360 .cafe {
    background: #510c03
}

.render360 .container .tabla>div #container .menu360 .colores360 .champagne {
    background: #eee8d9
}

.render360 .container .tabla>div #container .menu360 .colores360 .champagne.active:before,
.render360 .container .tabla>div #container .menu360 .colores360 .champagne:hover:before {
    color: #263238
}

.render360 .container .tabla>div #container .menu360 .colores360 .blanco {
    background: #f5f5f5
}

.render360 .container .tabla>div #container .menu360 .colores360 .blancoPerlado {
    background: #e8e2d5
}

.render360 .container .tabla>div #container .menu360 .colores360 .bronce {
    background: #ccc1b6
}

.render360 .container .tabla>div #container .menu360 .colores360 .cafe {
    background: #510c03
}

.render360 .container .tabla>div #container .menu360 .colores360 .champagne {
    background: #eee8d9
}

.render360 .container .tabla>div #container .menu360 .colores360 .grafito {
    background: #5c616a
}

.render360 .container .tabla>div #container .menu360 .colores360 .gris {
    background: #7b7b7b
}

.render360 .container .tabla>div #container .menu360 .colores360 .grisMetalico {
    background: #5c616a
}

.render360 .container .tabla>div #container .menu360 .colores360 .grisOscuro {
    background: #545655
}

.render360 .container .tabla>div #container .menu360 .colores360 .jade {
    background: #5b5a50
}

.render360 .container .tabla>div #container .menu360 .colores360 .morado {
    background: #4b3134
}

.render360 .container .tabla>div #container .menu360 .colores360 .naranja {
    background: #d9612d
}

.render360 .container .tabla>div #container .menu360 .colores360 .negro {
    background: #000
}

.render360 .container .tabla>div #container .menu360 .colores360 .negroMetalico {
    background: #323232
}

.render360 .container .tabla>div #container .menu360 .colores360 .rojo {
    background: #E8132B
}

.render360 .container .tabla>div #container .menu360 .colores360 .rojoOscuro {
    background: #83191d
}

.render360 .container .tabla>div #container .menu360 .colores360 .azul {
    background: #1b5293
}

.render360 .container .tabla>div #container .menu360 .colores360 .negro {
    background: #000
}

.render360 .container .tabla>div #container .menu360 .colores360 .plata {
    background: #d1d4d8
}

.render360 .container .tabla>div #container .menu360 .colores360 .plata.active:before,
.render360 .container .tabla>div #container .menu360 .colores360 .plata:hover:before {
    color: #263238
}

.render360 .container .tabla>div #container .menu360 .colores360 .plataMetalico {
    background: #d1d4d8
}

.render360 .container .tabla>div #container .menu360 .colores360 .plataMetalico.active:before,
.render360 .container .tabla>div #container .menu360 .colores360 .plataMetalico:hover:before {
    color: #263238
}

.render360 .container .tabla>div #container .menu360 .colores360 .verde {
    background: #8c9b96
}

.render360 .container .tabla>div #container .menu360 .colores360 .vinoClaro {
    background: #a41c1d
}

.render360 .container .tabla>div #container .menu360 .colores360 .aqua {
    background: #199ea3
}

.render360 .container .tabla>div #container .menu360 .colores360 .azulGrisaceo {
    background: #3d4551
}

.render360 .container .tabla>div #container .menu360 .colores360 .agheaMetalico {
    background: #1c2630
}

.render360 .container .tabla>div #container .menu360 .colores360 .grafito2 {
    background: #3a3a3a
}

.render360 .container .tabla>div #container .menu360 .colores360 .jade {
    background: #525449
}

.render360 .container .tabla>div #container .menu360 .colores360 .verdeMetalico {
    background: #189782
}

.render360 .container .tabla>div #container .menu360 .colores360 .verde1 {
    background: #73827d
}

.render360 .container .tabla>div #container .menu360 .colores360 .verde2 {
    background: #c8cc43
}

.render360 .container .tabla>div #container .menu360 .colores360 .azulNebula {
    background: #00355b
}
.render360 .container .tabla>div #container .menu360 .colores360 .rocaLunar {
    background: #bfc8c5
}
.render360 .container .tabla >div #container .menu360 .colores360 .gray {
    background: #b7b7b7;
  }
  .render360 .container .tabla >div #container .menu360 .colores360 .darkGreyish {
    background: #636362;
  }
  .render360 .container .tabla >div #container .menu360 .colores360 .pearlWhite {
    background: #f8f3d8;
  }
  .render360 .container .tabla >div #container .menu360 .colores360 .pearlWhite:before {
    color: #263238 !important;
  }
  .render360 .container .tabla >div #container .menu360 .colores360 .turquoise {
    background: #3c7f95;
  }
  .render360 .container .tabla >div #container .menu360 .colores360 .vividRed {
    background: #ed1c24;
  }
  .render360 .container .tabla >div #container .menu360 .colores360 .biWhite {
    background: linear-gradient(-45deg, #fff, #fff 49%, #000 49%, #000 51%, #000 51%);
  }
  .render360 .container .tabla >div #container .menu360 .colores360 .biWhite:before {
    color: #808080 !important;
  }
  .render360 .container .tabla >div #container .menu360 .colores360 .biSilver {
    background: linear-gradient(-45deg, #b7b7b7, #b7b7b7 49%, #000 49%, #000 51%, #000 51%);
  }
  .render360 .container .tabla >div #container .menu360 .colores360 .biPearl {
    background: linear-gradient(-45deg, #f8f3d8, #f8f3d8 49%, #000 49%, #000 51%, #000 51%);
  }
  .render360 .container .tabla >div #container .menu360 .colores360 .biPearl:before {
    color: #808080 !important;
  }
  .render360 .container .tabla >div #container .menu360 .colores360 .biYellow {
    background: linear-gradient(-45deg, #ffea36, #ffea36 49%, #000 49%, #000 51%, #000 51%);
  }
  .render360 .container .tabla >div #container .menu360 .colores360 .biTurquoise {
    background: linear-gradient(-45deg, #3c7f95, #3c7f95 49%, #000 49%, #000 51%, #000 51%);
  }
  .render360 .container .tabla >div #container .menu360 .colores360 .biRed {
    background: linear-gradient(-45deg, #ed1c24, #ed1c24 49%, #000 49%, #000 51%, #000 51%);
  }
.render360 .container .tabla>div #container .threesixty {
    height: auto !important
}

.render360 .container .tabla>div #container .threesixty>img {
    height: auto;
    width: 100%
}

.render360 .container .tabla>div #container .threesixty .spinner {
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    margin: 0 !important
}

.galeria {
    padding: 3.75rem 0
}

.galeria .container {
    overflow: visible
}

.galeria .container>h6 {
    color: #8c9aa2;
    margin-bottom: 0;
    text-align: center
}

.galeria .container>h2 {
    font-weight: 300;
    margin: 1.25rem auto;
    text-align: center
}

.galeria .container>p {
    font-size: 1.125rem;
    font-weight: 300;
    text-align: center
}

.galeria .container .menu {
    margin: 3.75rem auto
}

.galeria .container .menu ul {
    display: table;
    height: 100%;
    margin: auto
}

.galeria .container .menu ul li {
    display: table;
    float: left;
    height: 100%;
    margin: 0;
    padding: 0 1.5rem
}

.galeria .container .menu ul li.activo>a {
    color: #263238
}

.galeria .container .menu ul li.activo>a:before {
    background: #263238;
    width: 100%
}

.galeria .container .menu ul li>a {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    color: #8c9aa2;
    cursor: pointer;
    display: table-cell;
    font-size: .875rem;
    font-weight: 700;
    margin: 0;
    padding: 0;
    position: relative;
    text-decoration: none;
    vertical-align: middle
}

.galeria .container .menu ul li>a:before {
    position: absolute;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    left: 50%;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    background: 0 0;
    bottom: 0;
    content: " ";
    display: block;
    height: 2px;
    width: 0%
}

.galeria .container .menu ul li>a:hover {
    color: #263238
}

.galeria .container .menu ul li>a:hover:before {
    background: #263238;
    width: 100%
}

.galeria .container .fotos>div {
    display: none
}

.galeria .container .fotos>div:first-child {
    display: block
}

.galeria .container .fotos>div .flex {
    justify-content: space-between;
    -webkit-justify-content: space-between;
    -ms-flex-pack: space-between;
    -ms-flex-pack: justify;
    margin: 30px auto;
    padding: 0 10px
}

.galeria .container .fotos>div .flex .colum {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    webkit-display: -webkit-flex;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    -webkit-box-direction: column;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    -ms-flex-pack: space-between;
    -ms-flex-pack: justify;
    float: left;
    width: 32.5%
}

.galeria .container .fotos>div .flex .colum>div {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    background: #fff;
    height: 280px;
    margin-bottom: 1rem;
    overflow: hidden;
    position: relative;
    width: 100%
}

.galeria .container .fotos>div .flex .colum>div.bigpic {
    height: 576px
}

.galeria .container .fotos>div .flex .colum>div:hover {
    -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19);
    -moz-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19);
    -o-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19);
    -ms-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19);
    box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19)
}

.galeria .container .fotos>div .flex .colum>div .video {
    height: 100%;
    overflow: hidden;
    padding-bottom: 0;
    position: relative;
    width: 100%
}

.galeria .container .fotos>div .flex .colum>div .video img {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    -o-object-fit: cover;
    object-fit: cover;
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%
}

.galeria .container .fotos>div .flex .colum>div .video:hover img {
    -webkit-transform: scale(1.08, 1.08);
    -moz-transform: scale(1.08, 1.08);
    -ms-transform: scale(1.08, 1.08);
    transform: scale(1.08, 1.08)
}

.galeria .container .fotos>div .flex .colum>div .video:hover span:after {
    opacity: 1
}

.galeria .container .fotos>div .flex .colum>div .video span {
    cursor: pointer;
    display: block;
    height: 100%;
    position: relative;
    text-decoration: none;
    width: 100%
}

.galeria .container .fotos>div .flex .colum>div .video span:after {
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    content: "";
    font-family: icomoon;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    speak: none;
    text-transform: none;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    color: rgba(255, 255, 255, .85);
    font-size: 3.75rem;
    opacity: 0
}

.galeria .container .fotos>div .flex .colum>div .imagen {
    height: 100%;
    overflow: hidden;
    padding-bottom: 0;
    position: relative;
    width: 100%
}

.galeria .container .fotos>div .flex .colum>div .imagen img {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    -o-object-fit: cover;
    object-fit: cover;
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%
}

.galeria .container .fotos>div .flex .colum>div .imagen:hover img {
    -webkit-transform: scale(1.08, 1.08);
    -moz-transform: scale(1.08, 1.08);
    -ms-transform: scale(1.08, 1.08);
    transform: scale(1.08, 1.08)
}

.galeria .container .fotos>div .flex .colum>div .imagen:hover span:after {
    opacity: 1
}

.galeria .container .fotos>div .flex .colum>div .imagen span {
    cursor: pointer;
    display: block;
    height: 100%;
    position: relative;
    text-decoration: none;
    width: 100%
}

.galeria .container .fotos>div .flex .colum>div .imagen span:after {
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    content: "";
    font-family: FontAwesome;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    color: rgba(255, 255, 255, .85);
    font-size: 1.75rem;
    opacity: 0
}

.galeria .bx-prev {
    border-radius: 50%;
    border: 2px solid #263238;
    color: #263238;
    left: -50px;
    margin-right: 2rem;
    position: relative
}

.galeria .bx-prev:before {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    content: "";
    font-family: icomoon;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    speak: none;
    text-transform: none;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 16px;
    left: 50%;
    position: absolute;
    text-indent: 0;
    top: 50%
}

.galeria .bx-next {
    border-radius: 50%;
    border: 2px solid #263238;
    color: #263238;
    position: relative;
    right: -50px
}

.galeria .bx-next:before {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    content: "";
    font-family: icomoon;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    speak: none;
    text-transform: none;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 16px;
    left: 50%;
    position: absolute;
    text-indent: 0;
    top: 50%
}

.galeria .bx-controls-direction a {
    position: absolute;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    display: inline-block;
    height: 42px;
    outline: 0;
    text-decoration: none;
    text-indent: -9998px;
    width: 42px;
    z-index: 98
}

.galeria .bx-controls-direction a.disabled {
    border: 2px solid rgba(38, 50, 56, .4);
    color: rgba(38, 50, 56, .4)
}

.galeria .bx-controls-direction a.disabled:hover {
    background: 0 0
}

.galeria .bx-wrapper {
    clear: both;
    margin: auto;
    overflow: hidden;
    padding-bottom: 0
}

.galeria .bx-wrapper .bx-viewport {
    overflow: visible !important
}

.galeria .bx-wrapper .bx-has-pager {
    position: absolute;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    left: 50%;
    bottom: 20px;
    display: table
}

.galeria .bx-wrapper .bx-pager {
    color: rgba(38, 50, 56, .4);
    font-family: Arial;
    font-size: 0;
    font-weight: 700;
    text-align: center
}

.galeria .bx-wrapper .bx-pager.bx-default-pager a {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background: rgba(38, 50, 56, .4);
    border-radius: 5px;
    display: block;
    height: 8px;
    margin: 0 12px;
    outline: 0;
    text-indent: -9999px;
    width: 8px
}

.galeria .bx-wrapper .bx-pager.bx-default-pager a.active,
.galeria .bx-wrapper .bx-pager.bx-default-pager a:focus,
.galeria .bx-wrapper .bx-pager.bx-default-pager a:hover {
    -webkit-transform: scale(1.5, 1.5);
    -moz-transform: scale(1.5, 1.5);
    -ms-transform: scale(1.5, 1.5);
    transform: scale(1.5, 1.5);
    background: #263238
}

.galeria .bx-wrapper .bx-pager-item {
    display: inline-block;
    font-size: 0;
    line-height: 0
}

.galeria .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
    display: inline-block
}

.exterior {
    padding: 3.75rem 0
}

.exterior .container {
    overflow: visible
}

.exterior .container>h6 {
    color: #8c9aa2;
    margin-bottom: 0;
    text-align: center
}

.exterior .container>h2 {
    font-weight: 300;
    margin: 1.25rem auto;
    text-align: center
}

.exterior .container>p {
    font-size: 1.125rem;
    font-weight: 300;
    text-align: center
}

.exterior .container .menu {
    margin: 3.75rem auto
}

.exterior .container .menu ul {
    display: table;
    height: 100%;
    margin: auto
}

.exterior .container .menu ul li {
    display: table;
    float: left;
    height: 100%;
    margin: 0;
    padding: 0 1.5rem
}

.exterior .container .menu ul li.activo>a {
    color: #263238
}

.exterior .container .menu ul li.activo>a:before {
    background: #263238;
    width: 100%
}

.exterior .container .menu ul li>a {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    color: #8c9aa2;
    cursor: pointer;
    display: table-cell;
    font-size: .875rem;
    font-weight: 700;
    margin: 0;
    padding: 0;
    position: relative;
    text-decoration: none;
    vertical-align: middle
}

.exterior .container .menu ul li>a:before {
    position: absolute;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    left: 50%;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    background: 0 0;
    bottom: 0;
    content: " ";
    display: block;
    height: 2px;
    width: 0%
}

.exterior .container .menu ul li>a:hover {
    color: #263238
}

.exterior .container .menu ul li>a:hover:before {
    background: #263238;
    width: 100%
}

.exterior .container .info>div {
    display: none
}

.exterior .container .info>div:first-child {
    display: block
}

.exterior .container .info>div .tabla {
    display: table;
    width: 100%
}

.exterior .container .info>div .tabla>div {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: table-cell;
    padding: 0 2rem;
    vertical-align: middle;
    width: 50%
}

.exterior .container .info>div .tabla>div>img {
    width: 100%;
    height: auto
}

.exterior .container .info>div .tabla>div>p {
    font-size: 1.375rem
}

.panoramico {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 840px;
    padding: 4.375rem 0;
    position: relative
}

.panoramico .container {
    overflow: visible;
    position: relative;
    z-index: 3
}

.panoramico .container .contenido h2 {
    color: #263238;
    font-weight: 300;
    margin: 0 auto;
    text-align: center
}

.panoramico .container .contenido p {
    color: #78909c;
    font-size: 1.25rem;
    line-height: 1.875rem;
    margin: 0 auto;
    text-align: center
}

.panoramico .container .contenido .boton {
    bottom: 0;
    margin: 2rem auto;
    max-width: 160px;
    min-width: 150px;
    padding: 12px 0;
    right: 0;
    text-transform: uppercase
}

.panoramico .back {
    z-index: 1
}

.panoramico .back img {
    position: absolute;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    left: 50%;
    top: 0
}

.como-funciona {
    overflow: hidden;
    padding: 6.25rem 0;
    width: 100%
}

.como-funciona .container {
    overflow: visible
}

.como-funciona .container>h6 {
    color: #8c9aa2;
    font-size: 1.375rem;
    margin-top: 0;
    text-align: center
}

.como-funciona .container>h2 {
    font-weight: 300;
    margin-top: 0;
    text-align: center
}

.como-funciona .container .content-drag {
    margin: 0 auto;
    width: 600px
}

.como-funciona .container .content-drag .dragdealer {
    border-bottom: 2px solid #bdbdbd;
    margin: 0
}

.como-funciona .container .content-drag .dragdealer .red-circle {
    background: #c03;
    border: 0;
    border-radius: 50%;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .4);
    height: 30px;
    line-height: 30px;
    position: relative;
    text-align: center;
    top: 15px;
    width: 30px;
    z-index: 8
}

.como-funciona .container .content-drag .dragdealer .red-circle:after {
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    content: "";
    font-family: FontAwesome;
    color: #fff;
    font-size: 22px;
    font-weight: 600;
    left: 54%;
    top: 48%
}

.como-funciona .container .content-drag .dragdealer .red-circle:hover {
    cursor: pointer
}

.como-funciona .container .content-drag .dragdealer .icon {
    background: #fff;
    background-image: url(../images/modelos/corolla/corolla-drag.jpg);
    background-position-x: -.5px;
    background-position-y: 0;
    color: #fff;
    left: -10px;
    height: 300px;
    position: relative;
    top: 0;
    width: 100%;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-animation: iconOut .3s 1.3s backwards;
    animation: iconOut .3s 1.3s backwards;
    -webkit-animation-delay: 1s;
    animation-delay: 1s
}

.como-funciona .container .content-drag .dragdealer.active .icon {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform: translateX(0) scale(1);
    transform: translateX(0) scale(1);
    -webkit-animation: iconIn .3s forwards;
    animation: iconIn .3s forwards
}

.como-funciona .container .content-drag .scale {
    margin-top: 30px;
    width: 100%
}

.como-funciona .container .content-drag .scale td {
    position: relative;
    text-align: center;
    width: 10%
}

.como-funciona .container .content-drag .scale td img {
    left: 0;
    position: absolute;
    text-align: center;
    width: 100%
}

.confianza {
    padding: 3.75rem 0
}

.confianza .container {
    overflow: visible
}

.confianza .container>h6 {
    color: #8c9aa2;
    margin-bottom: 0;
    text-align: center
}

.confianza .container>h2 {
    font-weight: 300;
    margin: 1.25rem auto;
    text-align: center
}

.confianza .container>p {
    font-size: 1.125rem;
    font-weight: 300;
    text-align: center
}

.confianza .container .menu {
    margin: 3.75rem auto
}

.confianza .container .menu ul {
    display: table;
    height: 100%;
    margin: auto
}

.confianza .container .menu ul li {
    display: table;
    float: left;
    height: 100%;
    margin: 0;
    padding: 0 1.5rem
}

.confianza .container .menu ul li.activo>a {
    color: #263238
}

.confianza .container .menu ul li.activo>a:before {
    background: #263238;
    width: 100%
}

.confianza .container .menu ul li>a {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    color: #8c9aa2;
    cursor: pointer;
    display: table-cell;
    font-size: .875rem;
    font-weight: 700;
    margin: 0;
    padding: 0;
    position: relative;
    text-decoration: none;
    vertical-align: middle
}

.confianza .container .menu ul li>a:before {
    position: absolute;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    left: 50%;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    background: 0 0;
    bottom: 0;
    content: " ";
    display: block;
    height: 2px;
    width: 0%
}

.confianza .container .menu ul li>a:hover {
    color: #263238
}

.confianza .container .menu ul li>a:hover:before {
    background: #263238;
    width: 100%
}

.confianza .container .videos>div {
    display: none
}

.confianza .container .videos>div:first-child {
    display: block
}

.confianza .container .videos>div .tabla {
    display: table;
    width: 100%
}

.confianza .container .videos>div .tabla>div {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: table-cell;
    padding: 0 2rem;
    vertical-align: middle;
    width: 50%
}

.confianza .container .videos>div .tabla>div .video {
    height: 285px;
    max-width: 478px;
    overflow: hidden;
    padding-bottom: 0;
    position: relative;
    width: 100%
}

.confianza .container .videos>div .tabla>div .video img {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    -o-object-fit: cover;
    object-fit: cover;
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%
}

.confianza .container .videos>div .tabla>div .video:hover img {
    -webkit-transform: scale(1.08, 1.08);
    -moz-transform: scale(1.08, 1.08);
    -ms-transform: scale(1.08, 1.08);
    transform: scale(1.08, 1.08)
}

.confianza .container .videos>div .tabla>div .video a {
    cursor: pointer;
    display: block;
    height: 100%;
    position: relative;
    text-decoration: none;
    width: 100%
}

.confianza .container .videos>div .tabla>div .video a:after {
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    content: "";
    font-family: icomoon;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    speak: none;
    text-transform: none;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    color: rgba(255, 255, 255, .85);
    font-size: 3.75rem
}

.confianza .container .videos>div .tabla>div>p {
    font-size: 1.375rem
}

.adn-deportivo {
    padding: 3.75rem 0
}

.adn-deportivo>img {
    position: absolute;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    left: 50%;
    bottom: 50px;
    z-index: -1
}

.adn-deportivo .container {
    overflow: visible
}

.adn-deportivo .container h6 {
    color: #8c9aa2;
    margin-bottom: 0;
    text-align: center
}

.adn-deportivo .container h2 {
    font-weight: 300;
    margin: 1.25rem auto;
    text-align: center
}

.adn-deportivo .container p {
    font-size: 1.125rem;
    font-weight: 300;
    text-align: center
}

.adn-deportivo .container .boton {
    margin: 2rem auto
}

.adn-deportivo .container .slide img {
    display: table;
    margin: 5rem auto 0;
    max-width: 850px;
    width: 80%
}

.adn-deportivo .bx-prev {
    border-radius: 50%;
    border: 2px solid #263238;
    color: #263238;
    left: 20px;
    margin-right: 2rem;
    position: relative
}

.adn-deportivo .bx-prev:before {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    content: "";
    font-family: icomoon;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    speak: none;
    text-transform: none;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 16px;
    left: 50%;
    position: absolute;
    text-indent: 0;
    top: 50%
}

.adn-deportivo .bx-next {
    border-radius: 50%;
    border: 2px solid #263238;
    color: #263238;
    position: relative;
    right: 20px
}

.adn-deportivo .bx-next:before {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    content: "";
    font-family: icomoon;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    speak: none;
    text-transform: none;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 16px;
    left: 50%;
    position: absolute;
    text-indent: 0;
    top: 50%
}

.adn-deportivo .bx-controls-direction a {
    position: absolute;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    display: inline-block;
    height: 42px;
    outline: 0;
    text-decoration: none;
    text-indent: -9998px;
    width: 42px;
    z-index: 98
}

.adn-deportivo .bx-controls-direction a.disabled {
    border: 2px solid rgba(38, 50, 56, .4);
    color: rgba(38, 50, 56, .4)
}

.adn-deportivo .bx-controls-direction a.disabled:hover {
    background: 0 0
}

.adn-deportivo .bx-wrapper {
    clear: both;
    margin: auto;
    overflow: hidden;
    padding-bottom: 30px
}

.adn-deportivo .bx-wrapper .bx-viewport {
    overflow: visible !important
}

.adn-deportivo .bx-wrapper .bx-has-pager {
    position: absolute;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    left: 50%;
    bottom: 20px;
    display: none
}

.adn-deportivo .bx-wrapper .bx-pager {
    color: rgba(38, 50, 56, .4);
    font-family: Arial;
    font-size: 0;
    font-weight: 700;
    text-align: center
}

.adn-deportivo .bx-wrapper .bx-pager.bx-default-pager a {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background: rgba(38, 50, 56, .4);
    border-radius: 5px;
    display: block;
    height: 8px;
    margin: 0 12px;
    outline: 0;
    text-indent: -9999px;
    width: 8px
}

.adn-deportivo .bx-wrapper .bx-pager.bx-default-pager a.active,
.adn-deportivo .bx-wrapper .bx-pager.bx-default-pager a:focus,
.adn-deportivo .bx-wrapper .bx-pager.bx-default-pager a:hover {
    -webkit-transform: scale(1.5, 1.5);
    -moz-transform: scale(1.5, 1.5);
    -ms-transform: scale(1.5, 1.5);
    transform: scale(1.5, 1.5);
    background: #263238
}

.adn-deportivo .bx-wrapper .bx-pager-item {
    display: inline-block;
    font-size: 0;
    line-height: 0
}

.adn-deportivo .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
    display: inline-block
}

section.versiones {
    background: #f5f5f5;
    padding-bottom: 50px
}

section.versiones .container {
    overflow: visible
}

section.versiones .container>h6 {
    color: #8c9aa2;
    margin-bottom: 0
}

section.versiones .container h2 {
    font-weight: 300;
    margin: 4.5rem 0 1rem;
    margin-top: 0
}

section.versiones .container .link_compara {
    display: table;
    position: relative;
    width: 100%
}

section.versiones .container .link_compara .boton {
    margin: .75rem 0;
    margin-left: 15px;
    margin-right: calc(100% - 205px);
    max-width: 190px;
    min-width: 170px;
    padding: 12px 14px;
    position: relative;
    text-transform: uppercase
}

section.versiones .container .slide {
    margin-top: 2rem;
    overflow: hidden;
    padding-bottom: 50px
}

section.versiones .container .slide>div {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 1rem;
    width: 25%
}

section.versiones .container .slide>div.activo {
    display: none
}

section.versiones .container .slide>div>div {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    width: 100%
}

section.versiones .container .slide>div>div:hover {
    -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19);
    -moz-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19);
    -o-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19);
    -ms-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19);
    box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19)
}

section.versiones .container .slide>div>div.activo .info {
    height: 250px
}

section.versiones .container .slide>div>div.activo .ver span:after {
    content: "";
    font-family: FontAwesome
}

section.versiones .container .slide>div>div .img {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #fff;
    border-bottom: 1px solid #bdbdbd;
    overflow: hidden;
    padding: 0 1rem
}

section.versiones .container .slide>div>div .img>img {
    display: block;
    height: auto;
    margin: 1rem auto;
    max-width: 262px;
    width: 100%
}

section.versiones .container .slide>div>div .img h6 {
    font-size: 1.375rem;
    margin-bottom: 0;
    text-align: center
}

section.versiones .container .slide>div>div .img h6 span {
    font-weight: 300
}

section.versiones .container .slide>div>div .img>span {
    display: block;
    font-size: 1.125rem;
    font-weight: 300;
    margin-bottom: .8125rem;
    text-align: center
}

section.versiones .container .slide>div>div .img>span b {
    font-size: 1.375rem;
    font-weight: 700
}

section.versiones .container .slide>div>div .info {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    background: #fff;
    height: 8.1875rem;
    overflow: hidden;
    padding: 1rem;
    padding-bottom: 2.5rem;
    position: relative
}

section.versiones .container .slide>div>div .info ul li {
    font-size: .875rem;
    line-height: 1.25rem;
    padding-left: .875rem;
    position: relative
}

section.versiones .container .slide>div>div .info ul li:before {
    content: "";
    font-family: FontAwesome;
    font-size: 4px;
    left: 0;
    line-height: 1.25rem;
    position: absolute;
    top: 0
}

section.versiones .container .slide>div>div>dl {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #fff;
    display: table;
    margin: auto;
    padding: 1rem;
    width: 100%
}

section.versiones .container .slide>div>div>dl>dd {
    display: table-cell;
    width: 50%
}

section.versiones .container .slide>div>div>dl>dd .link {
    font-size: .875rem
}

section.versiones .bx-prev {
    border-radius: 50%;
    border: 2px solid #263238;
    color: #263238;
    left: -50px;
    margin-right: 2rem;
    position: relative
}

section.versiones .bx-prev:before {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    content: "";
    font-family: icomoon;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    speak: none;
    text-transform: none;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 16px;
    left: 50%;
    position: absolute;
    text-indent: 0;
    top: 50%
}

section.versiones .bx-next {
    border-radius: 50%;
    border: 2px solid #263238;
    color: #263238;
    position: relative;
    right: -50px
}

section.versiones .bx-next:before {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    content: "";
    font-family: icomoon;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    speak: none;
    text-transform: none;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 16px;
    left: 50%;
    position: absolute;
    text-indent: 0;
    top: 50%
}

section.versiones .bx-controls-direction a {
    position: absolute;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    display: inline-block;
    height: 42px;
    outline: 0;
    text-decoration: none;
    text-indent: -9998px;
    width: 42px;
    z-index: 98
}

section.versiones .bx-controls-direction a.disabled {
    border: 2px solid rgba(38, 50, 56, .4);
    color: rgba(38, 50, 56, .4)
}

section.versiones .bx-controls-direction a.disabled:hover {
    background: 0 0
}

section.versiones .bx-wrapper {
    clear: both;
    margin: auto;
    overflow: hidden;
    padding-bottom: 50px
}

section.versiones .bx-wrapper .bx-viewport {
    overflow: visible !important
}

section.versiones .bx-wrapper .bx-has-pager {
    position: absolute;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    left: 50%;
    bottom: 20px;
    display: table
}

section.versiones .bx-wrapper .bx-pager {
    color: rgba(38, 50, 56, .4);
    font-family: Arial;
    font-size: 0;
    font-weight: 700;
    text-align: center
}

section.versiones .bx-wrapper .bx-pager.bx-default-pager a {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background: rgba(38, 50, 56, .4);
    border-radius: 5px;
    display: block;
    height: 8px;
    margin: 0 12px;
    outline: 0;
    text-indent: -9999px;
    width: 8px
}

section.versiones .bx-wrapper .bx-pager.bx-default-pager a.active,
section.versiones .bx-wrapper .bx-pager.bx-default-pager a:focus,
section.versiones .bx-wrapper .bx-pager.bx-default-pager a:hover {
    -webkit-transform: scale(1.5, 1.5);
    -moz-transform: scale(1.5, 1.5);
    -ms-transform: scale(1.5, 1.5);
    transform: scale(1.5, 1.5);
    background: #263238
}

section.versiones .bx-wrapper .bx-pager-item {
    display: inline-block;
    font-size: 0;
    line-height: 0
}

section.versiones .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
    display: inline-block
}

.reconocimientos {
    background: #37474f
}

.reconocimientos .container h6 {
    color: #fff;
    margin-bottom: 0
}

.reconocimientos .container h2 {
    color: #fff;
    font-weight: 300;
    margin-top: 0
}

.reconocimientos .container .slide {
    overflow: hidden;
    width: 100%
}

.reconocimientos .container .slide li {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 .5rem;
    padding-bottom: 8.125rem
}

.reconocimientos .container .slide li .imagen {
    height: 160px;
    margin-bottom: 1rem;
    max-height: 160px;
    overflow: hidden;
    position: relative;
    width: 100%
}

.reconocimientos .container .slide li .imagen img {
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    display: block;
    width: auto
}

.reconocimientos .container .slide li span {
    color: #fff;
    display: block;
    font-size: 1.25rem;
    font-weight: 700;
    margin: 1.375rem 0
}

.reconocimientos .container .slide li p {
    color: #fff
}

.reconocimientos .bx-prev {
    border-radius: 50%;
    border: 2px solid #fff;
    color: #fff;
    left: 0;
    margin-right: 2rem;
    position: relative
}

.reconocimientos .bx-prev:before {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    content: "";
    font-family: icomoon;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    speak: none;
    text-transform: none;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 16px;
    left: 50%;
    position: absolute;
    text-indent: 0;
    top: 50%
}

.reconocimientos .bx-next {
    border-radius: 50%;
    border: 2px solid #fff;
    color: #fff;
    position: relative;
    right: 0
}

.reconocimientos .bx-next:before {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    content: "";
    font-family: icomoon;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    speak: none;
    text-transform: none;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 16px;
    left: 50%;
    position: absolute;
    text-indent: 0;
    top: 50%
}

.reconocimientos .bx-controls-direction {
    bottom: 50px;
    position: absolute;
    width: 100%
}

.reconocimientos .bx-controls-direction a {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    display: inline-block;
    height: 42px;
    outline: 0;
    text-decoration: none;
    text-indent: -9998px;
    width: 42px;
    z-index: 98
}

.reconocimientos .bx-controls-direction a.disabled {
    border: 2px solid rgba(255, 255, 255, .4);
    color: rgba(255, 255, 255, .4)
}

.reconocimientos .bx-controls-direction a.disabled:hover {
    background: 0 0
}

.reconocimientos .bx-wrapper .bx-has-pager {
    position: absolute;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    left: 50%;
    bottom: 40px;
    display: table
}

.reconocimientos .bx-wrapper .bx-pager {
    color: rgba(255, 255, 255, .4);
    font-family: Arial;
    font-size: 0;
    font-weight: 700;
    text-align: center
}

.reconocimientos .bx-wrapper .bx-pager.bx-default-pager a {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background: rgba(255, 255, 255, .4);
    border-radius: 5px;
    display: block;
    height: 8px;
    margin: 0 12px;
    outline: 0;
    text-indent: -9999px;
    width: 8px
}

.reconocimientos .bx-wrapper .bx-pager.bx-default-pager a.active,
.reconocimientos .bx-wrapper .bx-pager.bx-default-pager a:focus,
.reconocimientos .bx-wrapper .bx-pager.bx-default-pager a:hover {
    -webkit-transform: scale(1.5, 1.5);
    -moz-transform: scale(1.5, 1.5);
    -ms-transform: scale(1.5, 1.5);
    transform: scale(1.5, 1.5);
    background: #fff
}

.reconocimientos .bx-wrapper .bx-pager-item {
    display: inline-block;
    font-size: 0;
    line-height: 0
}

.reconocimientos .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
    display: inline-block
}

.agenda-configura {
    overflow: hidden;
    width: 100%
}

.agenda-configura .container {
    max-width: 100%;
    padding: 0
}

.agenda-configura .container dl {
    display: table;
    width: 100%
}

.agenda-configura .container dl dd {
    display: table-cell;
    padding: 90px 0;
    position: relative;
    vertical-align: middle;
    overflow: hidden;
    width: 50%
}

.agenda-configura .container dl dd img {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    -o-object-fit: cover;
    object-fit: cover;
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%
}

.agenda-configura .container dl dd:hover img {
    -webkit-transform: scale(1.08, 1.08);
    -moz-transform: scale(1.08, 1.08);
    -ms-transform: scale(1.08, 1.08);
    transform: scale(1.08, 1.08)
}

.agenda-configura .container dl dd h5 {
    color: #fff;
    font-weight: 600;
    margin-bottom: 1.875rem;
    position: relative;
    text-align: center
}

.agenda-configura .container dl dd h5:before {
    color: #fff;
    display: block;
    font-size: 31px;
    margin-bottom: 2.0625rem
}

.agenda-configura .container dl dd .boton {
    position: relative
}

.interiorModal {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: rgba(0, 0, 0, .86);
    display: none;
    height: 100vh;
    left: 0;
    overflow: auto;
    position: fixed;
    top: 0;
    width: 100vw;
    z-index: 99
}

.interiorModal .close {
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    cursor: pointer;
    display: table;
    height: 25px;
    position: absolute;
    right: 20px;
    top: 40px;
    width: 25px;
    z-index: 999
}

.interiorModal .close:before {
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    content: "";
    direction: ltr;
    display: inline-block;
    font-family: "Material Icons";
    font-feature-settings: "liga";
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 1;
    text-rendering: optimizeLegibility;
    text-transform: none;
    white-space: nowrap;
    word-wrap: normal;
    color: #c03;
    font-size: 1.5625rem
}

.interiorModal .container {
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    height: 660px;
    padding: 0 2rem
}

.interiorModal .container #pano {
    background: #000;
    height: 100%;
    width: 100%
}

.interiorModal .boton {
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    padding: 15px 28px;
    position: absolute
}

.galeriaModal {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: rgba(255, 255, 255, .98);
    display: none;
    height: 100vh;
    left: 0;
    overflow: auto;
    position: fixed;
    top: 0;
    width: 100vw;
    z-index: 99
}

.galeriaModal .close {
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    cursor: pointer;
    display: table;
    height: 25px;
    position: absolute;
    right: 20px;
    top: 40px;
    width: 25px;
    z-index: 999
}

.galeriaModal .close:before {
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    content: "";
    direction: ltr;
    display: inline-block;
    font-family: "Material Icons";
    font-feature-settings: "liga";
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 1;
    text-rendering: optimizeLegibility;
    text-transform: none;
    white-space: nowrap;
    word-wrap: normal;
    color: #c03;
    font-size: 1.5625rem
}

.galeriaModal .container {
    overflow: visible;
    padding: 0
}

.galeriaModal .container>div {
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    display: block;
    position: relative;
    width: 100%
}

.galeriaModal .container>div .slide {
    height: 660px;
    width: 100%
}

.galeriaModal .container>div .slide li {
    height: 100%;
    width: 100%
}

.galeriaModal .container>div .slide li>img {
    -o-object-fit: cover;
    object-fit: cover;
    height: 100%;
    width: 100%
}

.galeriaModal .container>div .slide li>iframe {
    height: 100%;
    width: 100%
}

.galeriaModal .container>div .redes {
    left: 100%;
    position: absolute;
    top: 0
}

.galeriaModal .container>div .redes>a {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #263238;
    border-left: none;
    border-bottom: none;
    color: #263238;
    float: left;
    height: 40px;
    position: relative;
    width: 40px
}

.galeriaModal .container>div .redes>a:last-child {
    border-bottom: 1px solid #263238
}

.galeriaModal .container>div .redes>a:before {
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%
}

.galeriaModal .container>div .redes>a.fa-download {
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
    background: linear-gradient(to right, #263238 50%, rgba(0, 0, 0, 0) 0);
    background-position: right bottom;
    background-size: 200% 100%
}

.galeriaModal .container>div .redes>a.fa-facebook {
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
    background: linear-gradient(to right, #3b5998 50%, rgba(0, 0, 0, 0) 0);
    background-position: right bottom;
    background-size: 200% 100%
}

.galeriaModal .container>div .redes>a.fa-twitter {
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
    background: linear-gradient(to right, #1da1f2 50%, rgba(0, 0, 0, 0) 0);
    background-position: right bottom;
    background-size: 200% 100%
}

.galeriaModal .container>div .redes>a.fa-envelope {
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
    background: linear-gradient(to right, #cc0032 50%, rgba(0, 0, 0, 0) 0);
    background-position: right bottom;
    background-size: 200% 100%
}

.galeriaModal .container>div .redes>a:hover {
    background-color: transparent;
    background-position: left bottom;
    color: #fff
}

.galeriaModal .container>div .bx-prev {
    border-radius: 50%;
    border: 2px solid #263238;
    color: #263238;
    left: 0;
    margin-right: 2rem;
    position: relative
}

.galeriaModal .container>div .bx-prev:before {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    content: "";
    font-family: icomoon;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    speak: none;
    text-transform: none;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 16px;
    left: 50%;
    position: absolute;
    text-indent: 0;
    top: 50%
}

.galeriaModal .container>div .bx-next {
    border-radius: 50%;
    border: 2px solid #263238;
    color: #263238;
    position: relative;
    right: 0
}

.galeriaModal .container>div .bx-next:before {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    content: "";
    font-family: icomoon;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    speak: none;
    text-transform: none;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 16px;
    left: 50%;
    position: absolute;
    text-indent: 0;
    top: 50%
}

/*.galeriaModal .container>div .bx-controls-direction {
    bottom: -60px;
    position: absolute;
    width: 100%
}*/

.galeriaModal .container>div .bx-controls-direction a {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    display: inline-block;
    height: 42px;
    outline: 0;
    text-decoration: none;
    text-indent: -9998px;
    width: 42px;
    z-index: 98
}

.galeriaModal .container>div .bx-controls-direction a.disabled {
    border: 2px solid rgba(0, 0, 0, .4);
    color: rgba(0, 0, 0, .4)
}

.galeriaModal .container>div .bx-controls-direction a.disabled:hover {
    background: 0 0
}

.galeriaModal .container>div .bx-controls-direction .indicador {
    position: absolute;
    right: 0;
    top: 0
}

.galeriaModal .container>div .bx-controls-direction .indicador>span {
    font-size: 1.375rem;
    padding: 0 2px
}

.galeriaModal .container>div .bx-wrapper .bx-has-pager {
    position: absolute;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    left: 50%;
    bottom: -40px
}

.galeriaModal .container>div .bx-wrapper .bx-pager {
    color: rgba(255, 255, 255, .4);
    font-family: Arial;
    font-size: 0;
    font-weight: 700;
    text-align: center
}

.galeriaModal .container>div .bx-wrapper .bx-pager.bx-default-pager a {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background: rgba(255, 255, 255, .4);
    border-radius: 5px;
    display: block;
    height: 8px;
    margin: 0 12px;
    outline: 0;
    text-indent: -9999px;
    width: 8px
}

.galeriaModal .container>div .bx-wrapper .bx-pager.bx-default-pager a.active,
.galeriaModal .container>div .bx-wrapper .bx-pager.bx-default-pager a:focus,
.galeriaModal .container>div .bx-wrapper .bx-pager.bx-default-pager a:hover {
    background: #fff
}

.galeriaModal .container>div .bx-wrapper .bx-pager-item {
    display: inline-block;
    font-size: 0;
    line-height: 0
}

.galeriaModal .container>div .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
    display: inline-block
}

.cover-futuro {
    overflow: hidden;
    position: relative;
    width: 100%
}

.cover-futuro .slide {
    overflow: hidden;
    width: 100%
}

.cover-futuro .slide>div {
    overflow: hidden;
    height: 510px;
    width: 100%
}

.cover-futuro .slide>div .bg {
    position: absolute;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    left: 50%;
    top: 0
}

.cover-futuro .slide>div .container .texto {
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    width: 100%
}

.cover-futuro .slide>div .container .texto h1 {
    color: #fff;
    font-size: 3.25rem;
    font-weight: 700;
    line-height: 3.875rem;
    margin-bottom: 0;
    margin-top: 6.25rem;
    text-align: left;
    text-shadow: 2px 2px 6px rgba(0, 0, 0, .4)
}

.cover-futuro .slide>div .container .texto h3 {
    color: #fff;
    margin-top: 0;
    text-align: left;
    text-shadow: 2px 2px 6px rgba(0, 0, 0, .4)
}

.cover-futuro .slide>div .container .texto h3 b {
    font-weight: 600
}

.cover-futuro .bx-prev {
    border-radius: 50%;
    border: 2px solid #fff;
    color: #fff;
    left: 0;
    margin-right: 2rem;
    position: relative
}

.cover-futuro .bx-prev:before {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    content: "";
    font-family: icomoon;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    speak: none;
    text-transform: none;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 16px;
    left: 50%;
    position: absolute;
    text-indent: 0;
    top: 50%
}

.cover-futuro .bx-next {
    border-radius: 50%;
    border: 2px solid #fff;
    color: #fff;
    position: relative;
    right: 0
}

.cover-futuro .bx-next:before {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    content: "";
    font-family: icomoon;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    speak: none;
    text-transform: none;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 16px;
    left: 50%;
    position: absolute;
    text-indent: 0;
    top: 50%
}

.cover-futuro .bx-controls-direction {
    bottom: 30px;
    position: absolute;
    width: 100%
}

.cover-futuro .bx-controls-direction a {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    display: inline-block;
    height: 42px;
    outline: 0;
    text-decoration: none;
    text-indent: -9998px;
    width: 42px;
    z-index: 98
}

.cover-futuro .bx-controls-direction a.disabled {
    border: 2px solid rgba(255, 255, 255, .4);
    color: rgba(255, 255, 255, .4)
}

.cover-futuro .bx-controls-direction a.disabled:hover {
    background: 0 0
}

.cover-futuro .bx-wrapper .bx-has-pager {
    position: absolute;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    left: 50%;
    bottom: 20px
}

.cover-futuro .bx-wrapper .bx-pager {
    color: rgba(255, 255, 255, .4);
    font-family: Arial;
    font-size: 0;
    font-weight: 700;
    text-align: center
}

.cover-futuro .bx-wrapper .bx-pager.bx-default-pager a {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background: rgba(255, 255, 255, .4);
    border-radius: 5px;
    display: block;
    height: 8px;
    margin: 0 12px;
    outline: 0;
    text-indent: -9999px;
    width: 8px
}

.cover-futuro .bx-wrapper .bx-pager.bx-default-pager a.active,
.cover-futuro .bx-wrapper .bx-pager.bx-default-pager a:focus,
.cover-futuro .bx-wrapper .bx-pager.bx-default-pager a:hover {
    background: #fff
}

.cover-futuro .bx-wrapper .bx-pager-item {
    display: inline-block;
    font-size: 0;
    line-height: 0
}

.cover-futuro .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
    display: inline-block
}

.leyenda .container p {
    color: #aaaaab;
    font-size: .75rem;
    margin: .625rem 0
}

.descripcion {
    padding: 3.75rem 0
}

.descripcion .container {
    overflow: visible
}

.descripcion .container>h2 {
    font-weight: 300;
    margin: 1rem auto;
    text-align: center;
    width: 66%
}

.descripcion .container>h3 {
    font-weight: 300;
    margin: 1rem auto;
    text-align: center
}

.descripcion .container>p {
    font-size: 1.125rem;
    font-weight: 300;
    margin: 0 auto;
    text-align: center;
    width: 80%
}

.galeria {
    padding: 0
}

.galeria .container {
    overflow: visible
}

.galeria .container>h6 {
    color: #8c9aa2;
    margin-bottom: 0;
    margin: 1rem 0 .8125rem;
    text-align: center
}

.galeria .container>h2 {
    font-weight: 300;
    margin: 1.25rem auto;
    text-align: center
}

.galeria .container>p {
    font-size: 1.125rem;
    font-weight: 300;
    text-align: center
}

.galeria .container .menu {
    margin: 3.75rem auto
}

.galeria .container .menu ul {
    display: table;
    height: 100%;
    margin: auto
}

.galeria .container .menu ul li {
    display: table;
    float: left;
    height: 100%;
    margin: 0;
    padding: 0 1.5rem
}

.galeria .container .menu ul li.activo>a {
    color: #263238
}

.galeria .container .menu ul li.activo>a:before {
    background: #263238;
    width: 100%
}

.galeria .container .menu ul li>a {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    color: #8c9aa2;
    cursor: pointer;
    display: table-cell;
    font-size: .875rem;
    font-weight: 700;
    margin: 0;
    padding: 0;
    position: relative;
    text-decoration: none;
    vertical-align: middle
}

.galeria .container .menu ul li>a:before {
    position: absolute;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    left: 50%;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    background: 0 0;
    bottom: 0;
    content: " ";
    display: block;
    height: 2px;
    width: 0%
}

.galeria .container .menu ul li>a:hover {
    color: #263238
}

.galeria .container .menu ul li>a:hover:before {
    background: #263238;
    width: 100%
}

.galeria .container .fotos>div {
    display: none
}

.galeria .container .fotos>div:first-child {
    display: block
}

.galeria .container .fotos>div .flex {
    justify-content: space-between;
    -webkit-justify-content: space-between;
    -ms-flex-pack: space-between;
    -ms-flex-pack: justify;
    margin: 30px auto 0;
    padding: 0 10px
}

.galeria .container .fotos>div .flex .colum {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    webkit-display: -webkit-flex;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    -webkit-box-direction: column;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    -ms-flex-pack: space-between;
    -ms-flex-pack: justify;
    float: left;
    width: 32.5%
}

.galeria .container .fotos>div .flex .colum>div {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    background: #fff;
    height: 280px;
    margin-bottom: 1rem;
    overflow: hidden;
    position: relative;
    width: 100%
}

.galeria .container .fotos>div .flex .colum>div.bigpic {
    height: 576px
}

.galeria .container .fotos>div .flex .colum>div:hover {
    -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19);
    -moz-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19);
    -o-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19);
    -ms-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19);
    box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19)
}

.galeria .container .fotos>div .flex .colum>div .video {
    height: 100%;
    overflow: hidden;
    padding-bottom: 0;
    position: relative;
    width: 100%
}

.galeria .container .fotos>div .flex .colum>div .video img {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    -o-object-fit: cover;
    object-fit: cover;
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%
}

.galeria .container .fotos>div .flex .colum>div .video:hover img {
    -webkit-transform: scale(1.08, 1.08);
    -moz-transform: scale(1.08, 1.08);
    -ms-transform: scale(1.08, 1.08);
    transform: scale(1.08, 1.08)
}

.galeria .container .fotos>div .flex .colum>div .video:hover span:after {
    opacity: 1
}

.galeria .container .fotos>div .flex .colum>div .video span {
    cursor: pointer;
    display: block;
    height: 100%;
    position: relative;
    text-decoration: none;
    width: 100%
}

.galeria .container .fotos>div .flex .colum>div .video span:after {
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    content: "";
    font-family: icomoon;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    speak: none;
    text-transform: none;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    color: rgba(255, 255, 255, .85);
    font-size: 3.75rem;
    opacity: 0
}

.galeria .container .fotos>div .flex .colum>div .imagen {
    height: 100%;
    overflow: hidden;
    padding-bottom: 0;
    position: relative;
    width: 100%
}

.galeria .container .fotos>div .flex .colum>div .imagen img {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    -o-object-fit: cover;
    object-fit: cover;
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%
}

.galeria .container .fotos>div .flex .colum>div .imagen:hover img {
    -webkit-transform: scale(1.08, 1.08);
    -moz-transform: scale(1.08, 1.08);
    -ms-transform: scale(1.08, 1.08);
    transform: scale(1.08, 1.08)
}

.galeria .container .fotos>div .flex .colum>div .imagen:hover span:after {
    opacity: 1
}

.galeria .container .fotos>div .flex .colum>div .imagen span {
    cursor: pointer;
    display: block;
    height: 100%;
    position: relative;
    text-decoration: none;
    width: 100%
}

.galeria .container .fotos>div .flex .colum>div .imagen span:after {
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    content: "";
    font-family: FontAwesome;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    color: rgba(255, 255, 255, .85);
    font-size: 1.75rem;
    opacity: 0
}

.galeria .bx-prev {
    border-radius: 50%;
    border: 2px solid #263238;
    color: #263238;
    left: -50px;
    margin-right: 2rem;
    position: relative
}

.galeria .bx-prev:before {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    content: "";
    font-family: icomoon;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    speak: none;
    text-transform: none;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 16px;
    left: 50%;
    position: absolute;
    text-indent: 0;
    top: 50%
}

.galeria .bx-next {
    border-radius: 50%;
    border: 2px solid #263238;
    color: #263238;
    position: relative;
    right: -50px
}

.galeria .bx-next:before {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    content: "";
    font-family: icomoon;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    speak: none;
    text-transform: none;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 16px;
    left: 50%;
    position: absolute;
    text-indent: 0;
    top: 50%
}

.galeria .bx-controls-direction a {
    position: absolute;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    display: inline-block;
    height: 42px;
    outline: 0;
    text-decoration: none;
    text-indent: -9998px;
    width: 42px;
    z-index: 98
}

.galeria .bx-controls-direction a.disabled {
    border: 2px solid rgba(38, 50, 56, .4);
    color: rgba(38, 50, 56, .4)
}

.galeria .bx-controls-direction a.disabled:hover {
    background: 0 0
}

.galeria .bx-wrapper {
    clear: both;
    margin: auto;
    overflow: hidden;
    padding-bottom: 0
}

.galeria .bx-wrapper .bx-viewport {
    overflow: visible !important
}

.galeria .bx-wrapper .bx-has-pager {
    position: absolute;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    left: 50%;
    bottom: 20px;
    display: table
}

.galeria .bx-wrapper .bx-pager {
    color: rgba(38, 50, 56, .4);
    font-family: Arial;
    font-size: 0;
    font-weight: 700;
    text-align: center
}

.galeria .bx-wrapper .bx-pager.bx-default-pager a {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background: rgba(38, 50, 56, .4);
    border-radius: 5px;
    display: block;
    height: 8px;
    margin: 0 12px;
    outline: 0;
    text-indent: -9999px;
    width: 8px
}

.galeria .bx-wrapper .bx-pager.bx-default-pager a.active,
.galeria .bx-wrapper .bx-pager.bx-default-pager a:focus,
.galeria .bx-wrapper .bx-pager.bx-default-pager a:hover {
    -webkit-transform: scale(1.5, 1.5);
    -moz-transform: scale(1.5, 1.5);
    -ms-transform: scale(1.5, 1.5);
    transform: scale(1.5, 1.5);
    background: #263238
}

.galeria .bx-wrapper .bx-pager-item {
    display: inline-block;
    font-size: 0;
    line-height: 0
}

.galeria .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
    display: inline-block
}

.leyenda .container p {
    color: #aaaaab;
    font-size: .75rem;
    margin: .625rem 0;
    text-align: left
}

.video-futuro {
    padding: 3.75rem 0 0;
    position: relative
}

.video-futuro .container {
    overflow: visible
}

.video-futuro .container>h6 {
    color: #8c9aa2;
    margin-bottom: 0;
    margin: 1rem 0 .8125rem;
    text-align: center
}

.video-futuro .container>h2 {
    font-weight: 300;
    margin: 0 auto 3.75rem;
    text-align: center
}

.video-futuro .container>p {
    font-size: 1.125rem;
    margin: 1.875rem auto 3.75rem;
    text-align: center;
    width: 80%
}

.video-futuro .container>div {
    display: table;
    padding-top: 6.25rem;
    width: 100%
}

.video-futuro .container>div>div {
    display: table-cell;
    width: 25%
}

.video-futuro .container>div>div span {
    color: #37474f;
    display: block;
    font-size: 2rem;
    font-weight: 700;
    margin-top: 2rem;
    text-align: center
}

.video-futuro .container>div>div p {
    font-size: 1.125rem;
    margin-top: .5rem;
    text-align: center;
    line-height: 1.625rem
}

.video-futuro .video-container {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 760px;
    overflow: hidden;
    padding: 4rem 0;
    position: relative
}

.video-futuro .video-container .info {
    height: 100%;
    position: relative;
    z-index: 3
}

.video-futuro .video-container .info h2 {
    color: #fff;
    font-weight: 300;
    margin: 1.25rem auto;
    text-align: center
}

.video-futuro .video-container .info p {
    color: #fff;
    font-size: 1.125rem;
    line-height: 1.75rem;
    margin: 3.125rem auto;
    text-align: center;
    width: 82%
}

.video-futuro .video-container .info .boton {
    position: absolute;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    left: 50%;
    bottom: 0;
    margin: 0 auto;
    max-width: 160px;
    min-width: 150px;
    padding: 12px 0;
    text-transform: uppercase
}

.video-futuro .video-container .mascara {
    background: rgba(38, 50, 56, .6);
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2
}

.video-futuro .video-container .content-video .video {
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    height: auto;
    min-height: 100%;
    min-width: 100%;
    width: auto;
    z-index: 1
}

.info-futuro {
    padding: 3.75rem 0 0;
    position: relative
}

.info-futuro .container {
    overflow: visible
}

.info-futuro .container>h2 {
    font-weight: 300;
    margin: 0 auto 3.75rem;
    text-align: center;
    width: 80%
}

.info-futuro .container>p {
    font-size: 1.125rem;
    margin: 1.875rem auto 3.75rem;
    text-align: center;
    width: 80%
}

.info-futuro .info-container {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 760px;
    position: relative
}

.info-futuro .info-container .container {
    overflow: visible;
    padding: 6.25rem 0;
    position: relative;
    z-index: 3
}

.info-futuro .info-container .container h2 {
    color: #fff;
    font-weight: 300;
    margin: 1.25rem auto;
    text-align: left
}

.info-futuro .info-container .container p {
    color: #fff;
    font-size: 1.125rem;
    line-height: 1.75rem;
    text-align: left;
    width: 40%
}

.info-futuro .info-container .container .boton {
    margin: 2rem 0;
    max-width: 160px;
    min-width: 150px;
    padding: 12px 0;
    text-transform: uppercase
}

.info-futuro .back {
    z-index: 1
}

.info-futuro .back img {
    position: absolute;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    left: 50%;
    top: 0
}

.galeriaModal {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: rgba(255, 255, 255, .98);
    display: none;
    height: 100vh;
    left: 0;
    overflow: auto;
    position: fixed;
    top: 0;
    width: 100vw;
    z-index: 99
}

.galeriaModal .close {
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    cursor: pointer;
    display: table;
    height: 25px;
    position: absolute;
    right: 20px;
    top: 40px;
    width: 25px;
    z-index: 999
}

.galeriaModal .close:before {
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    content: "";
    direction: ltr;
    display: inline-block;
    font-family: "Material Icons";
    font-feature-settings: "liga";
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 1;
    text-rendering: optimizeLegibility;
    text-transform: none;
    white-space: nowrap;
    word-wrap: normal;
    color: #c03;
    font-size: 1.5625rem
}

.galeriaModal .container {
    overflow: visible;
    padding: 0
}

.galeriaModal .container>div {
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    display: block;
    position: relative;
    width: 100%
}

.galeriaModal .container>div .slide {
    height: 660px;
    width: 100%
}

.galeriaModal .container>div .slide li {
    height: 100%;
    width: 100%
}

.galeriaModal .container>div .slide li>img {
    -o-object-fit: cover;
    object-fit: cover;
    height: 100%;
    width: 100%
}

.galeriaModal .container>div .slide li>iframe {
    height: 100%;
    width: 100%
}

.galeriaModal .container>div .redes {
    left: 100%;
    position: absolute;
    top: 0
}

.galeriaModal .container>div .redes>a {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #263238;
    border-left: none;
    border-bottom: none;
    color: #263238;
    float: left;
    height: 40px;
    position: relative;
    width: 40px
}

.galeriaModal .container>div .redes>a:last-child {
    border-bottom: 1px solid #263238
}

.galeriaModal .container>div .redes>a:before {
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%
}

.galeriaModal .container>div .redes>a.fa-download {
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
    background: linear-gradient(to right, #263238 50%, rgba(0, 0, 0, 0) 0);
    background-position: right bottom;
    background-size: 200% 100%
}

.galeriaModal .container>div .redes>a.fa-facebook {
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
    background: linear-gradient(to right, #3b5998 50%, rgba(0, 0, 0, 0) 0);
    background-position: right bottom;
    background-size: 200% 100%
}

.galeriaModal .container>div .redes>a.fa-twitter {
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
    background: linear-gradient(to right, #1da1f2 50%, rgba(0, 0, 0, 0) 0);
    background-position: right bottom;
    background-size: 200% 100%
}

.galeriaModal .container>div .redes>a.fa-envelope {
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
    background: linear-gradient(to right, #cc0032 50%, rgba(0, 0, 0, 0) 0);
    background-position: right bottom;
    background-size: 200% 100%
}

.galeriaModal .container>div .redes>a:hover {
    background-color: transparent;
    background-position: left bottom;
    color: #fff
}

.galeriaModal .container>div .bx-prev {
    border-radius: 50%;
    border: 2px solid #263238;
    color: #263238;
    left: 0;
    margin-right: 2rem;
    position: relative
}

.galeriaModal .container>div .bx-prev:before {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    content: "";
    font-family: icomoon;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    speak: none;
    text-transform: none;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 16px;
    left: 50%;
    position: absolute;
    text-indent: 0;
    top: 50%
}

.galeriaModal .container>div .bx-next {
    border-radius: 50%;
    border: 2px solid #263238;
    color: #263238;
    position: relative;
    right: 0
}

.galeriaModal .container>div .bx-next:before {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    content: "";
    font-family: icomoon;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    speak: none;
    text-transform: none;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 16px;
    left: 50%;
    position: absolute;
    text-indent: 0;
    top: 50%
}

/*.galeriaModal .container>div .bx-controls-direction {
    bottom: -60px;
    position: absolute;
    width: 100%
}*/

.galeriaModal .container>div .bx-controls-direction a {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    display: inline-block;
    height: 42px;
    outline: 0;
    text-decoration: none;
    text-indent: -9998px;
    width: 42px;
    z-index: 98
}

.galeriaModal .container>div .bx-controls-direction a.disabled {
    border: 2px solid rgba(0, 0, 0, .4);
    color: rgba(0, 0, 0, .4)
}

.galeriaModal .container>div .bx-controls-direction a.disabled:hover {
    background: 0 0
}

.galeriaModal .container>div .bx-controls-direction .indicador {
    position: absolute;
    right: 0;
    top: 0
}

.galeriaModal .container>div .bx-controls-direction .indicador>span {
    font-size: 1.375rem;
    padding: 0 2px
}

.galeriaModal .container>div .bx-wrapper .bx-has-pager {
    position: absolute;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    left: 50%;
    bottom: -40px
}

.galeriaModal .container>div .bx-wrapper .bx-pager {
    color: rgba(255, 255, 255, .4);
    font-family: Arial;
    font-size: 0;
    font-weight: 700;
    text-align: center
}

.galeriaModal .container>div .bx-wrapper .bx-pager.bx-default-pager a {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background: rgba(255, 255, 255, .4);
    border-radius: 5px;
    display: block;
    height: 8px;
    margin: 0 12px;
    outline: 0;
    text-indent: -9999px;
    width: 8px
}

.galeriaModal .container>div .bx-wrapper .bx-pager.bx-default-pager a.active,
.galeriaModal .container>div .bx-wrapper .bx-pager.bx-default-pager a:focus,
.galeriaModal .container>div .bx-wrapper .bx-pager.bx-default-pager a:hover {
    background: #fff
}

.galeriaModal .container>div .bx-wrapper .bx-pager-item {
    display: inline-block;
    font-size: 0;
    line-height: 0
}

.galeriaModal .container>div .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
    display: inline-block
}

.seleccion {
    background: #f5f5f5;
    padding-bottom: 50px
}

.seleccion .container {
    overflow: visible
}

.seleccion .container>p {
    margin: 3rem 0 2rem 0;
    text-align: center
}

.seleccion .container>.link.regresar {
    cursor: pointer;
    font-size: .875rem;
    left: 20px;
    margin: 1em 0;
    top: 2.5rem
}

.seleccion .container .boton {
    margin: 2rem auto;
    max-width: 190px;
    min-width: 170px;
    padding: 12px 14px;
    position: relative;
    text-transform: uppercase
}

.seleccion .container .flex {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    webkit-display: -webkit-flex;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    -webkit-box-direction: row;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: flex-start;
    -ms-flex-pack: start;
    width: 100%
}

.seleccion .container .flex .version {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 1rem 1rem;
    width: 25%
}

.seleccion .container .flex .version.activo {
    display: none
}

.seleccion .container .flex .version>div {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    position: relative;
    width: 100%
}

.seleccion .container .flex .version>div:hover {
    -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19);
    -moz-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19);
    -o-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19);
    -ms-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19);
    box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19)
}

.seleccion .container .flex .version>div.activo .info {
    height: 250px
}

.seleccion .container .flex .version>div.activo .ver span:after {
    content: "";
    font-family: FontAwesome
}

.seleccion .container .flex .version>div .bloqueo {
    background: rgba(0, 0, 0, .2);
    display: none;
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 2
}

.seleccion .container .flex .version>div .img {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #fff;
    border-bottom: 1px solid #bdbdbd;
    overflow: hidden;
    padding: 0 1rem
}

.seleccion .container .flex .version>div .img>img {
    display: block;
    height: auto;
    margin: 1rem auto;
    max-width: 262px;
    width: 100%
}

.seleccion .container .flex .version>div .img h6 {
    font-size: 1.375rem;
    margin-bottom: 0;
    text-align: center
}

.seleccion .container .flex .version>div .img h6 span {
    font-weight: 300
}

.seleccion .container .flex .version>div .img>span {
    display: block;
    font-size: 1.125rem;
    font-weight: 300;
    margin-bottom: .8125rem;
    text-align: center
}

.seleccion .container .flex .version>div .img>span b {
    font-size: 1.375rem;
    font-weight: 700
}

.seleccion .container .flex .version>div .info {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    background: #fff;
    height: 7.1875rem;
    overflow: hidden;
    padding: 1rem;
    padding-bottom: 2.5rem;
    position: relative
}

.seleccion .container .flex .version>div .info ul li {
    font-size: .875rem;
    line-height: 1.25rem;
    padding-left: .875rem;
    position: relative
}

.seleccion .container .flex .version>div .info ul li:before {
    content: "";
    font-family: FontAwesome;
    font-size: 4px;
    left: 0;
    line-height: 1.25rem;
    position: absolute;
    top: 0
}

.seleccion .container .flex .version>div>dl {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #fff;
    display: table;
    margin: auto;
    padding: 1rem;
    width: 100%
}

.seleccion .container .flex .version>div>dl>dd {
    display: table-cell;
    width: 50%
}

.seleccion .container .flex .version>div>dl>dd .link {
    font-size: .875rem;
    margin: 1em 0
}

.seleccion .container .flex .version>div .compara {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    background: #263238;
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: .875rem;
    font-weight: 600;
    opacity: 1;
    padding: .625rem 0;
    position: relative;
    text-align: center;
    width: 100%
}

.seleccion .container .flex .version>div .compara:hover {
    background: #c03
}

.seleccion .container .flex .version>div .compara.activo {
    background: #c03
}

.seleccion .container .flex .version>div .compara.activo:before {
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    content: "";
    direction: ltr;
    display: inline-block;
    font-family: "Material Icons";
    font-feature-settings: "liga";
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 1;
    text-rendering: optimizeLegibility;
    text-transform: none;
    white-space: nowrap;
    word-wrap: normal;
    color: #fff;
    font-size: 1.25rem
}

.seleccion .container .flex .version>div .compara.activo span {
    opacity: 0
}

.seleccion .container .flex .version.disable>div:hover {
    -webkit-box-shadow: 0 8px 17px 0 transparent, 0 6px 20px 0 transparent;
    -moz-box-shadow: 0 8px 17px 0 transparent, 0 6px 20px 0 transparent;
    -o-box-shadow: 0 8px 17px 0 transparent, 0 6px 20px 0 transparent;
    -ms-box-shadow: 0 8px 17px 0 transparent, 0 6px 20px 0 transparent;
    box-shadow: 0 8px 17px 0 transparent, 0 6px 20px 0 transparent
}

.seleccion .container .flex .version.disable>div .bloqueo {
    display: block
}

.versiones-comparador {
    overflow: hidden;
    padding: 0 0 2.5rem;
    width: 100%
}

.versiones-comparador .container {
    overflow: visible
}

.versiones-comparador .container>p {
    margin: 3rem 0 2rem 0;
    text-align: center;
    white-space: pre-line
}

.versiones-comparador .container>p span a {
    color: #c03;
    display: inline
}

.versiones-comparador .container>.link.regresar {
    display: inline-block;
    cursor: pointer;
    font-size: .875rem;
    left: 20px;
    margin: 1em 0;
    top: 2.5rem
}

.versiones-comparador .container .carros {
    display: table;
    width: 100%
}

.versiones-comparador .container .carros dl {
    display: table;
    height: 226px;
    width: 100%
}

.versiones-comparador .container .carros dl dd {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    display: table-cell;
    max-width: 220px;
    padding: 0 .5rem;
    position: relative;
    width: 36%
}

.versiones-comparador .container .carros dl dd>i {
    background: #78909c;
    border-radius: 50%;
    display: block;
    height: 78px;
    margin: auto;
    position: relative;
    width: 78px
}

.versiones-comparador .container .carros dl dd>i:before {
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    color: #fff;
    font-size: 40px
}

.versiones-comparador .container .carros dl dd>i.icono_tecnologia2:before {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    content: "";
    font-family: icomoon;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    speak: none;
    text-transform: none
}

.versiones-comparador .container .carros dl dd>i.icono_olimpico:before {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    content: "";
    font-family: icomoon;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    speak: none;
    text-transform: none
}

.versiones-comparador .container .carros dl dd>i.icono_asientos:before {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    content: "";
    font-family: icomoon;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    speak: none;
    text-transform: none;
    font-size: 28px
}

.versiones-comparador .container .carros dl dd>i.icono_desastres:before {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    content: "";
    font-family: icomoon;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    speak: none;
    text-transform: none;
    font-size: 26px
}

.versiones-comparador .container .carros dl dd p {
    font-size: .75rem;
    line-height: 1rem;
    font-weight: 400;
    margin: 1rem 0
}

.versiones-comparador .container .carros dl dd.center {
    text-align: center
}

.versiones-comparador .container .carros dl dd .removercarro {
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    cursor: pointer;
    display: table;
    height: 25px;
    position: absolute;
    right: 20px;
    top: 40px;
    width: 25px;
    z-index: 1
}

.versiones-comparador .container .carros dl dd .removercarro:before {
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    content: "";
    direction: ltr;
    display: inline-block;
    font-family: "Material Icons";
    font-feature-settings: "liga";
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 1;
    text-rendering: optimizeLegibility;
    text-transform: none;
    white-space: nowrap;
    word-wrap: normal;
    color: #c03;
    font-size: 1.5625rem
}

.versiones-comparador .container .carros dl dd .carro-version {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden
}

.versiones-comparador .container .carros dl dd .carro-version>img {
    display: block;
    height: auto;
    margin: 1rem auto 0;
    max-width: 262px;
    width: 100%
}

.versiones-comparador .container .carros dl dd .carro-version h5 {
    margin-bottom: 0;
    text-align: left
}

.versiones-comparador .container .carros dl dd .carro-version h5 span {
    font-weight: 300
}

.versiones-comparador .container .carros dl dd .carro-version>span {
    display: block;
    font-size: .875rem;
    font-weight: 300;
    margin-bottom: .8125rem;
    text-align: left
}

.versiones-comparador .container .carros dl dd .carro-version>span b {
    font-size: 1.125rem;
    font-weight: 700
}

.versiones-comparador .container .carros dl dd .carro-version .link {
    float: right;
    font-size: .75rem;
    font-weight: 600;
    margin: 1rem auto
}

.versiones-comparador .container .carros dl dd:first-child {
    max-width: 240px;
    width: 28%
}

.versiones-comparador .container .carros dl dd form {
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    display: none;
    margin: 0 auto;
    max-width: 160px;
    width: 100%
}

.versiones-comparador .container .carros dl dd form .input-field {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: table-cell;
    width: 70%;
    padding: 1rem 1.5rem 0 0
}

.versiones-comparador .container .carros dl dd form .input-field input[type=text] {
    font-size: 1rem;
    height: 2.5rem
}

.versiones-comparador .container .carros dl dd form .input-field input[type=text]::-webkit-input-placeholder {
    color: #78909c;
    font-weight: 300
}

.versiones-comparador .container .carros dl dd form .input-field input[type=text]:-moz-placeholder {
    color: #78909c;
    font-weight: 300
}

.versiones-comparador .container .carros dl dd form .input-field input[type=text]::-moz-placeholder {
    color: #78909c;
    font-weight: 300
}

.versiones-comparador .container .carros dl dd form .input-field input[type=text]:-ms-input-placeholder {
    color: #78909c;
    font-weight: 300
}

.versiones-comparador .container .carros dl dd form .input-field>p {
    color: #263238;
    font-size: 1rem;
    font-weight: 700;
    margin: 0;
    text-align: left
}

.versiones-comparador .container .carros dl dd form .input-field label {
    color: #263238;
    font-size: .875rem;
    font-weight: 300;
    line-height: 1.125rem;
    margin: 0;
    top: -6px
}

.versiones-comparador .container .carros dl dd form .input-field:last-child {
    width: 30%;
    padding-right: 0
}

.versiones-comparador .container .carros dl dd form .input-field .dropdown-content {
    height: 150px
}

.categorias-comparador {
    padding-bottom: 70px
}

.categorias-comparador .container h3 b {
    font-weight: 600
}

.categorias-comparador .container h3 span {
    display: block;
    font-weight: 300
}

.categorias-comparador .container h6 b {
    color: #c03;
    font-weight: 600
}

.categorias-comparador .container .categorias ul {
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.categorias-comparador .container .categorias ul li {
    position: relative;
    width: 100%
}

.categorias-comparador .container .categorias ul li .titulo {
    background: #fafafa;
    color: #263238;
    display: block;
    font-size: 1.375rem;
    font-weight: 300;
    line-height: 1.375rem;
    border-bottom: 1px solid #b9b9b9;
    padding: 1rem
}

.categorias-comparador .container .categorias ul li b {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    color: #263238;
    cursor: pointer;
    display: block;
    font-weight: 700;
    padding: .75rem 0;
    padding-right: 1.875rem
}

.categorias-comparador .container .categorias ul li i {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    background: #eee;
    border-radius: 50%;
    display: block;
    height: 1.875rem;
    position: absolute;
    right: 1rem;
    top: .75rem;
    width: 1.875rem
}

.categorias-comparador .container .categorias ul li i:before {
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    content: "";
    direction: ltr;
    display: inline-block;
    font-family: "Material Icons";
    font-feature-settings: "liga";
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 1;
    text-rendering: optimizeLegibility;
    text-transform: none;
    white-space: nowrap;
    word-wrap: normal;
    color: #263238;
    cursor: pointer;
    font-size: 1.375rem
}

.categorias-comparador .container .categorias ul li .content-info {
    margin: 1rem auto
}

.categorias-comparador .container .categorias ul li .content-info>dl {
    display: table;
    width: 100%
}

.categorias-comparador .container .categorias ul li .content-info>dl>dd {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    display: table-cell;
    max-width: 220px;
    padding: 0 1rem;
    position: relative;
    width: 36%
}

.categorias-comparador .container .categorias ul li .content-info>dl>dd>i {
    background: #78909c;
    border-radius: 50%;
    display: block;
    height: 78px;
    margin: auto;
    position: relative;
    width: 78px
}

.categorias-comparador .container .categorias ul li .content-info>dl>dd>i:before {
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    color: #fff;
    font-size: 40px
}

.categorias-comparador .container .categorias ul li .content-info>dl>dd>i.icono_tecnologia2:before {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    content: "";
    font-family: icomoon;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    speak: none;
    text-transform: none
}

.categorias-comparador .container .categorias ul li .content-info>dl>dd>i.icono_olimpico:before {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    content: "";
    font-family: icomoon;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    speak: none;
    text-transform: none
}

.categorias-comparador .container .categorias ul li .content-info>dl>dd>i.icono_asientos:before {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    content: "";
    font-family: icomoon;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    speak: none;
    text-transform: none;
    font-size: 28px
}

.categorias-comparador .container .categorias ul li .content-info>dl>dd>i.icono_desastres:before {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    content: "";
    font-family: icomoon;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    speak: none;
    text-transform: none;
    font-size: 26px
}

.categorias-comparador .container .categorias ul li .content-info>dl>dd p {
    font-size: .75rem;
    line-height: 1rem;
    font-weight: 400;
    margin: 1rem 0
}

.categorias-comparador .container .categorias ul li .content-info>dl>dd.center {
    text-align: center
}

.categorias-comparador .container .categorias ul li .content-info>dl>dd .check {
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    background: 0 0;
    display: block;
    height: 1.875rem;
    right: 0;
    width: 1.875rem
}

.categorias-comparador .container .categorias ul li .content-info>dl>dd .check:before {
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    content: "";
    font-family: FontAwesome;
    color: #263238;
    font-size: 1rem
}

.categorias-comparador .container .categorias ul li .content-info>dl>dd .colores>div {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #f5a315;
    float: left;
    height: 26px;
    margin: 4px;
    position: relative;
    width: 26px
}

.categorias-comparador .container .categorias ul li .content-info>dl>dd .colores>div.agehaMetalico {
    background: #28323e
}

.categorias-comparador .container .categorias ul li .content-info>dl>dd .colores>div.arena {
    background: #92816f
}

.categorias-comparador .container .categorias ul li .content-info>dl>dd .colores>div.azul {
    background: #2d4162
}

.categorias-comparador .container .categorias ul li .content-info>dl>dd .colores>div.azulElectrico {
    background: #2d6391
}

.categorias-comparador .container .categorias ul li .content-info>dl>dd .colores>div.azulFrances {
    background: #28323e
}

.categorias-comparador .container .categorias ul li .content-info>dl>dd .colores>div.azulGrafito {
    background: #324d6c
}

.categorias-comparador .container .categorias ul li .content-info>dl>dd .colores>div.azulMarino {
    background: #2d4162
}

.categorias-comparador .container .categorias ul li .content-info>dl>dd .colores>div.azulMetalico {
    background: #2052a1
}

.categorias-comparador .container .categorias ul li .content-info>dl>dd .colores>div.beige {
    background: #eee8d9
}

.categorias-comparador .container .categorias ul li .content-info>dl>dd .colores>div.blanco {
    background: #f5f5f5
}

.categorias-comparador .container .categorias ul li .content-info>dl>dd .colores>div.blancoPerlado {
    background: #e8e2d5
}

.categorias-comparador .container .categorias ul li .content-info>dl>dd .colores>div.bronce {
    background: #ccc1b6
}

.categorias-comparador .container .categorias ul li .content-info>dl>dd .colores>div.cafe {
    background: #510c03
}

.categorias-comparador .container .categorias ul li .content-info>dl>dd .colores>div.champagne {
    background: #eee8d9
}

.categorias-comparador .container .categorias ul li .content-info>dl>dd .colores>div.grafito {
    background: #5c616a
}

.categorias-comparador .container .categorias ul li .content-info>dl>dd .colores>div.gris {
    background: #7b7b7b
}

.categorias-comparador .container .categorias ul li .content-info>dl>dd .colores>div.grisMetalico {
    background: #5c616a
}

.categorias-comparador .container .categorias ul li .content-info>dl>dd .colores>div.grisOscuro {
    background: #545655
}

.categorias-comparador .container .categorias ul li .content-info>dl>dd .colores>div.jade {
    background: #5b5a50
}

.categorias-comparador .container .categorias ul li .content-info>dl>dd .colores>div.morado {
    background: #4b3134
}

.categorias-comparador .container .categorias ul li .content-info>dl>dd .colores>div.naranja {
    background: #d9612d
}

.categorias-comparador .container .categorias ul li .content-info>dl>dd .colores>div.negro {
    background: #000
}

.categorias-comparador .container .categorias ul li .content-info>dl>dd .colores>div.negroMetalico {
    background: #323232
}

.categorias-comparador .container .categorias ul li .content-info>dl>dd .colores>div.rojo {
    background: #E8132B
}

.categorias-comparador .container .categorias ul li .content-info>dl>dd .colores>div.rojoOscuro {
    background: #83191d
}

.categorias-comparador .container .categorias ul li .content-info>dl>dd .colores>div.azul {
    background: #1b5293
}

.categorias-comparador .container .categorias ul li .content-info>dl>dd .colores>div.negro {
    background: #000
}

.categorias-comparador .container .categorias ul li .content-info>dl>dd .colores>div.plata {
    background: #d1d4d8
}

.categorias-comparador .container .categorias ul li .content-info>dl>dd .colores>div.plataMetalico {
    background: #d1d4d8
}

.categorias-comparador .container .categorias ul li .content-info>dl>dd .colores>div.verde {
    background: #8c9b96
}

.categorias-comparador .container .categorias ul li .content-info>dl>dd .colores>div.vinoClaro {
    background: #a41c1d
}

.categorias-comparador .container .categorias ul li .content-info>dl>dd .colores>div.aqua {
    background: #199ea3
}

.categorias-comparador .container .categorias ul li .content-info>dl>dd .colores>div.azulGrisaceo {
    background: #3d4551
}

.categorias-comparador .container .categorias ul li .content-info>dl>dd .colores>div.agheaMetalico {
    background: #1c2630
}

.categorias-comparador .container .categorias ul li .content-info>dl>dd .colores>div.grafito2 {
    background: #3a3a3a
}

.categorias-comparador .container .categorias ul li .content-info>dl>dd .colores>div.jade {
    background: #525449
}

.categorias-comparador .container .categorias ul li .content-info>dl>dd .colores>div.verdeMetalico {
    background: #189782
}

.categorias-comparador .container .categorias ul li .content-info>dl>dd .colores>div.verde1 {
    background: #73827d
}

.categorias-comparador .container .categorias ul li .content-info>dl>dd .colores>div.verde2 {
    background: #c8cc43
}

.categorias-comparador .container .categorias ul li .content-info>dl>dd .colores>div.azulNebula {
    background: #00355b
}

.categorias-comparador .container .categorias ul li .content-info>dl>dd .colores>div.rocaLunar {
    background: #bfc8c5
}
.categorias-comparador .container .categorias ul li .content-info>dl>dd:first-child {
    border-right: 1px solid #b9b9b9;
    max-width: 240px;
    width: 28%
}

.categorias-comparador .container .categorias ul li.activo>b {
    color: #c03
}

.categorias-comparador .container .categorias ul li.activo>i {
    background: #c03
}

.categorias-comparador .container .categorias ul li.activo>i:before {
    color: #fff;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    content: "";
    direction: ltr;
    display: inline-block;
    font-family: "Material Icons";
    font-feature-settings: "liga";
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 1;
    text-rendering: optimizeLegibility;
    text-transform: none;
    white-space: nowrap;
    word-wrap: normal;
    font-size: 1.375rem
}

.categorias-comparador .container .categorias ul:last-child .content-info {
    display: none
}

.categorias-comparador .container .botones {
    display: block;
    margin: 1rem auto;
    width: 100%
}

.categorias-comparador .container .botones>ul {
    display: table;
    width: 100%
}

.categorias-comparador .container .botones>ul>li {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    display: table-cell;
    max-width: 220px;
    padding: 0 1rem;
    position: relative;
    width: 36%
}

.categorias-comparador .container .botones>ul>li:first-child {
    max-width: 240px;
    width: 28%
}

.cover-landing {
    height: 700px;
    position: relative
}

.cover-landing>img {
    position: absolute;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    left: 50%;
    top: 0
}

.cover-landing .container {
    display: table;
    overflow: visible
}

.cover-landing .container>div {
    display: table-cell;
    vertical-align: middle
}

.cover-landing .container>div h1 {
    color: #fff;
    text-align: center
}

.cover-landing .container>div .des {
    position: absolute;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    left: 50%;
    bottom: 35px;
    color: #fff;
    font-size: .75rem
}

.cover-landing .container>div .des:before {
    content: "";
    font-family: FontAwesome;
    display: block;
    text-align: center
}

.slide-landing {
    background: #f5f5f5;
    padding: 6.25rem 0;
    position: relative
}

.slide-landing .container {
    max-width: 1500px;
    overflow: visible
}

.slide-landing .container .slide {
    height: 100%;
    overflow: hidden;
    width: 100%
}

.slide-landing .container .slide li {
    overflow: hidden
}

.slide-landing .container .slide li img {
    display: block;
    margin: 3.125rem auto;
    max-width: 900px;
    width: 80%
}

.slide-landing .container .slide li p {
    font-size: 1.75rem;
    font-weight: 300;
    line-height: 2.3125rem;
    margin: 1.25rem auto;
    max-width: 850px;
    text-align: center
}

.slide-landing .container .bx-wrapper {
    position: relative
}

.slide-landing .container .bx-wrapper .bx-has-pager {
    position: absolute;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    right: 20px;
    z-index: 50
}

.slide-landing .container .bx-wrapper .bx-pager {
    color: rgba(255, 255, 255, .4);
    font-family: Arial;
    font-size: 0;
    font-weight: 700;
    text-align: center
}

.slide-landing .container .bx-wrapper .bx-pager.bx-default-pager a {
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    background: #c03;
    border: 2px solid rgba(255, 255, 255, 0);
    border-radius: 6px;
    display: block;
    height: 8px;
    margin: 24px 0;
    outline: 0;
    text-indent: -9999px;
    width: 8px
}

.slide-landing .container .bx-wrapper .bx-pager.bx-default-pager a.active,
.slide-landing .container .bx-wrapper .bx-pager.bx-default-pager a:focus,
.slide-landing .container .bx-wrapper .bx-pager.bx-default-pager a:hover {
    -webkit-transform: scale(1.3, 1.3);
    -moz-transform: scale(1.3, 1.3);
    -ms-transform: scale(1.3, 1.3);
    transform: scale(1.3, 1.3);
    background: #fff;
    border: 2px solid #c03
}

.slide-landing .container .bx-wrapper .bx-pager-item {
    display: block;
    font-size: 0;
    line-height: 0
}

.slide-landing .container .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
    display: block
}

.hibrido {
    padding: 3.75rem 0
}

.hibrido .container {
    overflow: visible
}

.hibrido .container>h6 {
    color: #8c9aa2;
    margin-bottom: 0;
    text-align: center
}

.hibrido .container>h2 {
    font-weight: 300;
    margin: 1.25rem auto;
    text-align: center
}

.hibrido .container>p {
    font-size: 1.125rem;
    font-weight: 300;
    text-align: center
}

.hibrido .container .menu {
    margin: 3.75rem auto
}

.hibrido .container .menu ul {
    display: table;
    height: 100%;
    margin: auto
}

.hibrido .container .menu ul li {
    display: table;
    float: left;
    height: 100%;
    margin: 0;
    padding: 0 1.5rem
}

.hibrido .container .menu ul li.activo>a {
    color: #263238
}

.hibrido .container .menu ul li.activo>a:before {
    background: #263238;
    width: 100%
}

.hibrido .container .menu ul li>a {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    color: #8c9aa2;
    cursor: pointer;
    display: table-cell;
    font-size: .875rem;
    font-weight: 700;
    margin: 0;
    padding: 0;
    position: relative;
    text-decoration: none;
    vertical-align: middle
}

.hibrido .container .menu ul li>a:before {
    position: absolute;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    left: 50%;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    background: 0 0;
    bottom: 0;
    content: " ";
    display: block;
    height: 2px;
    width: 0%
}

.hibrido .container .menu ul li>a:hover {
    color: #263238
}

.hibrido .container .menu ul li>a:hover:before {
    background: #263238;
    width: 100%
}

.hibrido .container .info>div {
    display: none
}

.hibrido .container .info>div:first-child {
    display: block
}

.hibrido .container .info>div .tabla {
    display: table;
    width: 100%
}

.hibrido .container .info>div .tabla>div {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 2rem;
    width: 100%
}

.hibrido .container .info>div .tabla>div>img {
    display: block;
    height: auto;
    margin: 0 auto 6.25rem;
    max-width: 428px;
    width: 100%
}

.hibrido .container .info>div .tabla>div>p {
    font-size: 1.375rem;
    text-align: center
}

.potencia {
    background: #f5f5f5;
    padding: 3.75rem 0
}

.potencia .container {
    overflow: visible
}

.potencia .container>h2 {
    font-weight: 300;
    margin: 1.25rem auto;
    text-align: center
}

.potencia .container .flex div {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 2rem;
    width: 50%
}

.potencia .container .flex div h6 {
    color: #c03
}

.potencia .container .flex div img {
    display: block;
    margin: 3.125rem auto;
    max-width: 314px;
    width: 100%
}

.potencia .container .flex div p {
    font-size: 1.125rem
}

.bateria {
    height: 700px;
    position: relative
}

.bateria>img {
    position: absolute;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    left: 50%;
    top: 0
}

.bateria .container>div {
    float: right;
    margin-right: 1rem;
    width: 42%
}

.bateria .container>div h2 {
    color: #fff;
    font-weight: 300;
    text-align: right
}

.bateria .container>div p {
    color: #fff;
    text-align: right
}

.ambiente {
    padding: 6.25rem 0;
    position: relative
}

.ambiente .container {
    display: table;
    overflow: visible
}

.ambiente .container>h6 {
    color: #8c9aa2;
    font-size: 1.375rem;
    margin-top: 0;
    text-align: center
}

.ambiente .container h2 {
    font-weight: 300;
    margin: 0 auto;
    text-align: center
}

.ambiente .container>p {
    font-size: 1.125rem;
    margin: 1.875rem auto;
    text-align: center;
    width: 64%
}

.ambiente .container .flex {
    justify-content: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    float: left;
    margin: 3.75rem auto 0;
    padding: 0;
    width: 100%
}

.ambiente .container .flex>div {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    margin-bottom: 1rem;
    max-width: 260px;
    padding: 0 1rem;
    width: 25%
}

.ambiente .container .flex>div i {
    border-radius: 50%;
    display: block;
    height: 78px;
    margin: auto;
    position: relative;
    width: 78px
}

.ambiente .container .flex>div i:before {
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    color: #fff;
    font-size: 40px
}

.ambiente .container .flex>div i.icono_pinos:before {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    content: "";
    font-family: icomoon;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    speak: none;
    text-transform: none
}

.ambiente .container .flex>div i.icono_planta:before {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    content: "";
    font-family: icomoon;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    speak: none;
    text-transform: none
}

.ambiente .container .flex>div i.icono_bateria:before {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    content: "";
    font-family: icomoon;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    speak: none;
    text-transform: none;
    font-size: 28px
}

.ambiente .container .flex>div i.icono_reciclado:before {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    content: "";
    font-family: icomoon;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    speak: none;
    text-transform: none
}

.ambiente .container .flex>div span {
    font-size: 3.25rem;
    font-weight: 600;
    text-align: center;
    display: block
}

.ambiente .container .flex>div p {
    color: #8c9aa2;
    font-size: 1.125rem;
    font-weight: 400;
    margin: 1rem 0;
    text-align: center
}

.ventajas {
    display: table;
    position: relative
}

.ventajas .video-ventajas {
    height: 760px;
    overflow: hidden;
    position: relative
}

.ventajas .video-ventajas .tabs-ventajas {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 100%;
    padding: 3.75rem 0;
    position: relative;
    z-index: 3
}

.ventajas .video-ventajas .tabs-ventajas .container {
    overflow: visible
}

.ventajas .video-ventajas .tabs-ventajas .container>h2 {
    font-weight: 300;
    margin: 1.25rem auto;
    text-align: center
}

.ventajas .video-ventajas .tabs-ventajas .container .menu {
    margin: 3.75rem auto
}

.ventajas .video-ventajas .tabs-ventajas .container .menu ul {
    display: table;
    height: 100%;
    margin: auto
}

.ventajas .video-ventajas .tabs-ventajas .container .menu ul li {
    display: table;
    float: left;
    height: 100%;
    margin: 0;
    padding: 0 1.5rem
}

.ventajas .video-ventajas .tabs-ventajas .container .menu ul li.activo>a {
    color: #263238
}

.ventajas .video-ventajas .tabs-ventajas .container .menu ul li.activo>a:before {
    background: #263238;
    width: 100%
}

.ventajas .video-ventajas .tabs-ventajas .container .menu ul li>a {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    color: #8c9aa2;
    cursor: pointer;
    display: table-cell;
    font-size: .875rem;
    font-weight: 700;
    margin: 0;
    padding: 0;
    position: relative;
    text-decoration: none;
    vertical-align: middle
}

.ventajas .video-ventajas .tabs-ventajas .container .menu ul li>a:before {
    position: absolute;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    left: 50%;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    background: 0 0;
    bottom: 0;
    content: " ";
    display: block;
    height: 2px;
    width: 0%
}

.ventajas .video-ventajas .tabs-ventajas .container .menu ul li>a:hover {
    color: #263238
}

.ventajas .video-ventajas .tabs-ventajas .container .menu ul li>a:hover:before {
    background: #263238;
    width: 100%
}

.ventajas .video-ventajas .tabs-ventajas .container .tabs-info>div {
    display: none
}

.ventajas .video-ventajas .tabs-ventajas .container .tabs-info>div:first-child {
    display: block
}

.ventajas .video-ventajas .tabs-ventajas .container .tabs-info>div .tabla {
    display: table;
    margin: auto;
    max-width: 750px;
    width: 100%
}

.ventajas .video-ventajas .tabs-ventajas .container .tabs-info>div .tabla>div {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: table-cell;
    padding: 0 2rem;
    vertical-align: top
}

.ventajas .video-ventajas .tabs-ventajas .container .tabs-info>div .tabla>div>i {
    border: .3125rem solid #263238;
    border-radius: 50%;
    display: block;
    height: 8rem;
    margin: auto;
    position: relative;
    width: 8rem
}

.ventajas .video-ventajas .tabs-ventajas .container .tabs-info>div .tabla>div>i:before {
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    color: #263238;
    font-size: 3.75rem
}

.ventajas .video-ventajas .tabs-ventajas .container .tabs-info>div .tabla>div>i.icono_pinos:before {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    content: "";
    font-family: icomoon;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    speak: none;
    text-transform: none
}

.ventajas .video-ventajas .tabs-ventajas .container .tabs-info>div .tabla>div>i.icono_planta:before {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    content: "";
    font-family: icomoon;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    speak: none;
    text-transform: none
}

.ventajas .video-ventajas .tabs-ventajas .container .tabs-info>div .tabla>div>i.icono_bateria:before {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    content: "";
    font-family: icomoon;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    speak: none;
    text-transform: none;
    font-size: 3rem
}

.ventajas .video-ventajas .tabs-ventajas .container .tabs-info>div .tabla>div>i.icono_reciclado:before {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    content: "";
    font-family: icomoon;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    speak: none;
    text-transform: none
}

.ventajas .video-ventajas .tabs-ventajas .container .tabs-info>div .tabla>div>h6 {
    margin-top: 0
}

.ventajas .video-ventajas .tabs-ventajas .container .tabs-info>div .tabla>div>p {
    font-size: 1.125rem
}

.ventajas .video-ventajas .tabs-ventajas .boton {
    position: absolute;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    left: 50%;
    bottom: 50px;
    margin: 0
}

.ventajas .video-ventajas .mascara {
    background: rgba(38, 50, 56, .6);
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2
}

.ventajas .video-ventajas .content-video {
    z-index: 1
}

.ventajas .video-ventajas .content-video .video {
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    z-index: 1;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto
}

.elementos {
    background: #f5f5f5;
    padding: 6.25rem 0;
    position: relative
}

.elementos .container {
    max-width: 1500px;
    padding: 0
}

.elementos .container>h6 {
    color: #8c9aa2;
    font-size: 1.375rem;
    margin-top: 0;
    text-align: center
}

.elementos .container>h2 {
    font-weight: 300;
    margin: 0 auto;
    text-align: center
}

.elementos .container .slide-elementos {
    height: 100%;
    overflow: hidden;
    width: 100%
}

.elementos .container .slide-elementos>div {
    overflow: hidden
}

.elementos .container .slide-elementos>div .content {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 2rem auto;
    padding: 0 2rem;
    position: relative;
    width: 80%;
    z-index: 1
}

.elementos .container .slide-elementos>div .content>dl {
    display: table
}

.elementos .container .slide-elementos>div .content>dl>dd {
    display: table-cell;
    vertical-align: middle;
    width: 50%
}

.elementos .container .slide-elementos>div .content>dl>dd img {
    display: block;
    height: auto;
    margin: auto;
    max-width: 280px;
    width: 50%
}

.elementos .container .slide-elementos>div .content>dl>dd .titulo {
    font-size: 1.375rem;
    font-weight: 700;
    line-height: 1.75rem
}

.elementos .container .slide-elementos>div .content>dl>dd p {
    color: #8c9aa2;
    font-size: 1.125rem;
    line-height: 1.5rem;
    margin: 1.25rem 0;
    text-align: left
}

.elementos .container .slide-elementos>div .content>dl>dd ul li {
    color: #8c9aa2;
    font-size: 1.125rem;
    line-height: 1.5rem;
    margin: .25rem 0
}

.elementos .container .bx-wrapper {
    position: relative
}

.elementos .container .bx-wrapper .bx-has-pager {
    position: absolute;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    left: 40px;
    z-index: 50
}

.elementos .container .bx-wrapper .bx-pager {
    color: rgba(255, 255, 255, .4);
    font-family: Arial;
    font-size: 0;
    font-weight: 700;
    text-align: center
}

.elementos .container .bx-wrapper .bx-pager.bx-default-pager a {
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    background: #c03;
    border: 2px solid rgba(255, 255, 255, 0);
    border-radius: 6px;
    display: block;
    height: 8px;
    margin: 24px 0;
    outline: 0;
    text-indent: -9999px;
    width: 8px
}

.elementos .container .bx-wrapper .bx-pager.bx-default-pager a.active,
.elementos .container .bx-wrapper .bx-pager.bx-default-pager a:focus,
.elementos .container .bx-wrapper .bx-pager.bx-default-pager a:hover {
    -webkit-transform: scale(1.3, 1.3);
    -moz-transform: scale(1.3, 1.3);
    -ms-transform: scale(1.3, 1.3);
    transform: scale(1.3, 1.3);
    background: #fff;
    border: 2px solid #c03
}

.elementos .container .bx-wrapper .bx-pager-item {
    display: block;
    font-size: 0;
    line-height: 0
}

.elementos .container .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
    display: block
}

.localiza-configura {
    overflow: hidden;
    width: 100%
}

.localiza-configura .container {
    max-width: 100%;
    padding: 0
}

.localiza-configura .container dl {
    display: table;
    width: 100%
}

.localiza-configura .container dl dd {
    display: table-cell;
    padding: 90px 0;
    position: relative;
    vertical-align: middle;
    overflow: hidden;
    width: 50%
}

.localiza-configura .container dl dd img {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    -o-object-fit: cover;
    object-fit: cover;
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%
}

.localiza-configura .container dl dd:hover img {
    -webkit-transform: scale(1.08, 1.08);
    -moz-transform: scale(1.08, 1.08);
    -ms-transform: scale(1.08, 1.08);
    transform: scale(1.08, 1.08)
}

.localiza-configura .container dl dd h5 {
    color: #fff;
    font-weight: 600;
    margin-bottom: 1.875rem;
    position: relative;
    text-align: center
}

.localiza-configura .container dl dd h5:before {
    color: #fff;
    display: block;
    font-size: 31px;
    margin-bottom: 2.0625rem
}

.localiza-configura .container dl dd .boton {
    position: relative
}

.localiza-configura .container dl .localiza img {
    right: 0
}

.localiza-configura .container dl .localiza h6 {
    color: #fff;
    font-weight: 600;
    margin-bottom: 2.625rem;
    position: relative;
    text-align: center
}

.localiza-configura .container dl .localiza h6:before {
    content: "";
    font-family: FontAwesome;
    color: #fff;
    display: block;
    font-size: 31px;
    margin-bottom: 2.0625rem
}

.localiza-configura .container dl .localiza form {
    display: table;
    margin: auto;
    width: 258px;
    position: relative
}

.localiza-configura .container dl .localiza form .input-field {
    margin: 0
}

.localiza-configura .container dl .localiza form .input-field>input[type=number] {
    border-bottom: 1px solid #fff;
    color: #fff;
    height: 2.5rem
}

.localiza-configura .container dl .localiza form .input-field>input[type=number].valid {
    border-bottom: 2px solid #66bb6a;
    color: #fff
}

.localiza-configura .container dl .localiza form .input-field>input[type=number].invalid {
    border-bottom: 1px solid #e53935
}

.localiza-configura .container dl .localiza form .input-field>label {
    color: #cfd8dc;
    font-size: 1.125rem;
    left: 0
}

.localiza-configura .container dl .localiza form .input-field button,
.localiza-configura .container dl .localiza form .input-field>input[type=submit] {
    position: absolute;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    background: 0 0;
    border: none;
    color: #fff;
    cursor: pointer;
    font-family: FontAwesome;
    font-size: 1.125rem;
    padding: 0;
    right: 0
}

.localiza-configura .container dl .localiza form .input-field button:before,
.localiza-configura .container dl .localiza form .input-field>input[type=submit]:before {
    display: block;
    margin-bottom: .375rem;
    font-size: .875rem
}

.localiza-configura .container dl .localiza form .ubicame {
    position: absolute;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    background: 0 0;
    border-radius: 50%;
    border: none;
    cursor: pointer;
    height: 35px;
    left: 100%;
    margin: 0 .5rem;
    overflow: hidden;
    width: 35px
}

.localiza-configura .container dl .localiza form .ubicame:before {
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    content: "";
    font-family: icomoon;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    speak: none;
    text-transform: none;
    color: #fff;
    font-size: 35px
}

.localiza-configura .container dl .localiza form .ubicame:hover {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    -o-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    -ms-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15)
}

.localiza-configura .container dl .localiza .codigo {
    display: table;
    margin: auto;
    position: relative;
    display: none
}

.localiza-configura .container dl .localiza .codigo p {
    color: #fff;
    font-size: .875rem;
    margin: 0
}

.localiza-configura .container dl .localiza .codigo p span {
    color: #fff;
    font-size: 1.125rem;
    padding-left: .5rem
}

.localiza-configura .container dl .localiza .codigo .cambiar {
    position: absolute;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    background: 0 0;
    border-radius: 50%;
    border: none;
    cursor: pointer;
    height: 20px;
    left: 100%;
    margin: 0 .5rem;
    overflow: hidden;
    width: 20px
}

.localiza-configura .container dl .localiza .codigo .cambiar:before {
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    content: "";
    direction: ltr;
    display: inline-block;
    font-family: "Material Icons";
    font-feature-settings: "liga";
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 1;
    text-rendering: optimizeLegibility;
    text-transform: none;
    white-space: nowrap;
    word-wrap: normal;
    color: #fff;
    font-size: 20px
}

.filtro-version {
    overflow: visible;
    padding: 3.75rem 0
}

.filtro-version .container {
    overflow: visible
}

.filtro-version .container>h2 {
    font-weight: 300;
    margin: 1.25rem auto;
    text-align: center
}

.filtro-version .container form {
    display: table;
    margin: 0 auto;
    max-width: 460px;
    width: 100%
}

.filtro-version .container form .input-field {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: table-cell;
    width: 70%;
    padding: 1rem 1.5rem 0 0
}

.filtro-version .container form .input-field input[type=text] {
    font-size: 1.125rem;
    height: 2.5rem
}

.filtro-version .container form .input-field input[type=text]::-webkit-input-placeholder {
    color: #78909c;
    font-weight: 300
}

.filtro-version .container form .input-field input[type=text]:-moz-placeholder {
    color: #78909c;
    font-weight: 300
}

.filtro-version .container form .input-field input[type=text]::-moz-placeholder {
    color: #78909c;
    font-weight: 300
}

.filtro-version .container form .input-field input[type=text]:-ms-input-placeholder {
    color: #78909c;
    font-weight: 300
}

.filtro-version .container form .input-field>p {
    color: #263238;
    font-size: 1rem;
    font-weight: 700;
    margin: 0;
    text-align: left
}

.filtro-version .container form .input-field label {
    color: #263238;
    font-size: .875rem;
    font-weight: 300;
    line-height: 1.125rem;
    margin: 0;
    top: -6px
}

.filtro-version .container form .input-field:last-child {
    width: 30%;
    padding-right: 0
}

.filtro-version .btnregresar {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    left: 50%;
    max-width: 1200px;
    padding: 0 10px;
    top: 0;
    width: 100%
}

.filtro-version .btnregresar>.link.regresar {
    cursor: pointer;
    font-size: .875rem;
    margin: 2.875rem 0
}

.tabs-version {
    padding: 3.75rem 0
}

.tabs-version .container {
    overflow: visible
}

.tabs-version .container>h6 {
    color: #8c9aa2;
    margin-bottom: 0;
    text-align: center
}

.tabs-version .container>h2 {
    font-weight: 300;
    margin: 1.25rem auto;
    text-align: center
}

.tabs-version .container>p {
    font-size: 1.125rem;
    font-weight: 300;
    text-align: center
}

.tabs-version .container .menu {
    margin: 0 auto 3.75rem
}

.tabs-version .container .menu ul {
    display: table;
    height: 100%;
    margin: auto
}

.tabs-version .container .menu ul li {
    display: table;
    float: left;
    height: 100%;
    margin: 0;
    padding: 0 1.5rem
}

.tabs-version .container .menu ul li.activo>a {
    color: #263238
}

.tabs-version .container .menu ul li.activo>a:before {
    background: #263238;
    width: 100%
}

.tabs-version .container .menu ul li>a {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    color: #8c9aa2;
    cursor: pointer;
    display: table-cell;
    font-size: .875rem;
    font-weight: 700;
    margin: 0;
    padding: 0;
    position: relative;
    text-decoration: none;
    vertical-align: middle
}

.tabs-version .container .menu ul li>a:before {
    position: absolute;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    left: 50%;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    background: 0 0;
    bottom: 0;
    content: " ";
    display: block;
    height: 2px;
    width: 0%
}

.tabs-version .container .menu ul li>a:hover {
    color: #263238
}

.tabs-version .container .menu ul li>a:hover:before {
    background: #263238;
    width: 100%
}

.tabs-version .container .content-info>div {
    display: none
}

.tabs-version .container .content-info>div:first-child {
    display: block
}

.tabs-version .container .content-info>div .imagen {
    display: table;
    margin: auto;
    max-width: 520px;
    width: 100%
}

.tabs-version .container .content-info>div .imagen img {
    width: 100%;
    height: auto
}

.tabs-version .container .content-info>div>h6 {
    color: #8c9aa2;
    margin-bottom: 0;
    text-align: center
}

.tabs-version .container .content-info>div>h2 {
    font-weight: 300;
    margin: 1.25rem auto;
    text-align: center
}

.tabs-version .container .content-info>div .info {
    display: table;
    margin: auto;
    width: 960px
}

.tabs-version .container .content-info>div .info div {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: table-cell;
    max-width: 480px;
    padding: 0 2rem;
    vertical-align: top;
    width: 50%
}

.tabs-version .container .content-info>div .info div>img {
    width: 100%;
    height: auto
}

.tabs-version .container .content-info>div .info div>p {
    font-size: 1.375rem
}

.motor {
    padding-bottom: 50px
}

.motor .container {
    overflow: visible
}

.motor .container>h6 {
    color: #8c9aa2;
    margin-bottom: 0;
    text-align: center
}

.motor .container>h2 {
    font-weight: 300;
    margin: 1.25rem auto;
    text-align: center
}

.motor .container .imagen {
    display: table;
    margin: 3.75rem auto;
    max-width: 300px;
    width: 100%
}

.motor .container .imagen img {
    width: 100%;
    height: auto
}

.motor .container .content-info-motor .info {
    display: table;
    margin: auto;
    width: 860px
}

.motor .container .content-info-motor .info div {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: table-cell;
    max-width: 480px;
    padding: 0;
    padding-left: 80px;
    padding-bottom: 2rem;
    position: relative;
    vertical-align: top;
    width: 50%
}

.motor .container .content-info-motor .info div>p {
    font-size: 1.25rem;
    line-height: 1.5rem;
    margin: .375rem 0
}

.motor .container .content-info-motor .info div:after {
    position: absolute;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    color: #bdbdbd;
    font-size: 52px;
    left: 0
}

.motor .container .content-info-motor .info div.icono_icn:after {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    content: "";
    font-family: icomoon;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    speak: none;
    text-transform: none
}

.motor .container .content-info-motor .info div.icono_piston:after {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    content: "";
    font-family: icomoon;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    speak: none;
    text-transform: none;
    left: 20px
}

.motor .container .content-info-motor .info div.icono_speedmeter:after {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    content: "";
    font-family: icomoon;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    speak: none;
    text-transform: none
}

.motor .container .content-info-motor .info div.icono_poleas:after {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    content: "";
    font-family: icomoon;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    speak: none;
    text-transform: none
}

.motor .container .btndescargar {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 10px;
    top: 0;
    width: 100%
}

.motor .container .btndescargar>.link.descargar {
    cursor: pointer;
    font-size: .875rem;
    margin: 2rem auto;
    overflow: visible
}

.motor .container .btndescargar>.link.descargar:after {
    position: absolute;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    content: "";
    font-family: FontAwesome;
    right: -20px
}

.cover-blog {
    height: 510px;
    position: relative
}

.cover-blog>img {
    position: absolute;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    left: 50%;
    display: block;
    top: 0
}

.cover-blog .container {
    display: table;
    overflow: visible
}

.cover-blog .container>div {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: table-cell;
    padding: 0 2rem;
    width: 50%
}

.menu-blog {
    height: 60px;
    position: relative
}

.menu-blog .menufixed {
    -webkit-box-shadow: 0 6px 12px 0 rgba(0, 0, 0, .2), 0 4px 8px 0 rgba(0, 0, 0, .19);
    -moz-box-shadow: 0 6px 12px 0 rgba(0, 0, 0, .2), 0 4px 8px 0 rgba(0, 0, 0, .19);
    -o-box-shadow: 0 6px 12px 0 rgba(0, 0, 0, .2), 0 4px 8px 0 rgba(0, 0, 0, .19);
    -ms-box-shadow: 0 6px 12px 0 rgba(0, 0, 0, .2), 0 4px 8px 0 rgba(0, 0, 0, .19);
    box-shadow: 0 6px 12px 0 rgba(0, 0, 0, .2), 0 4px 8px 0 rgba(0, 0, 0, .19);
    background: #263238;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 98
}

.menu-blog .menufixed .container {
    max-width: 1500px;
    overflow: visible
}

.menu-blog .menufixed .container nav {
    display: table;
    height: 60px;
    margin: auto;
    overflow: visible
}

.menu-blog .menufixed .container nav>ul {
    display: table;
    height: 100%;
    margin: auto
}

.menu-blog .menufixed .container nav>ul>li {
    display: table;
    float: left;
    height: 100%;
    margin: 0
}

.menu-blog .menufixed .container nav>ul>li.activo>a,
.menu-blog .menufixed .container nav>ul>li:hover>a {
    color: #fff
}

.menu-blog .menufixed .container nav>ul>li.activo>a:before,
.menu-blog .menufixed .container nav>ul>li:hover>a:before {
    background: #fff;
    width: 100%
}

.menu-blog .menufixed .container nav>ul>li>a {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    color: #78909c;
    cursor: pointer;
    display: table-cell;
    font-size: .875rem;
    font-weight: 700;
    margin: 0;
    padding: 0;
    padding: 0 1.5rem;
    position: relative;
    text-decoration: none;
    vertical-align: middle
}

.menu-blog .menufixed .container nav>ul>li>a:before {
    position: absolute;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    left: 50%;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    background: 0 0;
    bottom: 0;
    content: " ";
    display: block;
    height: 4px;
    width: 0%
}

.menu-blog .menufixed .container nav>ul>li.filtro-autos {
    position: relative
}

.menu-blog .menufixed .container nav>ul>li.filtro-autos>a:before {
    display: none
}

.menu-blog .menufixed .container nav>ul>li.filtro-autos>a:after {
    position: absolute;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    content: "";
    font-family: FontAwesome;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    color: #78909c;
    font-size: 1rem;
    line-height: normal;
    right: 0
}

.menu-blog .menufixed .container nav>ul>li.filtro-autos.activo>a {
    color: #fff
}

.menu-blog .menufixed .container nav>ul>li.filtro-autos.activo>a:after {
    content: "";
    font-family: FontAwesome;
    color: #fff
}

.menu-blog .menufixed .container nav>ul>li.filtro-autos.activo .lista-autos {
    display: block;
    height: 260px
}

.menu-blog .menufixed .container nav>ul>li.filtro-autos .lista-autos {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    background: #263238;
    height: 0;
    left: 0;
    overflow: scroll;
    position: absolute;
    top: 100%;
    width: 100%;
    z-index: 1
}

.menu-blog .menufixed .container nav>ul>li.filtro-autos .lista-autos ul {
    display: table;
    height: 100%;
    margin: auto;
    width: 100%
}

.menu-blog .menufixed .container nav>ul>li.filtro-autos .lista-autos ul li {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    display: table;
    height: auto;
    padding: 0;
    position: relative;
    width: 100%
}

.menu-blog .menufixed .container nav>ul>li.filtro-autos .lista-autos ul li>a {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    color: #8c9aa2;
    display: block;
    font-size: .875rem;
    font-weight: 700;
    padding: .75rem 0;
    text-decoration: none;
    border-bottom: 1px solid #78909c;
    width: calc(100% - 40px);
    margin: auto
}

.menu-blog .menufixed .container nav>ul>li.filtro-autos .lista-autos ul li:last-child>a {
    border: none
}

.menu-blog .menufixed .container nav>ul>li.filtro-autos .lista-autos ul li.activo,
.menu-blog .menufixed .container nav>ul>li.filtro-autos .lista-autos ul li:hover {
    background: #37474f
}

.menu-blog .menufixed .container nav>ul>li.filtro-autos .lista-autos ul li.activo>a,
.menu-blog .menufixed .container nav>ul>li.filtro-autos .lista-autos ul li:hover>a {
    border-bottom: 1px solid #37474f
}

.menu-blog .menufixed .container nav>ul>li.filtro-autos .lista-autos ul li.activo:last-child>a,
.menu-blog .menufixed .container nav>ul>li.filtro-autos .lista-autos ul li:hover:last-child>a {
    border: none
}

.grid-notas {
    background: #f5f5f5;
    overflow: hidden;
    width: 100%
}

.grid-notas .container {
    overflow: visible
}

.grid-notas .container .content-redes {
    height: 40px;
    width: 100%
}

.grid-notas .container .content-redes .compartir {
    display: table;
    float: right
}

.grid-notas .container .content-redes .compartir>span {
    background: #263238;
    color: #fff;
    display: table-cell;
    font-size: .875rem;
    padding: 10px 18px
}

.grid-notas .container .content-redes .compartir>a {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-left: none;
    border: 1px solid #263238;
    color: #263238;
    display: table-cell;
    position: relative;
    width: 40px
}

.grid-notas .container .content-redes .compartir>a:before {
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%
}

.grid-notas .container .content-redes .compartir>a.fa-facebook {
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
    background: linear-gradient(to right, #3b5998 50%, rgba(0, 0, 0, 0) 0);
    background-position: right bottom;
    background-size: 200% 100%
}

.grid-notas .container .content-redes .compartir>a.fa-twitter {
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
    background: linear-gradient(to right, #1da1f2 50%, rgba(0, 0, 0, 0) 0);
    background-position: right bottom;
    background-size: 200% 100%
}

.grid-notas .container .content-redes .compartir>a.fa-envelope {
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
    background: linear-gradient(to right, #cc0032 50%, rgba(0, 0, 0, 0) 0);
    background-position: right bottom;
    background-size: 200% 100%
}

.grid-notas .container .content-redes .compartir>a:hover {
    background-color: transparent;
    background-position: left bottom;
    color: #fff
}

.grid-notas .container h3 {
    color: #78909c;
    margin: 2.5rem 0 2.5rem;
    text-align: left
}

.grid-notas .container h3 b {
    font-weight: 600
}

.grid-notas .container .flex {
    margin: 0 auto 60px;
    padding: 0
}

.grid-notas .container .flex .fila {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    webkit-display: -webkit-flex;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    -webkit-box-direction: row;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: flex-start;
    -ms-flex-pack: start;
    float: left;
    width: 100%
}

.grid-notas .container .flex .fila .nota {
    padding: 0 0
}

.grid-notas .container .flex .fila>div {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    background: #fff;
    margin: 0 1.66% 2rem;
    padding: 3.5rem 0;
    width: 30%
}

.grid-notas .container .flex .fila>div:hover {
    -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19);
    -moz-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19);
    -o-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19);
    -ms-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19);
    box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19)
}

.grid-notas .container .flex .fila>div .imagen {
    height: 210px;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 100%
}

.grid-notas .container .flex .fila>div .imagen img {
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    -o-object-fit: cover;
    object-fit: cover;
    display: block;
    height: 100%;
    position: absolute;
    width: 100%
}

.grid-notas .container .flex .fila>div>div {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 1rem 1.375rem
}

.grid-notas .container .flex .fila>div>div .titulo {
    color: #37474f;
    display: block;
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.625rem;
    margin-top: 0
}

.grid-notas .container .flex .fila>div>div .link {
    cursor: pointer;
    float: left;
    font-size: .75rem;
    font-weight: 700;
    margin: 1.25rem 0
}

.grid-notas .container .flex .fila>div>div span {
    color: #8c9aa2;
    float: left;
    font-size: .75rem;
    font-weight: 400;
    margin: 1.25rem 0;
    line-height: 1.8
}

.grid-notas .container .flex .fila>div>div span:before {
    content: "/";
    margin: 0 .5rem
}

.grid-notas .container .flex .fila .fullw {
    display: table;
    margin-bottom: 3.75rem;
    width: 100%
}

.grid-notas .container .flex .fila .fullw>div {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: table-cell;
    padding: 50px;
    vertical-align: middle;
    width: 50%
}

.grid-notas .container .flex .fila .fullw>div p {
    color: #37474f;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.25rem;
    margin: 1rem 0
}

.grid-notas .container .paginador {
    display: table;
    margin: 5rem auto
}

.grid-categoria {
    background: #f5f5f5;
    overflow: hidden;
    width: 100%
}

.grid-categoria .container {
    overflow: visible
}

.grid-categoria .container .content-redes {
    height: 40px;
    width: 100%
}

.grid-categoria .container .content-redes .compartir {
    display: table;
    float: right
}

.grid-categoria .container .content-redes .compartir>span {
    background: #263238;
    color: #fff;
    display: table-cell;
    font-size: .875rem;
    padding: 10px 18px
}

.grid-categoria .container .content-redes .compartir>a {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-left: none;
    border: 1px solid #263238;
    color: #263238;
    display: table-cell;
    position: relative;
    width: 40px
}

.grid-categoria .container .content-redes .compartir>a:before {
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%
}

.grid-categoria .container .content-redes .compartir>a.fa-facebook {
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
    background: linear-gradient(to right, #3b5998 50%, rgba(0, 0, 0, 0) 0);
    background-position: right bottom;
    background-size: 200% 100%
}

.grid-categoria .container .content-redes .compartir>a.fa-twitter {
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
    background: linear-gradient(to right, #1da1f2 50%, rgba(0, 0, 0, 0) 0);
    background-position: right bottom;
    background-size: 200% 100%
}

.grid-categoria .container .content-redes .compartir>a.fa-envelope {
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
    background: linear-gradient(to right, #cc0032 50%, rgba(0, 0, 0, 0) 0);
    background-position: right bottom;
    background-size: 200% 100%
}

.grid-categoria .container .content-redes .compartir>a:hover {
    background-color: transparent;
    background-position: left bottom;
    color: #fff
}

.grid-categoria .container h3 {
    color: #78909c;
    margin: 2.5rem 0 2.5rem;
    text-align: left
}

.grid-categoria .container h3 b {
    font-weight: 600
}

.grid-categoria .container .flex {
    margin: 0 auto 60px;
    padding: 0
}

.grid-categoria .container .flex .fila {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    webkit-display: -webkit-flex;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    -webkit-box-direction: row;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: flex-start;
    -ms-flex-pack: start;
    float: left;
    width: 100%
}

.grid-categoria .container .flex .fila .nota {
    padding: 0 0
}

.grid-categoria .container .flex .fila>div {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    background: #fff;
    margin: 0 1.66% 2rem;
    padding: 3.5rem 0;
    width: 30%
}

.grid-categoria .container .flex .fila>div:hover {
    -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19);
    -moz-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19);
    -o-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19);
    -ms-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19);
    box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19)
}

.grid-categoria .container .flex .fila>div .imagen {
    height: 210px;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 100%
}

.grid-categoria .container .flex .fila>div .imagen img {
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    -o-object-fit: cover;
    object-fit: cover;
    display: block;
    height: 100%;
    position: absolute;
    width: 100%
}

.grid-categoria .container .flex .fila>div>div {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 1rem 1.375rem
}

.grid-categoria .container .flex .fila>div>div .titulo {
    color: #37474f;
    display: block;
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.625rem;
    margin-top: 0
}

.grid-categoria .container .flex .fila>div>div .link {
    cursor: pointer;
    float: left;
    font-size: .75rem;
    font-weight: 700;
    margin: 1.25rem 0
}

.grid-categoria .container .flex .fila>div>div span {
    color: #8c9aa2;
    float: left;
    font-size: .75rem;
    font-weight: 400;
    margin: 1.25rem 0;
    line-height: 1.8
}

.grid-categoria .container .flex .fila>div>div span:before {
    content: "/";
    margin: 0 .5rem
}

.grid-categoria .container .flex .fila .fullw {
    display: table;
    margin-bottom: 3.75rem;
    width: 100%
}

.grid-categoria .container .flex .fila .fullw>div {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: table-cell;
    padding: 50px;
    vertical-align: middle;
    width: 50%
}

.grid-categoria .container .flex .fila .fullw>div p {
    color: #37474f;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.25rem;
    margin: 1rem 0
}

.grid-categoria .container .paginador {
    display: table;
    margin: 5rem auto
}

.cover-nota {
    height: 510px;
    position: relative
}

.cover-nota .container {
    display: table;
    overflow: visible;
    max-width: 1500px
}

.cover-nota .container>img {
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    min-height: 510px;
    width: 100%
}

.cover-nota .container>div {
    display: none
}

.info-nota {
    background: #fff;
    overflow: hidden;
    width: 100%
}

.info-nota .container dl {
    display: table;
    padding: 5rem 0;
    width: 100%
}

.info-nota .container dl dd {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: table-cell;
    padding: 0 2rem;
    position: relative;
    vertical-align: top
}

.info-nota .container dl .info {
    width: 70%
}

.info-nota .container dl .info .link {
    cursor: pointer;
    float: left;
    font-size: .875rem;
    font-weight: 700;
    line-height: 1.25rem;
    margin: 1.25rem 0
}

.info-nota .container dl .info>span {
    color: #263238;
    float: left;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.25rem;
    margin: 1.25rem 0
}

.info-nota .container dl .info>span:before {
    content: "/";
    margin: 0 .5rem
}

.info-nota .container dl .info h2 {
    clear: left;
    color: #263238;
    margin: 1.875rem 0;
    text-align: left
}

.info-nota .container dl .info h2 b {
    font-weight: 700
}

.info-nota .container dl .info .compartir {
    display: table;
    margin-bottom: 2.5rem
}

.info-nota .container dl .info .compartir>span {
    background: #263238;
    color: #fff;
    display: table-cell;
    font-size: .875rem;
    padding: 10px 18px
}

.info-nota .container dl .info .compartir>a {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-left: none;
    border: 1px solid #263238;
    color: #263238;
    display: table-cell;
    position: relative;
    width: 40px
}

.info-nota .container dl .info .compartir>a:before {
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%
}

.info-nota .container dl .info .compartir>a.fa-facebook {
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
    background: linear-gradient(to right, #3b5998 50%, rgba(0, 0, 0, 0) 0);
    background-position: right bottom;
    background-size: 200% 100%
}

.info-nota .container dl .info .compartir>a.fa-twitter {
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
    background: linear-gradient(to right, #1da1f2 50%, rgba(0, 0, 0, 0) 0);
    background-position: right bottom;
    background-size: 200% 100%
}

.info-nota .container dl .info .compartir>a.fa-envelope {
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
    background: linear-gradient(to right, #cc0032 50%, rgba(0, 0, 0, 0) 0);
    background-position: right bottom;
    background-size: 200% 100%
}

.info-nota .container dl .info .compartir>a:hover {
    background-color: transparent;
    background-position: left bottom;
    color: #fff
}

.info-nota .container dl .info .texto-nota {
    border-bottom: 1px solid #78909c;
    margin: 2.5rem 0
}

.info-nota .container dl .info .texto-nota img {
    display: block;
    height: auto;
    margin: 1.875rem auto;
    max-width: 100%;
    width: auto
}

.info-nota .container dl .info .texto-nota .grey {
    color: #bcbcbc;
    font-size: 1rem;
    font-weight: 700
}

.info-nota .container dl .info .texto-nota .subtitulo {
    color: #37474f;
    font-size: 1.125rem;
    font-weight: 700
}

.info-nota .container dl .info .texto-nota .fuente {
    font-size: .75rem;
    font-weight: 400;
    font-style: italic;
    margin: 1.875rem 0
}

.info-nota .container dl .info .texto-nota .video-container {
    margin: 1.875rem 0
}

.info-nota .container dl .info .texto-nota .tags {
    margin: 2rem 0
}

.info-nota .container dl .info .texto-nota .tags>a.tag {
    color: #37474f;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.125rem;
    margin-top: 0
}

.info-nota .container dl .info .texto-nota .tags>a.tag:after {
    content: "‚";
    font-size: 1.25rem;
    line-height: 0;
    margin-right: .375rem
}

.info-nota .container dl .info .prevandnext-notas {
    border-bottom: 1px solid #78909c;
    margin: 2.5rem 0
}

.info-nota .container dl .info .prevandnext-notas>dl {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    webkit-display: -webkit-flex;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    -ms-flex-pack: space-between;
    -ms-flex-pack: justify;
    overflow: hidden;
    padding: 0 0
}

.info-nota .container dl .info .prevandnext-notas>dl>dd {
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 48%
}

.info-nota .container dl .info .prevandnext-notas>dl>dd .image {
    display: block;
    overflow: hidden;
    position: relative
}

.info-nota .container dl .info .prevandnext-notas>dl>dd .image img {
    display: block;
    height: auto;
    width: 100%
}

.info-nota .container dl .info .prevandnext-notas>dl>dd .image>div {
    background: rgba(204, 0, 51, .7);
    display: none;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.info-nota .container dl .info .prevandnext-notas>dl>dd .image>div .prev {
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    background: 0 0;
    color: #fff;
    font-size: 1.375rem;
    font-weight: 700;
    text-align: center;
    width: 64%
}

.info-nota .container dl .info .prevandnext-notas>dl>dd .image>div .prev:before {
    content: "";
    font-family: FontAwesome;
    font-size: 1.25rem;
    line-height: 0;
    margin-right: .625rem
}

.info-nota .container dl .info .prevandnext-notas>dl>dd .image>div .next {
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    background: 0 0;
    color: #fff;
    font-size: 1.375rem;
    font-weight: 700;
    text-align: center;
    width: 64%
}

.info-nota .container dl .info .prevandnext-notas>dl>dd .image>div .next:after {
    content: "";
    font-family: FontAwesome;
    font-size: 1.25rem;
    line-height: 0;
    margin-left: .625rem
}

.info-nota .container dl .info .prevandnext-notas>dl>dd .image>div .link.plus {
    display: none
}

.info-nota .container dl .info .prevandnext-notas>dl>dd .content-info {
    display: table;
    padding: .75rem 1.25rem
}

.info-nota .container dl .info .prevandnext-notas>dl>dd .content-info .titulo {
    color: #37474f;
    display: block;
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.625rem;
    margin-top: 0
}

.info-nota .container dl .info .prevandnext-notas>dl>dd .content-info .link {
    cursor: pointer;
    display: block;
    font-size: .75rem;
    font-weight: 700;
    margin: 1.25rem 0
}

.info-nota .container dl .info .prevandnext-notas>dl>dd .content-info span {
    color: #8c9aa2;
    display: block;
    font-size: .75rem;
    font-weight: 400;
    margin: 1.25rem 0;
    line-height: 1.8
}

.info-nota .container dl .info .prevandnext-notas>dl>dd .content-info span:before {
    content: "/";
    margin: 0 .5rem
}

.info-nota .container dl .aside {
    position: relative;
    width: 30%
}

.info-nota .container dl .aside .banner img {
    width: 100%
}

.info-nota .container dl .aside .content-notas-relacionadas {
    margin: 3.125rem 0
}

.info-nota .container dl .aside .content-notas-relacionadas .subtitulo {
    color: #37474f;
    font-size: 1.125rem;
    font-weight: 700
}

.info-nota .container dl .aside .content-notas-relacionadas ul li {
    display: table;
    margin: 1.875rem 0 1.25rem
}

.info-nota .container dl .aside .content-notas-relacionadas ul li img {
    display: block;
    width: 100%
}

.info-nota .container dl .aside .content-notas-relacionadas ul li .titulo {
    color: #37474f;
    display: block;
    font-size: .875rem;
    font-weight: 700;
    line-height: 1.125rem;
    margin: .625rem 0 0 0
}

.info-nota .container dl .aside .content-notas-relacionadas ul li span {
    color: #8c9aa2;
    display: block;
    font-size: .75rem;
    font-weight: 400;
    margin: .625rem 0 0 0;
    line-height: 1rem
}

.info-nota .container dl .aside .content-notas-relacionadas ul li .link {
    display: table;
    font-size: .75rem;
    margin: .625rem 0 0 0
}

.info-nota .container dl .recibe-notas h5 {
    font-weight: 600
}

.info-nota .container dl .recibe-notas form div .boton {
    margin: 1rem 0
}

section.configura-cotiza {
    overflow: visible
}

section.configura-cotiza .ubicacion .container h1 {
    text-align: center
}

section.configura-cotiza .ubicacion .container>p {
    text-align: center;
    font-size: 1.125rem
}

section.configura-cotiza .ubicacion .container form {
    margin: 6.25rem auto;
    max-width: 500px
}

section.configura-cotiza .ubicacion .container form>p {
    text-align: center;
    margin-bottom: 2.5rem
}

section.configura-cotiza .ubicacion .container form .codigo {
    margin: auto;
    position: relative;
    width: 100%
}

section.configura-cotiza .ubicacion .container form .codigo input:focus:not([readonly]) {
    box-shadow: none;
    outline-width: 0
}

section.configura-cotiza .ubicacion .container form .codigo input::-webkit-input-placeholder {
    color: #8c9aa2
}

section.configura-cotiza .ubicacion .container form .codigo input:-moz-placeholder {
    color: #8c9aa2
}

section.configura-cotiza .ubicacion .container form .codigo input::-moz-placeholder {
    color: #8c9aa2
}

section.configura-cotiza .ubicacion .container form .codigo input:-ms-input-placeholder {
    color: #8c9aa2
}

section.configura-cotiza .ubicacion .container form .codigo input[type=text] {
    -webkit-transition: inherit;
    -moz-transition: inherit;
    -ms-transition: inherit;
    transition: inherit;
    border-bottom: 1px solid #263238;
    color: #263238;
    font-size: 1.125rem;
    font-weight: 300;
    height: 100%;
    margin: 0;
    padding: 5px 0;
    width: 100%
}

section.configura-cotiza .ubicacion .container form .codigo button,
section.configura-cotiza .ubicacion .container form .codigo input[type=submit] {
    background: 0 0;
    border: none;
    color: #8c9aa2;
    cursor: pointer;
    display: none;
    font-size: 1.125rem;
    height: 100%;
    height: 30px;
    position: absolute;
    right: 0;
    top: 0;
    width: 30px
}

section.configura-cotiza .ubicacion .container form .codigo button:before,
section.configura-cotiza .ubicacion .container form .codigo input[type=submit]:before {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    content: "";
    direction: ltr;
    display: inline-block;
    font-family: "Material Icons";
    font-feature-settings: "liga";
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 1;
    text-rendering: optimizeLegibility;
    text-transform: none;
    white-space: nowrap;
    word-wrap: normal
}

section.configura-cotiza .ubicacion .container form .codigo>span {
    background: #fff;
    color: #8c9aa2;
    font-size: 1.125rem;
    height: 30px;
    position: absolute;
    right: 0;
    top: 0;
    width: 30px
}

section.configura-cotiza .ubicacion .container form .codigo>span:before {
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    content: "";
    font-family: FontAwesome
}

section.configura-cotiza .ubicacion .container form .codigo dl {
    display: none;
    margin-bottom: 2rem
}

section.configura-cotiza .ubicacion .container form .codigo dl dd {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    border-bottom: 1px solid #bdbdbd;
    cursor: pointer;
    display: table;
    margin-bottom: .5rem;
    min-height: 155px;
    width: 100%
}

section.configura-cotiza .ubicacion .container form .codigo dl dd:hover {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    -o-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    -ms-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    background: rgba(238, 238, 238, .3);
    border-bottom: 1px solid rgba(238, 238, 238, .3)
}

section.configura-cotiza .ubicacion .container form .codigo dl dd.activo {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    -o-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    -ms-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    background: rgba(238, 238, 238, .3);
    border-bottom: 1px solid rgba(238, 238, 238, .3);
    margin-top: 1rem
}

section.configura-cotiza .ubicacion .container form .codigo dl dd.none {
    display: none
}

section.configura-cotiza .ubicacion .container form .codigo dl dd>div {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: table-cell;
    height: 100%;
    vertical-align: top
}

section.configura-cotiza .ubicacion .container form .codigo dl dd .img {
    overflow: hidden;
    position: relative;
    width: 25%
}

section.configura-cotiza .ubicacion .container form .codigo dl dd .img img {
    position: absolute;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    height: 100%;
    left: 0;
    width: auto
}

section.configura-cotiza .ubicacion .container form .codigo dl dd .info {
    padding: 1.25rem 2rem;
    width: 65%
}

section.configura-cotiza .ubicacion .container form .codigo dl dd .info i {
    color: #78909c;
    display: block;
    font-size: .75rem;
    font-weight: 700;
    margin: 0 auto 1.25rem;
    position: relative
}

section.configura-cotiza .ubicacion .container form .codigo dl dd .info i:before {
    position: absolute;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    content: "";
    direction: ltr;
    display: inline-block;
    font-family: "Material Icons";
    font-feature-settings: "liga";
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 1;
    text-rendering: optimizeLegibility;
    text-transform: none;
    white-space: nowrap;
    word-wrap: normal;
    color: #fbc02d;
    padding-right: 5px;
    right: 100%
}

section.configura-cotiza .ubicacion .container form .codigo dl dd .info p {
    color: #263238;
    font-size: .875rem;
    margin: 0
}

section.configura-cotiza .ubicacion .container form .codigo dl dd .info p span {
    font-size: .875rem;
    font-weight: 300
}

section.configura-cotiza .ubicacion .container form .codigo.activo dl {
    display: block
}

section.configura-cotiza .ubicacion .container form .boton {
    margin: 3rem auto
}

section.configura-cotiza .modelo .container>h3 {
    text-align: center
}

section.configura-cotiza .modelo .container .configura-modelos {
    height: 620px;
    position: relative;
    width: 100%
}

section.configura-cotiza .modelo .container .configura-modelos>div {
    height: 50px;
    width: 100%
}

section.configura-cotiza .modelo .container .configura-modelos>div ul {
    display: table;
    height: 100%;
    margin: auto
}

section.configura-cotiza .modelo .container .configura-modelos>div ul li {
    display: table;
    float: left;
    height: 100%;
    margin: 0
}

section.configura-cotiza .modelo .container .configura-modelos>div ul li.activo>a {
    color: #263238
}

section.configura-cotiza .modelo .container .configura-modelos>div ul li.activo>a:before {
    background: #263238;
    width: 100%
}

section.configura-cotiza .modelo .container .configura-modelos>div ul li.activo>div {
    opacity: 1;
    z-index: 9
}

section.configura-cotiza .modelo .container .configura-modelos>div ul li>a {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    color: #8c9aa2;
    cursor: pointer;
    display: table-cell;
    font-size: .75rem;
    font-weight: 700;
    margin: 0;
    padding: 0 1.5rem;
    position: relative;
    text-decoration: none;
    vertical-align: middle
}

section.configura-cotiza .modelo .container .configura-modelos>div ul li>a:before {
    position: absolute;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    left: 50%;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    background: 0 0;
    bottom: 0;
    content: " ";
    display: block;
    height: 2px;
    width: 0%
}

section.configura-cotiza .modelo .container .configura-modelos>div ul li>a:hover {
    color: #263238
}

section.configura-cotiza .modelo .container .configura-modelos>div ul li>a:hover:before {
    background: #263238;
    width: 100%
}

section.configura-cotiza .modelo .container .configura-modelos>div ul li>div {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .8s;
    -moz-transition: all .8s;
    -ms-transition: all .8s;
    transition: all .8s;
    height: calc(100% - 50px);
    left: 0;
    opacity: 0;
    position: absolute;
    top: 50px;
    width: 100%
}

section.configura-cotiza .modelo .container .configura-modelos>div ul li>div .container {
    overflow: auto
}

section.configura-cotiza .modelo .container .configura-modelos>div ul li>div .container .flex {
    margin-top: 50px
}

section.configura-cotiza .modelo .container .configura-modelos>div ul li>div .container .flex.hover>div {
    opacity: .5
}

section.configura-cotiza .modelo .container .configura-modelos>div ul li>div .container .flex.activo>div {
    opacity: .5
}

section.configura-cotiza .modelo .container .configura-modelos>div ul li>div .container .flex>div {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    cursor: pointer;
    float: left;
    width: 25%
}

section.configura-cotiza .modelo .container .configura-modelos>div ul li>div .container .flex>div a {
    color: #37474f
}

section.configura-cotiza .modelo .container .configura-modelos>div ul li>div .container .flex>div .img {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: table;
    margin: 1rem auto;
    padding: 0 1rem;
    width: 100%
}

section.configura-cotiza .modelo .container .configura-modelos>div ul li>div .container .flex>div .img img {
    display: table;
    margin: auto;
    max-width: 232px;
    width: 100%
}

section.configura-cotiza .modelo .container .configura-modelos>div ul li>div .container .flex>div .img img.hover {
    display: none
}

section.configura-cotiza .modelo .container .configura-modelos>div ul li>div .container .flex>div p {
    font-size: 1.375rem;
    margin-bottom: 0;
    text-align: center
}

section.configura-cotiza .modelo .container .configura-modelos>div ul li>div .container .flex>div span {
    display: block;
    font-size: 1.125rem;
    font-weight: 300;
    margin-top: .5rem;
    text-align: center
}

section.configura-cotiza .modelo .container .configura-modelos>div ul li>div .container .flex>div span b {
    font-size: 1.375rem;
    font-weight: 700
}

section.configura-cotiza .modelo .container .configura-modelos>div ul li>div .container .flex>div>dl {
    display: none
}

section.configura-cotiza .modelo .container .configura-modelos>div ul li>div .container .flex>div.hover {
    opacity: 1
}

section.configura-cotiza .modelo .container .configura-modelos>div ul li>div .container .flex>div.hover .img img {
    display: none
}

section.configura-cotiza .modelo .container .configura-modelos>div ul li>div .container .flex>div.hover .img img.hover {
    display: block
}

section.configura-cotiza .modelo .container .configura-modelos>div ul li>div .container .flex>div.activo {
    opacity: 1
}

section.configura-cotiza .modelo .container .configura-modelos>div ul li>div .container .flex>div.activo .img img {
    display: none
}

section.configura-cotiza .modelo .container .configura-modelos>div ul li>div .container .flex>div.activo .img img.hover {
    display: block
}

section.configura-cotiza .version {
    background: #fafafa;
    padding-bottom: 50px
}

section.configura-cotiza .version .container>h3 {
    text-align: center
}

section.configura-cotiza .version .container>p {
    text-align: center
}

section.configura-cotiza .version .container .menu {
    display: table;
    margin: 2.5rem auto
}

section.configura-cotiza .version .container .menu p {
    display: table-cell;
    font-weight: 700;
    padding-right: 2rem;
    vertical-align: middle
}

section.configura-cotiza .version .container .menu ul {
    display: table-cell;
    height: 100%;
    margin: auto;
    vertical-align: middle
}

section.configura-cotiza .version .container .menu ul li {
    display: table;
    float: left;
    height: 100%;
    margin: 0;
    padding: 0 2rem
}

section.configura-cotiza .version .container .menu ul li:last-child {
    padding-right: 0
}

section.configura-cotiza .version .container .menu ul li>span {
    color: #263238;
    cursor: pointer;
    font-size: .875rem;
    font-weight: 700;
    margin: 0;
    padding-right: 1rem;
    padding: 0;
    position: relative
}

section.configura-cotiza .version .container .menu ul li>span:before {
    position: absolute;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    border-radius: 50%;
    border: 1px solid #263238;
    content: " ";
    display: block;
    height: 20px;
    margin-right: 10px;
    right: 100%;
    width: 20px
}

section.configura-cotiza .version .container .menu ul li>span:after {
    position: absolute;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    border-radius: 50%;
    content: " ";
    display: block;
    height: 10px;
    margin-right: 16px;
    right: 100%;
    width: 10px
}

section.configura-cotiza .version .container .menu ul li.activo>span:after {
    background: #263238
}

section.configura-cotiza .version .container .flex>div {
    margin-bottom: 2rem;
    width: 25%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 1rem
}

section.configura-cotiza .version .container .flex>div.activo {
    display: none
}

section.configura-cotiza .version .container .flex>div>div {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    width: 100%
}

section.configura-cotiza .version .container .flex>div>div:hover {
    -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19);
    -moz-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19);
    -o-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19);
    -ms-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19);
    box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19)
}

section.configura-cotiza .version .container .flex>div>div.activo .info {
    height: 250px
}

section.configura-cotiza .version .container .flex>div>div.activo .ver span:after {
    content: "";
    font-family: FontAwesome
}

section.configura-cotiza .version .container .flex>div>div .img {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #fff;
    border-bottom: 1px solid #bdbdbd;
    overflow: hidden;
    padding: 0 1rem
}

section.configura-cotiza .version .container .flex>div>div .img>img {
    display: block;
    height: auto;
    margin: 1rem auto;
    max-width: 262px;
    width: 100%
}

section.configura-cotiza .version .container .flex>div>div .img h6 {
    font-size: 1.375rem;
    margin-bottom: 0;
    text-align: center
}

section.configura-cotiza .version .container .flex>div>div .img h6 span {
    font-weight: 300
}

section.configura-cotiza .version .container .flex>div>div .img>span {
    display: block;
    font-size: 1.125rem;
    font-weight: 300;
    margin-bottom: .8125rem;
    text-align: center
}

section.configura-cotiza .version .container .flex>div>div .img>span b {
    font-size: 1.375rem;
    font-weight: 700
}

section.configura-cotiza .version .container .flex>div>div .info {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    background: #fff;
    height: 7.1875rem;
    overflow: hidden;
    padding: 1rem;
    padding-bottom: 2.5rem;
    position: relative
}

section.configura-cotiza .version .container .flex>div>div .info ul li {
    font-size: .875rem;
    line-height: 1.25rem;
    padding-left: .875rem;
    position: relative
}

section.configura-cotiza .version .container .flex>div>div .info ul li:before {
    content: "";
    font-family: FontAwesome;
    font-size: 4px;
    left: 0;
    line-height: 1.25rem;
    position: absolute;
    top: 0
}

section.configura-cotiza .version .container .flex>div>div .info .blur {
    background: #fff;
    bottom: 0;
    height: 2.5rem;
    left: 0;
    opacity: .8;
    position: absolute;
    width: 100%
}

section.configura-cotiza .version .container .flex>div>div .ver {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #fff;
    overflow: hidden;
    padding: 10px 1rem 30px
}

section.configura-cotiza .version .container .flex>div>div .ver span {
    color: #c03;
    cursor: pointer;
    display: table;
    font-size: .875rem;
    font-weight: 600;
    overflow: hidden;
    padding-right: 1rem;
    position: relative;
    text-decoration: none
}

section.configura-cotiza .version .container .flex>div>div .ver span:before {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    background: #c03;
    bottom: 0;
    content: " ";
    display: block;
    height: 2px;
    left: 0;
    position: absolute;
    width: 0%
}

section.configura-cotiza .version .container .flex>div>div .ver span:after {
    position: absolute;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    content: "";
    font-family: FontAwesome;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    font-size: 1rem;
    line-height: normal;
    right: 0
}

section.configura-cotiza .version .container .flex>div>div .ver span:hover:before {
    width: calc(100% - 1rem)
}

section.configura-cotiza .version .container .flex>div>div .confi {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    background: #263238;
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: .875rem;
    font-weight: 600;
    padding: .625rem 0;
    text-align: center;
    width: 100%
}

section.configura-cotiza .version .container .flex>div>div .confi.activo,
section.configura-cotiza .version .container .flex>div>div .confi:hover {
    background: #c03
}

section.configura-cotiza .version .container>.link.regresar {
    cursor: pointer;
    display: block;
    font-size: .875rem;
    left: 20px;
    position: absolute;
    top: 2.5rem
}

section.configura-cotiza .configuracion .head {
    padding: .625rem 0
}

section.configura-cotiza .configuracion .head .container {
    display: table
}

section.configura-cotiza .configuracion .head .container>div {
    display: table-cell;
    vertical-align: middle;
    width: 33%
}

section.configura-cotiza .configuracion .head .container>div h4 {
    font-weight: 300
}

section.configura-cotiza .configuracion .head .container>div h4 span {
    font-weight: 700
}

section.configura-cotiza .configuracion .head .container>div p {
    font-size: .875rem;
    line-height: 1.1875rem
}

section.configura-cotiza .configuracion .head .container>div .img {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    opacity: 0
}

section.configura-cotiza .configuracion .head .container>div .img img {
    display: table;
    height: 100%;
    margin: auto;
    max-width: 210px;
    width: 100%
}

section.configura-cotiza .configuracion .head .container>div .img.activo {
    opacity: 1
}

section.configura-cotiza .configuracion .head .container>div>div {
    display: table;
    margin: auto
}

section.configura-cotiza .configuracion .head .container>div>div .precio {
    display: block;
    font-size: .75rem;
    font-weight: 300;
    text-align: right
}

section.configura-cotiza .configuracion .head .container>div>div .precio b {
    display: block;
    font-size: 1.375rem;
    font-weight: 700
}

section.configura-cotiza .configuracion .head .container .leyenda {
    display: table-footer-group;
    width: 100%
}

section.configura-cotiza .configuracion .head .container .leyenda p {
    color: #aaaaab;
    font-size: .75rem;
    line-height: .875rem;
    margin: .375rem 0;
    text-align: left
}

section.configura-cotiza .configuracion .interaccion .menu {
    background: #fafafa;
    border-bottom: 1px solid #e0e0e0;
    border-top: 1px solid #e0e0e0;
    overflow: visible;
    position: relative;
    width: 100%;
    z-index: 1
}

section.configura-cotiza .configuracion .interaccion .menu .container {
    overflow: visible;
    padding: 0
}

section.configura-cotiza .configuracion .interaccion .menu .container nav {
    display: table;
    position: relative;
    width: 100%
}

section.configura-cotiza .configuracion .interaccion .menu .container nav ul {
    display: table;
    margin: 0;
    padding: 0;
    width: 100%
}

section.configura-cotiza .configuracion .interaccion .menu .container nav ul li {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
    border-right: 1px solid #e0e0e0;
    display: table-cell;
    margin: 0;
    vertical-align: middle;
    width: 25%
}

section.configura-cotiza .configuracion .interaccion .menu .container nav ul li a {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #263238;
    display: block;
    font-size: 1rem;
    font-weight: 700;
    height: 65px;
    text-align: center;
    padding: 7px 0
}

section.configura-cotiza .configuracion .interaccion .menu .container nav ul li a:before {
    color: #989898;
    display: table;
    font-size: 20px;
    margin: 0 auto
}

section.configura-cotiza .configuracion .interaccion .menu .container nav ul li.listo.acc a:before,
section.configura-cotiza .configuracion .interaccion .menu .container nav ul li.listo.ext a:before,
section.configura-cotiza .configuracion .interaccion .menu .container nav ul li.listo.int a:before {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    content: "";
    direction: ltr;
    display: inline-block;
    font-family: "Material Icons";
    font-feature-settings: "liga";
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 1;
    text-rendering: optimizeLegibility;
    text-transform: none;
    white-space: nowrap;
    word-wrap: normal;
    display: table;
    line-height: 1.4;
    color: #c03
}

section.configura-cotiza .configuracion .interaccion .menu .container nav ul li.listo:hover {
    -webkit-transform: inherit;
    -moz-transform: inherit;
    -ms-transform: inherit;
    transform: inherit;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
    background: 0 0;
    border-right: 1px solid #e0e0e0
}

section.configura-cotiza .configuracion .interaccion .menu .container nav ul li.listo:hover a {
    color: #263238;
    font-weight: 700
}

section.configura-cotiza .configuracion .interaccion .menu .container nav ul li:last-child {
    border-right: none
}

section.configura-cotiza .configuracion .interaccion .menu .container nav ul li:last-child.listo:hover {
    border-right: none
}

section.configura-cotiza .configuracion .interaccion .menu .container nav ul li.ext a:before {
    content: "";
    font-family: FontAwesome;
    line-height: 1.4
}

section.configura-cotiza .configuracion .interaccion .menu .container nav ul li.int a:before {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    content: "";
    font-family: icomoon;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    speak: none;
    text-transform: none;
    line-height: 1.4
}

section.configura-cotiza .configuracion .interaccion .menu .container nav ul li.acc a:before {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    content: "";
    font-family: icomoon;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    speak: none;
    text-transform: none;
    line-height: 1.4
}

section.configura-cotiza .configuracion .interaccion .menu .container nav ul li.res a {
    padding: 20px 0
}

section.configura-cotiza .configuracion .interaccion .menu .container nav ul li.res a:before {
    display: none
}

section.configura-cotiza .configuracion .interaccion .menu .container nav ul li:hover {
    -webkit-transform: scale(1.2, 1.2);
    -moz-transform: scale(1.2, 1.2);
    -ms-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2);
    -webkit-box-shadow: 0 27px 24px 0 rgba(0, 0, 0, .2), 0 40px 77px 0 rgba(0, 0, 0, .22);
    -moz-box-shadow: 0 27px 24px 0 rgba(0, 0, 0, .2), 0 40px 77px 0 rgba(0, 0, 0, .22);
    -o-box-shadow: 0 27px 24px 0 rgba(0, 0, 0, .2), 0 40px 77px 0 rgba(0, 0, 0, .22);
    -ms-box-shadow: 0 27px 24px 0 rgba(0, 0, 0, .2), 0 40px 77px 0 rgba(0, 0, 0, .22);
    box-shadow: 0 27px 24px 0 rgba(0, 0, 0, .2), 0 40px 77px 0 rgba(0, 0, 0, .22);
    background: #c03;
    border-right: none
}

section.configura-cotiza .configuracion .interaccion .menu .container nav ul li:hover a {
    color: #fff;
    font-weight: 400
}

section.configura-cotiza .configuracion .interaccion .menu .container nav ul li:hover a:before {
    color: #fff
}

section.configura-cotiza .configuracion .interaccion .menu .container nav ul li.activo {
    background: #c03
}

section.configura-cotiza .configuracion .interaccion .menu .container nav ul li.activo a {
    color: #fff;
    font-weight: 400
}

section.configura-cotiza .configuracion .interaccion .menu .container nav ul li.activo a:before {
    color: #fff
}

section.configura-cotiza .configuracion .interaccion .exterior {
    padding: 2.5rem 0
}

section.configura-cotiza .configuracion .interaccion .exterior .container>p {
    text-align: center
}

section.configura-cotiza .configuracion .interaccion .exterior .container .menu360>span {
    color: #8c9aa2;
    display: table;
    font-size: .875rem;
    line-height: 1.1875rem;
    margin: 1.5625rem auto;
    text-transform: capitalize
}

section.configura-cotiza .configuracion .interaccion .exterior .container .menu360 .colores360 {
    border-collapse: separate;
    border-spacing: 15px 0;
    display: table;
    margin: 1.5625rem auto
}

section.configura-cotiza .configuracion .interaccion .exterior .container .menu360 .colores360>div {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    border: 1px solid #37474f;
    cursor: pointer;
    display: table-cell;
    height: 30px;
    position: relative;
    width: 30px
}

section.configura-cotiza .configuracion .interaccion .exterior .container .menu360 .colores360>div.active,
section.configura-cotiza .configuracion .interaccion .exterior .container .menu360 .colores360>div:hover {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    -o-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    -ms-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15)
}

section.configura-cotiza .configuracion .interaccion .exterior .container .menu360 .colores360>div.active:before,
section.configura-cotiza .configuracion .interaccion .exterior .container .menu360 .colores360>div:hover:before {
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    content: "";
    direction: ltr;
    display: inline-block;
    font-family: "Material Icons";
    font-feature-settings: "liga";
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 1;
    text-rendering: optimizeLegibility;
    text-transform: none;
    white-space: nowrap;
    word-wrap: normal;
    color: #fff;
    font-size: 1.25rem
}

section.configura-cotiza .configuracion .interaccion .exterior .container .menu360 .colores360 .agehaMetalico {
    background: #28323e
}

section.configura-cotiza .configuracion .interaccion .exterior .container .menu360 .colores360 .arena {
    background: #92816f
}

section.configura-cotiza .configuracion .interaccion .exterior .container .menu360 .colores360 .azul {
    background: #2d4162
}

section.configura-cotiza .configuracion .interaccion .exterior .container .menu360 .colores360 .azulElectrico {
    background: #2d6391
}

section.configura-cotiza .configuracion .interaccion .exterior .container .menu360 .colores360 .azulFrances {
    background: #28323e
}

section.configura-cotiza .configuracion .interaccion .exterior .container .menu360 .colores360 .azulGrafito {
    background: #324d6c
}

section.configura-cotiza .configuracion .interaccion .exterior .container .menu360 .colores360 .azulMarino {
    background: #2d4162
}

section.configura-cotiza .configuracion .interaccion .exterior .container .menu360 .colores360 .azulMetalico {
    background: #2052a1
}

section.configura-cotiza .configuracion .interaccion .exterior .container .menu360 .colores360 .beige {
    background: #eee8d9
}

section.configura-cotiza .configuracion .interaccion .exterior .container .menu360 .colores360 .beige.active:before,
section.configura-cotiza .configuracion .interaccion .exterior .container .menu360 .colores360 .beige:hover:before {
    color: #263238
}

section.configura-cotiza .configuracion .interaccion .exterior .container .menu360 .colores360 .blanco {
    background: #f5f5f5
}

section.configura-cotiza .configuracion .interaccion .exterior .container .menu360 .colores360 .blanco.active:before,
section.configura-cotiza .configuracion .interaccion .exterior .container .menu360 .colores360 .blanco:hover:before {
    color: #263238
}

section.configura-cotiza .configuracion .interaccion .exterior .container .menu360 .colores360 .blancoPerlado {
    background: #e8e2d5
}

section.configura-cotiza .configuracion .interaccion .exterior .container .menu360 .colores360 .blancoPerlado.active:before,
section.configura-cotiza .configuracion .interaccion .exterior .container .menu360 .colores360 .blancoPerlado:hover:before {
    color: #263238
}

section.configura-cotiza .configuracion .interaccion .exterior .container .menu360 .colores360 .bronce {
    background: #ccc1b6
}

section.configura-cotiza .configuracion .interaccion .exterior .container .menu360 .colores360 .bronce.active:before,
section.configura-cotiza .configuracion .interaccion .exterior .container .menu360 .colores360 .bronce:hover:before {
    color: #263238
}

section.configura-cotiza .configuracion .interaccion .exterior .container .menu360 .colores360 .cafe {
    background: #510c03
}

section.configura-cotiza .configuracion .interaccion .exterior .container .menu360 .colores360 .champagne {
    background: #eee8d9
}

section.configura-cotiza .configuracion .interaccion .exterior .container .menu360 .colores360 .champagne.active:before,
section.configura-cotiza .configuracion .interaccion .exterior .container .menu360 .colores360 .champagne:hover:before {
    color: #263238
}

section.configura-cotiza .configuracion .interaccion .exterior .container .menu360 .colores360 .grafito {
    background: #5c616a
}

section.configura-cotiza .configuracion .interaccion .exterior .container .menu360 .colores360 .gris {
    background: #7b7b7b
}

section.configura-cotiza .configuracion .interaccion .exterior .container .menu360 .colores360 .grisMetalico {
    background: #5c616a
}

section.configura-cotiza .configuracion .interaccion .exterior .container .menu360 .colores360 .grisOscuro {
    background: #545655
}

section.configura-cotiza .configuracion .interaccion .exterior .container .menu360 .colores360 .jade {
    background: #5b5a50
}

section.configura-cotiza .configuracion .interaccion .exterior .container .menu360 .colores360 .morado {
    background: #4b3134
}
section.configura-cotiza .configuracion .interaccion .exterior .container .menu360 .colores360 .rocaLunar {
    background: #bfc8c5
}

section.configura-cotiza .configuracion .interaccion .exterior .container .menu360 .colores360 .naranja {
    background: #d9612d
}

section.configura-cotiza .configuracion .interaccion .exterior .container .menu360 .colores360 .negro {
    background: #000
}

section.configura-cotiza .configuracion .interaccion .exterior .container .menu360 .colores360 .negroMetalico {
    background: #323232
}

section.configura-cotiza .configuracion .interaccion .exterior .container .menu360 .colores360 .rojo {
    background: #E8132B
}

section.configura-cotiza .configuracion .interaccion .exterior .container .menu360 .colores360 .rojoOscuro {
    background: #83191d
}

section.configura-cotiza .configuracion .interaccion .exterior .container .menu360 .colores360 .plata {
    background: #d1d4d8
}

section.configura-cotiza .configuracion .interaccion .exterior .container .menu360 .colores360 .plata.active:before,
section.configura-cotiza .configuracion .interaccion .exterior .container .menu360 .colores360 .plata:hover:before {
    color: #263238
}

section.configura-cotiza .configuracion .interaccion .exterior .container .menu360 .colores360 .plataMetalico {
    background: #d1d4d8
}

section.configura-cotiza .configuracion .interaccion .exterior .container .menu360 .colores360 .plataMetalico.active:before,
section.configura-cotiza .configuracion .interaccion .exterior .container .menu360 .colores360 .plataMetalico:hover:before {
    color: #263238
}

section.configura-cotiza .configuracion .interaccion .exterior .container .menu360 .colores360 .verde {
    background: #8c9b96
}

section.configura-cotiza .configuracion .interaccion .exterior .container .menu360 .colores360 .vinoClaro {
    background: #a41c1d
}

section.configura-cotiza .configuracion .interaccion .exterior .container .menu360 .colores360 .aqua {
    background: #199ea3
}

section.configura-cotiza .configuracion .interaccion .exterior .container .menu360 .colores360 .azulGrisaceo {
    background: #3d4551
}

section.configura-cotiza .configuracion .interaccion .exterior .container .menu360 .colores360 .agheaMetalico {
    background: #1c2630
}

section.configura-cotiza .configuracion .interaccion .exterior .container .menu360 .colores360 .grafito2 {
    background: #3a3a3a
}

section.configura-cotiza .configuracion .interaccion .exterior .container .menu360 .colores360 .jade {
    background: #525449
}

section.configura-cotiza .configuracion .interaccion .exterior .container .menu360 .colores360 .verdeMetalico {
    background: #189782
}

section.configura-cotiza .configuracion .interaccion .exterior .container .menu360 .colores360 .verde1 {
    background: #73827d
}

section.configura-cotiza .configuracion .interaccion .exterior .container .menu360 .colores360 .verde2 {
    background: #c8cc43
}

section.configura-cotiza .configuracion .interaccion .exterior .container .menu360 .colores360 .azulNebula {
    background: #00355b
}

section.configura-cotiza .configuracion .interaccion .exterior .container .threesixty {
    height: auto !important;
    width: 900px !important
}

section.configura-cotiza .configuracion .interaccion .exterior .container .threesixty>img {
    height: auto;
    width: 100%
}

section.configura-cotiza .configuracion .interaccion .exterior .container .threesixty .spinner {
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    margin: 0 !important
}

section.configura-cotiza .configuracion .interaccion .exterior .container .flecha360 {
    display: block;
    margin: 0 auto;
    max-width: 208px
}

section.configura-cotiza .configuracion .interaccion .exterior .container .leyenda {
    display: table-footer-group;
    width: 100%
}

section.configura-cotiza .configuracion .interaccion .exterior .container .leyenda p {
    color: #aaaaab;
    font-size: .75rem;
    line-height: .875rem;
    margin: .375rem 0;
    text-align: left
}

section.configura-cotiza .configuracion .interaccion .interior {
    position: relative;
    overflow: hidden;
    height: 650px;
    width: 100%
}

section.configura-cotiza .configuracion .interaccion .interior .img {
    position: absolute;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    left: 50%;
    height: 100%;
    width: 100%
}

section.configura-cotiza .configuracion .interaccion .interior .img>img {
    -o-object-fit: cover;
    object-fit: cover;
    height: 100%;
    width: 100%
}

section.configura-cotiza .configuracion .interaccion .interior .container>p {
    color: #fff;
    margin-top: 2.5rem;
    text-align: center
}

section.configura-cotiza .configuracion .interaccion .interior .container .interiores>span {
    color: #fff;
    display: table;
    font-size: .875rem;
    font-weight: 300;
    line-height: 1.1875rem;
    margin: 1.5625rem auto;
    text-transform: capitalize
}

section.configura-cotiza .configuracion .interaccion .interior .container .interiores .tipos {
    border-collapse: separate;
    border-spacing: 15px 0;
    display: table;
    margin: 1.5625rem auto
}

section.configura-cotiza .configuracion .interaccion .interior .container .interiores .tipos>div {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    border: 1px solid #fff;
    cursor: pointer;
    display: table-cell;
    position: relative
}

section.configura-cotiza .configuracion .interaccion .interior .container .interiores .tipos>div>img {
    display: block;
    height: 40px;
    width: 40px
}

section.configura-cotiza .configuracion .interaccion .interior .container .interiores .tipos>div.activo,
section.configura-cotiza .configuracion .interaccion .interior .container .interiores .tipos>div:hover {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    -o-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    -ms-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15)
}

section.configura-cotiza .configuracion .interaccion .interior .container .interiores .tipos>div.activo:before,
section.configura-cotiza .configuracion .interaccion .interior .container .interiores .tipos>div:hover:before {
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    content: "";
    direction: ltr;
    display: inline-block;
    font-family: "Material Icons";
    font-feature-settings: "liga";
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 1;
    text-rendering: optimizeLegibility;
    text-transform: none;
    white-space: nowrap;
    word-wrap: normal;
    color: #fff;
    font-size: 1.25rem
}

section.configura-cotiza .configuracion .interaccion .accesorios {
    background: #f5f5f5;
    padding: 2.5rem 0
}

section.configura-cotiza .configuracion .interaccion .accesorios .container>p {
    text-align: center
}

section.configura-cotiza .configuracion .interaccion .accesorios .container .flex>div {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 2rem;
    padding: 0 1rem;
    width: 33%
}

section.configura-cotiza .configuracion .interaccion .accesorios .container .flex>div>div {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    background: #fff;
    overflow: hidden;
    width: 100%
}

section.configura-cotiza .configuracion .interaccion .accesorios .container .flex>div>div:hover {
    -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19);
    -moz-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19);
    -o-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19);
    -ms-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19);
    box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19)
}

section.configura-cotiza .configuracion .interaccion .accesorios .container .flex>div>div .img {
    margin-bottom: 1rem;
    overflow: hidden
}

section.configura-cotiza .configuracion .interaccion .accesorios .container .flex>div>div .img>img {
    -o-object-fit: cover;
    object-fit: cover;
    display: block;
    height: 100%;
    width: 100%
}

section.configura-cotiza .configuracion .interaccion .accesorios .container .flex>div>div .info {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 1rem
}

section.configura-cotiza .configuracion .interaccion .accesorios .container .flex>div>div .info p {
    font-size: 1.125rem;
    margin-bottom: 0
}

section.configura-cotiza .configuracion .interaccion .accesorios .container .flex>div>div .info .link {
    cursor: pointer;
    font-size: .875rem;
    margin: 1rem 0
}

section.configura-cotiza .configuracion .interaccion .accesorios .container .flex>div>div .seleccionar {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    background: #263238;
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: .875rem;
    font-weight: 600;
    opacity: 1;
    padding: .625rem 0;
    position: relative;
    text-align: center;
    width: 100%
}

section.configura-cotiza .configuracion .interaccion .accesorios .container .flex>div>div .seleccionar:hover {
    background: #c03
}

section.configura-cotiza .configuracion .interaccion .accesorios .container .flex>div>div .seleccionar.activo {
    background: #c03
}

section.configura-cotiza .configuracion .interaccion .accesorios .container .flex>div>div .seleccionar.activo:before {
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    content: "";
    direction: ltr;
    display: inline-block;
    font-family: "Material Icons";
    font-feature-settings: "liga";
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 1;
    text-rendering: optimizeLegibility;
    text-transform: none;
    white-space: nowrap;
    word-wrap: normal;
    color: #fff;
    font-size: 1.25rem
}

section.configura-cotiza .configuracion .interaccion .accesorios .container .flex>div>div .seleccionar.activo span {
    opacity: 0
}

section.configura-cotiza .configuracion .interaccion .resumen {
    padding: 2.5rem 0
}

section.configura-cotiza .configuracion .interaccion .resumen .container {
    overflow: visible
}

section.configura-cotiza .configuracion .interaccion .resumen .container>div {
    margin: auto;
    max-width: 600px;
    width: 100%
}

section.configura-cotiza .configuracion .interaccion .resumen .container>div>p {
    padding: 0 2rem;
    margin: 0
}

section.configura-cotiza .configuracion .interaccion .resumen .container>div .tabla {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: 1px solid #e0e0e0;
    display: table;
    padding: 1rem 2rem;
    width: 100%
}

section.configura-cotiza .configuracion .interaccion .resumen .container>div .tabla .fila {
    display: table;
    margin-bottom: .5rem;
    width: 100%
}

section.configura-cotiza .configuracion .interaccion .resumen .container>div .tabla .fila .celda {
    display: table-cell;
    vertical-align: middle;
    width: 50%
}

section.configura-cotiza .configuracion .interaccion .resumen .container>div .tabla .fila .celda h4 {
    display: inline;
    font-size: 1.5rem;
    font-weight: 300;
    line-height: 1.75rem;
    margin-top: 0
}

section.configura-cotiza .configuracion .interaccion .resumen .container>div .tabla .fila .celda h4 span {
    font-weight: 700
}

section.configura-cotiza .configuracion .interaccion .resumen .container>div .tabla .fila .celda .editar {
    display: inline;
    color: #c03;
    cursor: pointer;
    font-size: .75rem;
    font-weight: 300;
    padding-left: .3125rem
}

section.configura-cotiza .configuracion .interaccion .resumen .container>div .tabla .fila .celda .eliminar {
    color: #c03;
    cursor: pointer;
    font-size: .75rem;
    font-weight: 300;
    padding-left: .3125rem
}

section.configura-cotiza .configuracion .interaccion .resumen .container>div .tabla .fila .celda p {
    font-size: .875rem;
    line-height: 1.1875rem
}

section.configura-cotiza .configuracion .interaccion .resumen .container>div .tabla .fila .celda p:last-child {
    margin-bottom: 0
}

section.configura-cotiza .configuracion .interaccion .resumen .container>div .tabla .fila .celda .opcion {
    color: #78909c;
    font-size: .75rem;
    font-weight: 600
}

section.configura-cotiza .configuracion .interaccion .resumen .container>div .tabla .fila .celda>div .precio {
    display: block;
    font-size: .75rem;
    font-weight: 300;
    text-align: right
}

section.configura-cotiza .configuracion .interaccion .resumen .container>div .tabla .fila .celda>div .precio b {
    display: block;
    font-size: 1.5rem;
    font-weight: 700
}

section.configura-cotiza .configuracion .interaccion .resumen .container>div .tabla .fila .celda>div p {
    text-align: right;
    margin: 0
}

section.configura-cotiza .configuracion .interaccion .resumen .container>div .tabla .fila .celda .seleccion span {
    font-size: .75rem
}

section.configura-cotiza .configuracion .interaccion .resumen .container>div .tabla .fila .celda .seleccion .color,
section.configura-cotiza .configuracion .interaccion .resumen .container>div .tabla .fila .celda .seleccion .img {
    display: block;
    float: left;
    height: 20px;
    width: 60px;
    overflow: hidden;
    margin-right: 1rem
}

section.configura-cotiza .configuracion .interaccion .resumen .container>div .tabla .fila .celda .seleccion .color>img,
section.configura-cotiza .configuracion .interaccion .resumen .container>div .tabla .fila .celda .seleccion .img>img {
    -o-object-fit: cover;
    object-fit: cover;
    display: block;
    width: 100%;
    height: 100%
}

section.configura-cotiza .configuracion .interaccion .resumen .container>div .tabla .fila .celda .seleccion .color.grisMetalico,
section.configura-cotiza .configuracion .interaccion .resumen .container>div .tabla .fila .celda .seleccion .img.grisMetalico {
    background: #5c616a
}

section.configura-cotiza .configuracion .interaccion .resumen .container>div .tabla .fila .celda .seleccion .color.rojo,
section.configura-cotiza .configuracion .interaccion .resumen .container>div .tabla .fila .celda .seleccion .img.rojo {
    background: #d0011b
}

section.configura-cotiza .configuracion .interaccion .resumen .container>div .tabla .fila .celda .seleccion .color.azul,
section.configura-cotiza .configuracion .interaccion .resumen .container>div .tabla .fila .celda .seleccion .img.azul {
    background: #1b5293
}

section.configura-cotiza .configuracion .interaccion .resumen .container>div .tabla .fila .celda .seleccion .color.negro,
section.configura-cotiza .configuracion .interaccion .resumen .container>div .tabla .fila .celda .seleccion .img.negro {
    background: #000
}

section.configura-cotiza .configuracion .interaccion .resumen .container>div .tabla .fila .celda .seleccion .color.plata,
section.configura-cotiza .configuracion .interaccion .resumen .container>div .tabla .fila .celda .seleccion .img.plata {
    background: #c6c6c6
}

section.configura-cotiza .configuracion .interaccion .resumen .container>div .tabla .fila .celda .link {
    cursor: pointer;
    float: right;
    font-size: .75rem;
    margin-top: .3125rem
}

section.configura-cotiza .configuracion .interaccion .resumen .container>div .tabla.ext .icono {
    font-size: 1rem;
    font-weight: 700;
    position: relative
}

section.configura-cotiza .configuracion .interaccion .resumen .container>div .tabla.ext .icono:before {
    position: absolute;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    content: "";
    font-family: FontAwesome;
    font-size: 20px;
    line-height: 1.4;
    right: 100%;
    padding-right: .5rem
}

section.configura-cotiza .configuracion .interaccion .resumen .container>div .tabla.int .icono {
    font-size: 1rem;
    font-weight: 700;
    position: relative
}

section.configura-cotiza .configuracion .interaccion .resumen .container>div .tabla.int .icono:before {
    position: absolute;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    content: "";
    font-family: icomoon;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    speak: none;
    text-transform: none;
    font-size: 20px;
    line-height: 1.4;
    right: 100%;
    padding-right: .5rem
}

section.configura-cotiza .configuracion .interaccion .resumen .container>div .tabla.acc .icono {
    font-size: 1rem;
    font-weight: 700;
    position: relative
}

section.configura-cotiza .configuracion .interaccion .resumen .container>div .tabla.acc .icono:before {
    position: absolute;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    content: "";
    font-family: icomoon;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    speak: none;
    text-transform: none;
    font-size: 20px;
    line-height: 1.4;
    right: 100%;
    padding-right: .5rem
}

section.configura-cotiza .configuracion .interaccion .resumen .container>div .precio {
    margin-top: 1rem
}

section.configura-cotiza .configuracion .interaccion .resumen .container>div .precio span {
    display: block;
    font-size: 1rem;
    text-align: right
}

section.configura-cotiza .configuracion .interaccion .resumen .container>div .precio span b {
    font-size: 1.5rem;
    font-weight: 700
}

section.configura-cotiza .configuracion .interaccion .resumen .container>div .cotizar {
    background: #f5f5f5;
    display: table;
    margin: 1rem auto
}

section.configura-cotiza .configuracion .interaccion .resumen .container>div .cotizar>div {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 1.25rem 2rem;
    display: table-cell;
    vertical-align: middle
}

section.configura-cotiza .configuracion .interaccion .resumen .container>div .cotizar>div p {
    font-size: .875rem;
    line-height: 1.1875rem
}

section.configura-cotiza .configuracion .interaccion .resumen .container>div .cotizar>div p:last-child {
    margin-bottom: 0
}

section.configura-cotiza .configuracion .interaccion .resumen .container>div .cotizar>div .link {
    cursor: pointer;
    display: inline;
    font-size: .875rem;
    margin: 0
}

section.configura-cotiza .configuracion .interaccion .resumen .container>div .distribuidor {
    padding: 2.5rem 0;
    padding-bottom: 0
}

section.configura-cotiza .configuracion .interaccion .resumen .container>div .distribuidor form {
    height: 30px;
    margin: 0 auto;
    max-width: none;
    padding: 0 2rem;
    position: relative
}

section.configura-cotiza .configuracion .interaccion .resumen .container>div .distribuidor form .codigocargado {
    position: absolute
}

section.configura-cotiza .configuracion .interaccion .resumen .container>div .distribuidor form .codigocargado>p {
    display: inline-block;
    font-weight: 700;
    text-align: center;
    margin-bottom: 2.5rem
}

section.configura-cotiza .configuracion .interaccion .resumen .container>div .distribuidor form .codigocargado span {
    display: inline-block;
    color: #263238;
    font-size: 1.125rem;
    font-weight: 700;
    margin-left: 6px
}

section.configura-cotiza .configuracion .interaccion .resumen .container>div .distribuidor form .codigocargado a.refresh {
    background: #fff;
    color: #8c9aa2;
    cursor: pointer;
    display: inline-block;
    font-size: 1rem;
    height: 16px;
    position: relative;
    right: 0;
    top: 0;
    width: 30px
}

section.configura-cotiza .configuracion .interaccion .resumen .container>div .distribuidor form .codigocargado a.refresh:before {
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    content: "";
    font-family: FontAwesome
}

.refresha {
    background: #fff;
    color: #8c9aa2;
    cursor: pointer;
    display: inline-block;
    font-size: 1rem;
    height: 16px;
    position: relative;
    right: 0;
    top: 0;
    width: 30px;
    float: right;
    margin-top: -35px;
    border: 0
}

.refresha:before {
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    content: "";
    font-family: FontAwesome
}

section.configura-cotiza .configuracion .interaccion .resumen .container>div .distribuidor form .codigo {
    display: none;
    position: relative;
    width: 100%
}

section.configura-cotiza .configuracion .interaccion .resumen .container>div .distribuidor form .codigo input:focus:not([readonly]) {
    box-shadow: none;
    outline-width: 0
}

section.configura-cotiza .configuracion .interaccion .resumen .container>div .distribuidor form .codigo input::-webkit-input-placeholder {
    color: #8c9aa2
}

section.configura-cotiza .configuracion .interaccion .resumen .container>div .distribuidor form .codigo input:-moz-placeholder {
    color: #8c9aa2
}

section.configura-cotiza .configuracion .interaccion .resumen .container>div .distribuidor form .codigo input::-moz-placeholder {
    color: #8c9aa2
}

section.configura-cotiza .configuracion .interaccion .resumen .container>div .distribuidor form .codigo input:-ms-input-placeholder {
    color: #8c9aa2
}

section.configura-cotiza .configuracion .interaccion .resumen .container>div .distribuidor form .codigo input[type=text] {
    -webkit-transition: inherit;
    -moz-transition: inherit;
    -ms-transition: inherit;
    transition: inherit;
    border-bottom: 1px solid #263238;
    color: #263238;
    font-size: 1.125rem;
    font-weight: 300;
    height: 100%;
    margin: 0;
    padding: 5px 0;
    width: 100%
}

section.configura-cotiza .configuracion .interaccion .resumen .container>div .distribuidor form .codigo button,
section.configura-cotiza .configuracion .interaccion .resumen .container>div .distribuidor form .codigo input[type=submit] {
    background: 0 0;
    border: none;
    color: #8c9aa2;
    cursor: pointer;
    display: none;
    font-size: 1.125rem;
    height: 100%;
    height: 30px;
    position: absolute;
    right: 0;
    top: 0;
    width: 30px
}

section.configura-cotiza .configuracion .interaccion .resumen .container>div .distribuidor form .codigo button:before,
section.configura-cotiza .configuracion .interaccion .resumen .container>div .distribuidor form .codigo input[type=submit]:before {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    content: "";
    direction: ltr;
    display: inline-block;
    font-family: "Material Icons";
    font-feature-settings: "liga";
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 1;
    text-rendering: optimizeLegibility;
    text-transform: none;
    white-space: nowrap;
    word-wrap: normal
}

section.configura-cotiza .configuracion .interaccion .resumen .container>div .distribuidor form .codigo>span {
    background: #fff;
    color: #8c9aa2;
    font-size: 1.125rem;
    height: 30px;
    position: absolute;
    right: 0;
    top: 0;
    width: 30px
}

section.configura-cotiza .configuracion .interaccion .resumen .container>div .distribuidor form .codigo>span:before {
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    content: "";
    font-family: FontAwesome
}

section.configura-cotiza .configuracion .interaccion .resumen .container>div .distribuidor dl {
    margin-bottom: 1rem
}

section.configura-cotiza .configuracion .interaccion .resumen .container>div .distribuidor dl dd {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    border-bottom: 1px solid #bdbdbd;
    cursor: pointer;
    display: table;
    margin-bottom: .5rem;
    width: 100%
}

section.configura-cotiza .configuracion .interaccion .resumen .container>div .distribuidor dl dd:hover {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    -o-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    -ms-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    background: rgba(238, 238, 238, .3);
    border-bottom: 1px solid rgba(238, 238, 238, .3)
}

section.configura-cotiza .configuracion .interaccion .resumen .container>div .distribuidor dl dd.activo {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    -o-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    -ms-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    background: rgba(238, 238, 238, .3);
    border-bottom: 1px solid rgba(238, 238, 238, .3);
    margin-top: 1rem
}

section.configura-cotiza .configuracion .interaccion .resumen .container>div .distribuidor dl dd.activo p b:before {
    position: absolute;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    content: "";
    direction: ltr;
    display: inline-block;
    font-family: "Material Icons";
    font-feature-settings: "liga";
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 1;
    text-rendering: optimizeLegibility;
    text-transform: none;
    white-space: nowrap;
    word-wrap: normal;
    color: #263238;
    font-size: 1.25rem;
    padding-right: 5px;
    right: 100%
}

section.configura-cotiza .configuracion .interaccion .resumen .container>div .distribuidor dl dd.none {
    display: none
}

section.configura-cotiza .configuracion .interaccion .resumen .container>div .distribuidor dl dd>div {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: table-cell;
    height: 100%;
    vertical-align: top
}

section.configura-cotiza .configuracion .interaccion .resumen .container>div .distribuidor dl dd .info {
    padding: 1.25rem 4rem;
    width: 65%
}

section.configura-cotiza .configuracion .interaccion .resumen .container>div .distribuidor dl dd .info i {
    color: #78909c;
    display: block;
    font-size: .75rem;
    font-weight: 700;
    margin: 0 auto 1.25rem;
    position: relative
}

section.configura-cotiza .configuracion .interaccion .resumen .container>div .distribuidor dl dd .info i:before {
    position: absolute;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    content: "";
    direction: ltr;
    display: inline-block;
    font-family: "Material Icons";
    font-feature-settings: "liga";
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 1;
    text-rendering: optimizeLegibility;
    text-transform: none;
    white-space: nowrap;
    word-wrap: normal;
    color: #fbc02d;
    padding-right: 5px;
    right: 100%
}

section.configura-cotiza .configuracion .interaccion .resumen .container>div .distribuidor dl dd .info p {
    color: #263238;
    font-size: .875rem;
    margin: 0;
    position: relative
}

section.configura-cotiza .configuracion .interaccion .resumen .container>div .distribuidor dl dd .info p span {
    font-size: .875rem;
    font-weight: 300
}

section.configura-cotiza .configuracion .interaccion .resumen .container>div .distribuidor .ver {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #fff;
    overflow: hidden;
    padding: 10px 4rem 30px
}

section.configura-cotiza .configuracion .interaccion .resumen .container>div .distribuidor .ver span {
    color: #c03;
    cursor: pointer;
    display: table;
    font-size: .875rem;
    font-weight: 600;
    overflow: hidden;
    padding-right: 1rem;
    position: relative;
    text-decoration: none
}

section.configura-cotiza .configuracion .interaccion .resumen .container>div .distribuidor .ver span:before {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    background: #c03;
    bottom: 0;
    content: " ";
    display: block;
    height: 2px;
    left: 0;
    position: absolute;
    width: 0%
}

section.configura-cotiza .configuracion .interaccion .resumen .container>div .distribuidor .ver span:after {
    position: absolute;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    content: "";
    font-family: FontAwesome;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    font-size: 1rem;
    line-height: normal;
    right: 0
}

section.configura-cotiza .configuracion .interaccion .resumen .container>div .distribuidor .ver span:hover:before {
    width: calc(100% - 1rem)
}

section.configura-cotiza .configuracion .interaccion .resumen .container>div .distribuidor .ver.activo span:after {
    content: "";
    font-family: FontAwesome
}

section.configura-cotiza .configuracion .interaccion .resumen .container>div .servicios>p {
    padding: 0 2rem
}

section.configura-cotiza .configuracion .interaccion .resumen .container>div .servicios nav {
    background: #fafafa;
    border: 1px solid #e0e0e0;
    display: table;
    height: 65px;
    position: relative;
    width: 100%
}

section.configura-cotiza .configuracion .interaccion .resumen .container>div .servicios nav ul {
    display: table;
    height: 100%;
    margin: 0;
    padding: 0;
    width: 100%
}

section.configura-cotiza .configuracion .interaccion .resumen .container>div .servicios nav ul li {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
    border-right: 1px solid #e0e0e0;
    cursor: pointer;
    display: table-cell;
    height: 100%;
    margin: 0;
    vertical-align: middle;
    width: 25%
}

section.configura-cotiza .configuracion .interaccion .resumen .container>div .servicios nav ul li a {
    color: #263238;
    display: table;
    font-size: .875rem;
    font-weight: 400;
    margin: auto;
    box-sizing: border-box;
}

section.configura-cotiza .configuracion .interaccion .resumen .container>div .servicios nav ul li:before {
    color: #bdbdbd;
    display: table;
    font-size: 20px;
    margin: 0 auto
}

section.configura-cotiza .configuracion .interaccion .resumen .container>div .servicios nav ul li:last-child {
    border-right: none
}

section.configura-cotiza .configuracion .interaccion .resumen .container>div .servicios nav ul li.mai:before {
    content: "";
    font-family: FontAwesome;
    line-height: 1.4
}

section.configura-cotiza .configuracion .interaccion .resumen .container>div .servicios nav ul li.des:before {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    content: "";
    direction: ltr;
    display: inline-block;
    font-family: "Material Icons";
    font-feature-settings: "liga";
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 1;
    text-rendering: optimizeLegibility;
    text-transform: none;
    white-space: nowrap;
    word-wrap: normal;
    display: table;
    line-height: 1.4
}

section.configura-cotiza .configuracion .interaccion .resumen .container>div .servicios nav ul li.cha:before {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    content: "";
    font-family: icomoon;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    speak: none;
    text-transform: none;
    line-height: 1.4
}

section.configura-cotiza .configuracion .interaccion .resumen .container>div .servicios nav ul li.mane:before {
    content: "";
    font-family: FontAwesome;
    line-height: 1.4
}

section.configura-cotiza .configuracion .interaccion .resumen .container>div .servicios nav ul li:hover {
    -webkit-transform: scale(1.2, 1.2);
    -moz-transform: scale(1.2, 1.2);
    -ms-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2);
    -webkit-box-shadow: 0 27px 24px 0 rgba(0, 0, 0, .2), 0 40px 77px 0 rgba(0, 0, 0, .22);
    -moz-box-shadow: 0 27px 24px 0 rgba(0, 0, 0, .2), 0 40px 77px 0 rgba(0, 0, 0, .22);
    -o-box-shadow: 0 27px 24px 0 rgba(0, 0, 0, .2), 0 40px 77px 0 rgba(0, 0, 0, .22);
    -ms-box-shadow: 0 27px 24px 0 rgba(0, 0, 0, .2), 0 40px 77px 0 rgba(0, 0, 0, .22);
    box-shadow: 0 27px 24px 0 rgba(0, 0, 0, .2), 0 40px 77px 0 rgba(0, 0, 0, .22);
    background: #c03;
    border-right: none
}

section.configura-cotiza .configuracion .interaccion .resumen .container>div .servicios nav ul li:hover:before {
    color: #fff
}

section.configura-cotiza .configuracion .interaccion .resumen .container>div .servicios nav ul li:hover a {
    color: #fff
}

section.configura-cotiza .configuracion .btnregresar {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    left: 50%;
    max-width: 1200px;
    padding: 0 10px;
    top: 0;
    width: 100%
}

section.configura-cotiza .configuracion .btnregresar>.link.regresar {
    cursor: pointer;
    font-size: .875rem;
    margin: 1rem 0
}

section.configura-cotiza .financiamiento .cotiza {
    width: 100%
}

section.configura-cotiza .financiamiento .cotiza .container {
    overflow: visible
}

section.configura-cotiza .financiamiento .cotiza .container .head {
    padding: .625rem 0
}

section.configura-cotiza .financiamiento .cotiza .container .head>h6 {
    text-align: center
}

section.configura-cotiza .financiamiento .cotiza .container .head>div {
    display: table
}

section.configura-cotiza .financiamiento .cotiza .container .head>div>div {
    display: table-cell;
    vertical-align: middle;
    width: 33%
}

section.configura-cotiza .financiamiento .cotiza .container .head>div>div h4 {
    font-weight: 300
}

section.configura-cotiza .financiamiento .cotiza .container .head>div>div h4 span {
    font-weight: 700
}

section.configura-cotiza .financiamiento .cotiza .container .head>div>div p {
    font-size: .875rem;
    line-height: 1.1875rem
}

section.configura-cotiza .financiamiento .cotiza .container .head>div>div .img img {
    display: table;
    height: 100%;
    margin: auto;
    max-width: 340px;
    width: 100%
}

section.configura-cotiza .financiamiento .cotiza .container .head>div>div .opcion {
    color: #78909c;
    font-size: .75rem;
    font-weight: 600
}

section.configura-cotiza .financiamiento .cotiza .container .head>div>div>div {
    display: table;
    margin: auto
}

section.configura-cotiza .financiamiento .cotiza .container .head>div>div>div .precio {
    display: block;
    font-size: .75rem;
    font-weight: 300;
    text-align: right
}

section.configura-cotiza .financiamiento .cotiza .container .head>div>div>div .precio b {
    display: block;
    font-size: 1.375rem;
    font-weight: 700
}

section.configura-cotiza .financiamiento .cotiza .container .head>div>div .link {
    cursor: pointer;
    font-size: .875rem;
    padding-right: 1rem
}

section.configura-cotiza .financiamiento .cotiza .container .head>div>div .link:after {
    position: absolute;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    content: "";
    font-family: FontAwesome;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    font-size: 1rem;
    line-height: normal;
    right: 0
}

section.configura-cotiza .financiamiento .cotiza .container .head>div>div .link:hover:before {
    width: calc(100% - 1rem)
}

section.configura-cotiza .financiamiento .cotiza .container .head>div>div .link.activo:after {
    content: "";
    font-family: FontAwesome
}

section.configura-cotiza .financiamiento .cotiza .container .head .leyenda {
    display: table-footer-group;
    width: 100%
}

section.configura-cotiza .financiamiento .cotiza .container .head .leyenda p {
    color: #aaaaab;
    font-size: .75rem;
    line-height: .875rem;
    margin: .375rem 0;
    text-align: left
}

section.configura-cotiza .financiamiento .cotiza .container .historia {
    display: none;
    margin: auto;
    max-width: 600px;
    width: 100%
}

section.configura-cotiza .financiamiento .cotiza .container .historia .tabla {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: 1px solid #e0e0e0;
    display: table;
    padding: 1rem 2rem;
    width: 100%
}

section.configura-cotiza .financiamiento .cotiza .container .historia .tabla .fila {
    display: table;
    margin-bottom: .5rem;
    width: 100%
}

section.configura-cotiza .financiamiento .cotiza .container .historia .tabla .fila .celda {
    display: table-cell;
    vertical-align: middle;
    width: 50%
}

section.configura-cotiza .financiamiento .cotiza .container .historia .tabla .fila .celda .opcion {
    color: #78909c;
    font-size: .75rem;
    font-weight: 600
}

section.configura-cotiza .financiamiento .cotiza .container .historia .tabla .fila .celda>div p {
    text-align: right;
    margin: 0
}

section.configura-cotiza .financiamiento .cotiza .container .historia .tabla .fila .celda .seleccion span {
    font-size: .75rem
}

section.configura-cotiza .financiamiento .cotiza .container .historia .tabla .fila .celda .seleccion .color,
section.configura-cotiza .financiamiento .cotiza .container .historia .tabla .fila .celda .seleccion .img {
    display: block;
    float: left;
    height: 20px;
    width: 60px;
    overflow: hidden;
    margin-right: 1rem
}

section.configura-cotiza .financiamiento .cotiza .container .historia .tabla .fila .celda .seleccion .color>img,
section.configura-cotiza .financiamiento .cotiza .container .historia .tabla .fila .celda .seleccion .img>img {
    -o-object-fit: cover;
    object-fit: cover;
    display: block;
    width: 100%;
    height: 100%
}

section.configura-cotiza .financiamiento .cotiza .container .historia .tabla .fila .celda .seleccion .color.grisMetalico,
section.configura-cotiza .financiamiento .cotiza .container .historia .tabla .fila .celda .seleccion .img.grisMetalico {
    background: #9d9ea0
}

section.configura-cotiza .financiamiento .cotiza .container .historia .tabla .fila .celda .seleccion .color.rojo,
section.configura-cotiza .financiamiento .cotiza .container .historia .tabla .fila .celda .seleccion .img.rojo {
    background: #d0011b
}

section.configura-cotiza .financiamiento .cotiza .container .historia .tabla .fila .celda .seleccion .color.azul,
section.configura-cotiza .financiamiento .cotiza .container .historia .tabla .fila .celda .seleccion .img.azul {
    background: #1b5293
}

section.configura-cotiza .financiamiento .cotiza .container .historia .tabla .fila .celda .seleccion .color.negro,
section.configura-cotiza .financiamiento .cotiza .container .historia .tabla .fila .celda .seleccion .img.negro {
    background: #000
}

section.configura-cotiza .financiamiento .cotiza .container .historia .tabla .fila .celda .seleccion .color.plata,
section.configura-cotiza .financiamiento .cotiza .container .historia .tabla .fila .celda .seleccion .img.plata {
    background: #c6c6c6
}

section.configura-cotiza .financiamiento .cotiza .container .historia .tabla.ext .icono {
    font-size: 1rem;
    font-weight: 700;
    position: relative
}

section.configura-cotiza .financiamiento .cotiza .container .historia .tabla.ext .icono:before {
    position: absolute;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    content: "";
    font-family: FontAwesome;
    font-size: 20px;
    line-height: 1.4;
    right: 100%;
    padding-right: .5rem
}

section.configura-cotiza .financiamiento .cotiza .container .historia .tabla.int .icono {
    font-size: 1rem;
    font-weight: 700;
    position: relative
}

section.configura-cotiza .financiamiento .cotiza .container .historia .tabla.int .icono:before {
    position: absolute;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    content: "";
    font-family: icomoon;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    speak: none;
    text-transform: none;
    font-size: 20px;
    line-height: 1.4;
    right: 100%;
    padding-right: .5rem
}

section.configura-cotiza .financiamiento .cotiza .container .historia .tabla.acc .icono {
    font-size: 1rem;
    font-weight: 700;
    position: relative
}

section.configura-cotiza .financiamiento .cotiza .container .historia .tabla.acc .icono:before {
    position: absolute;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    content: "";
    font-family: icomoon;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    speak: none;
    text-transform: none;
    font-size: 20px;
    line-height: 1.4;
    right: 100%;
    padding-right: .5rem
}

section.configura-cotiza .financiamiento .cotiza .container .historia .distribuidor {
    padding: 2.5rem 0;
    padding-bottom: 0
}

section.configura-cotiza .financiamiento .cotiza .container .historia .distribuidor>p span {
    font-size: 1.125rem;
    font-weight: 700
}

section.configura-cotiza .financiamiento .cotiza .container .historia .distribuidor dl {
    margin-bottom: 1rem
}

section.configura-cotiza .financiamiento .cotiza .container .historia .distribuidor dl dd {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    border-bottom: 1px solid #bdbdbd;
    cursor: pointer;
    display: table;
    margin-bottom: .5rem;
    width: 100%
}

section.configura-cotiza .financiamiento .cotiza .container .historia .distribuidor dl dd:hover {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    -o-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    -ms-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    background: rgba(238, 238, 238, .3);
    border-bottom: 1px solid rgba(238, 238, 238, .3)
}

section.configura-cotiza .financiamiento .cotiza .container .historia .distribuidor dl dd.activo {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    -o-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    -ms-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    background: rgba(238, 238, 238, .3);
    border-bottom: 1px solid rgba(238, 238, 238, .3);
    margin-top: 1rem
}

section.configura-cotiza .financiamiento .cotiza .container .historia .distribuidor dl dd.activo p b:before {
    position: absolute;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    content: "";
    direction: ltr;
    display: inline-block;
    font-family: "Material Icons";
    font-feature-settings: "liga";
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 1;
    text-rendering: optimizeLegibility;
    text-transform: none;
    white-space: nowrap;
    word-wrap: normal;
    color: #263238;
    font-size: 1.25rem;
    padding-right: 5px;
    right: 100%
}

section.configura-cotiza .financiamiento .cotiza .container .historia .distribuidor dl dd.none {
    display: none
}

section.configura-cotiza .financiamiento .cotiza .container .historia .distribuidor dl dd>div {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: table-cell;
    height: 100%;
    vertical-align: top
}

section.configura-cotiza .financiamiento .cotiza .container .historia .distribuidor dl dd .info {
    padding: 1.25rem 2.5rem;
    width: 65%
}

section.configura-cotiza .financiamiento .cotiza .container .historia .distribuidor dl dd .info i {
    color: #78909c;
    display: block;
    font-size: .75rem;
    font-weight: 700;
    margin: 0 auto 1.25rem;
    position: relative
}

section.configura-cotiza .financiamiento .cotiza .container .historia .distribuidor dl dd .info i:before {
    position: absolute;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    content: "";
    direction: ltr;
    display: inline-block;
    font-family: "Material Icons";
    font-feature-settings: "liga";
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 1;
    text-rendering: optimizeLegibility;
    text-transform: none;
    white-space: nowrap;
    word-wrap: normal;
    color: #fbc02d;
    padding-right: 5px;
    right: 100%
}

section.configura-cotiza .financiamiento .cotiza .container .historia .distribuidor dl dd .info p {
    color: #263238;
    font-size: .875rem;
    margin: 0;
    position: relative
}

section.configura-cotiza .financiamiento .cotiza .container .historia .distribuidor dl dd .info p span {
    font-size: .875rem;
    font-weight: 300
}

section.configura-cotiza .financiamiento .cotiza .container .historia .distribuidor .ver {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #fff;
    overflow: hidden;
    padding: 10px 0 30px
}

section.configura-cotiza .financiamiento .cotiza .container .historia .distribuidor .ver span {
    color: #c03;
    cursor: pointer;
    display: table;
    font-size: .875rem;
    font-weight: 600;
    overflow: hidden;
    padding-right: 1rem;
    position: relative;
    text-decoration: none
}

section.configura-cotiza .financiamiento .cotiza .container .historia .distribuidor .ver span:before {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    background: #c03;
    bottom: 0;
    content: " ";
    display: block;
    height: 2px;
    left: 0;
    position: absolute;
    width: 0%
}

section.configura-cotiza .financiamiento .cotiza .container .historia .distribuidor .ver span:after {
    position: absolute;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    content: "";
    font-family: FontAwesome;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    font-size: 1rem;
    line-height: normal;
    right: 0
}

section.configura-cotiza .financiamiento .cotiza .container .historia .distribuidor .ver span:hover:before {
    width: calc(100% - 1rem)
}

section.configura-cotiza .financiamiento .cotiza .container .historia .distribuidor .ver.activo span:after {
    content: "";
    font-family: FontAwesome
}

section.configura-cotiza .financiamiento .financiar {
    background: #f5f5f5;
    overflow: hidden
}

section.configura-cotiza .financiamiento .financiar>div {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    opacity: 0;
    display: none
}

section.configura-cotiza .financiamiento .financiar>div.activo {
    display: block
}

section.configura-cotiza .financiamiento .financiar>div.animacion {
    opacity: 1
}

section.configura-cotiza .financiamiento .financiar .plan {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 3.125rem 0
}

section.configura-cotiza .financiamiento .financiar .plan .container {
    overflow: visible
}

section.configura-cotiza .financiamiento .financiar .plan .container>p {
    text-align: center
}

section.configura-cotiza .financiamiento .financiar .plan .container .flex>div {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 2rem 0;
    padding: 0 1rem;
    width: 50%
}

section.configura-cotiza .financiamiento .financiar .plan .container .flex>div>div {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    background: #fff;
    height: 100%;
    overflow: hidden;
    position: relative
}

section.configura-cotiza .financiamiento .financiar .plan .container .flex>div>div:hover {
    -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19);
    -moz-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19);
    -o-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19);
    -ms-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19);
    box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19)
}

section.configura-cotiza .financiamiento .financiar .plan .container .flex>div>div .info {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 1rem
}

section.configura-cotiza .financiamiento .financiar .plan .container .flex>div>div .info p {
    font-size: 1.125rem
}

section.configura-cotiza .financiamiento .financiar .plan .container .flex>div>div .info p b {
    font-size: .875rem
}

section.configura-cotiza .financiamiento .financiar .plan .container .flex>div>div .info ul {
    margin-bottom: 4.375rem
}

section.configura-cotiza .financiamiento .financiar .plan .container .flex>div>div .info ul li {
    font-size: .875rem;
    font-weight: 600;
    padding-left: .625rem;
    position: relative
}

section.configura-cotiza .financiamiento .financiar .plan .container .flex>div>div .info ul li:before {
    content: "";
    font-family: FontAwesome;
    font-size: .3125rem;
    left: 0;
    position: absolute;
    top: 0
}

section.configura-cotiza .financiamiento .financiar .plan .container .flex>div>div .seleccionar {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    background: #263238;
    bottom: 0;
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: .875rem;
    font-weight: 600;
    opacity: 1;
    padding: .625rem 0;
    position: absolute;
    text-align: center;
    width: 100%
}

section.configura-cotiza .financiamiento .financiar .plan .container .flex>div>div .seleccionar:hover {
    background: #c03
}

section.configura-cotiza .financiamiento .financiar .plan .container .flex>div>div .seleccionar.activo {
    background: #c03
}

section.configura-cotiza .financiamiento .financiar .plan .container .flex>div>div .seleccionar.activo:before {
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    content: "";
    direction: ltr;
    display: inline-block;
    font-family: "Material Icons";
    font-feature-settings: "liga";
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 1;
    text-rendering: optimizeLegibility;
    text-transform: none;
    white-space: nowrap;
    word-wrap: normal;
    color: #fff;
    font-size: 1.25rem
}

section.configura-cotiza .financiamiento .financiar .plan .container .flex>div>div .seleccionar.activo span {
    opacity: 0
}

section.configura-cotiza .financiamiento .financiar .elejir {
    margin: auto;
    max-width: 400px;
    width: 100%
}

section.configura-cotiza .financiamiento .financiar .elejir>div {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #fff;
    margin-bottom: 1rem;
    padding: 2rem
}

section.configura-cotiza .financiamiento .financiar .elejir>div .pago {
    display: table
}

section.configura-cotiza .financiamiento .financiar .elejir>div .pago p {
    display: table-cell;
    font-weight: 700;
    padding-right: 2rem;
    vertical-align: middle
}

section.configura-cotiza .financiamiento .financiar .elejir>div .pago ul {
    display: table-cell;
    height: 100%;
    margin: auto;
    vertical-align: middle
}

section.configura-cotiza .financiamiento .financiar .elejir>div .pago ul li {
    display: table;
    float: left;
    height: 100%;
    margin: 0;
    padding: 0 2rem
}

section.configura-cotiza .financiamiento .financiar .elejir>div .pago ul li:last-child {
    padding-right: 0
}

section.configura-cotiza .financiamiento .financiar .elejir>div .pago ul li>span {
    color: #263238;
    cursor: pointer;
    font-size: .875rem;
    font-weight: 700;
    margin: 0;
    padding-right: 1rem;
    padding: 0;
    position: relative
}

section.configura-cotiza .financiamiento .financiar .elejir>div .pago ul li>span:before {
    position: absolute;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    border-radius: 50%;
    border: 1px solid #263238;
    content: " ";
    display: block;
    height: 20px;
    margin-right: 10px;
    right: 100%;
    width: 20px
}

section.configura-cotiza .financiamiento .financiar .elejir>div .pago ul li>span:after {
    position: absolute;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    border-radius: 50%;
    content: " ";
    display: block;
    height: 10px;
    margin-right: 16px;
    right: 100%;
    width: 10px
}

section.configura-cotiza .financiamiento .financiar .elejir>div .pago ul li.activo>span:after {
    background: #263238
}

section.configura-cotiza .financiamiento .financiar .elejir>div .plazo {
    background: #fafafa;
    border: 1px solid #e0e0e0;
    display: table;
    height: 65px;
    position: relative;
    width: 100%
}

section.configura-cotiza .financiamiento .financiar .elejir>div .plazo dl {
    display: table;
    height: 100%;
    margin: 0;
    padding: 0;
    width: 100%
}

section.configura-cotiza .financiamiento .financiar .elejir>div .plazo dl dd {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
    border-right: 1px solid #e0e0e0;
    cursor: pointer;
    display: table-cell;
    font-size: .75rem;
    font-weight: 300;
    height: 100%;
    line-height: .875rem;
    margin: 0;
    text-align: center;
    vertical-align: middle;
    width: 20%
}

section.configura-cotiza .financiamiento .financiar .elejir>div .plazo dl dd b {
    display: block;
    font-size: .875rem;
    font-weight: 700
}

section.configura-cotiza .financiamiento .financiar .elejir>div .plazo dl dd:last-child {
    border-right: none
}

section.configura-cotiza .financiamiento .financiar .elejir>div .plazo dl dd:hover {
    -webkit-transform: scale(1.2, 1.2);
    -moz-transform: scale(1.2, 1.2);
    -ms-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2);
    -webkit-box-shadow: 0 27px 24px 0 rgba(0, 0, 0, .2), 0 40px 77px 0 rgba(0, 0, 0, .22);
    -moz-box-shadow: 0 27px 24px 0 rgba(0, 0, 0, .2), 0 40px 77px 0 rgba(0, 0, 0, .22);
    -o-box-shadow: 0 27px 24px 0 rgba(0, 0, 0, .2), 0 40px 77px 0 rgba(0, 0, 0, .22);
    -ms-box-shadow: 0 27px 24px 0 rgba(0, 0, 0, .2), 0 40px 77px 0 rgba(0, 0, 0, .22);
    box-shadow: 0 27px 24px 0 rgba(0, 0, 0, .2), 0 40px 77px 0 rgba(0, 0, 0, .22);
    background: #c03;
    border-right: none;
    color: #fff
}

section.configura-cotiza .financiamiento .financiar .elejir>div .plazo dl dd.activo {
    -webkit-box-shadow: 0 27px 24px 0 rgba(0, 0, 0, .2), 0 40px 77px 0 rgba(0, 0, 0, .22);
    -moz-box-shadow: 0 27px 24px 0 rgba(0, 0, 0, .2), 0 40px 77px 0 rgba(0, 0, 0, .22);
    -o-box-shadow: 0 27px 24px 0 rgba(0, 0, 0, .2), 0 40px 77px 0 rgba(0, 0, 0, .22);
    -ms-box-shadow: 0 27px 24px 0 rgba(0, 0, 0, .2), 0 40px 77px 0 rgba(0, 0, 0, .22);
    box-shadow: 0 27px 24px 0 rgba(0, 0, 0, .2), 0 40px 77px 0 rgba(0, 0, 0, .22);
    background: #c03;
    border-right: none;
    color: #fff
}

section.configura-cotiza .financiamiento .financiar .elejir .enganche>p {
    margin: 0
}

section.configura-cotiza .financiamiento .financiar .elejir .enganche ul {
    display: table;
    margin-bottom: 30px;
    padding-top: 50px;
    position: relative;
    width: 100%
}

section.configura-cotiza .financiamiento .financiar .elejir .enganche ul:before {
    content: "10%";
    font-size: .875rem;
    font-weight: 300;
    position: absolute;
    top: 100%
}

section.configura-cotiza .financiamiento .financiar .elejir .enganche ul:after {
    content: "85%";
    font-size: .875rem;
    font-weight: 300;
    position: absolute;
    right: 0;
    top: 100%
}

section.configura-cotiza .financiamiento .financiar .elejir .enganche ul li {
    cursor: pointer;
    display: table-cell;
    height: 10px;
    position: relative;
    width: 22px
}

section.configura-cotiza .financiamiento .financiar .elejir .enganche ul li:before {
    position: absolute;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    background: #ff1744;
    border-radius: 50%;
    content: " ";
    display: block;
    height: 5px;
    width: 5px;
    z-index: 1
}

section.configura-cotiza .financiamiento .financiar .elejir .enganche ul li:after {
    position: absolute;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    background: #ff1744;
    content: " ";
    display: block;
    height: 1px;
    left: 0;
    width: 100%;
    z-index: 0
}

section.configura-cotiza .financiamiento .financiar .elejir .enganche ul li:last-child:after {
    display: none
}

section.configura-cotiza .financiamiento .financiar .elejir .enganche ul li.activo:after {
    background: #bdbdbd
}

section.configura-cotiza .financiamiento .financiar .elejir .enganche ul li.activo~li:after {
    background: #bdbdbd
}

section.configura-cotiza .financiamiento .financiar .elejir .enganche ul li.activo span {
    display: block
}

section.configura-cotiza .financiamiento .financiar .elejir .enganche ul li span {
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    bottom: 100%;
    color: #fff;
    display: none;
    font-size: 1.125rem;
    font-weight: 600;
    left: 0;
    margin-bottom: 5px;
    padding: 10px 7px;
    position: absolute
}

section.configura-cotiza .financiamiento .financiar .elejir .enganche ul li span:before {
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    content: "";
    font-family: icomoon;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    speak: none;
    text-transform: none;
    color: #ff1744;
    font-size: 45px;
    z-index: -1
}

section.configura-cotiza .financiamiento .financiar .elejir .enganche dl {
    display: table;
    width: 100%
}

section.configura-cotiza .financiamiento .financiar .elejir .enganche dl dd {
    display: table-cell
}

section.configura-cotiza .financiamiento .financiar .elejir .enganche dl dd p {
    margin: 0
}

section.configura-cotiza .financiamiento .financiar .elejir .enganche dl dd:nth-child(even) p {
    text-align: right
}

section.configura-cotiza .financiamiento .financiar .elejir .boton {
    margin: 2rem auto
}

section.configura-cotiza .financiamiento .financiar .resultado {
    margin: auto;
    max-width: 400px;
    width: 100%
}

section.configura-cotiza .financiamiento .financiar .resultado>div {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #fff;
    margin-bottom: 2rem;
    padding: 2rem
}

section.configura-cotiza .financiamiento .financiar .resultado .info>p {
    color: #c03;
    text-align: center
}

section.configura-cotiza .financiamiento .financiar .resultado .info>div {
    border-bottom: 1px solid #bdbdbd;
    display: table;
    margin-bottom: 5px;
    width: 100%
}

section.configura-cotiza .financiamiento .financiar .resultado .info>div dl {
    display: table;
    padding: 5px 0;
    width: 100%
}

section.configura-cotiza .financiamiento .financiar .resultado .info>div dl dd {
    color: #263238;
    display: table-cell;
    font-size: .875rem
}

section.configura-cotiza .financiamiento .financiar .resultado .info>div dl dd b {
    font-weight: 700
}

section.configura-cotiza .financiamiento .financiar .resultado .info>div dl dd:nth-child(even) {
    text-align: right
}

section.configura-cotiza .financiamiento .financiar .resultado .info>div:last-child {
    border-bottom: none
}

section.configura-cotiza .financiamiento .financiar .resultado .info>div.eng dl dd,
section.configura-cotiza .financiamiento .financiar .resultado .info>div.men dl dd {
    font-size: 1rem
}

section.configura-cotiza .financiamiento .financiar .resultado .elejido {
    display: table;
    padding: 1rem 0;
    width: 100%
}

section.configura-cotiza .financiamiento .financiar .resultado .elejido>p {
    padding: 0 2rem
}

section.configura-cotiza .financiamiento .financiar .resultado .elejido dl {
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
    display: table-row;
    width: 100%
}

section.configura-cotiza .financiamiento .financiar .resultado .elejido dl dd {
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
    color: #78909c;
    display: table-cell;
    font-size: 1rem;
    padding: 2px 0;
    text-align: center;
    vertical-align: middle;
    width: 50%
}

section.configura-cotiza .financiamiento .financiar .resultado .elejido dl.activo {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    -o-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    -ms-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    background: rgba(238, 238, 238, .3)
}

section.configura-cotiza .financiamiento .financiar .resultado .elejido dl.activo dd {
    color: #263238;
    font-weight: 700
}

section.configura-cotiza .financiamiento .financiar .servicios {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    display: none;
    margin: 2rem auto;
    max-width: 400px;
    opacity: 0;
    padding: 0
}

section.configura-cotiza .financiamiento .financiar .servicios nav {
    background: #fafafa;
    border: 1px solid #e0e0e0;
    display: table;
    height: 65px;
    position: relative;
    width: 100%
}

section.configura-cotiza .financiamiento .financiar .servicios nav ul {
    display: table;
    height: 100%;
    margin: 0;
    padding: 0;
    width: 100%
}

section.configura-cotiza .financiamiento .financiar .servicios nav ul li {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
    border-right: 1px solid #e0e0e0;
    cursor: pointer;
    display: table-cell;
    height: 100%;
    margin: 0;
    vertical-align: middle;
    width: 25%
}

section.configura-cotiza .financiamiento .financiar .servicios nav ul li a {
    color: #263238;
    display: table;
    font-size: .875rem;
    font-weight: 400;
    margin: auto
}

section.configura-cotiza .financiamiento .financiar .servicios nav ul li:before {
    color: #bdbdbd;
    display: table;
    font-size: 20px;
    margin: 0 auto
}

section.configura-cotiza .financiamiento .financiar .servicios nav ul li:last-child {
    border-right: none
}

section.configura-cotiza .financiamiento .financiar .servicios nav ul li.mai:before {
    content: "";
    font-family: FontAwesome;
    line-height: 1.4
}

section.configura-cotiza .financiamiento .financiar .servicios nav ul li.des:before {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    content: "";
    direction: ltr;
    display: inline-block;
    font-family: "Material Icons";
    font-feature-settings: "liga";
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 1;
    text-rendering: optimizeLegibility;
    text-transform: none;
    white-space: nowrap;
    word-wrap: normal;
    display: table;
    line-height: 1.4
}

section.configura-cotiza .financiamiento .financiar .servicios nav ul li.cha:before {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    content: "";
    font-family: icomoon;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    speak: none;
    text-transform: none;
    line-height: 1.4
}

section.configura-cotiza .financiamiento .financiar .servicios nav ul li.mane:before {
    content: "";
    font-family: FontAwesome;
    line-height: 1.4
}

section.configura-cotiza .financiamiento .financiar .servicios nav ul li:hover {
    -webkit-transform: scale(1.2, 1.2);
    -moz-transform: scale(1.2, 1.2);
    -ms-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2);
    -webkit-box-shadow: 0 27px 24px 0 rgba(0, 0, 0, .2), 0 40px 77px 0 rgba(0, 0, 0, .22);
    -moz-box-shadow: 0 27px 24px 0 rgba(0, 0, 0, .2), 0 40px 77px 0 rgba(0, 0, 0, .22);
    -o-box-shadow: 0 27px 24px 0 rgba(0, 0, 0, .2), 0 40px 77px 0 rgba(0, 0, 0, .22);
    -ms-box-shadow: 0 27px 24px 0 rgba(0, 0, 0, .2), 0 40px 77px 0 rgba(0, 0, 0, .22);
    box-shadow: 0 27px 24px 0 rgba(0, 0, 0, .2), 0 40px 77px 0 rgba(0, 0, 0, .22);
    background: #c03;
    border-right: none
}

section.configura-cotiza .financiamiento .financiar .servicios nav ul li:hover:before {
    color: #fff
}

section.configura-cotiza .financiamiento .financiar .servicios nav ul li:hover a {
    color: #fff
}

section.configura-cotiza .financiamiento .financiar .servicios .boton {
    margin: 2rem auto
}

section.configura-cotiza .financiamiento .btnregresar {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    left: 50%;
    max-width: 1200px;
    padding: 0 10px;
    top: 40px;
    width: 100%
}

section.configura-cotiza .financiamiento .btnregresar>.link.regresar {
    cursor: pointer;
    display: none;
    font-size: .875rem;
    margin: 1rem 0
}

section.configura-cotiza .financiamiento .btnregresar>.link.regresar.activo {
    display: table
}

section.configura-cotiza .mailModal {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: rgba(255, 255, 255, .98);
    display: none;
    height: 100vh;
    left: 0;
    position: fixed;
    top: 0;
    width: 100vw;
    z-index: 99
}

section.configura-cotiza .mailModal .close {
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    cursor: pointer;
    display: table;
    height: 25px;
    position: absolute;
    right: 20px;
    top: 40px;
    width: 25px;
    z-index: 1
}

section.configura-cotiza .mailModal .close:before {
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    content: "";
    direction: ltr;
    display: inline-block;
    font-family: "Material Icons";
    font-feature-settings: "liga";
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 1;
    text-rendering: optimizeLegibility;
    text-transform: none;
    white-space: nowrap;
    word-wrap: normal;
    color: #c03;
    font-size: 1.5625rem
}

section.configura-cotiza .mailModal .container {
    overflow: visible
}

section.configura-cotiza .mailModal .container .mail {
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    max-width: 500px;
    width: 100%
}

section.configura-cotiza .mailModal .container .mail h6 {
    font-size: 1.375rem;
    text-align: center
}

section.configura-cotiza .mailModal .container .mail form {
    max-width: 600px;
    margin: auto;
    margin-top: 70px
}

section.configura-cotiza .mailModal .container .mail form input::-webkit-input-placeholder {
    color: #8c9aa2;
    font-weight: 300
}

section.configura-cotiza .mailModal .container .mail form input:-moz-placeholder {
    color: #8c9aa2;
    font-weight: 300
}

section.configura-cotiza .mailModal .container .mail form input::-moz-placeholder {
    color: #8c9aa2;
    font-weight: 300
}

section.configura-cotiza .mailModal .container .mail form input:-ms-input-placeholder {
    color: #8c9aa2;
    font-weight: 300
}

section.configura-cotiza .mailModal .container .mail form .input-field .acepto {
    display: inline;
    top: 0
}

section.configura-cotiza .mailModal .container .mail form .input-field>p {
    display: inline;
    font-weight: 600
}

section.configura-cotiza .mailModal .container .mail form .input-field .link {
    display: inline;
    font-weight: 600
}

section.configura-cotiza .mailModal .container .mail form .boton {
    margin: 1rem 0;
    margin-top: 3rem
}

section.configura-cotiza .mailModal .container .gracias {
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    display: none;
    max-width: 500px;
    width: 100%
}

section.configura-cotiza .mailModal .container .gracias i {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 50%;
    border: 5px solid #66bb6a;
    color: #66bb6a;
    display: table;
    height: 70px;
    margin: auto;
    position: relative;
    width: 70px
}

section.configura-cotiza .mailModal .container .gracias i:before {
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    content: "";
    direction: ltr;
    display: inline-block;
    font-family: "Material Icons";
    font-feature-settings: "liga";
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 1;
    text-rendering: optimizeLegibility;
    text-transform: none;
    white-space: nowrap;
    word-wrap: normal;
    font-size: 50px;
    line-height: 0
}

section.configura-cotiza .mailModal .container .gracias h1 {
    margin-top: 30px;
    text-align: center
}

section.configura-cotiza .mailModal .container .gracias p {
    text-align: center;
    font-size: 1.125rem;
    line-height: 1.625rem
}

section.configura-cotiza .mailModal .container .gracias>.boton {
    margin-top: 3rem
}

section.configura-cotiza .cotizarModal {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: rgba(255, 255, 255, .98);
    display: none;
    height: 100vh;
    left: 0;
    overflow: auto;
    position: fixed;
    top: 0;
    width: 100vw;
    z-index: 99
}

section.configura-cotiza .cotizarModal .close {
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    cursor: pointer;
    display: table;
    height: 25px;
    position: absolute;
    right: 20px;
    top: 40px;
    width: 25px;
    z-index: 10
}

section.configura-cotiza .cotizarModal .close:before {
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    content: "";
    direction: ltr;
    display: inline-block;
    font-family: "Material Icons";
    font-feature-settings: "liga";
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 1;
    text-rendering: optimizeLegibility;
    text-transform: none;
    white-space: nowrap;
    word-wrap: normal;
    color: #c03;
    font-size: 1.5625rem
}

section.configura-cotiza .cotizarModal .container {
    overflow: visible
}

section.configura-cotiza .cotizarModal .container .cotiza {
    border-bottom: 1px solid #78909c;
    width: 100%
}

section.configura-cotiza .cotizarModal .container .cotiza .head {
    padding: .625rem 0
}

section.configura-cotiza .cotizarModal .container .cotiza .head>h6 {
    text-align: center
}

section.configura-cotiza .cotizarModal .container .cotiza .head>div {
    display: table
}

section.configura-cotiza .cotizarModal .container .cotiza .head>div>div {
    display: table-cell;
    vertical-align: middle;
    width: 33%
}

section.configura-cotiza .cotizarModal .container .cotiza .head>div>div h4 {
    font-weight: 300
}

section.configura-cotiza .cotizarModal .container .cotiza .head>div>div h4 span {
    font-weight: 700
}

section.configura-cotiza .cotizarModal .container .cotiza .head>div>div p {
    font-size: .875rem;
    line-height: 1.1875rem
}

section.configura-cotiza .cotizarModal .container .cotiza .head>div>div .img img {
    display: table;
    height: 100%;
    margin: auto;
    max-width: 340px;
    width: 100%
}

section.configura-cotiza .cotizarModal .container .cotiza .head>div>div .opcion {
    color: #78909c;
    font-size: .75rem;
    font-weight: 600
}

section.configura-cotiza .cotizarModal .container .cotiza .head>div>div>div {
    display: table;
    margin: auto
}

section.configura-cotiza .cotizarModal .container .cotiza .head>div>div>div .precio {
    display: block;
    font-size: .75rem;
    font-weight: 300;
    text-align: right
}

section.configura-cotiza .cotizarModal .container .cotiza .head>div>div>div .precio b {
    display: block;
    font-size: 1.375rem;
    font-weight: 700
}

section.configura-cotiza .cotizarModal .container .cotiza .head>div>div .link {
    cursor: pointer;
    font-size: .875rem;
    padding-right: 1rem
}

section.configura-cotiza .cotizarModal .container .cotiza .head>div>div .link:after {
    position: absolute;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    content: "";
    font-family: FontAwesome;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    font-size: 1rem;
    line-height: normal;
    right: 0
}

section.configura-cotiza .cotizarModal .container .cotiza .head>div>div .link:hover:before {
    width: calc(100% - 1rem)
}

section.configura-cotiza .cotizarModal .container .cotiza .head>div>div .link.activo:after {
    content: "";
    font-family: FontAwesome
}

section.configura-cotiza .cotizarModal .container .cotiza .head .leyenda {
    display: table-footer-group;
    width: 100%
}

section.configura-cotiza .cotizarModal .container .cotiza .head .leyenda p {
    color: #aaaaab;
    font-size: .75rem;
    line-height: .875rem;
    margin: .375rem 0;
    text-align: left
}

section.configura-cotiza .cotizarModal .container .cotiza .info {
    display: none
}

section.configura-cotiza .cotizarModal .container .cotiza .info .tabla {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: 1px solid #e0e0e0;
    display: table;
    padding: 1rem 2rem;
    width: 100%
}

section.configura-cotiza .cotizarModal .container .cotiza .info .tabla .fila {
    display: table;
    margin-bottom: .5rem;
    width: 100%
}

section.configura-cotiza .cotizarModal .container .cotiza .info .tabla .fila .celda {
    display: table-cell;
    vertical-align: middle;
    width: 50%
}

section.configura-cotiza .cotizarModal .container .cotiza .info .tabla .fila .celda .opcion {
    color: #78909c;
    font-size: .75rem;
    font-weight: 600
}

section.configura-cotiza .cotizarModal .container .cotiza .info .tabla .fila .celda>div p {
    text-align: right;
    margin: 0
}

section.configura-cotiza .cotizarModal .container .cotiza .info .tabla .fila .celda .seleccion span {
    font-size: .75rem
}

section.configura-cotiza .cotizarModal .container .cotiza .info .tabla .fila .celda .seleccion .color,
section.configura-cotiza .cotizarModal .container .cotiza .info .tabla .fila .celda .seleccion .img {
    display: block;
    float: left;
    height: 20px;
    width: 60px;
    overflow: hidden;
    margin-right: 1rem
}

section.configura-cotiza .cotizarModal .container .cotiza .info .tabla .fila .celda .seleccion .color>img,
section.configura-cotiza .cotizarModal .container .cotiza .info .tabla .fila .celda .seleccion .img>img {
    -o-object-fit: cover;
    object-fit: cover;
    display: block;
    width: 100%;
    height: 100%
}

section.configura-cotiza .cotizarModal .container .cotiza .info .tabla .fila .celda .seleccion .color.grisMetalico,
section.configura-cotiza .cotizarModal .container .cotiza .info .tabla .fila .celda .seleccion .img.grisMetalico {
    background: #5c616a;
}

section.configura-cotiza .cotizarModal .container .cotiza .info .tabla .fila .celda .seleccion .color.rojo,
section.configura-cotiza .cotizarModal .container .cotiza .info .tabla .fila .celda .seleccion .img.rojo {
    background: #d0011b
}

section.configura-cotiza .cotizarModal .container .cotiza .info .tabla .fila .celda .seleccion .color.azul,
section.configura-cotiza .cotizarModal .container .cotiza .info .tabla .fila .celda .seleccion .img.azul {
    background: #1b5293
}

section.configura-cotiza .cotizarModal .container .cotiza .info .tabla .fila .celda .seleccion .color.negro,
section.configura-cotiza .cotizarModal .container .cotiza .info .tabla .fila .celda .seleccion .img.negro {
    background: #000
}

section.configura-cotiza .cotizarModal .container .cotiza .info .tabla .fila .celda .seleccion .color.plata,
section.configura-cotiza .cotizarModal .container .cotiza .info .tabla .fila .celda .seleccion .img.plata {
    background: #c6c6c6
}

section.configura-cotiza .cotizarModal .container .cotiza .info .tabla.ext .icono {
    font-size: 1rem;
    font-weight: 700;
    position: relative
}

section.configura-cotiza .cotizarModal .container .cotiza .info .tabla.ext .icono:before {
    position: absolute;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    content: "";
    font-family: FontAwesome;
    font-size: 20px;
    line-height: 1.4;
    right: 100%;
    padding-right: .5rem
}

section.configura-cotiza .cotizarModal .container .cotiza .info .tabla.int .icono {
    font-size: 1rem;
    font-weight: 700;
    position: relative
}

section.configura-cotiza .cotizarModal .container .cotiza .info .tabla.int .icono:before {
    position: absolute;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    content: "";
    font-family: icomoon;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    speak: none;
    text-transform: none;
    font-size: 20px;
    line-height: 1.4;
    right: 100%;
    padding-right: .5rem
}

section.configura-cotiza .cotizarModal .container .cotiza .info .tabla.acc .icono {
    font-size: 1rem;
    font-weight: 700;
    position: relative
}

section.configura-cotiza .cotizarModal .container .cotiza .info .tabla.acc .icono:before {
    position: absolute;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    content: "";
    font-family: icomoon;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    speak: none;
    text-transform: none;
    font-size: 20px;
    line-height: 1.4;
    right: 100%;
    padding-right: .5rem
}

section.configura-cotiza .cotizarModal .container .datos {
    margin: 40px auto;
    max-width: 500px;
    width: 100%
}

section.configura-cotiza .cotizarModal .container .datos form {
    margin: auto;
    margin-top: 50px
}

section.configura-cotiza .cotizarModal .container .datos form input::-webkit-input-placeholder {
    color: #8c9aa2;
    font-weight: 300
}

section.configura-cotiza .cotizarModal .container .datos form input:-moz-placeholder {
    color: #8c9aa2;
    font-weight: 300
}

section.configura-cotiza .cotizarModal .container .datos form input::-moz-placeholder {
    color: #8c9aa2;
    font-weight: 300
}

section.configura-cotiza .cotizarModal .container .datos form input:-ms-input-placeholder {
    color: #8c9aa2;
    font-weight: 300
}

section.configura-cotiza .cotizarModal .container .datos form .input-field .acepto {
    display: inline;
    top: 0
}

section.configura-cotiza .cotizarModal .container .datos form .input-field>p {
    display: inline;
    font-weight: 600
}

section.configura-cotiza .cotizarModal .container .datos form .input-field .link {
    display: inline;
    font-weight: 600
}

section.configura-cotiza .cotizarModal .container .datos form .boton {
    margin-top: 3rem
}

section.configura-cotiza .cotizarModal .container .datos .distribuidor {
    padding: 2.5rem 0;
    padding-bottom: 0
}

section.configura-cotiza .cotizarModal .container .datos .distribuidor>p span {
    font-size: 1.125rem;
    font-weight: 700
}

section.configura-cotiza .cotizarModal .container .datos .distribuidor dl {
    margin-bottom: 1rem
}

section.configura-cotiza .cotizarModal .container .datos .distribuidor dl dd {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    border-bottom: 1px solid #bdbdbd;
    cursor: pointer;
    display: table;
    margin-bottom: .5rem;
    width: 100%
}

section.configura-cotiza .cotizarModal .container .datos .distribuidor dl dd:hover {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    -o-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    -ms-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    background: rgba(238, 238, 238, .3);
    border-bottom: 1px solid rgba(238, 238, 238, .3)
}

section.configura-cotiza .cotizarModal .container .datos .distribuidor dl dd.activo {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    -o-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    -ms-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    background: rgba(238, 238, 238, .3);
    border-bottom: 1px solid rgba(238, 238, 238, .3);
    margin-top: 1rem
}

section.configura-cotiza .cotizarModal .container .datos .distribuidor dl dd.activo p b:before {
    position: absolute;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    content: "";
    direction: ltr;
    display: inline-block;
    font-family: "Material Icons";
    font-feature-settings: "liga";
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 1;
    text-rendering: optimizeLegibility;
    text-transform: none;
    white-space: nowrap;
    word-wrap: normal;
    color: #263238;
    font-size: 1.25rem;
    padding-right: 5px;
    right: 100%
}

section.configura-cotiza .cotizarModal .container .datos .distribuidor dl dd.none {
    display: none
}

section.configura-cotiza .cotizarModal .container .datos .distribuidor dl dd>div {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: table-cell;
    height: 100%;
    vertical-align: top
}

section.configura-cotiza .cotizarModal .container .datos .distribuidor dl dd .info {
    padding: 1.25rem 2.5rem;
    width: 65%
}

section.configura-cotiza .cotizarModal .container .datos .distribuidor dl dd .info i {
    color: #78909c;
    display: block;
    font-size: .75rem;
    font-weight: 700;
    margin: 0 auto 1.25rem;
    position: relative
}

section.configura-cotiza .cotizarModal .container .datos .distribuidor dl dd .info i:before {
    position: absolute;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    content: "";
    direction: ltr;
    display: inline-block;
    font-family: "Material Icons";
    font-feature-settings: "liga";
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 1;
    text-rendering: optimizeLegibility;
    text-transform: none;
    white-space: nowrap;
    word-wrap: normal;
    color: #fbc02d;
    padding-right: 5px;
    right: 100%
}

section.configura-cotiza .cotizarModal .container .datos .distribuidor dl dd .info p {
    color: #263238;
    font-size: .875rem;
    margin: 0;
    position: relative
}

section.configura-cotiza .cotizarModal .container .datos .distribuidor dl dd .info p span {
    font-size: .875rem;
    font-weight: 300
}

section.configura-cotiza .cotizarModal .container .datos .distribuidor .ver {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #fff;
    overflow: hidden;
    padding: 10px 0 30px
}

section.configura-cotiza .cotizarModal .container .datos .distribuidor .ver span {
    color: #c03;
    cursor: pointer;
    display: table;
    font-size: .875rem;
    font-weight: 600;
    overflow: hidden;
    padding-right: 1rem;
    position: relative;
    text-decoration: none
}

section.configura-cotiza .cotizarModal .container .datos .distribuidor .ver span:before {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    background: #c03;
    bottom: 0;
    content: " ";
    display: block;
    height: 2px;
    left: 0;
    position: absolute;
    width: 0%
}

section.configura-cotiza .cotizarModal .container .datos .distribuidor .ver span:after {
    position: absolute;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    content: "";
    font-family: FontAwesome;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    font-size: 1rem;
    line-height: normal;
    right: 0
}

section.configura-cotiza .cotizarModal .container .datos .distribuidor .ver span:hover:before {
    width: calc(100% - 1rem)
}

section.configura-cotiza .cotizarModal .container .datos .distribuidor .ver.activo span:after {
    content: "";
    font-family: FontAwesome
}

section.configura-cotiza .accesorioModal {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: rgba(255, 255, 255, .98);
    display: none;
    height: 100vh;
    left: 0;
    overflow: auto;
    position: fixed;
    top: 0;
    width: 100vw;
    z-index: 99
}

section.configura-cotiza .accesorioModal .close {
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    cursor: pointer;
    display: table;
    height: 25px;
    position: absolute;
    right: 20px;
    top: 40px;
    width: 25px;
    z-index: 1
}

section.configura-cotiza .accesorioModal .close:before {
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    content: "";
    direction: ltr;
    display: inline-block;
    font-family: "Material Icons";
    font-feature-settings: "liga";
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 1;
    text-rendering: optimizeLegibility;
    text-transform: none;
    white-space: nowrap;
    word-wrap: normal;
    color: #c03;
    font-size: 1.5625rem
}

section.configura-cotiza .accesorioModal .container {
    max-width: 1500px;
    overflow: visible;
    padding: 0
}

section.configura-cotiza .accesorioModal .container>div {
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    display: block;
    position: relative;
    width: 100%
}

section.configura-cotiza .accesorioModal .container>div .slide {
    height: 100%;
    width: 100%
}

section.configura-cotiza .accesorioModal .container>div .slide dl {
    display: block;
    width: 100%;
    max-width: 1500px
}

section.configura-cotiza .accesorioModal .container>div .slide dl dd {
    display: table-cell;
    height: 100%;
    vertical-align: middle;
    width: 50%
}

section.configura-cotiza .accesorioModal .container>div .slide dl dd .img {
    height: 100%;
    position: relative;
    width: 100%
}

section.configura-cotiza .accesorioModal .container>div .slide dl dd .img:before {
    background: #f5f5f5;
    bottom: 0;
    content: " ";
    display: block;
    height: 140px;
    left: 0;
    position: absolute;
    width: 100%
}

section.configura-cotiza .accesorioModal .container>div .slide dl dd .img img {
    -o-object-fit: cover;
    object-fit: cover;
    height: 100%;
    width: 100%
}

section.configura-cotiza .accesorioModal .container>div .slide dl dd .info {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: auto;
    max-width: 350px;
    padding: 2rem 0;
    width: 100%
}

section.configura-cotiza .accesorioModal .container>div .slide dl dd .info h3 {
    margin-bottom: 0
}

section.configura-cotiza .accesorioModal .container>div .slide dl dd .info ul li {
    font-size: .875rem;
    padding-left: .625rem;
    position: relative
}

section.configura-cotiza .accesorioModal .container>div .slide dl dd .info ul li:before {
    content: "";
    font-family: FontAwesome;
    font-size: .1875rem;
    left: 0;
    position: absolute;
    top: 0
}

section.configura-cotiza .accesorioModal .container>div .slide dl dd .info .precio {
    display: block;
    font-size: 1.375rem;
    font-weight: 700;
    margin-bottom: 1.875rem
}

section.configura-cotiza .accesorioModal .container>div .slide dl dd .info .boton {
    margin: 2rem 0
}

section.configura-cotiza .accesorioModal .container>div .bx-prev {
    border-radius: 50%;
    border: 2px solid #263238;
    color: #263238;
    left: 0;
    margin-right: 2rem;
    position: relative
}

section.configura-cotiza .accesorioModal .container>div .bx-prev:before {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    content: "";
    font-family: icomoon;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    speak: none;
    text-transform: none;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 16px;
    left: 50%;
    position: absolute;
    text-indent: 0;
    top: 50%
}

section.configura-cotiza .accesorioModal .container>div .bx-next {
    border-radius: 50%;
    border: 2px solid #263238;
    color: #263238;
    position: relative;
    right: 0
}

section.configura-cotiza .accesorioModal .container>div .bx-next:before {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    content: "";
    font-family: icomoon;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    speak: none;
    text-transform: none;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 16px;
    left: 50%;
    position: absolute;
    text-indent: 0;
    top: 50%
}

section.configura-cotiza .accesorioModal .container>div .bx-controls-direction {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    bottom: 50px;
    padding: 0 2.5rem;
    position: absolute;
    width: 100%
}

section.configura-cotiza .accesorioModal .container>div .bx-controls-direction a {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    display: inline-block;
    height: 42px;
    outline: 0;
    text-decoration: none;
    text-indent: -9998px;
    width: 42px;
    z-index: 98
}

section.configura-cotiza .accesorioModal .container>div .bx-controls-direction a.disabled {
    border: 2px solid rgba(38, 50, 56, .4);
    color: rgba(38, 50, 56, .4)
}

section.configura-cotiza .accesorioModal .container>div .bx-controls-direction a.disabled:hover {
    background: 0 0
}

section.configura-cotiza .accesorioModal .container>div .bx-wrapper .bx-has-pager {
    position: absolute;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    left: 50%;
    bottom: 20px;
    opacity: 0
}

section.configura-cotiza .accesorioModal .container>div .bx-wrapper .bx-pager {
    color: rgba(38, 50, 56, .4);
    font-family: Arial;
    font-size: 0;
    font-weight: 700;
    text-align: center
}

section.configura-cotiza .accesorioModal .container>div .bx-wrapper .bx-pager.bx-default-pager a {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background: rgba(38, 50, 56, .4);
    border-radius: 5px;
    display: block;
    height: 8px;
    margin: 0 12px;
    outline: 0;
    text-indent: -9999px;
    width: 8px
}

section.configura-cotiza .accesorioModal .container>div .bx-wrapper .bx-pager.bx-default-pager a.active,
section.configura-cotiza .accesorioModal .container>div .bx-wrapper .bx-pager.bx-default-pager a:focus,
section.configura-cotiza .accesorioModal .container>div .bx-wrapper .bx-pager.bx-default-pager a:hover {
    -webkit-transform: scale(1.5, 1.5);
    -moz-transform: scale(1.5, 1.5);
    -ms-transform: scale(1.5, 1.5);
    transform: scale(1.5, 1.5);
    background: #263238
}

section.configura-cotiza .accesorioModal .container>div .bx-wrapper .bx-pager-item {
    display: inline-block;
    font-size: 0;
    line-height: 0
}

section.configura-cotiza .accesorioModal .container>div .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
    display: inline-block
}

.cover-financiamiento {
    height: 510px;
    position: relative
}

.cover-financiamiento>img {
    position: absolute;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    left: 50%;
    top: 0
}

.cover-financiamiento .container {
    display: table;
    overflow: visible
}

.cover-financiamiento .container>div {
    display: table-cell;
    vertical-align: middle
}

.cover-financiamiento .container>div h1 {
    margin: 0
}

.cover-financiamiento .container>div h2 {
    color: #c03;
    margin-top: 0
}

.cover-financiamiento .container>div p {
    color: #263238;
    font-size: 1rem;
    width: 40%
}

.cover-financiamiento .container>div .link {
    cursor: pointer;
    float: left;
    font-size: .875rem;
    font-weight: 700;
    margin: 0;
    text-transform: uppercase
}

.planes-financiamiento {
    padding: 9.375rem 0 0;
    position: relative
}

.planes-financiamiento .linea {
    position: absolute;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    left: 50%;
    background: #37474f;
    display: block;
    height: 13.75rem;
    position: absolute;
    top: 40px;
    width: 1px
}

.planes-financiamiento .linea:before {
    background: #37474f;
    border-radius: 4px;
    content: "";
    display: block;
    height: 7px;
    left: -3px;
    position: absolute;
    width: 7px
}

.planes-financiamiento .linea:after {
    background: #37474f;
    border-radius: 4px;
    bottom: 0;
    content: "";
    display: block;
    height: 7px;
    left: -3px;
    position: absolute;
    width: 7px
}

.planes-financiamiento .container {
    display: table;
    overflow: visible
}

.planes-financiamiento .container .info {
    position: absolute;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    left: 50%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 28%;
    overflow: auto;
    padding: 140px 30px 0;
    position: absolute
}

.planes-financiamiento .container .info h3 {
    color: #37474f;
    line-height: 2.5rem;
    margin: 1rem 0;
    text-align: center
}

.planes-financiamiento .container .info p {
    text-align: center
}

.planes-financiamiento .container .info .boton {
    margin: 3.125rem auto;
    padding: 12px 0
}

.planes-financiamiento .container .plan {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    display: table;
    height: 540px;
    overflow: hidden;
    position: relative;
    width: 36%
}

.planes-financiamiento .container .plan>img {
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    -o-object-fit: cover;
    object-fit: cover;
    display: block;
    height: 100%;
    position: absolute;
    width: 100%
}

.planes-financiamiento .container .plan>div {
    padding: 0 2rem
}

.planes-financiamiento .container .plan>div i {
    background: #c03;
    border-radius: 50%;
    display: block;
    height: 60px;
    margin: auto;
    position: relative;
    width: 60px
}

.planes-financiamiento .container .plan>div i:before {
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    color: #fff;
    font-size: 30px
}

.planes-financiamiento .container .plan>div i.icono_estandar:before {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    content: "";
    font-family: icomoon;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    speak: none;
    text-transform: none
}

.planes-financiamiento .container .plan>div i.icono_balloon:before {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    content: "";
    font-family: icomoon;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    speak: none;
    text-transform: none
}

.planes-financiamiento .container .plan>div h3 {
    color: #fff;
    margin: 1.25rem auto;
    text-align: center
}

.planes-financiamiento .container .plan>div p {
    color: #fff;
    font-size: 1.125rem;
    text-align: center
}

.planes-financiamiento .container .plan .info-small {
    -webkit-transition: all .6s;
    -moz-transition: all .6s;
    -ms-transition: all .6s;
    transition: all .6s;
    position: absolute;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.planes-financiamiento .container .plan .info-big {
    -webkit-transition: all .6s;
    -moz-transition: all .6s;
    -ms-transition: all .6s;
    transition: all .6s;
    position: absolute;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    top: 150%
}

.planes-financiamiento .container .plan .info-big .caracteristicas {
    display: block
}

.planes-financiamiento .container .plan .info-big .caracteristicas p {
    font-size: 1rem;
    font-weight: 600;
    text-align: left
}

.planes-financiamiento .container .plan .info-big .caracteristicas ul li {
    font-size: 1rem;
    font-weight: 600;
    color: #fff
}

.planes-financiamiento .container .plan .info-big .caracteristicas .boton {
    margin: 1.25rem auto;
    max-width: 140px;
    min-width: 120px;
    padding: 12px 0
}

.planes-financiamiento .container .plan:hover .info-small {
    top: -100%
}

.planes-financiamiento .container .plan:hover .info-big {
    top: 50%
}

.planes-financiamiento .container .estandar {
    float: left
}

.planes-financiamiento .container .balloon {
    float: right
}

.planes-financiamiento .container .boton.planes {
    display: none
}

.porque-financiamiento {
    padding: 6.25rem 0;
    position: relative
}

.porque-financiamiento .container {
    display: table;
    overflow: visible
}

.porque-financiamiento .container h2 {
    margin: 1.25rem auto;
    text-align: center;
    width: 64%
}

.porque-financiamiento .container p {
    margin: 0 auto;
    text-align: center;
    width: 64%
}

.porque-financiamiento .container dl {
    display: table;
    padding: 5.75rem 0 0;
    width: 100%
}

.porque-financiamiento .container dl dd {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: table-cell;
    padding: 0;
    position: relative;
    vertical-align: top;
    width: 50%
}

.porque-financiamiento .container dl dd i {
    display: block;
    height: 30px;
    left: 0;
    position: absolute;
    width: 30px
}

.porque-financiamiento .container dl dd i:before {
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%
}

.porque-financiamiento .container dl dd i.icono:before {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    content: "";
    font-family: icomoon;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    speak: none;
    text-transform: none;
    color: #c03;
    font-size: 30px
}

.porque-financiamiento .container dl dd p {
    font-size: 1.125rem;
    height: 80px;
    margin: 0 3rem 3rem 4rem;
    text-align: left;
    width: auto
}

.beneficios-financiamiento {
    height: 700px;
    padding: 0;
    position: relative
}

.beneficios-financiamiento>img {
    position: absolute;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    left: 50%;
    top: 0
}

.beneficios-financiamiento .container {
    display: table;
    overflow: visible;
    padding: 4.375rem 0
}

.beneficios-financiamiento .container h2 {
    color: #fff;
    margin: 0;
    text-align: center
}

.beneficios-financiamiento .container .flex {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    webkit-display: -webkit-flex;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    -webkit-box-direction: row;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    -ms-flex-pack: space-between;
    -ms-flex-pack: justify;
    float: left;
    width: 100%;
    margin: 6.25rem auto 0;
    padding: 0
}

.beneficios-financiamiento .container .flex>div {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    margin-bottom: 1rem;
    padding: 0 1rem;
    width: 25%
}

.beneficios-financiamiento .container .flex>div i {
    display: block;
    height: 90px;
    margin: 0 auto;
    position: relative;
    width: 90px
}

.beneficios-financiamiento .container .flex>div i:before {
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    color: #bdbdbd;
    font-size: 72px
}

.beneficios-financiamiento .container .flex>div i.icono_cubre:before {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    content: "";
    font-family: icomoon;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    speak: none;
    text-transform: none
}

.beneficios-financiamiento .container .flex>div i.icono_confianza:before {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    content: "";
    font-family: icomoon;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    speak: none;
    text-transform: none
}

.beneficios-financiamiento .container .flex>div i.icono_flexibilidad:before {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    content: "";
    font-family: icomoon;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    speak: none;
    text-transform: none
}

.beneficios-financiamiento .container .flex>div i.icono_seguridad:before {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    content: "";
    font-family: icomoon;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    speak: none;
    text-transform: none
}

.beneficios-financiamiento .container .flex>div .titulo {
    color: #ff1744;
    font-size: 1.375rem;
    font-weight: 700;
    margin: 1.875rem 0
}

.beneficios-financiamiento .container .flex>div p {
    color: #fff;
    font-size: 1.125rem;
    text-align: center
}

.beneficios-financiamiento .container .boton {
    max-width: 160px;
    min-width: 150px;
    margin: 0 auto;
    padding: 12px 0;
    text-transform: uppercase
}

.seguros-financiamiento {
    padding: 6.25rem 0;
    position: relative
}

.seguros-financiamiento .container {
    display: table;
    overflow: visible
}

.seguros-financiamiento .container h2 {
    margin: 1.25rem auto;
    text-align: center;
    width: 64%
}

.seguros-financiamiento .container p {
    margin: 0 auto;
    text-align: center;
    width: 64%
}

.seguros-financiamiento .container dl {
    display: table;
    padding: 5.75rem 0 0;
    width: 100%
}

.seguros-financiamiento .container dl dd {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: table-cell;
    padding: 0;
    position: relative;
    vertical-align: top;
    width: 50%
}

.seguros-financiamiento .container dl dd i {
    background: #c03;
    border-radius: 50%;
    display: block;
    height: 60px;
    left: 0;
    position: absolute;
    width: 60px
}

.seguros-financiamiento .container dl dd i:before {
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    color: #fff;
    font-size: 30px
}

.seguros-financiamiento .container dl dd i.icono_confianza:before {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    content: "";
    font-family: icomoon;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    speak: none;
    text-transform: none
}

.seguros-financiamiento .container dl dd i.icono_tranquilidad:before {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    content: "";
    font-family: icomoon;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    speak: none;
    text-transform: none
}

.seguros-financiamiento .container dl dd i.icono_flexibilidad:before {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    content: "";
    font-family: icomoon;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    speak: none;
    text-transform: none
}

.seguros-financiamiento .container dl dd i.icono_cero:before {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    content: "";
    font-family: icomoon;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    speak: none;
    text-transform: none
}

.seguros-financiamiento .container dl dd i.icono_apoyo:before {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    content: "";
    font-family: icomoon;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    speak: none;
    text-transform: none
}

.seguros-financiamiento .container dl dd p {
    font-size: 1.125rem;
    height: auto;
    margin: 0 3rem 3rem 6.25rem;
    text-align: left;
    width: auto
}

.seguros-financiamiento .container .boton {
    max-width: 160px;
    min-width: 150px;
    margin: 0 auto;
    padding: 12px 0;
    text-transform: uppercase
}

.cover-servicio {
    height: 510px;
    position: relative
}

.cover-servicio>img {
    position: absolute;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    left: 50%;
    top: 0
}

.cover-servicio .container {
    display: table;
    overflow: visible
}

.cover-servicio .container>div {
    display: table-cell;
    vertical-align: middle
}

.cover-servicio .container>div h1 {
    line-height: 5rem;
    margin: 1rem 0;
    width: 60%
}

.cover-servicio .container>div p {
    color: #263238;
    font-size: 1rem;
    width: 40%
}

.cover-servicio .container>div .boton {
    margin: 1.875rem 0;
    padding: 12px 0
}

.expertos-servicio {
    padding: 6.25rem 0;
    position: relative
}

.expertos-servicio .container {
    display: table;
    overflow: visible
}

.expertos-servicio .container dl {
    display: table;
    padding: 0;
    width: 100%
}

.expertos-servicio .container dl dd {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: table-cell;
    padding: 0 1rem;
    position: relative;
    vertical-align: top;
    width: 50%
}

.expertos-servicio .container dl dd .img {
    height: 23rem;
    overflow: hidden;
    padding-bottom: 0;
    position: relative
}

.expertos-servicio .container dl dd .img img {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    -o-object-fit: cover;
    object-fit: cover;
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%
}

.expertos-servicio .container dl dd .video {
    height: 23rem;
    overflow: hidden;
    padding-bottom: 0;
    position: relative
}

.expertos-servicio .container dl dd .video img {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    -o-object-fit: cover;
    object-fit: cover;
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%
}

.expertos-servicio .container dl dd .video:hover img {
    -webkit-transform: scale(1.08, 1.08);
    -moz-transform: scale(1.08, 1.08);
    -ms-transform: scale(1.08, 1.08);
    transform: scale(1.08, 1.08)
}

.expertos-servicio .container dl dd .video a {
    display: block;
    height: 100%;
    position: relative;
    text-decoration: none;
    width: 100%
}

.expertos-servicio .container dl dd .video a:after {
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    content: "";
    font-family: icomoon;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    speak: none;
    text-transform: none;
    color: rgba(255, 255, 255, .85);
    font-size: 3.75rem
}

.expertos-servicio .container dl dd .boton {
    position: relative
}

.expertos-servicio .container dl dd h3 {
    line-height: 2.5rem;
    margin: 2rem 0;
    text-align: left
}

.expertos-servicio .container dl dd p {
    color: #37474f;
    font-size: 1rem;
    text-align: left
}

.precios-servicio {
    padding: 6.25rem 0;
    position: relative
}

.precios-servicio .container {
    display: table;
    overflow: visible
}

.precios-servicio .container h2 {
    margin: 1.25rem auto;
    text-align: center;
    width: 64%
}

.precios-servicio .container p {
    margin: 0 auto;
    text-align: center;
    width: 50%
}

.precios-servicio .container .menu {
    margin: 2.5rem auto
}

.precios-servicio .container .menu ul {
    display: table;
    height: 100%;
    margin: auto
}

.precios-servicio .container .menu ul li {
    display: table;
    float: left;
    height: 100%;
    margin: 0;
    padding: 0 1.5rem
}

.precios-servicio .container .menu ul li.activo>a {
    color: #263238
}

.precios-servicio .container .menu ul li.activo>a:before {
    background: #263238;
    width: 100%
}

.precios-servicio .container .menu ul li>a {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    color: #8c9aa2;
    cursor: pointer;
    display: table-cell;
    font-size: .875rem;
    font-weight: 700;
    margin: 0;
    padding: 0;
    position: relative;
    text-decoration: none;
    vertical-align: middle
}

.precios-servicio .container .menu ul li>a:before {
    position: absolute;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    left: 50%;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    background: 0 0;
    bottom: 0;
    content: " ";
    display: block;
    height: 2px;
    width: 0%
}

.precios-servicio .container .menu ul li>a:hover {
    color: #263238
}

.precios-servicio .container .menu ul li>a:hover:before {
    background: #263238;
    width: 100%
}

.precios-servicio .container .servicios>div {
    display: none
}

.precios-servicio .container .servicios>div:first-child {
    display: block
}

.precios-servicio .container .servicios>div dl {
    display: table;
    padding: 2.5rem 0 0;
    width: 100%
}

.precios-servicio .container .servicios>div dl dd {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: table-cell;
    padding: 0 1rem;
    position: relative;
    vertical-align: top;
    width: 50%
}

.precios-servicio .container .servicios>div dl dd img {
    display: block;
    width: 100%
}

.precios-servicio .container .servicios>div dl dd h3 {
    color: #c03;
    line-height: 2.5rem;
    margin: 0 0 1.625rem 0
}

.precios-servicio .container .servicios>div dl dd p {
    font-size: 1rem;
    line-height: 1.625rem;
    margin: 0 0 2.5rem 0;
    text-align: left;
    width: auto
}

.precios-servicio .container .servicios>div dl dd .subtitulo {
    font-size: 1.125rem;
    font-weight: 700
}

.precios-servicio .container .servicios>div dl dd .boton {
    margin: 1.875rem 0;
    padding: 12px 0
}

.precios-servicio .container .servicios>div dl dd form {
    display: table;
    margin: 0 auto;
    width: 100%
}

.precios-servicio .container .servicios>div dl dd form .input-field {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: table-cell;
    width: 38%;
    padding: 2rem 2.25rem 0 0
}

.precios-servicio .container .servicios>div dl dd form .input-field input[type=text] {
    font-size: 1rem;
    height: 2.5rem
}

.precios-servicio .container .servicios>div dl dd form .input-field input[type=text]::-webkit-input-placeholder {
    color: #78909c;
    font-weight: 300
}

.precios-servicio .container .servicios>div dl dd form .input-field input[type=text]:-moz-placeholder {
    color: #78909c;
    font-weight: 300
}

.precios-servicio .container .servicios>div dl dd form .input-field input[type=text]::-moz-placeholder {
    color: #78909c;
    font-weight: 300
}

.precios-servicio .container .servicios>div dl dd form .input-field input[type=text]:-ms-input-placeholder {
    color: #78909c;
    font-weight: 300
}

.precios-servicio .container .servicios>div dl dd form .input-field>p {
    color: #c03;
    font-size: 1.625rem;
    font-weight: 700;
    margin: 0;
    text-align: left
}

.precios-servicio .container .servicios>div dl dd form .input-field label {
    color: #263238;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.125rem;
    margin: 0;
    top: -6px
}

.precios-servicio .container .servicios>div dl dd form .input-field:last-child {
    width: 24%;
    padding-right: 0
}

.refacciones-servicio {
    background: #f5f5f5;
    padding: 4.125rem 0;
    position: relative
}

.refacciones-servicio .container {
    display: table;
    overflow: visible
}

.refacciones-servicio .container h2 {
    margin: 1.25rem auto;
    text-align: center;
    width: 64%
}

.refacciones-servicio .container p {
    margin: 0 auto;
    text-align: center;
    width: 64%
}

.refacciones-servicio .container .flex {
    justify-content: space-between;
    -webkit-justify-content: space-between;
    -ms-flex-pack: space-between;
    -ms-flex-pack: justify;
    margin: 3.75rem auto;
    padding: 0
}

.refacciones-servicio .container .flex .fila {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    webkit-display: -webkit-flex;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    -webkit-box-direction: row;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    justify-content: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    margin: 0 auto;
    width: 100%
}

.refacciones-servicio .container .flex .fila .refaccion {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    background: #fff;
    margin: 1rem;
    max-width: 286px;
    padding: 0;
    width: 33%
}

.refacciones-servicio .container .flex .fila .refaccion:hover {
    -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19);
    -moz-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19);
    -o-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19);
    -ms-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19);
    box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19)
}

.refacciones-servicio .container .flex .fila .refaccion .imagen {
    height: 176px;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 100%
}

.refacciones-servicio .container .flex .fila .refaccion .imagen img {
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    display: block;
    height: auto;
    position: absolute;
    width: 104%
}

.refacciones-servicio .container .flex .fila .refaccion>div {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 1rem 1.375rem
}

.refacciones-servicio .container .flex .fila .refaccion>div>p {
    color: #37474f;
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.625rem;
    margin: 1rem 0;
    text-align: left;
    width: 100%
}

.refacciones-servicio .container .flex .fila .refaccion>div form {
    display: table;
    margin: 0 auto;
    width: 100%
}

.refacciones-servicio .container .flex .fila .refaccion>div form .input-field {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: table-cell;
    width: 70%;
    padding: 1rem 1.5rem 0 0
}

.refacciones-servicio .container .flex .fila .refaccion>div form .input-field input[type=text] {
    font-size: 1rem;
    height: 2.5rem
}

.refacciones-servicio .container .flex .fila .refaccion>div form .input-field input[type=text]::-webkit-input-placeholder {
    color: #78909c;
    font-weight: 300
}

.refacciones-servicio .container .flex .fila .refaccion>div form .input-field input[type=text]:-moz-placeholder {
    color: #78909c;
    font-weight: 300
}

.refacciones-servicio .container .flex .fila .refaccion>div form .input-field input[type=text]::-moz-placeholder {
    color: #78909c;
    font-weight: 300
}

.refacciones-servicio .container .flex .fila .refaccion>div form .input-field input[type=text]:-ms-input-placeholder {
    color: #78909c;
    font-weight: 300
}

.refacciones-servicio .container .flex .fila .refaccion>div form .input-field>p {
    color: #263238;
    font-size: 1rem;
    font-weight: 700;
    margin: 0;
    text-align: left
}

.refacciones-servicio .container .flex .fila .refaccion>div form .input-field label {
    color: #263238;
    font-size: .875rem;
    font-weight: 300;
    line-height: 1.125rem;
    margin: 0;
    top: -6px
}

.refacciones-servicio .container .flex .fila .refaccion>div form .input-field:last-child {
    width: 30%;
    padding-right: 0
}

.refacciones-servicio .container .flex .fila .refaccion>div>ul>li {
    font-size: .75rem;
    line-height: 1.25rem
}

.refacciones-servicio .container .flex .fila .refaccion>div>ul>li:before {
    content: "";
    font-family: FontAwesome;
    color: #78909c;
    font-size: .375rem;
    left: 100%;
    line-height: 1rem;
    margin-right: 6px;
    vertical-align: middle
}

.refacciones-servicio .container .flex .fila .refaccion>div .link {
    cursor: pointer;
    float: left;
    font-size: .875rem;
    font-weight: 700;
    margin: 1.25rem 0;
    overflow: auto
}

.refacciones-servicio .container .flex .fila .refaccion>div .link:after {
    position: absolute;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    content: "";
    font-family: FontAwesome;
    font-size: .75rem;
    height: .625rem;
    left: 100%;
    line-height: normal;
    margin-left: 6px
}

.refacciones-servicio .container .boton {
    max-width: 160px;
    min-width: 150px;
    margin: 0 auto;
    padding: 12px 0;
    text-transform: uppercase
}

.garantia-servicio {
    padding: 6.25rem 0;
    position: relative
}

.garantia-servicio .container {
    display: table;
    overflow: visible
}

.garantia-servicio .container dl {
    display: table;
    padding: 0 0;
    width: 100%
}

.garantia-servicio .container dl dd {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: table-cell;
    padding: 0 1rem;
    position: relative;
    vertical-align: top;
    width: 50%
}

.garantia-servicio .container dl dd h2 {
    margin: 0 0 .625rem;
    text-align: left
}

.garantia-servicio .container dl dd .subtitulo {
    font-weight: 1.125rem
}

.garantia-servicio .container dl dd p {
    font-size: 1rem;
    height: auto;
    margin: 0 0 1.875rem;
    text-align: left
}

.garantia-servicio .container dl dd img {
    display: block;
    height: auto;
    width: 100%
}

.garantia-servicio .container dl dd .link {
    font-size: .875rem;
    margin: 1rem 0
}

section.preguntas-buscador {
    overflow: visible;
    padding: 100px 0
}

section.preguntas-buscador .container {
    overflow: visible
}

section.preguntas-buscador .container h5 {
    text-align: center
}

section.preguntas-buscador .container h2 {
    text-align: center;
    margin-top: 0
}

section.preguntas-buscador .container h2 b {
    font-weight: 600
}

section.preguntas-buscador .container .buscar {
    margin: auto;
    max-width: 780px;
    width: 100%
}

section.preguntas-buscador .container .buscar>form {
    margin: 5.625rem auto 1.875rem;
    position: relative;
    width: 100%
}

section.preguntas-buscador .container .buscar>form input:focus:not([readonly]) {
    box-shadow: none;
    outline-width: 0
}

section.preguntas-buscador .container .buscar>form input::-webkit-input-placeholder {
    color: #cfd8dc
}

section.preguntas-buscador .container .buscar>form input:-moz-placeholder {
    color: #cfd8dc
}

section.preguntas-buscador .container .buscar>form input::-moz-placeholder {
    color: #cfd8dc
}

section.preguntas-buscador .container .buscar>form input:-ms-input-placeholder {
    color: #cfd8dc
}

section.preguntas-buscador .container .buscar>form input[type=text] {
    -webkit-transition: inherit;
    -moz-transition: inherit;
    -ms-transition: inherit;
    transition: inherit;
    border-bottom: 1px solid #78909c;
    color: #263238;
    font-size: 2rem;
    font-weight: 300;
    height: 100%;
    margin: 0;
    padding: .9375rem 0;
    width: 100%
}

section.preguntas-buscador .container .buscar>form button,
section.preguntas-buscador .container .buscar>form input[type=submit] {
    background: 0 0;
    border: none;
    color: #cfd8dc;
    cursor: pointer;
    display: none;
    font-size: 1.625rem;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 40px
}

section.preguntas-buscador .container .buscar>form button:before,
section.preguntas-buscador .container .buscar>form input[type=submit]:before {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    content: "";
    direction: ltr;
    display: inline-block;
    font-family: "Material Icons";
    font-feature-settings: "liga";
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 1;
    text-rendering: optimizeLegibility;
    text-transform: none;
    white-space: nowrap;
    word-wrap: normal
}

section.preguntas-buscador .container .buscar>form>span {
    background: #fff;
    color: #cfd8dc;
    font-size: 1.625rem;
    height: 98%;
    position: absolute;
    right: 0;
    top: 0;
    width: 40px
}

section.preguntas-buscador .container .buscar>form>span:before {
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    content: "";
    font-family: FontAwesome
}

section.preguntas-buscador .container .buscar>form ul {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    -o-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    -ms-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    background: #fff;
    display: none;
    left: 0;
    position: absolute;
    top: 100%;
    width: 100%;
    z-index: 1
}

section.preguntas-buscador .container .buscar>form ul li {
    color: #bdbdbd;
    cursor: pointer;
    font-size: 1.125rem;
    padding: .75rem 20px
}

section.preguntas-buscador .container .buscar>form ul li:hover {
    background: #fafafa
}

section.preguntas-buscador .container .buscar>form ul li b {
    color: #263238;
    font-weight: 600
}

section.preguntas-buscador .container .buscar>form ul li span {
    color: #c03;
    font-weight: 600
}

section.preguntas-buscador .container .buscar>form.activo ul {
    display: block
}

section.preguntas-buscador .container .buscar .pregunta {
    display: none
}

section.preguntas-buscador .container .buscar .pregunta>p {
    font-size: 1.125rem
}

section.preguntas-buscador .container .buscar .pregunta>div {
    background: #fafafa;
    display: none;
    margin: 1rem auto;
    overflow: hidden;
    padding: 25px 0;
    width: 100%
}

section.preguntas-buscador .container .buscar .pregunta>div.informacion {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 25px 20px
}

section.preguntas-buscador .container .buscar .pregunta>div.informacion form {
    display: table;
    width: 100%
}

section.preguntas-buscador .container .buscar .pregunta>div.informacion form .input-field {
    display: table-cell;
    vertical-align: middle;
    width: 50%
}

section.preguntas-buscador .container .buscar .pregunta>div.informacion form .input-field p {
    color: #263238;
    font-weight: 600
}

section.preguntas-buscador .container .buscar .pregunta>div.informacion form .input-field>div {
    display: table
}

section.preguntas-buscador .container .buscar .pregunta>div.informacion form .input-field>div>div {
    display: table-cell;
    width: 130px
}

section.preguntas-buscador .container .buscar .pregunta>div.informacion form .input-field>div>div>label {
    color: #263238;
    font-weight: 600;
    top: 0;
    display: table;
    margin: auto
}

section.preguntas-buscador .container .buscar .pregunta>div.informacion form .input-field .boton {
    float: right
}

section.preguntas-buscador .container .buscar .pregunta>div.activo {
    display: block
}

section.preguntas-buscador .container .buscar .pregunta>div h6 {
    text-align: center;
    margin-top: 0
}

section.preguntas-buscador .container .buscar .pregunta>div>p {
    text-align: center
}

section.preguntas-buscador .container .buscar .pregunta .boton {
    margin: 0 auto
}

section.preguntas-populares {
    background: #fafafa;
    padding-bottom: 70px
}

section.preguntas-populares .container h3 b {
    font-weight: 600
}

section.preguntas-populares .container h3 span {
    display: block;
    font-weight: 300
}

section.preguntas-populares .container h6 b {
    color: #c03;
    font-weight: 600
}

section.preguntas-populares .container .preguntas {
    display: table;
    width: 100%
}

section.preguntas-populares .container .preguntas ul {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: table-cell;
    padding-right: 2rem;
    width: 50%
}

section.preguntas-populares .container .preguntas ul li {
    border-bottom: 1px solid #8c9aa2;
    position: relative
}

section.preguntas-populares .container .preguntas ul li b {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    color: #263238;
    cursor: pointer;
    display: block;
    font-weight: 700;
    padding: .75rem 0;
    padding-right: 1.875rem
}

section.preguntas-populares .container .preguntas ul li i {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    background: #eee;
    border-radius: 50%;
    display: block;
    height: 1.875rem;
    position: absolute;
    right: 0;
    top: .75rem;
    width: 1.875rem
}

section.preguntas-populares .container .preguntas ul li i:before {
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    content: "";
    direction: ltr;
    display: inline-block;
    font-family: "Material Icons";
    font-feature-settings: "liga";
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 1;
    text-rendering: optimizeLegibility;
    text-transform: none;
    white-space: nowrap;
    word-wrap: normal;
    color: #263238;
    cursor: pointer;
    font-size: 1.375rem
}

section.preguntas-populares .container .preguntas ul li.activo>b {
    color: #c03
}

section.preguntas-populares .container .preguntas ul li.activo>i {
    background: #c03
}

section.preguntas-populares .container .preguntas ul li.activo>i:before {
    color: #fff;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    content: "";
    direction: ltr;
    display: inline-block;
    font-family: "Material Icons";
    font-feature-settings: "liga";
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 1;
    text-rendering: optimizeLegibility;
    text-transform: none;
    white-space: nowrap;
    word-wrap: normal;
    font-size: 1.375rem
}

section.preguntas-populares .container .preguntas ul li:last-child {
    border: none
}

section.preguntas-populares .container .preguntas ul li>div {
    display: none
}

section.preguntas-populares .container .preguntas ul li>div>p {
    font-size: 1.125rem
}

section.preguntas-populares .container .preguntas ul li>div>div {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #eee;
    margin: 1rem auto 0;
    overflow: hidden;
    padding: 25px 20px;
    width: 100%
}

section.preguntas-populares .container .preguntas ul li>div>div form {
    display: table;
    width: 100%
}

section.preguntas-populares .container .preguntas ul li>div>div form .input-field {
    display: table-cell;
    vertical-align: middle;
    width: 50%
}

section.preguntas-populares .container .preguntas ul li>div>div form .input-field p {
    color: #263238;
    font-weight: 600
}

section.preguntas-populares .container .preguntas ul li>div>div form .input-field>div {
    display: table
}

section.preguntas-populares .container .preguntas ul li>div>div form .input-field>div>div {
    display: table-cell;
    width: 130px
}

section.preguntas-populares .container .preguntas ul li>div>div form .input-field>div>div>label {
    color: #263238;
    font-weight: 600;
    top: 0;
    display: table;
    margin: auto
}

section.preguntas-populares .container .preguntas ul li>div>div form .input-field .boton {
    float: right
}

section.preguntas-populares .container .preguntas ul li>div>div>h6 {
    margin: 0;
    font-size: 1.125rem
}

section.preguntas-populares .container .preguntas ul li>div>div>h6 b {
    padding: 0
}

section.preguntas-populares .container .preguntas ul li>div>div>p {
    font-size: .875rem;
    margin: 0
}

section.preguntas-populares .container .preguntas ul li>div>div .boton {
    margin: 0 auto
}

section.preguntas-populares .container .preguntas ul li>div>.losentimos {
    display: table
}

section.preguntas-populares .container .preguntas ul li>div>.losentimos>div {
    display: table-cell;
    vertical-align: middle;
    width: 50%
}

section.preguntas-populares .container .preguntas ul li>div>.losentimos>div>h6 {
    margin: 0;
    font-size: 1.125rem
}

section.preguntas-populares .container .preguntas ul li>div>.losentimos>div>h6 b {
    padding: 0
}

section.preguntas-populares .container .preguntas ul li>div>.losentimos>div>p {
    font-size: .875rem;
    margin: 0
}

section.consulta-categoria {
    padding: 100px 0
}

section.consulta-categoria .container {
    overflow: visible
}

section.consulta-categoria .container>h6 {
    text-align: center
}

section.consulta-categoria .container>h6 b {
    color: #c03;
    font-weight: 600
}

section.consulta-categoria .container>div {
    display: table;
    width: 100%
}

section.consulta-categoria .container>div .menu ul {
    display: table;
    margin: auto
}

section.consulta-categoria .container>div .menu ul li {
    margin: 6px 0
}

section.consulta-categoria .container>div .menu ul li a {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    color: #cfd8dc;
    cursor: pointer;
    display: block;
    font-size: 1.125rem;
    font-weight: 600;
    position: relative;
    text-align: right
}

section.consulta-categoria .container>div .menu ul li.activo a,
section.consulta-categoria .container>div .menu ul li:hover a {
    color: #263238
}

section.consulta-categoria .container>div .menu ul li.activo a:before,
section.consulta-categoria .container>div .menu ul li:hover a:before {
    position: absolute;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    content: "";
    direction: ltr;
    display: inline-block;
    font-family: "Material Icons";
    font-feature-settings: "liga";
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 1;
    text-rendering: optimizeLegibility;
    text-transform: none;
    white-space: nowrap;
    word-wrap: normal;
    font-size: 1.5rem;
    left: 100%;
    padding-top: 2px
}

section.consulta-categoria .container>div .preguntas {
    display: table-cell;
    width: 61%
}

section.consulta-categoria .container>div .preguntas>div {
    display: none
}

section.consulta-categoria .container>div .preguntas>div:first-child {
    display: block
}

section.consulta-categoria .container>div .preguntas>div>ul {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%
}

section.consulta-categoria .container>div .preguntas>div>ul li {
    border-bottom: 1px solid #8c9aa2;
    position: relative
}

section.consulta-categoria .container>div .preguntas>div>ul li>b {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    color: #263238;
    cursor: pointer;
    display: block;
    font-weight: 700;
    padding: .75rem 0;
    padding-right: 2.5rem
}

section.consulta-categoria .container>div .preguntas>div>ul li>i {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    background: #eee;
    border-radius: 50%;
    display: block;
    height: 1.875rem;
    position: absolute;
    right: 0;
    top: .75rem;
    width: 1.875rem
}

section.consulta-categoria .container>div .preguntas>div>ul li>i:before {
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    content: "";
    direction: ltr;
    display: inline-block;
    font-family: "Material Icons";
    font-feature-settings: "liga";
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 1;
    text-rendering: optimizeLegibility;
    text-transform: none;
    white-space: nowrap;
    word-wrap: normal;
    color: #263238;
    cursor: pointer;
    font-size: 1.375rem
}

section.consulta-categoria .container>div .preguntas>div>ul li.activo>b {
    color: #c03
}

section.consulta-categoria .container>div .preguntas>div>ul li.activo>i {
    background: #c03
}

section.consulta-categoria .container>div .preguntas>div>ul li.activo>i:before {
    color: #fff;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    content: "";
    direction: ltr;
    display: inline-block;
    font-family: "Material Icons";
    font-feature-settings: "liga";
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 1;
    text-rendering: optimizeLegibility;
    text-transform: none;
    white-space: nowrap;
    word-wrap: normal;
    font-size: 1.375rem
}

section.consulta-categoria .container>div .preguntas>div>ul li:last-child {
    border: none
}

section.consulta-categoria .container>div .preguntas>div>ul li>div {
    display: none
}

section.consulta-categoria .container>div .preguntas>div>ul li>div>p {
    font-size: 1.125rem
}

section.consulta-categoria .container>div .preguntas>div>ul li>div>div {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #eee;
    margin: 1rem auto 0;
    overflow: hidden;
    padding: 25px 20px;
    width: 100%
}

section.consulta-categoria .container>div .preguntas>div>ul li>div>div form {
    display: table;
    width: 100%
}

section.consulta-categoria .container>div .preguntas>div>ul li>div>div form .input-field {
    display: table-cell;
    vertical-align: middle;
    width: 50%
}

section.consulta-categoria .container>div .preguntas>div>ul li>div>div form .input-field p {
    color: #263238;
    font-weight: 600
}

section.consulta-categoria .container>div .preguntas>div>ul li>div>div form .input-field>div {
    display: table
}

section.consulta-categoria .container>div .preguntas>div>ul li>div>div form .input-field>div>div {
    display: table-cell;
    width: 130px
}

section.consulta-categoria .container>div .preguntas>div>ul li>div>div form .input-field>div>div>label {
    color: #263238;
    font-weight: 600;
    top: 0;
    display: table;
    margin: auto
}

section.consulta-categoria .container>div .preguntas>div>ul li>div>div form .input-field .boton {
    float: right
}

section.consulta-categoria .container>div .preguntas>div>ul li>div>div>h6 {
    margin: 0;
    font-size: 1.125rem
}

section.consulta-categoria .container>div .preguntas>div>ul li>div>div>h6 b {
    padding: 0
}

section.consulta-categoria .container>div .preguntas>div>ul li>div>div>p {
    font-size: .875rem;
    margin: 0
}

section.consulta-categoria .container>div .preguntas>div>ul li>div>div .boton {
    margin: 0 auto
}

section.consulta-categoria .container>div .preguntas>div>ul li>div>.losentimos {
    display: table
}

section.consulta-categoria .container>div .preguntas>div>ul li>div>.losentimos>div {
    display: table-cell;
    vertical-align: middle;
    width: 50%
}

section.consulta-categoria .container>div .preguntas>div>ul li>div>.losentimos>div>h6 {
    margin: 0;
    font-size: 1.125rem
}

section.consulta-categoria .container>div .preguntas>div>ul li>div>.losentimos>div>h6 b {
    padding: 0
}

section.consulta-categoria .container>div .preguntas>div>ul li>div>.losentimos>div>p {
    font-size: .875rem;
    margin: 0
}

section.consulta-categoria .container>div .preguntas>div .paginador {
    margin-top: 100px
}

section.sugerencias {
    background-color: #fafafa;
    padding: 60px 0
}

section.sugerencias .container {
    overflow: visible
}

section.sugerencias .container h3 {
    font-weight: 300;
    margin: 0;
    text-align: center
}

section.sugerencias .container .boton {
    margin-bottom: 0
}

.propietarios-toyota {
    background: url(img/bg_propietarios.jpg) no-repeat center;
    background-size: cover;
    height: 800px
}

.propietarios-toyota .container {
    display: table;
    padding: 0;
    max-width: 1500px
}

.propietarios-toyota .container>div {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: table-cell;
    padding: 0 6.25rem;
    vertical-align: middle;
    width: 50%
}

.propietarios-toyota .container>div>h1 {
    color: #fff;
    margin-top: 0
}

.propietarios-toyota .container>div>p {
    color: #fff
}

.propietarios-toyota .container .content {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    background: #fff;
    position: relative;
    height: 100%;
    overflow: hidden
}

.propietarios-toyota .container .content.activo {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0)
}

.propietarios-toyota .container .content>div {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0 6.25rem;
    position: absolute;
    top: 0;
    width: 100%;
    overflow: hidden
}

.propietarios-toyota .container .content>div form {
    display: table;
    padding: 1rem 0;
    width: 100%
}

.propietarios-toyota .container .content>div>p {
    font-size: .75rem;
    float: left
}

.propietarios-toyota .container .content>div .about_vin {
    margin-top: 0
}

.propietarios-toyota .container .content>div .info_vin {
    display: inline;
    width: 50%
}

.propietarios-toyota .container .content>div .info_vin a {
    color: #c4ccd0;
    font-size: 1rem;
    position: absolute;
    right: -6px;
    top: -6px
}

.propietarios-toyota .container .content>div .info_vin a i {
    color: #c4ccd0;
    padding: 6px
}

.propietarios-toyota .container .content>div .boton {
    margin: 2rem 0
}

.propietarios-toyota .container .content .ingresa-vin {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    left: 0;
    padding: 6rem 6.25rem 2rem;
    top: 0;
    width: 100%;
    overflow: hidden
}

.propietarios-toyota .container .content .ingresa-vin>p {
    display: block;
    font-size: 1rem;
    text-align: left
}

.propietarios-toyota .container .content .ingresa-vin .link-modal,
.propietarios-toyota .container .content .ingresa-vin>.link {
    color: #c03;
    cursor: pointer;
    float: left;
    font-size: .75rem;
    line-height: 26px;
    margin: 0
}

.propietarios-toyota .container .content .ingresa-vin .link-modal:before,
.propietarios-toyota .container .content .ingresa-vin>.link:before {
    background: #c03
}

.propietarios-toyota .container .content .ingresa-vin .link-modal.blue,
.propietarios-toyota .container .content .ingresa-vin>.link.blue {
    color: #37474f;
    margin-left: .75rem
}

.propietarios-toyota .container .content .ingresa-vin .link-modal.blue:before,
.propietarios-toyota .container .content .ingresa-vin>.link.blue:before {
    background: #37474f
}

.propietarios-toyota .container .content .con-accion-preventiva {
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%
}

.propietarios-toyota .container .content .con-accion-preventiva i {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 50%;
    border: 5px solid #c03;
    color: #c03;
    display: table;
    height: 72px;
    margin: auto;
    position: relative;
    width: 72px
}

.propietarios-toyota .container .content .con-accion-preventiva i:before {
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    font-family: Roboto, sans-serif;
    content: "!";
    font-size: 48px;
    line-height: 0
}

.propietarios-toyota .container .content .con-accion-preventiva h6 {
    font-weight: 600;
    margin: 1.875rem 0;
    text-align: center
}

.propietarios-toyota .container .content .con-accion-preventiva p {
    font-size: 1rem;
    margin-bottom: 2rem;
    text-align: center
}

.propietarios-toyota .container .content .con-accion-preventiva .boton {
    margin: 2rem auto
}

.propietarios-toyota .container .content .con-accion-preventiva>.link {
    color: #c03;
    cursor: pointer;
    float: none;
    font-size: .75rem;
    line-height: 26px;
    margin: auto
}

.propietarios-toyota .container .content .con-accion-preventiva>.link:before {
    background: #c03
}

.propietarios-toyota .container .content .con-accion-preventiva>.link.blue {
    color: #37474f;
    margin-left: .75rem
}

.propietarios-toyota .container .content .con-accion-preventiva>.link.blue:before {
    background: #37474f
}

.propietarios-toyota .container .content .no-encontrado,
.propietarios-toyota .container .content .sin-accion-preventiva {
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%
}

.propietarios-toyota .container .content .no-encontrado i,
.propietarios-toyota .container .content .sin-accion-preventiva i {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 50%;
    border: 5px solid #66bb6a;
    color: #66bb6a;
    display: table;
    height: 72px;
    margin: auto;
    position: relative;
    width: 72px
}

.propietarios-toyota .container .content .no-encontrado i:before,
.propietarios-toyota .container .content .sin-accion-preventiva i:before {
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    font-family: Roboto, sans-serif;
    content: "!";
    font-size: 48px;
    line-height: 0
}

.propietarios-toyota .container .content .no-encontrado h1,
.propietarios-toyota .container .content .sin-accion-preventiva h1 {
    color: #37474f;
    margin-top: 0;
    text-align: center
}

.propietarios-toyota .container .content .no-encontrado h6,
.propietarios-toyota .container .content .sin-accion-preventiva h6 {
    font-weight: 600;
    margin: 1.875rem 0;
    text-align: center
}

.propietarios-toyota .container .content .no-encontrado p,
.propietarios-toyota .container .content .sin-accion-preventiva p {
    font-size: 1rem;
    margin-bottom: 2rem;
    text-align: center
}

.propietarios-toyota .container .content .no-encontrado .boton,
.propietarios-toyota .container .content .sin-accion-preventiva .boton {
    margin: 2rem auto
}

.cover-propietarios {
    height: 510px;
    position: relative
}

.cover-propietarios>img {
    position: absolute;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    left: 50%;
    display: block;
    top: 0
}

.cover-propietarios .container {
    display: table;
    overflow: visible
}

.cover-propietarios .container>div {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: table-cell;
    padding: 0 2rem;
    vertical-align: middle;
    width: 50%
}

.cover-propietarios .container>div h1 {
    margin-top: 0
}

.menu-propietarios {
    height: 60px;
    position: relative
}

.menu-propietarios .menufixed {
    -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19);
    -moz-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19);
    -o-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19);
    -ms-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19);
    box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19);
    background: #263238;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 98
}

.menu-propietarios .menufixed .container {
    max-width: 1500px
}

.menu-propietarios .menufixed .container .hola {
    height: 60px;
    left: 0;
    position: absolute;
    top: 0
}

.menu-propietarios .menufixed .container .hola>div {
    color: #fff;
    display: table;
    float: left;
    font-size: .875rem;
    font-weight: 700;
    height: 100%;
    padding: 0 1.5rem
}

.menu-propietarios .menufixed .container .hola>div span {
    display: table-cell;
    vertical-align: middle
}

.menu-propietarios .menufixed .container .hola .carro {
    float: right;
    position: relative
}

.menu-propietarios .menufixed .container .hola .carro span {
    padding-top: 15px
}

.menu-propietarios .menufixed .container .hola .carro span a {
    color: #fff;
    font-size: .61538rem;
    font-weight: 400;
    text-decoration: underline;
    vertical-align: top
}

.menu-propietarios .menufixed .container nav {
    display: table;
    height: 60px;
    margin: auto;
    overflow: hidden
}

.menu-propietarios .menufixed .container nav>ul {
    display: table;
    height: 100%;
    margin: auto
}

.menu-propietarios .menufixed .container nav>ul>li {
    display: table;
    float: left;
    height: 100%;
    margin: 0
}

.menu-propietarios .menufixed .container nav>ul>li.activo>a,
.menu-propietarios .menufixed .container nav>ul>li:hover>a {
    color: #fff
}

.menu-propietarios .menufixed .container nav>ul>li.activo>a:before,
.menu-propietarios .menufixed .container nav>ul>li:hover>a:before {
    background: #fff;
    width: 100%
}

.menu-propietarios .menufixed .container nav>ul>li>a {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    color: #78909c;
    cursor: pointer;
    display: table-cell;
    font-size: .875rem;
    font-weight: 700;
    margin: 0;
    padding: 0;
    padding: 0 1.5rem;
    position: relative;
    text-decoration: none;
    vertical-align: middle
}

.menu-propietarios .menufixed .container nav>ul>li>a:before {
    position: absolute;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    left: 50%;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    background: 0 0;
    bottom: 0;
    content: " ";
    display: block;
    height: 4px;
    width: 0%
}

.menu-propietarios .menufixed .container nav .btnAgenda {
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
    background: linear-gradient(to right, #c03 50%, rgba(0, 0, 0, 0) 0);
    background-position: right bottom;
    background-color: #37474f;
    background-size: 200% 100%;
    display: table;
    height: 60px;
    overflow: hidden;
    position: absolute;
    right: 0;
    bottom: 0
}

.menu-propietarios .menufixed .container nav .btnAgenda:hover {
    background-color: transparent;
    background-position: left bottom
}

.menu-propietarios .menufixed .container nav .btnAgenda:hover a {
    color: #fff
}

.menu-propietarios .menufixed .container nav .btnAgenda.activo {
    background: #c03
}

.menu-propietarios .menufixed .container nav .btnAgenda.activo a {
    color: #fff
}

.menu-propietarios .menufixed .container nav .btnAgenda a {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    color: #fff;
    display: table-cell;
    font-size: .875rem;
    font-weight: 700;
    margin: 0;
    padding: 0 1.5rem;
    position: relative;
    text-decoration: none;
    vertical-align: middle
}

.agendar-propietarios {
    padding: 3.125rem 0
}

.agendar-propietarios .container {
    display: table
}

.agendar-propietarios .container>div {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: table-cell;
    overflow: hidden;
    padding: 0 2rem;
    vertical-align: middle;
    width: 50%
}

.agendar-propietarios .container>div h3 {
    margin-bottom: 0
}

.agendar-propietarios .container>div h3 b {
    font-weight: 600
}

.agendar-propietarios .container>div h6 {
    font-size: 1.375rem;
    font-weight: 300;
    margin-bottom: 1.875rem;
    margin-top: 0
}

.agendar-propietarios .container>div .boton {
    margin: 2rem 0
}

.agendar-propietarios .container>div img {
    display: block;
    height: auto;
    margin: 2rem auto;
    max-width: 450px;
    width: 100%
}

.promociones-propietarios .container {
    overflow: visible
}

.promociones-propietarios .container h2 {
    text-align: center
}

.promociones-propietarios .container>p {
    text-align: center
}

.promociones-propietarios .container>h3 {
    color: #c03
}

.promociones-propietarios .container>.flex {
    justify-content: space-between;
    -webkit-justify-content: space-between;
    -ms-flex-pack: space-between;
    -ms-flex-pack: justify;
    margin: 0 auto
}

.promociones-propietarios .container>.flex>div {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    background: #f5f5f5;
    margin-bottom: 4rem;
    padding: 1.25rem;
    position: relative;
    width: 49%
}

.promociones-propietarios .container>.flex>div h4 {
    color: #c03;
    margin-top: 0
}

.promociones-propietarios .container>.flex>div p {
    font-size: 1.375rem;
    line-height: 1.75rem;
    margin: 2.1875rem 0
}

.promociones-propietarios .container>.flex>div .link {
    margin: 1rem 0
}

.promociones-propietarios .container>.flex>div .link.legales {
    -webkit-transform: translate(0, 50%);
    -moz-transform: translate(0, 50%);
    -ms-transform: translate(0, 50%);
    transform: translate(0, 50%);
    cursor: pointer;
    font-size: .875rem;
    margin: 0;
    position: absolute;
    right: 1.25rem;
    top: 1.25rem
}

.promociones-propietarios .container>.flex>div img {
    display: table;
    margin: 4.375rem auto;
    max-width: 450px;
    width: 100%
}

.promociones-propietarios .container>.flex>div img.hover {
    display: none
}

.promociones-propietarios .container>.flex>div .detalle {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: rgba(255, 255, 255, .9);
    border: 1px solid #eee;
    display: none;
    height: 100%;
    left: 0;
    overflow: auto;
    padding: 50px 30px 30px;
    position: absolute;
    top: 0;
    width: 100%
}

.promociones-propietarios .container>.flex>div .detalle .cerrar {
    background: #c03;
    cursor: pointer;
    height: 50px;
    position: absolute;
    right: 0;
    top: 0;
    width: 50px
}

.promociones-propietarios .container>.flex>div .detalle .cerrar:before {
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    content: "";
    font-family: FontAwesome;
    color: #fff
}

.promociones-propietarios .container>.flex>div .detalle p {
    font-size: .75rem;
    line-height: 1.25rem
}

.promociones-propietarios .container>.flex>div:hover {
    -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19);
    -moz-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19);
    -o-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19);
    -ms-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19);
    box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19)
}

.promociones-propietarios .container>.flex>div:hover img {
    display: none
}

.promociones-propietarios .container>.flex>div:hover img.hover {
    display: block
}

.promociones-propietarios .container>.flex .proximos-eventos {
    background: #fff;
    display: table;
    padding: 0;
    width: 100%
}

.promociones-propietarios .container>.flex .proximos-eventos>div {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: table-cell;
    vertical-align: middle;
    width: 50%
}

.promociones-propietarios .container>.flex .proximos-eventos .info {
    padding-right: .625rem
}

.promociones-propietarios .container>.flex .proximos-eventos .info h3 {
    color: #c03;
    margin-top: 0
}

.promociones-propietarios .container>.flex .proximos-eventos .info p {
    font-size: 2rem;
    font-weight: 600;
    line-height: 2.75rem
}

.promociones-propietarios .container>.flex .proximos-eventos .info .boton {
    margin: 2rem 0
}

.promociones-propietarios .container>.flex .proximos-eventos .img {
    padding-left: .625rem
}

.promociones-propietarios .container>.flex .proximos-eventos .img img {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    height: auto;
    margin: auto;
    max-width: 600px;
    width: 100%
}

.promociones-propietarios .container>.flex .proximos-eventos .img .boton {
    display: none
}

.promociones-propietarios .container>.flex .proximos-eventos:hover {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none
}

.promociones-propietarios .container>.flex .proximos-eventos.activo {
    width: 49%
}

.promociones-propietarios .container>.flex .proximos-eventos.activo .info {
    display: none
}

.promociones-propietarios .container>.flex .proximos-eventos.activo .img {
    padding: 0
}

.promociones-propietarios .container>.flex .proximos-eventos.activo .img .boton {
    display: block
}

.descubre-propietarios .container {
    overflow: visible
}

.descubre-propietarios .container h2 {
    text-align: center
}

.descubre-propietarios .container p {
    text-align: center
}

.descubre-propietarios .container .flex {
    justify-content: space-between;
    -webkit-justify-content: space-between;
    -ms-flex-pack: space-between;
    -ms-flex-pack: justify;
    margin: 3.125rem 0
}

.descubre-propietarios .container .flex>div {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    background: #fff;
    height: 280px;
    margin-bottom: 1rem;
    overflow: hidden;
    position: relative;
    width: 32%
}

.descubre-propietarios .container .flex>div:hover {
    -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19);
    -moz-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19);
    -o-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19);
    -ms-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19);
    box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19)
}

.descubre-propietarios .container .flex>div .video {
    height: 100%;
    overflow: hidden;
    padding-bottom: 0;
    position: relative;
    width: 100%
}

.descubre-propietarios .container .flex>div .video img {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    -o-object-fit: cover;
    object-fit: cover;
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%
}

.descubre-propietarios .container .flex>div .video:hover img {
    -webkit-transform: scale(1.08, 1.08);
    -moz-transform: scale(1.08, 1.08);
    -ms-transform: scale(1.08, 1.08);
    transform: scale(1.08, 1.08)
}

.descubre-propietarios .container .flex>div .video a {
    display: block;
    height: 100%;
    position: relative;
    text-decoration: none;
    width: 100%
}

.descubre-propietarios .container .flex>div .video a:after {
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    content: "";
    font-family: icomoon;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    speak: none;
    text-transform: none;
    color: rgba(255, 255, 255, .85);
    font-size: 3.75rem
}

.consejos-propietarios {
    overflow: hidden;
    position: relative;
    width: 100%
}

.consejos-propietarios .slide {
    overflow: hidden;
    width: 100%
}

.consejos-propietarios .slide>div {
    overflow: hidden;
    padding: 6.25rem 0;
    width: 100%
}

.consejos-propietarios .slide>div .container .flex {
    height: 100%
}

.consejos-propietarios .slide>div .container .flex>div {
    align-self: center;
    -webkit-align-self: center;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 1rem;
    width: 50%
}

.consejos-propietarios .slide>div .container .flex>div>h6 {
    color: #8c9aa2;
    font-size: 1.375rem;
    margin-top: 0
}

.consejos-propietarios .slide>div .container .flex>div>h2 {
    font-weight: 300;
    margin-top: 0
}

.consejos-propietarios .slide>div .container .flex>div>img {
    display: block;
    height: auto;
    width: 100%
}

.consejos-propietarios .bx-prev {
    border-radius: 50%;
    border: 2px solid #263238;
    color: #263238;
    left: 0;
    margin-right: 2rem;
    position: relative
}

.consejos-propietarios .bx-prev:before {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    content: "";
    font-family: icomoon;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    speak: none;
    text-transform: none;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 16px;
    left: 50%;
    position: absolute;
    text-indent: 0;
    top: 50%
}

.consejos-propietarios .bx-next {
    border-radius: 50%;
    border: 2px solid #263238;
    color: #263238;
    position: relative;
    right: 0
}

.consejos-propietarios .bx-next:before {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    content: "";
    font-family: icomoon;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    speak: none;
    text-transform: none;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 16px;
    left: 50%;
    position: absolute;
    text-indent: 0;
    top: 50%
}

.consejos-propietarios .bx-controls-direction {
    bottom: 1.875rem;
    position: absolute;
    width: 100%
}

.consejos-propietarios .bx-controls-direction a {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    display: inline-block;
    height: 42px;
    outline: 0;
    text-decoration: none;
    text-indent: -9998px;
    width: 42px;
    z-index: 98
}

.consejos-propietarios .bx-controls-direction a.disabled {
    border: 2px solid rgba(38, 50, 56, .4);
    color: rgba(38, 50, 56, .4)
}

.consejos-propietarios .bx-controls-direction a.disabled:hover {
    background: 0 0
}

.consejos-propietarios .bx-wrapper .bx-has-pager {
    position: absolute;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    left: 50%;
    bottom: 20px;
    z-index: 1
}

.consejos-propietarios .bx-wrapper .bx-pager {
    color: rgba(38, 50, 56, .4);
    font-family: Arial;
    font-size: 0;
    font-weight: 700;
    text-align: center
}

.consejos-propietarios .bx-wrapper .bx-pager.bx-default-pager a {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background: rgba(38, 50, 56, .4);
    border-radius: 5px;
    display: block;
    height: 8px;
    margin: 0 12px;
    outline: 0;
    text-indent: -9999px;
    width: 8px
}

.consejos-propietarios .bx-wrapper .bx-pager.bx-default-pager a.active,
.consejos-propietarios .bx-wrapper .bx-pager.bx-default-pager a:focus,
.consejos-propietarios .bx-wrapper .bx-pager.bx-default-pager a:hover {
    -webkit-transform: scale(1.5, 1.5);
    -moz-transform: scale(1.5, 1.5);
    -ms-transform: scale(1.5, 1.5);
    transform: scale(1.5, 1.5);
    background: #263238
}

.consejos-propietarios .bx-wrapper .bx-pager-item {
    display: inline-block;
    font-size: 0;
    line-height: 0
}

.consejos-propietarios .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
    display: inline-block
}

.blog-propietarios {
    background: #f5f5f5;
    overflow: hidden;
    padding: 6.25rem 0;
    width: 100%
}

.blog-propietarios .container {
    overflow: visible
}

.blog-propietarios .container>h6 {
    color: #8c9aa2;
    font-size: 1.375rem;
    margin-top: 0;
    text-align: center
}

.blog-propietarios .container>h2 {
    font-weight: 300;
    margin-top: 0;
    text-align: center
}

.blog-propietarios .container>.boton {
    display: none
}

.blog-propietarios .container .flex {
    justify-content: space-between;
    -webkit-justify-content: space-between;
    -ms-flex-pack: space-between;
    -ms-flex-pack: justify;
    margin: 3.125rem auto;
    padding: 0
}

.blog-propietarios .container .flex .fila {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    webkit-display: -webkit-flex;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    -webkit-box-direction: row;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    -ms-flex-pack: space-between;
    -ms-flex-pack: justify;
    float: left;
    width: 100%
}

.blog-propietarios .container .flex .fila>div {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    background: #fff;
    margin-bottom: 1rem;
    width: 32%
}

.blog-propietarios .container .flex .fila>div:hover {
    -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19);
    -moz-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19);
    -o-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19);
    -ms-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19);
    box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19)
}

.blog-propietarios .container .flex .fila>div .imagen {
    height: 210px;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 100%
}

.blog-propietarios .container .flex .fila>div .imagen img {
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    -o-object-fit: cover;
    object-fit: cover;
    display: block;
    height: 100%;
    position: absolute;
    width: 100%
}

.blog-propietarios .container .flex .fila>div>div {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 1rem 1.375rem
}

.blog-propietarios .container .flex .fila>div>div .titulo {
    color: #37474f;
    display: block;
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.625rem;
    margin-top: 0
}

.blog-propietarios .container .flex .fila>div>div .link {
    cursor: pointer;
    float: left;
    font-size: .75rem;
    font-weight: 700;
    margin: 1.25rem 0
}

.blog-propietarios .container .flex .fila>div>div span {
    color: #8c9aa2;
    float: left;
    font-size: .75rem;
    font-weight: 400;
    margin: 1.25rem 0;
    line-height: 1.8
}

.blog-propietarios .container .flex .fila>div>div span:before {
    content: "/";
    margin: 0 .5rem
}

.descargas-propietarios {
    background: #f5f5f5;
    padding: 6.25rem 0
}

.descargas-propietarios .container {
    overflow: visible
}

.descargas-propietarios .container .flex {
    justify-content: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center
}

.descargas-propietarios .container .flex div {
    overflow: hidden;
    position: relative;
    width: 33%
}

.descargas-propietarios .container .flex .info {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 2rem
}

.descargas-propietarios .container .flex .info h2 {
    margin-top: 0
}

.descargas-propietarios .container .flex .info p {
    font-size: 1.125rem
}

.descargas-propietarios .container .flex .card-descarga {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    background: #fff
}

.descargas-propietarios .container .flex .card-descarga h3>img {
    display: table;
    margin: 0 auto;
    max-width: 320px;
    width: 100%
}

.descargas-propietarios .container .flex .card-descarga p {
    color: #8c9aa2;
    font-size: 1.125rem;
    text-align: center
}

.descargas-propietarios .container .flex .card-descarga>img {
    display: table;
    height: auto;
    margin: 3.125rem auto;
    max-width: 262px;
    width: 100%
}

.descargas-propietarios .container .flex .card-descarga .hover {
    background: rgba(204, 0, 51, .9);
    display: none;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.descargas-propietarios .container .flex .card-descarga .hover>span {
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    display: table
}

.descargas-propietarios .container .flex .card-descarga .mobile {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: none;
    margin: auto;
    margin-bottom: 2rem;
    padding: 0 1rem
}

.descargas-propietarios .container .flex .card-descarga .mobile p {
    text-align: inherit
}

.descargas-propietarios .container .flex .card-descarga .mobile input[type=button],
.descargas-propietarios .container .flex .card-descarga .mobile input[type=submit] {
    max-width: 220px;
    width: 220px
}

.descargas-propietarios .container .flex .card-descarga:hover {
    -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19);
    -moz-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19);
    -o-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19);
    -ms-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19);
    box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19)
}

.descargas-propietarios .container .descargasModal {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: rgba(255, 255, 255, .95);
    display: none;
    height: 100vh;
    left: 0;
    position: fixed;
    top: 0;
    width: 100vw;
    z-index: 99
}

.descargas-propietarios .container .descargasModal .close {
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    cursor: pointer;
    display: table;
    height: 25px;
    position: absolute;
    right: 20px;
    top: 40px;
    width: 25px;
    z-index: 1
}

.descargas-propietarios .container .descargasModal .close:before {
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    content: "";
    direction: ltr;
    display: inline-block;
    font-family: "Material Icons";
    font-feature-settings: "liga";
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 1;
    text-rendering: optimizeLegibility;
    text-transform: none;
    white-space: nowrap;
    word-wrap: normal;
    color: #c03;
    font-size: 1.5625rem
}

.descargas-propietarios .container .descargasModal .container {
    overflow: visible
}

.descargas-propietarios .container .descargasModal .container>div {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    padding: 0 20px;
    width: 100%
}

.descargas-propietarios .container .descargasModal .container>div.gracias {
    display: none
}

.descargas-propietarios .container .descargasModal .container>div.gracias i {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 50%;
    border: 5px solid #66bb6a;
    color: #66bb6a;
    display: table;
    height: 70px;
    margin: auto;
    position: relative;
    width: 70px
}

.descargas-propietarios .container .descargasModal .container>div.gracias i:before {
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    content: "";
    direction: ltr;
    display: inline-block;
    font-family: "Material Icons";
    font-feature-settings: "liga";
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 1;
    text-rendering: optimizeLegibility;
    text-transform: none;
    white-space: nowrap;
    word-wrap: normal;
    font-size: 50px;
    line-height: 0
}

.descargas-propietarios .container .descargasModal .container>div h1 {
    margin-top: 30px;
    text-align: center
}

.descargas-propietarios .container .descargasModal .container>div p {
    text-align: center;
    font-size: 1.125rem;
    line-height: 1.625rem
}

.descargas-propietarios .container .descargasModal .container>div>.boton {
    margin-top: 3rem
}

.descargas-propietarios .container .descargasModal .container>div form {
    margin-top: 80px;
    margin: auto
}

.descargas-propietarios .container .descargasModal .container>div form .file-field>div {
    position: relative
}

.descargas-propietarios .container .descargasModal .container>div form .file-field>div:before {
    position: absolute;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    content: "";
    font-family: FontAwesome;
    right: 0
}

.descargas-propietarios .container .descargasModal .container>div form .file-field>div:after {
    bottom: -5px;
    color: #8c9aa2;
    content: "(Archivos .doc o .pdf / máximo 5MB)";
    font-size: .75rem;
    left: 0;
    position: absolute
}

.descargas-propietarios .container .descargasModal .container>div form .file-field>div input::-webkit-input-placeholder {
    color: #8c9aa2;
    font-weight: 300
}

.descargas-propietarios .container .descargasModal .container>div form .file-field>div input:-moz-placeholder {
    color: #8c9aa2;
    font-weight: 300
}

.descargas-propietarios .container .descargasModal .container>div form .file-field>div input::-moz-placeholder {
    color: #8c9aa2;
    font-weight: 300
}

.descargas-propietarios .container .descargasModal .container>div form .file-field>div input:-ms-input-placeholder {
    color: #8c9aa2;
    font-weight: 300
}

.descargas-propietarios .container .descargasModal .container>div form .boton {
    margin: 1rem 0;
    margin-top: 3rem
}

.add-a-new-vin .container>div {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s
}

.add-a-new-vin .container>div>p {
    margin-left: 5rem
}

.add-a-new-vin .container>div>p a {
    color: #b71c1c
}

.add-a-new-vin .container>div form {
    margin: 0 auto 9.375rem;
    width: 31.25rem
}

.add-a-new-vin .container>div form legend h1,
.add-a-new-vin .container>div form legend p {
    text-align: center
}

.add-a-new-vin .container>div form legend h1 {
    font-size: 2.1875rem
}

.add-a-new-vin .container>div form legend p {
    font-size: 1rem;
    margin-bottom: 1.25rem
}

.add-a-new-vin .container>div form .input-field .boton {
    float: right
}

.vin-added .container>div {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    margin: 6.25rem auto;
    width: 31.25rem
}

.vin-added .container>div i {
    box-sizing: border-box;
    border-radius: 50%;
    border: 5px solid #66bb6a;
    color: #66bb6a;
    display: table;
    height: 4.375rem;
    margin: auto;
    position: relative;
    width: 4.375rem
}

.vin-added .container>div i:before {
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    content: "";
    direction: ltr;
    display: inline-block;
    font-family: "Material Icons";
    font-feature-settings: "liga";
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 1;
    text-rendering: optimizeLegibility;
    text-transform: none;
    white-space: nowrap;
    word-wrap: normal;
    font-size: 50px;
    line-height: 0
}

.vin-added .container>div h1,
.vin-added .container>div p {
    text-align: center
}

.vin-added .container>div h1 {
    font-size: 49px;
    font-weight: 700;
    margin: 2.30769rem auto auto
}

.vin-added .container>div p {
    font-size: 1.23077rem;
    margin: 3.125rem auto
}

.edit-vin .container>div {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    margin: auto auto 100px;
    width: 600px
}

.edit-vin .container>div h1,
.edit-vin .container>div p {
    float: left;
    width: 50%
}

.edit-vin .container>div h1 {
    font-size: 50px
}

.edit-vin .container>div p {
    text-align: right;
    margin-top: 115px
}

.edit-vin .container>div p .link {
    color: #bdbdbd;
    float: right
}

.edit-vin .container>div p .link i.fa.fa-plus-circle {
    margin-left: 10px
}

.edit-vin .container>div form table thead tr th {
    font-weight: 700
}

.edit-vin .container>div form table thead tr th:nth-child(4) {
    text-align: center
}

.edit-vin .container>div form table tfoot {
    border-top: 1px solid #bcbcbc
}

.edit-vin .container>div form table tbody tr td {
    color: #bcbcbc
}

.edit-vin .container>div form table tbody tr td .switch label .lever {
    background-color: #bde3c2
}

.edit-vin .container>div form table tbody tr td .switch label .lever:after {
    background-color: #64bb70;
    box-shadow: unset
}

.edit-vin .container>div form table tbody tr td .switch label input[type=checkbox][disabled]+.lever {
    background-color: #eee !important
}

.edit-vin .container>div form table tbody tr td .switch label input[type=checkbox][disabled]+.lever:after,
.edit-vin .container>div form table tbody tr td .switch label input[type=checkbox][disabled]:checked+.lever:after {
    background-color: #bdbdbd !important
}

.edit-vin .container>div form table tbody tr td:nth-child(4) {
    text-align: center
}

.edit-vin .container>div form table tbody tr td:nth-child(4) a {
    color: #bcbcbc
}

.edit-vin .container>div form>div {
    float: right;
    width: 100%
}

.edit-vin .container>div form>div .boton,
.edit-vin .container>div form>div span {
    float: right;
    width: 50%
}

.edit-vin .container>div form>div .boton {
    margin-right: 40px
}

.registro-inicio {
    background: url(img/bg_propietarios.jpg) no-repeat center;
    background-size: cover;
    height: 800px
}

.registro-inicio .container {
    display: table;
    padding: 0;
    max-width: 1500px
}

.registro-inicio .container>div {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: table-cell;
    padding: 0 6.25rem;
    vertical-align: middle;
    width: 50%
}

.registro-inicio .container>div>h1 {
    color: #fff;
    margin-top: 0
}

.registro-inicio .container>div>.tabla>div {
    display: table-cell;
    padding-right: 2rem;
    vertical-align: middle
}

.registro-inicio .container>div>.tabla>div .boton {
    margin: 1rem 0
}

.registro-inicio .container>div .bienvenido {
    display: none;
    overflow: hidden
}

.registro-inicio .container>div .bienvenido h3 {
    color: #fff
}

.registro-inicio .container>div .bienvenido p {
    color: #fff
}

.registro-inicio .container .conten {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    -webkit-transform: translate(0, -100%);
    -moz-transform: translate(0, -100%);
    -ms-transform: translate(0, -100%);
    transform: translate(0, -100%);
    background: #fff;
    position: relative;
    height: 100%;
    overflow: hidden
}

.registro-inicio .container .conten.activo {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0)
}

.registro-inicio .container .conten>div {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0 6.25rem;
    position: absolute;
    top: 0;
    width: 100%;
    overflow: hidden
}

.registro-inicio .container .conten>div>p {
    font-size: .75rem;
    float: left
}

.registro-inicio .container .conten>div .about_vin {
    margin-top: 0
}

.registro-inicio .container .conten>div .add_vin,
.registro-inicio .container .conten>div .info_vin {
    display: inline;
    width: 50%
}

.registro-inicio .container .conten>div .add_vin a,
.registro-inicio .container .conten>div .info_vin a {
    color: #c4ccd0;
    font-size: 1rem
}

.registro-inicio .container .conten>div .add_vin a i,
.registro-inicio .container .conten>div .info_vin a i {
    margin-left: 10px
}

.registro-inicio .container .conten>div .info_vin>a {
    color: transparent;
    float: right
}

.registro-inicio .container .conten>div .info_vin>a i {
    color: #c4ccd0
}

.registro-inicio .container .conten>div>.link {
    color: #37474f;
    cursor: pointer;
    float: left;
    font-size: .75rem;
    line-height: 1.625rem;
    margin: 0;
    margin-left: 1rem
}

.registro-inicio .container .conten>div>.link:before {
    background: #37474f
}

.registro-inicio .container .conten>div .boton {
    margin: 2rem 0
}

.registro-inicio .container .conten .ingresar .input-field .link {
    cursor: pointer;
    float: right;
    font-size: .75rem;
    line-height: 1.625rem;
    margin: 0
}

.registro-inicio .container .conten .listo {
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%
}

.registro-inicio .container .conten .listo i {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 50%;
    border: 5px solid #66bb6a;
    color: #66bb6a;
    display: table;
    height: 70px;
    margin: auto;
    position: relative;
    width: 70px
}

.registro-inicio .container .conten .listo i:before {
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    content: "";
    direction: ltr;
    display: inline-block;
    font-family: "Material Icons";
    font-feature-settings: "liga";
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 1;
    text-rendering: optimizeLegibility;
    text-transform: none;
    white-space: nowrap;
    word-wrap: normal;
    font-size: 50px;
    line-height: 0
}

.registro-inicio .container .conten .listo h1 {
    margin-top: 3.125rem;
    text-align: center
}

.registro-inicio .container .conten .listo p {
    font-size: 1.375rem;
    text-align: center;
    float: none
}

.registro-inicio .container .conten .listo .boton {
    margin: 2rem auto
}

.registro-inicio .container .conten .restablecer>p {
    float: none;
    font-size: 1.125rem
}

.registro-inicio .container .conten .restablecer .tabla {
    display: table
}

.registro-inicio .container .conten .restablecer .tabla .input-field {
    display: table-cell
}

.registro-inicio .container .conten .restablecer .tabla .input-field .boton {
    margin-right: 2rem
}

.registro-inicio .container .conten .enviado {
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%
}

.registro-inicio .container .conten .enviado i {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 50%;
    border: 5px solid #66bb6a;
    color: #66bb6a;
    display: table;
    height: 70px;
    margin: auto;
    margin-bottom: 1.875rem;
    position: relative;
    width: 70px
}

.registro-inicio .container .conten .enviado i:before {
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    content: "";
    direction: ltr;
    display: inline-block;
    font-family: "Material Icons";
    font-feature-settings: "liga";
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 1;
    text-rendering: optimizeLegibility;
    text-transform: none;
    white-space: nowrap;
    word-wrap: normal;
    font-size: 50px;
    line-height: 0
}

.registro-inicio .container .conten .enviado>p {
    float: none;
    font-size: 1.125rem;
    text-align: center
}

.registro-inicio .container .conten .enviado .boton {
    margin: 2rem auto
}

.registro-inicio.restablecer .container>div .bienvenido {
    display: block
}

.registro-inicio.restablecer .container .conten {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0)
}

.registro-inicio.restablecer .container .conten .restablecer {
    display: block
}

.prueba {
    padding-bottom: 6.25rem
}

.prueba .container {
    overflow: visible
}

.prueba .container>dl {
    display: table;
    width: 100%
}

.prueba .container>dl>dd {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: table-cell;
    width: 50%
}

.prueba .container>dl>dd:last-child {
    padding-left: 4rem
}

.prueba .container>dl>dd>p {
    font-size: 1.125rem
}

.prueba .container>dl>dd>img {
    display: block;
    margin: 2rem 0
}

.prueba .container>dl>dd>ul>li {
    font-size: 1.125rem;
    line-height: 2.1875rem;
    padding-left: 2.1875rem;
    position: relative
}

.prueba .container>dl>dd>ul>li:before {
    position: absolute;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    content: "";
    direction: ltr;
    display: inline-block;
    font-family: "Material Icons";
    font-feature-settings: "liga";
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 1;
    text-rendering: optimizeLegibility;
    text-transform: none;
    white-space: nowrap;
    word-wrap: normal;
    color: #c03;
    left: 0
}

.prueba .container>dl>dd form>.contenedor {
    display: table;
    width: 100%;
    margin-bottom: 3.125rem
}

.prueba .container>dl>dd form>.contenedor .input-field {
    display: table-cell;
    width: 50%
}

.prueba .container>dl>dd form>.contenedor .input-field:first-child {
    padding-right: 2rem
}

.prueba .container>dl>dd form>.contenedor .input-field:last-child {
    padding-left: 2rem
}

.prueba .container>dl>dd form>.contenedor .input-field .datepicker {
    height: 49px
}

.prueba .container>dl>dd form .codigo {
    margin: auto;
    max-width: 780px;
    position: relative;
    width: 100%
}

.prueba .container>dl>dd form .codigo input:focus:not([readonly]) {
    box-shadow: none;
    outline-width: 0
}

.prueba .container>dl>dd form .codigo input::-webkit-input-placeholder {
    color: #8c9aa2
}

.prueba .container>dl>dd form .codigo input:-moz-placeholder {
    color: #8c9aa2
}

.prueba .container>dl>dd form .codigo input::-moz-placeholder {
    color: #8c9aa2
}

.prueba .container>dl>dd form .codigo input:-ms-input-placeholder {
    color: #8c9aa2
}

.prueba .container>dl>dd form .codigo input[type=text] {
    -webkit-transition: inherit;
    -moz-transition: inherit;
    -ms-transition: inherit;
    transition: inherit;
    border-bottom: 1px solid #263238;
    color: #263238;
    font-size: 1.125rem;
    font-weight: 300;
    height: 100%;
    margin: 0;
    padding: 5px 0;
    width: 100%
}

.prueba .container>dl>dd form .codigo button,
.prueba .container>dl>dd form .codigo input[type=submit] {
    background: 0 0;
    border: none;
    color: #8c9aa2;
    cursor: pointer;
    display: none;
    font-size: 1.125rem;
    height: 100%;
    height: 30px;
    position: absolute;
    right: 0;
    top: 0;
    width: 30px
}

.prueba .container>dl>dd form .codigo button:before,
.prueba .container>dl>dd form .codigo input[type=submit]:before {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    content: "";
    direction: ltr;
    display: inline-block;
    font-family: "Material Icons";
    font-feature-settings: "liga";
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 1;
    text-rendering: optimizeLegibility;
    text-transform: none;
    white-space: nowrap;
    word-wrap: normal
}

.prueba .container>dl>dd form .codigo>span {
    background: #fff;
    color: #8c9aa2;
    font-size: 1.125rem;
    height: 30px;
    position: absolute;
    right: 0;
    top: 0;
    width: 30px
}

.prueba .container>dl>dd form .codigo>span:before {
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    content: "";
    font-family: FontAwesome
}

.prueba .container>dl>dd form .codigo dl {
    display: none;
    margin-bottom: 2rem
}

.prueba .container>dl>dd form .codigo dl dd {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    border-bottom: 1px solid #bdbdbd;
    cursor: pointer;
    display: table;
    margin-bottom: .5rem;
    min-height: 155px;
    width: 100%
}

.prueba .container>dl>dd form .codigo dl dd:hover {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    -o-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    -ms-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    background: rgba(238, 238, 238, .3);
    border-bottom: 1px solid rgba(238, 238, 238, .3)
}

.prueba .container>dl>dd form .codigo dl dd.activo {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    -o-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    -ms-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    background: rgba(238, 238, 238, .3);
    border-bottom: 1px solid rgba(238, 238, 238, .3);
    margin-top: 1rem
}

.prueba .container>dl>dd form .codigo dl dd.none {
    display: none
}

.prueba .container>dl>dd form .codigo dl dd>div {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: table-cell;
    height: 100%;
    vertical-align: top
}

.prueba .container>dl>dd form .codigo dl dd .img {
    overflow: hidden;
    position: relative;
    width: 25%
}

.prueba .container>dl>dd form .codigo dl dd .img img {
    position: absolute;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    height: 100%;
    left: 0;
    width: auto
}

.prueba .container>dl>dd form .codigo dl dd .info {
    padding: 1.25rem 2rem;
    width: 65%
}

.prueba .container>dl>dd form .codigo dl dd .info i {
    color: #78909c;
    display: block;
    font-size: .75rem;
    font-weight: 700;
    margin: 0 auto 1.25rem;
    position: relative
}

.prueba .container>dl>dd form .codigo dl dd .info i:before {
    position: absolute;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    content: "";
    direction: ltr;
    display: inline-block;
    font-family: "Material Icons";
    font-feature-settings: "liga";
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 1;
    text-rendering: optimizeLegibility;
    text-transform: none;
    white-space: nowrap;
    word-wrap: normal;
    color: #fbc02d;
    padding-right: 5px;
    right: 100%
}

.prueba .container>dl>dd form .codigo dl dd .info p {
    color: #263238;
    font-size: .875rem;
    margin: 0
}

.prueba .container>dl>dd form .codigo dl dd .info p span {
    font-size: .875rem;
    font-weight: 300
}

.prueba .container>dl>dd form .codigo.activo dl {
    display: block
}

.prueba .container>dl>dd .boton {
    margin: 3rem 0
}

.distribuidores {
    height: 800px
}

.distribuidores .container {
    max-width: 100%;
    padding: 0
}

.distribuidores .container>div {
    float: left
}

.distribuidores .container .buscador {
    background: #fff;
    height: 100%;
    width: 350px
}

.distribuidores .container .buscador .localiza {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 14.5rem;
    margin-bottom: 1.875rem;
    overflow: hidden;
    padding: 0 2rem;
    width: 100%
}

.distribuidores .container .buscador .localiza form {
    margin: auto;
    max-width: 780px;
    position: relative;
    width: 100%
}

.distribuidores .container .buscador .localiza form input:focus:not([readonly]) {
    box-shadow: none;
    outline-width: 0
}

.distribuidores .container .buscador .localiza form input::-webkit-input-placeholder {
    color: #8c9aa2
}

.distribuidores .container .buscador .localiza form input:-moz-placeholder {
    color: #8c9aa2
}

.distribuidores .container .buscador .localiza form input::-moz-placeholder {
    color: #8c9aa2
}

.distribuidores .container .buscador .localiza form input:-ms-input-placeholder {
    color: #8c9aa2
}

.distribuidores .container .buscador .localiza form input[type=text] {
    -webkit-transition: inherit;
    -moz-transition: inherit;
    -ms-transition: inherit;
    transition: inherit;
    border-bottom: 1px solid #263238;
    color: #263238;
    font-size: 1.125rem;
    font-weight: 300;
    height: 100%;
    margin: 0;
    padding: 5px 0;
    width: 100%
}

.distribuidores .container .buscador .localiza form button,
.distribuidores .container .buscador .localiza form input[type=submit] {
    background: 0 0;
    border: none;
    color: #8c9aa2;
    cursor: pointer;
    display: none;
    font-size: 1.125rem;
    height: 100%;
    height: 30px;
    position: absolute;
    right: 0;
    top: 0;
    width: 30px
}

.distribuidores .container .buscador .localiza form button:before,
.distribuidores .container .buscador .localiza form input[type=submit]:before {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    content: "";
    direction: ltr;
    display: inline-block;
    font-family: "Material Icons";
    font-feature-settings: "liga";
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 1;
    text-rendering: optimizeLegibility;
    text-transform: none;
    white-space: nowrap;
    word-wrap: normal
}

.distribuidores .container .buscador .localiza form>span {
    background: #fff;
    color: #8c9aa2;
    font-size: 1.125rem;
    height: 97%;
    position: absolute;
    right: 0;
    top: 0;
    width: 30px
}

.distribuidores .container .buscador .localiza form>span:before {
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    content: "";
    font-family: FontAwesome
}

.distribuidores .container .buscador .lista {
    display: none;
    height: calc(100% - 16.375rem);
    overflow: auto
}

.distribuidores .container .buscador .lista>li {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    border-bottom: 1px solid #bdbdbd;
    display: table;
    width: 100%
}

.distribuidores .container .buscador .lista>li:hover {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    -o-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    -ms-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    background: rgba(238, 238, 238, .3);
    border-bottom: 1px solid rgba(238, 238, 238, .3)
}

.distribuidores .container .buscador .lista>li.activo {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    -o-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    -ms-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    background: rgba(238, 238, 238, .3);
    border-bottom: 1px solid rgba(238, 238, 238, .3)
}

.distribuidores .container .buscador .lista>li.none {
    display: none
}

.distribuidores .container .buscador .lista>li .img {
    overflow: hidden;
    position: relative;
    width: 25%
}

.distribuidores .container .buscador .lista>li .img img {
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    width: 112%
}

.distribuidores .container .buscador .lista>li .info {
    padding: 1.25rem 2rem
}

.distribuidores .container .buscador .lista>li .info i {
    color: #78909c;
    display: block;
    font-size: .75rem;
    font-weight: 700;
    margin: 0 auto 1.25rem;
    position: relative
}

.distribuidores .container .buscador .lista>li .info i:before {
    position: absolute;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    content: "";
    direction: ltr;
    display: inline-block;
    font-family: "Material Icons";
    font-feature-settings: "liga";
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 1;
    text-rendering: optimizeLegibility;
    text-transform: none;
    white-space: nowrap;
    word-wrap: normal;
    color: #fbc02d;
    padding-right: 5px;
    right: 100%
}

.distribuidores .container .buscador .lista>li .info p {
    color: #263238;
    font-size: .875rem;
    margin: 0
}

.distribuidores .container .buscador .lista>li .info p span {
    font-size: .875rem;
    font-weight: 300
}

.distribuidores .container .buscador .lista>li .info .tabla {
    display: table;
    width: 100%
}

.distribuidores .container .buscador .lista>li .info .tabla>div {
    display: table-cell;
    vertical-align: middle
}

.distribuidores .container .buscador .lista>li .info .tabla .link {
    cursor: pointer;
    float: right;
    font-size: .75rem
}

.distribuidores .container .buscador .datos {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    -webkit-transform: translate(-100%, 0);
    -moz-transform: translate(-100%, 0);
    -ms-transform: translate(-100%, 0);
    transform: translate(-100%, 0);
    background: #fafafa;
    height: 100%;
    left: 0;
    overflow: auto;
    position: absolute;
    top: 0;
    width: 350px;
    z-index: 2
}

.distribuidores .container .buscador .datos .link {
    cursor: pointer;
    margin: 1rem 0
}

.distribuidores .container .buscador .datos>div {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #fff;
    padding: 1rem 2rem;
    width: 100%
}

.distribuidores .container .buscador .datos>div img {
    display: block;
    height: auto;
    width: 100%
}

.distribuidores .container .buscador .datos>div h6 {
    font-size: 1.125rem;
    margin-top: 1.875rem
}

.distribuidores .container .buscador .datos>div p {
    font-size: .875rem;
    font-weight: 300;
    line-height: 1.25rem
}

.distribuidores .container .buscador .datos>div dl dt {
    font-size: .75rem;
    font-weight: 700;
    line-height: 1.0625rem
}

.distribuidores .container .buscador .datos>div dl dd {
    font-size: .75rem;
    font-weight: 400;
    line-height: 1.0625rem;
    margin-bottom: .75rem
}

.distribuidores .container .buscador .datos>div dl dd a {
    color: #263238;
    font-style: italic
}

.distribuidores .container .buscador .datos>div dl dd ul li {
    color: #263238;
    font-size: .75rem;
    line-height: 1.1875rem
}

.distribuidores .container .buscador .datos>div dl dd ul li p {
    font-size: .75rem;
    font-weight: 300;
    line-height: 1.1875rem;
    margin: 0
}

.distribuidores .container .buscador .datos .form {
    background: #fafafa
}

.distribuidores .container .buscador .datos .form .boton {
    margin: 2rem 0
}

.distribuidores .container .buscador .datos.activo {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0)
}

.distribuidores .container .buscador .mapa {
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: calc(100% - 350px)
}

.distribuidores .container .buscador .mapa iframe {
    height: 100%;
    width: 100%
}

.descargables {
    background: #fafafa
}

.descargables .container {
    overflow: visible
}

.descargables .container h2 {
    text-align: center
}

.descargables .container>p {
    font-size: 1.125rem;
    text-align: center
}

.descargables .container .menu {
    margin: 1.875rem auto
}

.descargables .container .menu ul {
    display: table;
    height: 100%;
    margin: auto
}

.descargables .container .menu ul li {
    display: table;
    float: left;
    height: 100%;
    margin: 0;
    padding: 0 1.5rem
}

.descargables .container .menu ul li.activo>a {
    color: #263238
}

.descargables .container .menu ul li.activo>a:before {
    background: #263238;
    width: 100%
}

.descargables .container .menu ul li>a {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    color: #8c9aa2;
    cursor: pointer;
    display: table-cell;
    font-size: .875rem;
    font-weight: 700;
    margin: 0;
    padding: 0;
    position: relative;
    text-decoration: none;
    vertical-align: middle
}

.descargables .container .menu ul li>a:before {
    position: absolute;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    left: 50%;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    background: 0 0;
    bottom: 0;
    content: " ";
    display: block;
    height: 2px;
    width: 0%
}

.descargables .container .menu ul li>a:hover {
    color: #263238
}

.descargables .container .menu ul li>a:hover:before {
    background: #263238;
    width: 100%
}

.descargables .container .descargas {
    margin-bottom: 100px
}

.descargables .container .descargas>div {
    display: none
}

.descargables .container .descargas>div:first-child {
    display: block
}

.descargables .container .descargas>div .flex {
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: flex-start;
    -ms-flex-pack: start
}

.descargables .container .descargas>div .flex dt {
    color: #263238;
    display: none;
    font-size: 1.75rem;
    margin: 2rem auto;
    text-align: center;
    font-weight: 700
}

.descargables .container .descargas>div .flex dd {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    background: #fff;
    margin: 0 1.66% 2rem;
    overflow: hidden;
    position: relative;
    width: 30%
}

.descargables .container .descargas>div .flex dd h3>img {
    display: table;
    margin: 0 auto;
    max-width: 320px;
    width: 100%
}

.descargables .container .descargas>div .flex dd p {
    color: #8c9aa2;
    font-size: 1.125rem;
    text-align: center
}

.descargables .container .descargas>div .flex dd>img {
    display: table;
    height: auto;
    margin: 3.125rem auto;
    max-width: 262px;
    width: 100%
}

.descargables .container .descargas>div .flex dd .hover {
    background: rgba(204, 0, 51, .9);
    display: none;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.descargables .container .descargas>div .flex dd .hover>span {
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    display: table
}

.descargables .container .descargas>div .flex dd .mobile {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: none;
    margin: auto;
    margin-bottom: 2rem;
    padding: 0 1rem
}

.descargables .container .descargas>div .flex dd .mobile p {
    text-align: inherit
}

.descargables .container .descargas>div .flex dd .mobile input[type=button],
.descargables .container .descargas>div .flex dd .mobile input[type=submit] {
    max-width: 220px;
    width: 220px
}

.descargables .container .descargas>div .flex dd:hover {
    -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19);
    -moz-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19);
    -o-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19);
    -ms-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19);
    box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19)
}

.descargables .container .descargasModal {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: rgba(255, 255, 255, .95);
    display: none;
    height: 100vh;
    left: 0;
    position: fixed;
    top: 0;
    width: 100vw;
    z-index: 99
}

.descargables .container .descargasModal .close {
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    cursor: pointer;
    display: table;
    height: 25px;
    position: absolute;
    right: 20px;
    top: 40px;
    width: 25px;
    z-index: 1
}

.descargables .container .descargasModal .close:before {
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    content: "";
    direction: ltr;
    display: inline-block;
    font-family: "Material Icons";
    font-feature-settings: "liga";
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 1;
    text-rendering: optimizeLegibility;
    text-transform: none;
    white-space: nowrap;
    word-wrap: normal;
    color: #c03;
    font-size: 1.5625rem
}

.descargables .container .descargasModal .container {
    overflow: visible
}

.descargables .container .descargasModal .container>div {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    padding: 0 20px;
    width: 100%
}

.descargables .container .descargasModal .container>div.gracias {
    display: none
}

.descargables .container .descargasModal .container>div.gracias i {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 50%;
    border: 5px solid #66bb6a;
    color: #66bb6a;
    display: table;
    height: 70px;
    margin: auto;
    position: relative;
    width: 70px
}

.descargables .container .descargasModal .container>div.gracias i:before {
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    content: "";
    direction: ltr;
    display: inline-block;
    font-family: "Material Icons";
    font-feature-settings: "liga";
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 1;
    text-rendering: optimizeLegibility;
    text-transform: none;
    white-space: nowrap;
    word-wrap: normal;
    font-size: 50px;
    line-height: 0
}

.descargables .container .descargasModal .container>div h1 {
    margin-top: 30px;
    text-align: center
}

.descargables .container .descargasModal .container>div p {
    text-align: center;
    font-size: 1.125rem;
    line-height: 1.625rem
}

.descargables .container .descargasModal .container>div>.boton {
    margin-top: 3rem
}

.descargables .container .descargasModal .container>div form {
    margin-top: 80px;
    margin: auto
}

.descargables .container .descargasModal .container>div form .file-field>div {
    position: relative
}

.descargables .container .descargasModal .container>div form .file-field>div:before {
    position: absolute;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    content: "";
    font-family: FontAwesome;
    right: 0
}

.descargables .container .descargasModal .container>div form .file-field>div:after {
    bottom: -5px;
    color: #8c9aa2;
    content: "(Archivos .doc o .pdf / máximo 5MB)";
    font-size: .75rem;
    left: 0;
    position: absolute
}

.descargables .container .descargasModal .container>div form .file-field>div input::-webkit-input-placeholder {
    color: #8c9aa2;
    font-weight: 300
}

.descargables .container .descargasModal .container>div form .file-field>div input:-moz-placeholder {
    color: #8c9aa2;
    font-weight: 300
}

.descargables .container .descargasModal .container>div form .file-field>div input::-moz-placeholder {
    color: #8c9aa2;
    font-weight: 300
}

.descargables .container .descargasModal .container>div form .file-field>div input:-ms-input-placeholder {
    color: #8c9aa2;
    font-weight: 300
}

.descargables .container .descargasModal .container>div form .boton {
    margin: 1rem 0;
    margin-top: 3rem
}

.resultados .container {
    overflow: visible
}

.resultados .container form {
    margin: 6.25rem auto;
    overflow: hidden;
    position: relative;
    width: 100%
}

.resultados .container form input:focus:not([readonly]) {
    box-shadow: none;
    outline-width: 0
}

.resultados .container form input::-webkit-input-placeholder {
    color: #cfd8dc
}

.resultados .container form input:-moz-placeholder {
    color: #cfd8dc
}

.resultados .container form input::-moz-placeholder {
    color: #cfd8dc
}

.resultados .container form input:-ms-input-placeholder {
    color: #cfd8dc
}

.resultados .container form input[type=text] {
    -webkit-transition: inherit;
    -moz-transition: inherit;
    -ms-transition: inherit;
    transition: inherit;
    border-bottom: 1px solid #78909c;
    color: #263238;
    font-size: 3.25rem;
    font-weight: 300;
    height: 100%;
    margin: 0;
    padding: .9375rem 0;
    width: 100%
}

.resultados .container form button,
.resultados .container form input[type=submit] {
    background: 0 0;
    border: none;
    color: #cfd8dc;
    cursor: pointer;
    display: none;
    font-size: 1.625rem;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 40px
}

.resultados .container form button:before,
.resultados .container form input[type=submit]:before {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    content: "";
    direction: ltr;
    display: inline-block;
    font-family: "Material Icons";
    font-feature-settings: "liga";
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 1;
    text-rendering: optimizeLegibility;
    text-transform: none;
    white-space: nowrap;
    word-wrap: normal
}

.resultados .container form span {
    color: #cfd8dc;
    font-size: 1.625rem;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 40px
}

.resultados .container form span:before {
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    content: "";
    font-family: FontAwesome
}

.resultados .container h6 b {
    font-weight: 600
}

.resultados .container>p {
    font-size: 1.125rem
}

.resultados .container>div dl {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -ms-transition: all .2s;
    transition: all .2s;
    border-bottom: 1px solid #8c9aa2;
    padding: 2.5rem 20px
}

.resultados .container>div dl:last-child {
    border: none
}

.resultados .container>div dl:hover {
    -webkit-transform: scale(1.02, 1.02);
    -moz-transform: scale(1.02, 1.02);
    -ms-transform: scale(1.02, 1.02);
    transform: scale(1.02, 1.02);
    -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19);
    -moz-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19);
    -o-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19);
    -ms-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19);
    box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19);
    background: #fafafa;
    border: none
}

.resultados .container>div dl dt {
    color: #37474f;
    font-size: 1rem;
    font-weight: 700;
    padding-bottom: 1.875rem
}

.resultados .container>div dl dt span:before {
    content: " | "
}

.resultados .container>div dl dd>div img {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: table;
    height: auto;
    margin: auto;
    max-width: 232px;
    padding: 0 1rem;
    width: 100%
}

.resultados .container>div dl dd>div p {
    font-weight: 300
}

.resultados .container>div dl dd>div:first-child {
    width: 20%
}

.resultados .container>div dl dd>div:last-child {
    width: 80%
}

.resultados .container>div dl dd>div .link {
    font-size: .875rem;
    font-weight: 600;
    margin: 1rem 0
}

.resultados .container .paginador {
    display: table;
    margin: 6.25rem auto
}

.resultados .container .recomendacion {
    display: table;
    margin: 6.25rem auto
}

.resultados .container .recomendacion p {
    font-weight: 600;
    text-align: center
}

.resultados .container .recomendacion ul {
    display: table
}

.resultados .container .recomendacion ul li {
    display: table-cell;
    padding: 0 1.5625rem;
    position: relative
}

.resultados .container .recomendacion ul li:after {
    position: absolute;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    content: "";
    font-family: FontAwesome;
    color: #c03;
    font-size: 5px;
    right: 0
}

.resultados .container .recomendacion ul li:last-child:after {
    display: none
}

.resultados .container .recomendacion ul li a {
    color: #c03;
    font-size: .875rem;
    font-weight: 700
}

.error404 {
    height: 640px;
    width: 100%
}

.error404 .container {
    overflow: visible
}

.error404 .container>div {
    overflow: hidden;
    width: 50%
}

.error404 .container>div img {
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    height: 100%;
    width: auto;
    z-index: -1
}

.error404 .container>div h2 span {
    color: #c03
}

.error404 .container>div p {
    font-size: 2rem;
    font-weight: 300;
    line-height: 2.5rem
}

.error404 .container>div dl {
    align-items: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    margin-top: 4.375rem
}

.error404 .container>div dl dd {
    float: left
}

.error404 .container>div dl dd p {
    font-size: 1.375rem;
    margin: 0
}

.error404 .container>div dl dd .boton {
    margin: 0 2rem
}

.mapa-de-sitio .container>div {
    display: table;
    padding-bottom: 7.5rem;
    padding-top: 4rem;
    width: 100%
}

.mapa-de-sitio .container>div>div {
    display: table-cell;
    width: 25%
}

.mapa-de-sitio .container>div>div dl dt {
    color: #37474f;
    font-size: 1rem;
    font-weight: 700;
    margin-bottom: .6875rem;
    margin-top: 1.0625rem
}

.mapa-de-sitio .container>div>div dl dt a {
    color: #37474f
}

.mapa-de-sitio .container>div>div dl dt a:active,
.mapa-de-sitio .container>div>div dl dt a:hover {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    color: #c03;
    text-decoration: none
}

.mapa-de-sitio .container>div>div dl:first-child dt {
    margin-top: 0
}

.mapa-de-sitio .container>div>div dl dd {
    color: #37474f;
    font-size: 1rem;
    font-weight: 300;
    margin: 0 0
}

.mapa-de-sitio .container>div>div dl dd a {
    color: #37474f
}

.mapa-de-sitio .container>div>div dl dd a:active,
.mapa-de-sitio .container>div>div dl dd a:hover {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    color: #c03;
    text-decoration: none
}

.terminos-condiciones .container>div {
    margin-bottom: 6.25rem
}

.terminos-condiciones .container>div ul {
    margin-left: 4.5rem
}

.terminos-condiciones .container>div ul li {
    padding-left: .625rem;
    position: relative
}

.terminos-condiciones .container>div ul li:before {
    content: "";
    font-family: FontAwesome;
    font-size: .1875rem;
    left: 0;
    position: absolute;
    top: 0
}

.terminos-condiciones .container>div dl {
    margin-left: 1.5625rem
}

.terminos-condiciones .container>div dl dd {
    color: #37474f;
    display: list-item;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.625rem;
    list-style-type: decimal;
    margin-bottom: 1.25rem;
    margin-left: 1.25rem
}

.terminos-condiciones .container>div dl dd ol {
    margin-left: 1.5625rem;
    margin-top: 1.25rem
}

.terminos-condiciones .container>div dl dd ol li {
    list-style-type: upper-alpha;
    margin-left: 1.25rem
}

.error-page {
    background: rgba(255, 255, 255, .95);
    display: none;
    height: 100vh;
    left: 0;
    position: fixed;
    top: 0;
    width: 100vw;
    z-index: 99
}

.error-page .close {
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    cursor: pointer;
    display: table;
    height: 25px;
    position: absolute;
    right: 20px;
    top: 40px;
    width: 25px;
    z-index: 1
}

.error-page .close:before {
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    content: "";
    font-family: FontAwesome;
    color: #c03;
    font-size: 1.5625rem
}

.error-page .container .upps {
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    max-width: 600px;
    width: 100%
}

.error-page .container .upps h1 {
    margin-top: 0;
    text-align: center
}

.error-page .container .upps p {
    text-align: center;
    font-size: 1.375rem;
    line-height: 1.875rem
}

.error-page .container .upps>dl {
    border-spacing: 20px;
    display: table;
    width: 100%
}

.error-page .container .upps>dl dd {
    display: table-cell;
    width: 50%
}

.error-page .container .upps>dl dd .boton {
    margin: 0 auto
}

.error-alerta {
    background: rgba(255, 255, 255, .95);
    display: none;
    height: 100vh;
    left: 0;
    position: fixed;
    top: 0;
    width: 100vw;
    z-index: 99
}

.error-alerta .close {
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    cursor: pointer;
    display: table;
    height: 25px;
    position: absolute;
    right: 20px;
    top: 40px;
    width: 25px;
    z-index: 1
}

.error-alerta .close:before {
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    content: "";
    font-family: FontAwesome;
    color: #c03;
    font-size: 1.5625rem
}

.error-alerta .container .upps {
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    max-width: 600px;
    width: 100%
}

.error-alerta .container .upps h1 {
    margin-top: 0;
    text-align: center
}

.error-alerta .container .upps p {
    text-align: center;
    font-size: 1.375rem;
    line-height: 1.875rem
}

.error-alerta .container .upps>dl {
    border-spacing: 20px;
    display: table;
    width: 100%
}

.error-alerta .container .upps>dl dd {
    display: table-cell;
    width: 50%
}

.error-alerta .container .upps>dl dd .boton {
    margin: 0 auto
}

.correcto {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: rgba(255, 255, 255, .95);
    display: none;
    height: 100vh;
    left: 0;
    position: fixed;
    top: 0;
    width: 100vw;
    z-index: 99
}

.correcto .close {
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    cursor: pointer;
    display: table;
    height: 25px;
    position: absolute;
    right: 20px;
    top: 40px;
    width: 25px;
    z-index: 1
}

.correcto .close:before {
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    content: "";
    font-family: FontAwesome;
    color: #c03;
    font-size: 1.5625rem
}

.correcto .container .gracias {
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    max-width: 600px;
    width: 100%
}

.correcto .container .gracias i {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 50%;
    border: 5px solid #66bb6a;
    color: #66bb6a;
    display: table;
    height: 70px;
    margin: auto;
    position: relative;
    width: 70px
}

.correcto .container .gracias i:before {
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    content: "";
    direction: ltr;
    display: inline-block;
    font-family: "Material Icons";
    font-feature-settings: "liga";
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 1;
    text-rendering: optimizeLegibility;
    text-transform: none;
    white-space: nowrap;
    word-wrap: normal;
    font-size: 50px;
    line-height: 0
}

.correcto .container .gracias h1 {
    margin-top: 30px;
    text-align: center
}

.correcto .container .gracias p {
    text-align: center;
    font-size: 1.375rem;
    line-height: 1.875rem
}

.correcto .container .gracias ul li {
    text-align: center;
    font-size: 1.375rem;
    line-height: 1.875rem
}

.correcto .container .gracias>.boton {
    margin-top: 3rem
}

.correcto_page {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: rgba(255, 255, 255, .95);
    left: 0;
    top: 0;
    width: 100vw;
    z-index: 99
}

.correcto_page .container .gracias {
    position: relative;
    padding-top: 100px
}

.correcto_page .container .gracias i {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 50%;
    border: 5px solid #66bb6a;
    color: #66bb6a;
    display: table;
    height: 70px;
    margin: auto;
    position: relative;
    width: 70px
}

.correcto_page .container .gracias i:before {
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    content: "";
    direction: ltr;
    display: inline-block;
    font-family: "Material Icons";
    font-feature-settings: "liga";
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 1;
    text-rendering: optimizeLegibility;
    text-transform: none;
    white-space: nowrap;
    word-wrap: normal;
    font-size: 50px;
    line-height: 0
}

.correcto_page .container .gracias h1 {
    margin-top: 30px;
    text-align: center
}

.correcto_page .container .gracias p {
    text-align: center;
    font-size: 1.375rem;
    line-height: 1.875rem
}

.correcto_page .container .gracias ul li {
    text-align: center;
    font-size: 1.375rem;
    line-height: 1.875rem
}

.correcto_page .container .gracias>.boton {
    margin-top: 3rem
}

.info-accion-preventiva {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: rgba(255, 255, 255, .95);
    display: none;
    height: 100vh;
    left: 0;
    position: fixed;
    top: 0;
    width: 100vw;
    z-index: 99
}

.info-accion-preventiva .close {
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    cursor: pointer;
    display: table;
    height: 25px;
    position: absolute;
    right: 20px;
    top: 40px;
    width: 25px;
    z-index: 1
}

.info-accion-preventiva .close:before {
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    content: "";
    font-family: FontAwesome;
    color: #c03;
    font-size: 1.5625rem
}

.info-accion-preventiva .container .info-modal {
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    max-width: 860px;
    width: 100%
}

.info-accion-preventiva .container .info-modal .titulo {
    font-size: 1.375rem;
    line-height: 1.75rem;
    font-weight: 700;
    margin-top: 30px;
    margin-bottom: 1.25rem;
    text-align: left
}

.info-accion-preventiva .container .info-modal p {
    font-size: .875rem;
    line-height: 1.25rem;
    text-align: left
}

.info-accion-preventiva .container .info-modal>.boton {
    margin-top: 3rem
}

footer .footer1 {
    background: #37474f;
    overflow: hidden;
    width: 100%
}

footer .footer1 .derechos {
    height: 105px;
    overflow: hidden;
    width: 100%
}

footer .footer1 .derechos dl {
    display: table;
    height: 100%;
    overflow: hidden;
    width: 100%
}

footer .footer1 .derechos dl dd {
    display: table-cell;
    width: 25%;
    vertical-align: middle
}

footer .footer1 .derechos dl dd .logo-toyota-footer {
    background: url(img/logo_toyota_footer.svg) no-repeat center;
    background-size: contain;
    display: table;
    margin: 0;
    height: 18px;
    width: 112px
}

footer .footer1 .derechos dl dd p {
    color: #cfd8dc;
    margin: 0
}

footer .footer1 .derechos dl dd .boton {
    display: none
}

footer .footer1 .derechos dl dd span {
    color: #cfd8dc;
    font-size: .75rem;
    font-weight: 300;
    margin: 0;
    margin-top: .25rem
}

footer .footer1 .derechos dl dd .numero {
    background: url(img/numero_new.png) no-repeat center;
    background-size: contain;
    display: table;
    margin: 0;
    height: 30px;
    width: 135px
}

footer .footer1 .derechos dl dd .input-field {
    margin: 0
}

footer .footer1 .derechos dl dd .input-field>input[type=email] {
    border-bottom: 1px solid #78909c;
    color: #fff;
    height: 2rem
}

footer .footer1 .derechos dl dd .input-field>input[type=email].valid {
    border-bottom: 2px solid #66bb6a;
    color: #fff
}

footer .footer1 .derechos dl dd .input-field>input[type=email].invalid {
    border-bottom: 1px solid #e53935
}

footer .footer1 .derechos dl dd .input-field>label {
    color: #cfd8dc;
    font-size: .75rem;
    left: 0
}

footer .footer1 .derechos dl dd .input-field button,
footer .footer1 .derechos dl dd .input-field>input[type=submit] {
    position: absolute;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    background: 0 0;
    border: none;
    color: #fff;
    cursor: pointer;
    font-family: FontAwesome;
    font-size: 1.125rem;
    padding: 0;
    right: 0
}

footer .footer1 .derechos dl dd .input-field button:before,
footer .footer1 .derechos dl dd .input-field>input[type=submit]:before {
    display: block;
    margin-bottom: .375rem;
    font-size: .875rem
}

footer .footer2 {
    background: #263238;
    overflow: hidden;
    width: 100%
}

footer .footer2 .links-footer {
    display: table;
    padding-bottom: 1.625rem;
    padding-top: 2.375rem;
    width: 100%
}

footer .footer2 .links-footer>ul {
    display: table-cell;
    width: 25%
}

footer .footer2 .links-footer>ul>li {
    line-height: inherit
}

footer .footer2 .links-footer>ul>li p {
    color: #cfd8dc;
    font-size: .875rem;
    font-weight: 600;
    line-height: inherit;
    margin-bottom: .6875rem;
    margin-top: 1.0625rem
}

footer .footer2 .links-footer>ul>li:first-child p {
    margin-top: 0
}

footer .footer2 .links-footer>ul>li>ul>li {
    line-height: inherit;
    list-style-image: none;
    list-style-type: none;
    margin: 0
}

footer .footer2 .links-footer>ul>li>ul>li a {
    color: #78909c;
    font-size: .75rem
}

footer .footer2 .menu-legales {
    border-top: 1px solid #78909c;
    height: 86px;
    overflow: hidden;
    width: 100%
}

footer .footer2 .menu-legales nav {
    display: table;
    float: left;
    height: 100%;
    overflow: hidden
}

footer .footer2 .menu-legales nav ul {
    display: table-row;
    margin: 0;
    padding: 0
}

footer .footer2 .menu-legales nav ul li {
    display: table-cell;
    margin: 0;
    padding-right: 1.25rem;
    vertical-align: middle
}

footer .footer2 .menu-legales nav ul li a {
    color: #cfd8dc;
    font-size: .75rem;
    font-weight: 300;
    text-decoration: none
}

.cookies {
    background: #eee;
    border-top: 1px solid #e0e0e0;
    bottom: 0;
    display: none;
    left: 0;
    position: fixed;
    width: 100%;
    z-index: 98
}

.cookies .container dl {
    display: table;
    padding: 12px 0
}

.cookies .container dl dd {
    display: table-cell;
    vertical-align: middle;
    width: 50%
}

.cookies .container dl dd p {
    font-size: .875rem;
    margin: 0
}

.cookies .container dl dd p a {
    color: #c03;
    font-size: .875rem;
    text-decoration: underline
}

.cookies .container dl dd .boton {
    float: right
}

.fancybox-wrap {
    z-index: 9999
}

.fancybox-wrap:focus {
    outline-width: 0
}

.fancybox-iframe,
.fancybox-image {
    display: block;
    height: 100%;
    width: 100%
}

.fancybox-image {
    max-height: 100%;
    max-width: 100%
}

.fancybox-close {
    bottom: 100%;
    cursor: pointer;
    height: 24px;
    overflow: hidden;
    position: absolute;
    right: 0;
    width: 24px;
    z-index: 8040
}

.fancybox-close:before {
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    content: "";
    direction: ltr;
    display: inline-block;
    font-family: "Material Icons";
    font-feature-settings: "liga";
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 1;
    text-rendering: optimizeLegibility;
    text-transform: none;
    white-space: nowrap;
    word-wrap: normal;
    color: #c03;
    font-size: 30px
}

.fancybox-prev {
    border-left: 1px solid transparent;
    border: 1px solid #474c51;
    color: #474c51;
    left: 0;
    position: relative
}

.fancybox-prev:before {
    content: "";
    font-family: FontAwesome;
    -webkit-transform: translate(-60%, -50%);
    -moz-transform: translate(-60%, -50%);
    -ms-transform: translate(-60%, -50%);
    transform: translate(-60%, -50%);
    font-size: 25px;
    left: 50%;
    position: absolute;
    text-indent: 0;
    top: 50%
}

.fancybox-next {
    border-right: 1px solid transparent;
    border: 1px solid #474c51;
    color: #474c51;
    position: relative;
    right: 0
}

.fancybox-next:before {
    content: "";
    font-family: FontAwesome;
    -webkit-transform: translate(-40%, -50%);
    -moz-transform: translate(-40%, -50%);
    -ms-transform: translate(-40%, -50%);
    transform: translate(-40%, -50%);
    font-size: 25px;
    left: 50%;
    position: absolute;
    text-indent: 0;
    top: 50%
}

.fancybox-nav {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    height: 52px;
    outline: 0;
    text-decoration: none;
    text-indent: -9998px;
    width: 52px;
    z-index: 98
}

.fancybox-nav:hover {
    background: #c03;
    border: 1px solid #c03;
    color: #fff
}

.fancybox-lock {
    overflow: hidden !important;
    width: auto
}

.fancybox-lock .fancybox-overlay {
    overflow-y: scroll;
    overflow: auto
}

.fancybox-lock-test {
    overflow-y: hidden !important
}

.fancybox-overlay {
    background: #000;
    display: none;
    height: 100vh !important;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100vw !important;
    z-index: 8010
}

.fancybox-overlay-fixed {
    bottom: 0;
    position: fixed;
    right: 0
}

.fancybox-title-float-wrap {
    background: rgba(0, 0, 0, .6);
    bottom: 0;
    box-sizing: border-box;
    padding: 1em;
    position: absolute;
    width: 100%;
    z-index: 8050
}

.fancybox-title-float-wrap .child {
    color: #263238;
    display: block;
    font-family: "Open Sans", sans-serif;
    font-size: .85714rem;
    font-weight: 300;
    line-height: 1.313em;
    margin: 1em auto;
    text-align: center;
    white-space: pre-line;
    width: 60%
}

@-moz-document url-prefix() {
    .menuSuperior nav ul li .menuAutos>div ul li>div .container .flex>div p span {
        height: 19px
    }
}

@media only screen and (min-width:1024px) and (max-width:1280px) {
    html {
        font-size: 14px
    }

    .aviso {
        top: 64%
    }

    .btn-aviso {
        top: 71%
    }

    .btn-chat {
        -webkit-transform: translate(146px, 0);
        -moz-transform: translate(146px, 0);
        -ms-transform: translate(146px, 0);
        transform: translate(146px, 0);
        top: 80%
    }
}

@media only screen and (min-width:960px) and (max-width:1024px) {
    html {
        font-size: 13px
    }

    .container {
        max-width: 1024px !important
    }
}

@media only screen and (min-width:768px) and (max-width:959px) {
    html {
        font-size: 11px
    }

    body {
        height: 100vh
    }

    .container {
        max-width: 959px !important
    }

    .render360 .container .tabla>div {
        display: block;
        width: 100%
    }

    .render360 .container .tabla>div>h2 {
        text-align: center
    }

    .render360 .container .tabla>div>span {
        text-align: center
    }

    .render360 .container .tabla>div>a {
        margin: 2rem auto
    }
}

@media (max-width: 767px) {
    .header .menu>.flex .menu-superior nav>ul>li {
        height: auto;
    }
}

@media only screen and (max-width:767px) {
    html {
        overflow: hidden
    }

    body {
        height: 100vh
    }

    main {
        margin-top: 60px
    }

    h1 {
        font-size: 2.5rem;
        line-height: 3rem
    }

    h2 {
        font-size: 2.5rem;
        line-height: 3.125rem
    }

    h3 {
        font-size: 1.875rem;
        line-height: 2.5rem
    }

    h6 {
        font-size: 1.5rem
    }

    .container {
        max-width: 767px !important;
        padding: 0 20px
    }

    .hamburguesa {
        display: block
    }

    .flex {
        flex-direction: column;
        -webkit-box-direction: column;
        -webkit-flex-direction: column;
        -ms-flex-direction: column
    }

    .header {
        background: #fff;
        height: 66px
    }

    .header>.contenedor {
        position: absolute;
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
        position: inherit;
        top: inherit;
        left: inherit
    }

    .header .logo-toyota {
        position: absolute;
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
        position: inherit;
        top: inherit;
        left: inherit
    }

    .header .btnDistribuidores {
        background: 0 0;
        border: none;
        padding: 0 1rem;
        right: 3.5rem
    }

    .header .btnDistribuidores a {
        color: #8c9aa2;
        font-size: .5625rem;
        font-weight: 400;
        padding: 0;
        text-align: center
    }

    .header .btnDistribuidores a:before {
        position: absolute;
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
        position: inherit;
        top: inherit;
        left: inherit;
        color: #263238;
        display: block;
        font-size: 24px
    }

    .header .btnDistribuidores:hover a {
        color: #8c9aa2
    }

    .header .btnDistribuidores.activo {
        background: #fff
    }

    .header .btnDistribuidores.activo a {
        color: #8c9aa2
    }

    .header .menu {
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        -ms-transition: all .5s;
        transition: all .5s;
        -webkit-transform: translate(-100%, 0);
        -moz-transform: translate(-100%, 0);
        -ms-transform: translate(-100%, 0);
        transform: translate(-100%, 0);
        overflow: hidden;
        height: calc(100vh - 60px);
        position: fixed;
        top: 60px;
        overflow: hidden;
        width: 100%;
        z-index: -1
    }

    .header .menu>.flex {
        background: #263238;
        display: block;
        overflow: auto;
        width: 100%;
        height: 100%;
        overflow-x: hidden
    }

    .header .menu>.flex .menu-superior {
        order: 1;
        -webkit-order: 1;
        background: #fff;
        border: none;
        height: auto;
        overflow: hidden
    }

    .header .menu>.flex .menu-superior nav {
        margin: 0;
        width: 100%
    }

    .header .menu>.flex .menu-superior nav>ul {
        display: block
    }

    .header .menu>.flex .menu-superior nav>ul>li {
        border-bottom: 1px solid #eceff1;
        width: 100%
    }

    .header .menu>.flex .menu-superior nav>ul>li:last-child {
        border: none
    }

    .header .menu>.flex .menu-superior nav>ul>li>a {
        display: block;
        padding: 1.125rem 20px
    }

    .header .menu>.flex .menu-superior nav>ul>li.desplegar>a:before {
        content: "";
        font-family: FontAwesome;
        right: 20px
    }

    .header .menu>.flex .menu-superior .menu-autos {
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        -ms-transition: all .5s;
        transition: all .5s;
        -webkit-transform: translate(100%, 0);
        -moz-transform: translate(100%, 0);
        -ms-transform: translate(100%, 0);
        transform: translate(100%, 0);
        height: calc(100vh - 60px);
        overflow: auto;
        top: 0;
        z-index: 9
    }

    .header .menu>.flex .menu-superior .menu-autos .regresar {
        background: #fff;
        color: #263238;
        display: block;
        font-size: 1.125rem;
        font-weight: 700;
        padding: 1.125rem 20px;
        position: relative;
        text-align: center
    }

    .header .menu>.flex .menu-superior .menu-autos .regresar:after {
        position: absolute;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        top: 50%;
        content: "";
        font-family: FontAwesome;
        color: #f44336;
        font-size: 1.25rem;
        left: 20px
    }

    .header .menu>.flex .menu-superior .menu-autos>div {
        height: auto
    }

    .header .menu>.flex .menu-superior .menu-autos>div>ul {
        display: block
    }

    .header .menu>.flex .menu-superior .menu-autos>div>ul>li {
        width: 100%;
        background: #f5f5f5
    }

    .header .menu>.flex .menu-superior .menu-autos>div>ul>li>a {
        border-bottom: 1px solid #bdbdbd;
        display: block;
        padding: 1.125rem 20px;
        color: #37474f;
        font-weight: 400
    }

    .header .menu>.flex .menu-superior .menu-autos>div>ul>li>a:before {
        display: none
    }

    .header .menu>.flex .menu-superior .menu-autos>div>ul>li>a:after {
        position: absolute;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        top: 50%;
        content: "";
        font-family: FontAwesome;
        color: #333;
        font-size: .625rem;
        right: 20px
    }

    .header .menu>.flex .menu-superior .menu-autos>div>ul>li>a.activo:after {
        content: ""
    }

    .header .menu>.flex .menu-superior .menu-autos>div>ul>li>div {
        -webkit-transition: inherit;
        -moz-transition: inherit;
        -ms-transition: inherit;
        transition: inherit;
        background: #fff;
        display: none;
        opacity: 1;
        position: inherit
    }

    .header .menu>.flex .menu-superior .menu-autos>div>ul>li>div .container .flex>div {
        width: 100%
    }

    .header .menu>.flex .menu-superior .menu-autos.activo {
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0)
    }

    .header .menu>.flex .menu-superior .btnBuscador {
        border-bottom: 1px solid #eceff1;
        display: block;
        float: none;
        padding: 0 20px
    }

    .header .menu>.flex .menu-superior .btnBuscador span {
        display: none;
        border: none;
        padding: 0
    }

    .header .menu>.flex .menu-superior .btnBuscador span i {
        padding-right: 1rem
    }

    .header .menu>.flex .menu-superior .btnBuscador span i:before {
        font-size: .875rem
    }

    .header .menu>.flex .menu-superior .btnBuscador form {
        position: absolute;
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
        position: inherit;
        top: inherit;
        left: inherit;
        display: block;
        margin-left: 0;
        opacity: 1;
        width: 100%
    }

    .header .menu>.flex .menu-superior .btnBuscador form input[type=text] {
        font-size: 1rem;
        width: 82%
    }

    .header .menu>.flex .menu-superior .btnBuscador form input[type=submit] {
        display: none
    }

    .header .menu>.flex .menu-inferior {
        order: 2;
        -webkit-order: 2;
        height: auto;
        z-index: 0
    }

    .header .menu>.flex .menu-inferior nav {
        padding: 30px 0;
        width: 100%
    }

    .header .menu>.flex .menu-inferior nav>a {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
        font-size: 1rem;
        height: auto;
        padding: 0 20px 30px;
        width: 100%
    }

    .header .menu>.flex .menu-inferior nav .redes {
        height: auto;
        margin: 1rem auto;
        float: none
    }

    .header .menu>.flex .menu-inferior nav .redes>a {
        padding: 0 1.25rem
    }

    .header .menu.activo {
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0)
    }

    .aviso {
        top: 76%
    }

    .btn-aviso {
        top: 70%
    }

    .btn-chat {
        top: 78%
    }

    .cover .slide>div {
        height: auto
    }

    .cover .slide>div .bg {
        width: 120%
    }

    .cover .slide>div .container .flex>div {
        width: 100%
    }

    .cover .slide>div .container .flex .texto {
        order: 2;
        -webkit-order: 2;
        margin-bottom: 40px
    }

    .cover .slide>div .container .flex .texto h2 {
        color: #263238;
        margin: 0;
        text-align: center
    }

    .cover .slide>div .container .flex .texto h2 b {
        display: block
    }

    .cover .slide>div .container .flex .texto .btvideo {
        margin: 27px auto
    }

    .cover .slide>div .container .flex .texto .btvideo p {
        color: #263238;
        font-weight: 400;
        text-transform: capitalize
    }

    .cover .slide>div .container .flex .texto .btvideo p span {
        color: #263238;
        display: none
    }

    .cover .slide>div .container .flex .texto .boton {
        margin: 1rem auto
    }

    .cover .slide>div .container .flex .imagen {
        order: 1;
        -webkit-order: 1
    }

    .cover .bx-controls-direction {
        display: none
    }

    .cover .bx-wrapper .bx-pager.bx-default-pager a {
        background: rgba(38, 50, 56, .4)
    }

    .cover .bx-wrapper .bx-pager.bx-default-pager a.active,
    .cover .bx-wrapper .bx-pager.bx-default-pager a:focus,
    .cover .bx-wrapper .bx-pager.bx-default-pager a:hover {
        background: #263238
    }

    .menu-categorias {
        background: #263238
    }

    .menu-categorias .container {
        padding: 0
    }

    .menu-categorias .container nav {
        height: auto
    }

    .menu-categorias .container nav span a {
        border: none;
        border-bottom: 1px solid #fff;
        color: #fff;
        display: block;
        overflow: hidden;
        padding: 22px 0;
        width: 100%;
        height: auto;
    }

    .menu-categorias .container nav span a:before {
        color: #fff;
        margin-top: 0
    }

    .menu-categorias .container nav span a:last-child {
        border-bottom: none
    }

    .menu-categorias .container nav span a:hover {
        -webkit-transform: inherit;
        -moz-transform: inherit;
        -ms-transform: inherit;
        transform: inherit
    }

    .menu-categorias .menuModal .menu-autos>div ul li>a {
        font-size: 1.125rem;
        padding-left: 1.875rem;
        text-align: left
    }

    .menu-categorias .menuModal .menu-autos>div ul li>div {
        height: calc(100vh - 4.75rem)
    }

    .menu-categorias .menuModal .menu-autos>div ul li>div .container .flex>div {
        margin-top: 2.5rem;
        width: 100%
    }

    .menu-categorias .menuModal .menu-autos>div ul li>div .container .flex>div:last-child {
        margin-bottom: 3.75rem
    }

    .menu-categorias .menuModal .menu-autos>div ul li>div .container .flex>div p {
        font-size: 1.25rem
    }

    .menu-categorias .menuModal .menu-autos>div ul li>div .container .flex>div p span {
        font-size: 1.25rem
    }

    .menu-categorias .menuModal .menu-autos .bx-controls-direction a {
        display: none
    }

    .menu-categorias .menuModal .menu-autos .bx-wrapper .bx-pager {
        background: #37474f;
        bottom: 0;
        width: 100%
    }

    .menu-categorias .menuModal .menu-autos .bx-wrapper .bx-pager.bx-default-pager a {
        background: #fff
    }

    .menu-categorias .menuModal .menu-autos .bx-wrapper .bx-pager.bx-default-pager a.active,
    .menu-categorias .menuModal .menu-autos .bx-wrapper .bx-pager.bx-default-pager a:focus,
    .menu-categorias .menuModal .menu-autos .bx-wrapper .bx-pager.bx-default-pager a:hover {
        background: #c03
    }

    .promociones .container p {
        display: none
    }

    .promociones .container .flex {
        margin: 50px auto
    }

    .promociones .container .flex dl {
        padding: 0;
        width: 100%
    }

    .promociones .container .flex dl dd .link {
        display: table;
        margin: 1rem 0
    }

    .promociones .container .flex .colum {
        width: 100%
    }

    .experiencia .container p {
        white-space: normal
    }

    .experiencia .container .flex {
        margin: 50px auto;
        padding: 0
    }

    .experiencia .container .flex .colum {
        flex-direction: column;
        -webkit-box-direction: column;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        opacity: 1;
        width: 100%
    }

    .experiencia .container .flex .colum>div {
        display: none
    }

    .experiencia .container .flex .colum>div:first-child {
        display: block
    }

    .experiencia .container .flex .colum>div>div {
        padding: 1rem
    }

    .localiza-cotiza {
        background: 0 0
    }

    .localiza-cotiza .container dl dd {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
        padding: 60px 20px;
        width: 100%
    }

    .localiza-cotiza .container dl dd img {
        display: none
    }

    .localiza-cotiza .container dl dd h6 {
        color: #263238
    }

    .localiza-cotiza .container dl dd h6:before {
        color: #c03
    }

    .localiza-cotiza .container dl dd>div span:before {
        color: #bdbdbd
    }

    .localiza-cotiza .container dl dd>div span input {
        border-bottom: 1px solid #37474f;
        color: #bdbdbd
    }

    .localiza-cotiza .container dl dd>div span input::-webkit-input-placeholder {
        color: #bdbdbd
    }

    .localiza-cotiza .container dl dd>div span input:-moz-placeholder {
        color: #bdbdbd
    }

    .localiza-cotiza .container dl dd>div span input::-moz-placeholder {
        color: #bdbdbd
    }

    .localiza-cotiza .container dl dd>div span input:-ms-input-placeholder {
        color: #bdbdbd
    }

    .localiza-cotiza .container dl dd>div span .ubicame:before {
        color: #37474f
    }

    .localiza-cotiza .container dl .localiza form .input-field>input[type=number] {
        border-bottom: 1px solid #37474f;
        color: #37474f
    }

    .localiza-cotiza .container dl .localiza form .input-field>input[type=number]::-webkit-input-placeholder {
        color: #37474f
    }

    .localiza-cotiza .container dl .localiza form .input-field>input[type=number]:-moz-placeholder {
        color: #37474f
    }

    .localiza-cotiza .container dl .localiza form .input-field>input[type=number]::-moz-placeholder {
        color: #37474f
    }

    .localiza-cotiza .container dl .localiza form .input-field>input[type=number]:-ms-input-placeholder {
        color: #37474f
    }

    .localiza-cotiza .container dl .localiza form .input-field>input[type=number].valid {
        color: #37474f
    }

    .localiza-cotiza .container dl .cotiza {
        background: 0 0;
        background-color: #f5f5f5
    }

    .cover-somos-toyota {
        height: auto
    }

    .cover-somos-toyota>img {
        min-height: auto;
        position: relative;
        width: 100%
    }

    .cover-somos-toyota .container>div {
        padding: 0;
        width: 100%
    }

    .cover-somos-toyota .container>div h1 {
        color: #37474f;
        margin-top: 2.25rem
    }

    .cover-somos-toyota .container>div p {
        color: #37474f;
        font-size: 1.125rem;
        line-height: 1.5rem
    }

    .menu-conoce-toyota .menufixed .container>.titulo {
        height: 60px;
        position: relative;
        width: 100%
    }

    .menu-conoce-toyota .menufixed .container>.titulo>div {
        color: #fff;
        display: table;
        float: left;
        font-size: 1.5rem;
        font-weight: 600;
        height: 100%;
        padding: 0
    }

    .menu-conoce-toyota .menufixed .container>.titulo>div span {
        display: table-cell;
        vertical-align: middle
    }

    .menu-conoce-toyota .menufixed .container>.titulo .seccion {
        float: right;
        position: relative;
        cursor: pointer;
        padding-right: 1.5rem;
        font-size: .875rem;
        font-weight: 700
    }

    .menu-conoce-toyota .menufixed .container>.titulo .seccion:after {
        position: absolute;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        top: 50%;
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        content: "";
        direction: ltr;
        display: inline-block;
        font-family: "Material Icons";
        font-feature-settings: "liga";
        font-style: normal;
        font-weight: 400;
        letter-spacing: normal;
        line-height: 1;
        text-rendering: optimizeLegibility;
        text-transform: none;
        white-space: nowrap;
        word-wrap: normal;
        color: #c03;
        font-size: 1rem;
        line-height: normal;
        right: 0
    }

    .menu-conoce-toyota .menufixed .container nav {
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        -ms-transition: all .5s;
        transition: all .5s;
        -webkit-transform: translate(100%, 0);
        -moz-transform: translate(100%, 0);
        -ms-transform: translate(100%, 0);
        transform: translate(100%, 0);
        background: #263238;
        display: block;
        height: 100vh;
        left: 0;
        overflow: auto;
        position: fixed;
        top: 0;
        width: 100vw
    }

    .menu-conoce-toyota .menufixed .container nav .datos {
        position: relative
    }

    .menu-conoce-toyota .menufixed .container nav .datos .titulo span {
        color: #fff;
        display: block;
        font-size: 1.5rem;
        font-weight: 600;
        padding: 1.5rem 20px
    }

    .menu-conoce-toyota .menufixed .container nav .datos .close {
        cursor: pointer;
        height: 24px;
        overflow: hidden;
        position: absolute;
        right: 20px;
        top: 30px;
        width: 24px
    }

    .menu-conoce-toyota .menufixed .container nav .datos .close:before {
        position: absolute;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        top: 50%;
        left: 50%;
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        content: "";
        direction: ltr;
        display: inline-block;
        font-family: "Material Icons";
        font-feature-settings: "liga";
        font-style: normal;
        font-weight: 400;
        letter-spacing: normal;
        line-height: 1;
        text-rendering: optimizeLegibility;
        text-transform: none;
        white-space: nowrap;
        word-wrap: normal;
        color: #c03;
        font-size: 30px
    }

    .menu-conoce-toyota .menufixed .container nav>ul {
        height: auto;
        width: 100%
    }

    .menu-conoce-toyota .menufixed .container nav>ul>li {
        height: auto;
        padding: 0;
        position: relative;
        width: 100%
    }

    .menu-conoce-toyota .menufixed .container nav>ul>li>a {
        border-bottom: 1px solid #78909c;
        display: block;
        margin: auto;
        padding: 1.125rem 0;
        width: calc(100% - 40px)
    }

    .menu-conoce-toyota .menufixed .container nav>ul>li>a:before {
        display: none
    }

    .menu-conoce-toyota .menufixed .container nav>ul>li:last-child>a {
        border: none
    }

    .menu-conoce-toyota .menufixed .container nav>ul>li:hover {
        background: #37474f
    }

    .menu-conoce-toyota .menufixed .container nav>ul>li:hover>a {
        border-bottom: 1px solid #37474f
    }

    .menu-conoce-toyota .menufixed .container nav>ul>li:hover:last-child>a {
        border: none
    }

    .menu-conoce-toyota .menufixed .container nav .btnTecnologia {
        position: relative;
        margin: 2rem auto
    }

    .menu-conoce-toyota .menufixed.activo {
        z-index: 99
    }

    .menu-conoce-toyota .menufixed.activo .container nav {
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0)
    }

    .somos-toyota {
        height: auto;
        padding: 0
    }

    .somos-toyota .container .timeline {
        width: 300px
    }

    .somos-toyota .container .timeline .timeline-block {
        margin: 4rem 0
    }

    .somos-toyota .container .timeline .timeline-block .timeline-block-content {
        margin-left: 0;
        max-width: 100%
    }

    .somos-toyota .container .timeline .timeline-block .timeline-block-content h3 {
        padding-right: 0;
        text-align: center
    }

    .somos-toyota .container .timeline .timeline-block .timeline-block-content>img {
        left: 0;
        margin: auto;
        padding: 1rem 1rem
    }

    .somos-toyota .container .timeline .timeline-block .timeline-block-content .texto p {
        font-size: 16px;
        text-align: center
    }

    .somos-toyota .container .timeline .timeline-block .timeline-block-content .linea-year {
        position: absolute;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        left: 50%;
        height: 34px;
        top: -48px;
        width: 1px
    }

    .somos-toyota .container .timeline .timeline-block .timeline-block-content .linea-year:before {
        background: #37474f;
        border-radius: 4px;
        content: "";
        display: block;
        height: 7px;
        left: -3px;
        position: absolute;
        top: -3px;
        width: 7px
    }

    .somos-toyota .container .timeline .timeline-block .timeline-block-content .linea-year:after {
        background: #37474f;
        border-radius: 4px;
        content: "";
        display: block;
        height: 7px;
        left: -3px;
        position: absolute;
        top: 30px;
        width: 7px
    }

    .somos-toyota .container .timeline .timeline-block:nth-child(even) .timeline-block-content {
        left: 0;
        margin-left: 0
    }

    .somos-toyota .container .timeline .timeline-block:nth-child(even) .timeline-block-content h3 {
        padding-left: 0;
        text-align: center
    }

    .somos-toyota .container .timeline .timeline-block:nth-child(even) .timeline-block-content>img {
        left: 0
    }

    .somos-toyota .container .timeline .timeline-block:nth-child(even) .timeline-block-content .linea-year {
        position: absolute;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        left: 50%;
        height: 34px;
        top: -48px;
        width: 1px
    }

    .somos-toyota .container .timeline .timeline-block:nth-child(even) .timeline-block-content .linea-year:before {
        background: #37474f;
        border-radius: 4px;
        content: "";
        display: block;
        height: 7px;
        left: -3px;
        position: absolute;
        top: -3px;
        width: 7px
    }

    .somos-toyota .container .timeline .timeline-block:nth-child(even) .timeline-block-content .linea-year:after {
        background: #37474f;
        border-radius: 4px;
        content: "";
        display: block;
        height: 7px;
        left: -3px;
        position: absolute;
        top: 30px;
        width: 7px
    }

    .somos-toyota .container .timeline .timeline-block:nth-child(2) {
        margin: 2rem 0
    }

    .somos-toyota .container .timeline .timeline-block:nth-child(2) .timeline-block-content {
        margin-left: 0;
        max-width: 100%
    }

    .somos-toyota .container .timeline .timeline-block:nth-child(2) .timeline-block-content h3 {
        text-align: center
    }

    .somos-toyota .container .timeline .timeline-block:nth-child(2) .timeline-block-content .texto {
        display: block;
        width: 100%
    }

    .somos-toyota .container .timeline .timeline-block:nth-child(2) .timeline-block-content .texto p {
        display: block;
        font-size: 16px;
        text-align: center
    }

    .somos-toyota .container .timeline .timeline-block:nth-child(2) .timeline-block-content .imagen>img {
        left: 0;
        margin: auto;
        max-width: 280px;
        padding: 1rem 1rem
    }

    .somos-toyota .container .timeline .timeline-block:last-child .timeline-block-content h3 {
        padding-right: 0;
        text-align: center
    }

    .somos-toyota .container .timeline .timeline-block:last-child .timeline-block-content>img {
        left: 0;
        margin: auto;
        padding: 1rem 1rem
    }

    .somos-toyota .container .timeline .timeline-block:last-child .timeline-block-content .texto p {
        font-size: 16px;
        text-align: center
    }

    .somos-toyota .container .timeline .timeline-block:last-child .timeline-block-content .linea-year {
        display: block
    }

    .somos-toyota .container .timeline .linea {
        display: none
    }

    .cover-filosofia {
        height: auto
    }

    .cover-filosofia>img {
        min-height: auto;
        position: relative;
        width: 100%
    }

    .cover-filosofia .container>div {
        padding: 0;
        width: 100%
    }

    .cover-filosofia .container>div h1 {
        margin-top: 2.25rem
    }

    .cover-filosofia .container>div p {
        font-size: 1.125rem;
        line-height: 1.5rem
    }

    .toyota-fabrica .container>div .fabrica {
        display: block;
        width: 100%
    }

    .toyota-fabrica .container>div .fabrica>div {
        display: none
    }

    .toyota-fabrica .container>div .fabrica>div:first-child {
        display: block
    }

    .toyota-way {
        height: auto
    }

    .toyota-way .container .contenido p {
        width: 100%
    }

    .toyota-way .container .contenido .boton {
        margin: 2rem auto
    }

    .fundadores {
        height: auto;
        padding: 3.125rem 0
    }

    .fundadores .container {
        display: block
    }

    .fundadores .container h2 {
        width: 100%
    }

    .fundadores .container>p {
        width: 100%
    }

    .fundadores .container dl {
        padding: 2.5rem 0 0
    }

    .fundadores .container dl dd {
        display: block;
        padding: 0;
        width: 100%
    }

    .fundadores .container dl .simbolo {
        position: absolute;
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
        position: inherit;
        top: inherit;
        left: inherit;
        display: table;
        margin: 0 auto
    }

    .filosofia-empresarial {
        height: auto;
        padding: 3.125rem 0
    }

    .filosofia-empresarial .bg {
        position: absolute;
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
        position: inherit;
        top: inherit;
        left: inherit;
        width: 100%
    }

    .filosofia-empresarial .container {
        display: block
    }

    .filosofia-empresarial .container h2 {
        color: #263238;
        margin: 1.25rem auto;
        width: 100%
    }

    .filosofia-empresarial .container p {
        color: #263238;
        width: 100%
    }

    .nuestro-logo {
        height: auto;
        padding: 3.125rem 0
    }

    .nuestro-logo .container {
        display: block
    }

    .nuestro-logo .container h2 {
        width: 100%
    }

    .nuestro-logo .container p {
        width: 100%
    }

    .nuestro-logo .container dl {
        padding: 0
    }

    .nuestro-logo .container dl dd {
        display: block;
        width: 100%
    }

    .nuestro-logo .container dl dd:last-child {
        width: 100%
    }

    .nuestro-logo .container dl dd img {
        margin: 2rem auto
    }

    .cover-sustentabilidad {
        height: auto
    }

    .cover-sustentabilidad>img {
        min-height: auto;
        position: relative;
        width: 100%
    }

    .cover-sustentabilidad .container>div {
        padding: 0;
        width: 100%
    }

    .cover-sustentabilidad .container>div h1 {
        margin-top: 2.25rem
    }

    .cover-sustentabilidad .container>div p {
        font-size: 1.125rem;
        line-height: 1.5rem
    }

    .reto-medioambiental {
        height: auto;
        padding: 3.125rem 0
    }

    .reto-medioambiental .container {
        padding: 0 20px
    }

    .reto-medioambiental .container>p {
        width: 100%
    }

    .reto-medioambiental .container .slide>div {
        height: auto
    }

    .reto-medioambiental .container .slide>div .flex>div {
        padding: 0;
        width: 100%
    }

    .reto-medioambiental .container .slide>div .flex .img {
        order: 2;
        -webkit-order: 2
    }

    .reto-medioambiental .container .slide>div .flex .img img {
        position: absolute;
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
        position: inherit;
        top: inherit;
        left: inherit;
        display: block
    }

    .reto-medioambiental .container .slide>div .flex .texto {
        order: 1;
        -webkit-order: 1
    }

    .reto-medioambiental .container .slide>div .flex .texto h3 {
        margin-top: 0
    }

    .reto-medioambiental .container .bx-wrapper .bx-has-pager {
        position: absolute;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        left: 50%;
        top: inherit;
        bottom: 10px;
        display: table;
        margin: auto
    }

    .reto-medioambiental .container .bx-wrapper .bx-pager.bx-default-pager a {
        margin: 0 1rem
    }

    .reto-medioambiental .container .bx-wrapper .bx-pager-item {
        float: left
    }

    .compromiso {
        height: auto;
        padding: 3.125rem 0
    }

    .compromiso .container {
        display: block
    }

    .compromiso .container h2 {
        width: 100%
    }

    .compromiso .container>p {
        width: 100%
    }

    .compromiso .container .flex>div {
        margin: auto;
        max-width: 100%;
        padding: 0;
        width: 100%
    }

    .mejores-autos {
        height: auto;
        padding: 3.125rem 0
    }

    .mejores-autos .container {
        display: block
    }

    .mejores-autos .container h2 {
        margin: 0
    }

    .mejores-autos .container>p {
        margin: 2rem 0;
        width: 100%
    }

    .mejores-autos .container .tipo-auto>div>p {
        width: 100%
    }

    .somos-agentes .container>p {
        width: 100%
    }

    .somos-agentes .container .flex>div {
        margin-bottom: 2rem;
        width: 100%
    }

    .cover-responsabilidad-social {
        height: auto
    }

    .cover-responsabilidad-social>img {
        min-height: auto;
        position: relative;
        width: 100%
    }

    .cover-responsabilidad-social .container>div {
        padding: 0;
        width: 100%
    }

    .cover-responsabilidad-social .container>div h1 {
        margin-top: 2.25rem
    }

    .cover-responsabilidad-social .container>div p {
        font-size: 1.125rem;
        line-height: 1.5rem
    }

    .compromiso-mundial {
        height: auto;
        padding: 3.125rem 0
    }

    .compromiso-mundial .container {
        display: block
    }

    .compromiso-mundial .container h2 {
        width: 100%
    }

    .compromiso-mundial .container>p {
        width: 100%
    }

    .compromiso-mundial .container .flex>div {
        margin: auto;
        max-width: 100%;
        padding: 0;
        width: 100%
    }

    .iniciativas {
        height: auto;
        padding: 3.125rem 0
    }

    .iniciativas .container .contenido h2 {
        margin-top: 0;
        text-align: center
    }

    .iniciativas .container .contenido p {
        text-align: center;
        width: 100%
    }

    .iniciativas .container .contenido .boton {
        margin: 2rem auto
    }

    .respeto {
        height: auto;
        padding: 3.125rem 0
    }

    .respeto .container {
        display: block
    }

    .respeto .container h2 {
        width: 100%
    }

    .respeto .container p {
        width: 100%
    }

    .respeto .container img {
        margin: 2rem auto
    }

    .toyota-apoya {
        height: auto;
        padding: 3.125rem 0
    }

    .toyota-apoya .container .contenido p {
        width: 100%
    }

    .compromiso-mexico {
        height: auto;
        padding: 3.125rem 0
    }

    .compromiso-mexico .container {
        display: block
    }

    .compromiso-mexico .container h2 {
        width: 100%
    }

    .compromiso-mexico .container>p {
        width: 100%
    }

    .compromiso-mexico .container .flex>div {
        margin: auto;
        max-width: 100%;
        padding: 0;
        width: 100%
    }

    .cover-produccion {
        height: auto
    }

    .cover-produccion>img {
        min-height: auto;
        position: relative;
        width: 100%
    }

    .cover-produccion .container>div {
        padding: 0;
        width: 100%
    }

    .cover-produccion .container>div h1 {
        margin-top: 2.25rem
    }

    .cover-produccion .container>div p {
        font-size: 1.125rem;
        line-height: 1.5rem
    }

    .sistema-produccion {
        height: auto;
        padding: 3.125rem 0
    }

    .sistema-produccion .container>p {
        width: 100%
    }

    .sistema-produccion .container .flex>div {
        width: 100%;
        margin: 0 auto 2rem
    }

    .toyota-mundo {
        height: auto;
        padding-bottom: 3.125rem
    }

    .toyota-mundo .container h2 {
        margin: 0 auto 2.5rem
    }

    .toyota-mundo .container>div {
        padding: 0
    }

    .toyota-mundo .container>div>div {
        display: block;
        width: 100%
    }

    .toyota-mundo .video-container {
        height: auto;
        min-height: 450px;
        padding: 0
    }

    .nuestras-plantas {
        height: auto;
        padding-bottom: 3.125rem
    }

    .nuestras-plantas .container h2 {
        margin: 0 auto 2.5rem
    }

    .nuestras-plantas .container>div {
        padding: 0
    }

    .nuestras-plantas .container>div>div {
        display: block;
        width: 100%
    }

    .nuestras-plantas .fill-planta {
        margin: auto;
        width: calc(100% - 40px)
    }

    .nuestras-plantas .planta>div .titulo>p {
        width: 100%
    }

    .nuestras-plantas .planta>div .content {
        height: auto;
        min-height: 450px;
        padding: 0
    }

    .nuestras-plantas .planta>div .content .info {
        position: absolute;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        top: 50%;
        left: 50%
    }

    .cover-por-que-toyota {
        height: auto
    }

    .cover-por-que-toyota>img {
        min-height: auto;
        position: relative;
        width: 100%
    }

    .cover-por-que-toyota .container>div {
        padding: 0;
        width: 100%
    }

    .cover-por-que-toyota .container>div h1 {
        margin-top: 2.25rem
    }

    .cover-por-que-toyota .container>div p {
        font-size: 1.125rem;
        line-height: 1.5rem
    }

    .cinco-razones .container .razones .razon .columna {
        width: 100%
    }

    .cinco-razones .container .razones .razon .columna .numero {
        display: none
    }

    .cinco-razones .container .razones .razon .columna.img {
        height: auto
    }

    .cinco-razones .container .razones .razon .columna.img img {
        position: absolute;
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
        position: inherit;
        top: inherit;
        left: inherit
    }

    .de-nosotros .slide>div {
        height: auto
    }

    .de-nosotros .slide>div .container .flex {
        margin-bottom: 3.125rem
    }

    .de-nosotros .slide>div .container .flex>div {
        width: 100%
    }

    .de-nosotros .bx-controls-direction {
        display: none
    }

    .cover-tecnologia-toyota {
        height: auto
    }

    .cover-tecnologia-toyota>img {
        min-height: auto;
        position: relative;
        width: 100%
    }

    .cover-tecnologia-toyota .container>div {
        padding: 0;
        width: 100%
    }

    .cover-tecnologia-toyota .container>div h1 {
        margin-top: 2.25rem
    }

    .cover-tecnologia-toyota .container>div p {
        font-size: 1.125rem;
        line-height: 1.5rem
    }

    .innovacion {
        padding: 3.125rem 0
    }

    .innovacion .container p {
        width: 100%
    }

    .innovacion .container img {
        width: 100%
    }

    .sello-toyota {
        height: auto;
        padding: 3.125rem 0
    }

    .sello-toyota .container {
        display: block
    }

    .sello-toyota .container h2 {
        text-align: left
    }

    .sello-toyota .container p {
        text-align: left;
        width: 100%
    }

    .toyota-se-adelanta {
        padding-top: 3.125rem
    }

    .toyota-se-adelanta .container .carro nav ul li.activo:after {
        display: none
    }

    .toyota-se-adelanta .container .carro nav ul li.activo:before {
        display: none
    }

    .toyota-se-adelanta .container .tool dl {
        width: 100%
    }

    .toyota-se-adelanta .container .tool dl.pote {
        left: 0
    }

    .toyota-se-adelanta .container .tool dl.moto {
        left: 0
    }

    .toyota-se-adelanta .container .tool dl.conv {
        left: 0
    }

    .toyota-se-adelanta .container .tool dl.conb {
        left: 0
    }

    .toyota-se-adelanta .container .tool dl.hidr {
        left: 0
    }

    .toyota-se-adelanta .container .tool dl.bate {
        left: 0
    }

    .toyota-se-adelanta .container .tool dl dd {
        display: block;
        width: 100%
    }

    .toyota-se-adelanta .container .movilidad .columna {
        display: block;
        padding: 0;
        width: 100%
    }

    .toyota-se-adelanta .i-road {
        height: auto
    }

    .toyota-se-adelanta .i-road p {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        font-size: 1.125rem;
        line-height: 1.625rem;
        padding: 0 20px;
        width: 100%
    }

    .toyota-se-adelanta .i-road .bg {
        position: absolute;
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
        position: inherit;
        top: inherit;
        left: inherit;
        width: 100%
    }

    .toyota-se-adelanta .i-road .container .flex {
        margin-top: 0
    }

    .toyota-se-adelanta .i-road .container .flex>div {
        margin: 0;
        margin-bottom: 1rem;
        max-width: inherit;
        width: 100%
    }

    .seguridad .video-seguridad {
        height: auto;
        min-height: 450px;
        padding: 0
    }

    .seguridad .content-seguridad {
        margin: 0
    }

    .seguridad .content-seguridad .container .fila .columna {
        display: block;
        width: 100%
    }

    .seguridad .content-seguridad .container .fila .columna .texto .boton {
        float: none;
        margin: 1.25rem auto
    }

    .seguridad .content-seguridad .container .fila:nth-child(even) .columna:last-child .texto h3 {
        text-align: left
    }

    .seguridad .content-seguridad .container .fila:nth-child(even) .columna:last-child .texto p {
        text-align: left
    }

    .autos-concepto .slide>div .container .nombre {
        text-align: center
    }

    .autos-concepto .bx-controls-direction {
        display: none
    }

    .cover-promocion .promocion>img {
        display: none
    }

    .cover-promocion .promocion>img.mobile {
        display: block;
        max-height: 620px
    }

    .cover-promocion .container .compartir {
        float: none;
        margin: 0 auto 2rem
    }

    .cover-promocion .container p {
        text-align: left;
        white-space: normal
    }

    .modelos-participantes .container h3 {
        margin-top: 3.125rem
    }

    .modelos-participantes .container>.flex>div {
        width: 100%
    }

    .modelos-participantes .container>.flex>div .legales {
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
        position: inherit;
        top: inherit;
        right: inherit
    }

    .modelos-participantes .container .terminos {
        width: 100%
    }

    .nuestras-promociones .container>dl {
        height: auto;
        padding: 2.25rem 0
    }

    .nuestras-promociones .container>dl>dd {
        display: block;
        padding: 1.25rem 0;
        width: 100%
    }

    .nuestras-promociones .container>dl>dd:first-child {
        width: 100%
    }

    .nuestras-promociones .container>dl>dd form .input-field {
        display: block;
        width: 100%
    }

    .nuestras-promociones .container>dl>dd h3 {
        text-align: center
    }

    .nuestras-promociones .container>dl>dd p {
        text-align: center
    }

    .nuestras-promociones .container>dl>dd .boton {
        margin: 0 auto
    }

    .otras-promociones .container .flex {
        margin: 50px auto
    }

    .otras-promociones .container .flex dl {
        padding: 0;
        width: 100%
    }

    .otras-promociones .container .flex dl dd .link {
        display: table;
        margin: 1rem 0
    }

    .cover-contacto {
        height: auto
    }

    .cover-contacto>img {
        position: relative;
        width: 100%
    }

    .cover-contacto .container>div {
        display: block
    }

    .cover-contacto .container>div p {
        white-space: normal
    }

    .cover-contacto .container img {
        position: absolute;
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
        position: inherit;
        top: inherit;
        left: inherit;
        width: 100%
    }

    .comentario {
        background: 0 0
    }

    .comentario .container {
        padding: 0
    }

    .comentario .container dl {
        padding: 0
    }

    .comentario .container dl dd {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
        width: 100%;
        padding: 50px 20px
    }

    .comentario .container dl dd:first-child {
        background: #fafafa
    }

    .comentario .container dl dd>.boton {
        display: block;
        margin: 2rem auto
    }

    .comentario .container dl dd .input-field .boton {
        margin: 1rem auto
    }

    .asistencia-vial {
        background: #c03
    }

    .asistencia-vial .container dl {
        padding: 0
    }

    .asistencia-vial .container dl dd {
        display: block;
        padding: 20px 0;
        width: 100%
    }

    .localiza dl dd {
        display: block
    }

    .cover-asistencia {
        height: auto
    }

    .cover-asistencia>img {
        min-height: auto;
        position: relative;
        width: 100%
    }

    .cover-asistencia .container>div {
        display: block
    }

    .cover-asistencia .container>div h2 {
        font-size: 1.875rem
    }

    .info-vial .container>div {
        margin: 0 auto 3.125rem
    }

    .info-vial .container>div dl dd {
        margin: 0
    }

    .info-vial .container>div dl dd i {
        height: 50px;
        left: inherit;
        margin: 1.25rem auto;
        position: relative;
        width: 50px
    }

    .info-vial .container>div dl dd i.icono_cubre:before {
        font-size: 29px
    }

    .info-vial .container>div dl dd i.icono_remolque:before {
        font-size: 27px
    }

    .info-vial .container>div dl dd i.icono_auxilio:before {
        font-size: 27px
    }

    .info-vial .container>div dl dd i.icono_asesoria:before {
        font-size: 23px
    }

    .info-vial .container>div dl dd i.icono_infoviajes:before {
        font-size: 23px
    }

    .info-vial .container>div dl dd i.icono_pagohotel:before {
        font-size: 24px
    }

    .info-vial .container>div dl dd i.icono_cobertura:before {
        font-size: 38px
    }

    .info-vial .container>div dl dd i.icono_exclusiones:before {
        font-size: 28px
    }

    .info-vial .container>div dl dd h3 {
        font-size: 1.5rem;
        margin-top: 0
    }

    .info-vial .container>div dl dd h4 {
        font-size: 1.625rem;
        line-height: 1.625rem;
        margin-top: 0
    }

    .info-vial .container>div dl dd h4 b {
        font-size: 1.125rem;
        font-weight: 600
    }

    .info-vial .container>div dl dd ul li {
        margin-left: 1.25rem;
        position: relative
    }

    .info-vial .container>div dl dd ul li:before {
        content: "";
        font-family: FontAwesome;
        position: absolute;
        top: 0;
        right: 100%;
        font-size: .3125rem;
        margin-right: .625rem
    }

    .asistencia {
        background: #c03
    }

    .asistencia .container dl {
        padding: 0;
        width: 100%
    }

    .asistencia .container dl dd {
        display: block;
        padding: 20px 0;
        width: 100%
    }

    .cover-cultura {
        height: auto
    }

    .cover-cultura>img {
        position: relative;
        width: 100%
    }

    .cover-cultura .container>div {
        display: block
    }

    .cover-cultura .container>div p {
        white-space: normal
    }

    .conocenos .container>div {
        display: block;
        width: 100%
    }

    .conocenos .container>div h2 {
        margin-top: 2.1875rem
    }

    .conocenos .container>div:last-child {
        padding-left: 0
    }

    .nuestra-gente {
        padding: 3.125rem 0
    }

    .nuestra-gente .slide>div .container .flex>div {
        width: 100%
    }

    .nuestra-gente .slide>div .container .flex>div p {
        white-space: normal
    }

    .cover-trabaja {
        height: auto
    }

    .cover-trabaja>img {
        position: relative;
        width: 100%
    }

    .cover-trabaja .container>div {
        display: block
    }

    .cover-trabaja .container>div p {
        white-space: normal
    }

    .vacantes .container>p {
        white-space: normal
    }

    .vacantes .container form {
        margin: 0 auto
    }

    .vacantes .container form .input-field {
        display: block;
        width: 100%;
        padding: 0
    }

    .vacantes .container form .input-field .boton {
        margin: 2rem auto
    }

    .vacantes .container>div dl {
        padding: 2rem 20px 1rem
    }

    .vacantes .container>div dl dd>div {
        display: block
    }

    .vacantes .container>div dl dd>div:first-child {
        width: 100%
    }

    .vacantes .container>div dl dd>div:last-child {
        width: 100%
    }

    .vacantes .container>div dl dd>div .link {
        float: none;
        margin-bottom: 0
    }

    .cover-ventas {
        height: auto
    }

    .cover-ventas>img {
        min-height: auto;
        position: relative;
        width: 100%
    }

    .cover-ventas .container>div {
        display: block
    }

    .cover-ventas .container>div h1 {
        margin-top: 1.875rem
    }

    .beneficios .container>dl dd {
        display: block;
        width: 100%
    }

    .beneficios .container>dl dd:last-child {
        padding: 0
    }

    .beneficios .container>dl dd h2 {
        margin-top: 1.875rem
    }

    .beneficios .container .ideal .modelo>div dl {
        margin: 50px auto 100px
    }

    .beneficios .container .ideal .modelo>div dl dd {
        display: block;
        width: 100%;
        padding: 0
    }

    .beneficios .container .ideal .modelo>div dl dd img {
        margin: 0 auto 70px
    }

    .beneficios .container .ideal .modelo>div dl dd>div {
        margin-left: 0
    }

    .beneficios .container .ideal .modelo>div dl dd>div ul li {
        margin-left: 90px
    }

    .vacante {
        padding: 2.5rem 0 6.25rem
    }

    .vacante .container .boton {
        margin: 3rem auto 0
    }

    .postulateModal .container {
        overflow: auto
    }

    .postulateModal .container>div {
        position: absolute;
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
        position: inherit;
        top: inherit;
        left: inherit
    }

    .cover-modelo .slide>div {
        height: auto
    }

    .cover-modelo .slide>div .bg {
        position: absolute;
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
        position: inherit;
        top: inherit;
        left: inherit;
        display: block;
        width: 100%
    }

    .cover-modelo .slide>div .container {
        display: block;
        margin: 2.25rem 0
    }

    .cover-modelo .slide>div .container .texto h1 {
        color: #37474f;
        font-size: 2.5rem;
        line-height: 3rem;
        margin-top: 0
    }

    .cover-modelo .slide>div .container .texto h3 {
        color: #37474f;
        font-size: 1.125rem;
        line-height: 1.5rem;
        margin: .625rem 0
    }

    .cover-modelo .bx-controls-direction {
        display: none
    }

    .menu-modelo .menufixed .container>div {
        float: none;
        width: 100%
    }

    .menu-modelo .menufixed .container>div>div {
        padding: 0;
        float: left
    }

    .menu-modelo .menufixed .container>div .seccion {
        cursor: pointer;
        display: table;
        float: right;
        padding-right: 1.5rem
    }

    .menu-modelo .menufixed .container>div .seccion:after {
        position: absolute;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        top: 50%;
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        content: "";
        direction: ltr;
        display: inline-block;
        font-family: "Material Icons";
        font-feature-settings: "liga";
        font-style: normal;
        font-weight: 400;
        letter-spacing: normal;
        line-height: 1;
        text-rendering: optimizeLegibility;
        text-transform: none;
        white-space: nowrap;
        word-wrap: normal;
        color: #c03;
        font-size: 1rem;
        line-height: normal;
        right: 0
    }

    .menu-modelo .menufixed .container nav {
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        -ms-transition: all .5s;
        transition: all .5s;
        -webkit-transform: translate(100%, 0);
        -moz-transform: translate(100%, 0);
        -ms-transform: translate(100%, 0);
        transform: translate(100%, 0);
        background: #263238;
        height: 100vh;
        left: 0;
        position: fixed;
        top: 0;
        width: 100vw
    }

    .menu-modelo .menufixed .container nav .datos {
        margin: 0;
        position: relative;
        width: 100%
    }

    .menu-modelo .menufixed .container nav .datos .logo span {
        color: #fff;
        display: block;
        font-size: 1.5rem;
        font-weight: 600;
        padding: 1.5rem 20px
    }

    .menu-modelo .menufixed .container nav .datos .name {
        cursor: pointer
    }

    .menu-modelo .menufixed .container nav .datos .name:hover {
        background: #37474f
    }

    .menu-modelo .menufixed .container nav .datos .name:hover>span {
        border-bottom: 1px solid #37474f;
        color: #fff
    }

    .menu-modelo .menufixed .container nav .datos .name span {
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        -ms-transition: all .5s;
        transition: all .5s;
        border-bottom: 1px solid #78909c;
        color: #78909c;
        display: block;
        font-weight: 700;
        margin: auto;
        padding: 1.125rem 0;
        width: calc(100% - 40px)
    }

    .menu-modelo .menufixed .container nav .datos .close {
        cursor: pointer;
        height: 24px;
        overflow: hidden;
        position: absolute;
        right: 20px;
        top: 30px;
        width: 24px
    }

    .menu-modelo .menufixed .container nav .datos .close:before {
        position: absolute;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        top: 50%;
        left: 50%;
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        content: "";
        direction: ltr;
        display: inline-block;
        font-family: "Material Icons";
        font-feature-settings: "liga";
        font-style: normal;
        font-weight: 400;
        letter-spacing: normal;
        line-height: 1;
        text-rendering: optimizeLegibility;
        text-transform: none;
        white-space: nowrap;
        word-wrap: normal;
        color: #c03;
        font-size: 30px
    }

    .menu-modelo .menufixed .container nav>ul {
        height: auto;
        width: 100%
    }

    .menu-modelo .menufixed .container nav>ul>li {
        height: auto;
        padding: 0;
        position: relative;
        width: 100%
    }

    .menu-modelo .menufixed .container nav>ul>li>a {
        display: block;
        padding: 1.125rem 0;
        border-bottom: 1px solid #78909c;
        width: calc(100% - 40px);
        margin: auto
    }

    .menu-modelo .menufixed .container nav>ul>li>a:before {
        display: none
    }

    .menu-modelo .menufixed .container nav>ul>li:last-child>a {
        border: none
    }

    .menu-modelo .menufixed .container nav>ul>li:hover {
        background: #37474f
    }

    .menu-modelo .menufixed .container nav>ul>li:hover>a {
        border-bottom: 1px solid #37474f
    }

    .menu-modelo .menufixed .container nav>ul>li:hover:last-child>a {
        border: none
    }

    .menu-modelo .menufixed .container nav>div {
        position: relative;
        margin: 1rem auto
    }

    .menu-modelo .menufixed .container nav>div .btnPrueba {
        background: #78909c
    }

    .menu-modelo .menufixed .container nav>div>div {
        width: 50%
    }

    .menu-modelo .menufixed .container nav>div>div a {
        padding: 0;
        text-align: center
    }

    .menu-modelo .menufixed.activo {
        z-index: 99
    }

    .menu-modelo .menufixed.activo .container nav {
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0)
    }

    .render360 {
        padding: 0
    }

    .render360 .container .tabla {
        display: block
    }

    .render360 .container .tabla>div {
        display: block;
        margin-top: 3.125rem;
        width: 100%
    }

    .render360 .container .tabla>div>a {
        margin: 2rem 0
    }

    .galeria {
        padding-bottom: 0
    }

    .galeria .container .fotos>div {
        padding-bottom: 40px
    }

    .galeria .container .fotos>div .flex {
        display: block;
        padding: 0
    }

    .galeria .container .fotos>div .flex .colum {
        width: calc(100vw - 20px) !important
    }

    .galeria .container .fotos>div .flex .colum>div:hover {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        -o-box-shadow: none;
        -ms-box-shadow: none;
        box-shadow: none
    }

    .exterior .container .info>div .tabla>div {
        display: block;
        margin-bottom: 1rem;
        padding: 0;
        width: 100%
    }

    .exterior .container .info>div .tabla>div>p {
        text-align: center
    }

    .panoramico {
        height: 500px;
        padding: 2.25rem 0
    }

    .panoramico .container .contenido h2 {
        font-size: 2rem;
        line-height: 2.2rem;
        margin-top: 0;
        text-align: center
    }

    .panoramico .container .contenido p {
        font-size: 1rem;
        line-height: 1.5rem
    }

    .panoramico .container .contenido .boton {
        margin: 2rem auto
    }

    .panoramico .back img {
        height: 100%
    }

    .como-funciona {
        padding: 3.125rem 0
    }

    .como-funciona .container>h6 {
        display: none
    }

    .como-funciona .container>h2 {
        font-weight: 700
    }

    .como-funciona .container .content-drag {
        width: 300px !important
    }

    .como-funciona .container .content-drag .icon {
        height: 150px !important;
        left: 0 !important;
        background-image: url(../images/modelos/corolla/corolla-drag-mobile.jpg) !important;
        background-position-x: -.5px;
        background-position-y: 0;
        width: 300px !important
    }

    .confianza .container .videos>div .tabla>div {
        display: block;
        margin-bottom: 1rem;
        padding: 0;
        width: 100%
    }

    .confianza .container .videos>div .tabla>div .video {
        margin: 1rem auto
    }

    .confianza .container .videos>div .tabla>div>p {
        text-align: center
    }

    .adn-deportivo {
        padding-top: 0
    }

    .adn-deportivo>img {
        bottom: 90px;
        width: 100%
    }

    .adn-deportivo .container .boton {
        margin-bottom: 0
    }

    .adn-deportivo .bx-controls-direction {
        display: none
    }

    .adn-deportivo .bx-wrapper .bx-has-pager {
        display: table
    }

    section.versiones {
        padding-bottom: 0;
        padding: 2rem 0
    }

    section.versiones .container>h6 {
        text-align: center
    }

    section.versiones .container h2 {
        text-align: center
    }

    section.versiones .container .link_compara .boton {
        margin: 1.125rem auto;
        margin-left: none
    }

    section.versiones .container .slide {
        margin: 0
    }

    section.versiones .container .slide>div {
        width: 100%
    }

    .agenda-configura .container dl dd {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
        width: 100%
    }

    .agenda-configura .container dl dd h6 {
        color: #263238
    }

    .agenda-configura .container dl dd h6:before {
        color: #c03
    }

    .interiorModal .container {
        overflow: auto;
        padding: 0
    }

    .interiorModal .container .gracias,
    .interiorModal .container .mail {
        position: relative
    }

    .interiorModal .container .gracias form .boton,
    .interiorModal .container .mail form .boton {
        margin: 1rem auto;
        margin-top: 3rem
    }

    .galeriaModal .close {
        right: 0
    }

    .galeriaModal .container {
        overflow: auto
    }

    .galeriaModal .container>div .slide {
        height: 220px
    }

    .galeriaModal .container>div .redes {
        left: 0;
        top: -40px
    }

    .galeriaModal .container>div .redes>a:last-child {
        border-bottom: none
    }

    .cover-futuro .slide>div {
        height: auto
    }

    .cover-futuro .slide>div .bg {
        position: absolute;
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
        position: inherit;
        top: inherit;
        left: inherit;
        display: block;
        width: 100%
    }

    .cover-futuro .slide>div .container {
        display: block;
        margin: 2.25rem 0
    }

    .cover-futuro .slide>div .container .texto h1 {
        color: #37474f;
        font-size: 2.5rem;
        line-height: 3rem;
        margin-top: 0
    }

    .cover-futuro .slide>div .container .texto h3 {
        color: #37474f;
        font-size: 1.125rem;
        line-height: 1.5rem;
        margin: .625rem 0
    }

    .cover-futuro .bx-controls-direction {
        display: none
    }

    .descripcion {
        padding-bottom: 0
    }

    .descripcion .container>h2 {
        width: 100%
    }

    .galeria {
        padding-bottom: 0
    }

    .galeria .container .fotos>div {
        padding-bottom: 40px
    }

    .galeria .container .fotos>div .flex {
        display: block;
        padding: 0
    }

    .galeria .container .fotos>div .flex .colum {
        width: calc(100vw - 20px) !important
    }

    .galeria .container .fotos>div .flex .colum>div:hover {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        -o-box-shadow: none;
        -ms-box-shadow: none;
        box-shadow: none
    }

    .video-futuro {
        height: auto;
        padding-bottom: 3.125rem
    }

    .video-futuro .container h2 {
        margin: 0 auto 2.5rem
    }

    .video-futuro .container>div {
        padding: 0
    }

    .video-futuro .container>div>div {
        display: block;
        width: 100%
    }

    .video-futuro .video-container {
        height: auto;
        min-height: 450px;
        padding: 0
    }

    .info-futuro {
        height: auto;
        padding: 3.125rem 0
    }

    .info-futuro .container>h2 {
        margin-top: 0;
        text-align: center;
        width: 100%
    }

    .info-futuro .info-container {
        height: auto;
        min-height: 450px;
        padding: 0
    }

    .info-futuro .info-container .container {
        padding: 6.25rem 1rem
    }

    .info-futuro .info-container .container h2 {
        margin-top: 0;
        text-align: center
    }

    .info-futuro .info-container .container p {
        text-align: center;
        width: 100%
    }

    .info-futuro .info-container .container .boton {
        margin: 2rem auto
    }

    .galeriaModal .close {
        right: 0
    }

    .galeriaModal .container {
        overflow: auto
    }

    .galeriaModal .container>div .slide {
        height: 220px
    }

    .galeriaModal .container>div .redes {
        left: 0;
        top: -40px
    }

    .galeriaModal .container>div .redes>a:last-child {
        border-bottom: none
    }

    .seleccion {
        padding-bottom: 2.5rem
    }

    .seleccion .container>p {
        margin: 4rem 0 1rem 0
    }

    .seleccion .container .flex .version {
        width: 100%
    }

    .versiones-comparador .container .carros dl dd {
        width: 50%
    }

    .versiones-comparador .container .carros dl dd .carro-version h5 {
        font-size: 1rem
    }

    .versiones-comparador .container .carros dl dd:first-child {
        padding: 0;
        width: 0%
    }

    .categorias-comparador .container .categorias ul li .content-info {
        margin: 1rem auto
    }

    .categorias-comparador .container .categorias ul li .content-info>dl {
        display: table;
        width: 100%
    }

    .categorias-comparador .container .categorias ul li .content-info>dl>dd {
        max-width: 220px;
        padding: 0 1rem;
        width: 30%
    }

    .categorias-comparador .container .categorias ul li .content-info>dl>dd:first-child {
        border-right: 1px solid #b9b9b9;
        max-width: 240px;
        width: 40%
    }

    .categorias-comparador .container .botones>ul {
        display: table;
        width: 100%
    }

    .categorias-comparador .container .botones>ul>li {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        -ms-transition: all .5s;
        transition: all .5s;
        display: table-cell;
        max-width: 220px;
        padding: 0 1rem;
        position: relative;
        width: 50%
    }

    .categorias-comparador .container .botones>ul>li:first-child {
        padding: 0;
        width: 0%
    }

    .filtro-version {
        padding: 3.75rem 0 1.875rem
    }

    .filtro-version .container .info>div .tabla>div {
        display: block;
        margin-bottom: 1rem;
        padding: 0;
        width: 100%
    }

    .filtro-version .container .info>div .tabla>div>p {
        text-align: center
    }

    .tabs-version {
        padding: 0 0 3.75rem
    }

    .tabs-version .container .content-info>div .info {
        width: 100%
    }

    .tabs-version .container .content-info>div .info div {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
        max-width: 100%;
        padding: 0 2rem;
        width: 100%
    }

    .tabs-version .container .content-info>div .info div>img {
        width: 100%;
        height: auto
    }

    .tabs-version .container .content-info>div .info div>p {
        font-size: 1.375rem
    }

    .motor {
        padding-bottom: 0
    }

    .motor .container .content-info-motor .info {
        width: 100%
    }

    .motor .container .content-info-motor .info div {
        display: block;
        width: 100%
    }

    .cover-landing {
        height: auto
    }

    .cover-landing>img {
        display: block;
        min-height: auto;
        position: relative;
        width: 100%
    }

    .cover-landing .container>div {
        display: block
    }

    .cover-landing .container>div h1 {
        color: #263238;
        margin-top: 1.875rem
    }

    .slide-landing {
        background: #fff;
        height: auto;
        padding: 0;
        padding-bottom: 1.25rem
    }

    .slide-landing .container .slide li img {
        margin-top: 1.5625rem
    }

    .slide-landing .container .bx-wrapper .bx-has-pager {
        position: absolute;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        left: 50%;
        top: inherit;
        bottom: -20px;
        display: table;
        margin: auto
    }

    .slide-landing .container .bx-wrapper .bx-pager.bx-default-pager a {
        margin: 0 1rem
    }

    .slide-landing .container .bx-wrapper .bx-pager-item {
        margin: 4px 0
    }

    .hibrido .container .info>div .tabla>div {
        display: block;
        margin: 1rem 0;
        padding: 0;
        width: 100%
    }

    .hibrido .container .info>div .tabla>div>img {
        margin: 0 auto 1.875rem
    }

    .potencia .container .flex {
        display: block
    }

    .potencia .container .flex div {
        padding: 2rem 0;
        width: 100%
    }

    .potencia .bx-wrapper {
        clear: both;
        margin: auto;
        overflow: hidden;
        padding-bottom: 20px
    }

    .potencia .bx-wrapper .bx-viewport {
        overflow: visible !important
    }

    .potencia .bx-wrapper .bx-has-pager {
        position: absolute;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        left: 50%;
        bottom: 5px;
        display: table
    }

    .potencia .bx-wrapper .bx-pager {
        color: rgba(38, 50, 56, .4);
        font-family: Arial;
        font-size: 0;
        font-weight: 700;
        text-align: center
    }

    .potencia .bx-wrapper .bx-pager.bx-default-pager a {
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        -ms-transition: all .5s;
        transition: all .5s;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        background: rgba(38, 50, 56, .4);
        border-radius: 5px;
        display: block;
        height: 8px;
        margin: 0 12px;
        outline: 0;
        text-indent: -9999px;
        width: 8px
    }

    .potencia .bx-wrapper .bx-pager.bx-default-pager a.active,
    .potencia .bx-wrapper .bx-pager.bx-default-pager a:focus,
    .potencia .bx-wrapper .bx-pager.bx-default-pager a:hover {
        -webkit-transform: scale(1.5, 1.5);
        -moz-transform: scale(1.5, 1.5);
        -ms-transform: scale(1.5, 1.5);
        transform: scale(1.5, 1.5);
        background: #263238
    }

    .potencia .bx-wrapper .bx-pager-item {
        display: inline-block;
        font-size: 0;
        line-height: 0
    }

    .potencia .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
        display: inline-block
    }

    .bateria {
        height: auto;
        min-height: 500px
    }

    .bateria .container>div {
        width: 100%
    }

    .ambiente {
        height: auto;
        padding: 3.125rem 0
    }

    .ambiente .container {
        display: block
    }

    .ambiente .container h2 {
        width: 100%
    }

    .ambiente .container>p {
        width: 100%
    }

    .ambiente .container .flex>div {
        margin: auto;
        max-width: 100%;
        padding: 0;
        width: 100%
    }

    .ventajas .video-ventajas .tabs-ventajas .container .tabs-info>div .tabla>div {
        display: block
    }

    .ventajas .video-ventajas .tabs-ventajas .container .tabs-info>div .tabla>div>i {
        border: 2px solid #263238;
        height: 60px;
        margin: 1rem auto;
        width: 60px
    }

    .ventajas .video-ventajas .tabs-ventajas .container .tabs-info>div .tabla>div>i:before {
        font-size: 30px
    }

    .ventajas .video-ventajas .tabs-ventajas .container .tabs-info>div .tabla>div>i.icono_bateria:before {
        font-size: 18px
    }

    .elementos {
        background: #fff;
        height: auto;
        padding: 1.25rem 0
    }

    .elementos .container {
        padding: 0 20px
    }

    .elementos .container .slide-elementos>div {
        height: auto;
        min-height: 420px
    }

    .elementos .container .slide-elementos>div .content {
        padding: 0;
        width: 100%
    }

    .elementos .container .slide-elementos>div .content>dl {
        display: block;
        padding: 0 0 2rem
    }

    .elementos .container .slide-elementos>div .content>dl>dd {
        display: block;
        margin-bottom: 2rem;
        width: 100%
    }

    .elementos .container .slide-elementos>div .content>dl>dd img {
        max-width: 160px;
        width: 100%
    }

    .elementos .container .bx-wrapper .bx-has-pager {
        position: absolute;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        left: 50%;
        top: inherit;
        bottom: 10px;
        display: table;
        margin: auto
    }

    .elementos .container .bx-wrapper .bx-pager.bx-default-pager a {
        margin: 0 1rem
    }

    .elementos .container .bx-wrapper .bx-pager-item {
        float: left;
        margin: 4px 0
    }

    .localiza-configura .container dl dd {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
        width: 100%
    }

    .localiza-configura .container dl dd h6 {
        color: #263238
    }

    .localiza-configura .container dl dd h6:before {
        color: #c03
    }

    .localiza-configura .container dl .localiza {
        background: 0 0;
        background-color: #fff
    }

    .localiza-configura .container dl .localiza>div span:before {
        color: #bdbdbd
    }

    .localiza-configura .container dl .localiza>div span input {
        border-bottom: 1px solid #37474f;
        color: #bdbdbd
    }

    .localiza-configura .container dl .localiza>div span input::-webkit-input-placeholder {
        color: #bdbdbd
    }

    .localiza-configura .container dl .localiza>div span input:-moz-placeholder {
        color: #bdbdbd
    }

    .localiza-configura .container dl .localiza>div span input::-moz-placeholder {
        color: #bdbdbd
    }

    .localiza-configura .container dl .localiza>div span input:-ms-input-placeholder {
        color: #bdbdbd
    }

    .localiza-configura .container dl .localiza>div span .ubicame:before {
        color: #37474f
    }

    .cover-blog {
        height: auto
    }

    .cover-blog>img {
        min-height: auto;
        position: relative;
        width: 100%
    }

    .cover-blog .container>div {
        display: none
    }

    .menu-blog .menufixed .container>.titulo {
        height: 60px;
        position: relative;
        width: 100%
    }

    .menu-blog .menufixed .container>.titulo>div {
        color: #fff;
        display: table;
        float: left;
        font-size: 1.5rem;
        font-weight: 600;
        height: 100%;
        padding: 0
    }

    .menu-blog .menufixed .container>.titulo>div span {
        display: table-cell;
        vertical-align: middle
    }

    .menu-blog .menufixed .container>.titulo .seccion {
        float: right;
        position: relative;
        cursor: pointer;
        padding-right: 1.5rem;
        font-size: .875rem;
        font-weight: 700
    }

    .menu-blog .menufixed .container>.titulo .seccion:after {
        position: absolute;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        top: 50%;
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        content: "";
        direction: ltr;
        display: inline-block;
        font-family: "Material Icons";
        font-feature-settings: "liga";
        font-style: normal;
        font-weight: 400;
        letter-spacing: normal;
        line-height: 1;
        text-rendering: optimizeLegibility;
        text-transform: none;
        white-space: nowrap;
        word-wrap: normal;
        color: #c03;
        font-size: 1rem;
        line-height: normal;
        right: 0
    }

    .menu-blog .menufixed .container nav {
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        -ms-transition: all .5s;
        transition: all .5s;
        -webkit-transform: translate(100%, 0);
        -moz-transform: translate(100%, 0);
        -ms-transform: translate(100%, 0);
        transform: translate(100%, 0);
        background: #263238;
        display: block;
        height: 100vh;
        left: 0;
        overflow: auto;
        position: fixed;
        top: 0;
        width: 100vw
    }

    .menu-blog .menufixed .container nav .datos {
        position: relative
    }

    .menu-blog .menufixed .container nav .datos .titulo span {
        color: #fff;
        display: block;
        font-size: 1.5rem;
        font-weight: 600;
        padding: 1.5rem 20px
    }

    .menu-blog .menufixed .container nav .datos .close {
        cursor: pointer;
        height: 24px;
        overflow: hidden;
        position: absolute;
        right: 20px;
        top: 30px;
        width: 24px
    }

    .menu-blog .menufixed .container nav .datos .close:before {
        position: absolute;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        top: 50%;
        left: 50%;
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        content: "";
        direction: ltr;
        display: inline-block;
        font-family: "Material Icons";
        font-feature-settings: "liga";
        font-style: normal;
        font-weight: 400;
        letter-spacing: normal;
        line-height: 1;
        text-rendering: optimizeLegibility;
        text-transform: none;
        white-space: nowrap;
        word-wrap: normal;
        color: #c03;
        font-size: 30px
    }

    .menu-blog .menufixed .container nav>ul {
        height: auto;
        width: 100%
    }

    .menu-blog .menufixed .container nav>ul>li {
        height: auto;
        padding: 0;
        position: relative;
        width: 100%
    }

    .menu-blog .menufixed .container nav>ul>li>a {
        border-bottom: 1px solid #78909c;
        display: block;
        margin: auto;
        padding: 1.125rem 0;
        width: calc(100% - 40px)
    }

    .menu-blog .menufixed .container nav>ul>li>a:before {
        display: none
    }

    .menu-blog .menufixed .container nav>ul>li:last-child>a {
        border: none
    }

    .menu-blog .menufixed .container nav>ul>li:hover {
        background: #37474f
    }

    .menu-blog .menufixed .container nav>ul>li:hover>a {
        border-bottom: 1px solid #37474f
    }

    .menu-blog .menufixed .container nav>ul>li:hover:last-child>a {
        border: none
    }

    .menu-blog .menufixed .container nav>ul>li.filtro-autos:hover {
        background: #78909c
    }

    .menu-blog .menufixed .container nav>ul>li.filtro-autos:hover>a:after {
        color: #fff
    }

    .menu-blog .menufixed .container nav>ul>li.filtro-autos.activo {
        background: #78909c
    }

    .menu-blog .menufixed .container nav>ul>li.filtro-autos.activo .lista-autos {
        height: auto
    }

    .menu-blog .menufixed .container nav>ul>li.filtro-autos .lista-autos {
        background: #37474f
    }

    .menu-blog .menufixed .container nav>ul>li.filtro-autos .lista-autos ul li>a {
        border-bottom: 1px solid #263238
    }

    .menu-blog .menufixed .container nav>ul>li.filtro-autos .lista-autos ul li.activo,
    .menu-blog .menufixed .container nav>ul>li.filtro-autos .lista-autos ul li:hover {
        background: #78909c
    }

    .menu-blog .menufixed .container nav>ul>li.filtro-autos .lista-autos ul li.activo>a,
    .menu-blog .menufixed .container nav>ul>li.filtro-autos .lista-autos ul li:hover>a {
        color: #fff;
        border-bottom: 1px solid #78909c
    }

    .menu-blog .menufixed.activo {
        z-index: 99
    }

    .menu-blog .menufixed.activo .container nav {
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0)
    }

    .grid-notas .container .content-redes .compartir {
        display: table;
        float: none;
        margin: 1.625rem auto
    }

    .grid-notas .container h3 {
        margin: 1.25rem 0
    }

    .grid-notas .container .flex {
        margin: 20px auto;
        padding: 0
    }

    .grid-notas .container .flex .fila {
        flex-direction: column;
        -webkit-box-direction: column;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        width: 100%
    }

    .grid-notas .container .flex .fila>div {
        margin-bottom: 2.5rem;
        width: 100%
    }

    .grid-notas .container .flex .fila .fullw {
        margin-bottom: 2.5rem
    }

    .grid-notas .container .flex .fila .fullw>div {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
        padding: 1rem 1.375rem;
        vertical-align: middle;
        width: 100%
    }

    .grid-notas .container .flex .fila .fullw>div p {
        color: #37474f;
        font-size: .875rem;
        font-weight: 400;
        line-height: 1.25rem;
        margin: 1rem 0
    }

    .grid-notas .container .paginador {
        margin: 3rem auto
    }

    .grid-categoria .container .content-redes .compartir {
        display: table;
        float: none;
        margin: 1.625rem auto
    }

    .grid-categoria .container h3 {
        margin: 1.25rem 0
    }

    .grid-categoria .container .flex {
        margin: 20px auto;
        padding: 0
    }

    .grid-categoria .container .flex .fila {
        flex-direction: column;
        -webkit-box-direction: column;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        width: 100%
    }

    .grid-categoria .container .flex .fila>div {
        margin-bottom: 2.5rem;
        width: 100%
    }

    .grid-categoria .container .flex .fila .fullw {
        margin-bottom: 2.5rem
    }

    .grid-categoria .container .flex .fila .fullw>div {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
        padding: 1rem 1.375rem;
        vertical-align: middle;
        width: 100%
    }

    .grid-categoria .container .flex .fila .fullw>div p {
        color: #37474f;
        font-size: .875rem;
        font-weight: 400;
        line-height: 1.25rem;
        margin: 1rem 0
    }

    .grid-categoria .container .paginador {
        margin: 3rem auto
    }

    .cover-nota {
        height: auto
    }

    .cover-nota .container {
        padding: 0;
        width: 100%
    }

    .cover-nota .container>img {
        position: absolute;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        left: 50%;
        display: block;
        min-height: auto;
        position: relative;
        width: 100%
    }

    .info-nota .container dl {
        display: block;
        padding: 2.5rem 0;
        width: 100%
    }

    .info-nota .container dl dd {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
        padding: 0
    }

    .info-nota .container dl .info {
        width: 100%
    }

    .info-nota .container dl .info .prevandnext-notas>dl>dd .image img {
        display: none
    }

    .info-nota .container dl .info .prevandnext-notas>dl>dd .image>div {
        background: 0 0;
        display: block;
        height: 100%;
        margin: 0 0 2.5rem 0;
        position: relative;
        width: 100%
    }

    .info-nota .container dl .info .prevandnext-notas>dl>dd .image>div .prev {
        position: absolute;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        top: 50%;
        color: #c03;
        font-size: 1rem;
        position: relative;
        left: 0;
        width: 100%
    }

    .info-nota .container dl .info .prevandnext-notas>dl>dd .image>div .prev:before {
        font-size: 1rem
    }

    .info-nota .container dl .info .prevandnext-notas>dl>dd .image>div .next {
        color: #c03;
        font-size: 1rem;
        position: relative;
        right: 0;
        width: 100%
    }

    .info-nota .container dl .info .prevandnext-notas>dl>dd .image>div .next:after {
        font-size: 1rem
    }

    .info-nota .container dl .info .prevandnext-notas>dl>dd .content-info {
        padding: .75rem 1.25rem;
        display: none
    }

    .info-nota .container dl .aside {
        width: 100%
    }

    .info-nota .container dl .aside .banner {
        /*display: none*/
    }

    section.configura-cotiza .ubicacion .container>h1 {
        margin: 3.125rem 0 1.125rem
    }

    section.configura-cotiza .ubicacion .container>p {
        font-size: 1.375rem
    }

    section.configura-cotiza .ubicacion .container form {
        margin: 1.5625rem auto 3.125rem
    }

    section.configura-cotiza .ubicacion .container form>p {
        text-align: left;
        font-size: .875rem
    }

    section.configura-cotiza .ubicacion .container form>p b {
        font-weight: 400
    }

    section.configura-cotiza .ubicacion .container form .codigo dl dd .img {
        display: none
    }

    section.configura-cotiza .ubicacion .container form .codigo dl dd .info {
        width: 100%
    }

    section.configura-cotiza .modelo .container {
        padding: 0
    }

    section.configura-cotiza .modelo .container>h6 {
        line-height: 2.125rem;
        margin: 0;
        padding: 50px 20px 0;
        text-align: center
    }

    section.configura-cotiza .modelo .container>h3 {
        font-size: 1.125rem;
        font-weight: 600;
        line-height: 1.5625rem;
        margin: 0;
        padding: 0 20px
    }

    section.configura-cotiza .modelo .container .configura-modelos {
        height: auto;
        margin-top: 30px
    }

    section.configura-cotiza .modelo .container .configura-modelos>div>ul {
        display: block
    }

    section.configura-cotiza .modelo .container .configura-modelos>div>ul>li {
        width: 100%;
        background: #f5f5f5
    }

    section.configura-cotiza .modelo .container .configura-modelos>div>ul>li>a {
        border-bottom: 1px solid #bdbdbd;
        display: block;
        padding: 1.125rem 20px;
        color: #37474f;
        font-weight: 400
    }

    section.configura-cotiza .modelo .container .configura-modelos>div>ul>li>a:before {
        display: none
    }

    section.configura-cotiza .modelo .container .configura-modelos>div>ul>li>a:after {
        position: absolute;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        top: 50%;
        content: "";
        font-family: FontAwesome;
        color: #333;
        font-size: .625rem;
        right: 20px
    }

    section.configura-cotiza .modelo .container .configura-modelos>div>ul>li>a.activo:after {
        content: ""
    }

    section.configura-cotiza .modelo .container .configura-modelos>div>ul>li>div {
        -webkit-transition: inherit;
        -moz-transition: inherit;
        -ms-transition: inherit;
        transition: inherit;
        background: #fff;
        display: none;
        opacity: 1;
        position: inherit
    }

    section.configura-cotiza .modelo .container .configura-modelos>div>ul>li>div .container .flex {
        margin-top: 0
    }

    section.configura-cotiza .modelo .container .configura-modelos>div>ul>li>div .container .flex>div {
        display: table;
        margin-bottom: 2rem;
        padding: 0 20px;
        width: 100%
    }

    section.configura-cotiza .modelo .container .configura-modelos>div>ul>li>div .container .flex>div:first-child {
        margin-top: 2rem
    }

    section.configura-cotiza .modelo .container .configura-modelos>div>ul>li>div .container .flex>div a {
        display: table;
        width: 100%
    }

    section.configura-cotiza .modelo .container .configura-modelos>div>ul>li>div .container .flex>div .img {
        display: table-cell;
        padding: 0;
        vertical-align: middle;
        width: 50%
    }

    section.configura-cotiza .modelo .container .configura-modelos>div>ul>li>div .container .flex>div p {
        padding: 0 20px;
        text-align: left
    }

    section.configura-cotiza .modelo .container .configura-modelos>div>ul>li>div .container .flex>div span {
        padding: 0 20px;
        text-align: left
    }

    section.configura-cotiza .version {
        padding-bottom: 0
    }

    section.configura-cotiza .version .container {
        padding: 0
    }

    section.configura-cotiza .version .container>p {
        padding: 0 20px
    }

    section.configura-cotiza .version .container .menu {
        width: 100%
    }

    section.configura-cotiza .version .container .menu p {
        display: block;
        font-size: .875rem;
        padding: 0 20px
    }

    section.configura-cotiza .version .container .menu ul {
        background: #f5f5f5;
        display: block
    }

    section.configura-cotiza .version .container .menu ul li {
        display: block;
        float: none;
        padding: 0
    }

    section.configura-cotiza .version .container .menu ul li span {
        border-bottom: 1px solid #bdbdbd;
        display: block;
        font-size: .875rem;
        font-weight: 400;
        padding: 1.125rem 20px
    }

    section.configura-cotiza .version .container .menu ul li span:before {
        display: none
    }

    section.configura-cotiza .version .container .menu ul li span:after {
        border-radius: inherit;
        font-size: 20px;
        height: inherit;
        margin: 0;
        right: 1rem;
        width: inherit
    }

    section.configura-cotiza .version .container .menu ul li.activo>span:after {
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        content: "";
        direction: ltr;
        display: inline-block;
        font-family: "Material Icons";
        font-feature-settings: "liga";
        font-style: normal;
        font-weight: 400;
        letter-spacing: normal;
        line-height: 1;
        text-rendering: optimizeLegibility;
        text-transform: none;
        white-space: nowrap;
        word-wrap: normal;
        background: 0 0
    }

    section.configura-cotiza .version .container .flex>div {
        width: 100%
    }

    section.configura-cotiza .version .container>.boton.secundario {
        margin: 2rem auto
    }

    section.configura-cotiza .configuracion .head .container>div {
        display: block;
        width: 100%
    }

    section.configura-cotiza .configuracion .head .container>div>div>span {
        text-align: center
    }

    section.configura-cotiza .configuracion .head .container>div>div .precio {
        text-align: center
    }

    section.configura-cotiza .configuracion .interaccion .menu .container nav ul li a {
        font-size: .625rem;
        text-align: center
    }

    section.configura-cotiza .configuracion .interaccion .menu .container nav ul li.activo a {
        font-weight: 700
    }

    section.configura-cotiza .configuracion .interaccion .menu .container nav ul li.activo:hover {
        -webkit-transform: inherit;
        -moz-transform: inherit;
        -ms-transform: inherit;
        transform: inherit;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        -o-box-shadow: none;
        -ms-box-shadow: none;
        box-shadow: none
    }

    section.configura-cotiza .configuracion .interaccion .exterior {
        padding: 2.5rem 0
    }

    section.configura-cotiza .configuracion .interaccion .exterior .container .threesixty {
        height: auto !important;
        width: 100% !important
    }

    section.configura-cotiza .configuracion .interaccion .exterior .container .flecha360 {
        display: block;
        margin: 0;
        max-width: 146px
    }

    section.configura-cotiza .configuracion .interaccion .accesorios .container .flex>div {
        padding: 0;
        width: 100%
    }

    section.configura-cotiza .configuracion .interaccion .resumen .container>div>p {
        padding: 0
    }

    section.configura-cotiza .configuracion .interaccion .resumen .container>div .tabla.cambiar {
        padding: 1rem 0
    }

    section.configura-cotiza .configuracion .interaccion .resumen .container>div .tabla.cambiar .fila {
        position: relative
    }

    section.configura-cotiza .configuracion .interaccion .resumen .container>div .tabla.cambiar .fila .celda {
        display: block;
        width: 100%
    }

    section.configura-cotiza .configuracion .interaccion .resumen .container>div .tabla.cambiar .fila .celda>div .precio {
        font-size: 1rem;
        font-weight: 700;
        text-align: left
    }

    section.configura-cotiza .configuracion .interaccion .resumen .container>div .tabla.cambiar .fila .celda>div .precio b {
        display: inline;
        float: right;
        line-height: 1
    }

    section.configura-cotiza .configuracion .interaccion .resumen .container>div .tabla.cambiar .fila .celda .link {
        clear: right
    }

    section.configura-cotiza .configuracion .interaccion .resumen .container>div .tabla.cambiar .fila .celda .editar {
        left: inherit;
        right: 0;
        top: 13px
    }

    section.configura-cotiza .configuracion .interaccion .resumen .container>div .tabla .fila .celda {
        width: auto
    }

    section.configura-cotiza .configuracion .interaccion .resumen .container>div .tabla .fila .celda .editar {
        position: absolute;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        top: 50%;
        left: 100%
    }

    section.configura-cotiza .configuracion .interaccion .resumen .container>div .tabla .fila .celda .editar:before {
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        content: "";
        font-family: icomoon;
        font-style: normal;
        font-variant: normal;
        font-weight: 400;
        line-height: 1;
        speak: none;
        text-transform: none;
        font-size: 18px
    }

    section.configura-cotiza .configuracion .interaccion .resumen .container>div .tabla .fila .celda .editar span {
        display: none
    }

    section.configura-cotiza .configuracion .interaccion .resumen .container>div .precio span {
        display: table;
        margin: auto
    }

    section.configura-cotiza .configuracion .interaccion .resumen .container>div .cotizar>div {
        display: block;
        width: 100%
    }

    section.configura-cotiza .configuracion .interaccion .resumen .container>div .distribuidor>p {
        padding: 0
    }

    section.configura-cotiza .configuracion .interaccion .resumen .container>div .distribuidor dl dd .info {
        padding: 1.25rem 2rem
    }

    section.configura-cotiza .configuracion .interaccion .resumen .container>div .distribuidor .ver {
        padding: 10px 0 30px
    }

    section.configura-cotiza .configuracion .interaccion .resumen .container>div .servicios>p {
        padding: 0
    }

    section.configura-cotiza .configuracion .interaccion .resumen .container>div .servicios nav ul li a {
        font-size: .625rem;
        font-weight: 600;
        text-align: center
    }

    section.configura-cotiza .configuracion .btnregresar {
        position: absolute;
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
        position: inherit;
        top: inherit;
        left: inherit;
        padding: 0 20px
    }

    section.configura-cotiza .configuracion .btnregresar>.boton.secundario {
        margin: 2rem auto
    }

    section.configura-cotiza .financiamiento .cotiza .container .head>div>div {
        display: block;
        width: 100%
    }

    section.configura-cotiza .financiamiento .cotiza .container .head>div>div>div .precio {
        text-align: center
    }

    section.configura-cotiza .financiamiento .financiar .plan .container .flex>div {
        padding: 0;
        width: 100%
    }

    section.configura-cotiza .financiamiento .btnregresar {
        position: absolute;
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
        position: inherit;
        top: inherit;
        left: inherit;
        padding: 0 20px
    }

    section.configura-cotiza .financiamiento .btnregresar>.boton.secundario {
        display: none;
        margin: 2rem auto
    }

    section.configura-cotiza .financiamiento .btnregresar>.boton.secundario.activo {
        display: table
    }

    section.configura-cotiza .mailModal .container {
        overflow: auto
    }

    section.configura-cotiza .mailModal .container .gracias,
    section.configura-cotiza .mailModal .container .mail {
        position: relative
    }

    section.configura-cotiza .mailModal .container .gracias form .boton,
    section.configura-cotiza .mailModal .container .mail form .boton {
        margin: 1rem auto;
        margin-top: 3rem
    }

    section.configura-cotiza .cotizarModal .container .cotiza .head>div>div {
        display: block;
        width: 100%
    }

    section.configura-cotiza .cotizarModal .container .cotiza .head>div>div>div .precio {
        text-align: center
    }

    section.configura-cotiza .accesorioModal .close:before {
        color: #fff
    }

    section.configura-cotiza .accesorioModal .container>div {
        position: absolute;
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
        position: inherit;
        top: inherit;
        left: inherit
    }

    section.configura-cotiza .accesorioModal .container>div .slide dl {
        height: auto
    }

    section.configura-cotiza .accesorioModal .container>div .slide dl dd {
        display: block;
        height: auto;
        width: 100%
    }

    section.configura-cotiza .accesorioModal .container>div .slide dl dd .img:before {
        display: none
    }

    section.configura-cotiza .accesorioModal .container>div .slide dl dd .info {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0 20px;
        margin-bottom: 80px
    }

    section.configura-cotiza .accesorioModal .container>div .slide dl dd .info .boton {
        margin: 2rem auto
    }

    section.configura-cotiza .accesorioModal .container>div .bx-controls-direction a {
        display: none
    }

    section.configura-cotiza .accesorioModal .container>div .bx-wrapper .bx-has-pager {
        opacity: 1
    }

    .cover-financiamiento {
        height: auto
    }

    .cover-financiamiento>img {
        display: block;
        min-height: auto;
        position: relative;
        width: 100%
    }

    .cover-financiamiento .container {
        margin: 2.5rem 0
    }

    .cover-financiamiento .container>div {
        display: block
    }

    .cover-financiamiento .container>div h1 {
        margin: 0;
        width: 100%
    }

    .cover-financiamiento .container>div p {
        color: #263238;
        display: block;
        text-align: left;
        margin: 0;
        margin-bottom: 1rem;
        width: 100%
    }

    .planes-financiamiento {
        height: auto;
        padding: 0
    }

    .planes-financiamiento .linea {
        display: none
    }

    .planes-financiamiento .container .info {
        width: 100%;
        padding: 0 30px 0;
        position: relative
    }

    .planes-financiamiento .container .info .boton {
        display: none
    }

    .planes-financiamiento .container .plan {
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        -ms-transition: all .5s;
        transition: all .5s;
        display: block;
        height: auto;
        overflow: hidden;
        position: relative;
        width: 100%
    }

    .planes-financiamiento .container .plan>div {
        padding: 0 1rem
    }

    .planes-financiamiento .container .plan>img {
        position: absolute;
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
        position: inherit;
        top: inherit;
        left: inherit;
        height: 320px;
        position: absolute
    }

    .planes-financiamiento .container .plan .info-small {
        display: none
    }

    .planes-financiamiento .container .plan .info-big {
        -webkit-transition: all .6s;
        -moz-transition: all .6s;
        -ms-transition: all .6s;
        transition: all .6s;
        position: absolute;
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
        position: inherit;
        top: inherit;
        left: inherit;
        margin-top: 2.5rem
    }

    .planes-financiamiento .container .plan .info-big p {
        height: 112px
    }

    .planes-financiamiento .container .plan .info-big .caracteristicas {
        margin: 3rem 0
    }

    .planes-financiamiento .container .plan .info-big .caracteristicas p {
        color: #37474f;
        height: auto
    }

    .planes-financiamiento .container .plan .info-big .caracteristicas ul li {
        color: #37474f
    }

    .planes-financiamiento .container .plan .info-big .caracteristicas .boton {
        margin: 1.25rem 0
    }

    .planes-financiamiento .container .boton.planes {
        display: block
    }

    .porque-financiamiento {
        height: auto;
        padding: 3.125rem 0
    }

    .porque-financiamiento .container {
        display: block
    }

    .porque-financiamiento .container h2 {
        width: 100%
    }

    .porque-financiamiento .container p {
        width: 100%
    }

    .porque-financiamiento .container dl {
        padding: 2.5rem 0 0
    }

    .porque-financiamiento .container dl dd {
        display: block;
        width: 100%
    }

    .porque-financiamiento .container dl dd p {
        height: auto;
        margin: 0 1rem 2rem 4rem
    }

    .beneficios-financiamiento {
        background: #263238;
        height: auto
    }

    .beneficios-financiamiento>img {
        display: none
    }

    .beneficios-financiamiento .container .flex {
        margin: 4.375rem auto 0
    }

    .beneficios-financiamiento .container .flex>div {
        margin-bottom: 2rem;
        padding: 0 2rem;
        width: 100%
    }

    .seguros-financiamiento {
        height: auto
    }

    .seguros-financiamiento .container {
        display: block
    }

    .seguros-financiamiento .container h2 {
        width: 100%
    }

    .seguros-financiamiento .container p {
        width: 100%
    }

    .seguros-financiamiento .container dl {
        padding: 2.5rem 0 0
    }

    .seguros-financiamiento .container dl dd {
        display: block;
        width: 100%
    }

    .seguros-financiamiento .container dl dd i {
        margin: 0 auto;
        position: relative
    }

    .seguros-financiamiento .container dl dd p {
        height: auto;
        margin: 0 0 3rem 0
    }

    .cover-servicio {
        height: auto
    }

    .cover-servicio>img {
        display: block;
        min-height: auto;
        position: relative;
        width: 100%
    }

    .cover-servicio .container {
        margin: 2.5rem 0 0 0
    }

    .cover-servicio .container>div {
        display: block
    }

    .cover-servicio .container>div h1 {
        font-size: 2.125rem;
        line-height: 2.5rem;
        margin: 0 0 1rem;
        width: 100%
    }

    .cover-servicio .container>div p {
        color: #263238;
        display: block;
        text-align: left;
        margin: 0;
        margin-bottom: 1rem;
        width: 100%
    }

    .expertos-servicio {
        height: auto;
        padding: 3.125rem 0 0
    }

    .expertos-servicio .container {
        display: block
    }

    .expertos-servicio .container h2 {
        width: 100%
    }

    .expertos-servicio .container p {
        width: 100%
    }

    .expertos-servicio .container dl {
        padding: 0
    }

    .expertos-servicio .container dl dd {
        display: block;
        padding: 0;
        margin-bottom: 2rem;
        width: 100%
    }

    .expertos-servicio .container dl dd .img,
    .expertos-servicio .container dl dd .video {
        height: 15rem
    }

    .expertos-servicio .container dl dd h3 {
        margin: 1rem 0
    }

    .expertos-servicio .container dl dd p {
        height: auto;
        margin: 0 0 1.25rem 0
    }

    .precios-servicio {
        height: auto;
        padding: 3.125rem 0
    }

    .precios-servicio .container {
        display: block
    }

    .precios-servicio .container h2 {
        margin: 0;
        width: 100%
    }

    .precios-servicio .container p {
        margin: 2rem 0;
        width: 100%
    }

    .precios-servicio .container .fill-servicios {
        margin: auto
    }

    .precios-servicio .container .servicios div dl {
        padding: 2.5rem 0 0
    }

    .precios-servicio .container .servicios div dl dd {
        display: block;
        width: 100%
    }

    .precios-servicio .container .servicios div dl dd img {
        display: none
    }

    .precios-servicio .container .servicios div dl dd p {
        height: auto;
        margin: 0 0 2rem
    }

    .precios-servicio .container .servicios div dl dd form .input-field {
        display: block;
        padding: 2rem 0 0 0;
        width: 100%
    }

    .precios-servicio .container .servicios div dl dd form .input-field label {
        top: 6px
    }

    .precios-servicio .container .servicios div dl dd form .input-field:last-child {
        width: 100%
    }

    .refacciones-servicio {
        height: auto;
        padding: 3.125rem 0
    }

    .refacciones-servicio .container {
        display: block
    }

    .refacciones-servicio .container h2 {
        width: 100%
    }

    .refacciones-servicio .container p {
        width: 100%
    }

    .refacciones-servicio .container .flex {
        margin: 20px auto;
        padding: 0
    }

    .refacciones-servicio .container .flex .fila {
        flex-direction: column;
        -webkit-box-direction: column;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        width: 100%
    }

    .refacciones-servicio .container .flex .fila .refaccion {
        margin: 1rem auto;
        width: 100%
    }

    .refacciones-servicio .container .flex .fila .refaccion .imagen img {
        height: 100%;
        width: auto
    }

    .garantia-servicio {
        height: auto;
        padding: 3.125rem 0
    }

    .garantia-servicio .container {
        display: block
    }

    .garantia-servicio .container dl {
        padding: 0
    }

    .garantia-servicio .container dl dd {
        display: block;
        margin-bottom: 1rem;
        width: 100%
    }

    .garantia-servicio .container dl dd p {
        height: auto;
        margin: 0 0 2rem 0
    }

    .garantia-servicio .container dl dd .link {
        margin: 2rem 0
    }

    section.preguntas-buscador {
        padding: 50px 0 100px
    }

    section.preguntas-buscador .container h2 {
        font-size: 1.875rem
    }

    section.preguntas-buscador .container .buscar>form {
        margin-top: 70px
    }

    section.preguntas-buscador .container .buscar .pregunta>div.informacion {
        padding: 25px 10px
    }

    section.preguntas-buscador .container .buscar .pregunta>div.informacion form .input-field {
        display: block;
        width: 100%
    }

    section.preguntas-buscador .container .buscar .pregunta>div.informacion form .input-field p {
        margin-bottom: 1.25rem;
        text-align: center
    }

    section.preguntas-buscador .container .buscar .pregunta>div.informacion form .input-field>div {
        margin: auto
    }

    section.preguntas-buscador .container .buscar .pregunta>div.informacion form .input-field .boton {
        float: none;
        margin: 2rem auto
    }

    section.preguntas-populares .container .preguntas ul {
        padding: 0;
        display: block;
        width: 100%
    }

    section.preguntas-populares .container .preguntas ul li>div>div {
        padding: 25px 10px
    }

    section.preguntas-populares .container .preguntas ul li>div>div form .input-field {
        display: block;
        width: 100%
    }

    section.preguntas-populares .container .preguntas ul li>div>div form .input-field p {
        margin-bottom: 1.25rem;
        text-align: center
    }

    section.preguntas-populares .container .preguntas ul li>div>div form .input-field>div {
        margin: auto
    }

    section.preguntas-populares .container .preguntas ul li>div>div form .input-field .boton {
        float: none;
        margin: 2rem auto
    }

    section.preguntas-populares .container .preguntas ul li>div>div>h6 {
        text-align: center
    }

    section.preguntas-populares .container .preguntas ul li>div>div>p {
        text-align: center
    }

    section.preguntas-populares .container .preguntas ul li>div>.losentimos>div {
        display: block;
        width: 100%
    }

    section.preguntas-populares .container .preguntas ul li>div>.losentimos>div>h6 {
        text-align: center
    }

    section.preguntas-populares .container .preguntas ul li>div>.losentimos>div>p {
        text-align: center
    }

    section.preguntas-populares .container .preguntas ul li>div>.losentimos>div .boton {
        margin: 1rem auto
    }

    section.consulta-categoria .container>div .preguntas {
        display: block;
        width: 100%
    }

    section.consulta-categoria .container>div .preguntas>div ul {
        padding: 0;
        display: block;
        width: 100%
    }

    section.consulta-categoria .container>div .preguntas>div ul li>div>div {
        padding: 25px 10px
    }

    section.consulta-categoria .container>div .preguntas>div ul li>div>div form .input-field {
        display: block;
        width: 100%
    }

    section.consulta-categoria .container>div .preguntas>div ul li>div>div form .input-field p {
        margin-bottom: 1.25rem;
        text-align: center
    }

    section.consulta-categoria .container>div .preguntas>div ul li>div>div form .input-field>div {
        margin: auto
    }

    section.consulta-categoria .container>div .preguntas>div ul li>div>div form .input-field .boton {
        float: none;
        margin: 2rem auto
    }

    section.consulta-categoria .container>div .preguntas>div ul li>div>div>h6 {
        text-align: center
    }

    section.consulta-categoria .container>div .preguntas>div ul li>div>div>p {
        text-align: center
    }

    section.consulta-categoria .container>div .preguntas>div ul li>div>.losentimos>div {
        display: block;
        width: 100%
    }

    section.consulta-categoria .container>div .preguntas>div ul li>div>.losentimos>div>h6 {
        text-align: center
    }

    section.consulta-categoria .container>div .preguntas>div ul li>div>.losentimos>div>p {
        text-align: center
    }

    section.consulta-categoria .container>div .preguntas>div ul li>div>.losentimos>div .boton {
        margin: 1rem auto
    }

    .propietarios-toyota {
        height: auto;
        min-height: 480px
    }

    .propietarios-toyota .container>div {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
        padding: 2rem;
        width: 100%
    }

    .propietarios-toyota .container>div>h1 {
        margin-top: 3.125rem;
        text-align: left
    }

    .propietarios-toyota .container>div>.tabla>div {
        display: block;
        padding: 0;
        width: 100%
    }

    .propietarios-toyota .container>div>.tabla>div .boton {
        margin: 2rem auto
    }

    .propietarios-toyota .container>div .bienvenido {
        background: #fff;
        padding: 0 20px
    }

    .propietarios-toyota .container>div .bienvenido h3 {
        color: #37474f
    }

    .propietarios-toyota .container>div .bienvenido p {
        color: #37474f
    }

    .propietarios-toyota .container .content {
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0)
    }

    .propietarios-toyota .container .content>div {
        position: relative;
        padding: 0 20px
    }

    .propietarios-toyota .container .content>div .boton {
        margin: 2rem auto
    }

    .propietarios-toyota .container .content .ingresa-vin {
        padding: 0
    }

    .propietarios-toyota .container .content .con-accion-preventiva {
        position: absolute;
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
        position: inherit;
        top: inherit;
        left: inherit
    }

    .propietarios-toyota .container .content .con-accion-preventiva {
        position: absolute;
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
        position: inherit;
        top: inherit;
        left: inherit
    }

    .propietarios-toyota .container .content .no-encontrado,
    .propietarios-toyota .container .content .sin-accion-preventiva {
        position: absolute;
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
        position: inherit;
        top: inherit;
        left: inherit
    }

    .cover-propietarios {
        height: auto
    }

    .cover-propietarios>img {
        min-height: auto;
        position: relative;
        width: 100%
    }

    .cover-propietarios .container>div {
        display: none
    }

    .menu-propietarios .menufixed .container .hola {
        position: relative;
        width: 100%
    }

    .menu-propietarios .menufixed .container .hola>div {
        padding: 0
    }

    .menu-propietarios .menufixed .container .hola .carro {
        cursor: pointer;
        padding-right: 1.5rem
    }

    .menu-propietarios .menufixed .container .hola .carro:after {
        position: absolute;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        top: 50%;
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        content: "";
        direction: ltr;
        display: inline-block;
        font-family: "Material Icons";
        font-feature-settings: "liga";
        font-style: normal;
        font-weight: 400;
        letter-spacing: normal;
        line-height: 1;
        text-rendering: optimizeLegibility;
        text-transform: none;
        white-space: nowrap;
        word-wrap: normal;
        color: #c03;
        font-size: 1rem;
        line-height: normal;
        right: 0
    }

    .menu-propietarios .menufixed .container nav {
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        -ms-transition: all .5s;
        transition: all .5s;
        -webkit-transform: translate(100%, 0);
        -moz-transform: translate(100%, 0);
        -ms-transform: translate(100%, 0);
        transform: translate(100%, 0);
        background: #263238;
        height: 100vh;
        left: 0;
        position: fixed;
        top: 0;
        width: 100vw
    }

    .menu-propietarios .menufixed .container nav .datos {
        position: relative
    }

    .menu-propietarios .menufixed .container nav .datos .carro span {
        color: #fff;
        display: block;
        font-size: 1.5rem;
        font-weight: 600;
        padding: 1.5rem 20px
    }

    .menu-propietarios .menufixed .container nav .datos .name {
        cursor: pointer
    }

    .menu-propietarios .menufixed .container nav .datos .name:hover {
        background: #37474f
    }

    .menu-propietarios .menufixed .container nav .datos .name:hover>span {
        border-bottom: 1px solid #37474f;
        color: #fff
    }

    .menu-propietarios .menufixed .container nav .datos .name span {
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        -ms-transition: all .5s;
        transition: all .5s;
        border-bottom: 1px solid #78909c;
        color: #78909c;
        display: block;
        font-weight: 700;
        margin: auto;
        padding: 1.125rem 0;
        width: calc(100% - 40px)
    }

    .menu-propietarios .menufixed .container nav .datos .close {
        cursor: pointer;
        height: 24px;
        overflow: hidden;
        position: absolute;
        right: 20px;
        top: 30px;
        width: 24px
    }

    .menu-propietarios .menufixed .container nav .datos .close:before {
        position: absolute;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        top: 50%;
        left: 50%;
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        content: "";
        direction: ltr;
        display: inline-block;
        font-family: "Material Icons";
        font-feature-settings: "liga";
        font-style: normal;
        font-weight: 400;
        letter-spacing: normal;
        line-height: 1;
        text-rendering: optimizeLegibility;
        text-transform: none;
        white-space: nowrap;
        word-wrap: normal;
        color: #c03;
        font-size: 30px
    }

    .menu-propietarios .menufixed .container nav>ul {
        height: auto;
        width: 100%
    }

    .menu-propietarios .menufixed .container nav>ul>li {
        height: auto;
        padding: 0;
        position: relative;
        width: 100%
    }

    .menu-propietarios .menufixed .container nav>ul>li>a {
        display: block;
        padding: 1.125rem 0;
        border-bottom: 1px solid #78909c;
        width: calc(100% - 40px);
        margin: auto
    }

    .menu-propietarios .menufixed .container nav>ul>li>a:before {
        display: none
    }

    .menu-propietarios .menufixed .container nav>ul>li:last-child>a {
        border: none
    }

    .menu-propietarios .menufixed .container nav>ul>li:hover {
        background: #37474f
    }

    .menu-propietarios .menufixed .container nav>ul>li:hover>a {
        border-bottom: 1px solid #37474f
    }

    .menu-propietarios .menufixed .container nav>ul>li:hover:last-child>a {
        border: none
    }

    .menu-propietarios .menufixed .container nav .btnAgenda {
        position: relative;
        margin: 2rem auto
    }

    .menu-propietarios .menufixed.activo {
        z-index: 99
    }

    .menu-propietarios .menufixed.activo .container nav {
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0)
    }

    .agendar-propietarios {
        padding: 0
    }

    .agendar-propietarios .container>div {
        display: block;
        padding: 0;
        width: 100%
    }

    .agendar-propietarios .container>div .boton {
        margin: 2rem auto
    }

    .promociones-propietarios .container h3 {
        margin-top: 3.125rem
    }

    .promociones-propietarios .container>.flex>div {
        width: 100%
    }

    .promociones-propietarios .container>.flex>div .link.legales {
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
        position: inherit;
        right: inherit;
        top: inherit
    }

    .promociones-propietarios .container>.flex .proximos-eventos>div {
        display: block;
        width: 100%
    }

    .promociones-propietarios .container>.flex .proximos-eventos .info {
        padding: 0
    }

    .promociones-propietarios .container>.flex .proximos-eventos .img {
        padding: 0
    }

    .promociones-propietarios .container>.flex .proximos-eventos.activo {
        width: 100%
    }

    .descubre-propietarios .container .flex>div {
        width: 100%;
        margin-bottom: 2rem
    }

    .consejos-propietarios {
        padding: 3.125rem 0
    }

    .consejos-propietarios .slide>div {
        padding-bottom: 30px
    }

    .consejos-propietarios .slide>div .container .flex>div {
        padding: 0;
        width: 100%
    }

    .consejos-propietarios .slide>div .container .flex>div>h6 {
        display: none
    }

    .consejos-propietarios .slide>div .container .flex>div>h2 {
        font-weight: 700;
        text-align: center
    }

    .consejos-propietarios .slide>div .container .flex>div>p {
        text-align: center
    }

    .consejos-propietarios .bx-controls-direction {
        display: none
    }

    .descargas-propietarios {
        background: #fff;
        padding: 3.125rem 0
    }

    .descargas-propietarios .container .flex div {
        width: 100%
    }

    .blog-propietarios {
        padding: 3.125rem 0
    }

    .blog-propietarios .container>h6 {
        display: none
    }

    .blog-propietarios .container>h2 {
        font-weight: 700
    }

    .blog-propietarios .container>.link {
        display: none
    }

    .blog-propietarios .container>.boton {
        display: block
    }

    .blog-propietarios .container .flex {
        margin: 20px auto;
        padding: 0
    }

    .blog-propietarios .container .flex .fila {
        flex-direction: column;
        -webkit-box-direction: column;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        width: 100%
    }

    .blog-propietarios .container .flex .fila>div {
        margin-bottom: 2.5rem;
        width: 100%
    }

    .registro-inicio {
        height: auto;
        min-height: 480px
    }

    .registro-inicio .container>div {
        display: block;
        padding: 0;
        width: 100%
    }

    .registro-inicio .container>div>h1 {
        margin-top: 3.125rem;
        text-align: center
    }

    .registro-inicio .container>div>.tabla>div {
        display: block;
        padding: 0;
        width: 100%
    }

    .registro-inicio .container>div>.tabla>div .boton {
        margin: 2rem auto
    }

    .registro-inicio .container>div .bienvenido {
        background: #fff;
        padding: 0 20px
    }

    .registro-inicio .container>div .bienvenido h3 {
        color: #37474f
    }

    .registro-inicio .container>div .bienvenido p {
        color: #37474f
    }

    .registro-inicio .container .conten {
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0)
    }

    .registro-inicio .container .conten>div {
        position: inherit;
        padding: 0 20px
    }

    .registro-inicio .container .conten>div .boton {
        margin: 2rem auto
    }

    .registro-inicio .container .conten .ingresar .input-field .link {
        float: none
    }

    .registro-inicio .container .conten .listo {
        position: absolute;
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
        position: inherit;
        top: inherit;
        left: inherit
    }

    .registro-inicio .container .conten .restablecer .tabla {
        width: 100%
    }

    .registro-inicio .container .conten .restablecer .tabla .input-field {
        display: block;
        width: 100%
    }

    .registro-inicio .container .conten .restablecer .tabla .input-field .boton {
        margin: 2rem auto;
        max-width: 150px
    }

    .registro-inicio .container .conten .enviado {
        position: absolute;
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
        position: inherit;
        top: inherit;
        left: inherit
    }

    .prueba {
        padding-bottom: 3.125rem
    }

    .prueba .container>dl>dd {
        display: block;
        width: 100%
    }

    .prueba .container>dl>dd:last-child {
        padding: 0
    }

    .prueba .container>dl>dd h1 {
        margin-top: 3.125rem;
        text-align: center
    }

    .prueba .container>dl>dd>p {
        text-align: center
    }

    .prueba .container>dl>dd form>.contenedor .input-field {
        display: block;
        width: 100%
    }

    .prueba .container>dl>dd form>.contenedor .input-field:first-child {
        padding: 0
    }

    .prueba .container>dl>dd form>.contenedor .input-field:last-child {
        padding: 0
    }

    .prueba .container>dl>dd form .codigo dl dd .img {
        display: none
    }

    .prueba .container>dl>dd form .codigo dl dd .info {
        width: 100%
    }

    .prueba .container>dl>dd .boton {
        margin: 3rem auto
    }

    .distribuidores {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        height: auto;
        min-height: 600px
    }

    .distribuidores .container .buscador {
        width: 100%
    }

    .distribuidores .container .buscador .localiza {
        height: auto
    }

    .distribuidores .container .buscador .localiza>h3 {
        text-align: center
    }

    .distribuidores .container .buscador .localiza>p {
        text-align: center
    }

    .distribuidores .container .buscador .lista {
        height: auto;
        overflow: inherit
    }

    .distribuidores .container .buscador .lista>li:last-child {
        border-bottom: none;
        margin-bottom: 3.125rem
    }

    .distribuidores .container .buscador .datos {
        width: 100vw;
        position: fixed;
        height: 100vh;
        z-index: 99
    }

    .distribuidores .container .buscador .mapa {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        height: auto;
        padding: 0 2rem;
        position: relative;
        width: 100%
    }

    .distribuidores .container .buscador .mapa iframe {
        height: 300px
    }

    .descargables .container h2 {
        text-align: left
    }

    .descargables .container p {
        text-align: left
    }

    .descargables .container .descargas>div .flex dt {
        display: block
    }

    .descargables .container .descargas>div .flex dd {
        width: 100%
    }

    .resultados .container form {
        margin: 2.5rem auto
    }

    .resultados .container form input[type=text] {
        font-size: 1.25rem
    }

    .resultados .container h6 {
        font-size: 1.125rem
    }

    .resultados .container p {
        font-size: 1rem
    }

    .resultados .container>div dl:last-child {
        border-bottom: 1px solid #8c9aa2
    }

    .resultados .container>div dl dd>div img {
        padding: 1rem
    }

    .resultados .container>div dl dd>div:first-child {
        width: 100%
    }

    .resultados .container>div dl dd>div:last-child {
        width: 100%
    }

    .resultados .container .recomendacion {
        display: block;
        width: 100%
    }

    .resultados .container .recomendacion p {
        text-align: left
    }

    .resultados .container .recomendacion ul {
        width: 100%
    }

    .resultados .container .recomendacion ul li {
        display: block;
        padding: 0
    }

    .resultados .container .recomendacion ul li:after {
        display: none
    }

    .error404 {
        height: auto
    }

    .error404 .container>div {
        width: 100%
    }

    .error404 .container>div img {
        position: absolute;
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
        position: inherit;
        top: inherit;
        left: inherit;
        height: auto;
        width: 100%
    }

    .error404 .container>div h2 {
        margin-top: 0;
        text-align: center
    }

    .error404 .container>div p {
        font-size: 1.125rem;
        line-height: 1.8125rem;
        text-align: center
    }

    .error404 .container>div dl {
        margin: 1.75rem auto 3.125rem
    }

    .error404 .container>div dl dd {
        float: none
    }

    .error404 .container>div dl dd p {
        font-size: 1.125rem
    }

    .error404 .container>div dl dd .boton {
        margin: 1rem 2rem
    }

    .terminos-condiciones .container>div h1 {
        margin-top: 1.25rem
    }

    .terminos-condiciones .container>div h3 {
        font-size: 1.5rem;
        line-height: 2.1875rem
    }

    .terminos-condiciones .container>div ul {
        margin: 0
    }

    .terminos-condiciones .container>div dl {
        display: none
    }

    .error-page .container {
        overflow: auto
    }

    .error-page .container .upps {
        position: absolute;
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
        position: inherit;
        top: inherit;
        left: inherit;
        margin: 80px 0 40px
    }

    .error-page .container .upps p {
        font-size: 1.125rem;
        line-height: 1.625rem
    }

    .error-page .container .upps>dl dd {
        display: block;
        width: 100%
    }

    .error-page .container .upps>dl dd .boton {
        margin: 1rem auto
    }

    .error-alerta .container {
        overflow: auto
    }

    .error-alerta .container .upps {
        position: absolute;
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
        position: inherit;
        top: inherit;
        left: inherit;
        margin: 80px 0 40px
    }

    .error-alerta .container .upps p {
        font-size: 1.125rem;
        line-height: 1.625rem
    }

    .error-alerta .container .upps>dl dd {
        display: block;
        width: 100%
    }

    .error-alerta .container .upps>dl dd .boton {
        margin: 1rem auto
    }

    .correcto .container {
        overflow: auto
    }

    .correcto .container .gracias {
        position: absolute;
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
        position: inherit;
        top: inherit;
        left: inherit;
        margin: 80px 0 40px
    }

    .correcto .container .gracias h1 {
        font-size: 2.25rem
    }

    .correcto .container .gracias p {
        font-size: 1.125rem;
        line-height: 1.625rem
    }

    .correcto .container .gracias ul li {
        font-size: 1.125rem;
        line-height: 1.625rem
    }

    .correcto .container .gracias>.boton {
        margin-top: 1rem
    }

    .info-accion-preventiva .container {
        overflow: auto
    }

    .info-accion-preventiva .container .info-modal {
        position: absolute;
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
        position: inherit;
        top: inherit;
        left: inherit;
        height: 480px;
        margin: 80px 0 40px;
        overflow: scroll
    }

    .info-accion-preventiva .container .info-modal>.boton {
        margin-top: 1rem
    }

    .mapa-de-sitio .container h1 {
        margin: 1.25rem 0 0
    }

    .mapa-de-sitio .container>div {
        padding-bottom: 6.25rem;
        padding-top: .8125rem
    }

    .mapa-de-sitio .container>div>div {
        display: table-row;
        width: 100%
    }

    .mapa-de-sitio .container>div>div dl:first-child dt {
        margin-top: 1.0625rem
    }

    footer .footer1 {
        background: #263238
    }

    footer .footer1 .derechos {
        height: auto
    }

    footer .footer1 .derechos dl {
        display: block
    }

    footer .footer1 .derechos dl dd {
        display: block;
        margin: 20px auto;
        width: 100%;
        text-align: center
    }

    footer .footer1 .derechos dl dd .logo-toyota-footer {
        margin: auto
    }

    footer .footer1 .derechos dl dd p {
        text-align: center
    }

    footer .footer1 .derechos dl dd .boton {
        display: block;
        margin: 1rem auto
    }

    footer .footer1 .derechos dl dd span {
        display: table;
        margin: auto
    }

    footer .footer1 .derechos dl dd .numero {
        margin: auto
    }

    footer .footer2 .container {
        overflow: visible
    }

    footer .footer2 .links-footer {
        padding: 0
    }

    footer .footer2 .links-footer>ul {
        display: table-row
    }

    footer .footer2 .links-footer>ul>li {
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        -ms-transition: all .5s;
        transition: all .5s;
        border-bottom: 1px solid #989898;
        margin-bottom: 1rem
    }

    footer .footer2 .links-footer>ul>li p {
        font-size: 1rem;
        margin: 0;
        margin-bottom: 1rem;
        position: relative
    }

    footer .footer2 .links-footer>ul>li p:after {
        position: absolute;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        top: 50%;
        content: "";
        font-family: FontAwesome;
        color: rgba(207, 216, 220, .5);
        font-size: .75rem;
        right: 0
    }

    footer .footer2 .links-footer>ul>li>ul {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        background: #37474f;
        display: none;
        left: -20px;
        padding: 0 20px;
        position: relative;
        width: calc(100% + 40px)
    }

    footer .footer2 .links-footer>ul>li>ul>li {
        border-bottom: 1px solid #263238
    }

    footer .footer2 .links-footer>ul>li>ul>li a {
        display: block;
        font-size: 1rem;
        padding: 20px 0
    }

    footer .footer2 .links-footer>ul>li>ul>li:last-child {
        border: none
    }

    footer .footer2 .links-footer>ul>li.activo {
        border: none
    }

    footer .footer2 .links-footer>ul>li.activo p:after {
        content: ""
    }

    footer .footer2 .menu-legales {
        border: none;
        height: auto;
        padding: 24px 0
    }

    footer .footer2 .menu-legales nav {
        width: 100%
    }

    footer .footer2 .menu-legales nav ul {
        width: 100%
    }

    footer .footer2 .menu-legales nav ul li {
        display: block;
        margin-bottom: 24px;
        padding: 0;
        width: 100%
    }

    footer .footer2 .menu-legales nav ul li a {
        font-size: 1rem
    }

    .cookies .container dl {
        padding: 1.25rem 0
    }

    .cookies .container dl dd {
        display: block;
        width: 100%
    }

    .cookies .container dl dd .boton {
        float: none
    }

    .fancybox-wrap {
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        left: 0 !important;
        top: 50% !important;
        position: fixed !important;
        width: 100% !important
    }

    .fancybox-inner {
        height: auto !important;
        width: auto !important
    }

    .fancybox-lock body {
        height: 100vh !important;
        overflow: hidden !important;
        width: 100vw !important
    }

    .fancybox-title-float-wrap {
        position: relative
    }

    .fancybox-title-float-wrap .child {
        width: 90%
    }
}

.galeriaModal .container>div .bx-wrapper .bx-pager-item {
    display: none
}

select.visible {
    display: inline-block !important;
    width: auto !important
}

#reports_form {
    margin: 20px
}

#img-gen {
    text-align: center
}

.precios-servicio {
    overflow: visible
}

.dropdown-content {
    z-index: 95
}

.each_checkbx {
    overflow: hidden;
    font-size: 1rem;
    color: #8c9aa2;
    min-height: 23px;
    margin-bottom: 10px;
    font-weight: 100
}

.left_side,
.right_side {
    display: inline-block;
    vertical-align: top
}

.left_side {
    width: 10%;
    position: relative
}

position relative .left_side label {
    top: 0
}

.right_side {
    width: 88%
}

.propietarios-toyota-form {
    height: auto !important
}

.propietarios-toyota-form .content_data {
    background: #fff
}

.propietarios-toyota-form .content_data p {
    color: #8c9aa2 !important
}

.propietarios-toyota-form {
    font-size: 0;
    background: url(img/bg_propietarios.jpg) no-repeat center;
    background-size: cover;
    height: 800px
}

.each_checkbx label {
    top: 0 !important
}

.each_checkbx [type=checkbox]:not(.filled-in)+span::after {
    border: 1px solid #263238
}

.propietarios-toyota-form .container {
    display: table;
    padding: 0;
    max-width: 1500px
}

.propietarios-toyota-form .container h1 {
    color: #fff;
    margin-top: 0
}

.propietarios-toyota-form .container p {
    color: #fff
}

.each_mitad {
    display: inline-block;
    width: 50%;
    vertical-align: middle
}

.each_mitad>div {
    padding: 0 6.25rem
}

[type=radio]:checked+span,
[type=radio]:not(:checked)+span {
    position: relative;
    padding-left: 35px;
    cursor: pointer;
    display: inline-block;
    height: 25px;
    line-height: 25px;
    font-size: 1rem;
    -webkit-transition: .28s ease;
    transition: .28s ease;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

[type=radio]+span::before {
    border: 1px solid #263238
}

[type=radio].with-gap:checked+span::after,
[type=radio].with-gap:checked+span::before,
[type=radio]:checked+span::after,
[type=radio]:checked+span::before,
[type=radio]:not(:checked)+span::after,
[type=radio]:not(:checked)+span::before {
    border-radius: 50%
}

[type=radio]+span::after,
[type=radio]+span::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    margin: 4px;
    width: 16px;
    height: 16px;
    z-index: 0;
    -webkit-transition: .28s ease;
    transition: .28s ease
}

[type=radio]:checked+span::after {
    left: 1px;
    top: 1px;
    background: #263238
}

.lbCh {
    position: relative;
    margin-bottom: 30px
}

[type=checkbox]:not(.filled-in)+span:not(.lever)::after {
    border: 0;
    -webkit-transform: scale(0);
    transform: scale(0)
}

[type=checkbox]+span:not(.lever)::before,
[type=checkbox]:not(.filled-in)+span:not(.lever)::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 18px;
    height: 18px;
    z-index: 0;
    border: 2px solid #5a5a5a;
    border-radius: 1px;
    margin-top: 3px;
    -webkit-transition: .2s;
    transition: .2s
}

[type=checkbox]:checked+span:not(.lever)::before {
    top: -4px;
    left: -5px;
    width: 12px;
    height: 22px;
    border-top: 2px solid transparent;
    border-left: 2px solid transparent;
    border-right: 2px solid #ff1744;
    border-bottom: 2px solid #ff1744;
    -webkit-transform: rotate(40deg);
    transform: rotate(40deg);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%
}

.chbx {
    position: relative !important;
    min-height: 30px;
    line-height: 30px
}

.chbx span {
    margin-left: 35px !important
}

input.error_span {
    border-bottom: 1px solid #ff1744;
    margin: 0
}

span.error_span {
    display: block;
    font-size: 11px;
    color: #ff1744;
    margin-bottom: 10px
}

.validate.required {
    margin-bottom: 0 !important
}

.valid+.error_span {
    display: none
}

.form-item.form-type-radio.form-item-propietario {
    overflow: hidden;
    margin: 0 0 10px;
    padding: 0;
    min-height: 40px
}

@media only screen and (max-width:960px) {
    .each_mitad {
        width: 100%
    }
}

@media only screen and (max-width:668px) {
    .each_mitad>div {
        padding: 0 1.25rem
    }
}

.btn-whats {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    background: #c03;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    display: table-cell;
    height: 38px;
    position: fixed;
    right: 0;
    top: 86%;
    width: 48px;
    z-index: 980
}

.btn-whats:before {
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    content: "\f232";
    font-family: FontAwesome;
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    left: 52%;
    top: 48%
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: 0
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-list,
.slick-slider .slick-track {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 2000px
}

.slick-track:after,
.slick-track:before {
    display: table;
    content: ''
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: visible
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

@font-face {
    font-family: slick;
    font-weight: 400;
    font-style: normal;
    src: url(assets/fonts/slick.eot);
    src: url(assets/fonts/slick.eot?#iefix) format('embedded-opentype'), url(assets/fonts/slick.woff) format('woff'), url(assets/fonts/slick.ttf) format('truetype'), url(assets/fonts/slick.svg#slick) format('svg')
}

.slick-next,
.slick-prev {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: 0;
    background: 0 0
}

.slick-next:focus,
.slick-next:hover,
.slick-prev:focus,
.slick-prev:hover {
    color: transparent;
    outline: 0;
    background: 0 0
}

.slick-next:focus:before,
.slick-next:hover:before,
.slick-prev:focus:before,
.slick-prev:hover:before {
    opacity: 1
}

.slick-next.slick-disabled:before,
.slick-prev.slick-disabled:before {
    opacity: .25
}

.slick-next:before,
.slick-prev:before {
    font-family: slick;
    font-size: 20px;
    line-height: 1;
    opacity: .75;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-prev {
    left: -25px
}

[dir=rtl] .slick-prev {
    right: -25px;
    left: auto
}

.slick-prev:before {
    display: none;
    content: '←'
}

[dir=rtl] .slick-prev:before {
    content: '→'
}

.slick-next {
    right: -25px
}

[dir=rtl] .slick-next {
    right: auto;
    left: -25px
}

.slick-next:before {
    display: none;
    content: '→'
}

[dir=rtl] .slick-next:before {
    content: '←'
}

.slick-dots {
    position: absolute;
    bottom: -25px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center
}

.slick-dots li {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer
}

.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: 0;
    background: 0 0
}

.slick-dots li button:focus,
.slick-dots li button:hover {
    outline: 0
}

.slick-dots li button:focus:before,
.slick-dots li button:hover:before {
    opacity: 1
}

.slick-dots li button:before {
    font-family: slick;
    font-size: 6px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: '•';
    text-align: center;
    opacity: .25;
    color: #000;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: none
}

.slick-dots li.slick-active button:before {
    opacity: .75;
    color: #000
}

.slider-home {
    position: relative;
    box-sizing: border-box;
    text-align: center;
    overflow: hidden;
    outline: 0;
    margin-top: 0;
    margin-bottom: 0;
    height: 470px
}

.slider-home b,
.slider-home h1,
.slider-home h2,
.slider-home h3,
.slider-home h4,
.slider-home h5,
.slider-home h6,
.slider-home span {
    color: #fff !important
}

.slider-home h1 {
    color: #fff;
    text-shadow: -3px 3px 3px rgba(0, 0, 0, .7)
}

.slider-home h5 {
    text-shadow: -3px 3px 3px rgba(0, 0, 0, .7)
}

.slider-home h3 {
    margin-top: 90px;
    color: #fff;
    text-shadow: -3px 3px 3px rgba(0, 0, 0, .7);
    font-weight: 700
}

.slider-home h2 {
    margin-top: 70px;
    color: #fff;
    text-shadow: -3px 3px 3px rgba(0, 0, 0, .7);
    font-weight: 700;
    font-size: 4.5rem
}

.slider-home .imagen {
    position: absolute;
    right: 5%;
    bottom: -119px
}

.slider-home .imagen img {
    width: 100%
}

.slider-home .item {
    position: relative;
    height: 470px;
    overflow: hidden
}

.slider-home .item .container {
    height: 100%
}

.slider-home .imgResp {
    position: absolute;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    left: 50%;
    top: 50%;
    width: auto
}

.slider-home .texto {
    text-align: left
}

.slider-home .texto h1 {
    font-weight: 700;
    text-align: left;
    margin-top: 30px
}

.slider-home .texto h1 span {
    display: block
}

.slider-home .texto h4 {
    font-weight: 700;
    text-align: left;
    color: #fff;
    text-shadow: -3px 3px 3px rgba(0, 0, 0, .3)
}

.slider-home .texto h4 span {
    font-weight: 700;
    text-align: left
}

.slider-home .texto p {
    text-align: left
}

.slider-home .texto p .boton {
    margin: 0
}

.slider-home .texto.shadow .info {
    background: rgba(0, 0, 0, .6);
    padding: 20px;
    box-sizing: border-box;
    margin-top: 30px;
    display: inline-block
}

.slider-home .texto.shadow .info h1,
.slider-home .texto.shadow .info h2 {
    margin-top: 0;
    display: inline-block
}

.slider-home .texto.shadow .info p {
    float: none;
    margin: 20px 0 0;
    left: 0;
    position: static;
    padding: 0;
    display: inline-block
}

.slider-home .texto.shadow .left {
    float: none !important;
    margin-top: 20px
}

.slider-home .onlyButton p .boton {
    position: absolute;
    bottom: 100px
}

.slider-home .slick-dots {
    position: absolute;
    bottom: 11px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    right: 0;
    margin: 0 auto;
    text-align: center;
    outline: 0;
    width: 100%;
    max-width: 960px
}

.slider-home .slick-dots li {
    margin: 0 2px;
    width: 15px;
    height: 25px
}

.slider-home .slick-dots li button {
    outline: 0;
    font-size: 0;
    border-radius: 50%;
    width: 8px;
    height: 8px;
    padding: 0;
    cursor: pointer;
    background: rgba(255, 255, 255, .4)
}

.slider-home .slick-dots .slick-active button {
    background: #fff
}

.slider-home .slick-next,
.slider-home .slick-prev {
    display: block;
    border: 1px solid #000;
    position: absolute;
    border-radius: 50%
}

.slider-home .slick-next button,
.slider-home .slick-prev button {
    display: none
}

.slider-home .slick-prev {
    z-index: 7;
    font-size: 0;
    width: 50px;
    height: 50px;
    position: absolute
}

.slider-home .slick-prev:after {
    content: '‹';
    color: #000;
    position: absolute;
    top: 21px;
    right: 8px;
    width: 30px;
    font-size: 30px;
    font-family: 'Arial, Verdana, Geneva, Tahoma, sans-serif'
}

.slider-home .slick-next {
    z-index: 7;
    font-size: 0;
    width: 50px;
    height: 50px;
    position: absolute
}

.slider-home .slick-next:after {
    content: '‹';
    color: #000;
    position: absolute;
    top: 27px;
    right: 8px;
    width: 30px;
    font-size: 30px;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    font-family: 'Arial, Verdana, Geneva, Tahoma, sans-serif'
}

.slider-home:after {
    clear: both;
    content: '';
    display: table
}

.correcto .container .gracias .title {
    margin-top: 30px;
    text-align: center;
    color: #37474f;
    font-size: 4.5rem;
    font-weight: 400;
    margin: 6.25rem 0 2.25rem;
    line-height: 5.375rem
}

.hidden {
    display: none
}

@media (max-width:1382px) {
    .slider-home {
        height: 438px
    }
}

@media (max-width:1382px) {
    .slider-home {
        height: 438px
    }

    .slider-home .bg {
        text-align: center;
        margin: 0 auto;
        position: absolute;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
        left: 0;
        top: 0;
        width: auto;
        height: 100%
    }
}

@media (max-width:900px) {
    .slider-home .imagen {
        right: -4%;
        bottom: -66px;
        width: 80%
    }

    .slider-home .bg {
        position: absolute;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        left: 50%;
        top: 0
    }
}

@media (max-width:768px) {
    .slider-home {
        height: auto;
        background: #263238
    }

    .slider-home .item {
        height: auto
    }

    .slider-home .imgResp {
        position: static;
        width: 100%;
        height: auto;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        top: 0;
        left: 0
    }

    .slider-home .texto h1 {
        margin-top: 10px;
        margin-bottom: 10px
    }

    .slider-home .texto h1 span {
        display: inline-block !important;
        margin-right: 5px
    }

    .slider-home .texto p.left {
        width: 100%
    }

    .slider-home .texto p .boton {
        margin: 5px auto 0
    }

    .slider-home .texto.shadow {
        padding-bottom: 30px
    }

    .slider-home .texto.shadow .info {
        margin-top: 0;
        width: 100%;
        background: 0 0;
        padding: 0
    }

    .slider-home .texto.shadow .info p {
        margin: 0
    }

    .slider-home .onlyButton p .boton {
        position: static
    }

    .slider-home h3,
    .slider-home h5 {
        margin-top: 0;
        font-size: 26px
    }

    .slider-home h1 {
        font-size: 30px !important;
        line-height: 2.5rem
    }

    .slider-home h1,
    .slider-home h2,
    .slider-home h3,
    .slider-home h4,
    .slider-home h5,
    .slider-home h6 {
        margin: 0 0 10px !important
    }
}

@media (max-width:580px) {
    .slider-home h1 {
        font-size: 40px
    }

    .slider-home h2 {
        font-size: 40px
    }

    .slider-home .slick-prev {
        display: none !important
    }

    .slider-home .slick-prev button {
        display: none
    }

    .slider-home .slick-next {
        display: none !important
    }

    .slider-home .slick-next button {
        display: none
    }
}


.block-atletas {
    background: #f5f5f5;
    padding-bottom: 50px;
  }
  .block-atletas h2 {
    font-weight: 300;
    font-size: 54px;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 50px;
  }
  .sliderAtletas {
    padding-bottom: 50px;
  }
  .sliderAtletas .slide {
    text-align: center;
  }
  .sliderAtletas .slick-slide {
    outline: none;
  }
  .sliderAtletas .img {
    border-radius: 50%;
    max-width: 150px;
    margin: 0 auto 20px;
  }
  .sliderAtletas .img img {
    max-width: 100%;
  }
  .sliderAtletas .name {
    color: #37474f;
    font-weight: 700;
    margin: 0 auto 1.25rem;
    line-height: 1.45rem;
    font-size: 20px;
    width: 80%;
    min-height: 70px;
    text-align: center;
  }
  .sliderAtletas .area {
    width: 80%;
    margin: 0 auto;
    text-align: center;
  }
  .sliderAtletas .slick-dots {
    bottom: 0;
  }
  .sliderAtletas .slick-dots li button {
    background: rgba(38,50,56,0.4);
    border-radius: 50%;
    width: 8px;
    height: 8px;
    transition: 0.6s all ease;
  }
  .sliderAtletas .slick-dots li button:hover {
    -webkit-transform: scale(1.5, 1.5);
        -ms-transform: scale(1.5, 1.5);
            transform: scale(1.5, 1.5);
    background: #263238;
  }
  .modalAtletas {
    box-sizing: border-box;
    background: rgba(255,255,255,0.8);
    display: none;
    height: 100%;
    left: 0;
    overflow: auto;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99;
    font-size: 0;
  }
  .modalAtletas.active {
    display: block;
  }
  .modalAtletas .close {
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    cursor: pointer;
    display: table;
    height: 25px;
    position: absolute;
    right: 20px;
    top: 40px;
    width: 25px;
    z-index: 1;
  }
  .modalAtletas .close::before {
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    content: "";
    direction: ltr;
    display: inline-block;
    font-family: "Material Icons";
    font-feature-settings: "liga";
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 1;
    text-rendering: optimizeLegibility;
    text-transform: none;
    white-space: nowrap;
    word-wrap: normal;
    color: #c03;
    font-size: 2.5625rem;
  }
  .modalAtletas .info-container {
    max-width: 900px;
    margin: 50px auto;
    background: #fff;
    overflow: hidden;
    box-shadow: 0 0 15px rgba(0,0,0,0.2);
    position: relative;
    height: 85%;
  }
  .modalAtletas .info-container:after {
    content: '';
    display: block;
    width: 100%;
    height: 40px;
    position: absolute;
    bottom: 0;
    left: 0;
    background: linear-gradient(rgba(255,255,255,0), #fff);
  }
  .modalAtletas .container {
    padding: 30px 50px;
    height: 100%;
    overflow: auto;
  }
  .modalAtletas .imageModal {
    display: block;
    vertical-align: top;
    width: 100%;
    max-width: 250px;
    margin: 0 auto 20px;
  }
  .modalAtletas .imageModal img {
    max-width: 250px;
    margin: 0 auto;
    display: block;
  }
  .modalAtletas .personalInfo {
    display: inline-block;
    vertical-align: top;
    width: 100%;
  }
  .modalAtletas .personalInfo ul ul {
    list-style: disc;
    padding-left: 20px;
  }
  .modalAtletas .untilNow {
    margin: 5px auto;
    display: block;
  }
  .modalAtletas .untilNow ul {
    list-style: circle;
    padding-left: 20px;
    margin-top: 10px;
  }
  .modalAtletas .untilNow >ul {
    margin-top: 0;
  }
  .modalAtletas .untilNow .subtitle {
    font-size: 1rem;
    color: #37474f;
  }
  .infoModal {
    display: none;
  }
  @media (max-width: 1400px) {
    .sliderAtletas .name {
      min-height: 48px;
    }
  }
  @media (max-width: 1024px) {
    .sliderAtletas .name {
      line-height: 1.65rem;
      min-height: 42px;
    }
    .modalAtletas .info-container {
      width: 70%;
    }
  }
  @media (max-width: 800px) {
    .sliderAtletas .img {
      max-width: 200px;
    }
    .sliderAtletas .name {
      line-height: 1.85rem;
      min-height: 40px;
    }
    .modalAtletas .info-container {
      max-width: 90%;
      height: 85%;
    }
  }
  @media (max-width: 480px) {
    .modalAtletas .container {
      padding: 15px 25px;
    }
    .modalAtletas .info-container {
      width: 90%;
    }
    .imageModal img {
      width: 200px;
    }
  }
  @media (max-width: 320px) {
    .imageModal img {
      width: 150px;
    }
  }
  .show-hide {
    display: none !important;
  }


/*estilos generales safety desktop*/

ul.tabs-safety {
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.21);
    justify-content: center;
    background: #263238;
  }
  
  ul.tabs-safety li.active {
    font-weight: 600;
    color: white;
  }
  
  ul.tabs-safety li {
    margin: 5px 0;
    font-size: 1rem;
    line-height: 18px;
    color: white;
    padding: 10px 25px;
    text-align: center;
    cursor: pointer;
    display: flex;
    align-items: center;
    transition: all 0.5s;
    position: relative;
  }
  ul.tabs-safety li:hover:before {
    background: #fff;
    width: 100%;
  }
  ul.tabs-safety li:before {
    position: absolute;
    transform: translateX(-50%);
    left: 50%;
    transition: all 0.5s;
    background: 0 0;
    bottom: 0;
    content: " ";
    display: block;
    height: 4px;
    width: 0%;
  }
  
  .tab_container .tab_content {
    background-color: #263238;
    margin-bottom: 46px;
  }
  .tab_container .tab_content .item-content .col-item {
    width: 50%;
  }
  .tab_container .tab_content .item-content .col-item p {
    color: white;
    font-size: 18px;
    line-height: normal;
    padding: 0px 20px;
  }
  .tab_container .tab_content .item-content .col-item img {
    width: 100%;
  }
  .tab_container .tab_content .item-content .col-item .item-distancia {
    justify-content: center;
  }
  .tab_container .tab_content .item-content .col-item .item-distancia p {
    font-size: 25px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.11;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
  }
  .tab_container .tab_content .item-content .col-item .item-distancia p span {
    font-size: 18px;
    color: white;
    display: block;
  }
  .tab_container .tab_content .item-content .col-item .item-puntos {
    align-items: center;
  }
  .tab_container .tab_content .item-content .col-item .item-puntos figure {
    width: 20%;
  }
  .tab_container .tab_content .item-content .col-item .item-puntos p {
    width: 65%;
  }
  .tab_container .tab_content .item-content .col-item .rectangle-title {
    max-width: 504px;
    height: 90px;
    border-radius: 65.5px;
    background-color: #fff;
    margin: auto;
    margin-bottom: 40px;
    margin-top: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-transform: uppercase;
  }
  .tab_container .tab_content .item-content .col-item .rectangle-title h2 {
    font-size: 1.875rem;
    font-weight: bold;
    letter-spacing: 3px;
    text-align: center;
    color: #cd0d32;
    line-height: 27px;
    margin: 0;
  }
  .tab_container .tab_content .item-content .col-item .rectangle-title h2 span {
    font-weight: 400;
  }
  .tab_container .tab_content .item-content .col-item-block {
    width: 80%;
    background-color: white;
    margin: auto;
    margin-bottom: 50px;
    border-top: 5px solid #cd0d32;
    margin-top: 60px;
    padding: 20px 27px;
  }
  .tab_container .tab_content .item-content .col-item-block img {
    width: 100%;
  }
  .tab_container .tab_content .item-content .col-item-block h2 {
    font-size: 25px;
    font-weight: bold;
    line-height: normal;
    letter-spacing: 1.67px;
    color: #37474f;
    margin: 0;
    margin-bottom: 11px;
    text-transform: uppercase;
  }
  
  section.puntos {
    background-color: white;
    padding-top: 30px;
  }
  section.puntos .rectangule {
    width: 290px;
    height: 55px;
    line-height: 55px;
    border-radius: 29.5px;
    background-color: #cd0d32;
    font-size: 25px;
    font-weight: bold;
    letter-spacing: 1.67px;
    color: #fff;
    text-align: center;
    margin: auto;
    margin-bottom: 34px;
    text-transform: uppercase;
  }
  section.puntos ul {
    max-width: 945px;
    margin: auto;
    margin-bottom: 10px;
  }
  section.puntos ul li {
    font-size: 15px;
    letter-spacing: normal;
    color: #37474f;
    position: relative;
  }
  section.puntos ul li:before {
    content: "";
    position: absolute;
    left: -15px;
    top: 12px;
    width: 5px;
    height: 5px;
    background-color: #cd0d32;
    border-radius: 100px;
  }
  section.puntos p.expect {
    margin: auto;
    max-width: 945px;
  }
  
  h2.title-cover {
    width: 422px;
    position: absolute;
    right: 45px;
    top: 50px;
    z-index: 3;
    color: white;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
    font-size: 50px;
    font-weight: bold;
  }
  
  .btvideo-safety {
    width: 180px;
    height: 30px;
    border-radius: 17.5px;
    border: solid 2px #fff;
    margin: auto;
    text-align: center;
    line-height: 30px;
    color: white;
    text-transform: uppercase;
  }
  
  .item-relative {
    max-width: 1440px;
    margin: auto;
    position: relative;
  }
  
  
  /*  media query safety de telefono*/
  @media only screen and (max-width: 600px) {
    .tab_container .tab_content .item-content .col-item {
        width: 100%;
      }
    
      .item-nav {
        box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.2), 0 4px 8px 0 rgba(0, 0, 0, 0.19);
        background: #263238;
        width: 100%;
        height: 60px;
        position: relative;
      }
      .item-nav:before {
        position: absolute;
        transform: translateY(-50%);
        top: 50%;
        content: "";
        direction: ltr;
        display: inline-block;
        font-family: "Material Icons";
        font-feature-settings: "liga";
        font-style: normal;
        font-weight: 400;
        letter-spacing: normal;
        line-height: 1;
        text-rendering: optimizeLegibility;
        text-transform: none;
        white-space: nowrap;
        word-wrap: normal;
        color: #c03;
        font-size: 1.1rem;
        line-height: normal;
        right: 11px;
        cursor: pointer;
      }
      .item-nav .item-close {
        width: 100%;
        height: 48px;
        position: relative;
      }
      .item-nav .item-close span:before {
        position: absolute;
        transform: translate(-50%, -50%);
        top: 50%;
        right: 1%;
        content: "";
        direction: ltr;
        display: inline-block;
        font-family: "Material Icons";
        font-feature-settings: "liga";
        font-style: normal;
        font-weight: 400;
        letter-spacing: normal;
        line-height: 1;
        text-rendering: optimizeLegibility;
        text-transform: none;
        white-space: nowrap;
        word-wrap: normal;
        color: #c03;
        font-size: 30px;
      }
    
      ul.tabs-safety li {
        border-bottom: 1px solid #78909c;
        display: block;
        margin: auto;
        padding: 1.125rem 0;
        width: calc(100% - 40px);
        text-align: left;
        color: #78909c;
      }
      ul.tabs-safety li:hover {
        background: #37474f;
      }
    
      ul.tabs-safety li.active {
        color: #78909c;
      }
    
      ul.tabs-safety {
        transition: all 0.5s;
        transform: translate(100%, 0);
        background: #263238;
        display: block;
        height: 100vh;
        left: 0;
        overflow: auto;
        position: fixed;
        top: 0;
        width: 100vw;
        z-index: 999;
      }
      ul.tabs-safety.activo {
        transform: translate(0, 0);
      }
    
      ul.tabs-safety li::before {
        display: none;
      }
    
      .tab_container .tab_content .item-content .col-item .rectangle-title h2 {
        font-size: 16px;
      }
    
      .tab_container .tab_content .item-content .col-item .rectangle-title {
        height: 30px;
      }
    
      .tab_container .tab_content .item-content .col-item p {
        font-size: 16px;
      }
    
      section.puntos ul li {
        font-size: 14px;
      }
    
      h2.title-cover {
        position: relative;
        margin-top: 0;
        padding-top: 30px;
        right: 8px;
        text-align: right;
        width: 100%;
        font-size: 19px;
        line-height: 21px;
      }
    
      .item-relative {
        height: 50vw;
      }
      .item-relative img {
        height: 100%;
      }
  }