/* CSS Document */

.catalogo_mopar {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size:14px;
    font-weight: bold;
    display: inline-block;
    margin-left: 5px;
    cursor:pointer;
}


ol, ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

ol {
    list-style-position: inside;
}

.header a, .header button, .dropdown a {
    -webkit-transition: all 0.3s ease-out; /* Chrome y Safari */
    -o-transition: all 0.3s ease-out; /* Opera */
    -moz-transition: all 0.3s ease-out; /* Mozilla Firefox */
    -ms-transition: all 0.3s ease-out; /* Internet Explorer */
    transition: all 0.3s ease-out; /* W3C */
}



    .header a, .header a:hover, .header a:focus, .header a:active, .header a:visited, .dropdown a {
        text-decoration: none;
    }

        .header a:hover {
            opacity: 0.8;
            
        }



strong {
    font-weight: bold;
}

/* ------ TXT ------ */
p.txt-s {
    font-size: calc(100vw * 12 / 1920) !important;
}

p.txt-m {
    font-size: calc(100vw * 18 / 1920) !important;
}

p {
    font-size: calc(100vw * 18 / 1920) !important;
}

h5 {
    font-size: calc(100vw * 20 / 1920) !important;
}

h4 {
    font-size: calc(100vw * 24 / 1920) !important;
}

h3 {
    font-size: calc(100vw * 32 / 1920) !important;
}

h2 {
    font-size: calc(100vw * 36 / 1920) !important;
}

h1 {
    font-size: calc(100vw * 70 / 1920) !important;
}

h1, h2, h3, h4, h5, h6, p {
    font-weight: normal;
    text-shadow: none;
    margin: 0;
    padding: 0;
    line-height: 1;
}


.btn.btn-descargar:hover,
.btn.btn-descargar:focus {
    background: rgba(0, 0, 0, 0) url("../images/bk-octagonal.svg") no-repeat center bottom / 100% 100% !important;
}

.btn-descargar2 {
    width: calc(100vw * 640 / 1920);
    height: calc(100vw * 76 / 1920);
    display: block;
    text-align: center;
    -webkit-clip-path: polygon(3% 0%, 97% 0%, 100% 20%, 100% 80%, 97% 100%, 3% 100%, 0% 80%, 0% 20%);
    clip-path: polygon(3% 0%, 97% 0%, 100% 20%, 100% 80%, 97% 100%, 3% 100%, 0% 80%, 0% 20%);
    background: #005999;
    padding-top: calc(100vw * 20 / 1920);
    margin: calc(100vw * 80 / 1920) auto 0 auto;
}

    .btn-descargar2 h3 {
        font-weight: bold;
        display: inline-block;
    }

    .btn-descargar2 i {
        width: calc(100vw * 30 / 1920);
        height: calc(100vw * 30 / 1920);
        margin-left: calc(100vw * 20 / 1920);
        display: inline-block;
        background: rgba(0, 0, 0, 0) url("../images/arrow-down.svg") no-repeat center center / 100% 100% !important;
    }
/* -- SLIDER -- */
#slider {
    position: relative;
    font-family: 'Roboto';
    font-weight: 400;
}

    #slider .triangle {
        position: absolute;
        left: 0;
        bottom: -4px;
        z-index: 2;
        width: calc(100vw * 680 / 1920);
        height: calc(100vw * 680 / 1920);
    }

    #slider .item .caption {
        position: absolute;
        left: 0;
        width: 100%;
        bottom: calc(100vw * 180 / 1920);
        color: #FFF;
        text-align: center;
        z-index: 3;
    }

        #slider .item .caption h1 {
            font-weight: bold;
            line-height: 1;
        }

