/*
Free Html5 Responsive Templates
Author: Kimmy
Author URI: http://www.zerotheme.com/
*/
/* -------------------------------------------- */
/* ------------------Reset--------------------- */
a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
blockquote,
big,
body,
center,
canvas,
caption,
cite,
code,
command,
datalist,
dd,
del,
details,
dfn,
dl,
div,
dt,
em,
embed,
fieldset,
figcaption,
figure,
font,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
keygen,
label,
legend,
li,
meter,
nav,
object,
ol,
output,
p,
pre,
progress,
q,
s,
samp,
section,
small,
span,
source,
strike,
strong,
sub,
sup,
table,
tbody,
tfoot,
thead,
th,
tr,
tdvideo,
tt,
u,
ul,
var {
    background: transparent;
    border: 0 none;
    font-size: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: top;
}
ol,
ul {
    list-style: none;
}
blockquote,
q {
    quotes: none;
}
table,
table td {
    padding: 0;
    border: none;
    border-collapse: collapse;
}
img {
    vertical-align: top;
}
embed {
    vertical-align: top;
}
article,
aside,
audio,
canvas,
command,
datalist,
details,
embed,
figcaption,
figure,
footer,
header,
hgroup,
keygen,
meter,
nav,
output,
progress,
section,
source,
video {
    display: block;
}
mark,
rp,
rt,
ruby,
summary,
time {
    display: inline;
}
input,
textarea {
    border: 0;
    padding: 0;
    margin: 0;
    outline: 0;
}
iframe {
    border: 0;
    margin: 0;
    padding: 0;
}
input,
textarea,
select {
    margin: 0;
    padding: 0px;
}

/* -------------------------------------------- */
/* ------------------Font---------------------- */

/*Add your font at here*/

/* -------------------------------------------- */
/* ------------------Style--------------------- */
html,
body {
    width: 100%;
    padding: 0;
    margin: 0;
}
body {
    background: #fff;
}

a {
    color: #474747;
    text-decoration: none;
}
a:hover {
    color: #da251d;
    text-decoration: none;
}

a.button {
    cursor: pointer;
    background: #3f3f3f;
}
a.button {
    display: inline-block;
    text-decoration: none;
    padding: 6px 12px 6px 12px;
}
a.button:hover {
}

.clear {
    content: "\0020";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* --------------------flyers------------------------ */
.imagex1 {
    position: relative;
    background: url("../images/plx/1.jpg") no-repeat fixed;
    background-position: bottom;
    background-position: center center;
    padding: 140px 0 140px 0;
}
.imagex2 {
    position: relative;
    background: url("../images/plx/2.jpg") no-repeat fixed;
    background-position: bottom;
    background-position: center center;
    padding: 140px 0 140px 0;
}
.imagex3 {
    position: relative;
    background: url("../images/plx/3.jpg") no-repeat fixed;
    background-position: bottom;
    background-position: center center;
    padding: 140px 0 140px 0;
}
.imagex4 {
    position: relative;
    background: url("../images/plx/4.jpg") no-repeat fixed;
    background-position: bottom;
    background-position: center center;
    padding: 140px 0 140px 0;
}

.imagex5 {
    position: relative;
    background-color: #262626;
    background: url("../images/plx/5.jpg") no-repeat fixed;
    background-position: bottom;
    background-position: center center;
    padding: 140px 0 140px 0;
}

.imagex6 {
    position: relative;
    background-color: #262626;
    background: url("../images/plx/6.jpg") no-repeat fixed;
    background-position: bottom;
    background-position: center center;
    padding: 140px 0 140px 0;
}
/* ------------------flyers-respons-------------------- */

.imagex7 {
    position: relative;
    background: url("../images/plx/7.jpg");
    padding: 140px 0 140px 0;
}
.imagex8 {
    position: relative;
    background: url("../images/plx/8.jpg");
    padding: 140px 0 140px 0;
}
.imagex9 {
    position: relative;
    background: url("../images/plx/9.jpg");
    padding: 140px 0 140px 0;
}

.imagex10 {
    position: relative;
    background: url("../images/plx/10.jpg");
    padding: 140px 0 140px 0;
}

.imagex11 {
    position: relative;
    background-color: #262626;
    background: url("../images/plx/11.jpg");
    padding: 140px 0 140px 0;
}

.imagex12 {
    position: relative;
    background-color: #262626;
    background: url("../images/plx/12.jpg");
    padding: 140px 0 140px 0;
}

.imagex13 {
    position: relative;
    background-color: #262626;
    background: url("../images/plx/13.jpg");
    padding: 140px 0 140px 0;
}

.imagex14 {
    position: relative;
    background-color: #262626;
    background: url("../images/plx/14.jpg");
    padding: 140px 0 140px 0;
}

/* ------------------Header-------------------- */

header .wrap-header {
    height: 130px;
}

header #logo {
    position: absolute;
    top: 10px;
    padding: 5px;
    width: 100%;
}

