@font-face {
    font-family: 'Helvetica';
    src: url('../fonts/Helvetica.ttf') format('ttf'), url('../fonts/Helvetica.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Helvetica-Bold';
    src: url('../fonts/Helvetica-Bold.ttf') format('ttf'), url('../fonts/Helvetica-Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.typ-detalles {
    /*margin-top: -80px;*/
}
/*slider chirey*/
.owl-theme.slider-homeC .owl-nav [class*=owl-] {
    border-radius: 3px;
    border: 2px solid #fff;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: transparent;
    cursor: pointer;
}

.owl-theme.slider-homeC .owl-nav [class*=owl-]:hover {
    color: #C7001F;
    border: 2px solid #C7001F;
    background-color: transparent;
}

.owl-theme.slider-homeC .owl-nav .owl-prev {
    width: 40px;
    height: 40px;
    position: absolute;
    left: 50px;
    top: 40%;
}

.owl-theme.slider-homeC .owl-nav .owl-next {
    width: 40px;
    height: 40px;
    position: absolute;
    right: 50px;
    top: 40%;
}


.rangeEnganche {
    width: 90%;
}

.itimg {
    float: left;
    width: 100%;
    /* height: 245px; */
    height: 210px;
    /* background-color: #d2cece; */
    position: relative;
}
.imgp {
    /* width: 100%; */
    max-width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    /* max-height: 245px; */
    max-height: 210px;
    padding-top: 0px;
}

a.btn:not([href]):not([tabindex]) {
    color: #fff;
    text-decoration: none;
}

.ithuselected {
    opacity: 1 !important;
    border: 3px solid #c7001f !important;
}
.cendiv {
    margin: 0 auto;
    width: 90%;
    padding: 21px;
    margin-top: 10%;
    text-align: justify;
}

.backLoadP, .backLoadP2 {
    display: none;
    height: 100%;
    width: 100%;
    position: fixed;
    z-index: 10000;
    left: 0;
    top: 0;
    background-color: transparent;
    background-color: rgba(0,0,0,0.76);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC000000,endColorstr=#CC000000);
    color: white;
    font-size: 18px;
    overflow-x: hidden;
    overflow-y: auto;
}

.imgclose {
    width: 50px;
    position: absolute;
    z-index: 4;
    right: 40px;
    margin-top: -37px;
    cursor: pointer;
}


#dvLoading {
    display: none;
}

section{
    overflow: hidden;
    padding: 30px 0;
}


body {
    font-size: 15px;
    font-family: 'Helvetica';
    color: #1B394E;
    padding-top: 140px;
}

a, a:hover {
    text-decoration: none !important;
}

.container {
    max-width: 1250px;
}

h1 {
    color: #000;
    font-size: 27px;
    text-transform: uppercase;
    padding: 30px 0;
    margin: 0 auto;
    line-height: 27px;
    text-align: center;
    font-weight: 700;
}

h1 font {
    display: block;
    font-weight: 700;
    color: #C7001F;
}

h1::after {
    content: '';
    border-bottom: 3px solid #C7001F;
    width: 70px;
    display: block;
    margin: 0 auto;
    padding-bottom: 5px;
}

h2 {
    color: #000;
    font-size: 27px;
    text-transform: uppercase;
    padding: 30px 0;
    margin: 0 auto;
    line-height: 27px;
    text-align: center;
    font-weight: 700;
}

h2 font{
    display: block;
    font-weight: 700;
    color: #C7001F;
}

h2::after {
    content: '';
    border-bottom: 3px solid #C7001F;
    width: 70px;
    display: block;
    margin: 0 auto;
    padding-bottom: 5px;
}


/*h1 {
    font-size: 28px;
    color: #2261A6;
    margin: 30px 0;
    font-family: 'chirey-antenna-medium';
}*/
h1.titleHome {
    color: transparent;
    position: absolute;
    font-size: 2px;
    padding: 0;
    margin: 0;
    left: 0;
    top: 0;
    z-index: 0;
}

h1.titleHome::after{
    content: none;
}


h3, h4 {
    color: #C7001F;
    font-size: 20px;
    text-transform: uppercase;
    padding: 30px 0;
    margin: 0 auto;
    line-height: 27px;
    font-weight: 700;
}

h3::after{
    content: '';
    border-bottom: 3px solid #C7001F;
    width: 70px;
    display: block;
    
    padding-bottom: 5px;
}

h1.title2 {
    color: #C7001F;
    font-size: 20px;
    text-transform: uppercase;
    padding: 30px 0;
    line-height: 27px;
    font-weight: 700;
    text-align: left;
    margin: 0;
}

h1.title2::after {
    content: '';
    border-bottom: 3px solid #C7001F;
    width: 70px;
    display: block;
    padding-bottom: 5px;
    margin: 0;
}

/*crm*/

.crm {
    position: fixed;
    bottom: 25px;
    right: 10px;
    width: 50px;
    z-index: 50;
}

.crm a {
    position: relative;
    display: flex;
    width: 50px;
    height: 50px;
    color: #fff;
    margin-bottom: 5px;
}

.crm a article {
    display: flex;
    align-items: center;
    width: 50px;
    height: 50px;
    background-color: #C7001F;
    padding-left: 4px;
    border-radius: 30px;
    overflow: hidden;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.crm a article img{
    margin: 8px;
    width: 25px;
}

.crm a article i {
    font-size: 25px;
    margin-right: 10px;
    margin-left: 10px;
}

.crm a article span {
    width: 150px;
    font-size: 14px;
    line-height: 1;
    white-space: nowrap;
    padding-left: 10px;
}

.crm a:hover article {
    position: absolute;
    right: 0;
    width: 200px;
    height: 50px;
    background-color: #000;
}

/*CRM MÓVIL*/
.menu-icon {
    position: fixed;
    z-index: 30;
    bottom: 10px;
    right: 10px;
    width: 50px;
    height: 50px;
    display: none;
}

.menu-icon a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 50px;
    color: #fff;
    font-size: 18px;
    text-decoration: none;
    background: #C7001F;
    border-radius: 50%;
}

.menu-open i {
    font-size: 10px !important;
}

.menu-icon a i {
    font-size: 20px;
}

.menu-open.show {
    display: flex;
}

.menu-open.hide {
    display: none;
}

.menu-close.show {
    display: flex;
}

.menu-close.hide {
    display: none;
}

.menu-list {
    position: fixed;
    z-index: 25;
    bottom: 0;
    right: 10px;
    width: auto;
    background: transparent;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.menu-list a {
    display: flex;
    align-items: center;
    color: #fff;
    font-size: 14px;
    margin-bottom: 0;
    padding: 10px 10px;
    width: 150px;
    height: 50px;
    border-radius: 30px;
    border: none;
    background: #C7001F;
    margin-top: 10px;
    text-decoration: none;
    line-height: 1;
}

.menu-list a img {
    width: 25px;
    margin: 10px;
}

.menu-list a i {
    display: inline-block;
    width: 15px;
    font-size: 25px;
    margin-right: 20px;
    margin-left: 10px;
}

.menu-list.hidden {
    opacity: 0;
    visibility: hidden;
}

.menu-list.show {
    opacity: 1;
    bottom: 70px;
}

.menu-list-back {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 20;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.menu-list-back.show {
    visibility: initial;
    opacity: 1;
}

.menu-list-back.hide {
    visibility: hidden;
    opacity: 0;
}

.icon-whatsapp-mov {
    position: fixed;
    z-index: 30;
    bottom: 70px;
    right: 10px;
    width: 50px;
    height: 50px;
    display: none;
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.icon-whatsapp-mov .ico {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    color: #fff;
    font-size: 30px;
    background-color: #06A606;
    border-radius: 50%;
}

.icon-whatsapp-mov.up {
    bottom: 250px;
}

/*tels chirey*/

.divRight {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.telsHeader {
    padding-right: 25px;
}

.TelDesktop {
    flex-wrap: wrap;
    display: flex;
    align-items: center;
}

.TelDesktop p{
    color: #fff;
    margin: 0;
    padding: 0 5px;
    font-size: 13px;
    display: flex;
    align-items: center;
}

.TelDesktop p i {
    margin-right: 6px;
    font-size: 15px;
    color: #C7001F;
}

.TelDesktop p a{
    color: #fff;
    margin-left: 5px;
}

/*menu movil*/
.ham {
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    transition: transform 400ms;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.hamRotate.active {
    transform: rotate(45deg);
}

.hamRotate180.active {
    transform: rotate(180deg);
}

.menu-button:hover .line {
    stroke: #C7001F;
}

.line {
    fill: none;
    transition: stroke-dasharray 400ms, stroke-dashoffset 400ms;
    stroke: #000;
    stroke-width: 5.5;
    stroke-linecap: round;
}

.ham1 .top {
    stroke-dasharray: 40 139;
}

.ham1 .bottom {
    stroke-dasharray: 40 180;
}

.ham1.active .top {
    stroke-dashoffset: -98px;
}

.ham1.active .bottom {
    stroke-dashoffset: -138px;
}

.close-menu {
    display: none;
}

/*video Home*/

.videoChirey {
    height: 600px;
    position: relative;
    overflow: hidden;
}

.videoChirey video {
    width: 100%;
    margin-top: -5px;
}

.iconosVideo {
    position: absolute;
    bottom: 75px;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 850px;
    top: 50%;
}

.iconosVideo a span{
    display: block;
    margin-bottom: 20px;
}

.iconosVideo a:hover span{
    color: #C7001F;
}

.iconosVideo a{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 20px;
    padding: 0 60px;
}

.iconosVideo a img{
    width: 150px;
}

.backOver {
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: url(/assets/img/bg-video.png);
    background-size: auto;
    background-repeat: repeat;
    background-position: center center;
    background-color: rgba(0, 0, 0, 0.2);
}

.divIcon {
    width: 2px;
    height: 80px;
    background-color: #C7001F;
}

/*HEADER*/
header {
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 5;
    height: 140px;
}

.headerTop {
    height: 50px;
    background-color: #000;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px;
}

.ubDist a {
    margin: 0;
    display: flex;
    font-size: 13px;
    align-items: center;
    color: #fff;
}

.ubDist a i{
    font-size: 20px;
    color: #C7001F;
    margin-right: 10px;
}

.headerBTN a {
    color: #00194E;
    padding: 0 10px;
}

.headerBTN a:first-child{
    border-right: 1px solid #dedede;
}

.headerDist {
    height: 90px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 15px;
    background-color: #fff;
    flex-wrap: wrap;
}

.logoDist {
    width: 25%;
    color: #00194E;
}

.logoDist  img{
    margin-right: 10px;
    padding: 5px;
    width: 90px;
}

.menuDist {
    width: 75%;
}

.optMenu {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
    height: 45px;
    align-items: center;
}

.optMenu a {
    padding: 0 10px;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 0.5px;
    color: #000;
}

.telsMenu {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: flex-end;
    height: 45px;
}

.telsMenu a{
    color: #2360A5;
    font-size: 12px;
    padding: 0 10px;
    display: flex;
    align-items: center;
}



.telsMenu a span{
    font-style: bold;
}

.telsMenu a i{
    color: #fff;
    font-size: 13px;
    margin-right: 5px;
    background-color: #2360A5;
    padding: 4px;
    border-radius: 5px;
}

.menu-button {
    display: none;
}

.menu-button i{
    color: #00194E;
    font-size: 20px;
}

.contentchirey{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    position: relative;
}

.itemMenu{
    position: relative;
}

.itemMenu div {
    position: absolute;
    background-color: rgba(0, 0, 0, 0.6);
    top: 29px;
    width: 200px;
}

.itemMenu:last-child div {
    left: -50px;
}

.itemMenu div a{
    padding: 5px 10px;
    display: block;
    color: #fff;
}

.ctachirey {
    width: 215px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    position: fixed;
    right: 0;
    top: 25%;
    transition: 0.5s all ease;
}

.contentSec {
    /*width: calc(100% - 185px);*/
    width: 100%;
}


.ctachirey a {
    width: 165px;
    height: 55px;
    border-radius: 5px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    color: #fff;
    justify-content: flex-start;
    line-height: 17px;
    margin-bottom: 15px;
    padding: 0 20px;
    font-size: 12px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.ctachirey a i{
        color: #fff;
    font-size: 25px;
    margin-right: 10px;
}

.btnWA {
    background-color: #25D366 !important;
}

.btnMA {
    background-color: #EBEBEB !important;
    color: #2360A5 !important;
}

.btnMA i{
    color: #2360A5 !important;
    font-size: 18px !important;
}

.btnFI {
    background-color: #2360A5;
}

.btnCS {
    background-color: #5194C7;
}

.btnInt-Movil .btnMA {
    width: 49%;
    margin: 10px auto;
    /*display: flex;
    justify-content: center;
    align-items: center;*/
}

a.btn.btnMA {
    font-size: 14px;
}

.btnInt-Movil .btnMA i{
    margin-right: 10px;
}

.btnInt-Movil {
    /*display: none;*/
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.menuAutos {
    width: 100%;
    position: absolute;
    top: 140px;
    background-color: #fff;
    left: 0;
    padding: 0 30px;
    box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
}

.contentAutos .nav a {
    font-size: 14px;
    color: #102B4E;
    padding: 5px 10px;
}

.contentAutos .nav a.active {
    color: #37A9E8;
    border-bottom: 2px solid #37A9E8;
}

.contentAutos .nav {
    border-bottom: 1px solid #D6D6D6;
}

.divAutos {
    display: flex;
    justify-content: flex-start;
    padding: 15px 0;
    flex-wrap: wrap;
}

.itemAuto {
    width: 9%;
    margin: 10px 0.5%;
}

.itemAuto img{
    width: 100%;
    margin-bottom: 10px;
}

.datosAuto font{
    color: #5C5C5C;
    font-size: 12px;
    line-height: 15px;
    display: block;
}

.datosAuto h4 {
    font-size: 15px;
    margin-bottom: 0;
    white-space: nowrap;
}

.datosAuto span {
    color: #A3A3A3;
    font-size: 13px;
}

.itemAuto{
    position: relative;
}

.btnAuto {
    width: 100%;
    background-color: rgba(255, 255, 250, 0.8);
    position: absolute;
    text-align: center;
    height: 100%;
    top: 0;
    display: none;
    justify-content: center;
    align-items: center;
    transition: .3s ease all;
}


.itemAuto:hover .btnAuto {
    display: flex;
}

.item:hover .btnAuto {
    display: flex;
}

.item .btnAuto {
    left: 0;
}

.item .btnAuto a{
    background-color: #c7001f;
    color: #fff;
    font-size: 14px;
    width: 85%;
}

.item:hover .btnAuto a{
    color: #fff;

}

.btnAuto a{
    background-color: #c7001f;
    color: #fff;
    font-size: 14px;
    padding: 5px 10px;
}


.optMenu a:hover {
    color: #C7001F;
}

.slider-autosMovil .item {
    padding: 15px 10px;
    background-color: #fff;
    margin: 10px;
    position: relative;
}

.itemMenuMovil {
    width: 100%;
    background-color: #F5F5F5;
}

.slider-autosMovil .item img {
    margin-bottom: 10px;
}

.linkMovil {
    position: relative;
}

.linkMovil.collapsed:before {
    position: absolute;
    font-family: 'icomoon';
    top: 10px;
    right: 15px;
    content: "\e916";
    color: #C7001F;
    font-size: 10px;
}

.linkMovil:before {
    position: absolute;
    font-family: 'icomoon';
    top: 10px;
    right: 15px;
    content: "\e919";
    color: #C7001F;
    font-size: 10px;
}

#menuMovil {
    display: none;

}

.slider-autosMovil.owl-theme .owl-dots .owl-dot.active span,
.slider-autosMovil.owl-theme .owl-dots .owl-dot:hover span {
    background: #c7001f;
}

.menu-button {
    position: relative;
    height: 60px;
    width: 60px;
}

/*.menu-button.backMenu:before {
    position: absolute;
    font-family: 'icomoon';
    top: 0;
    right: 0;
    content: "\e911";
    color: #102B4E;
    font-size: 25px;
}

.menu-button:before {
    position: absolute;
    font-family: 'icomoon';
    top: 0;
    right: 0;
    content: "\e925";
    color: #102B4E;
    font-size: 25px;
}*/

.showTels{
    position: relative;
}

.showTels.collapsed:before {
    position: absolute;
    font-family: 'icomoon';
    top: 10px;
    right: 25px;
    content: "\e916";
    color: #c7001f;
    font-size: 10px;
}

.showTels:before {
    position: absolute;
    font-family: 'icomoon';
    top: 10px;
    right: 25px;
    content: "\e919";
    color: #c7001f;
    font-size: 10px;
}

.telsMovil {
    width: 100%;
    border-top: 1px solid #d3d3d3;
    height: 40px;
    display: none;
    align-items: center;
    position: relative;
    background-color: #fff;
}

.telsMovil div{
    width: 100%;
    position: absolute;
    bottom: -40px;
    background-color: #fff;
    padding: 0 15px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid #F5F5F5;
}

.showTels {
    width: 100%;
    height: 30px;
    display: flex;
    align-items: center;
    font-size: 14px;
    padding: 0 15px;
}

.telsMovil i {
    color: #fff;
    font-size: 13px;
    margin-right: 10px;
    background-color: #2360A5;
    padding: 4px;
    border-radius: 5px;
}

.telsMovil a{
    color: #2360A5;
    text-transform: uppercase;
}

.telsMovil a span{
    font-family: 'chirey-antenna-medium';
    padding-right: 3px;
}

.bannerHome{
    position: relative;
}

.bannerHome img{
    width: 100%;
}

.bannerHome div {
    position: absolute;
    right: 15%;
    top: 25%;
    
    display: block;
    text-align: center;
}

.bannerHome div span{
    font-size: 30px;
    color: #fff;
}

.bannerHome div p{
    color: #fff;
    font-size: 20px;
    line-height: 25px;
}

.bannerHome div span{
    font-size: 38px;
    color: #fff;
}

/*thakypu page*/

.divTYP img{
    display: block;
    margin: 0 auto;
    width: 400px;
}

.DatoName{
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
}

.DatoName span{
    color: #C7001F;
    padding-left: 2px;
}
/*redes header*/
.redesHeader {
    display: flex;
    align-items: center;
}

.redesHeader a{
    color: #fff;
    margin-right: 10px;
    display: flex;
}

.redesHeader a i{
    font-size: 25px;
}

/*modelos chirey*/

.backModels {
    background-image: url(/Assets/img/chirey-modelos-background.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    padding: 50px 0;
}

.divModels {
    max-width: 1440px;
    padding: 0 20px;
    margin: 0 auto;
}

.itemsModels {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    width: 100%;
}

.itemModel a:hover img:first-child {
    transform: scale3d(1.1, 1.1, 1.1) !important;
}

.itemModel a img:first-child {
    transition: transform 0.3s cubic-bezier(0.14, 1.12, 0.67, 0.99) 0.1s !important;
}

.itemModel a{
    overflow: hidden;
    position: relative;
}

.itemModel {
    width: 400px;
    background-color: #fff;
    border-radius: 15px;
    box-shadow: 0px 6px 25px rgb(0 0 0 / 25%);
    margin-bottom: 25px;
    padding-bottom: 20px;
    margin-top: 25px;
}

.itemModel span{
    display: block;
    text-align: center;
    font-size: 17px;
    padding-bottom: 10px;
}

.itemModel span font{
    color: #C7001F;
    font-weight: 700;
}

.itemModel p{
    padding: 0 10px;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 0.5px;
    color: #000;
    font-size: 20px;
    padding: 15px;
    text-align: center;
    margin-bottom: 0;
}

.itemModel img{
    width: 100%;
}

.btnCards{
    text-align: center;
    padding: 0 25px;
}

.logoAuto {
    width: auto !important;
    margin: 10px auto 20px;
    display: block;
}
/*slider home*/
.sliderHome {
    background-color: #102B4E;
}

.slider-thumbs {
    width: 60% !important;
    margin: 0 auto !important;
    padding: 10px 0;
}

.slider-thumbs .item{
    border-radius: 3px;
    opacity: 0.7;
    border: 3px solid #102B4E;
}
/*botones*/
.btn {
    color: #000;
    background-color: transparent;
    height: 45px;
    width: 100%;
    margin: 10px auto;
    padding: 10px;
    cursor: pointer;
    border: 2px solid #000;
    border-radius: 0;
    text-transform: uppercase;
    transition: all ease .5s;
    border-radius: 10px;
}

.btn:hover{
    color: #fff;
    background-color: #000;
}

.btn.btnRed{
    color: #fff;
    background-color: #C7001F;
    border: 2px solid #C7001F;
}

.btn.btnRed:hover{
    color: #C7001F !important;
    background-color: transparent;

}

.btn.btnWhite {
    color: #c7001f;
    background-color: #fff;
    border: 1px solid #c7001f;
}

/*formulario general*/

.form-control:focus {
    box-shadow: none;
    border: 1px #C7001F solid ;
}

.form-control {
    border-radius: 10px;
    height: 45px;
    margin-bottom: 15px;
    font-size: 15px;
    color: #000;
    border: 1px solid #000;
}

.custom-select {
    border-radius: 10px;
    height: 45px;
    margin-bottom: 15px;
    background-image: url(/assets/img/arrow-up.png) !important;
    background-repeat: no-repeat;
    background-size: 15px 15px;
    font-size: 15px;
    border: 1px solid #000;
}

.custom-select.whiteSelect {
    border-radius: 10px;
    height: 45px;
    margin-bottom: 15px;
    background-image: url(/assets/img/arrow-down.png) !important;
    background-repeat: no-repeat;
    background-size: 15px 15px;
}

.custom-checkbox .custom-control-label::before {
    border-radius: 0;
}

.custom-control-input:checked ~ .custom-control-label::before {
    color: #fff;
    border-color: #C7001F;
    background-color: #C7001F;
}

.custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: none;
}

.custom-checkbox label {
    font-size: 14px;
    padding-top: 3px;
    color: #000;
}

.custom-checkbox label a{
    color: #c7001f;
}

/*secciones estáticas*/

.disenoChirey {
    max-width: 1250px;
    margin: 0 auto;
    padding: 0 30px;
}

.videoSec video{
    width: 100%;
}

.infoSec p{
    text-align: justify;
}

.iconoTec {
    padding: 20px 20px 0 0;
}

.divTec{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.itemTecnologia{
    width: 48%;
}

.txtTec {
    padding-top: 25px;
    font-size: 20px;
}

.divImg {
    background-color: #ebebeb;
    display: flex;
    align-items: center;
    margin: 30px 0;
    flex-wrap: wrap;
}

.divImg span{
    font-size: 25px;
    text-align: center;
    display: block;
    margin: 0 auto;
}

/*interior*/
.menuGal {
    text-align: center;
    padding: 50px 30px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.menuGal a{
    color: #C7001F;
    padding: 5px 15px;
    font-size: 20px;
    transition: 0.3s all ease;
    margin: 0 10px;
    border-radius: 15px;
    background-color: transparent;
    border: 2px solid #C7001F;
}

.menuGal a:hover{
    color: #fff !important;
    background-color: #C7001F;
}

.menuGal a.active{
    color: #fff !important;
    background-color: #C7001F;
}

/*cotizador rapido*/
.cotRapido {
    color: #A3A3A3;
    padding: 0 25px;
    max-width: 1440px;
    margin: 0 auto;
    /*    box-shadow: 0px 6px 25px rgb(0 0 0 / 25%);
*/
}

.formCR {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}


.formCR .form-control:focus,
.formCR .custom-select:focus {
    box-shadow: none;
    border: 1px #C7001F solid !important;
}

.formCR.Dchirey .form-control,
.formCR.Dchirey .custom-select{
    background-color: #fff;
    color: #A3A3A3;
    width: 24%;
    font-size: 14px;
    margin: 0 3px 15px;
}

.formCR .form-control,
.formCR .custom-select{
    color: #000;
    width: 31%;
    font-size: 14px;
    margin: 0 3px 15px;
/*    border-top: none;
    border-right: none;
    border-left: none;*/
    background-color: transparent;
    border: 1px #000 solid;
}

.formCR .btnRed{
    width: 350px;
}
/*.form-control::placeholder{
    color: #000;
}
*/
/*.formCR .form-control::placeholder {
    color: #A3A3A3 !important;
}*/
.cotRapido p {
    text-align: center;
    text-transform: uppercase;
    font-size: 22px;
}

.formCR textarea{
    width: 48% !important;
    margin-bottom: 0 !important;
}

.formCR .form-control::placeholder{
    color: #000;  
}

.checkCR {
    width: 100%;
    text-align: center;
    margin: 20px 0;
}

/*banners home*/

.bannersHome {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 25px;
}

.bannersHome a{
    width: 32%;
    position: relative;
    overflow: hidden;
       border-radius: 10px;
}

.bannersHome a img{
   width: 100%;
   transition: transform 0.3s cubic-bezier(0.14, 1.12, 0.67, 0.99) 0s;
   border-radius: 10px;
}

.bannersHome a:hover img{
    transform: scale3d(1.1, 1.1, 1.1);
}

.bannersHome a span{
    color: #fff;
    position: absolute;
    bottom: 20px;
    display: block;
    right: 20px;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 0.5px;
    font-size: 20px;
}

.bannersHome a span:after {
    content: '';
    border-bottom: 3px solid #C7001F;
    width: 70px;
    display: block;
    padding-bottom: 5px;
}

/*.bannersHome a.bloque1 {
    width: 32%;
}

.bannersHome a.bloque2 {
    width: 32%;
}

.bannersHome a img {
    width: 100%;
    border-top-right-radius: 50px;
}

.bannersHome a:last-child img {
    width: 100%;
    border-top-left-radius: 50px;
    border-top-right-radius: 0;
}*/

/*seminuevos*/

.sliderSeminuevos {
    max-width: 1250px;
    margin: 0 auto;
    padding: 0 70px 0 20px;
}

.owl-carousel.slider-seminuevos .item .card {
    transition: all 0.5s ease;
}

.card-body font {
    font-size: 14px;
    display: block;
    line-height: 11px;
}

.card-body h4{
    color: #102B4E;
    font-size: 20px;
    margin: 0;
}

.card-body span {
    color: #A3A3A3;
    font-size: 12px;
    display: block;
}

.card-body a {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: space-between;
    height: 40px;
    font-size: 18px;
    color: #37A9E8;
    border-top: 1px solid #e5e5e5;
    margin-top: 10px;
}

.card-body a i {
    font-size: 14px;
}

.datoSM {
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
}

.itemSM {
    display: flex;
    align-items: center;
    color: #37A9E8 !important;
}

.itemSM span{
    color: #37A9E8 
}

.itemSM i{
    font-size: 20px;
    margin-right: 10px;
}

.bg-gris {
    background-color: #f7f7f7;
    padding: 50px 0;
}

.owl-theme .owl-nav .owl-prev {
    background-color: #37A9E8;
    width: 55px;
    height: 55px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 0;
}

.slider-seminuevos.owl-theme .owl-nav [class*=owl-] {
    width: 55px;
    height: 55px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 0;
}

.slider-seminuevos.owl-theme .owl-nav .owl-prev {
    background-color: #37A9E8 !important;
    position: absolute;
    right: -70px;
    top: 25%;
}

.slider-seminuevos.owl-theme .owl-nav .owl-next {
    background-color: #5C5C5C !important;
    position: absolute;
    right: -70px;
    top: 40%;
}

.datosSeminuevos {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
}

.txtSemis p {
    display: flex;
    align-items: center;
    margin: 0;
    text-transform: uppercase;
}

.txtSemis p img {
    margin-right: 10px;
}

.btnSeminuevos .btn{
    width: auto;
}

/*banners modelos*/

.modelosHome {
    max-width: 1250px;
    margin: 0 auto;
    padding: 0 20px;
}

.bannersModelos {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    position: relative;
}

.itemBM {
    width: 24%;
    position: relative;
}

.itemBM img{
    width: 100%;
}

.itemBM .btn{
    position: absolute;
    z-index: 1;
    top: 20%;
    left: 50%;
    transform: translate(-50%, 0);
    width: 200px;
}

/*footer*/

footer {
    padding-top: 50px;
    position: relative;
    border-top: 2px solid #000;
}

.linkFooter {
    width: 23%;
    padding-right: 2%;
    margin-bottom: 10px;
}

.bgFooter2 {
    max-width: 1440px;
    margin: 0 auto;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    padding: 0 25px;
}

.listFooter li span {
    display: block;
    line-height: 10px;
}

.listFooter li {
    margin-bottom: 10px;
    margin-top: 15px;
}

.linkFooter li font {
    color: #A3A3A3;
    line-height: 30px;
    font-size: 15px;
}

.linkFooter li a:hover {
    color: #C7001F;
}

.bgFooter {
    background-color: #000;
    border-top: 2px solid #fff;
}



.bgFooter3 {
        background-color: #000;
}

.footerSec3 a,
.footerSec3 p{
    color: #fff;
    margin-bottom: 0;
}

.footerSec2 {
    padding: 20px 0;
    max-width: 1250px;
    margin: 0 auto;
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
}

.linkFooter h5 {
    font-size: 17px;
    color: #000;
    font-weight: 700;
}

.linkFooter h5:after{
    content: '';
    border-bottom: 3px solid #C7001F;
    width: 70px;
    display: block;
    padding-bottom: 5px;
}

.linkFooter ul {
    padding: 0;
    list-style: none;
}

.linkFooter li a {
    color: #A3A3A3;
    line-height: 30px;
    font-size: 15px;
}

.footerSec {
    padding: 20px 0;
    max-width: 1250px;
    margin: 0 auto;
}

.footerSec p{
    margin: 0;
    color: #A3A3A3;
    display: flex;
    align-items: center;
}

.footerSec p i{
    color: red;
    margin-right: 10px;
    font-size: 18px;
    color: #FF0000;
}

.footerSec3 {
    padding: 20px 0;
    max-width: 1250px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    flex-wrap: wrap;
}

.redesFooter {
    display: flex;
    align-items: center;
    color: #fff;
    flex-wrap: wrap;
}

.redesFooter a{
    color: #fff;
    font-size: 25px;
    margin: 0 10px;
}

.redesFooter p{
    margin: 0;
}

.legalFooter {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.legalFooter p{
    margin: 0;
    color: #fff;
    font-size: 13px;
    margin-right: 10px;
}

.legalFooter a{
    color: #fff;
    font-size: 13px;
    padding: 0 10px;
}

.footerSec4 {
    padding: 20px 0;
    max-width: 1250px;
    margin: 0 auto;
    text-align: center;
}

.footerSec4 p{
    margin: 0;
    color: #A3A3A3;
    font-size: 14px;
    display: flex;
    justify-content: center;
}

.footerSec4 a {
    color: #A3A3A3;
    display: flex;
    align-items: center;
}

    .footerSec4 a i {
        margin: 0 5px;
        font-size: 16px;
    }

.WAMovil{
    display: none;
}

.optMenu,
.cotRInterior .cotRapido {
    scrollbar-width: thin;
    scrollbar-color: #C7001F #ff5100;
}

/* Works on Chrome, Edge, and Safari */
.optMenu::-webkit-scrollbar,
.cotRInterior .cotRapido::-webkit-scrollbar{
    width: 10px;
}

.optMenu::-webkit-scrollbar-track,
.cotRInterior .cotRapido::-webkit-scrollbar-track{
    background: transparent;
}

.optMenu::-webkit-scrollbar-thumb,
.cotRInterior .cotRapido::-webkit-scrollbar-thumb{
    background-color: rgba(199, 0, 31, 0.2);
    border-radius: 20px;
    border: 3px solid transparent;
}

/*Contacto*/

.directorioSec {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 20px;
}

.divHorarios {
    /*width: 48%;*/
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.divHorarios h3{
    width: 100%;
}

.itemHorario{
    width: 45%;
    margin-bottom: 20px;
}

.mapaContacto{
    width: 48%;
}

.divDirectorio h3 {
    width: 100%;
}

.itemsDirectorio {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.itemUs {
    width: 31%;
    margin-bottom: 20px;
    padding-right: 2%;
}

.divLeft {
    width: 48%;
}

.contactoSec {
    max-width: 1440px;
    margin: 0 auto;
    /*display: flex; 
    flex-wrap: wrap;
    justify-content: space-between;*/
}

.formContacto {
    /*width: 55%;*/
    padding: 20px;
}

/*.directorioSec {
    width: 43%;
    padding: 20px;
}*/

.itemHorario ul {
    list-style: none;
    padding: 0;
    margin-top: 5px;
    margin-bottom: 0;
    /*width: 370px;*/
}

.itemHorario ul li{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.itemHorario ul li font{
    font-size: 14px;
}

.itemHorario span {
    font-size: 18px;
    font-weight: 700;
}


.itemUs a {
    color: #1B394E;
    font-size: 14px;
    display: inherit;
}

.itemUs font {
    display: block;
    font-size: 14px;
}

.itemUs span {
    display: block;
    font-size: 15px;
    font-weight: 700;
}

/*.formContacto h3 {
    padding-top: 55px;
}*/

.formContacto {
    /*background-color: #F7F7F7;*/
    padding: 0 20px 20px;
}

.formC {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.formC .form-control,
.formC .custom-select{
    width: 24%;
    font-size: 14px;
    margin: 0 0.5% 15px;
}

.formC textarea.form-control{
    width: 49%;
    font-size: 14px;
}

.formC .checkCR{
    width: 49%;
}

.btnContanto {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
}

.btnContanto .btn{
    width: 350px;
    margin: 25px auto;
}

.dirInfo div a {
    color: #1B394E;
    font-size: 14px;
    display: inherit;
}

.dirInfo div a:hover {
    color: #2261A6;
}

.mapaContacto iframe{
    width: 100%;
        height: 500px;
}
#imgMapa {
    width: 100%;
    height: 500px;
}

/*.distDatos {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.distDatos i{
    font-size: 25px;
    margin-right: 15px;
    color: #2360A5;
}*/

.distDatos h3{
    margin: 0;
}

.distDatos span {
    font-size: 18px;
    font-weight: 700;
}

.itemsHorarios span{
    color: #c7001f;
}

.redesContacto {
    padding: 25px 0;
}

.redesContacto a{
    margin: 8px;
}

.redesContacto a i {
    font-size: 35px;
    color: #000;
}

.checkCR a {
    color: #C7001F !important;
    font-size: 14px;
    font-weight: 700;
}
/*cotizacion*/
.bloqueCot1 {
    width: 66%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.bloqueCot1 .custom-select{
    width: 49.5%;
}

.formCot h3 {
    width: 100%;
    padding: 20px 0;
}

.bloqueCot2 .custom-select{
    width: 100%;
}

.bloqueCot2 {
    width: 33.33%;
}

.cotizacionSec {
    max-width: 1250px;
    margin: 0 auto;
    padding: 0 20px;
}

.formCotizacion {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.formCot {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 25px 0;
}

.formCot .btn{
    width: 350px;
}

.ImgCotizacion {
    width: 45%;
}

.ImgCotizacion img{
    width: 100%;
}

.formCot span {
    display: block;
    padding: 10px 0;
    font-family: 'chirey-antenna-medium';
    width: 100%;
}

/*.formCot .custom-select{
    width: 49%;
}*/

.formCot .form-control {
    width: 19.5%;
}

.formCot textarea.form-control {
    width: 60%;
}

.checkCot {
    width: 40% !important;
}

.radiosCot{
    display: flex;
    flex-wrap: wrap;

}

.radiosCot .custom-radio{
    margin-right: 15px;
}

.radiosCot .custom-control-label{
    font-size: 13px;
    padding-top: 3px;
}

/*banner formularios*/

.divBanner {
    height: 250px;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(/Assets/img/back-formulario.jpg);
}

.cotizacionSec h1{
    position: absolute;
    top:25px;
    color: #fff;
}
/*prueba de manejo*/
.pmanejonSec {
    max-width: 1250px;
    margin: 0 auto;
    padding: 0 20px;
}

.pmanejonSec h1{
    position: absolute;
    top: 25px;
    color: #fff;
}

.formPM h3{
    width: 100%;
    padding: 20px 0;
}

.formPManejo{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.formPM {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 25px 0;
}

.formPM .form-control {
    width: 19.5%;
}

.formPM .custom-select.midSize {
    width: 49%;
}

.ImgCotizacion{
    width: 45%;
    display: none;
}

.subForm {
    display: block;
    padding: 15px 0;
    font-family: 'chirey-antenna-medium';
    width: 100%;
    font-size: 16px;
}

.formPM .radiosCot {
    align-items: center;
}


/*prueba de manejo*/
.fechaDato{
    width: 49%;
    margin-bottom: 15px;
}

.fechaDato .gj-datepicker .btn{
    width: 40px;
    margin: 0;
}

.checkPm {
    width: 100% !important;
}

.formPM .btn{
    width: 350px;
}

.fechaDato .gj-datepicker-bootstrap [role=right-icon] button {
    min-width: 40px;
    border-radius: 0;
    border: 1px solid #000;
    background: transparent;
    border-left: none !important;
    border-bottom-right-radius: 10px;
    border-top-right-radius: 10px;
}

.fechaDato .gj-datepicker-bootstrap [role=right-icon] button .gj-icon,
.fechaDato .gj-datepicker-bootstrap [role=right-icon] button .material-icons {
    font-size: 21px;
    top: 15px;
    color: #C7001F;
}

.fechaDato .form-control:disabled, .form-control[readonly] {
    background-color: #fff;
    opacity: 1;
}

.fechaDato .btn-outline-secondary:not(:disabled):not(.disabled).active,
.fechaDato .btn-outline-secondary:not(:disabled):not(.disabled):active,
.fechaDato .show > .btn-outline-secondary.dropdown-toggle {
    color: #fff;
    background-color: #fff;
    border-color: #C7001F;
}

.gj-picker-bootstrap table tr td.today div {
    color: #C7001F !important;
}

.divOffset {
    /*width: 100%;
    height: 500px;
    position: absolute;
    bottom: 0;
    z-index: -5;*/
    height: 500px;
    position: absolute;
    width: 100%;
    top: -500px;
    z-index: -10;
}



/*colores*/

.colores {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    max-width: 1250px;
    margin: 0 auto;
    padding: 0 20px;
}

.coloresAuto {
    background-image: url(/assets/img/backColores.jpg);
    background-repeat: no-repeat;
    background-position: 50% 90%;
}

.contImgColores {
    position: relative;
    width: 100%;
    padding-right: 20px;
}

.infoColores {
    width: 100%;
    margin-bottom: 30px;
}

.spcesAuto {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

.spcesAuto span{
    text-align: center;
}

.spcesAuto i {
    color: #2360A5;
    font-size: 30px;
}

.spcesAuto font {
    font-size: 12px;
    display: block;
    line-height: 14px;
}

.precioAuto {
    width: 100%;
    display: flex;
    justify-content: space-around;
    border: 1px solid #2360A5;
    padding: 20px;
    margin: 15px 0 0;
    border-radius: 6px;
}

.infoAuto p {
    /*font-size: 11px;*/
    text-align: justify;
    font-weight: 300;
    font-size: 12px;
    line-height: 18px;
    text-align: justify;
    letter-spacing: -0.02em;
}

.infoAuto h1{
    text-align: center;
}

.infoAuto h4 {
   /* font-size: 18px;*/
    font-family: 'chirey-antenna-medium';
    color: #3A3A3A;
    font-style: normal;
    font-weight: 500;
     font-size: 24px; 
    line-height: 29px;
    text-align: center;
    letter-spacing: -0.04em;
}

.content-color a {
    display: inline-block;
    margin-left: 5px;
    margin-right: 5px;
    cursor: pointer;
    width: 37px;
    height: 37px;
    background-repeat: no-repeat;
    background-size: contain;
    /*border: 3px solid #e6e6e6;*/
    border-radius: 100%;
    position: relative;
}

.colores .content-color {
    text-align: center;
    position: relative;
}

/*.colores .content-color:after {
    content: '';
    position: absolute;
    left: 50%;
    border-top: 1px solid #e6e6e6;
    width: 350px;
    transform: translate(-50%, -50%);
    top: -25px;
    margin-top: 15px;
}*/

.titColores {   
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 29px;
    text-align: center;
    letter-spacing: -0.04em;
    color: #3A3A3A;
}

.colores .content-color {
    text-align: center;
}

.txtColor {
    font-size: 25px;
    color: #fff;
    margin: -20px 0 10px;
    text-transform: uppercase;
    text-align: center;
}

.colores .NomColor {
    /*font-size: 24px;
    color: #0f0f0f;
    display: block;
    text-align: center;
    margin: 10px 0 20px;
    text-transform: uppercase;*/
}

/*.icoColor.icoSelec {
    transition: all .4s ease;
    box-shadow: 0px 0px 9px -2px rgb(0 0 0 / 75%);
}*/

.icoColor {
    border: 2px solid #fff;
    /*box-sizing: border-box;
    border-style: double;
    border-width: 7px;*/
}

.icoSelec {
    /*background-image: url(/Assets/img/Iconos_generales/colorSelec.svg);
    background-position: center;
    background-size: 14px 100px !important;*/
    border: 3px solid #fff;
}

.icoSelec2 {
    background-image: url(/Assets/img/Iconos_generales/palomita_negra.svg) !important;
    background-position: center;
    background-size: 14px 100px !important;
   /* border: 3px solid #2261A6 !important;*/
}

.colores {
    position: relative;
}

.content-img .ncolor {
    position: absolute;
    margin: 0 auto;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    opacity: 0;
    -webkit-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
    text-align: center;
}

.content-img .ncolor img {
    position: inherit;
    opacity: 1;
    /*width: 100%;*/
}

.content-img .ncolor.imgSelec {
    opacity: 1;
}

.content-img .ncolor.hidden-car {
    position: inherit;
    opacity: 0;
}

/*FONOS COLORES*/
.icoColor#azul {
    background-color: #0f42a4;
}

.icoColor#plata {
    background-color: #d3d3d3;
}

.icoColor#rojo {
    background-color: #c3272e;
}

.icoColor#negro {
    background-color: #000;
}

.icoColor#blanco {
    background-color: #fff;
}

.icoColor#gris {
    background-color: #474747;
}


/*galeria*/

.infoSlider {
    position: absolute;
    bottom: 0;
    background-color: rgba(0,0,0,0.5);
    color: #fff;
    padding: 30px 15%;
    width: 100%;
}

.infoSlider span{
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 10px;
    display: block;
}

.infoSlider p{
    margin: 0;
    font-size: 16px;
}

.owl-theme.slider-galeria .owl-nav [class*=owl-] {
    background-color: #C7001F;
    border-radius: 0;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.owl-theme.slider-galeria .owl-nav [class*=owl-]:hover {
    background-color: #C7001F;
}

.owl-theme.slider-galeria .owl-nav [class*=owl-] i{
    font-size: 16px;
}

.owl-theme.slider-galeria .owl-nav .owl-next{
    position: absolute;
    right: 90px;
    top: 40%;
}

.owl-theme.slider-galeria .owl-nav .owl-prev {
    position: absolute;
    left: 90px;
    top: 40%;
}

.slider-galeria .item {
    position: relative;
}

/*interior*/

.videoModelo {
    width: 100%;
    height: 700px;
    overflow: hidden;
}

.videoModelo video{
    width: 100%;
}

/*360 chirey*/

.bg-gris{
    background-color: #ebebeb;
}

.div360 {
    max-width: 1440px;
    margin: 0 auto;
}

.iframeInterior iframe {
    width: 750px;
    height: 500px;
    margin: 50px auto;
    display: block;
    border: 0;
}

.iframeExterior iframe {
    width: 750px;
    height: 500px;
    text-align: center;
    margin: 0 auto;
    display: block;
    border: none;
    transform: scale3d(1.1, 1.1, 1.1);
}

.div360 .nav {
    justify-content: center;
    margin-bottom: 25px;
    width: 100%;
}

.div360 .nav a:hover{
    color: #fff !important;
}

.div360 .nav a{
    width: 250px;
    margin: 10px 20px;
    color: #000 !important;
}

.div360 .nav a.active{
    background-color: #C7001F;
    color: #fff !important;
    border-color: #C7001F;
}

.sirv-spin-button{
    display: none !important;
}

.itemsSpecs {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    max-width: 1440px;
    margin: 0 auto;
    padding: 25px;
}

.itemS{
    width: 30%;
}

.itemS img{
    width: 100%;
}


/*versiones*/
.secMap {
    max-width: 1250px;
    margin: 0 auto;
    padding: 20px 20px 0;
    color: #A3A3A3;
    font-size: 18px;
}

.secMap span{
    color: #2360A5;
}

.infoAuto h1 {
    color: #2261A6;
}
/*financiamiento*/
.financiamientoSec {
    max-width: 1250px;
    margin: 0 auto;
    padding: 0 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    /*align-items: center;*/
}

.financiamientoSec h1{
    width: 100%;
}

.pasosFin {
    width: 660px;
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    margin: 30px auto 60px;
}

.contentFin {
    width: 53%;
}

.datosFin{
    width: 45%;
}

.bloqueFin1 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.subFin{
    display: block;
    padding: 10px 0;
    font-family: 'chirey-antenna-medium';
    width: 100%;
}

.subFin2 {
    display: block;
    padding: 10px 0;
    font-family: 'chirey-antenna-medium';
    width: 100%;
    background-image: url(/assets/img/arrow-down-blue.png) !important;
    background-repeat: no-repeat;
    background-size: 15px 15px;
    background-position-y: center;
    background-position-x: 95%;
    padding: 10px;
    border-radius: 5px;
    border: 2px solid #c7001f;
    border: none;
}

.subFin2.collapsed{
    background-image: url(/assets/img/arrow-up-blue.png) !important;
    background-repeat: no-repeat;
    background-size: 15px 15px;
    background-position-y: center;
    background-position-x: 95%;
    
    border: 2px solid #c7001f;
}

.datosFin .contImgColores {
    width: 100%;
    padding-right: 0;
    border: 0;
}

.datosFin .contImgColores span{
    display: block;
    text-align: center;
    padding: 10px 0;
    font-size: 18px;
}

.datosFin .contImgColores font {
    display: block;
    text-align: center;
    padding: 10px 0;
    font-size: 18px;
}

.bloqueFin2 .txtColor {
    margin: 10px 0;
}


.content-color{
    text-align: center;
}

.btnCalc{
    text-align: center;
}

.bloqueFin1 .custom-select{
    width: 49%;
}

.bloqueFin2 .content-color {
    padding: 10px 0;
}

.formAC{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.formAC .custom-select.midSize{
    width: 49%;
}

.btnOpt {
    width: 50px;
    height: 50px;
    color: #fff;
    background-color: #c7001f;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    margin-right: 10px;
    margin-bottom: 15px;
}

.btnOpt2 {
    width: 50px;
    height: 50px;
    color: #c7001f;
    background-color: #fff;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    margin-right: 10px;
    margin-bottom: 15px;
    border: 1px solid #c7001f;
}

.bloqueFin3 p{
    font-size: 14px;
}

.btnCalc .btn{
    margin-right: 15px;
    margin-left: 15px;
}

.formFF {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.formFF .form-control.midSize{
    width: 49%;
}

.specsFin{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.specsFin span{
        width: 48%;
    line-height: 19px;
    padding: 0 0 10px 0;
}

.specsFin span font{
    display: block;
    font-size: 12px;
    font-family: 'chireyAntennaRegular';
}

.mesesOpt {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-bottom: 15px;
}

.mesesOpt font{
    width: 50px;
    height: 50px;
    color: #c7001f;
    background-color: #fff;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    border: 1px solid #c7001f;
    cursor: pointer;
    margin-right: 10px;
}

.mesesOpt font.active{
    width: 50px;
    height: 50px;
    color: #fff;
    background-color: #c7001f;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    border: 1px solid #c7001f;
}

.txtFin {
    display: flex;
    align-items: center;
    margin-bottom: 0;
    padding: 7px 0;
}

.txtFin font{
    font-family: 'chirey-antenna-medium';
    margin-left: 10px;
    font-size: 15px;
}

.stepItem{
    display: none;
}

.stepItem.open {
    display: block;
}
/*estilos rango*/
.barra-inv {
    margin-bottom: 15px;
}

.barra-inv .irs--round .irs-bar {
    top: 34px;
    height: 8px;
    background-color: #c7001f;
}

.barra-inv .irs--round .irs-line {
    top: 34px;
    height: 8px;
}

.barra-inv .irs--round .irs-from, .barra-inv .irs--round .irs-to, .barra-inv .irs--round .irs-single {
    background-color: #c7001f;
}

.barra-inv .irs--round .irs-handle {
    border: 2px solid #c7001f;
}

.rangeEnganche p{
    margin-bottom: 0;
}

.infoAutoFin{
    text-align: center;
}

.infoPagos {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

.txtTotal font {
    display: block;
}

.txtTotal {
    text-align: left;
    width: 50%;
    line-height: 17px;
    font-size: 14px;
}

.legalInfo {
    color: #A3A3A3;
    font-size: 10px;
}

.legalInfo a{
    color: #c7001f;
}

.precioMensualidad {
    width: 100%;
    border: 2px solid #c7001f;
    padding: 5px 10px;
    border-radius: 5px;
    margin: 10px 0px;
}

.precioMensualidad font{
    color: #c7001f;
}

itemPlanes .subFin2.collapsed {
}

.datosFin2 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 15px 0;
    width: 100%;
}

.divSeparador {
    width: 1px;
    background-color: #959595;
}

.itemDato {
    display: flex;
    justify-content: space-between;
    
    margin-bottom: 7px;
    
}

    /*.itemDato:last-child {
        border: none;
        padding: 0;
        margin: 0;
    }*/

    .itemDato span {
        color: #959595;
        font-size: 12px;
    }

    .itemDato font {
        color: #000;
        font-family: 'chirey-antenna-medium';
        font-size: 12px;
    }

/*.resumenFin p {
    font-size: 12px;
    color: #000;
    font-family: 'chirey-antenna-medium';
}

.resumenFin span {
    color: #B2BFD8;
}*/

.bloque1 {
    width: 48%;
}


.colorAutoFin {

    transition: 0.5s all ease;
}

    .colorAutoFin.open {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        border-radius: 5px;
        border: 2px solid #d3d3d3;
        padding: 15px;
        transition: 0.5s all ease;
        align-items: center;
    }

.colorAutoFin.open .contImgColores {
    width: 35%;
    margin: 0;
}

.colorAutoFin.open .infoAutoFin {
    text-align: left;
    margin-left: 25px;
}

.detalleFin.open{
    display: block
}

.detalleFin{
    display: none;
}

.barra-inv{
    width: 50%;
}

.itemPasos {
    text-align: center;
    padding: 0 10px;
}

.itemPasos span{
    display: flex;
    background-color: #D6D6D6;
    width: 30px;
    height: 30px;
    justify-content: center;
    align-items: center;
    color: #fff;
    border-radius: 20px;
    margin: 0 auto 5px;
    position: relative;
}

.itemPasos span.active{
    background-color: #c7001f;
}

.itemPasos font {
    font-size: 12px;
    line-height: 15px;
    display: block;
}

.itemPasos span::before {
    content: "---------";
    position: absolute;
    color: #ced4da;
    right: -90px;
}

.itemPasos:last-child span::before {
    content: none;
}


/*cotización rápida interior*/

.divCotR {
    width: 100%;
    position: fixed;
    bottom: 0;
    background-color: #fff;
    z-index: 10;
    padding: 0 15px;
}

.cotRInterior{
    max-width: 1250px;
    margin: 0 auto;
}

.cotRInterior .btnCI{
    font-size: 20px;
    color: #2261A6;
    margin: 10px 0;
    font-family: 'chirey-antenna-medium';
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.btnCI i{
    color: #c7001f;
    font-size: 10px;
    margin-left: 10px;
}

.formInt {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 10px 0;
}

.formInt .form-control,
.formInt .custom-select{
    width: 19%;
}

.formInt .btn{
    width: 19%;
    margin: 0;
}

.checkCotRI{
    width: 50%;
}

.itemPlanes {
    /*border: 2px solid #c7001f;*/
    border-radius: 5px;
    margin-bottom: 15px;
    /*padding: 0 10px;*/
    background-color: #f5f5f5;
}

.itemPlanes .collapse{
    padding: 0 10px;
}

.owl-carousel.slider-seminuevos .item {
    padding: 5px;
}

.owl-carousel.slider-seminuevos .item .card:hover {
    box-shadow: 0px 2px 4px rgb(0 0 0 / 25%);
}

/*CITA SERVICIO*/

.formCS {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    /*justify-content: space-between;*/
    justify-content: flex-start;
}

.formCS .form-control{
       width: 32%;
    margin-right: 1%;
}

.divAutoCS{
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.contComboAuto {
    width: 100%;
}

.contComboAuto .custom-select{
    width: 32%;
    margin: 0 .5% 15px;
}

.checkbox label{
    margin-left: 10px;
}

#divServicios {
    width: 49%;
    display: flex;
    flex-wrap: wrap;
}

.contenedor1 {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.contenedor1 p{
    width: 48%;
    margin: 0;
}


.fechaCS {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.fechaCS .custom-select{
    width: 32%;
    margin: 0 1% 15px 0;
}

.fechaCS .fechaDato{
    width: 32%;
    margin: 0 1% 15px 0;
}

.fechaDato .form-control {
    margin-right: 0;
}

.serviciosCS {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}


#selectTramsporte{
    width: 98%;
}

#divServicios .contenedor2 {
    /*width: 0% !important;*/
}


.divMantenimiento{
    width: 100%;
}

.txtComentario {
    width: 49% !important;
    margin: 0 0 15px 0 !important;
}

.formCS .custom-select.midSize {
    width: 49%;
}

.formCS .custom-select.thirdSize {
    width: 32%;
    margin: 0 1% 15px 0;
}

#movilidadTexto {
    font-size: 12px;
    margin-bottom: 20px;
    color: #666;
}

/*promociones*/

.promocionesSec {
    max-width: 1250px;
    margin: 0 auto;
    padding: 0 20px;
}

.divPromos {
    display: flex;
    flex-wrap: wrap;
}

.itemPromos {
    width: 48%;
    margin: 0 1% 20px;
}

    .itemPromos img {
        width: 100%;
    }

.infoPromo {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 10px;
    flex-wrap: wrap;
}

    /*.itemPromos :hover {
    box-shadow: 3px 3px 3px 3px #d6d6d6;
}*/

    .infoPromo p {
        margin-bottom: 0;
        font-style: normal;
        font-weight: 400;
        font-size: 18px;
        line-height: 28px;
        color: #000000;
    }

    .infoPromo .btn {
        margin: 0;
        width: 150px;
    }

.info-promo {
    width: 100%;
    padding-top: 15px;
}

.sirv-spin-container.desktop .sirv-spin-button.fullscreen {
    display: none !important;
}

.btnPromos {
    background-color: #fff;
    color: #C7001F;
    height: 45px;
    width: 100%;
    margin: 0 auto;
    font-style: normal;
    font-size: 16px;
    padding: 12px;
    letter-spacing: 1px;
    border-top: 1px solid #D6D6D6;
    display: block;
    margin-top: 10px;
    text-align: center;
    cursor: pointer;
}

.custom-select.four-size {
    width: 24%;
}

img.imgflechas {
    width: 3%;
}

.txtLeg_Priv p {
    text-align: justify;
    padding: 0 100px;
}

.txtLeg_Priv p:first-child {
    text-align: center;
}

.btn-promo2 img {
    transform: rotate(180deg);
}

.legales {
    text-align: justify;
    border: 1px solid #D6D6D6;
    padding: 10px;
}

.subtitulopromo {
    color: #102B4E;
}

.infoHF {
    padding: 15px 10px;
    font-size: 12px;
    line-height: 16px;
    text-align: justify;
}


.ver-menos span.menos {
    display: inline-block;
}

.versiones .ver-mas .menos, .versiones .ver-mas .ver-menos .mas {
    display: none;
}

.btnPromos .menos, .btnPromos .ver-menos span.mas {
    display: none;
}

.ver-menos span.mas {
    display: none;
}

#selectPromo {
    cursor: pointer;
}

/*fin promociones*/

/*modelo nuevos todos financiamiento*/
.modelostodosSec {
    max-width: 1250px;
    margin: 0 auto;
    padding: 0 20px;
}

.selectModelocarro a.active {
    box-shadow: inset 0px -2px 0px #37a9e8;
}

.titulomodelo {
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 29px;
    letter-spacing: -0.04em;
    color: #2261A6;
}

.selectModelocarro {
    justify-content: center;
    margin: 25px 0;
    cursor: pointer;
    background: #FFFFFF;
    box-shadow: inset 0px -1px 0px rgb(0 0 0 / 25%);
}

    .selectModelocarro a {
        padding: 10px 15px;
        font-style: normal;
        font-weight: 500;
        font-size: 20px;
        line-height: 29px;
        letter-spacing: -0.04em;
        color: #102B4E !important;
    }

        .selectModelocarro a:hover {
            background: rgba(55, 169, 232, 0.1);
        }


/*gama autos*/
.gamaAutos {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

    .gamaAutos .itemModel {
        margin: 0 .5% 20px;
        position: static;
        height: 224px;
        left: 0px;
        top: 0px;
        width: 17%;
    }

img.auto-model {
    /*position: static;
    width: 271.2px;
    height: 154px;
    left: 0px;
    top: 16px;*/

    position: static;
    top: 16px;
    width: 100%;
    margin-bottom: 10px;
}

}

.tab-content.gama {
    width: 100%;
}

.nameModelo {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.02em;
    color: #102B4E;
    position: static;
    height: 24px;
    left: 0px;
    top: 0px;
    padding-top: 10px;
}

/*.itemModel p {
    color: #A3A3A3;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: -0.02em;
}
*/
/*logo xs*/
.logoxs {
    width: 200px;
    filter: brightness(0.7);
}

    .logoxs:hover {
        filter: brightness(1.5);
    }

/*btn teléfonos*/

.telsHeader span {
    color: #fff;
    display: none;
    position: relative;
    padding: 0 30px;
    cursor: pointer;
}

.telsHeader span.collapsed:before {
    position: absolute;
    font-family: 'icomoon';
    top: 5px;
    right: 0;
    content: "\e916";
    color: #C7001F;
    font-size: 10px;
}

.telsHeader span:before {
    position: absolute;
    font-family: 'icomoon';
    top: 5px;
    right: 0;
    content: "\e919";
    color: #C7001F;
    font-size: 10px;
}

@media (max-width: 1600px) {
}

@media (max-width: 1400px) {
    
    /*cotizador ràpido*/
    /*.formCR .form-control,
    .formCR .custom-select {
        width: 32%;
        margin: 0 0.5% 15px;
    }

    .checkCR {
        width: 45%;
    }*/
    /*footer*/
    .footerSec,
    .footerSec2,
    .footerSec3,
    .footerSec4 {
        padding: 20px;
    }

    .bannerHome div {
        right: 6%;
        top: 15%;
    }

    .sliderSeminuevos {
        width: 80%;
    }

    .checkCR {
        width: 45%; 
    }

    .itemVersiones {
        width: 80% !important;
    }

    .llegar {
        justify-content: unset;
    }

    /*chirey*/
    .videoModelo {
        height: 500px;
    }

    .cotizacionSec h1,
    .pmanejonSec h1{
        top: 50px;
        left: 150px;
    }

}

@media (max-width: 1200px) {

    .datosAuto h4 {
        font-size: 10px;
    }
    /*footer*/
    /*.footerSec3 {
        justify-content: center;
    }

    .redesFooter{
        margin-bottom: 20px;
    }*/

    /*banners autos*/
    .itemBM .btn {
        z-index: 1;
        top: 15%;
        width: 80%;
        height: 40px;
        padding: 10px;
    }

    /*header*/
    .optMenu a {
        /*font-size: 12px;*/
        padding: 0 5px;
    }

    .logoDist span{
        font-size: 12px;
    }

    /*seminuevos*/
    .item .card-body{
        padding: 20px 10px 0;
    }

    .itemSM i {
        font-size: 18px;
        margin-right: 5px;
    }

    /*contacto*/
    .itemUs {
        width: 45%;
    }

    .itemHorario {
        width: 70%;
    }

    /*.formC .form-control,
    .formC .custom-select {
        width: 100%;
    }*/

    .dirInfo div {
        width: 100%;
    }
   
    /*cotizacion*/
    /*.formCot .custom-select, .formCot .form-control {
        width: 100%;
    }*/

    /*prueba de manejo*/
    /*.formPM .custom-select, .formPM .form-control, .formPM .custom-select.midSize {
        width: 100%;
    }*/

    /*.fechaDato .form-control {
        width: unset;
    }*/

    /*.fechaDato {
        width: 100%;
    }*/

    /*autos nuevos*/
    .slideGaleria {
        width: 80%;
        padding-right: 0;
        margin: 0 auto;
        border-right: 0;
    }

    .thumbsGal {
        width: 80%;
        margin: 25px auto 0;
    }

    .slideGaleria h1{
        display: block;
    }

    .thumbsGal a {
        width: 20%;
    }

    .divV {
        width: 100%;
    }

    .itemVersiones {
        width: 90% !important;
        /*margin: 0 auto;
        padding-right: 0;
        order: 2;*/
    }

    .autoVersiones {
        padding: 0 20px;
    }

    .itemVersiones {
        border-right: 0;
    }

    .thumbsGal h1 {
        display: none;
    }

    .bannerHome div {
        top: 30%;
    }

    .bannerHome div span {
        font-size: 30px;
    }

    .bannerHome div p {
        font-size: 18px;
    }

    /*financiamiento*/
    .form-control,
    .custom-select{
        font-size: 14px;
    }

    .contentFin {
        width: 80%;
        margin: 0 auto;
    }

    .datosFin {
        width: 80%;
        margin: 0 auto;
    }

    .itemsHorarios ul {
        width: auto;
    }

    .sliderSeminuevos {
        width: 100%;
    }

    .formCR .form-control, .formCR .custom-select {
        width: 32%;
    }

    .formCot .form-control {
        width: 49%;
    }

    .formPM .form-control {
        width: 49%;
    }

    .carruselVersiones {
        width: 100% !important;
        border-right: 0;
        order: 2;
        padding-right: 0;
    }

    .txtComentario {
        width: 98% !important;
    }

    #divServicios {
        width: 98%;
        display: flex;
        flex-wrap: wrap;
    }

    .txtLeg_Priv p {
        padding: 0;
    }

    /*responsivo chirey*/

    .videoChirey {
        height: 500px;
    }

    .infoSlider {
        padding: 15px 10%;
    }

    .infoSlider p{
        font-size: 15px;
    }

    /*formularios*/

    .divBanner {
        background-position-x: 20%;
    }

    /**/
    .TelDesktop p {
        padding: 0 5px;
    }
}

@media (max-width: 992px) {

    .nameModelo {
        font-size: 13px;
    }
    /*.itemModel p {
        font-size: 10px;
    }*/
    /*cotizador ràpido*/
    .contentSec {
        width: 100%;
    }

.ctachirey {
    width: 100%;
    z-index: 15;
    display: flex;
    position: fixed;
    right: 0;
    top: unset !important;
    bottom: 0;
}

/*.crmDesktop {
    position: fixed;
    right: 0;
    top: unset !important;
    bottom: 0;
}*/

.ctachirey a {
    width: 33.3%;
    border-radius: 0;
    margin: 0;
    text-align: center;
    justify-content: center;
    padding: 5px;
}

.ctachirey a i{
    margin-right: 0;
    display: block;
    width: 100%;

}

.ctachirey a br{
    display: none;
}
        /*menu*/
        .menu-button {
    display: flex;
}

    /*.btnWA{
        display: none !important;
    }*/

    .menuDist {
        position: fixed;
        top: 100px;
        bottom: 0;
        right: -100%;
        padding: 50px 50px;
        margin: 0;
        z-index: 3;
        width: 500px;
        height: 100vh;
        transform: translate3d(0,0,0);
        transition: right .4s ease-in-out .1s;
        background-color: #fff;
        transform: translate3d(0px, 0px, 0px);
    }

    .menuDist.open {
        right: 0;
    }

    .logoDist {
        width: 50%;
    }

    /*menu*/
    .headerDist {
        height: 60px;
        padding-right: 0;
    }

    .ubDist p {
        font-size: 12px;
    }

    .telsMenu {
        display: none;
    }

    .optMenu a {
        font-size: 14px;
        padding: 0 10px;
        line-height: 3;
        border-bottom: 1px solid #C7001F;
        width: 100%;
        display: block;
        color: #00194E;
        background-color: #fff;
    }

    .linkDesktop{
        display: none !important;
    }

    #menuMovil {
        display: block;
    }

    .headerTop {
        height: 40px;
    }

    .telsMovil a {
        font-size: 14px;
        /*height: 40px;*/
    }

    .telsMovil {
        display: flex;
    }

    .optMenu {
        display: block;
        justify-content: unset;
        flex-wrap: unset;
        align-items: unset;
        height: 75vh;
        overflow-x: hidden;
        -webkit-transition: all 0.6s ease-in-out;
        transition: all 0.5s ease-in-out;
        overflow-y: scroll;
        padding-bottom: 25px;
    }

    /*footer {
        padding-bottom: 50px;
    }*/

    .WAMovil {
        width: 33.33%;
        position: relative;
        display: block;
    }

    #collapseWA {
        position: absolute;
        bottom: 90px;
        background-color: #fff;
        border-radius: 10px;
        right: 15px;
        width: 350px;
    }

    .btnWA2 {
        height: 65px;
        width: 100% !important;
        background-color: #25D366;
    }

    .headWA {
        color: #fff;
        background-color: #25D366;
        padding: 10px;
    }

    .headWA p{
        font-size: 14px;
        margin-bottom: 0;
    }

    .ctachirey .btnWA3 {
        background-color: #F7F7F7;
        width: 80%;
        margin: 10px auto;
        color: #000;
        border-radius: 10px;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .ctachirey .btnWA3 span {
        width: 50%;
        text-align: left;
    }

    .ctachirey .btnWA3 span font{
        display: block;
        color: #A3A3A3;
        font-size: 12px;
    }

    .ctachirey .btnWA3 i{
        color: #25D366;
        width: auto !important;
        font-size: 30px;
    }

    /*cotizacion*/
    .formCot .form-control {
        width: 49%;
    }

    .ImgCotizacion {
        margin: 30px 0;
    }

    .formCotizacion {
        align-items: flex-start;
    }

    /*prueba de manejo*/
    .ImgCotizacion {
        margin: 30px 0;
    }

    .formPManejo {
        align-items: flex-start;
    }

    /*autos nuevos*/
    .contImgColores {
        width: 80%;
        padding-right: 0;
        margin: 0 auto;
    }

    .infoColores {
        width: 80%;
        display: flex;
        flex-wrap: wrap;
        margin: 0 auto;
    }

    .infoAuto {
        order: 2;
        margin-top: 20px;
    }

    .txtColor,
    .content-color {
        width: 100%;
    }

    .infoAuto h1{
        display: none;
    }

    .titleMovil{
        display: block;
    }

    .divOffset{
        display: none;
    }


    .contImgColores {
        border-right: 0;
    }

    /*financiamiento*/
    /*.contentFin{
        width: 100%;
    }*/

    /*cotización rápida interior*/
    .divCotR {
        bottom: 55px;
        border-top: 1px solid #f3f3f3;
    }

    .formInt .form-control, .formInt .custom-select {
        width: 32%;
        margin: 0 0.5% 15px;
    }

    .formInt {
        justify-content: flex-start;
    }

    .checkCotRI {
        width: 67%;
    }

    .formInt .btn {
        width: 32%;
    }

    .btnInt-Movil {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .bannersHome a img {
        border-top-right-radius: 0 !important;
        border-top-left-radius: 0 !important;
    }

    .itemMenu div {
        position: relative;
        top: unset;
        width: 100%;
    }

    .btnMM{
        position: relative
    }

    .btnMM::before {
        position: absolute;
        font-family: 'icomoon';
        top: 10px;
        right: 15px;
        content: "\e916";
        color: #C7001F;
        font-size: 10px;
    }

    .itemMenu div a {
        padding: 0 25px;

    }

    .itemMenu:last-child div {
        left: unset;
    }

    /*cita de servicio*/

    /*.formCS .form-control {
        width: 49%;
    }*/


    /*chirey responsive*/

    .bannersHome a {
        width: 48%;
        margin-bottom: 25px;
    }

    section {
        padding: 20px 0;
    }

    .videoChirey {
        height: 400px;
    }

    .iconosVideo {
        width: 600px;
        bottom: 50px;
    }

    .iconosVideo a {
        padding: 0; 
    }

    header{
        height: 100px;
    }

    body {
        padding-top: 100px;
    }

    .itemMenu div a {
        color: #000;
    }

    /*galeria chirey*/
    .owl-theme.slider-galeria .owl-nav .owl-next {
        right: 40px;
    }

    .owl-theme.slider-galeria .owl-nav .owl-prev {
        left: 40px;
    }

    .content-img .ncolor img {
        width: 100%;
    }

    .coloresAuto {
        padding-bottom: 50px;
        background-position: 50% 75%;
    }

    .videoModelo {
        height: auto;
    }

    .iframeExterior iframe {
        width: 650px;
        transform: unset;
    }

    /*contacto chirey*/

    .mapaContacto {
        width: 100%;
    }

    .divLeft {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .divHorarios {
        width: 48%;
    }

    .divDirectorio {
        width: 48%;
    }

    .formCot textarea.form-control {
        width: 100%;
    }

    .checkCot {
        width: 1000% !important;
    }

    .divBanner {
        height: 200px;
    }

    .cotizacionSec h1,
    .pmanejonSec h1 {
        top: 25px;
        left: 70px;
    }


    .ubDist a span{
        display: none;
    }

    .linkFooter {
        width: 31%;
    }
}

@media (max-width: 768px) {
    .contenedor1 p {
        width: 100%;
    }
    /*menuautosnuevos*/
    .contentAutos{display:none;}
    .imgDown {
        display: flex;
        flex-direction: column-reverse;
    }
    /*footer*/
    .legalFooter {
        justify-content: center;
    }

    .legalFooter p{
        margin-bottom: 0px;
    }

    /*banners autos*/
    .itemBM {
        width: 48%;
        margin-bottom: 15px;
    }

    /*seminuevos*/
    .txtSemis p img{
        margin-bottom: 10px;
    }

    .txtSemis p {
        align-items: flex-start;
        flex-direction: column;
    }

    /*menu*/
    .ubDist p span{
        display: none;
    }

    .logoDist {
        width: 70%;
    }
    .footerSec2 {
        justify-content: space-between !important;
    }


    .telsMovil div {
        bottom: -160px;
        height: auto;
        flex-wrap: wrap;
    }

    .telsMovil a {
        height: 40px;
        width: 100%;
        display: flex;
        align-items: center;
    }

    .slider-thumbs {
        width: 70% !important;
    }

    .bannersHome a.bloque2 {
        width: 100%;
        padding-top: 20px;
    }

    .bannersHome a.bloque1 {
        width: 48%;
    }

    /*contacto*/

    .directorioSec, .formContacto {
        width: 100%;
    }

    .dirInfo div {
        width: 48%;
    }

    .formC .form-control,
    .formC .custom-select {
        width: 49%;
    }

    /*cotizacion*/
    .formCot {
        width: 100%;
        order: 2;
    }

    .ImgCotizacion {
        width: 100%;
    }

    .formCot .custom-select, .formCot .form-control {
        width: 49%;
    }

    /*prueba de manejo*/

    .formPM {
        width: 100%;
        order: 2;
    }

    /*prueba de manejo*/
    .formPM .form-control, .formPM .custom-select.midSize, .fechaDato{
        width: 49%;
    }

    /*autos nuevos*/
    .infoColores,
    .contImgColores {
        width: 100%;
    }

    .itemVersiones {
        width: 100% !important;
    }

    .slideGaleria {
        width: 100%;
    }

    .thumbsGal {
        width: 100%;
    }

    .bannerHome div {
        right: 15px;
    }

    .bannerHome div span {
        font-size: 25px;
    }

    .bannerHome div p {
        font-size: 14px;
    }

    /*financiamiento*/

    .contentFin {
        width: 100%;
    }

    .datosFin {
        width: 100%;
    }

    .btnCalc {
        display: flex;
    }

    /*botones ficha,catalgo autosnuevos*/
    .btnInt-Movil .btnMA {
        width: 49%;
    }

    .itemsHorarios ul {
        width: 370px;
    }

    .formCR .form-control, .formCR .custom-select {
        width: 48%;
        margin: 0 5px 15px;
    }

    .formCR textarea {
        width: 100% !important;
    }

    .checkCR {
        width: 100%;
        margin-top: 15px;
    }

    .formCS .custom-select.thirdSize {
        width: 48%;
    }

    .itemPasos span::before {
        content: "-------";
        right: -64px;
    }

    .pasosFin {
        width: 470px;
    }
    /*citas de servicio*/

    .formCS .form-control {
        width: 49%;
        margin-right: 1%;
    }

    .fechaCS .fechaDato {
        width: 48%; 

    }

    .fechaCS .custom-select {
        width: 48%;
    }

    .owl-theme.slider-seminuevos .owl-nav {
        display: flex;
        justify-content: center;
    }

    .slider-seminuevos.owl-theme .owl-nav .owl-prev,
    .slider-seminuevos.owl-theme .owl-nav .owl-next {
        position: relative; 
        right: unset;
        top: unset;
    }

    .sliderSeminuevos {
        padding: 0 20px;
    }

    /*resposivo chirey*/

    .linkFooter{
        width: 48%;
    }

    .bgFooter2 {
        justify-content: space-between;
    }

    .iconosVideo {
        width: 450px;
    }

    .iconosVideo a img {
        width: 100px;
    }

    .videoChirey {
        height: 315px;
    }

    /*CRM MÓVIL*/
    .menu-icon {
        display: block;
    }

    .crm{
        display: none;
    }

    .ubDist a span{
        display: none;
    }

    /*chirey galería*/
    .infoSlider {
        padding: 15px 20px;
    }

    .infoSlider p {
        font-size: 13px;
    }

    .infoSlider p {
        text-align: justify;
    }

    .owl-theme.slider-galeria .owl-nav .owl-next {
        right: 10px;
    }

    .owl-theme.slider-galeria .owl-nav .owl-prev {
        left: 10px;
    }

    .itemS {
        width: 48%;
        margin-bottom: 20px;
    }

    .iframeInterior iframe {
        width: 100%;
        padding: 0 25px;
    }

    .iframeExterior iframe {
        width: 500px !important;
    }

    .menuGal a{
        margin-bottom: 20px;
    }
    /*contacto chirey*/
    .formC textarea.form-control {
        width: 100%;
    }

    .formC .checkCR {
        width: 100%;
    }

    .divHorarios {
        width: 100%;
    }

    .divDirectorio {
        width: 100%;
    }

    /*tecnologia*/
    .itemTecnologia {
        width: 100%;
    }

    .bloqueCot1 {
        width: 100%;
    }

    .bloqueCot2 {
        width: 100%;
    }

    .formCot h3 {
        padding: 20px 0;
    }

    .telsHeader span {
        display: block;
    }

    .TelDesktop {
        position: absolute;
        background-color: #000;
        top: 40px;
        right: 0;
        width: 220px;
        padding: 15px;
        z-index: 1;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
    }

    .TelDesktop p{
        font-size: 14px;
        width: 100%;
        padding: 0 0 10px 0;
        margin-bottom: 10px;
        border-bottom: 1px solid #C7001F;
    }

    .TelDesktop p:last-child{
        border-bottom: none;
        margin-bottom: 0;
        padding-bottom: 0;
    }

}

@media (max-width: 576px) {

    /*cotizador rápido*/

    .formCR .form-control,
    .formCR .custom-select {
        width: 100%;
        margin: 0 0 15px;
    }

    .formCR textarea {
        width: 100% !important;
        margin-bottom: 15px !important;
    }

    .checkCR {
        width: 100%;
    }

    .cotRInterior .cotRapido {
        margin-top: 0;
        height: 650px;
        height: 65vh;
        overflow-x: hidden;
        -webkit-transition: all 0.6s ease-in-out;
        transition: all 0.5s ease-in-out;
        overflow-y: scroll;
    }

    .cotRInterior .cotRapido h2{
        font-size: 16px;
        padding: 10px 0;
    }

    .formInt .btn {
        width: 100%;
        margin: 10px 0;
    }

    .formInt .checkCR{
        margin: 0;
    }

    /*menu*/
    .menuDist {
        width: 100%;
        padding: 25px 15px;
    }

    .sliderSeminuevos {
        padding: 0 20px;
    }

    .txtSemis p img {
        margin-right: 0;
    }

    .txtSemis p {
        align-items: center;
    }

    .datosSeminuevos {
        justify-content: center;
    }

    .slider-seminuevos.owl-theme .owl-dots .owl-dot.active span,
    .slider-seminuevos.owl-theme .owl-dots .owl-dot:hover span {
        background: #c7001f;
    }

    .item .card-body {
        padding: 20px 20px 0;
    }

    .ctachirey a i {
        font-size: 20px;
    }

    .ctachirey a {
        font-size: 12px;
    }

    .slider-thumbs {
        width: 90% !important;
    }

    .headWA p {
        font-size: 12px;
    }

    #collapseWA {
        bottom: 70px;
        right: 5px;
        width: 280px;
    }

    .bannersHome a.bloque2,
    .bannersHome a.bloque1 {
        width: 100%;
        padding-top: 20px;
    }

    .telsMovil a {
        font-size: 12px;
    }

    /*contacto*/
    .formC .form-control,
    .formC .custom-select {
        width: 100%;
    }

    .dirInfo div {
        width: 100%;
    }

    .distDatos h3 {
        width: calc(100% - 50px);
    }

    .distDatos i {
        margin-right: 10px;
        width: 30px;
    }

    .ctachirey .btnWA3 {
        width: 90%;
    }

    .btnContanto .btn {
        width: 100%;
        margin: 10px 0;
    }

    .btnContanto .btn:first-child {
        order: 2;
    }

    h1 {
        margin: 15px 0;
    }

    /*cotizacion*/

    .formCot .custom-select, .formCot .form-control {
        width: 100%;
    }

    .btn.btnForm{
        width: 100%;
    }

    /*prueba de manejo*/
    .formPM .form-control, .formPM .custom-select.midSize, .fechaDato {
        width: 100%;
    }

    .fechaDato .form-control{
        width: unset !important;
    }

    /*autos nuevos*/
    .infoGal p {
        font-size: 11px;
        text-align: justify;
    }

    .infoColores {
        padding: 0;
    }

    .thumbsGal {
        padding: 0;
    }

    .bannerHome div {
        position: relative;
        right: unset;
        top: unset;
        background-color: #000;
        padding: 20px;
    }

    /*financiamiento*/
    .bloqueFin1 .custom-select {
        width: 100%;
    }

    .mesesOpt font {
        margin-bottom: 10px;
    }

    .barra-inv {
        width: 100%;
    }

    .formAC .custom-select.midSize {
        width: 100%;
    }

    .formFF .form-control.midSize {
        width: 100%;
    }

    .btnCalc .btn.btnWhite {
        order: 2;
    }

    .btnCalc {
        flex-wrap: wrap;
        margin-bottom: 20px;
    }

    .btnCalc .btn{
        margin: 5px 0;
        width: 100%;
    }

    .bloque1 {
        width: 100%;
    }

    .infoAutoFin .subFin {
        font-size: 12px;
        line-height: 16px;
    }

    .itemPasos span {
        width: 35px;
        height: 35px;
    }

    .itemPasos span::before {
        right: -38px;
        content: "----";
    }

    .itemPasos font {
        display: none;
    }

    .itemPasos {
        padding: 0 20px;
    }

    /*h1 {
        font-size: 23px;
    }*/

    /*cotización rápida interior*/
    .formInt .form-control, .formInt .custom-select {
        width: 100%;
        margin: 0 0 10px;
    }

    .checkCotRI {
        width: 100%;
        margin-bottom: 15px;
    }

    .btnInt-Movil .btnMA {
        width: 100%;
    }

    .itemsHorarios ul {
        width: auto;
    }

    /*cita de servicio*/
    .formCS .form-control {
        width: 100%;
    }

    #divServicios {
        width: 100%;
        margin-bottom: 20px;
    }

    .txtComentario {
        width: 100% !important;
    }
    .formCS .custom-select.midSize {
        width: 100%;
    }

    .formCS .custom-select.thirdSize {
        width: 100%;
    }

    .contenedor1 p {
        width: 100%;
    }

    .fechaCS .custom-select {
        width: 100%;
        margin: 0 0 15px 0;
    }

    .fechaCS .fechaDato {
        width: 100%;
        margin: 0 0 15px 0 !important;
    }

    .formCS .form-control {
        margin-right: 0 !important;
    }

    #selectTramsporte {
        width: 100%;
    }

    #contSelMantenimiento{
        width: 100%;
    }
    /*promos*/
    .infoPromo .btn {
        margin: 10px;
        width: 100%;
    }

    /*chirey responsive*/

    .bannersHome a {
        width: 100%;
    }

    .iconosVideo {
        width: 100%;
        position: relative;
        transform: unset;
        left: unset;
        bottom: unset;
        padding: 40px 25px;
        flex-wrap: wrap;
        justify-content: center;
    }

    .backModels {
        padding: 25px 0;
    }

    .iconosVideo a {
        padding: 0;
        width: 80%;
        margin-bottom: 25px;
    }

    .iconosVideo a:last-child{
        margin-bottom: 0;
    }

    .iconosVideo a span {
        margin-bottom: 10px;
        order: 2;
        margin-top: 10px;
    }

    .iconosVideo a img {
        width: 150px;
    }

    .videoChirey video {
        display: none;
    }

    .videoChirey {
        height: auto;
        background-image: url(/assets/img/back-01.jpg);
        background-size: cover;
    }

    .divIcon{
        display: none;
    }

    .owl-theme.slider-homeC .owl-nav .owl-next {
        right: 20px;
    }

    .owl-theme.slider-homeC .owl-nav .owl-prev {
        left: 20px;
    }

    .footerSec3 p {
        width: 100%;
        text-align: center;
        margin-bottom: 10px;
    }

    .bannersHome a span {
        bottom: 10px;
        font-size: 18px;
    }

    .logoAuto {
        padding: 0 15px;
    }

    /*chirey galería*/

    .infoSlider p {
        font-size: 14px;
    }

    .coloresAuto {
        padding: 50px 0;
    }

    .itemS {
        width: 100%;
    }

    .menuGal {
        padding: 25px 20px;
    }

    .menuGal a{
        font-size: 16px;
        margin: 0 5px;
        margin-bottom: 10px;
    }

    .iframeExterior iframe {
        width: 100% !important;
    }

    /*tecnologia*/
    .divImg span {
        width: 100%;
        padding: 20px;
    }

    .divImg img{
        width: 100%;
    }

    .cotizacionSec h1,
    .pmanejonSec h1{
        top: 5px;
        left: 0;
        font-size: 20px;
        line-height: 25px;
        width: 100%;
    }

    .divBanner {
        background-position-x: 30%;
    }

    h3, h4 {
        font-size: 18px;
    }

    .itemHorario {
        width: 100%;
    }

    .itemUs {
        width: 48%;
    }

    /*typ*/
    .divTYP img {
        width: 100%;
    }
}

@media (max-width: 400px) {

    .datosAuto h4 {
        white-space: initial;
    }
    
}

@media (max-width: 768px) {
    .itemPromos {
        width: 100%;
        margin: 0 0 20px;
    }
}

@media (max-width: 768px) {
    .selectModelocarro a {
        font-size: 15px;
    }

    .gamaAutos .itemModel {      
        width: 25%;
    }
}

@media (max-width: 576px) {

    .gamaAutos .itemModel {
        width: 45%;
    }

    .selectModelocarro a {       
        font-size: 14px;
        color: #102B4E;
        padding: 5px 10px;
    }
}

    /*modelo nuevos todos financiamiento*/


/*    preciosdemantenimiento*/
.preciosManteSec {
    max-width: 1250px;
    margin: 0 auto;
    padding: 0 20px;
}


/*error 404*/

.pag404 {
    height: 75vh;
    display: flex;
    /*justify-content: center;*/
    align-items: center;
    flex-direction: column;
    width: 100%;
}

.img404 {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    position: relative;
}

    .img404 span {
        color: #D6D6D6;
        font-size: 300px;
        font-style: italic;
    }

    .img404 img {
        position: absolute;
        bottom: -20px;
        width: 400px;
    }

.pag404 .btn.btnRed {
    width: 350px;
}

@media (max-width: 768px) {
    /*.img404 img {
        width: 100%;
    }*/

    .txtLeg_Priv h2 {
        color: white;
        padding: 25px 0 !important;
    }
}

@media (max-width: 576px) {
    /*.img404 img {
        width: 50%;
    }*/

    .pag404 p {
        text-align: center;
        width: 80%;
    }

}

@media (max-width: 480px) {
    .img404 span {
        font-size: 170px;
        margin-bottom: 25px;
    }

    .img404 img {
        width: 270px;
    }
}
.footerSec4 a:hover {
    color: white;
}
/*.email {
    width: 48% !important;
    line-height: 1.2;
    margin: 0 5px;
}*/

.txtLeg_Priv h2 {
    color: white;
    padding: 0 100px;
}
/*botonfinanciamientoSlider*/
.BtnSlider {
    position: absolute;
    z-index: 1000;
    width: 100%;
    top: 60%;
}

a.btnfinacia {
    font-size: 22px;
    background-color: #c7001f;
    color: white;
    margin-left: 110px;
    padding: 10px;
    padding-left: 15px;
    padding-right: 15px;
    cursor: pointer;
    font-family: 'chireyAntennaRegular' !important;
}

.a.btnfinacia:hover {
    background-color: #FFF;
    color: #003478;
    border: 1px solid #003478;
}

a.btnfinacia:hover {
    background-color: rgba(27,57,78,.8);
    color: #fff;
}

@media (max-width: 576px) {
    .BtnSlider {
        top: 120px !important;
    }

    a.btnfinacia {
        font-size: 10px;
    }

    .datosAuto h4 {
        font-size: 14px;
    }
   
    img.imgVer {
        width: 60% !important;
        opacity: 1;
    }
}

@media (max-width: 768px) {
    .BtnSlider {
        top: 30%;
    }
}

@media (max-width: 1024px) and (min-width: 993px) {
    .BtnSlider {
        top: 50% !important;
    }
    .datosAuto h4 {
        font-size: 12px;
        margin-bottom: 0;
        white-space: unset;
    }

    .txtLeg_Priv h2 {
        color: white;
        padding: 25px 0 !important;
    }
}

@media (max-width:1350px) and (min-width: 1201px) {
    .dirInfo div a {
        font-size: 11px !important;
    }
}
   

    @media (max-width:1366px) and (min-width: 1025px) {
        .BtnSlider {
            top: 50%;
        }

        .datosAuto h4 {
            font-size: 14px;
            white-space: unset;
        }

        .dirInfo div a {
            font-size: 13px;
        }
    }

    @media (max-width: 1440px) and (min-width: 1367px) {
        .BtnSlider {
            /* top: 350px;*/
        }

        .datosAuto h4 {
            white-space: unset;
        }

        .dirInfo div a {
            font-size: 13px;
        }
    }

    @media (max-width:1750px) and (min-width: 1441px) {
        .datosAuto h4 {
            white-space: unset;
        }
    }

    @media (max-width: 628px) and (min-width: 577px) {
        .nameModelo {
            font-size: 15px;
        }
    }


    @media (max-width: 320px) {
        .datosAuto h4 {
            font-size: 10px !important;
        }

        .txtLeg_Priv h2 {
            color: white;
            padding: 0 !important;
            text-align: center;
        }

        .nameModelo {
            font-size: 12px !important;
        }
    }

    @media (max-width: 375px) and (min-width: 321px) {
        .datosAuto h4 {
            font-size: 12px !important;
        }

        .nameModelo {
            font-size: 14px !important;
        }
    }

    .contimgVer {
        display: flex;
        justify-content: center;
    }

    .subtvideo {
        margin: 0;
        color: #A3A3A3;
        display: flex;
        align-items: center;
    }