/* Général */
html{scroll-behavior: smooth;}
*{font-family: Lato; font-size: 14px; font-style: normal; font-weight: 400;}
a{text-decoration: none;transition: .5s;cursor: pointer;}
p{margin-top: 0;margin-bottom: 1em;}
svg{transition: .5s;}
svg path{transition: .5s;}
svg rect{transition: .5s;}
.d-flex{display: flex;}
.d-none{display: none!important;}
.justify-content-center{justify-content: center;}
.justify-content-space-around{justify-content: space-around;}
.justify-content-space-between{justify-content: space-between;}
.justify-content-flex-end{justify-content: flex-end;}
.align-items-center{align-items: center;}
.wrap{flex-wrap: wrap;}
.gap-20{gap: 20px;}
.p0{padding: 0;}
.overflow-hidden{overflow: hidden;}
.text-center{text-align: center;} 
ul{margin-left: 0;}
.container{padding: 0 8.33333333%;}
/* Variable */
:root {
    --Color-Black: #100C1B ;
    --Color-White: #fff;
    --Color-Grey: #4C4856 ;
    --Color-Orange: #FF6325;
}
body.not-scroll{overflow: hidden;}
body{overflow-x: hidden;}
.grecaptcha-badge { visibility: hidden !important; }

/* button */

.btn-link{background: transparent;padding: 20px;height: 100%;border: 1px solid var(--Color-White); display: inline-flex;gap: 10px; align-items: center; color: var(--Color-White);    font-family: Unbounded; font-size: 12px; font-style: normal; font-weight: 400; line-height: normal; letter-spacing: 1.2px; text-transform: uppercase;}
.btn-link:hover{background: var(--Color-Orange);border: 1px solid var(--Color-Orange);}
.btn-link:hover svg{transform: rotate(90deg);}
.btn-link:hover svg path{fill: var(--Color-White);}

/* Actu card */

/* Car card */
.car-card{position: relative;}
.car-card .media{overflow: hidden;width: 100%;height: 280px;margin-bottom: 30px;}
.car-card .media img{width: 100%;height: 100%;object-fit: cover;display: block;transition: .5s;}
.car-card .text{display: flex;flex-direction: column;align-items: center;}
.car-card .text .brand{transition: .5s; color: var(--Color-Grey); font-family: Unbounded; font-size: 18px; font-style: normal; font-weight: 400; line-height: normal; text-transform: uppercase;margin: 0;}
.car-card .text .model{text-align: center; color: var(--Color-Orange); font-family: Unbounded; font-size: 22px; font-style: normal; font-weight: 400; line-height: normal; text-transform: uppercase;margin: 0;}
.car-card .text .year, .car-card .text .km, .car-card .text .year-km, .car-card .text .price{color: var(--Color-White); font-family: Unbounded; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal; text-transform: uppercase;margin: 0;}
.car-card .text .other{display: flex;gap: 20px;height: 45px; align-items: center;opacity: 0;visibility: hidden;transition: .5s;margin-top: 15px;margin-bottom: 30px;}
.car-card .text .other .sepa{height: 0px;width: 1px;background: var(--Color-Orange);transition: .3s;margin-bottom: auto;}
.car-card .text .btn-link{opacity: 0;visibility: hidden;}
.car-card:hover .media img{transform: scale(1.08);}
.car-card:hover .text .other .sepa{height: 45px;}
.car-card:hover .text .brand{color: var(--Color-White);}
.car-card:hover .other{opacity: 1;visibility: visible;}
.car-card:hover .btn-link{opacity: 1;visibility: visible;}