nav {
}
nav .wrap-nav {
    position: absolute;
    top: 50px;
    right: 0px;
    height: 37px;
}

.menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.menu ul li {
    position: relative;
    float: left;
    padding: 3px 3px 0px 3px;
    margin: 0 5px 0 5px;
    background: #fff;
    border-radius: 10px;
}
.menu ul li:hover {
    background: #fff;
}
.menu ul li a {
    display: block;
    padding: 6px 10px;
    margin-bottom: 5px;
    z-index: 6;
    position: relative;
    color: #fff;
}
.menu ul li:hover a {
    color: #000;
}

.minimenu {
    display: none;
}
.minimenu {
    position: relative;
    margin: 0px;
    background: #fabd03;
}
.minimenu div {
    overflow: hidden;
    position: relative;
    font: 18px/37px "PT Sans Narrow";
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
}
.minimenu select {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    opacity: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
    cursor: pointer;
}

/* -------------------------------------------- */
/* ------------------Featured---------------- */

.featured {
}
.featured .wrap-featured {
}
.featured .wrap-featured .slider {
}

/* -------------------------------------------- */
/* ------------------Content------------------- */
#content {
}
#content .wrap-content {
    width: 100%;
    margin-top: 0px;
}

.block01 {
    text-align: center;
    padding-bottom: 0px;
}
.block01 img {
}
.block01 h2 {
    line-height: 30px;
}

.block02 {
    margin: 10px;
    border-bottom: 1px dashed #cccccc;
    border-top: 1px dashed #cccccc;
}
.block02 p {
    padding: 30px;
    line-height: 30px;
}
.block02 a {
    color: #da251d;
}

.block03 {
    margin: 30px 0;
}
.block03 h2 {
}
.block03 img {
    float: left;
    margin-right: 10px;
}

/* -------------------------------------------- */
/* ------------------Footer-------------------- */
footer {
    background-color: #3c403e;
    margin-top: 0px;
}
footer .wrap-footer {
    padding: 10px 0px;
    color: #ffffff;
}
footer .box {
}
footer .heading {
    padding: 5px;
    border-bottom: 3px solid #ffffff;
}
footer .heading h2 {
    display: inline;
    padding: 0 5px;
}
footer .content {
    padding: 5px;
}
footer .content a {
    color: #da251d;
    text-decoration: none;
}
footer .content .gallery img {
    float: left;
    padding: 5px;
    border: 1px solid #ccc;
    margin: 5px;
}

.copyright {
    text-align: center;
    padding: 20px;
    background-color: #333;
}
.copyy {
    border-top: #9c6a15 1px solid;
}

.copyright a {
    color: #ffffff;
    text-decoration: underline;
}
.barra {
    background-color: #003c76;
    padding: 10px;
    background-image: url(../images/1e.jpg);
}
.barrac {
    background-color: #f4f4f4;
    padding: 5px;
    border-bottom: #ccc solid 1px;
}
.barrared {
    background-color: #003e78;
    padding: 10px;
}
.flechita {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
}
/* navbar */
#cabecera {
    background-color: #e1dfdf;
}
#cabecera .zerogrid {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

#cabecera .zerogrid .wrap-col {
    margin: 0;
}

.auth-btns-container {
    display: flex;
    justify-content: flex-end;
    width: 100%;
    font-family: "Montserrat";
    font-size: clamp(0.9rem, 1vw, 1.7rem);
    text-decoration: none;
    gap: 2vw;
    padding: 10px 8vw 10px 0;
}

.navbar-nav {
    display: flex;
    align-items: center;
    gap: 1vw;
    padding: 20px 0;
}
.navbar-nav .header-item a {
    border-right: 1px solid #a8a7a7;
    padding: 0 1vw 0 0;
}

.dropdown .dropdown-menu li a {
    padding: 10px;
    text-align: center;
}

.auth-btns-container .usuario-registrado-btn,
.auth-btns-container .usuario-registro-btn {
    padding: 0.5vw 1vw;
    font-weight: 800;
    color: white;
    border-radius: 7px;
}
.auth-btns-container .usuario-registrado-btn {
    background-color: #f0831f;
}
.auth-btns-container .usuario-registro-btn {
    background-color: #417c7d;
}
.auth-btns-container .usuario-registrado-btn:hover {
    background-color: #b56e31;
}
.auth-btns-container .usuario-registro-btn:hover {
    background-color: #346465;
}

.socialIcon-container {
    display: flex;
    align-items: center;
    gap: 0.5vw;
}
a.socialIcon {
    height: 1.5vw;
    width: 1.5vw;
    min-height: 15px;
    min-width: 15px;
}
a.socialIcon img {
    height: 1.5vw;
    width: 1.5vw;
    min-height: 15px;
    min-width: 15px;
    transition: all 0.3s ease;
    filter: brightness(1.4) contrast(0.1);
}
a.socialIcon img:hover {
    transform: scale(1.1);
    filter: unset;
}
.header-item a {
    position: relative;
    text-decoration: none;
    overflow: visible !important;
    color: #666666;
    font-size: clamp(0.9rem, 1vw, 1.7rem);
    width: fit-content;
}
.header-item a:hover {
    color: #363636;
}

