*{

	margin:0;

	padding:0;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

}

body{

	font-family: arial, sand-serif;

	font-size:100%;

	color:#000;

}

.container-fluid{

    padding: 0;

    margin: 0;

}

p{

    margin: 0;

}


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



nav.navbar.main_nav{

    display: flex;

    justify-content: space-between;

    align-items: center;

    flex-flow: row;

    background-color: transparent;
    
    padding-bottom: 0;

}

ul.navbar-nav{

    align-items: center;

    justify-content: center;

    width: 100%;

    padding: 1% 0 0 0;

}

ul.navbar-nav li{

    padding-left: 20px;

    padding-right: 20px;

}

a.nav-link .item{

    padding: 0;

}

.main_nav .navbar-nav a.nav-link{

    color: #000;

    font-weight: bold;

    font-size: 1rem;

    padding: 0;

    margin: 0;

    width: 100%;

}
.company_logo_container{
    
    padding: 0;
    
}
a.navbar-brand{
    
    display: flex;
    justify-content: center;
    
}
img.logo_company{

    width:100%;
    height: auto;

}
.main_nav .navbar-nav a.nav-link.item{
    
    padding-bottom: 25px;
    
}
.main_nav .navbar-nav a.nav-link.item.active{

    color:#d60000;
    border-bottom: 5px solid #d60000;
    padding-bottom: 20px;

}

.main_nav .navbar-nav .nav-link:hover{

    color: #d60000;

}

.main_nav .navbar-nav .nav-link:focus{

    color:#d60000;
    outline: #fff auto 1px;

}

.main_nav .navbar-nav .show>.nav-link{

    color:#d60000;
    border-bottom: 5px solid #d60000;

}

.main_nav .navbar-nav .show>.nav-link:focus{

    color:#d60000;
    border-bottom: 5px solid #d60000;
    outline: #fff auto 5px;

}

.custom-toggler.navbar-toggler {

    border-color: rgb(0,0,0);

}

button.navbar-toggler:focus {

    outline: 1px auto #fff;

}

.custom-toggler .navbar-toggler-icon {

  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0,0,0, 0.7)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");

}

/**************** inicio **********************/
.banner{
    
    position: relative;
    
}
.banner img{
    
    width: 100%;
    height: auto;
    
}
.banner-info-contacto{
    
    position: absolute;
    bottom: 0;
    padding-bottom: 3%;
    
}
.contenedor-telefono-banner,
.contenedor-email-banner {
    
    width: 100%;
    height: auto;
    padding-right: 10%;
    padding: 0.1% 0 0.1% 62%;
    font-weight: bold;
    font-size: 1.2rem;
    
}
.contenedor-telefono-banner img,
.contenedor-email-banner img {
    
    width: 10%;
    height: auto;
    
}
.contenedor-telefono-banner.ocultar img,
.contenedor-email-banner.ocultar img {
    
    display: none;
    
}
.title-container{
    
    padding: 2% 0 2% 0;
    
}
.title-container h1{
    
    text-align: center;
    color: #d60000;
    font-weight: bold;
    
}
.container-vehiculos{
    
    padding: 0 0 2% 0;
    
}
.card{
    
    border-radius: 0;
    
}
.card-img{
    
    border-radius: 0;
    
}
.card-body{
    
    padding-right: 0;
    
}
.card-body h5{
    
    margin: 0;
    font-weight: bold;
    
}
.card-body p{
    
    text-align: center;
    background-color: #0000FF;
    color: #FFF;
    font-size: 1.2rem;
    font-weight: bolder;
    padding: 4% 0 4% 0;
    
}
.card-body .right{
    
    left: 20px;
    
}
span.red{
    
    color: #d60000;
    font-weight: bold;
}
span.black{
    
    font-weight: bold;
    
}
.container-image-btn{
    
    padding: 1% 2.5% 1% 1.5% !important;
    
}
.btn-vehiculos{
    
    background-color: #699dbc;
    color: #fff;
    font-weight: bold;
    font-size: 1.1rem;
    border-radius: 0;
    width: 100%;
    margin-top: 10%;
    
}
/*------------paginacion --------------------*/



.pagination-section{

    width: 100%;

    font-size: 0.9rem;
    padding: 1.2% 0 1.2% 0;
    
    background-color: #0000FF;

}

.pagination li a{

    border-top: none;

    border-bottom: none;

    border-right: none;

    border-left: none;

    border-radius: 0;

    color: #fff;

    font-weight: bold;

    padding: 4px 10px;

}