/* Formulaire */
.contact form{display: flex;flex-wrap: wrap;gap: 0 20px;}
.contact form>p{width: 100%;display: flex;flex-direction: column;gap: 20px;margin-bottom: 20px;}
.contact form>p br{display: none;}
.contact form .half{width: calc(50% - 10px);margin-bottom: 20px;}
.contact form .half p{margin: 0;}
.contact form input[type="text"], form input[type="email"], .contact form input[type="tel"]{width: 100%;padding: 10px 15px;border-radius: 0;border: 1px solid var(--Color-White); background: transparent; outline: none; color: var(--Color-White, #FFF); font-family: Lato; font-size: 14px; font-style: normal; font-weight: 400; line-height: 30px;border: 1px solid var(--Color-White);}
.contact form select{width: 100%;padding: 10px 15px;border-radius: 0;border: 1px solid var(--Color-White); background: transparent; outline: none; color: var(--Color-White, #FFF); font-family: Lato; font-size: 14px; font-style: normal; font-weight: 400; line-height: 30px;border: 1px solid var(--Color-White);}
.contact form textarea{width: 100%;padding: 10px 15px;border-radius: 0;border: 1px solid var(--Color-White); background: transparent; outline: none; color: var(--Color-White, #FFF); font-family: Lato; font-size: 14px; font-style: normal; font-weight: 400; line-height: 30px;border: 1px solid var(--Color-White);height: 150px;}
.contact form .wpcf7-response-output{width: 100%;padding: 10px 15px;border-radius: 0; background: transparent; outline: none; color: var(--Color-White, #FFF); font-family: Lato; font-size: 14px; font-style: normal; font-weight: 400; line-height: 30px;border: 1px solid var(--Color-White);}
.contact form button { height: fit-content; margin-left: auto; border-radius: 0; transition: .5s;cursor: pointer; }
.contact form span{color: var(--Color-White); font-family: Lato; font-size: 14px; font-style: normal; font-weight: 400; line-height: 26px;}


/* Header */
header{position: absolute;top: 0;left: 0;width: 100%;z-index: 5000;padding: 60px 90px 0;}
header .menu-desktop{display: flex;align-items: center;position: relative;z-index: 10;}
header .menu-desktop .logo{width: 16.66666667%;}
header .menu-desktop .logo svg{width: 100%;}
header .menu-desktop .menu-principal{width: 66.66666667%;margin-left: 8.33333333%;display: flex;gap: 60px;}
header .menu-desktop .menu-principal nav>.menu{display: flex;align-items: center;gap: 30px;padding: 0;}
header .menu-desktop .menu-principal .menu li{list-style: none;position: relative;}
header .menu-desktop .menu-principal .menu li.menu-item-has-children{padding-right: 15px;}
header .menu-desktop .menu-principal .menu li.menu-item-has-children:after{content: ''; position: absolute;top: 50%;right: 0;width: 10px;transform: translateY(-50%); height: 10px;background-image: url(/wp-content/themes/soleamotors/img/plus.svg);background-size: contain;}
header .menu-desktop .menu-principal .menu li a{color: var(--Color-White); font-family: Unbounded; font-size: 14px; font-style: normal; font-weight: 400; line-height: normal; text-transform: uppercase;}
header.black .menu-desktop .menu-principal .menu>li>a{color: var(--Color-Black);}
header .menu-desktop .menu-principal .menu .sub-menu{padding: 10px;margin-top: 20px;flex-direction: column;width: max-content;gap: 5px; position: absolute;top: 100%;left:-10px;z-index: 1000;display: flex;visibility: hidden;opacity: 0;transition: .5s; background: rgb(255 99 37 / 0.7); backdrop-filter: blur(10px); }
header .menu-desktop .menu-principal .menu li.open .sub-menu{opacity: 1;visibility: visible;}
header .menu-desktop .menu-principal .menu li.open .sub-menu li a:hover{color: var(--Color-Black);}
header .menu-desktop .menu-principal .menu li.open .sub-menu li.current-menu-item a{color: var(--Color-Black);}
header .menu-desktop .burger{transition: .5s; display: none;padding: 0 19px;flex-direction: column; height: 62px;width: 62px;gap: 3px; cursor: pointer;border: 1px solid var(--Color-White);align-items: flex-start;justify-content: center;}
header .menu-desktop .burger .line{transition: .5s;width: 22px;height: 3px;background: var(--Color-White);}
header .menu-desktop .burger:hover{background: var(--Color-Orange);border-color: var(--Color-Orange);}
header .menu-desktop .burger:hover .line-2{width: 11px;}
header .menu-desktop .burger:hover .line-3{width: 3px;}
header .menu-desktop .burger.on{background: var(--Color-Orange);border-color: var(--Color-Orange);}
header .menu-desktop .burger.on .line-2{width: 11px;}
header .menu-desktop .burger.on .line-3{width: 3px;}

header .menu-desktop .lang{position: relative;display: flex;align-items: center;justify-content: flex-start;}
header .menu-desktop .lang{display: flex;align-items: center;    gap: 5px;}
header .menu-desktop .lang li{list-style: none;position: relative;}
header .menu-desktop .lang li::after{content: ' / ';color: var(--Color-White); font-family: Unbounded; font-size: 14px; font-style: normal; font-weight: 400; line-height: normal; text-transform: uppercase;}
header .menu-desktop .lang li:last-of-type:after{display: none;}
header .menu-desktop .lang li a{color: var(--Color-White); font-family: Unbounded; font-size: 14px; font-style: normal; font-weight: 400; line-height: normal; text-transform: uppercase;}
header .menu-desktop .lang li a:hover{color: var(--Color-Orange);}
header .menu-desktop .lang li.current-lang a{color: var(--Color-Orange);}
/* header .menu-desktop .lang .current:after{content: ''; position: absolute;top: 50%;right: 0;width: 10px;transform: translateY(-50%); height: 10px;background-image: url(/wp-content/themes/soleamotors/img/plus.svg);background-size: contain;}
header .menu-desktop .lang .select{position: absolute;top: 100%;    left: 50%;transform: translateX(-50%); max-height: 0px;opacity: 0;visibility: hidden;transition: .3s;padding:10px;background: rgb(255 99 37 / 0.7); backdrop-filter: blur(10px);}
header .menu-desktop .lang .select li{list-style: none;}
header .menu-desktop .lang .select a{color: var(--Color-White); font-family: Unbounded; font-size: 14px; font-style: normal; font-weight: 400; line-height: normal; text-transform: uppercase;}
header .menu-desktop .lang.open .select{max-height: 100px;opacity: 1;visibility: visible;} */

header .menu-mobile{transition: .5s;position: absolute;top: 0;left: 0;padding: 100px 20px; width: 100%;height: 100vh;z-index: 8;background: var(--Color-Black);opacity: 0;visibility: hidden;max-height: 0vh;}
header.open .menu-mobile{ opacity: 1; visibility: visible; max-height: 100vh;  }
header .menu-mobile .menu-principal{width: 100%;}
header .menu-mobile .menu-principal nav>.menu{display: flex;align-items: flex-start;gap: 30px;padding: 0;flex-direction: column;}
header .menu-mobile .menu-principal .menu li{list-style: none;position: relative;}
header .menu-mobile .menu-principal .menu li.menu-item-has-children>a{padding-right: 15px;}
header .menu-mobile .menu-principal .menu li.menu-item-has-children>a:after{content: ''; position: absolute;top: 50%;transform: translateY(-50%); right: 0;width: 10px;height: 10px;background-image: url(/wp-content/themes/soleamotors/img/plus.svg);background-size: contain;}
header .menu-mobile .menu-principal .menu li a{position: relative; color: var(--Color-White); font-family: Unbounded; font-size: 14px; font-style: normal; font-weight: 400; line-height: normal; text-transform: uppercase;}
header .menu-mobile .menu-principal .menu li a:hover{color: var(--Color-Orange);}
header .menu-mobile .menu-principal .menu .sub-menu{padding: 0 0 0 20px;margin-top: 0px;flex-direction: column;max-height:0px; width: max-content;gap: 20px; position: relative;z-index: 1000;display: flex;visibility: hidden;opacity: 0;transition: .5s;}
header .menu-mobile .menu-principal .menu li.open .sub-menu{opacity: 1;visibility: visible;max-height: 270px;margin-top: 20px;}
header .menu-mobile .menu-principal .menu li.open .sub-menu li a:hover{color: var(--Color-Orange);}

header .menu-mobile .lang{position: relative;display: flex;align-items: center;justify-content: flex-start;    margin-top: 30px;}
header .menu-mobile .lang{display: flex;align-items: center;    gap: 5px;}
header .menu-mobile .lang li{list-style: none;position: relative;}
header .menu-mobile .lang li::after{content: ' / ';color: var(--Color-White); font-family: Unbounded; font-size: 14px; font-style: normal; font-weight: 400; line-height: normal; text-transform: uppercase;}
header .menu-mobile .lang li:last-of-type:after{display: none;}
header .menu-mobile .lang li a{color: var(--Color-White); font-family: Unbounded; font-size: 14px; font-style: normal; font-weight: 400; line-height: normal; text-transform: uppercase;}
header .menu-mobile .lang li a:hover{color: var(--Color-Orange);}
header .menu-mobile .lang li.current-lang a{color: var(--Color-Orange);}

/* Footer */
footer{background: var(--Color-Black);padding: 60px 90px;display: flex;flex-direction: column;align-items: center;width: 100%;gap: 40px;}
footer .logo{margin: auto;text-align: center;}
footer .logo svg{width: 100%;height: auto;}
footer .info-contact{text-align: center;}
footer .info-contact p{color: var(--Color-White); font-family: Lato; font-size: 14px; font-style: normal; font-weight: 400;}
footer .info-contact p:last-of-type{margin-bottom: 0;}
footer .mention{margin: auto;text-align: center;}
footer .mention p{margin: 0;}
footer .mention a{color: var(--Color-White); font-family: Lato; font-size: 14px; font-style: normal; font-weight: 400;}
footer .mention a:hover{color: var(--Color-Orange);}
footer .menu-footer ul{display: flex;gap: 20px;align-items: center;justify-content: center;padding: 0;margin: 0;}
footer .menu-footer ul li{list-style: none;}
footer .menu-footer ul li a{color: var(--Color-White); font-family: Unbounded; font-size: 14px; font-style: normal; font-weight: 400; line-height: normal; text-transform: uppercase;}
footer .menu-footer ul li a:hover{color: var(--Color-Orange);}

/* page 404 */
.page-404 #content{padding: 250px 90px 100px;}
.page-404 #content .content{display: flex;}
.page-404 #content .content .text{width: 66.66666667%;margin-left: 16.66666667%;}

/* Page accueil */
.page-home #entry{width: 100%;height: 100vh;background: var(--Color-Black);position: relative;padding: 0 90px;}
.page-home #entry .media{width: 100%;height: 100%;position: relative;background: rgba(12, 9, 20, 1);position: absolute;top: 0;left: 0;z-index: 5;}
.page-home #entry .media:before{content:"";position: absolute;bottom: 0;left: 0;width: 100%;height: 200px;background: linear-gradient(0deg, #0C0914 0%, rgba(12, 9, 20, 0.00) 100%);;z-index: 5;}
.page-home #entry .media video{width: 100%;height: 100%;object-fit: cover;display: block;opacity: .8;}
.page-home #entry .media img{width: 100%;height: 100%;object-fit: cover;display: block;opacity: .8;}
.page-home #entry .text{z-index: 10;position: absolute;top: 50% ;transform: translate(0, -50%);padding: 40px 0;}
.page-home #entry .text:before{content: "";position: absolute;top: 0;left: 0;width: 120px; height: 1px;background: var(--Color-White);}
.page-home #entry .text:after{content: "";position: absolute;bottom: 0;left: 0;width: 120px; height: 1px;background: var(--Color-White);}
.page-home #entry .text h1{color: var(--Color-White); font-family: Unbounded; font-size: 22px; font-style: normal; font-weight: 400; line-height: normal;margin: 0;}
.page-home #entry .text p{color: var(--Color-White); font-family: Lato; font-size: 14px; font-style: normal; font-weight: 400; line-height: 26px;}
.page-home #entry .rs{z-index: 10;position: absolute;bottom: 90px;display: flex;gap: 10px;align-items: center;}
.page-home #entry .rs .item{border: 1px solid var(--Color-White);display: flex;align-items: center;justify-content: center;padding: 15px;}
.page-home #entry .rs .item:hover{background: var(--Color-Orange);border-color: var(--Color-Orange);}

.page-home #vehicules-disponibles{background-color: var(--Color-Black);padding: 130px 90px 0;position: relative;}
.page-home #vehicules-disponibles .title{border-top: 1px solid var(--Color-White);border-bottom: 1px solid var(--Color-White);position: relative;z-index: 5;}
.page-home #vehicules-disponibles .title h2{margin: 0; color: var(--Color-White); font-family: Unbounded; font-size: 18px; font-style: normal; font-weight: 400; line-height: normal;}
.page-home #vehicules-disponibles .title h2 span{color: var(--Color-Orange);font-family: Unbounded; font-size: 18px; font-style: normal; font-weight: 400; line-height: normal;}
.page-home #vehicules-disponibles .title .btn-link{border-top: none;border-bottom: none;}
.page-home #vehicules-disponibles .car-list{gap: 70px 0;padding: 60px 0 130px;position: relative;z-index: 5;display: flex;flex-wrap: wrap;}
.page-home #vehicules-disponibles>.sepa{width: 100%;height: 1px;background: var(--Color-Grey);margin: 0 auto;position: relative;z-index: 5;}
.page-home #vehicules-disponibles .shape{position: absolute; bottom: 0; right: 0; z-index: 3;width: 16.66666667%;transform: translateY(50%);}

.page-home #agence{ background-color: var(--Color-Black);position: relative;padding: 0 90px;}
.page-home #agence .content{align-items: center;position: relative;z-index: 5;}
.page-home #agence .title{padding: 40px 0;position: relative;margin-bottom: 40px;}
.page-home #agence .title:before{content: "";position: absolute;top: 0;left: 0;width: 120px; height: 1px;background: var(--Color-White);}
.page-home #agence .title:after{content: "";position: absolute;bottom: 0;left: 0;width: 120px; height: 1px;background: var(--Color-White);}
.page-home #agence .title h2{color: var(--Color-White); font-family: Unbounded; font-size: 22px; font-style: normal; font-weight: 400; line-height: normal;margin: 0;}
.page-home #agence .title h2>*{color: var(--Color-White); font-family: Unbounded; font-size: 22px; font-style: normal; font-weight: 400; line-height: normal;margin: 0;}
.page-home #agence .title p{color: var(--Color-White); font-family: Lato; font-size: 14px; font-style: normal; font-weight: 400; line-height: 26px;}
.page-home #agence .title p *{font-family: Lato; font-size: 14px;font-weight: 400; line-height: 26px;}
.page-home #agence .title p:last-of-type{margin-bottom: 0;}
.page-home #agence .text p{color: var(--Color-White); font-family: Lato; font-size: 14px; font-style: normal; font-weight: 400; line-height: 26px;}
.page-home #agence .text p *{font-family: Lato; font-size: 14px;font-weight: 400; line-height: 26px;}
.page-home #agence .text p:last-of-type{margin-bottom: 0;}
.page-home #agence .col-media{padding-top: 50px;}
.page-home #agence .col-media img{width: 100%;height: 100%;object-fit: cover;display: block;}
.page-home #agence .col-media video{width: 100%;height: 100%;object-fit: cover;display: block;}
.page-home #agence>.sepa{width: 100%;height: 1px;background: var(--Color-Grey);margin: 0 auto;position: relative;z-index: 5;}


.page-home #solea-motors{background-blend-mode: luminosity; background-color: var(--Color-Black);position: relative;padding: 200px 90px;background-size: cover;background-position: left;}
.page-home #solea-motors .shape{ position: absolute; bottom: 0; left: 0; z-index: 3;width: 16.66666667%;transform: translateY(25%); }
.page-home #solea-motors .title{padding: 40px 0;position: relative;margin-bottom: 40px;}
.page-home #solea-motors .title:before{content: "";position: absolute;top: 0;left: 0;width: 120px; height: 1px;background: var(--Color-White);}
.page-home #solea-motors .title:after{content: "";position: absolute;bottom: 0;left: 0;width: 120px; height: 1px;background: var(--Color-White);}
.page-home #solea-motors .title h2{color: var(--Color-White); font-family: Unbounded; font-size: 22px; font-style: normal; font-weight: 400; line-height: normal;margin: 0;}
.page-home #solea-motors .title h2>*{color: var(--Color-White); font-family: Unbounded; font-size: 22px; font-style: normal; font-weight: 400; line-height: normal;margin: 0;}
.page-home #solea-motors .content{display: flex;flex-wrap: wrap;}
.page-home #solea-motors .text p{color: var(--Color-White); font-family: Lato; font-size: 14px; font-style: normal; font-weight: 400; line-height: 26px;}
.page-home #solea-motors .text p *{font-family: Lato; font-size: 14px;font-weight: 400; line-height: 26px;}
.page-home #solea-motors .text p:last-of-type{margin-bottom: 0;}
.page-home #solea-motors .text .btn-link{margin-top: 40px;}

.page-home #services{background-color: var(--Color-Black);padding: 130px 90px 130px;position: relative;}
.page-home #services .title{border-top: 1px solid var(--Color-White);border-bottom: 1px solid var(--Color-White);position: relative;z-index: 5;}
.page-home #services .title h2{margin: 0; color: var(--Color-White); font-family: Unbounded; font-size: 18px; font-style: normal; font-weight: 400; line-height: normal;}
.page-home #services .title h2 span{color: var(--Color-Orange);font-family: Unbounded; font-size: 18px; font-style: normal; font-weight: 400; line-height: normal;}
.page-home #services .title .btn-link{border-top: none;border-bottom: none;}
.page-home #services .services-list{gap: 50px 0;padding: 60px 0 0;position: relative;z-index: 5;display: flex;flex-wrap: wrap;}
.page-home #services .services-list .service{display: flex;flex-direction: column;}
.page-home #services .services-list .service .media{padding-top: 20px;padding-bottom: 0px;transition: .5s;}
.page-home #services .services-list .service:hover .media{padding-top: 0px;padding-bottom: 20px;}
.page-home #services .services-list .service:hover .media svg path{fill: var(--Color-Orange);}
.page-home #services .services-list .service .sepa{width: 0px;height: 1px;background: var(--Color-Orange);transition: .5s;margin: 0 0 30px;}
.page-home #services .services-list .service:hover .sepa{width: 120px;}
.page-home #services .services-list .service .text{display: flex;flex-direction: column;}
.page-home #services .services-list .service .text h3{color: var(--Color-Orange); font-family: Unbounded; font-size: 22px; font-style: normal; font-weight: 400; line-height: normal;margin-top: 0;margin-bottom: 20px;}
.page-home #services .services-list .service .text p{width: 80%; color: var(--Color-White); font-family: Lato; font-size: 14px; font-style: normal; font-weight: 400; line-height: 26px;margin: 0;}
.page-home #services .services-list .service .text p:last-of-type{margin-bottom: 0;}
.page-home #services .services-list .service .text .btn-link{margin-top: 40px;width: fit-content;opacity: 0;visibility: hidden;}
.page-home #services .services-list .service:hover .text .btn-link{opacity: 1;visibility: visible;}

.page-home #avis{background-color: var(--Color-Black);padding: 100px 90px 0;position: relative;}
.page-home #avis .shape{position: absolute; bottom: 0; right: 0; z-index: 3;width: 16.66666667%;transform: translateY(20%);}
.page-home #avis>.sepa{width: 100%;height: 1px;background: var(--Color-Grey);margin: 0 auto;position: relative;z-index: 5;}
.page-home #avis .avis-list{gap: 50px 0;padding: 0 0 130px;position: relative;z-index: 5;display: flex;flex-wrap: wrap;}
.page-home #avis .avis-list .avis{display: flex;flex-direction: column;align-items: center;}
.page-home #avis .avis-list .avis .stars{display: flex;gap: 5px;margin-bottom: 20px;}
.page-home #avis .avis-list .avis .text{text-align: center;width: 80%;}
.page-home #avis .avis-list .avis .text .name{color: var(--Color-Orange); font-family: Unbounded; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal; letter-spacing: 1.6px; text-transform: uppercase;margin: 5px;}
.page-home #avis .avis-list .avis .text h3{color: var(--Color-White); font-family: Unbounded; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal; letter-spacing: 1.6px;margin-top: 0;margin-bottom: 20px;}
.page-home #avis .avis-list .avis .text p{color: var(--Color-White); font-family: Lato; font-size: 14px; font-style: normal; font-weight: 400; line-height: 26px;}
.page-home #avis .avis-list .avis .text p:last-of-type{margin-bottom: 0;}

.page-home>.sepa{width: 100%;height: 1px;padding: 0 90px 0;background: var(--Color-Grey);margin: 0 auto;position: relative;z-index: 5;}

/* single vehicule */
.single-vehicule #entry{width: 100%;height: 100vh;position: relative;background: var(--Color-Black);}
.single-vehicule #entry::before{position: absolute;content: '';width: 100%;height: 180px;top: 0;left: 0;background: linear-gradient(180deg, #0C0914 0%, rgba(12, 9, 20, 0.00) 100%);z-index: 6;}
.single-vehicule #entry::after{position: absolute;content: '';width: 100%;height: 300px;bottom: 0;left: 0;background: linear-gradient(0deg, #0C0914 0%, rgba(12, 9, 20, 0.00) 100%);z-index: 6;}
.single-vehicule #entry .media{width: 100%;height: 100%;position: relative;z-index: 5;opacity: .8;}
.single-vehicule #entry .media img{width: 100%;height: 100%;object-fit: cover;display: block;object-position: top;}
.single-vehicule #entry .content{padding: 0 90px;display: flex;align-items: center; width: 100%;position: absolute;bottom: 80px;left: 0;z-index: 10;}
.single-vehicule #entry .content .text h1{color: var(--Color-White); font-family: Unbounded; font-size: 18px; font-style: normal; font-weight: 400; line-height: normal; text-transform: uppercase;margin: 0;margin-bottom: 10px;}
.single-vehicule #entry .content .text h1 span{color: var(--Color-Orange); font-family: Unbounded; font-size: 28px; font-style: normal; font-weight: 400; line-height: normal; text-transform: uppercase;}
.single-vehicule #entry .content .text .year, .single-vehicule #entry .content .text .km, .single-vehicule #entry .content .text .year-km, .single-vehicule #entry .content .text .price{color: var(--Color-White); font-family: Unbounded; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal; text-transform: uppercase;margin: 0;}
.single-vehicule #entry .content .cta{display: flex;gap: 10px;align-items: center;justify-content: flex-end;}

.single-vehicule #details{background: var(--Color-Black);padding: 0 90px;position: relative;}

.single-vehicule #details .shape-right{position: absolute; top: 0; right: 0; z-index: 1;width: 16.66666667%;}
.single-vehicule #details .shape-left{position: absolute; bottom: 0; left: 0; z-index: 1;width: 16.66666667%;}

.single-vehicule #details .simple-gallery{padding: 180px 0;position: relative;z-index: 5;}
.single-vehicule #details .simple-gallery .animated  { -webkit-animation-duration : 100 ms  ; animation-duration : 100 ms  ; -webkit-animation-fill-mode : both  ; animation-fill-mode : both  ; }  
.single-vehicule #details .simple-gallery .car-carousel{max-height: 602px;}
.single-vehicule #details .simple-gallery .car-carousel .owl-stage-outer{height: 100%;}
.single-vehicule #details .simple-gallery .car-carousel .owl-stage{height: 100%;}
.single-vehicule #details .simple-gallery .car-carousel .owl-item{height: 100%;}
.single-vehicule #details .simple-gallery .car-carousel .item{width: 100%;height: 100%;position: relative;}
.single-vehicule #details .simple-gallery .car-carousel .item img{width: 100%;height: 100%;object-fit: cover;display: block;}
.single-vehicule #details .simple-gallery .car-gallery{display: flex;flex-wrap: wrap;gap: 20px;align-content: flex-start;}
.single-vehicule #details .simple-gallery .car-gallery .item{width: calc(25% - 15px);position: relative;overflow: hidden;border: 1px solid transparent;cursor: pointer;}
.single-vehicule #details .simple-gallery .car-gallery .item img{width: 100%;height: 100%;object-fit: cover;display: block;filter: grayscale(1);transition: .5s;}
.single-vehicule #details .simple-gallery .car-gallery .item.on{border: 1px solid var(--Color-Orange);}
.single-vehicule #details .simple-gallery .car-gallery .item.on img{filter: grayscale(0);}

.single-vehicule #details .details{display: flex;display: flex;flex-wrap: wrap;}
.single-vehicule #details .details .title{border-top: 1px solid var(--Color-White);border-bottom: 1px solid var(--Color-White);padding: 15px 0;position: relative;z-index: 5;width: 100%;}
.single-vehicule #details .details .title h2{margin: 0; color: var(--Color-White); font-family: Unbounded; font-size: 18px; font-style: normal; font-weight: 400; line-height: normal;}
.single-vehicule #details .details .title h2 span{color: var(--Color-Orange);font-family: Unbounded; font-size: 18px; font-style: normal; font-weight: 400; line-height: normal;}
.single-vehicule #details .details .text{width: 100%;padding: 40px 0;}
.single-vehicule #details .details .equipement .text{column-count: 2;}
.single-vehicule #details .details .text ul{padding: 0 20px;margin: 0;}
.single-vehicule #details .details .text p{color: var(--Color-White); font-family: Lato; font-size: 14px; font-style: normal; font-weight: 400; line-height: 26px;}
.single-vehicule #details .details .text li{color: var(--Color-White); font-family: Lato; font-size: 14px; font-style: normal; font-weight: 400; line-height: 26px;}

.single-vehicule #details .details .cta{padding: 100px 0;}

.single-vehicule #details>.sepa{width: 100%;height: 1px;background: var(--Color-Grey);margin: 0 auto;position: relative;z-index: 5;}

.single-vehicule .popup-contact {position:fixed;z-index:100000;height:100%;width:100%;overflow:hidden;margin:0;padding:0;display:none;top:0;left:0;}
.single-vehicule .popup-contact .background-opacity {height:100%;width:100%;background-color:black;opacity:0.4;position:absolute;top:0;left:0;}
.single-vehicule .popup-contact .text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;max-width:600px;max-height: 100vh; padding:50px;background-color:var(--Color-Black);border: 1px solid var(--Color-Orange) ;z-index:10;color:var(--Color-White);overflow: auto;}
.single-vehicule .popup-contact .close{position: absolute;top: 15px;right: 15px;z-index: 5;cursor: pointer;}
.single-vehicule .popup-contact .text h2{color: var(--Color-White); font-family: Unbounded; font-size: 18px; font-style: normal; font-weight: 400; line-height: normal;}


/* Page Solea Motors */
.page-soleamotors #qui-sommes-nous{background-blend-mode: luminosity; background-color: var(--Color-Black);position: relative;min-height: 100vh; padding: 250px 90px 130px;background-size: contain;background-repeat: no-repeat; background-position: left;}
.page-soleamotors #qui-sommes-nous .shape{ position: absolute; bottom: 0; right: 0; z-index: 1;width: 16.66666667%;}
.page-soleamotors #qui-sommes-nous .title{padding: 40px 0;position: relative;margin-bottom: 40px;}
.page-soleamotors #qui-sommes-nous .title:before{content: "";position: absolute;top: 0;left: 0;width: 120px; height: 1px;background: var(--Color-White);}
.page-soleamotors #qui-sommes-nous .title:after{content: "";position: absolute;bottom: 0;left: 0;width: 120px; height: 1px;background: var(--Color-White);}
.page-soleamotors #qui-sommes-nous .title h1{color: var(--Color-White); font-family: Unbounded; font-size: 22px; font-style: normal; font-weight: 400; line-height: normal;margin: 0;}
.page-soleamotors #qui-sommes-nous .title h1>*{color: var(--Color-White); font-family: Unbounded; font-size: 22px; font-style: normal; font-weight: 400; line-height: normal;margin: 0;}
.page-soleamotors #qui-sommes-nous .text p{color: var(--Color-White); font-family: Lato; font-size: 14px; font-style: normal; font-weight: 400; line-height: 26px;}
.page-soleamotors #qui-sommes-nous .text p *{font-family: Lato; font-size: 14px;font-weight: 400; line-height: 26px;}
.page-soleamotors #qui-sommes-nous .text p:last-of-type{margin-bottom: 0;}

.page-soleamotors #valeurs{background-blend-mode: luminosity; background-color: var(--Color-Black);position: relative;padding: 0 90px;background-size: cover;background-position: center;}
.page-soleamotors #valeurs .content{display: flex;gap: 20px;width: 100%;display: flex;flex-wrap: wrap;}
.page-soleamotors #valeurs .title{padding: 15px 0; border-top: 1px solid var(--Color-White);border-bottom: 1px solid var(--Color-White);position: relative;z-index: 5;}
.page-soleamotors #valeurs .title h2{margin: 0; color: var(--Color-White); font-family: Unbounded; font-size: 18px; font-style: normal; font-weight: 400; line-height: normal;}
.page-soleamotors #valeurs .title h2 span{color: var(--Color-Orange);font-family: Unbounded; font-size: 18px; font-style: normal; font-weight: 400; line-height: normal;}
.page-soleamotors #valeurs .valeurs-text{padding: 100px 0  50px;}
.page-soleamotors #valeurs .valeurs-text p{color: var(--Color-White); font-family: Lato; font-size: 14px; font-style: normal; font-weight: 400; line-height: 26px;}
.page-soleamotors #valeurs .valeurs-text p *{font-family: Lato; font-size: 14px;font-weight: 400; line-height: 26px;}
.page-soleamotors #valeurs .valeurs-text p strong{    font-family: Unbounded; font-size: 22px; font-style: normal; font-weight: 300; line-height: normal;}
.page-soleamotors #valeurs .valeurs-text a{color: var(--Color-White);text-decoration: underline;}
.page-soleamotors #valeurs .valeurs-text a:hover{color: var(--Color-Orange);}

.page-soleamotors #valeurs .valeurs-list{gap: 50px;position: relative;z-index: 5;display: flex;padding-bottom: 100px;}
.page-soleamotors #valeurs .valeurs-list .valeur{display: flex;flex-direction: column;width: calc(100% / 5);}
.page-soleamotors #valeurs .valeurs-list .valeur .text{display: flex;flex-direction: column;}
.page-soleamotors #valeurs .valeurs-list .valeur .text h3{color: var(--Color-Orange); font-family: Unbounded; font-size: 22px; font-style: normal; font-weight: 400; line-height: normal; text-transform: uppercase;margin-top: 0;margin-bottom: 20px;}
.page-soleamotors #valeurs .valeurs-list .valeur .text p{width: 80%; color: var(--Color-White); font-family: Lato; font-size: 14px; font-style: normal; font-weight: 400; line-height: 26px;margin: 0;}
.page-soleamotors #valeurs .valeurs-list .valeur .text p:last-of-type{margin-bottom: 0;}

.page-soleamotors #equipe{background-blend-mode: luminosity; background-color: var(--Color-Black);position: relative;padding: 0 90px;background-size: cover;background-position: center;}
.page-soleamotors #equipe .content{display: flex;gap: 20px;width: 100%;display: flex;flex-wrap: wrap;height: 100%;}
.page-soleamotors #equipe .title{padding: 15px 0; border-top: 1px solid var(--Color-White);border-bottom: 1px solid var(--Color-White);position: relative;z-index: 5;}
.page-soleamotors #equipe .title h2{margin: 0; color: var(--Color-White); font-family: Unbounded; font-size: 18px; font-style: normal; font-weight: 400; line-height: normal;}
.page-soleamotors #equipe .title h2 span{color: var(--Color-Orange);font-family: Unbounded; font-size: 18px; font-style: normal; font-weight: 400; line-height: normal;}
.page-soleamotors #equipe>.text{padding: 300px 0;}
.page-soleamotors #equipe .text p{color: var(--Color-White); font-family: Lato; font-size: 14px; font-style: normal; font-weight: 400; line-height: 26px;}
.page-soleamotors #equipe .text p *{font-family: Lato; font-size: 14px;font-weight: 400; line-height: 26px;}
.page-soleamotors #equipe .text p strong{    font-family: Unbounded; font-size: 22px; font-style: normal; font-weight: 300; line-height: normal;}
.page-soleamotors #equipe .text a{color: var(--Color-White);text-decoration: underline;}
.page-soleamotors #equipe .text a:hover{color: var(--Color-Orange);}

.page-soleamotors #equipe .equipe-list{gap: 50px;position: relative;z-index: 5;display: flex;padding: 100px 0;flex-wrap: wrap;}
.page-soleamotors #equipe .equipe-list .equipe{display: flex;flex-direction: column;width: calc(100% / 4 - 40px);gap: 20px;}
.page-soleamotors #equipe .equipe-list .equipe .media{width: 100%;height: 350px;}
.page-soleamotors #equipe .equipe-list .equipe .media img{width: 100%;height: 100%;object-fit: cover;display: block;object-position: top center;}
.page-soleamotors #equipe .equipe-list .equipe .text{display: flex;flex-direction: column;}
.page-soleamotors #equipe .equipe-list .equipe .text h3{color: var(--Color-Orange); font-family: Unbounded; font-size: 18px; font-style: normal; font-weight: 400; line-height: normal; text-transform: uppercase;margin-top: 0;margin-bottom: 20px;}
.page-soleamotors #equipe .equipe-list .equipe .text p{width: 80%; color: var(--Color-White); font-family: Lato; font-size: 14px; font-style: normal; font-weight: 400; line-height: 26px;margin: 0;}
.page-soleamotors #equipe .equipe-list .equipe .text p:last-of-type{margin-bottom: 0;}

.page-soleamotors #gorrias{background-blend-mode: luminosity; background-color: var(--Color-Black);position: relative;padding: 0 90px;background-size: cover;background-position: center;}
.page-soleamotors #gorrias .shape{ position: absolute; bottom: 0; left: 0; z-index: 1;width: 16.66666667%;}
.page-soleamotors #gorrias .content{display: flex;gap: 20px;width: 100%;display: flex;flex-wrap: wrap;height: 100%;}
.page-soleamotors #gorrias .title{padding: 15px 0; border-top: 1px solid var(--Color-White);border-bottom: 1px solid var(--Color-White);position: relative;z-index: 5;}
.page-soleamotors #gorrias .title h2{margin: 0; color: var(--Color-White); font-family: Unbounded; font-size: 18px; font-style: normal; font-weight: 400; line-height: normal;}
.page-soleamotors #gorrias .title h2 span{color: var(--Color-Orange);font-family: Unbounded; font-size: 18px; font-style: normal; font-weight: 400; line-height: normal;}
.page-soleamotors #gorrias .text{padding: 300px 0;}
.page-soleamotors #gorrias .text p{color: var(--Color-White); font-family: Lato; font-size: 14px; font-style: normal; font-weight: 400; line-height: 26px;}
.page-soleamotors #gorrias .text p *{font-family: Lato; font-size: 14px;font-weight: 400; line-height: 26px;}
.page-soleamotors #gorrias .text p strong{    font-family: Unbounded; font-size: 22px; font-style: normal; font-weight: 300; line-height: normal;}
.page-soleamotors #gorrias .text a{color: var(--Color-White);text-decoration: underline;}
.page-soleamotors #gorrias .text a:hover{color: var(--Color-Orange);}
.page-soleamotors #gorrias>.sepa{width: 100%;height: 1px;background: var(--Color-Grey);margin: 0 auto;position: relative;z-index: 5;}

/* Page Classe V */
.page-classe-v #entry{background-blend-mode: luminosity; background-color: var(--Color-Black);position: relative;min-height: 100vh; padding: 300px 90px 130px;background-size: cover;background-position: center;}
.page-classe-v #entry::before{background: #000;position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: .5;content: "";}
.page-classe-v #entry .title{padding: 40px 0;position: relative;}
.page-classe-v #entry .title:before{content: "";position: absolute;top: 0;left: 0;width: 120px; height: 1px;background: var(--Color-White);}
.page-classe-v #entry .title:after{content: "";position: absolute;bottom: 0;left: 0;width: 120px; height: 1px;background: var(--Color-White);}
.page-classe-v #entry .title h1{color: var(--Color-White); font-family: Unbounded; font-size: 22px; font-style: normal; font-weight: 400; line-height: normal;margin: 0;}
.page-classe-v #entry .title h1>*{color: var(--Color-White); font-family: Unbounded; font-size: 22px; font-style: normal; font-weight: 400; line-height: normal;margin: 0;}

.page-classe-v #presentation{background: var(--Color-Black);padding: 130px 90px 0;}
.page-classe-v #presentation .content{align-items: center;}
.page-classe-v #presentation .content .presentation-media img{width: 100%;height: 100%;object-fit: cover;display: block;}
.page-classe-v #presentation .content .text ul{padding: 0 0 0 20px;margin: 0;}
.page-classe-v #presentation .content .text *{font-family: Lato; font-size: 14px;font-weight: 400; line-height: 26px;}
.page-classe-v #presentation .content .text strong{font-weight: 900;}
.page-classe-v #presentation .content .text strong *{font-weight: 900;}
.page-classe-v #presentation .content .text li{color: var(--Color-White); font-family: Lato; font-size: 14px; font-style: normal; font-weight: 400; line-height: 26px;}
.page-classe-v #presentation .content .text p{color: var(--Color-White); font-family: Lato; font-size: 14px; font-style: normal; font-weight: 400; line-height: 26px;}
.page-classe-v #presentation .content .text a{color: var(--Color-White);text-decoration: underline;}
.page-classe-v #presentation .content .text a:hover{color: var(--Color-Orange);}
.page-classe-v #presentation .content .title{padding: 20px 0;position: relative;z-index: 5;margin: 20px 0;}
.page-classe-v #presentation .content .title h2{margin: 0; color: var(--Color-White); font-family: Unbounded; font-size: 20px; font-style: normal; font-weight: 400; line-height: normal;}
.page-classe-v #presentation .content .title h2 span{color: var(--Color-Orange);font-family: Unbounded; font-size: 20px; font-style: normal; font-weight: 400; line-height: normal;}
.page-classe-v #presentation .content .title:before{content: "";position: absolute;top: 0;left: 0;width: 120px; height: 1px;background: var(--Color-White);}
.page-classe-v #presentation .content .title:after{content: "";position: absolute;bottom: 0;left: 0;width: 120px; height: 1px;background: var(--Color-White);}

.page-classe-v #location{background: var(--Color-Black);padding: 130px 90px ;position: relative;}
.page-classe-v #location .shape{ position: absolute; top: 50%;transform: translateY(-50%); left: 0; z-index: 1;width: 16.66666667%;}
.page-classe-v #location .content{align-items: center;}
.page-classe-v #location .content .text ul{padding: 0 0 0 20px;margin: 0;}
.page-classe-v #location .content .text *{font-family: Lato; font-size: 14px;font-weight: 400; line-height: 26px;}
.page-classe-v #location .content .text strong{font-weight: 900;}
.page-classe-v #location .content .text strong *{font-weight: 900;}
.page-classe-v #location .content .text li{color: var(--Color-White); font-family: Lato; font-size: 14px; font-style: normal; font-weight: 400; line-height: 26px;}
.page-classe-v #location .content .text p{color: var(--Color-White); font-family: Lato; font-size: 14px; font-style: normal; font-weight: 400; line-height: 26px;}
.page-classe-v #location .content .text a{color: var(--Color-White);text-decoration: underline;}
.page-classe-v #location .content .text a:hover{color: var(--Color-Orange);}
.page-classe-v #location .content .title{padding: 20px 0;position: relative;z-index: 5;margin: 20px 0;}
.page-classe-v #location .content .title h2{margin: 0; color: var(--Color-White); font-family: Unbounded; font-size: 20px; font-style: normal; font-weight: 400; line-height: normal;}
.page-classe-v #location .content .title h2 span{color: var(--Color-Orange);font-family: Unbounded; font-size: 20px; font-style: normal; font-weight: 400; line-height: normal;}
.page-classe-v #location .content .title:before{content: "";position: absolute;top: 0;left: 0;width: 120px; height: 1px;background: var(--Color-White);}
.page-classe-v #location .content .title:after{content: "";position: absolute;bottom: 0;left: 0;width: 120px; height: 1px;background: var(--Color-White);}
.page-classe-v #location>.sepa{width: 100%;height: 1px;background: var(--Color-Grey);margin: 0 auto;position: relative;z-index: 5;}

/* Page Services */
.page-services{}
.page-services .service{ background-size: contain; background-repeat: no-repeat; background-color: var(--Color-Black); background-blend-mode: luminosity;}
.page-services .service:nth-child(odd){background-position: center right;}
.page-services .service:nth-child(even){background-position: center left;}
.page-services .service .content{height: 100%;min-height: 100vh; align-items: center;padding: 150px 90px;}
.page-services .service .content .text ul{padding: 0 0 0 20px;margin: 0;}
.page-services .service .content .text *{font-family: Lato; font-size: 14px;font-weight: 400; line-height: 26px;}
.page-services .service .content .text strong{font-weight: 900;}
.page-services .service .content .text strong *{font-weight: 900;}
.page-services .service .content .text li{color: var(--Color-White); font-family: Lato; font-size: 14px; font-style: normal; font-weight: 400; line-height: 26px;}
.page-services .service .content .text p{color: var(--Color-White); font-family: Lato; font-size: 14px; font-style: normal; font-weight: 400; line-height: 26px;}
.page-services .service .content .text a{color: var(--Color-White);text-decoration: underline;}
.page-services .service .content .text a:hover{color: var(--Color-Orange);}
.page-services .service .content .title{padding: 20px 0;position: relative;z-index: 5;margin: 20px 0;}
.page-services .service .content .title h2{margin: 0; color: var(--Color-White); font-family: Unbounded; font-size: 20px; font-style: normal; font-weight: 400; line-height: normal;}
.page-services .service .content .title h2 span{color: var(--Color-Orange);font-family: Unbounded; font-size: 20px; font-style: normal; font-weight: 400; line-height: normal;}
.page-services .service .content .title:before{content: "";position: absolute;top: 0;left: 0;width: 120px; height: 1px;background: var(--Color-White);}
.page-services .service .content .title:after{content: "";position: absolute;bottom: 0;left: 0;width: 120px; height: 1px;background: var(--Color-White);}

/* Page en stock */
.page-en-stock #entry{background-blend-mode: luminosity; background-color: var(--Color-Black);position: relative;padding: 127px 90px 0;height: 450px;background-size: cover;background-position: center;display: flex;align-items: center;}
.page-en-stock #entry:before{content:"";position: absolute;bottom: 0;left: 0;width: 100%;height: 200px;background: linear-gradient(0deg, #100C1B 0%, rgba(16, 12, 27, 0) 100%);z-index: 5;}
.page-en-stock #entry .title{padding: 40px 0;position: relative;margin-left: 8.33333333%;width: 33.33333333%;z-index: 5;}
.page-en-stock #entry .title:before{content: "";position: absolute;top: 0;left: 0;width: 120px; height: 1px;background: var(--Color-White);}
.page-en-stock #entry .title:after{content: "";position: absolute;bottom: 0;left: 0;width: 120px; height: 1px;background: var(--Color-White);}
.page-en-stock #entry .title h1{color: var(--Color-White); font-family: Unbounded; font-size: 22px; font-style: normal; font-weight: 400; line-height: normal;margin: 0;}
.page-en-stock #entry .title h1>*{color: var(--Color-White); font-family: Unbounded; font-size: 22px; font-style: normal; font-weight: 400; line-height: normal;margin: 0;}

.page-en-stock #vehicules{background-color: var(--Color-Black);padding: 100px 90px 50px;position: relative;}
.page-en-stock #vehicules .title{border-top: 1px solid var(--Color-White);border-bottom: 1px solid var(--Color-White);position: relative;z-index: 5;}
.page-en-stock #vehicules .title h2{margin: 0; color: var(--Color-White); font-family: Unbounded; font-size: 18px; font-style: normal; font-weight: 400; line-height: normal;}
.page-en-stock #vehicules .title h2 span{color: var(--Color-Orange);font-family: Unbounded; font-size: 18px; font-style: normal; font-weight: 400; line-height: normal;}
.page-en-stock #vehicules .title .btn-link{border-top: none;border-bottom: none;}
.page-en-stock #vehicules .car-list{gap: 70px 0;padding: 60px 0 130px;position: relative;z-index: 5;}
.page-en-stock #vehicules .car-list>p{color: var(--Color-White); font-family: Lato; font-size: 14px; font-style: normal; font-weight: 400; line-height: 26px;margin: 0;}
.page-en-stock #vehicules>.sepa{width: 100%;height: 1px;background: var(--Color-Grey);margin: 0 auto;position: relative;z-index: 5;}

/* Page vendu */ 
.page-vendu #entry{background-blend-mode: luminosity; background-color: var(--Color-Black);position: relative;padding: 127px 90px 0;height: 450px;background-size: cover;background-position: center;display: flex;align-items: center;}
.page-vendu #entry:before{content:"";position: absolute;bottom: 0;left: 0;width: 100%;height: 200px;background: linear-gradient(0deg, #100C1B 0%, rgba(16, 12, 27, 0) 100%);z-index: 5;}
.page-vendu #entry .title{padding: 40px 0;position: relative;margin-left: 8.33333333%;width: 33.33333333%;z-index: 5;}
.page-vendu #entry .title:before{content: "";position: absolute;top: 0;left: 0;width: 120px; height: 1px;background: var(--Color-White);}
.page-vendu #entry .title:after{content: "";position: absolute;bottom: 0;left: 0;width: 120px; height: 1px;background: var(--Color-White);}
.page-vendu #entry .title h1{color: var(--Color-White); font-family: Unbounded; font-size: 22px; font-style: normal; font-weight: 400; line-height: normal;margin: 0;}
.page-vendu #entry .title h1>*{color: var(--Color-White); font-family: Unbounded; font-size: 22px; font-style: normal; font-weight: 400; line-height: normal;margin: 0;}

.page-vendu #vehicules{background-color: var(--Color-Black);padding: 100px 90px 50px;position: relative;}
.page-vendu #vehicules .title{border-top: 1px solid var(--Color-White);border-bottom: 1px solid var(--Color-White);position: relative;z-index: 5;}
.page-vendu #vehicules .title h2{margin: 0; color: var(--Color-White); font-family: Unbounded; font-size: 18px; font-style: normal; font-weight: 400; line-height: normal;}
.page-vendu #vehicules .title h2 span{color: var(--Color-Orange);font-family: Unbounded; font-size: 18px; font-style: normal; font-weight: 400; line-height: normal;}
.page-vendu #vehicules .title .btn-link{border-top: none;border-bottom: none;}
.page-vendu #vehicules .car-list{gap: 70px 0;padding: 60px 0 130px;position: relative;z-index: 5;}
.page-vendu #vehicules .car-list>p{color: var(--Color-White); font-family: Lato; font-size: 14px; font-style: normal; font-weight: 400; line-height: 26px;margin: 0;}
.page-vendu #vehicules>.sepa{width: 100%;height: 1px;background: var(--Color-Grey);margin: 0 auto;position: relative;z-index: 5;}

/* Page bientot-disponible  */
.page-bientot-disponible #entry{background-blend-mode: luminosity; background-color: var(--Color-Black);position: relative;padding: 127px 90px 0;height: 450px;background-size: cover;background-position: center;display: flex;align-items: center;}
.page-bientot-disponible #entry:before{content:"";position: absolute;bottom: 0;left: 0;width: 100%;height: 200px;background: linear-gradient(0deg, #100C1B 0%, rgba(16, 12, 27, 0) 100%);z-index: 5;}
.page-bientot-disponible #entry .title{padding: 40px 0;position: relative;margin-left: 8.33333333%;width: 33.33333333%;z-index: 5;}
.page-bientot-disponible #entry .title:before{content: "";position: absolute;top: 0;left: 0;width: 120px; height: 1px;background: var(--Color-White);}
.page-bientot-disponible #entry .title:after{content: "";position: absolute;bottom: 0;left: 0;width: 120px; height: 1px;background: var(--Color-White);}
.page-bientot-disponible #entry .title h1{color: var(--Color-White); font-family: Unbounded; font-size: 22px; font-style: normal; font-weight: 400; line-height: normal;margin: 0;}
.page-bientot-disponible #entry .title h1>*{color: var(--Color-White); font-family: Unbounded; font-size: 22px; font-style: normal; font-weight: 400; line-height: normal;margin: 0;}

.page-bientot-disponible #vehicules{background-color: var(--Color-Black);padding: 100px 90px 50px;position: relative;}
.page-bientot-disponible #vehicules .title{border-top: 1px solid var(--Color-White);border-bottom: 1px solid var(--Color-White);position: relative;z-index: 5;}
.page-bientot-disponible #vehicules .title h2{margin: 0; color: var(--Color-White); font-family: Unbounded; font-size: 18px; font-style: normal; font-weight: 400; line-height: normal;}
.page-bientot-disponible #vehicules .title h2 span{color: var(--Color-Orange);font-family: Unbounded; font-size: 18px; font-style: normal; font-weight: 400; line-height: normal;}
.page-bientot-disponible #vehicules .title .btn-link{border-top: none;border-bottom: none;}
.page-bientot-disponible #vehicules .car-list{gap: 70px 0;padding: 60px 0 130px;position: relative;z-index: 5;}
.page-bientot-disponible #vehicules .car-list>p{color: var(--Color-White); font-family: Lato; font-size: 14px; font-style: normal; font-weight: 400; line-height: 26px;margin: 0;}
.page-bientot-disponible #vehicules>.sepa{width: 100%;height: 1px;background: var(--Color-Grey);margin: 0 auto;position: relative;z-index: 5;}

/* page contact */
.page-contact #content{width: 100%;padding: 127px 90px 0;background-blend-mode: luminosity; background-color: var(--Color-Black);position: relative;background-size: cover;background-position: center;display: flex;align-items: center;flex-wrap: wrap;}
.page-contact #content .shape{ position: absolute; bottom: 0; right: 0; z-index: 1;width: 16.66666667%;}
.page-contact #content .col-text{position: relative;padding: 100px 0; z-index: 5;}
.page-contact #content .col-text .title{padding: 40px 0;position: relative;margin-bottom: 40px;}
.page-contact #content .col-text .title:before{content: "";position: absolute;top: 0;left: 0;width: 120px; height: 1px;background: var(--Color-White);}
.page-contact #content .col-text .title:after{content: "";position: absolute;bottom: 0;left: 0;width: 120px; height: 1px;background: var(--Color-White);}
.page-contact #content .col-text .title h1{color: var(--Color-White); font-family: Unbounded; font-size: 22px; font-style: normal; font-weight: 400; line-height: normal;margin: 0;}
.page-contact #content .col-text .title h1>*{color: var(--Color-White); font-family: Unbounded; font-size: 22px; font-style: normal; font-weight: 400; line-height: normal;margin: 0;}
.page-contact #content .col-text .info-contact{margin-bottom: 40px;}
.page-contact #content .col-text .info-contact p{color: var(--Color-White); font-family: Lato; font-size: 14px; font-style: normal; font-weight: 400; line-height: 26px;margin: 0;}
.page-contact #content .col-text .info-contact p:last-of-type{margin-bottom: 0;}
.page-contact #content>.sepa{width: 100%;height: 1px;background: var(--Color-Grey);margin: 0 auto;position: relative;z-index: 5;}

/* Page classique */
.page-classique #entry{background-blend-mode: luminosity; background-color: var(--Color-Black);position: relative;padding: 127px 90px 0;height: 450px;background-size: cover;background-position: center;display: flex;align-items: center;}
.page-classique #entry:before{content:"";position: absolute;bottom: 0;left: 0;width: 100%;height: 200px;background: linear-gradient(0deg, #100C1B 0%, rgba(16, 12, 27, 0) 100%);z-index: 5;}
.page-classique #entry .title{padding: 40px 0;position: relative;margin-left: 8.33333333%;width: 33.33333333%;z-index: 5;}
.page-classique #entry .title:before{content: "";position: absolute;top: 0;left: 0;width: 120px; height: 1px;background: var(--Color-White);}
.page-classique #entry .title:after{content: "";position: absolute;bottom: 0;left: 0;width: 120px; height: 1px;background: var(--Color-White);}
.page-classique #entry .title h1{color: var(--Color-White); font-family: Unbounded; font-size: 22px; font-style: normal; font-weight: 400; line-height: normal;margin: 0;}
.page-classique #entry .title h1>*{color: var(--Color-White); font-family: Unbounded; font-size: 22px; font-style: normal; font-weight: 400; line-height: normal;margin: 0;}

.page-classique #content{background-color: var(--Color-Black);padding: 0 90px 0;position: relative;}
.page-classique #content .content {padding:50px 0 100px;}
.page-classique #content .content p{color: var(--Color-White); font-family: Lato; font-size: 14px; font-style: normal; font-weight: 400; line-height: 26px;}
.page-classique #content .content a{color: var(--Color-White);text-decoration: underline;}
.page-classique #content .content a:hover{color: var(--Color-Orange);}
.page-classique #content .content h2{color: var(--Color-White); font-family: Unbounded; font-size: 18px; font-style: normal; font-weight: 400; line-height: normal;}
.page-classique #content .content h3{color: var(--Color-White); font-family: Unbounded; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal;}
.page-classique #content>.sepa{width: 100%;height: 1px;background: var(--Color-Grey);margin: 0 auto;position: relative;z-index: 5;}




@media screen and (max-width: 1400px) {
    header{padding: 60px 20px 0;}

    footer{padding: 60px 20px;}

    .page-home #entry{padding: 0 20px;}
    .page-home #vehicules-disponibles{padding: 100px 20px 0;}
    .page-home #solea-motors{padding: 180px 20px;}
    .page-home #agence{padding: 0 20px;}
    .page-home #services{padding: 100px 20px 100px;}
    .page-home #avis{padding: 100px 20px 0;}
    .page-home #avis .avis-list{padding-bottom: 100px;}

    .page-en-stock #entry{padding: 100px 20px 0;height: 400px;}
    .page-en-stock #vehicules{padding: 0px 20px;}
    .page-en-stock #entry .title{margin-left: 0;width: 100%;}
    .page-en-stock #vehicules .car-list{padding-bottom: 50px;}

    .page-vendu #entry{padding: 100px 20px 0;height: 400px;}
    .page-vendu #entry .title{margin-left: 0;width: 100%;}
    .page-vendu #vehicules{padding: 0px 20px;}
    .page-vendu #vehicules .car-list{padding-bottom: 50px;}

    .page-bientot-disponible #entry{padding: 100px 20px 0;height: 400px;}
    .page-bientot-disponible #vehicules{padding: 0px 20px;}
    .page-bientot-disponible #entry .title{margin-left: 0;width: 100%;}
    .page-bientot-disponible #vehicules .car-list{padding-bottom: 50px;}

    .page-soleamotors #qui-sommes-nous{padding: 200px 20px 100px;}
    .page-soleamotors #valeurs{padding: 0 20px 100px;}
    .page-soleamotors #equipe{padding: 0 20px;}
    .page-soleamotors #gorrias{padding: 0 20px;}

    .page-classe-v #entry{padding: 250px 20px 100px;min-height: 80vh;}
    .page-classe-v #presentation{padding: 100px 20px 0;}
    .page-classe-v #location{padding: 100px 20px;}

    .page-services .service .content{padding: 100px 20px;}

    .page-contact #content{padding: 127px 20px 0;}
    .page-contact #content .col-text{padding: 50px 0;}

    .page-classique #entry{padding: 100px 20px 0;height: 400px;}
    .page-classique #entry .title{margin-left: 0;width: 100%;}
    .page-classique #content{padding: 0 20px 0;}

    .page-404 #content{padding: 150px 20px 100px;}
    .page-404 #content .content .text{margin-left: 0;width: 100%;}

    .single-vehicule #entry .content{padding: 0 20px;}
    .single-vehicule #details{padding: 0 20px;}
    .single-vehicule #details .simple-gallery{padding: 100px 0;}



}
@media screen and (max-width: 1200px) {
    header{padding: 20px 20px 0;}
    header .menu-desktop{justify-content: space-between;}
    header .menu-desktop .logo{width: 200px;}
    header .menu-desktop .menu-principal{display: none;}
    header .menu-desktop .lang{display: none;}
    header .menu-desktop .burger{display: flex;}

    .page-home #solea-motors{padding: 100px 20px;}
    .page-home #solea-motors::before{content: '';background-color: var(--Color-Black);opacity: .5;top: 0;left: 0;width: 100%;height: 100%;position: absolute;z-index: 2;}
    .page-home #solea-motors .title{padding: 20px 0;z-index: 3;}
    .page-home #solea-motors .text{position: relative;z-index: 3;}

    .page-en-stock #entry{height: 350px;}
    .page-en-stock #entry:before{height: 150px;}

    .page-vendu #entry{height: 350px;}
    .page-vendu #entry:before{height: 150px;}

    .page-bientot-disponible #entry{height: 350px;}
    .page-bientot-disponible #entry:before{height: 150px;}

    .page-soleamotors #qui-sommes-nous{padding: 150px 20px 50px;}
    .page-soleamotors #valeurs .valeurs-list .valeur .text p{width: 100%;}
    .page-soleamotors #valeurs .valeurs-list{flex-wrap: wrap;    gap: 30px;}
    .page-soleamotors #valeurs .valeurs-list .valeur{width: calc(100% / 3 - 20px);}
    .page-soleamotors #equipe>.text{padding: 150px 0;}
    .page-soleamotors #equipe .equipe-list{flex-wrap: wrap;    gap: 30px;}
    .page-soleamotors #equipe .equipe-list .equipe .text p{width: 100%;}
    .page-soleamotors #equipe .equipe-list .equipe{width: calc(100% / 3 - 20px);}
    .page-soleamotors #gorrias .text{padding: 150px 0;}

    .page-services .service .content{min-height: auto;}
    
    .page-contact #content{padding: 100px 20px 0;}

    .page-classique #entry{height: 350px;}
    .page-classique #entry:before{height: 150px;}

    .single-vehicule #details .simple-gallery .car-carousel .owl-stage-outer{height: auto;}
}
@media screen and (max-width: 992px) {

    footer{padding: 40px 20px;}

    .contact form .half{width: 100%;}


    header .menu-desktop .burger:hover{background: transparent;border-color: var(--Color-White);}
    header .menu-desktop .burger:hover .line-2{width: 22px;}
    header .menu-desktop .burger:hover .line-3{width: 22px;}
    header .menu-desktop .burger.on{background: var(--Color-Orange);border-color: var(--Color-Orange);}
    header .menu-desktop .burger.on .line-2{width: 11px;}
    header .menu-desktop .burger.on .line-3{width: 3px;}


    .car-card .media{height: 200px;}
    .car-card .media img{transform: scale(1.08);}
    .car-card .text .other .sepa{height: 45px;}
    .car-card .text .brand{color: var(--Color-White);}
    .car-card .text .other{opacity: 1;visibility: visible;}
    .car-card .text .btn-link{opacity: 1;visibility: visible;}
    .car-card .text .model{font-size: 18px;}
    .car-card .text .year, .car-card .text .km, .car-card .text .year-km, .car-card .text .price{font-size: 15px;}

    .page-home #entry{height: 60vh;}
    .page-home #entry .text{padding: 20px 0;}
    .page-home #entry .text h1{font-size: 18px;}
    .page-home #entry .text h1>*{font-size: 18px;}
    .page-home #entry .rs{bottom: 10px;}
    .page-home #entry .rs .item{    padding: 10px;}
    .page-home #vehicules-disponibles .title{flex-wrap: wrap;border-top: 0;border-bottom: 0;}
    .page-home #vehicules-disponibles .title h2{padding: 20px;border: 1px solid var(--Color-White);text-align: center;font-size: 16px;}
    .page-home #vehicules-disponibles .title .btn-link{width: 100%;justify-content: center;border-bottom: 1px solid var(--Color-White);}
    .page-home #vehicules-disponibles .title .btn-link:hover{border-bottom: 1px solid var(--Color-Orange);}
    .page-home #vehicules-disponibles .car-list{gap: 40px 0;padding: 30px 0 50px;}
    .page-home #agence .col-text{padding: 50px 10px 20px;}
    .page-home #agence .title h2{font-size: 18px;}
    .page-home #agence .title h2>*{font-size: 18px;}
    .page-home #solea-motors{padding: 50px 20px;}
    .page-home #solea-motors .shape{z-index: 3;}
    .page-home #solea-motors .title h2{font-size: 18px;}
    .page-home #solea-motors .title h2>*{font-size: 18px;}
    .page-home #services .title{flex-wrap: wrap;border-top: 0;border-bottom: 0;}
    .page-home #services .title h2{padding: 20px;border: 1px solid var(--Color-White);text-align: center;font-size: 16px;}
    .page-home #services .title .btn-link{width: 100%;justify-content: center;border-bottom: 1px solid var(--Color-White);}
    .page-home #services .title .btn-link:hover{border-bottom: 1px solid var(--Color-Orange);}
    .page-home #services .services-list{gap: 30px;}
    .page-home #services .services-list .service .text p{width: 100%;}
    .page-home #services .services-list .service .media{    padding-top: 0px; padding-bottom: 10px;}
    .page-home #services .services-list .service .media svg{width: 60px;height: 60px;}
    .page-home #services .services-list .service .media svg path { fill: var(--Color-Orange);}
    .page-home #services .services-list .service .sepa { width: 120px; }
    .page-home #services .services-list .service .text h3{font-size:20px;margin-bottom: 10px;}
    .page-home #services .services-list .service .text .btn-link { opacity: 1; visibility: visible;margin-top: 15px; }
    .page-home #avis{padding: 50px 20px 0;}
    .page-home #avis .avis-list{padding-bottom: 50px;}

    .page-en-stock #entry{height: 300px;}
    .page-en-stock #entry:before { height: 50px; }
    .page-en-stock #entry .title{padding: 20px 0;}
    .page-en-stock #entry .title h1{font-size: 18px;}
    .page-en-stock #entry .title h1>*{font-size: 18px;}
    .page-en-stock #vehicules .car-list{gap: 40px 0;padding: 30px 0 50px;}

    .page-vendu #entry{height: 300px;}
    .page-vendu #entry:before { height: 50px; }
    .page-vendu #entry .title{padding: 20px 0;}
    .page-vendu #entry .title h1{font-size: 18px;}
    .page-vendu #entry .title h1>*{font-size: 18px;}
    .page-vendu #vehicules .car-list{gap: 40px 0;padding: 30px 0 50px;}

    .page-bientot-disponible #entry{height: 300px;}
    .page-bientot-disponible #entry:before { height: 50px; }
    .page-bientot-disponible #entry .title{padding: 20px 0;}
    .page-bientot-disponible #entry .title h1{font-size: 18px;}
    .page-bientot-disponible #entry .title h1>*{font-size: 18px;}
    .page-bientot-disponible #vehicules .car-list{gap: 40px 0;padding: 30px 0 50px;}

    .page-soleamotors #qui-sommes-nous{min-height: auto;background-size: 200%;}
    .page-soleamotors #qui-sommes-nous .title{padding: 20px 0;}
    .page-soleamotors #qui-sommes-nous .title h1{font-size: 18px;}
    .page-soleamotors #qui-sommes-nous .title h1>*{font-size: 18px;}
    .page-soleamotors #qui-sommes-nous::before{content: '';background-color: var(--Color-Black);opacity: .5;top: 0;left: 0;width: 100%;height: 100%;position: absolute;z-index: 2;}
    .page-soleamotors #qui-sommes-nous .title{padding: 20px 0;z-index: 3;}
    .page-soleamotors #qui-sommes-nous .text{position: relative;z-index: 3;}

    .page-soleamotors #valeurs{padding: 0 20px 50px;}
    .page-soleamotors #valeurs .valeurs-list .valeur{width: 100%;}
    .page-soleamotors #valeurs .title h2{font-size: 16px;}
    .page-soleamotors #valeurs .valeurs-text{padding: 50px 0 0;}
    .page-soleamotors #valeurs .valeurs-text p{font-size: 18px;}
    .page-soleamotors #valeurs .valeurs-text p strong{font-size: 18px;}
    .page-soleamotors #valeurs .valeurs-list{padding-bottom: 50px;}
    .page-soleamotors #valeurs .valeurs-list .valeur .text h3{font-size: 16px;margin-bottom: 10px;}
    .page-soleamotors #equipe{background-position: -65px;}
    .page-soleamotors #equipe::before{content: '';background-color: var(--Color-Black);opacity: .5;top: 0;left: 0;width: 100%;height: 100%;position: absolute;z-index: 2;}
    .page-soleamotors #equipe .title h2{font-size: 16px;}
    .page-soleamotors #equipe>.text{padding: 50px 0;position: relative;z-index: 5;}
    .page-soleamotors #equipe .equipe-list{padding: 50px 0;}
    .page-soleamotors #equipe .equipe-list .equipe{width: 100%;}
    .page-soleamotors #equipe .equipe-list .equipe .text h3{font-size: 16px;margin-bottom: 10px;}
    .page-soleamotors #gorrias::before{content: '';background-color: var(--Color-Black);opacity: .3;top: 0;left: 0;width: 100%;height: 100%;position: absolute;z-index: 2;}
    .page-soleamotors #gorrias .title h2{font-size: 16px;}
    .page-soleamotors #gorrias .text{padding: 50px 0;position: relative;z-index: 5;}
    .page-soleamotors #gorrias .text p strong{font-size: 18px;}

    .page-classe-v #entry{padding: 150px 20px 50px;min-height: auto;}
    .page-classe-v #entry .title{padding: 20px 0;}
    .page-classe-v #entry .title h1{font-size: 18px;}
    .page-classe-v #entry .title h1>*{font-size: 18px;}
    .page-classe-v #presentation{padding: 50px 20px 0;}
    .page-classe-v #presentation .content{gap: 20px;}
    .page-classe-v #presentation .content .title h2{font-size: 16px;}
    .page-classe-v #presentation .content .presentation-media{order: 2;}
    .page-classe-v #presentation .content .presentation-text{order: 1;}
    .page-classe-v #location{padding: 50px 20px;}
    .page-classe-v #location .content{gap: 20px;}
    .page-classe-v #location .content .title h2{font-size: 16px;}
    .page-classe-v #location .content .location-media{order: 2;}
    .page-classe-v #location .content .location-text{order: 1;}

    .page-services .service{position: relative;}
    .page-services .service .content{padding: 50px 20px;}
    .page-services .service:first-of-type .content{padding: 100px 20px 50px;}
    .page-services .service:nth-child(odd) { background-position: center right; background-size: 230%; }   
    .page-services .service:nth-child(even) {        background-position: center left; background-size: 230%; }
    .page-services .service:before{content: '';background-color: var(--Color-Black);opacity: .7;top: 0;left: 0;width: 100%;height: 100%;position: absolute;z-index: 2;}
    .page-services .service .col-text {position: relative;z-index: 5;}
    .page-services .service .content .title h2{font-size: 16px;}
    .page-services .service .content .title h2 span{font-size: 16px;}

    .page-contact #content .col-text .title{padding: 20px 0;}
    .page-contact #content .col-text .title h1{font-size: 18px;}
    .page-contact #content .col-text .title h1>*{font-size: 18px;}
    .page-contact #content{background-size: cover; background-position: left;}
    .page-contact #content:before{content: '';background-color: var(--Color-Black);opacity: .9;top: 0;left: 0;width: 100%;height: 100%;position: absolute;z-index: 2;}


    .page-classique #entry{height: 300px;}
    .page-classique #entry:before { height: 50px; }
    .page-classique #entry .title{padding: 20px 0;}
    .page-classique #entry .title h1{font-size: 18px;}
    .page-classique #entry .title h1>*{font-size: 18px;}
    .page-classique #content .content{padding-bottom: 50px;}


    .single-vehicule #entry{height: 70vh;}
    .single-vehicule #entry .content{gap: 20px;}
    .single-vehicule #entry .content .cta{justify-content: flex-start;flex-direction: column;align-items: flex-start;}
    .single-vehicule #entry::after{height: 100%;}
    .single-vehicule #entry .content .text h1 span{font-size: 20px;}
    .single-vehicule #details .simple-gallery{padding: 50px 0;gap: 20px;}
    .single-vehicule #details .details .equipement .text{column-count: 1;}
    .single-vehicule #details .details .cta{padding: 50px 0;}
    .single-vehicule #details .simple-gallery .car-carousel{max-height: none;}
}