.navbar-container {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    row-gap: 10px;
    column-gap: 10px;
    background-color: white;
    padding: 1vw 8vw;
}
.navbar-container .navbar {
    min-height: unset;
    background-color: transparent;
}

.collapse.navbar-collapse {
    padding: 0;
    overflow: hidden;
}
.navbar-container .logosf {
    width: fit-content;
}
.navbar-container .logosf img {
    height: 8vw;
    width: auto;
    object-fit: cover;
}
.menu-links {
    width: fit-content;
}
nav.navbar {
    width: max-content;
}

.dropdown-menu li a:after {
    height: 0px;
}
@media (min-width: 769px) {
    .navbar-container.sticky {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 999;
        background-color: rgba(255, 255, 255, 0.959);
        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
        animation: slideDown 0.5s ease forwards;
    }
    .navbar-container.sticky .logosf img {
        height: 5vw;
    }
}
@keyframes slideDown {
    from {
        transform: translateY(-100%);
    }
    to {
        transform: translateY(0);
    }
}
@media (max-width: 768px) {
    .auth-btns-container .usuario-registrado-btn,
    .auth-btns-container .usuario-registro-btn {
        padding: 1vw 1.5vw;
        border-radius: 5px;
    }

    .auth-btns-container {
        gap: 1vw;
        padding: 3vw 10px 3vw 0;
    }
    .navbar-container {
        position: relative;
        padding: 0;
        height: auto;
    }
    .navbar-container .menu-links {
        width: 100%;
    }

    .navbar-container .logosf {
        position: absolute;
        z-index: 10;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        margin-top: 10px;
    }
    .navbar-container .navbar-toggle {
        float: unset;
        margin: 0;
    }
    .navbar-container .logosf img {
        width: auto;
        height: 14vw;
    }
    .navbar-container nav.navbar {
        width: 100%;
    }
    .navbar-container .navbar-nav {
        font-size: clamp(0.5rem, 1vw, 1.7rem);
        justify-content: center;
        flex-wrap: wrap;
        padding: 0;
        padding-bottom: 10px;
        height: auto;
    }

    .navbar-container,
    .navbar-container .menu-links,
    .navbar-container .wrap-col,
    .navbar-container .container-fluid,
    .navbar-container .navbar,
    #menu,
    .navbar-nav {
        overflow: visible !important;
    }

    /* dropdown como overlay */
    .navbar-container .dropdown {
        position: relative;
    }
    .navbar-container .dropdown ul.dropdown-menu {
        position: absolute;
        top: 100%;
        left: 0;
        z-index: 1500;
        min-width: 220px;
        box-shadow: 0 6px 18px rgba(0, 0, 0, 0.12);
        /* evita que el dropdown haga crecer la página si es muy alto */
        max-height: calc(100vh - 120px);
        overflow-y: auto;
    }

    .navbar-container button.navbar-toggle {
        margin: 6vw 0 6vw 10px;
        background-color: #417c7d;
    }
}

.mapas {
    background-image: url(../images/header.png);
}
.embed-container {
    position: relative;
    padding-bottom: 45.25%;
    height: 0;
    overflow: hidden;
}
.embed-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.puntitos {
    border-top: dotted #9c6a15 1px;
    padding-top: 5px;
    margin-top: 5px;
}

.imagex1 {
    position: relative;
    background: url("../images/test5.jpg") no-repeat fixed;
    background-position: bottom;
    background-position: center top;
    padding: 240px 0 140px 0;
}
.lineas {
    border-top: solid #d45c12 1px;
}
.lineas2 {
    border-top: solid #fda169 1px;
}
.lineabox {
    border: solid #ccc 1px;
    background-color: #fff;
    border-radius: 5px;
    border-bottom: solid #ccc 5px;
}

.homeposition {
    top: 290px;
    z-index: 10;
    width: 100%;
}
/* cotizador form */
#form_cotizador_home .wrap-content.zerogrid {
    padding-top: 20px;
    background-color: #f0821f;
}
#form_cotizador_home,
#form_cotizador_home * {
    font-family: "Montserrat";
}
#cotizador_btn,
#loading,
#otraconsu {
    margin: 0 auto;
    border: 0;
    background-color: #257d7e;
    font-weight: 500;
}
#cotizador_btn,
#otraconsu {
    transition: all 0.3s ease;
}
#cotizador_btn:hover,
#otraconsu:hover {
    background-color: #39a1a3;
    transform: scale(1.05);
}

.bgSearch {
    background-color: #000;
    padding: 20px;
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 10px;
}
.boxAuto {
    padding: 15px;
    min-height: 215px;
}

@media (max-width: 768px) {
    .simulator-row {
        flex-direction: column;
        align-items: center;
    }
    .simulator-row div {
        width: 90% !important;
    }
}