.pagination li a.antes{

    border: none;

}
.page-item,
.page-link{
    
    background-color: transparent!important;
    border-radius: 0;
    
}
.page-item.active{

    background-color: transparent!important;
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem;
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem;
    color: #fff;

}

.page-item.disabled{

    color: #000;

}

.page-link:hover{

    background-color: transparent;

    color: #000;

    border-color: #000;

}

.page-link:focus{

    box-shadow: 0 0 0 0.05rem rgba(255,255,255,.01);
    background-color: transparent;
    color: #fff;

}

ul.pagination{

    margin: 0;
    border-radius: 0;
    width: 100%;
    font-size: 0.9rem;

}


/*************** POLITICAS ****************/

.container-politicas-content{
    
    text-align: justify;
    font-weight: 400;
    color: #000;
    padding: 0 8% 2% 8%;
    
}
.red-container{
    
    padding: 1.5% 0 1.5% 0;
    background-color: #0000FF;
    display: flex;
    justify-content: center;
    
}
.red-container a{
    
    text-align: center;
    text-decoration: none;
    color: #fff;
    font-weight: bold;
}
.red-container a:active,
.red-container a:hover,
.red-container a:focus{
    
    text-align: center;
    text-decoration: none;
    color: #fff;
    font-weight: bold;
    
}

/*----------- contact -----------------*/

.container-content-form-map{
    
    display: flex;
    justify-content: center;
    flex-flow: row nowrap;
    align-content: flex-start;
    padding: 0; 
    
}
.text-address-container{
    
    align-items: flex-start !important;
    
}
.container{
    
    padding: 0 7% 0 7%;
    
}
.form-contacto{
    
    padding: 0;
    
}
.form-container{
    
    padding: 1% 1.4% 1.5% 1.4%;
    
}
.input_container{
    
    padding: 1.5% 3% 1.5% 3%; 
    
}
.form-control{
    
    border-radius: 0;
    color: #000;
    
}
.boton{
    
    padding: 1.5% 3% 0.5% 3%;
    
}
.container-captcha{
    
    padding: 1% 3%;
    
}
.map-view{
    
    width: 100%;
    height: 100%;
    
}

/********* inputs and textarea ************/

