@charset "UTF-8";
@font-face {
    font-family: peugeot;
    src: url(../fonts/peugeot_normal_v2-webfont.eot);
    src: url(../fonts/peugeot_normal_v2-webfont.eot?#iefix) format("embedded-opentype"), url(../fonts/peugeot_normal_v2-webfont.woff2) format("woff2"), url(../fonts/peugeot_normal_v2-webfont.woff) format("woff"), url(../fonts/peugeot_normal_v2-webfont.ttf) format("truetype"), url(../fonts/peugeot_normal_v2-webfont.svg#peugeotregular) format("svg");
    font-weight: 400;
    font-style: normal
}
@font-face {
    font-family: peugeotitalic;
    src: url(../fonts/peugeot_italic_v2-webfont.eot);
    src: url(../fonts/peugeot_italic_v2-webfont.eot?#iefix) format("embedded-opentype"), url(../fonts/peugeot_italic_v2-webfont.woff2) format("woff2"), url(../fonts/peugeot_italic_v2-webfont.woff) format("woff"), url(../fonts/peugeot_italic_v2-webfont.ttf) format("truetype"), url(../fonts/peugeot_italic_v2_0-webfont.svg#peugeotitalic) format("svg");
    font-weight: 400;
    font-style: italic
}
@font-face {
    font-family: peugeotbold;
    src: url(../fonts/peugeot_bold_v2-webfont.eot);
    src: url(../fonts/peugeot_bold_v2-webfont.eot?#iefix) format("embedded-opentype"), url(../fonts/peugeot_bold_v2-webfont.woff2) format("woff2"), url(../fonts/peugeot_bold_v2-webfont.woff) format("woff"), url(../fonts/peugeot_bold_v2-webfont.ttf) format("truetype"), url(../fonts/peugeot_bold_v2-webfont.svg#peugeotbold) format("svg");
    font-weight: 700;
    font-style: normal
}
@font-face {
    font-family: peugeotlight;
    src: url(../fonts/peugeot_light_v2-webfont.eot);
    src: url(../fonts/peugeot_light_v2-webfont.eot?#iefix) format("embedded-opentype"), url(../fonts/peugeot_light_v2-webfont.woff2) format("woff2"), url(../fonts/peugeot_light_v2-webfont.woff) format("woff"), url(../fonts/peugeot_light_v2-webfont.ttf) format("truetype"), url(../fonts/peugeot_light_v2-webfont.svg#peugeotlight) format("svg");
    font-weight: 400;
    font-style: normal
}
@font-face {
    font-family: museosans;
    src: url(../fonts/museosans-100-webfont.eot);
    src: url(../fonts/museosans-100-webfont.eot?#iefix) format("embedded-opentype"), url(../fonts/museosans-100-webfont.woff2) format("woff2"), url(../fonts/museosans-100-webfont.woff) format("woff"), url(../fonts/museosans-100-webfont.ttf) format("truetype"), url(../fonts/museosans-100-webfont.svg#museo_sans100) format("svg");
    font-weight: 400;
    font-style: normal
}
@font-face {
    font-family: museosansbold;
    src: url(../fonts/museosans_900-webfont.eot);
    src: url(../fonts/museosans_900-webfont.eot?#iefix) format("embedded-opentype"), url(../fonts/museosans_900-webfont.woff2) format("woff2"), url(../fonts/museosans_900-webfont.woff) format("woff"), url(../fonts/museosans_900-webfont.ttf) format("truetype"), url(../fonts/museosans_900-webfont.svg#museo_sans900) format("svg");
    font-weight: 400;
    font-style: normal
}
body,
html {
    height: 100%
}
*,
:after,
:before {
    box-sizing: border-box
}
body,
html {
    font-size: 16px
}
body {
    background: #fff;
    color: #666;
    cursor: auto;
    font-family: peugeot, Helvetica Neue, Helvetica, Roboto, Arial;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    margin: 0;
    padding: 0;
    position: relative
}
a:hover {
    cursor: pointer
}
img {
    height: auto;
    -ms-interpolation-mode: bicubic
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: peugeotlight, peugeot, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;
    color: #3c3947;
    font-weight: 400
}
h1{
    font-size:30px;
    margin:40px 0;
}
.cta {
    display: inline-block;
    position: relative;
    transition: background-color .25s ease-in-out,color .25s ease-in-out;
    margin: 0;
    text-align: center;
}
.btn-cta {
    margin-bottom: 15px;
    border: 0 none;
    border-bottom: 3px solid transparent;
    background-color: transparent;
    padding: 0 20px;
    min-width: 115px;
    max-width: 250px;
    min-height: 47px;
    line-height: 47px;
    font-size: .75rem;
}
.btn-cta.light-blue{
	/*order-right:1px solid #007edb;
	border-left:1px solid #007edb;
	border-bottom:1px solid #0062c5;*/
	background-color:#00A3E0 /*#007edb*/;
	color:#fff
}

.btn-cta.light-blue:after{
	position:absolute;
	width:0;
	bottom:-3px;
	left:0;
	transition:width .5s ease-out;
	height:3px;
	background-color:#007edb;
	content:""
}

.true-no-touch .btn-cta.light-blue:hover{
	background-color:#0062c5
}

.true-no-touch .btn-cta.light-blue:hover:after{
	width:100%
}

.btn-cta>span{
	display:inline-block;
	max-width:100%;
	overflow:hidden;
	vertical-align:middle;
	text-overflow:ellipsis;
	line-height:1.2
}

.btn-cta.light-blue {
   /* border-right: 1px solid #007edb;
    border-left: 1px solid #007edb;
    border-bottom: 1px solid #0062c5;*/
    background-color: #00A3E0 /*007edb*/;
    color: #fff;
}
.btn-cta.light-blue:after{
	position:absolute;
	width:0;
	bottom:-3px;
	left:0;
	transition:width .5s ease-out;
	height:3px;
	background-color: #00A3E0 /*#007edb*/;
	content:""
}
 .btn-cta.light-blue:hover{
	background-color:#000000 /*0062c5*/ ;
}

.btn-cta.light-blue:hover:after{
	width:100%
}
.sitecontainer {
    position: relative;
    margin: 0 auto;
    max-width: 80rem
}

/*CUSTOM MEGAMENU*/
.mega-menu section.mega-menu-inner-container{
    background: #000000; /*#162133;*/
}
.mega-menu .drop-down-large,
.mega-menu .drop-down-medium {
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.26);
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.mega-menu .drop-down-large>.vertical-tabs-container,
.mega-menu .drop-down-medium>.vertical-tabs-container {
    background-color: #f0f0f0;
}
.mega-menu .mega-mobile-button {
    background: #007edb;
    width: 50px;
    height: 50px;
    left: 0;
    right:auto;
}
.mega-menu .mega-mobile-button span {
    width: 50px;
    height: 50px;
    float: left;
    line-height: 50px;
}
.mega-menu .mega-brand>li{
    line-height:1;
}
.mega-menu .mega-brand>li>a{
    display: block;
    width: 280px;
    /*padding: 20px; */
    padding: 10px 20px 0 20px;
    box-shadow:none!important;
}
.mega-menu .mega-brand>li>a:hover,
.mega-menu .mega-brand>li>a:focus,
.mega-menu .mega-brand>li>a:active{
    background:inherit;
}
.mega-menu.separator .mega-brand>li>a,
.mega-menu.separator .mega-list-items>li>a{
    border-right:none;
}
.mega-menu.separator .mega-brand>li>a{
    border-bottom:0;
    /*agregado con logo nuevo
    padding: 10px 0 0 20px !important;*/
}
.mega-menu .mega-brand>li>a .brand-peugeot,
.mega-menu .mega-brand>li>a .brand-leparc{
    display: inline-block;
    vertical-align: middle;
}
.mega-menu .mega-brand>li>a .brand-peugeot{
   /* width:65px;
    height: 70px;    */
    margin-right:20px;
}
.mega-menu .mega-brand>li>a .brand-leparc{
    width:110px;
}
.mega-menu .mega-brand>li>a .brand-peugeot img,
.mega-menu .mega-brand>li>a .brand-leparc img{
    width:100%;
    max-height:inherit;
    top:auto;
}

@media (max-width:576px){
    .mega-menu .mega-brand>li>a .brand-peugeot img,
    .mega-menu .mega-brand>li>a .brand-leparc img{
        width:90%;     
    }
}

.mega-menu .mega-brand>li>a .brand-leparc{
    margin-left: 10px;
    padding-left: 15px;
    position:relative;
}

.mega-menu .mega-brand>li>a .brand-leparc:before{
    content:"";
    position: absolute;
    left:-10px;
    top:-10px;
    width:1px;
    height:50px;
    border-left:1px solid #fff;
}
.mega-menu .mega-list-items{
    float:right;
}
.mega-menu .mega-list-items>li>a {
    border-bottom: 4px solid transparent;
    box-shadow:none;
    padding: 34px 20px;
}
.mega-menu.separator .mega-list-items>li>a {
    box-shadow:none;
}
.mega-menu .mega-list-items>li.active>a,
.mega-menu .mega-list-items>li>a:focus,
.mega-menu .mega-list-items>li>a:hover,
.mega-menu .mega-list-items>li>a:active,
.mega-menu .mega-list-items>li:hover>a{
    border-bottom-color:#007EDB;
    background:transparent;
}
.mega-menu .vertical-tabs {
    margin: 0;
    width: 100%;
    float: left;
    display: block;
    padding:0;
    background: #ffffff;
}
.mega-menu .vertical-tabs:before{
    background:#fff;
}
.mega-menu .vertical-tabs a {
    text-align: left;
    font-weight: 400;
    font-size:14px;
    padding:15px;
    position:relative;
    background-color:#fff;
    margin:0;
}
.mega-menu .vertical-tabs a:before{
    content: "";
    position: absolute;
    right: 10px;
    top: 15px;
    background-image: url(../img/chevron.svg);
    background-size: contain;
    height: 15px;
    width: 10px;
    background-repeat: no-repeat;
    background-position: center;
}
.mega-menu .vertical-tabs a:hover,
.mega-menu .vertical-tabs a.active {
    background: #f0f0f0;
    color: #03a9f4;
}
.mega-menu .vertical-tabs-content:before,
.mega-menu .vertical-tabs-content {
    background: #f0f0f0;
}
.mega-menu .vehicle{
    display:block;
    text-align:center;
}
.mega-menu .vehicle p{
    text-align:center;
}
.mega-menu [class*=col-]{
    position:relative;
}
@media (min-width:768px){
    .menu-categories,
    .menu-categories-result{
        display: table-cell;
        float: none;
    }
}
@media (max-width:991px){
    .mega-menu .mega-brand>li>a {
        display: block;
        width: 175px;
        padding: 5px;

    }
   /* .mega-menu.separator .mega-brand>li>a {
        border-bottom: 0;
        padding: 5px 0 0 20px !important;
    }*/
    .mega-menu .mega-brand>li>a .brand-peugeot {
        width: 40px;
        height: 32px;
        margin-right: 5px;
    }
    .mega-menu .mega-brand>li>a .brand-leparc {
        margin-left: 5px;
        padding-left: 0;
        width: 75px;
    }
    .mega-menu .mega-brand>li>a .brand-leparc:before{
        display:none;
    }
}
@media (min-width:768px) and (max-width:991px){
    .mega-menu .mega-list-items>li>a{
        padding:20px 12px;
    }
}
@media (max-width:767px){
    .mega-menu .vertical-tabs {
        display:none;
    }
    .mega-menu section.mega-menu-inner-container {
        height: 50px;
    }
    .mega-menu .mega-brand>li>a{
        padding:5px;
        margin:auto;
        height: 50px;
    }
    .mega-menu .mega-list-items {
        padding-top: 0;
        background-color:#fff;
        box-shadow: 0 2px 5px 0 rgba(0,0,0,.26);
    }
    .mega-menu .mega-list-items>li>a {
        box-shadow: none;
        color: #666;
        border-bottom:none!important;
        padding: 12px;
        position:relative;
    }
    .mega-menu .mega-list-items>li:hover>a {
        color:#03a9f4;
    }
    .mega-menu .mega-list-items>li>a:before{
        content: "";
        position: absolute;
        right: 10px;
        top: 15px;
        background-image: url(../img/chevron.svg);
        background-size: contain;
        height: 15px;
        width: 10px;
        background-repeat: no-repeat;
        background-position: center;
    }
    .mega-menu .mega-list-items>li.submenu-vehicles>a:before{
        transform: rotate(90deg);
    }
    .mega-menu .vertical-tabs-content-container>a.active {
        background:inherit;
        color: inherit;
    }
    .mega-menu .vertical-tabs-content-container>a:hover,
    .mega-menu .vertical-tabs-content-container>a:focus,
    .mega-menu .vertical-tabs-content-container>a:active{
        background-color:#fff;
        color:#03a9f4;
    }
	/*elimino linea vertial */
	.brand-leparc-footer:before{
        display:none;
    }
	
	
}

/*SLIDE HOME*/
.slick-loading .slick-list{
    background: #fff url('../img/ajax-loader.gif') center center no-repeat;
}
.slick-slide{
    position: relative;
}
.slick-slider img{
    width:100%;
    height:100%;
}
.slick-prev,
.slick-next{
    z-index: 9999;
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width:30px;
    height: 30px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev{
    left:0;
    background-image: url(../img/sprites/spritesheet-v_201909251107.png);
    background-position: -30px -189px;
}
.slick-next{
    right: 0;
    background-image: url(../img/sprites/spritesheet-v_201909251107.png);
    background-position: 0 -189px;
}
.slick-slide .cta-wrapper {
    opacity: 0;
    z-index: 0;
    visibility: hidden;
    text-align: left;
    position: absolute;
    bottom:4%;
    left: calc(8.5% - 1rem);
    z-index: 99;
    transition: opacity .5s,visibility .1s .5s;
}
.slick-slider .slick-current .cta-wrapper {
    opacity: 1;
    z-index: 2;
    visibility: visible;
    transition: opacity .5s .1s,visibility .1s;
}
@media (max-width:480px){
    .slick-slide .cta-wrapper {
        bottom: 1%;
        left: 50%;
    }
    .slick-slide .cta-wrapper .btn-cta{
        width: 80px;
        min-width: auto;
        font-size: 10px;
        padding: 10px 5px;
        height: auto;
        line-height: 1;
        min-height: auto;
        margin-left:-40px;
    }
    .slick-slide .cta-wrapper .btn-cta span{
        font-size: 9px;
    }

}
/*VEHICLES LIST*/
.discover-section{
    padding:30px 0 60px;
    text-align:center;
}
.vehicle-list{
    overflow:hidden;
    margin:0;
}
.vehicle-item{
	position:relative;
	border:1px solid #ececee;
	background:#fff;
	padding:0;
	height:375px;
	text-align:center
}
.vehicle-item:hover {
    box-shadow: inset 0 0 0 2px #007edb;
}
.vehicle-item .content{
	display:block;
	width:100%;
	height:100%;
	overflow:hidden
}
.vehicle-item .heading{
	margin-bottom:20px
}
.vehicle-item .title{
	position:absolute;
	top:40px;
	width:100%
}
.vehicle-item h3{
	font-family:peugeotbold,peugeot,Helvetica Neue,Helvetica,Roboto,Arial,sans-serif;
	margin-bottom:0
}
.vehicle-item .offer-wrapper{
	position:absolute;
	top:10px;
	width:100%
}
.vehicle-item .ndp-new.label{
	background:#012642
}
.vehicle-item .ndp-special-serie.label{
	background:#007edb
}
.vehicle-item .img-wrapper{
	position:absolute;
	top:90px;
	left:50%;
	-ms-transform:translateX(-50%);
	transform:translateX(-50%);
	margin-bottom:15px;
	width:96%;
	height:113px
}
.vehicle-item .img-wrapper .no-vehicle,.vehicle-item .img-wrapper img{
	width:100%;
	max-width:241px
}
.vehicle-item .img-wrapper .no-vehicle{
	margin:auto;
	background-repeat:no-repeat;
	background-position:center 12px;
	background-size:60% auto;
	height:100%
}
.vehicle-item .img-wrapper .no-img{
	margin:auto;
	background:url(../img/vignette_default.png) no-repeat;
	background-position:bottom;
	background-size:100%;
	width:65%;
	height:100%
}
.vehicle-item .img-wrapper .car-selector-pic{
	background-image:url(../img/vehicle-range.png);
	background-size:80% auto;
	max-width:none
}
.vehicle-item .cta-wrapper.config-tool {
    top: 16.25rem;
    bottom: auto;
}
.vehicle-item .cta-wrapper{
    position:absolute;
	bottom:0;
	left:50%;
	-ms-transform:translate(-50%);
	transform:translate(-50%);
	margin:auto;
	min-height:93px;
	pointer-events:none
}
.vehicle-item .cta-wrapper.config-tool{
	top:16.25rem;
	bottom:auto
}
.vehicle-item .cta-wrapper .cta{
	position:absolute;
	bottom:3px;
	left:50%;
	-ms-transform:translateX(-50%);
	transform:translateX(-50%);
	margin:0;
	padding:0;
	text-align:center;
	pointer-events:auto
}
@media (min-width:40.0625em) and (max-width:64em) {
	.vehicle-item .cta-wrapper .cta	{
		min-width:125px
	}
}
.vehicle-item .cta-wrapper .cta:first-child{
	bottom:50px
}
.vehicle-item .cta-wrapper .link-cta{
	padding-right:28px
}
.vehicle-item .price{
	position:absolute;
	top:213px;
	width:100%;
	line-height:1.1;
	color:#777;
	font-size:1rem
}
.vehicle-item .price small{
	font-size:.875rem
}
.vehicle-item .price strong{
	display:block;
	color:#3c3947
}
@media (max-width:40em) {
	.vehicle-item{
		border:0;
		height:225px
	}
	.vehicle-item .offer-wrapper{
		display:none
	}
	.vehicle-item .heading{
		margin:0
	}
	.vehicle-item .img-wrapper{
		top:27px;
		text-align:center
	}
	.vehicle-item .img-wrapper .car-selector-pic{
		background-size:90% auto
	}
	.vehicle-item img{
		padding:0 5px
	}
	.vehicle-item .title{
		top:148px
	}
	.vehicle-item .price{
		top:auto;
		bottom:20px
	}
	.vehicle-item .cta-wrapper{
		display:none
	}
}

/*NEWS BANNER*/
.news-banner{
    padding-bottom:60px;
}
.news-banner a img{
    width:100%;
}
.news-banner .row{
    margin-left:-3px;
    margin-right:-3px;
}
.news-banner .row .col-sm-12{
    padding-left: 3px;
    padding-right:3px;
}

/*DIRECT ACCESS*/
.direct-access{
    background: #000000; /*152848;*/
    text-align:center;
    padding:5px 40px 40px;
    margin-bottom:60px;
}
.direct-access h1{
    color:#fff;
}
.direct-access .row{
    margin:0 60px;
}
.da-link{
    background-color:#00A3E0 /*#007BE0*/;
    color:#fff;
    padding:20px;
    display:block;
    text-decoration:none;
}
@media (max-width:991px){
    .da-link{
        margin:10px 0;
    }
    .direct-access h1{
        margin-bottom:20px;
    }
}




@media (max-width:576px){
    .direct-access {
        padding: 5px 0 40px;
    }
    .direct-access .row {
        margin: 0 30px;
    }
	
	
	.brand-leparc-footer:before{
		/*content:"";
		position:absolute;
		height:60px;
		width:1px;
		top:-10px;
		left:-15px;
		border-left:1px solid #152848;*/
	}

	
}
.da-link:hover,
.da-link:focus,
.da-link:active{
    text-decoration:none;
    color:#000000;
    background-color:#FFFFFF /*0D5DD0*/;
}
.da-link img{
    height:60px;
    margin-bottom:15px;
}
.da-link p{
    font-size:16px;
    line-height:1.2;
}

/*FOOTER*/
footer{
    background:#000000 /*EDEDED*/;
    padding:40px 50px 20px;
}
.footer-brand span{
    display:inline-block;
    margin-right:40px;
}
.brand-peugeot-footer img{
    height:50px;
}
.brand-leparc-footer{
    position:relative;
    padding-left:20px;
}

.brand-leparc-footer:before{
    content:"";
    position:absolute;
    height:60px;
    width:1px;
    top:-10px;
    left:-15px;
    border-left:1px solid #FFF;
}

.brand-leparc-footer img{
    height:30px;
}

@media (max-width:991px){
    .brand-leparc-footer .escudofooter{
        height:100%;
    }
    .brand-leparc-footer .marcafooter{
        height:35px !important;
        margin-top: 15px;
    }
}
@media (max-width:576px){
    .brand-leparc-footer .escudofooter{
        height:72px !important;
    }
    .brand-leparc-footer .marcafooter{
        height:35px  !important;
        margin-top: 15px;
    }
}

.brand-leparc-footer p{
    display:inline-block;
    font-size: 12px;
    line-height:1.1;
    color:#FFFFFF;
    vertical-align:middle;
    margin-left:20px;
    margin-top:15px;
}
.social {
    margin: 0;
    padding: 0;
    text-align: center;
    font-size: 0;
    float:right;
}
.social li {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
}
.social li a {
    display: block;
    padding:15px 20px;
    margin-left:5px;
    background-color: #fff;
    text-align:center;
}
.social li img {
    width: 26px;
}
.footer-buttons{
    margin-top:20px;
    margin-bottom:20px;
    margin-left:-3px;
    margin-right:-3px;
}
.footer-buttons a{
    background-color:#FFFFFF;
    color:#000000;
    padding:10px;
    text-align:center;
    text-decoration:none;
    display:block;
}
.footer-buttons .col-xs-6{
    padding-left:3px;
    padding-right:3px;
}
.copyright{
    text-align:center;
    font-size:13px;
    color:#FFFFFF;
    margin:0;
}
.agency{
    margin:20px 0;
    text-align:center;
}
.agency img{
    height:9px;
}
@media (max-width:992px){
    .prefooter{
       text-align:center;
    }
    .brand-leparc-footer p{
        text-align:left;
    }
    .social {
        margin-top:10px;
        float: none;
    }
    .social li a {
        padding: 10px 10px;
    }
    .footer-brand span {
        margin-right: 20px;
    }
    .brand-leparc-footer p {
        margin-left: 10px;
    }
    .brand-leparc-footer:before {
        height: 50px;
        width: 1px;
        top: 0px;
        left: -5px;
    }
    .footer-brand span {
        margin-right: 30px;
    }
}
@media (max-width:576px){
    .slick-prev, .slick-next{
        display:none!important;
    }
    footer {
        padding: 30px 15px 10px;
    }
    .footer-brand span{
        margin-right:0;
    }
    .brand-peugeot-footer{
        display: block;
        margin: 0;
        margin-bottom: 20px;
    }
    .brand-leparc-footer{
        display: block;
        margin: 0;
        padding: 0;
    }
    .brand-leparc-footer:before{
        display:none;
    }
    .brand-leparc-footer p{
        display: block;
        text-align: center;
    }
    .social {
        margin-top: 20px;
    }
    .footer-buttons a {
        font-size: 13px;
    }
}
.social-aside{
	position:fixed;
	top:36%;
	right:0;
	width:50px;
	list-style: none;
    padding: 0;
	margin:0;
	z-index:9999;
}
.social-aside li{
	display:block;
	width:50px;
    height:50px;
    margin-bottom:1px;
}
.social-aside li a{
    display:block;
    height:50px;
    padding:12px;
    background-color: #000000 /*#EDEDED*/;
}
.social-aside li a img{
	width:100%;
}
.social-aside li.whatsapp a{
    background-color:#0CC043;
}
@media (max-width:767px){
    .social-aside{
        display:none;
    }
}

/*VEHICLE DETAIL*/
.banner-vehicle{
    position:relative;
}
.banner-vehicle img{
    height:100%;
    width:100%;
}
.description-panel {
    border-style: none;
    border-width: 0;
    margin-bottom: 1.25rem;
    padding:20px 30px;
    background: rgba(172, 180, 187, 0.3);
    color: #333;
    display: block;
    margin-bottom: 0;
    overflow: auto;
    text-align:center;
    z-index: 3;
    width: 340px;
}
.description-panel-inv {
    border-style: none;
    border-width: 0;
    margin-bottom: 1.25rem;
    padding:20px 30px;
    background: rgba(172, 180, 187, 0.3);
    color: #333;
    display: block;
    margin-bottom: 0;
    overflow: auto;
    text-align:center;
    z-index: 3;
    width: 340px;
}
.description-panel h2 {
    font-size: 1.5rem;
    color:#fff;
    margin:0;
    margin-bottom:20px;
}
.description-panel-inv h2 {
    font-size: 1.5rem;
    color:#fff;
    margin:0;
    margin-bottom:20px;
}
.banner-vehicle .description-panel {
    -ms-transform: translateY(-35%);
    transform: translateY(-35%);
    top: calc(50% + 20px);
    right: 5%;
    position:absolute;
}
.banner-vehicle .description-panel-inv {
    -ms-transform: translateY(-35%);
    transform: translateY(-35%);
    top: calc(50% + 20px);
    left: 5%;
    position:absolute;
}
@media (max-width:767px){
    .banner-vehicle .description-panel{
        display:none;
    }
    .banner-vehicle .description-panel-inv{
        display:none;
    }
}
.description-section{
    padding:30px 0;
    text-align:center;
}
.description-section p{
    margin-bottom:30px;
    line-height:1.5;
    color:#666;
    padding:0 30px;
}
.cta-block-mobile{
    display:none;
}
@media (max-width:767px){
    .cta-block-mobile{
        display:block;
        text-align:center;
    }
}
.features img{
    width:100%;	
}
.features img.bicis{
    width:100%;
	/**Gonzalo*/
	max-width: 800px;
}
.features .row{
    margin-left:-3px;
    margin-right:-3px;
}
.features .row .col-sm-12{
    padding-left: 3px;
    padding-right:3px;
}
.media-gallery{
    margin:0;
    padding:0;
    list-style:none;
    display:flex;
    flex-flow:row wrap;
}
.media-gallery li {
    list-style: none;
    flex:1 1 auto;
    display: block;
    height: auto;
    width:33.33333%;
}
.media-gallery li a{
    display:block;
    padding:1px;
    position:relative;
}
.media-gallery li a:before {
    top: 0;
    left: 0;
    background-color: rgba(18,70,130,.8);
    width: 100%;
    height: 100%;
    z-index: 1;
}
.media-gallery li a:after,
.media-gallery li a:before {
    display: block;
    position: absolute;
    opacity: 0;
    transition: opacity .25s;
    content: "";
    cursor: pointer;
}
.media-gallery li a:hover:after,
.media-gallery li a:hover:before {
    opacity: 1;
}
.media-gallery li a:after {
    background-image: url(../img/maximize.svg);
    width: 40px;
    height: 40px;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    z-index: 2;
}
.media-gallery li a img{
    width:100%;
    height:220px;
}
.media-gallery li.big-media {
    flex:2 1 auto;
    width:66.66666%;
}
.media-gallery li.big-media>a>img{
    height:442px;
}
.aside-media{
    flex:1 1 auto;
    width:33.33333%;
}
.aside-media ul{
    margin:0;
    padding:0;
    list-style:none;
    display:flex;
    flex-flow: column wrap;
}
.aside-media ul li{
    width:100%;
}
@media (max-width:1199px){
    .media-gallery li a img{
        height:180px;
    }
    .media-gallery li.big-media>a>img{
        height:362px;
    }
}
@media (max-width:992px){
    .media-gallery li a img{
        height:150px;
    }
    .media-gallery li.big-media>a>img{
        height:302px;
    }
}
@media (max-width:767px){
    .media-gallery li a img{
        height:120px;
    }
    .media-gallery li.big-media>a>img{
        height:242px;
    }
}
@media (max-width:576px){
    .media-gallery li a img{
        height:auto;
    }
    .media-gallery li.big-media>a>img{
        height:auto;
    }
    .media-gallery{
        margin:0;
        padding:0;
        list-style:none;
        display:flex;
        flex-flow:row wrap;
    }
    .media-gallery li.big-media,
    .media-gallery li,
    .aside-media{
        width:100%;
    }
}

/*Internal Pages*/
.banner-pages{
    height: 300px;
    background-size: cover;
    background-position: bottom right;
    background-repeat: no-repeat;
    padding-top: 90px;
}
.banner-pages-autoplan-mobile{
	/*height: 700px;*/
    background-size: cover;
    background-position: bottom right;
    background-repeat: no-repeat;
   /* padding-top: 90px;*/
}
.banner-pages-autoplan{
    height: 500px;
    background-size: cover;
    background-position: bottom right;
    background-repeat: no-repeat;
    padding-top: 90px;
}
.banner-pages-autoplan .caption{
    padding:30px;
    max-width:33%;
}
.banner-pages .caption{
    padding:30px;
    max-width:33%;
}
.banner-pages .caption h1{
    margin:0 0 15px;
    color:#152848;
    font-family: peugeotbold,peugeot,Helvetica Neue,Helvetica,Roboto,Arial,sans-serif;
}
.banner-pages .caption p{
    line-height:1.2;
    margin:0;
    font-size:20px;
    color:#152848;
}
@media (max-width:1199px){
    .banner-pages.w-caption{
        margin-bottom:100px;
    }
    .banner-pages .caption{
        background-color: #eee;
        width: 100%;
        position: relative;
        top: 200px;
        text-align: center;
        max-width: inherit;
        padding: 20px;
    }
}
@media (max-width:767px){
    .banner-pages{
        height:200px;
        padding-top:50px;
    }
    .banner-pages .caption{
        top: 150px;
    }
    .banner-pages .caption h1{
        font-size:24px;
    }
    .banner-pages .caption p{
        font-size:16px;
    }
    h3.local{
        margin:0;
        padding:20px 0;
        background-color:#152848;
        color:#fff;
        font-size:1.4em;
        margin-bottom:10px;
    }
}
@media (max-width:400px){
    .banner-pages{
        background:none;
        height:40px;
        background-color:#fff;
    }
    .banner-pages .caption{
        top:0;
    }
}
.autoplan-blocks{
    text-align:center;
    padding-bottom:60px;
}
.autoplan-blocks .row {
    display:flex;
    flex-flow:row wrap;
    align-items: stretch;
    margin-left:-3px;
    margin-right:-3px;
}
.autoplan-blocks .row .col-xs-12{
    padding-left:3px;
    padding-right:3px;
}
.plan-module{
    background-color:#000000 /*152848*/;
    margin-bottom:20px;
    color:#fff;
    padding:30px;
    height:100%;
}
.plan-module img{
    width:auto;
    height:80px;
    margin:auto;
    margin-top:30px;
}
.plan-module h3{
    color:#fff;
    margin-bottom:30px;
}
.plan-module p{
    font-size:16px;
    margin-bottom:20px;
    line-height:1.4;
}
.autoplan-blocks .btn-cta{
    margin-top:30px;
    display:inline-block;
}
@media (max-width:767px){
    .plan-module{
        border-bottom:10px solid #fff;
    }
}
.form-control{
    height:50px;
    line-height:1;
    padding:8px 12px;
    color:#666;
    background-color:#f0f0f0;
    border:1px solid #f0f0f0;
    box-shadow:none;
    border-radius:0;
}
.modal .modal-content .form-control{
    background-color:#fff;
}
.modal .modal-content {
    position: relative;
    background-color: #f0f0f0;
    border-radius:0;
    text-align:center;
}
.modal .modal-content .modal-header .modal-title span{
    display:inline-block;
}
.modal .modal-content .modal-header .modal-title .brand-leparc-footer{
    margin-left: 40px;
}
.modal .modal-content .modal-header .modal-title .brand-leparc-footer:before {
    height: 50px;
}

/*ACCESORIES*/
.item_accesorio {
    margin-bottom: 80px;
    text-align:left;
	min-height: 460px;
}
.item_accesorio figure {
    min-height: 240px;
}

.item_accesorio .desc{
    margin-top:10px;
}
.item_accesorio .desc p{
  font-size:14px;
  color:#999999;
  height: 36px;
  line-height:1.3;
  text-overflow: ellipsis;
  overflow: hidden;
  padding: 0;
  margin-bottom: 15px;
}
.item_accesorio .desc b{
  font-family: "peugeotbold";
  font-weight: normal;
  font-size:16px;
  height:60px;
  display:block;
  text-transform: uppercase;
}
.item_accesorio .valor{
  font-size:18px;
  border-top:1px solid #dfdfdf;
  padding-top:10px;
  color: #007edb;
  margin-bottom:15px;
}
.item_accesorio .valor span{
  font-family: "peugeotbold";
  float:right;
}
.item_accesorio .btn-cta{
  width:100%;
  text-align:center;
  max-width:inherit;
}

/*Modal consulta*/
.modal{
	z-index:999999;
}
.modal-query .modal-dialog {
    width:760px;
    max-width:760px;
	margin-top:100px;
}
.modal-query  .modal-dialog .modal-content {
    border-radius: 0;
    background: white;
    border: none;
    max-width: 760px;
}
.modal-query .modal-header {
    border-bottom: 0px;
}
.modal-query .close {
    color: #727272;
    opacity: 1 ;
    position: absolute;
    top: 5px ;
    right: 10px;
    z-index: 2;
    text-shadow: none;
}
.modal-query .modal_nombre{
    font-family: "peugeotbold";
    font-weight: normal;
    font-size: 16px;
    display: block;
    text-transform: uppercase;
    color: black;
    margin:0;
    margin-bottom:10px;
    padding-bottom:10px;
    border-bottom:1px solid #dfdfdf;
}
.modal-query .modal-body{
    text-align:left;
}
.modal-query .modal-body p {
    color:#bcbcbc;
    font-size:14px;
    line-height:1.3;
    margin-bottom:5px;
}
.modal-query p.modal_modelos{
    color:black;
    margin:15px 0;
}
.modal-query p.modal_modelos span{
    background-color:#f0f0f0;
    color: #007edb;
    padding:5px 10px;
    margin-right: 5px;
    border-radius:3px;
	line-height: 32px;
}
.modal-query .modal_precio{
    font-size: 1.2em;
    border-top: 1px solid #dfdfdf;
    padding-top:10px;
    margin:15px 0;
    color: #007edb;
}
.modal-query .modal_precio b{
    font-family: "peugeotbold";
    font-weight: normal;
}
.modal-query .btn-cta {
    min-width:200px;
}
@media (max-width:1300px){
    .list-view{
        padding:0 20px;
    }
}
@media (max-width:991px){
    .item_accesorio .desc b{
        font-size:14px;
    }
}
@media (max-width:767px){
    .item_accesorio .desc b{
        font-size:16px;
        height:auto;
        margin:15px 0;
    }
    .modal-query .modal-dialog {
        width: 90%;
        margin: auto;
        margin-top: 30px;
    }
    .modal-query .modal-dialog .modal-content {
        height: auto;
    }
    .modal-query .modal-body{
        text-align:center;
    }
}
@media (max-width:480px){
    .item_accesorio{
        width:100%;
		min-height: 340px;
    }
}
.gallery .images .image {
  position: relative;
  width: 100%;
  padding-bottom: 60%;
  height: 0;
  overflow: hidden;
  display: none;
}
.gallery .images .image.active {
  display: block;
}
.gallery .images .image .content {
  position: absolute;
  width: 100%;
  height: 100%;
  background: center no-repeat;
  background-size: cover;
}
.gallery .thumbs {
  margin: 10px -2px 0;
  display: block;
  text-align: center;
  text-align:center;
}
.gallery .thumbs .thumb {
  box-sizing: border-box;
  background: center no-repeat;
  background-size: cover;
  display: inline-block;
  position: relative;
  margin: 2px;
  border: 1px solid transparent;
  width: 31%;
  height: 70px;
  cursor: pointer;
}
.gallery .thumbs .thumb:before {
  content: '';
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid transparent;
  position: absolute;
  left: 45px;
  top: -6px;
}
@media (max-width: 767px) {
  .gallery {
      max-width:500px;
      margin:auto;
      margin-bottom:30px;
  }
  .gallery .thumbs {
    height: auto;
  }
  .gallery .thumbs .thumb{
      height:100px;
  }
  .gallery .images .image {
    padding-bottom: 50%;
  }
}
@media (max-width: 560px) {
    .gallery .images .image {
        padding-bottom: 70%;
    }
    .gallery .thumbs .thumb{
        height:60px;
        width:30%;
    }
}
.gallery .thumbs .thumb.active {
  border-color: #007edb;
}
.gallery .thumbs .thumb.active:before {
  border-bottom-color: #007edb;
}


/*CONTACT*/
.map{
    height:400px;
}
.caption-location{
    background-color:#000000 /*152848*/;
    padding:40px;
    color:#fff;
    text-align:left;
    min-height:380px;
}
.caption-location ul{
    padding:0;
    margin:0;
    list-style:none;
    margin-bottom:30px;
}
.caption-location li{
    margin-bottom:10px;
    font-size:16px;
}
.caption-location li a{
    color:#fff;
}
.caption-location li i{
    height:24px;
    width:24px;
    background-position:center left;
    background-repeat: no-repeat;
    display: inline-block;
    vertical-align: middle;
    margin-right:5px;
}
i.icon-address{
    background-image:url(../img/icon-location.svg);
}
i.icon-phone{
    background-image:url(../img/icon-phone.svg);
}
i.icon-whatsapp{
    background-image:url(../img/icon-whatsap.png);
}
i.icon-vacio{
   /* background-image:url(../img/icon-whatsap.png); */
}

i.icon-mail{
    background-image:url(../img/icon-mail.svg);
}
.caption-location h2{
    color:#fff;
    font-size:24px;
    margin-top:0;
    margin-bottom:20px;
}
@media (max-width:991px){
    .location{
        margin-bottom:30px;
    }
    .caption-location{
        min-height:inherit;
        text-align:center;
        margin-bottom:30px;
    }
}
.form {
	position:relative;
    z-index:2;
    text-align:center;
}
@media (max-width:1340px){
    .form{
        padding:0 30px;
    }
}
.form input,
.form select{
	height:48px;
	padding:10px;
	font-size:16px;
	color:#333;
	font-weight:400;
}
.form input,
.form select,
.form textarea{
	border-radius:0;
	box-shadow:none;
	border: 1px solid #eee;
	background: #eee;
}
.form textarea{
	font-size:16px;
	color:#333;
	font-weight:400;
	padding: 15px 10px;
}
.form input:focus,
.form select:focus,
.form textarea:focus,
.form input:active,
.form select:active,
.form textarea:active{
	box-shadow:none;
	border-color:#F0292B;
}
.form .label-form{
	position:relative;
}
.form .form-group {
	margin-bottom:30px;
	position:relative;
}
.form .form-action {
	text-align:center;
}
.form .form-action .btn{
	padding:15px 50px;
	font-weight:bold;
}
/*Validacion de formularios*/
.form input:required,
.form textarea:required {
	background: #eee;
}
.form input:required:valid, .form textarea:required:valid {
	background: url(../images/valid.png) no-repeat 98% center;
	background-color: #eee;
}
.form input:focus:invalid,
.form textarea:focus:invalid {
	background: url(../images/invalid.png) no-repeat 98% center;
	background-color: #eee;
}
.form_hint {
	background: #d45252;
	border-radius: 3px 3px 3px 3px;
	color: white;
	margin-left:8px;
	padding: 1px 6px;
	z-index: 999;
	position: absolute;
	display: none;
}
.form_hint::before {
	content: "\25C0";
	color:#d45252;
	position: absolute;
	top:1px;
	left:-6px;
}
.form input:focus + .form_hint {
	display: inline;
}
.form input:required:valid + .form_hint {
	background: #28921f;
}
.form input:required:valid + .form_hint::before {
	color:#28921f;
}
#mensajes .thanks {
	font-size:18px;
	padding:10px;
	text-align:center;
	border-radius:4px;
	color:#fff;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	font-weight: 600;
	background-color: #89C04A;
	text-shadow:0 -1px 0 rgba(0,0,0,0.2);
}
#mensajes .thanks_error {
	font-size: 14px;
    padding: 6px;
    line-height: 120%;
	text-align:center;
	border-radius:4px;
	color:#fff;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	font-weight: 700;
	background-color:#C35F63;
	text-shadow:0 -1px 0 rgba(0,0,0,0.2);
}
.working {
	margin-bottom:20px;
	font-size: 18px;
	padding: 10px;
	text-align: center;
	border-radius: 4px;
	color: #999;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	font-weight: 600;
	background-color: #ddd;
	text-shadow: 0 -1px 0 rgba(255,255,255,0.2);
}
label.error {
	font-size: 13px;
	color: red;
	font-weight:300;
	position: absolute;
    right: 5px;
    top: 13px;
	padding:2px 0;
	background:transparent;
}
.form input.error, .form  textarea.error {
	color:#e9322d;	
	border-color:#e9322d;
	background-color:#F5E0E0;
}
.form input.valid, .form  textarea.valid {
	border-color:#85B200;
}