html{scroll-behavior: smooth;}
*{font-family: barlow-semi-condensed, sans-serif;}
a{text-decoration: none;transition: .3s;}
p{margin-top: 0;margin-bottom: 1em;}
svg{transition: .3s;}
svg path{transition: .3s;}
svg rect{transition: .3s;}
.d-flex{display: flex;}
.d-none{display: none!important;}
.justify-content-center{justify-content: center;}
.justify-content-space-around{justify-content: space-around;}
.align-items-center{align-items: center;}
.p0{padding: 0;}
.overflow-hidden{overflow: hidden;}
.text-center{text-align: center;}
ul{margin: 0 0 1em 0;}
.container{padding: 0 8.33333333%;} :root {
--Color-White: #fff ;
--Color-Black: #000 ;
--Color-LightGrey: #F0F0F0;
--Color-Grey: #979797;
--Color-Red: #E1001A;
--Color-Green: #1CCE28;
}
body.not-scroll{overflow: hidden;} .btn-img{position: relative;display: flex;align-items: center;}
.btn-img .btn-text{background-color: var(--Color-White);padding: 10px;position: relative;}
.btn-img .btn-text::before{content: '';position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: var(--Color-Green);transition: .3s;}
.btn-img .btn-text span{transition: .3s;color: var(--Color-White, #FFF); font-family: Barlow-Semi-Condensed; font-size: 18px; font-style: normal; font-weight: 600; line-height: 18px; text-transform: uppercase;position: relative;z-index: 5;}
.btn-img:hover .btn-text::before{height: 0%;}
.btn-img:hover .btn-text span{color: var(--Color-Green);}
.btn-img .btn-arrow{background-color: var(--Color-White);padding: 12px;position: relative;}
.btn-img .btn-arrow::before{content: '';position: absolute;left: 0;top: 0;width: 100%;height: 0%;background-color: var(--Color-Green);transition: .3s;}
.btn-img .btn-arrow svg{display: block;z-index: 5;position: relative;}
.btn-img:hover .btn-arrow::before{height: 100%;}
.btn-img:hover .btn-arrow svg path{fill: var(--Color-White);}
.btn{position: relative;display: flex;align-items: center;}
.btn .btn-text{background-color: var(--Color-Green);padding: 10px;position: relative;}
.btn .btn-text::before{content: '';position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: var(--Color-Grey);transition: .3s;}
.btn .btn-text span{transition: .3s;color: var(--Color-White, #FFF); font-family: Barlow-Semi-Condensed; font-size: 18px; font-style: normal; font-weight: 600; line-height: 18px; text-transform: uppercase;position: relative;z-index: 5;}
.btn:hover .btn-text::before{height: 0%;}
.btn:hover .btn-text span{color: var(--Color-White);}
.btn .btn-arrow{background-color: var(--Color-Green);padding: 12px;position: relative;}
.btn .btn-arrow::before{content: '';position: absolute;left: 0;top: 0;width: 100%;height: 0%;background-color: var(--Color-Grey);transition: .3s;}
.btn .btn-arrow svg{display: block;z-index: 5;position: relative;}
.btn .btn-arrow svg path{fill: var(--Color-White);}
.btn:hover .btn-arrow::before{height: 100%;}
.btn:hover .btn-arrow svg path{fill: var(--Color-White);} header{position: fixed;z-index: 999;width: 100%;background: var(--Color-White);top: 0;left: 0;-webkit-box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.2); box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.2);transition: .5s;}
header .menu-desktop{display: flex;align-items: center;}
header .menu-desktop .logo{width: 16.66666667%;margin-left: 8.33333333%;}
header .menu-desktop .logo a{    width: fit-content; display: block;}
header .menu-desktop .logo svg{display: block;width: 100%; max-width: max-content;}
header .menu-desktop .navigation-principal{}
header .menu-desktop .navigation-principal ul{display: flex;align-items: center;margin: 0;padding: 0;gap: 80px;}
header .menu-desktop .navigation-principal ul li{list-style: none;padding: 40px 0;}
header .menu-desktop .navigation-principal ul li a{color: var(--Color-Grey, #979797); font-family: Barlow; font-size: 14px; font-style: normal; font-weight: 500; line-height: 14px; text-transform: uppercase;position: relative;}
header .menu-desktop .navigation-principal ul li a span{color: var(--Color-Black, #1A171B); font-family: Barlow; font-size: 20px; font-style: normal; font-weight: 700; line-height: 20px; letter-spacing: 2px; text-transform: uppercase;}
header .menu-desktop .navigation-principal ul li a::after{position: absolute;right: -22px;bottom: 4px;content: '';width: 12px;height: 12px;background-image: url(//skylease-france.com/wp-content/themes/skylease/img/ArrowDown.svg);}
header .menu-desktop .navigation-secondaire{width: 66.66666667%;display: flex;align-items: center;gap: 30px;justify-content: flex-end;}
header .menu-desktop .navigation-secondaire ul{display: flex;align-items: center;gap: 25px;margin: 0;padding: 0;}
header .menu-desktop .navigation-secondaire ul li{list-style: none;    padding: 52px 0;}
header .menu-desktop .navigation-secondaire ul li a{color: var(--Color-Grey, #979797); font-family: Barlow; font-size: 16px; font-style: normal; font-weight: 700; line-height: normal; text-transform: uppercase;}
header .menu-desktop .navigation-secondaire ul li a:hover{color: var(--Color-Green);}
header .menu-desktop .navigation-secondaire .rs{display: flex;align-items: center;gap: 10px;}
header .menu-desktop .navigation-secondaire .rs svg{display: block;}
header .menu-desktop .navigation-secondaire .rs svg:hover path{fill: var(--Color-Green);}
header .menu-desktop .navigation-secondaire .lang{display: flex;align-items: center;gap: 10px;}
header .menu-desktop .navigation-secondaire .lang li{list-style: none;}
header .menu-desktop .navigation-secondaire .lang li a{color: var(--Color-LightGrey, #F0F0F0); font-family: Barlow; font-size: 16px; font-style: normal; font-weight: 700; line-height: normal; text-transform: uppercase;}
header .menu-desktop .navigation-secondaire .lang li.current-lang a{color: var(--Color-Grey);}
header .menu-desktop .navigation-secondaire .lang li a:hover{color: var(--Color-Grey);}
header .menu-desktop .burger-button{display: none;cursor: pointer;}
header .menu-mobile{padding: 0 15px;min-height: 0vh;max-height: 0vh;transition: .5s;}
header .sub-menu-container{}
header .sub-menu-container .sub-menu{position: absolute;left: 0;top: 100%;z-index: 999;background: rgba(255, 255, 255, 0.50); backdrop-filter: blur(20px);width: 100%;opacity: 0;visibility: hidden;transition: .6s;}
header .sub-menu-container .sub-menu.on{opacity: 1;visibility: visible;}
header .sub-menu-container .sub-menu.services{display: flex;align-items: center;flex-wrap: wrap;padding: 50px 16.66666667%;row-gap: 30px;}
header .sub-menu-container .sub-menu.services .menu-item-service{width: 25%;display: flex;align-items: center;gap: 20px;}
header .sub-menu-container .sub-menu.services .menu-item-service .picto{width: 40px;height: 40px;}
header .sub-menu-container .sub-menu.services .menu-item-service img{display: none;}
header .sub-menu-container .sub-menu.services .menu-item-service svg path{fill: var(--Color-Black);}
header .sub-menu-container .sub-menu.services .menu-item-service .name{transition: .3s; margin: 0;color: var(--Color-Black, #000); font-family: Barlow; font-size: 16px; font-style: normal; font-weight: 500; line-height: normal;}
header .sub-menu-container .sub-menu.services .menu-item-service:hover .name{color: var(--Color-Green);}
header .sub-menu-container .sub-menu.services .menu-item-service:hover svg path{fill: var(--Color-Green);}
header .sub-menu-container .sub-menu.produits{display: flex;flex-wrap: wrap;padding: 10px 8.33333333%;}
header .sub-menu-container .sub-menu.produits .gse-motorises{width: 50%;display: flex;gap: 20px;}
header .sub-menu-container .sub-menu.produits .gse-motorises .media{width: 40%;}
header .sub-menu-container .sub-menu.produits .gse-motorises .links{width: 60%;padding-top: 15px;}
header .sub-menu-container .sub-menu.produits .gse-motorises .links .parent-link{color: var(--Color-Black, #000); font-family: Politica; font-size: 18px; font-style: normal; font-weight: 800; line-height: 18px; text-transform: uppercase;margin-bottom: 10px;display: block;}
header .sub-menu-container .sub-menu.produits .gse-motorises .links .list-links{display: flex;flex-wrap: wrap;row-gap: 5px;}
header .sub-menu-container .sub-menu.produits .gse-motorises .links .list-links .menu-item-produits{margin: 0; width: 50%;;color: var(--Color-Black, #000); font-family: Barlow; font-size: 16px; font-style: normal; font-weight: 500; line-height: normal;}
header .sub-menu-container .sub-menu.produits .gse-non-motorises{width: 50%;display: flex;gap: 20px;}
header .sub-menu-container .sub-menu.produits .gse-non-motorises .media{width: 40%;}
header .sub-menu-container .sub-menu.produits .gse-non-motorises .links{width: 60%;padding-top: 15px;}
header .sub-menu-container .sub-menu.produits .gse-non-motorises .links .parent-link{color: var(--Color-Black, #000); font-family: Politica; font-size: 18px; font-style: normal; font-weight: 800; line-height: 18px; text-transform: uppercase;margin-bottom: 10px;display: block;}
header .sub-menu-container .sub-menu.produits .gse-non-motorises .links .list-links{display: flex;flex-wrap: wrap;row-gap: 5px;}
header .sub-menu-container .sub-menu.produits .gse-non-motorises .links .list-links .menu-item-produits{margin: 0; width: 50%;;color: var(--Color-Black, #000); font-family: Barlow; font-size: 16px; font-style: normal; font-weight: 500; line-height: normal;}
header .sub-menu-container .sub-menu.produits a:hover{color: var(--Color-Green)!important;} footer{display: flex;background: var(--Color-Black);padding: 40px 0px;width: 100%;gap: 20px;}
footer .logo{width: 16.66666667%;margin-left: 8.33333333%;}
footer .logo svg{display: block;width: 100%; max-width: max-content;}
footer .navigation-footer{width: 50%;margin-left: 8.33333333%; display: flex;}
footer .navigation-footer nav{width: 33.33333333%;}
footer .navigation-footer ul{display: flex;flex-direction: column; row-gap: 10px;margin: 0;padding: 0;flex-wrap: wrap;}
footer .navigation-footer ul li{list-style: none;}
footer .navigation-footer ul li a{color: var(--Color-White, #FFF); font-family: Barlow; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal;}
footer .menu-rs-footer{display: flex;gap: 10px;width: 8.33333333%;justify-content: flex-end;}
footer .menu-rs-footer svg{display: block;} .page-accueil{}
.page-accueil #entry{height: calc(100vh - 128px);width: 100%;position: relative;margin-top: 128px;display: flex;}
.page-accueil #entry .media{width: 58.33333333%;height: 100%;position: relative;z-index: 5;background: #000;}
.page-accueil #entry .media::before{content:'';position: absolute;bottom: 40px;left: 40px;width: 50%;height: 100%;z-index: 6;background-image: url(//skylease-france.com/wp-content/themes/skylease/img/triangle-black.svg);background-size: contain;background-repeat: no-repeat;background-position: left bottom;}
.page-accueil #entry .media::after{content:'';position: absolute;top: 40px;right: 40px;width: 100px;height: 100px;z-index: 6;background-image: url(//skylease-france.com/wp-content/themes/skylease/img/triangle-green.svg);background-size: contain;background-repeat: no-repeat;background-position: left bottom;}
.page-accueil #entry .media img{width: 100%;height: 100%;object-fit: cover;display: block;opacity: 0.6;}
.page-accueil #entry .media video{width: 100%;height: 100%;object-fit: cover;display: block;opacity: 0.6;}
.page-accueil #entry .text{position: absolute;left: 100px;bottom: 100px;z-index: 8;width: 41.66666667%;}
.page-accueil #entry .text h1::first-line{color: var(--Color-White, #FFF); font-family: Politica; font-size: 30px; font-style: normal; font-weight: 800; line-height: 30px; text-transform: uppercase;}
.page-accueil #entry .text h1{color: var(--Color-White, #FFF); font-family: Politica; font-size: 60px; font-style: normal; font-weight: 400; line-height: 70px; text-transform: uppercase;margin: 0;}
.page-accueil #entry .text h1 strong{color: var(--Color-White, #FFF); font-family: Politica; font-size: 60px; font-style: normal; font-weight: 700; line-height: 70px; text-transform: uppercase;}
.page-accueil #entry .media2{width: 41.66666667%;height: 100%;position: relative;z-index: 5;background: #000;}
.page-accueil #entry .media2 img{width: 100%;height: 100%;object-fit: cover;display: block;}
.page-accueil #entry .media2 video{width: 100%;height: 100%;object-fit: cover;display: block;}
.page-accueil #questcequecest{padding: 140px 0;scroll-margin: 100px;}
.page-accueil #questcequecest .content{display: flex;align-items: center;}
.page-accueil #questcequecest .content .media{width: 41.66666667%;margin-left: 8.33333333%;position: relative;}
.page-accueil #questcequecest .content .media::after{content:'';position: absolute;top: -20px;right: -20px;width: 100px;height: 100px;z-index: 6;background-image: url(//skylease-france.com/wp-content/themes/skylease/img/triangle-green.svg);background-size: contain;background-repeat: no-repeat;background-position: left bottom;}
.page-accueil #questcequecest .content .media img{object-fit: cover;width: 100%;height: 100%;display: block;position: relative;z-index: 8;}
.page-accueil #questcequecest .content .media video{object-fit: cover;width: 100%;height: 100%;display: block;position: relative;z-index: 8;}
.page-accueil #questcequecest .content .texte{width: 33.33333333%;margin-left: 8.33333333%;}
.page-accueil #questcequecest .content .texte h2{color: var(--Color-Black, #000); font-family: Barlow-semi-condensed; font-size: 50px; font-style: normal; font-weight: 200; line-height: 50px; text-transform: uppercase;margin-top: 0;margin-bottom: 20px;}
.page-accueil #questcequecest .content .texte h2 strong{font-family: Barlow-semi-condensed;font-weight: 500;}
.page-accueil #questcequecest .content .texte p{color: #000; font-family: Barlow-semi-condensed; font-size: 18px; font-style: normal; font-weight: 400; line-height: 28px;}
.page-accueil #questcequecest .content .texte p:last-of-type{margin-bottom: 0;}
.page-accueil #questcequecest .content .texte .link{margin-top: 30px; float: right;}
.page-accueil #avantagesvous{padding: 140px 0;background: var(--Color-LightGrey);scroll-margin: 100px;}
.page-accueil #avantagesvous .content{display: flex;flex-wrap: wrap;}
.page-accueil #avantagesvous .content .title{width: 83.33333333%;margin-bottom: 70px;display: flex;margin-left: 8.33333333%;    align-items: flex-start;}
.page-accueil #avantagesvous .content .title h2{width: 100%;padding-left: 45px;;position: relative;margin: 0; color: var(--Color-Black, #000); font-family: Barlow-semi-condensed; font-size: 50px; font-style: normal; font-weight: 250; line-height: 40px; text-transform: uppercase;}
.page-accueil #avantagesvous .content .title h2 span{color: var(--Color-Green); font-family: Barlow-semi-condensed; font-size: 50px; font-style: normal; font-weight: 500; line-height: 40px; text-transform: uppercase;}
.page-accueil #avantagesvous .content .title h2 em{color: var(--Color-Green); font-family: Barlow-semi-condensed; font-size: 28px; font-style: normal; font-weight: 500; line-height: 28px; text-transform: uppercase;}
.page-accueil #avantagesvous .content .title h2:before{position: absolute; left: 0; bottom: 0; content: ''; width: 35px; height: 35px; background-image: url(//skylease-france.com/wp-content/themes/skylease/img/Big-Arrow-Down-Green.svg); background-size: contain;}
.page-accueil #avantagesvous .content .title p{width: 33.33333333%;color: #000; font-family: Barlow-semi-condensed; font-size: 18px; font-style: normal; font-weight: 400; line-height: 28px;margin-bottom: 0;}
.page-accueil #avantagesvous .content .avantages-list{display: flex;width: 83.33333333%;gap: 20px;margin-left: 8.33333333%;}
.page-accueil #avantagesvous .content .avantages-list .item{width: calc(100% / 5 - 16px);border: 28px solid var(--Color-Grey); background: var(--Color-White);position: relative;transition: .3s;}
.page-accueil #avantagesvous .content .avantages-list .item .picto{position: absolute;top: 8px;right: 8px;width: 50px;height: 50px;}
.page-accueil #avantagesvous .content .avantages-list .item .txt{position: absolute;bottom: 20px;left: 20px;    right: 20px;}
.page-accueil #avantagesvous .content .avantages-list .item .txt p.t{transition: .3s;margin: 0;color: var(--Color-Grey); font-family: Barlow-semi-condensed; font-size: 20px; font-style: normal; font-weight: 700; line-height: 20px; text-transform: uppercase;}
.page-accueil #avantagesvous .content .avantages-list .item:hover{border-color: var(--Color-Green);}
.page-accueil #avantagesvous .content .avantages-list .item:hover .txt p.t{padding-bottom: 10px;}
.page-accueil #avantagesvous .content .avantages-list .item:hover .picto path{fill: var(--Color-Green);}
.page-accueil #avantagesclient{padding: 140px 0;scroll-margin: 100px;}
.page-accueil #avantagesclient .content{display: flex;flex-wrap: wrap;}
.page-accueil #avantagesclient .content .title{width: 83.33333333%;margin-bottom: 70px;display: flex;margin-left: 8.33333333%;    align-items: flex-start;}
.page-accueil #avantagesclient .content .title h2{width: 100%;padding-left: 45px;;position: relative;margin: 0; color: var(--Color-Black, #000); font-family: Barlow-semi-condensed; font-size: 50px; font-style: normal; font-weight: 250; line-height: 40px; text-transform: uppercase;}
.page-accueil #avantagesclient .content .title h2 span{color: var(--Color-Green); font-family: Barlow-semi-condensed; font-size: 50px; font-style: normal; font-weight: 500; line-height: 40px; text-transform: uppercase;}
.page-accueil #avantagesclient .content .title h2 em{color: var(--Color-Green); font-family: Barlow-semi-condensed; font-size: 28px; font-style: normal; font-weight: 500; line-height: 28px; text-transform: uppercase;}
.page-accueil #avantagesclient .content .title h2:before{position: absolute; left: 0; bottom: 0; content: ''; width: 35px; height: 35px; background-image: url(//skylease-france.com/wp-content/themes/skylease/img/Big-Arrow-Down-Green.svg); background-size: contain;}
.page-accueil #avantagesclient .content .title p{width: 33.33333333%;color: #000; font-family: Barlow-semi-condensed; font-size: 18px; font-style: normal; font-weight: 400; line-height: 28px;margin-bottom: 0;}
.page-accueil #avantagesclient .content .avantages-list{display: flex;width: 83.33333333%;gap: 20px;margin-left: 8.33333333%;}
.page-accueil #avantagesclient .content .avantages-list .item{width: calc(100% / 5 - 16px);border: 28px solid var(--Color-Grey); background: var(--Color-White);position: relative;transition: .3s;}
.page-accueil #avantagesclient .content .avantages-list .item .picto{position: absolute;top: 8px;right: 8px;width: 50px;height: 50px;}
.page-accueil #avantagesclient .content .avantages-list .item .txt{position: absolute;bottom: 20px;left: 20px;    right: 20px;}
.page-accueil #avantagesclient .content .avantages-list .item .txt p.t{transition: .3s;margin: 0;color: var(--Color-Grey); font-family: Barlow-semi-condensed; font-size: 20px; font-style: normal; font-weight: 700; line-height: 20px; text-transform: uppercase;}
.page-accueil #avantagesclient .content .avantages-list .item:hover{border-color: var(--Color-Green);}
.page-accueil #avantagesclient .content .avantages-list .item:hover .txt p.t{padding-bottom: 10px;}
.page-accueil #avantagesclient .content .avantages-list .item:hover .picto path{fill: var(--Color-Green);}
.page-accueil #devenirpartenaire{padding: 140px 0;background: var(--Color-LightGrey);scroll-margin: 100px;}
.page-accueil #devenirpartenaire .content{display: flex;align-items: center;}
.page-accueil #devenirpartenaire .content .media{width: 41.66666667%;margin-left: 8.33333333%;position: relative;}
.page-accueil #devenirpartenaire .content .media::after{content:'';position: absolute;top: -20px;left: -20px;transform: rotate(-90deg); width: 100px;height: 100px;z-index: 6;background-image: url(//skylease-france.com/wp-content/themes/skylease/img/triangle-green.svg);background-size: contain;background-repeat: no-repeat;background-position: left bottom;}
.page-accueil #devenirpartenaire .content .media img{object-fit: cover;width: 100%;height: 100%;display: block;position: relative;z-index: 8;}
.page-accueil #devenirpartenaire .content .media video{object-fit: cover;width: 100%;height: 100%;display: block;position: relative;z-index: 8;}
.page-accueil #devenirpartenaire .content .texte{width: 33.33333333%;margin-left: 8.33333333%;}
.page-accueil #devenirpartenaire .content .texte h2{color: var(--Color-Black, #000); font-family: Barlow-semi-condensed; font-size: 50px; font-style: normal; font-weight: 200; line-height: 50px; text-transform: uppercase;margin-top: 0;margin-bottom: 20px;}
.page-accueil #devenirpartenaire .content .texte h2 strong{font-family: Barlow-semi-condensed;font-weight: 500;}
.page-accueil #devenirpartenaire .content .texte p{color: #000; font-family: Barlow-semi-condensed; font-size: 18px; font-style: normal; font-weight: 400; line-height: 28px;}
.page-accueil #devenirpartenaire .content .texte p:last-of-type{margin-bottom: 0;}
.page-accueil #devenirpartenaire .content .texte .link{margin-top: 30px; float: right;}
.page-accueil #contact{scroll-margin: 100px;}
.page-accueil #contact .content{display: flex;}
.page-accueil #contact .content .media{width: 50%;}
.page-accueil #contact .content .media img{display: block;height: 100%;width: 100%;object-fit: cover;}
.page-accueil #contact .content .form{width: 33.33333333%;margin-left: 8.33333333%;    padding: 50px 0;}
.page-accueil #contact .content .form h2{margin: 0;margin-bottom: 30px;;color: var(--Color-Grey, #979797); font-family: Politica; font-size: 30px; font-style: normal; font-weight: 400; line-height: normal; text-transform: uppercase;}
.page-accueil #contact .content .form h2 strong{ font-weight: 800;font-family: Politica; font-size: 30px; font-style: normal;}
.page-accueil #contact .content .form form>p{display: flex;flex-direction: column;gap: 15px;}
.page-accueil #contact .content .form form br{display: none;}
.page-accueil #contact .content .form form input:not(input[type="checkbox"]){outline: none;width: 100%;border-radius: 0;border: none;border-bottom: 1px solid var(--Color-Grey);color: var(--Color-Black); font-family: Barlow-semi-condensed; font-size: 16px; font-style: normal; font-weight: 400; line-height: 28px;}
.page-accueil #contact .content .form form input::placeholder{color: var(--Color-Grey, #979797); font-family: Barlow-semi-condensed; font-size: 16px; font-style: normal; font-weight: 400; line-height: 28px;}
.page-accueil #contact .content .form form select{outline: none;width: 100%;border-radius: 0;border: none;border-bottom: 1px solid var(--Color-Grey);color: var(--Color-Black); font-family: Barlow-semi-condensed; font-size: 16px; font-style: normal; font-weight: 400; line-height: 28px;}
.page-accueil #contact .content .form form textarea{height: 100px;outline: none;width: 100%;border-radius: 0;border: none;border-bottom: 1px solid var(--Color-Grey);color: var(--Color-Black); font-family: Barlow-semi-condensed; font-size: 16px; font-style: normal; font-weight: 400; line-height: 28px;}
.page-accueil #contact .content .form form textarea::placeholder{color: var(--Color-Grey, #979797); font-family: Barlow-semi-condensed; font-size: 16px; font-style: normal; font-weight: 400; line-height: 28px;}
.page-accueil #contact .content .form form button{padding: 0;border-radius: 0;border: none;background: transparent;    margin-left: auto;cursor: pointer;}
.page-accueil #contact .content .form form button .btn-text{padding: 13px 10px;} .page-classique{position: relative;margin-top: 128px;padding: 50px 8.33333333%;}
.page-classique h1{margin: 0;margin-bottom: 30px; color: var(--Color-Black); font-family: Politica; font-size: 50px; font-style: normal; font-weight: 400; text-transform: uppercase;}
.page-classique h1 strong{color: var(--Color-Black); font-family: Politica; font-size: 50px; font-style: normal; font-weight: 800;text-transform: uppercase;}
.page-classique h2{margin: 0;margin-bottom: 15px;color: var(--Color-Black, #000); font-family: Politica; font-size: 30px; font-style: normal; font-weight: 400; line-height: 30px; text-transform: uppercase;}
.page-classique h3{color: var(--Color-Green); font-family: Barlow-semi-condensed; font-size: 24px; font-style: normal; font-weight: 700; line-height: 28px;margin-top: 0;margin-bottom: 10px;}
.page-classique p{color: var(--Color-Black, #000); font-family: Barlow-semi-condensed; font-size: 18px; font-style: normal; font-weight: 400; line-height: 28px;}
.page-classique p strong{font-family: Barlow-semi-condensed; font-size: 18px; font-style: normal; font-weight: 700; line-height: 28px;}
.page-classique li{color: var(--Color-Black, #000); font-family: Barlow-semi-condensed; font-size: 18px; font-style: normal; font-weight: 400; line-height: 28px;}
.page-classique li strong{font-family: Barlow-semi-condensed; font-size: 18px; font-style: normal; font-weight: 700; line-height: 28px;}
.page-classique ul{margin: 0;}
.page-classique a{color: var(--Color-Green);text-decoration: underline;}
@media screen and (max-width: 1500px) { header .menu-desktop{padding: 0 15px;}
header .menu-desktop .logo{margin-left: 0;}
header .menu-desktop .navigation-principal{padding: 0 15px;}
header .menu-desktop .navigation-secondaire{width: 83.33333333%;}
header .sub-menu-container .sub-menu.services{padding: 50px 15px;}
header .sub-menu-container .sub-menu.produits{padding: 10px 15px;} footer{padding: 40px 15px;gap: 10px;}
footer .logo{margin-left: 0;}
footer .navigation-footer{width: 75%;} .page-accueil #avantagesvous .content .avantages-list .item{border-width: 20px;}
.page-accueil #avantagesvous .content .avantages-list .item .txt{left: 10px;right: 10px;bottom: 10px;}
.page-accueil #avantagesclient .content .avantages-list .item{border-width: 20px;}
.page-accueil #avantagesclient .content .avantages-list .item .txt{left: 10px;right: 10px;bottom: 10px;}
.page-accueil #contact .content{align-items: normal;} .page-classique{padding: 50px 15px;}
}
@media screen and (max-width: 1400px) { .page-accueil #avantagesvous .content .title{margin-left: 0;padding: 0 15px;width: 100%;margin-bottom: 50px;}
.page-accueil #avantagesvous .content .title h2{    font-size: 40px;line-height: 40px;}
.page-accueil #avantagesvous .content .title h2 span{    font-size: 40px;line-height: 40px;}
.page-accueil #avantagesvous .content .avantages-list{width: 100%;padding: 0 15px;margin-left: 0;}
.page-accueil #avantagesvous .content .avantages-list .item .picto{width: 30px;height: 30px;}
.page-accueil #avantagesvous .content .avantages-list .item .txt p.t{font-size: 16px;}
.page-accueil #avantagesclient .content .title{margin-left: 0;padding: 0 15px;width: 100%;margin-bottom: 50px;}
.page-accueil #avantagesclient .content .title h2{    font-size: 40px;line-height: 40px;}
.page-accueil #avantagesclient .content .title h2 span{    font-size: 40px;line-height: 40px;}
.page-accueil #avantagesclient .content .avantages-list{width: 100%;padding: 0 15px;margin-left: 0;}
.page-accueil #avantagesclient .content .avantages-list .item .picto{width: 30px;height: 30px;}
.page-accueil #avantagesclient .content .avantages-list .item .txt p.t{font-size: 16px;}
.page-accueil #questcequecest .content .texte h2{    font-size: 40px;line-height: 40px;}
.page-accueil #devenirpartenaire .content .texte h2{    font-size: 40px;line-height: 40px;}
.page-accueil #contact .content .form{width: 50%;margin-left: 0;padding: 30px 15px;} .page-contact #entry{height: 350px;}
}
@media screen and (max-width: 1300px) { header .menu-desktop .navigation-principal ul{gap: 50px;}
header .menu-desktop .navigation-secondaire{gap: 15px;}
header .menu-desktop .navigation-secondaire ul{gap: 15px;}
}
@media screen and (max-width: 1200px) { header .menu-desktop{padding: 20px 15px;justify-content: space-between;}
header .menu-desktop .logo { width: fit-content; }
header .menu-desktop .burger-button{display: block;}
header .menu-desktop .burger-button{display: block;}
header .menu-desktop .navigation-principal{display: none;}
header .menu-desktop .navigation-secondaire{display: none;}
header.open .menu-mobile{padding: 0 15px 15px;max-height: calc(100vh - 100px);min-height: calc(100vh - 100px);        overflow-x: auto;}
header .menu-mobile .navigation-principal{opacity: 0;visibility: hidden;transition: .5s;}
header.open .menu-mobile .navigation-principal{opacity: 1;visibility: visible;}
header .menu-mobile .navigation-principal ul{margin: 0;padding: 0;display: flex;flex-direction: column;gap: 15px;}
header .menu-mobile .navigation-principal ul li{list-style: none;}
header .menu-mobile .navigation-principal ul li a{ position: relative; color: var(--Color-Grey, #979797); font-family: Barlow; font-size: 16px; font-style: normal; font-weight: 700; line-height: normal; text-transform: uppercase;}
header .menu-mobile .navigation-principal ul li a:hover{color: var(--Color-Green);}
header .menu-mobile .navigation-principal ul li a br{display: none;}
header .menu-mobile .navigation-principal ul li a::after{position: absolute;right: -22px;bottom: 4px;content: '';width: 12px;height: 12px;background-image: url(//skylease-france.com/wp-content/themes/skylease/img/ArrowDown.svg);}
header .menu-mobile .navigation-principal .sub-menu.services{display: flex;align-items: center;flex-direction: column;padding: 0 15px;gap: 10px;}
header .menu-mobile .navigation-principal .sub-menu.services .menu-item-service{width: 100%;display: flex;align-items: center;gap: 15px;}
header .menu-mobile .navigation-principal .sub-menu.services .menu-item-service .picto{width: 20px;height: 20px;}
header .menu-mobile .navigation-principal .sub-menu.services .menu-item-service img{display: none;}
header .menu-mobile .navigation-principal .sub-menu.services .menu-item-service svg path{fill: var(--Color-Black);}
header .menu-mobile .navigation-principal .sub-menu.services .menu-item-service .name{transition: .3s; margin: 0;color: var(--Color-Black, #000); font-family: Barlow; font-size: 16px; font-style: normal; font-weight: 500; line-height: normal;}
header .menu-mobile .navigation-principal .sub-menu.services .menu-item-service:hover .name{color: var(--Color-Green);}
header .menu-mobile .navigation-principal .sub-menu.services .menu-item-service:hover svg path{fill: var(--Color-Green);}
header .menu-mobile .navigation-principal .sub-menu.produits{display: flex;flex-direction: column; padding: 0px 15px;gap: 15px;}
header .menu-mobile .navigation-principal .sub-menu.produits .gse-motorises{width: 100%;display: flex;gap: 15px;}
header .menu-mobile .navigation-principal .sub-menu.produits .gse-motorises .media{display: none;}
header .menu-mobile .navigation-principal .sub-menu.produits .gse-motorises .links{width: 100%;}
header .menu-mobile .navigation-principal .sub-menu.produits .gse-motorises .links .parent-link{color: var(--Color-Black, #000); font-family: Politica; font-size: 18px; font-style: normal; font-weight: 800; line-height: 18px; text-transform: uppercase;margin-bottom: 10px;display: block;}
header .menu-mobile .navigation-principal .sub-menu.produits .gse-motorises .links .list-links{display: flex;flex-direction: column;gap: 10px;}
header .menu-mobile .navigation-principal .sub-menu.produits .gse-motorises .links .list-links .menu-item-produits{margin: 0; width: 100%;color: var(--Color-Black, #000); font-family: Barlow; font-size: 16px; font-style: normal; font-weight: 500; line-height: normal;}
header .menu-mobile .navigation-principal .sub-menu.produits .gse-non-motorises{width: 100%;display: flex;gap: 15px;}
header .menu-mobile .navigation-principal .sub-menu.produits .gse-non-motorises .media{display: none;}
header .menu-mobile .navigation-principal .sub-menu.produits .gse-non-motorises .links{width: 100%;}
header .menu-mobile .navigation-principal .sub-menu.produits .gse-non-motorises .links .parent-link{color: var(--Color-Black, #000); font-family: Politica; font-size: 18px; font-style: normal; font-weight: 800; line-height: 18px; text-transform: uppercase;margin-bottom: 10px;display: block;}
header .menu-mobile .navigation-principal .sub-menu.produits .gse-non-motorises .links .list-links{display: flex;flex-direction: column;gap: 10px;}
header .menu-mobile .navigation-principal .sub-menu.produits .gse-non-motorises .links .list-links .menu-item-produits{margin: 0; width: 100%;color: var(--Color-Black, #000); font-family: Barlow; font-size: 16px; font-style: normal; font-weight: 500; line-height: normal;}
header .menu-mobile .navigation-principal .sub-menu.produits a:hover{color: var(--Color-Green)!important;}
header .menu-mobile .navigation-secondaire{opacity: 0;visibility: hidden;transition: .5s;}
header.open .menu-mobile .navigation-secondaire{opacity: 1;visibility: visible;}
header .menu-mobile .navigation-secondaire ul{margin: 0;padding: 0;display: flex;flex-direction: column;gap: 15px;}
header .menu-mobile .navigation-secondaire ul li{list-style: none;}
header .menu-mobile .navigation-secondaire ul li a{color: var(--Color-Grey, #979797); font-family: Barlow; font-size: 16px; font-style: normal; font-weight: 700; line-height: normal; text-transform: uppercase;}
header .menu-mobile .navigation-secondaire ul li a:hover{color: var(--Color-Green);}
header .menu-mobile .navigation-secondaire ul li a br{display: none;}    
header .menu-mobile .navigation-secondaire{display: flex;flex-direction: column;gap: 15px;}
header .menu-mobile .navigation-secondaire .rs{display: flex;align-items: center;gap: 15px;}
header .menu-mobile .navigation-secondaire .rs svg{display: block;}
header .menu-mobile .navigation-secondaire .rs svg:hover path{fill: var(--Color-Green);}
header .menu-mobile .navigation-secondaire .lang{display: flex;align-items: center;gap: 15px;}
header .menu-mobile .navigation-secondaire .lang li{list-style: none;}
header .menu-mobile .navigation-secondaire .lang li a{color: var(--Color-LightGrey, #F0F0F0); font-family: Barlow; font-size: 16px; font-style: normal; font-weight: 700; line-height: normal; text-transform: uppercase;}
header .menu-mobile .navigation-secondaire .lang li.current-lang a{color: var(--Color-Grey);}
header .menu-mobile .navigation-secondaire .lang li a:hover{color: var(--Color-Grey);} .page-accueil #entry{margin-top: 100px;height: calc(100vh - 100px);}
.page-accueil #entry .text h1{font-size: 40px;line-height: 50px;}
.page-accueil #entry .text h1 strong{font-size: 40px;line-height: 50px;}
.page-accueil #entry .text h1::first-line{font-size: 25px;line-height: 30px;}
.page-accueil #chiffres{padding: 100px 0;}
.page-accueil #chiffres .content{justify-content: flex-start;flex-wrap: wrap;gap: 20px;}
.page-accueil #chiffres .content .item.first{width: 100%;height: auto!important;background: none;}
.page-accueil #chiffres .content .item.first h2 br:not(:first-of-type){display: none;}
.page-accueil #chiffres .content .item{width: calc(50% - 10px); height: 160px !important; border-width: 15px;}
.page-accueil #avantagesvous{padding: 100px 0;}
.page-accueil #avantagesvous .content .title { margin-bottom: 30px;flex-wrap: wrap;}
.page-accueil #avantagesvous .content .title h2{font-size: 30px;line-height: 25px;width: 100%;padding-left: 30px;}
.page-accueil #avantagesvous .content .title h2 span{font-size: 30px;line-height: 25px;}
.page-accueil #avantagesvous .content .title h2:before{width: 25px;height: 25px;}
.page-accueil #avantagesvous .content .title h2 em{font-size: 22px;line-height: 22px;}
.page-accueil #avantagesvous .content .avantages-list{flex-wrap: wrap;}
.page-accueil #avantagesvous .content .avantages-list .item{width: calc(100% / 4 - 15px);}
.page-accueil #avantagesclient{padding: 100px 0;}
.page-accueil #avantagesclient .content .title { margin-bottom: 30px;flex-wrap: wrap;}
.page-accueil #avantagesclient .content .title h2{font-size: 30px;line-height: 25px;width: 100%;padding-left: 30px;}
.page-accueil #avantagesclient .content .title h2 span{font-size: 30px;line-height: 25px;}
.page-accueil #avantagesclient .content .title h2:before{width: 25px;height: 25px;}
.page-accueil #avantagesclient .content .title h2 em{font-size: 22px;line-height: 22px;}
.page-accueil #avantagesclient .content .avantages-list{flex-wrap: wrap;}
.page-accueil #avantagesclient .content .avantages-list .item{width: calc(100% / 4 - 15px);}
.page-accueil #questcequecest{padding: 100px 0;}
.page-accueil #questcequecest .content{gap: 20px;padding: 0 15px;}
.page-accueil #questcequecest .content .media{margin-left: 0;width: 50%;}
.page-accueil #questcequecest .content .media::after{    top: -10px; right: -10px; width: 60px; height: 60px;}
.page-accueil #questcequecest .content .texte{margin-left: 0;width: 50%;}
.page-accueil #questcequecest .content .texte h2{font-size: 30px;line-height: 30px;}
.page-accueil #devenirpartenaire{padding: 100px 0;}
.page-accueil #devenirpartenaire .content{gap: 20px;padding: 0 15px;}
.page-accueil #devenirpartenaire .content .media{margin-left: 0;width: 50%;}
.page-accueil #devenirpartenaire .content .media::after{    top: -10px; left: -10px; width: 60px; height: 60px;}
.page-accueil #devenirpartenaire .content .texte{margin-left: 0;width: 50%;}
.page-accueil #devenirpartenaire .content .texte h2{font-size: 30px;line-height: 30px;}
.page-accueil #contact .content .form h2{font-size: 25px;line-height: 30px;margin-bottom: 15px;}
.page-accueil #contact .content .form h2 strong{font-size: 25px;line-height: 30px;} .page-classique{padding: 50px 15px;margin-top: 100px;}
.page-classique h1{font-size: 40px;margin-bottom: 20px;}
}
@media screen and (max-width: 998px) { header .menu-desktop .logo svg{width: 150px;height: auto;}
header.open .menu-mobile{max-height: calc(100vh - 80px);min-height: calc(100vh - 80px);} footer{flex-wrap: wrap;gap: 20px;}
footer .logo{width: 100%;}
footer .logo svg{margin: auto;}
footer .navigation-footer{width: 100%;flex-wrap: wrap;gap: 10px;}
footer .navigation-footer>nav{width: 100%;}
footer .navigation-footer ul{align-items: center;}
footer .menu-rs-footer{width: 100%;justify-content: center;} .page-accueil #entry{margin-top: 75px;height: calc(100vh - 75px);}
.page-accueil #entry .text{left: 15px; width: calc(100% - 30px); bottom: auto; top: 50%; transform: translateY(-50%);}
.page-accueil #entry .text h1 br{display: none;}
.page-accueil #entry .text h1>br:first-of-type{display: block;}
.page-accueil #entry .text h1::first-line{font-size: 20px; line-height: 20px;}
.page-accueil #entry .text h1{font-size: 30px; line-height: 40px;}
.page-accueil #entry .text h1 strong{font-size: 30px; line-height: 40px;}
.page-accueil #entry .link{right: auto;left: 15px;bottom: 50px;}
.page-accueil #entry .media{width: 100%;}
.page-accueil #entry .media::after{width: 60px;height: 60px;top: 15px;right: 15px;}
.page-accueil #entry .media::before{width: 60px;height: 60px;bottom: 15px;left: 15px;}
.page-accueil #entry .media2{display: none;}
.page-accueil #avantagesvous{padding: 50px 0;}
.page-accueil #avantagesvous .content .title h2{padding: 0;font-size: 30px;line-height: normal;}
.page-accueil #avantagesvous .content .title h2 span{padding: 0;font-size: 30px;line-height: normal;}
.page-accueil #avantagesvous .content .title h2 em{padding: 0;font-size: 30px;line-height: normal;}
.page-accueil #avantagesvous .content .title h2:before{display: none;}
.page-accueil #avantagesvous .content .avantages-list .item{border-width: 10px;width: calc(50% - 10px); height: 160px !important;}
.page-accueil #avantagesvous .content .avantages-list .item .txt p.t{    color: var(--Color-Grey);}
.page-accueil #avantagesvous .content .avantages-list .item .picto path { fill: var(--Color-Green); }
.page-accueil #avantagesclient{padding: 50px 0;}
.page-accueil #avantagesclient .content .title h2{padding: 0;font-size: 30px;line-height: normal;}
.page-accueil #avantagesclient .content .title h2 span{padding: 0;font-size: 30px;line-height: normal;}
.page-accueil #avantagesclient .content .title h2 em{padding: 0;font-size: 30px;line-height: normal;}
.page-accueil #avantagesclient .content .title h2:before{display: none;}
.page-accueil #avantagesclient .content .avantages-list .item{border-width: 10px;width: calc(50% - 10px); height: 160px !important;}
.page-accueil #avantagesclient .content .avantages-list .item .txt p.t{    color: var(--Color-Grey);}
.page-accueil #avantagesclient .content .avantages-list .item .picto path { fill: var(--Color-Green); }
.page-accueil #questcequecest{padding: 50px 0;}
.page-accueil #questcequecest .content{flex-wrap: wrap;}
.page-accueil #questcequecest .content .media{width: 100%;order: 2;}
.page-accueil #questcequecest .content .texte{width: 100%;order: 1;}   
.page-accueil #devenirpartenaire{padding: 50px 0;}
.page-accueil #devenirpartenaire .content{flex-wrap: wrap;}
.page-accueil #devenirpartenaire .content .media{width: 100%;order: 2;}
.page-accueil #devenirpartenaire .content .texte{width: 100%;order: 1;}
.page-accueil #contact .content{flex-wrap: wrap;}
.page-accueil #contact .content .media{display: none;}
.page-accueil #contact .content .form{width: 100%;padding: 50px 15px;} .page-classique{margin-top: 80px;}
.page-classique h1{font-size: 30px;}
.page-classique h2{font-size: 22px;}
}