.boton .btn_enviar{
    cursor: pointer;
    border:1px solid #000;
    background:#000;
	border-radius: 0;
	color:#fff;
	font-size:1rem;
    font-weight: 700;
	padding:2% 0.5% 2% 0.5%;
}
.boton .btn_enviar:focus{
	box-shadow: 0 0 0 0.2rem rgba(0,0,0,0.5);
	border:1px solid #000;
	outline-color:#000;
}
label.error{
    
    color: #bb1928;
    font-weight: 400;
    margin: 0;
    background-color: #000;
    padding: 0.5% 0 0 2%;
    width: 100%;
    text-align: center;
    
}
.form-control.style:focus{
    color: #000;
}
input.style{
    border-radius: 0;
    color: #000;
}
textarea.style{
    border-radius: 0;
}
input.form-control.style::-webkit-input-placeholder { color: #000; font-weight: 700; } 

input.form-control.style:-moz-placeholder { /* Firefox 18- */ color: #000; font-weight: 700; } 

input.form-control.style::-moz-placeholder { /* Firefox 19+ */ color: #000; font-weight: 700; } 

input.form-control.style:-ms-input-placeholder { color: #000; font-weight: 700; }

textarea.form-control.style::-webkit-input-placeholder { color: #000; font-weight: 700; } 

textarea.form-control.style:-moz-placeholder { /* Firefox 18- */ color: #000; font-weight: 700; } 

textarea.form-control.style::-moz-placeholder { /* Firefox 19+ */ color: #000; font-weight: 700; } 

textarea.form-control.style:-ms-input-placeholder { color: #000; font-weight: 700; }

input.form-control.style:focus::-webkit-input-placeholder{color:transparent;}
textarea.form-control.style:focus::-webkit-input-placeholder{color:transparent;} 

.address-container p{
    
    color: #000;
    text-align: left;
    font-weight: 600;
    
}
.icon-number-container,
.icon-email-container{
    
    padding: 0;
    
}
.icon-number-container img,
.icon-email-container img{
    
    width: 7%;
    height: auto;
    
}
.image-address-container{
    
    padding: 0 1% 0 0;
    
}
.image-address-container img{
    
    width: 50%;
    height: auto;
    
}

/************ vehiculo ****************/

.container-observaciones{
    
    padding: 1.5% 1.5% 1.5% 1.5%;
    
}
.observaciones{
    
    padding: 3% 0 4% 0;
    border-bottom: 2px solid #000;
    text-align: justify;
    
}
.observaciones span{
    
    font-weight: bold;
    font-size: 1.2rem;
    
}
.container-contacto-vehiculo{
    
    padding: 2% 1.5% 2% 1.5%;
    
}
.container-content-image{
    
    margin-top: 10%;
    
}
.background-blue{
    
    color: #fff;
    background-color: #699dbc;
    text-align: center;
    padding: 1.5%;
    
}
.background-blue h5{
    
    margin: 0;
    font-weight: bold;
    
}
.background-blue-light{
    
    background-color: rgba(105,157,188, 0.4);
    padding: 1% 0 1.5% 0;
    
}
.background-blue-light p{
    
    font-weight: bold;
    color: #000;
    text-align: center;
    
}
.background-blue-light .container-input{
    
    padding: 1.5% 5% 1% 5%;
    
}
.input_container label{
    
    font-weight: bold;
    padding: 0;
    color: #699dbc;
    
}
.input_container input{
    
    height: 55px;
    max-height: 55px;
    
}
.input_container textarea{

    height: 55px;
    max-height: 55px;

}
.ir-politicas{
    
    padding: 2% 0 0 0;
    
}
.ir-politicas a{
    
    text-decoration: underline;
    color: #699dbc;
    
}
.ir-politicas a:active,
.ir-politicas a:hover,
.ir-politicas a:focus{
    
    text-decoration: underline;
    color: #699dbc;
    
}

/*********** carusel **************/

/*#carousel-multi-item{
    
    max-height: 44.6px;
    
}*/
span.carousel-control-prev-icon{
    
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3e%3c/svg%3e") !important;
    
}

span.carousel-control-next-icon {

    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e");

}

a.carousel-control-prev,
a.carousel-control-next{

    width: 5%;

    z-index: 1000;
    
    color: #000;

}

a.carousel-control-prev img, 

a.carousel-control-next img{

    width: 100%;

}

/*.carousel-caption{

    top: 37.5%;

    z-index: 100;

    width: 40%;

    left:calc(50% - 20%);

}*/

.carousel-caption img{

    width: 100%;

}
#carousel-multi-item{
    
    padding: 0 5% 0 5%;
    
}
.carousel-item .image-vehiculos{
    
    padding: 0 1% 0 1%;
    
}
.imagenes{
    
    width: 100%;
    height: auto;
    
}
.imagenes img{
    
    width: 100%;
    height: auto;
    cursor: pointer;
    
}
#multiCarouselItem.active{
    
    display: flex !important;
    flex-flow: row !important;
    
}
.carousel-item.carousel-item-next.carousel-item-left{
    
    display: flex;
    
}
#multiCarouselItem{
    
    transition: transform 0.01s ease-in,-webkit-transform 0.01s ease-in,-mz-transform 0.01s ease-in;
    /*transition: transform .01s ease-out,-webkit-transform .01s ease-out,-mz-transform .01s ease-out;*/
    -webkit-animation: fadein 1s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 1s; /* Firefox < 16 */
        -ms-animation: fadein 1s; /* Internet Explorer */
         -o-animation: fadein 1s; /* Opera < 12.1 */
            animation: fadein 1s;
    
}
#multiCarouselItem.active{
    
    /*transition: transform 2s ease-in,-webkit-transform 2s ease-in,-mz-transform 2s ease-in;*/
    transition: transform .01s ease-out,-webkit-transform .01s ease-out,-mz-transform .01s ease-out;
    
}

/****** fadein **********/

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/*------------- footer-------------------*/

footer{
    
    background-color: #000;
    padding: 1.5% 0;
    
}
.info_footer{

    display: flex;

    justify-content: center;

    align-items: center;

    flex-flow: row;

    text-align: center;

}

.info_footer{

    padding: 1% 0 1% 0;

}

.text-footer{
    
    color: #fff;
    margin: 0;
    padding: 0;
    text-align: center;
    
}
.tlf-footer img{
    
    width: 8%;
    height: auto;
    
}
.tlf-footer p{
    
    font-size: 1.2rem;
    font-weight: bold;
    
}

/************ alert ***************/

.alert-container{
    
    width: 80%;
    
}