.home-slider {
    width: 100%;
    display: table;
    overflow: hidden;
    position: relative;
}

    .home-slider .title {
        padding: calc(100vw * 30 / 1920) calc(100vw * 60 / 1920);
        position: absolute;
        left: 50%;
        top: calc(50% - 50px);
        font-weight: 300;
        transform: translate(-50%,-50%);
        border: 1px solid #FFF;
        color: #FFF;
    }
    /* Nav */
    .home-slider .owl-nav {
        position: absolute;
        top: 50%;
        left: 0;
        width: 100%;
        pointer-events: none;
        padding-left: calc(100vw * 125 / 1920);
        padding-right: calc(100vw * 125 / 1920);
        z-index: 999;
    }

        .home-slider .owl-nav > div {
            width: calc(100vw * 60 / 1920);
            height: calc(100vw * 114 / 1920);
            pointer-events: auto;
            text-indent: 99999em;
        }

    .home-slider .owl-prev {
        float: left;
        background: rgba(0, 0, 0, 0) url("../images/arrow-prev.svg") no-repeat center bottom / 100% 100% !important;
    }

    .home-slider .owl-next {
        float: right;
        background: rgba(0, 0, 0, 0) url("../images/arrow-next.svg") no-repeat center bottom / 100% 100% !important;
    }

.separador {
    background-color: #F5F7FA; /*#2E3C4D;*/
    min-height: 25px;
}

.cuerpo {
    min-height: 520px;
    font-family: Roboto;
    font-weight: 300;
}

.border-bottom-red {
    border-bottom: 6px #A1093D solid;
    padding-bottom: 5px;
    display: block;
}

.border-bottom-blue {
    border-bottom: 6px #2E3C4D solid;
    padding-bottom: 5px;
    display: block;
}

.border-bottom-white {
    border-bottom: 6px white solid;
    padding-bottom: 5px;
    display: block;
}

.menu {
    display: inline-block;
    margin: 0px auto;
    margin-top: 15px;
    margin-left: 30px;
    color: white;
}

.dropdown {
    display: inline-block;
    margin: 0px auto;
    padding-top: 25px;
    padding-bottom: 25px;
}

.menu a {
    color: black;
    font-family: 'Roboto';
    text-transform: uppercase;
    font-weight: 300;
    color: white;
}

.dropdown a {
    color: black;
    font-family: 'Roboto';
    text-transform: uppercase;
    font-weight: 300;
    padding-bottom: 25px;
    padding-top: 25px;
    padding-left: 15px;
    padding-right: 15px;
    color: white;
}

.nav {
    background-color: #211b1b;
}

.dropdown:hover {
    background-color: #211b1b;
}
.menu a:hover, .dropdown a:hover {
    border-bottom: 4px solid #0068B3;
}

.menuUsuarioNoAuth {
    display:block !important;
    text-align:right !important;
    margin-top: 25px;
}

.menuUsuarioAuth {
    list-style:none;
    list-style-type:none;
    display:block;
}
    .menuUsuarioAuth li {
        display: inline;
        

    }
    .menuUsuarioAuth div.dropdown {
        padding: 25px 10px 0 0 !important;
        margin: 0px 0 0 0 !important;
    }

    .menuUsuarioAuth div.dropdown a {
        padding:0 !important;
        margin:0 !important;
    }

        .menuUsuarioAuth div.dropdown .dropdown-menu a {
            padding: 5px 5px 0 0 !important;
            margin: 0 0 0 0 !important;
        }

a.salir {
    padding: 0 !important;
    margin: 0 !important;
}

.dropdown-menu li a {
    border-bottom: none;
}

.lstLogos {
    display:block;
    text-align:center;
    list-style-type: none;
    margin: 0px auto;
    padding: 0;
}

    .lstLogos li {
        float: left;
    }


        .lstLogos li a {
            display: block;
            color: white;
            text-align: center;
            padding: 16px;
            text-decoration: none;

            width: 200px;
            height: 200px;
            
        }

.zoom {
    transition: transform .2s;

    margin: 0 auto;
}

    .zoom:hover {
        -ms-transform: scale(0.9); /* IE 9 */
        -webkit-transform: scale(0.9); /* Safari 3-8 */
        transform: scale(0.9);
    }