Sélectionner une révision Git
pylote.css 26,56 Kio
html {
scroll-behavior: smooth;
}
body {
font-family: 'Roboto', sans-serif;
font-weight: 300;
color: #3E3E3D;
font-size: 16px;}
b, strong{
font-weight: bold;
}
a { color: #56A099; }
a:hover { color: #56A099; text-decoration: none; }
:focus {
outline: -webkit-focus-ring-color auto 0px;
}
button:focus{
outline: 0px dotted;
outline: 0px auto -webkit-focus-ring-color;
}
p{
line-height: 25px;
}
/*h1, h2, h3, h4, h5, h6{
line-height: 1.2;
}
*/
h1,h2,h3,h4,h5, h6{
font-family: 'Roboto', sans-serif;
color: #56A099;
}
h1{
line-height: 57px;
}
h2{
font-size: 35px;
font-weight: 500;
}
h2:after{
content: '';
width: 100px;
height: 2px;
background-color: #56A099;
display: block;
margin: 20px auto;
}
h3{
font-size: 23px;
}
h4{
font-size: 29px;
}
h5{
font-size: 24px;
}
h6{
font-size: 21px;
font-weight: 500;
line-height: 31px;
}
.img-responsive{
display: block;
max-width: 100%;
height: auto;
}
.btn-primary{
background-color: #FFF;
border: 2px solid #56A099;
color: #56A099;
padding: 3px 15px;
border-radius: 100px;
}
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle{
background-color: #56A099;
border-color: #56A099;
}
.btn-primary:focus, .btn-primary.focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(0, 160, 157, 0);
}
.btn-primary:hover{
background-color: #56A099;
border-color: #56A099;
}
li#menu-contact .btn-primary{
margin: 0.6rem 0rem;
font-size: 13px;
border-bottom: 2px solid #56A099;
text-align: center;
width: 82px;
}
.link-publi .btn-primary{
background-color: #56A099;
border: 2px solid #56A099;
color: #fff;
}
.link-publi .btn-primary:not(:disabled):not(.disabled):active,
.link-publi .btn-primary:not(:disabled):not(.disabled).active,
.link-publi .show > .btn-primary.dropdown-toggle{
background-color: #fff;
border-color: #56A099;
color: #56A099;
}
.link-publi .btn-primary:hover{
background-color: #fff;
border-color: #56A099;
color: #56A099;
}
/*button top */
#myBtn {
display: none;
position: fixed;
bottom: 150px;
right: 30px;
z-index: 99;
font-size: 25px;
border: none;
outline: none;
background-color: #56A099;
color: white;
cursor: pointer;
padding: 15px;
content:
}
#myBtn:hover {
background-color: #56A099;
}
#toTop:active,.wp-theme-1 #toTop:focus {
outline: none;
}
#myBtn:before {
font-family: 'FontAwesome';
content: "\f106";
color: #ffffff;
font-size: 25px;
position: absolute;
top: 50%;
left: 50%;
width: 20px;
height: 20px;
text-align: center;
line-height: 20px;
margin-top: -10px;
margin-left: -10px;
text-indent: 0;
}
/*Navigation*/
.flex-lang{
display: flex;
flex-direction: column;
align-items: flex-end;
}
.lang-bloc{
display: flex;
flex-direction: row;
font-size: 11px;
}
/* Icon 1 */
.animated-icon3 {
width: 30px;
height: 20px;
position: relative;
margin: 0px;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out;cursor: pointer;
}
.animated-icon3 span {
display: block;
position: absolute;
height: 3px;
width: 100%;
border-radius: 9px;
opacity: 1;
left: 0;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .25s ease-in-out;
-moz-transition: .25s ease-in-out;
-o-transition: .25s ease-in-out;
transition: .25s ease-in-out;
}
.animated-icon3 span {
background: #3E3E3D;
}
/* Icon 4 */
.animated-icon3 span:nth-child(1) {
top: 0px;
-webkit-transform-origin: left center;
-moz-transform-origin: left center;
-o-transform-origin: left center;
transform-origin: left center;
}
.animated-icon3 span:nth-child(2) {
top: 10px;
-webkit-transform-origin: left center;
-moz-transform-origin: left center;
-o-transform-origin: left center;
transform-origin: left center;
}
.animated-icon3 span:nth-child(3) {
top: 20px;
-webkit-transform-origin: left center;
-moz-transform-origin: left center;
-o-transform-origin: left center;
transform-origin: left center;
}
.animated-icon3.open span:nth-child(1) {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
top: 0px;
left: 8px;
}
.animated-icon3.open span:nth-child(2) {
width: 0%;
opacity: 0;
}
.animated-icon3.open span:nth-child(3) {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);top: 21px;
left: 8px;
}
.navbar-collapse{
height: -webkit-fill-available;
background-color: #fff;
}
#wrapwrap .o_header_affix.affixed{
background-color: #fff;
}
#logo-mobile{
height: 60px;
padding: 5px 20px;
}
#logo-mobile-menu{
height: 50px;
padding: 5px 20px;
}
.navbar-collapse{
padding-top: 50px;
}
li.nav-item.active a{
border-bottom: 2px solid #fff;
}
.oe_website_login_container {
margin-top: 200px;
}
/*li.nav-item.dropdown, li.nav-item.divider{
display: none !important;
}
li.nav-item.dropdown.o_extra_menu_items{
display: block !important;
}*/
#oe_main_menu_navbar + #wrapwrap .menu-nav-top.o_header_affix{
top: 170px;
}
#wrapwrap .menu-nav-top.o_header_affix.affix.affixed{
top: 126px;
}
.menu-nav-top.o_header_affix.affix.affixed{
display: none;
}
.navbar{
/*padding: 1rem 1rem;*/
padding: 20px 0px;
}
header .navbar-brand.logo img{
height: 5.3125rem;
}
.navbar > .container, .navbar > .container-fluid{
align-items: flex-end;
}
.navbar .nav-item {
padding: 0px 20px;
}
.navbar-light{
font-size: 18px;
background-color: rgba(255,255,255,0.9) !important;
}
#wrapwrap .o_header_affix{
background: none;
transition: none;
}
.navbar .nav-item{
transition: none;
}
div#wrap{
margin-top: 40px;
}
.navbar-nav{
margin-bottom: -10px;
}
.navbar-light .navbar-nav .nav-link{
color: #56A099;
font-weight: 400;
}
.navbar-light .navbar-nav .show > .nav-link,
.navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link:focus{
font-weight: 700;
color: #56A099;
}
.navbar-light .navbar-nav #menu-contact .nav-link.active{
color: #fff;
}
.navbar-light .navbar-toggler{
border-color: rgba(0, 0, 0, 0);
padding: 1.25rem 0.75rem;
}
.navbar-light .navbar-toggler-icon {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(62, 62, 61, 1)' stroke-width='3' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}
#menu-contact .nav-link:hover{
background-color: #56A099;
border-color: #56A099;
color: #fff;
}
.nav-submenu{
background-color: #56A099;
border-bottom-width: 7px;
padding: 5px 0px;
border-bottom: transparent linear-gradient(90deg, #56A099 0%, #56A099 100%) 0% 0% no-repeat padding-box;
}
.nav-submenu li{
border-right: 1px solid white;
}
.nav-submenu li a{
color: #fff;
text-transform: uppercase; font-weight: 400;
margin: 0px 20px;
/*padding: 5px 50px;*/
}
.nav-submenu li:last-child{
border-right: none;
}
.nav-submenu li.nav-item {
padding: 0px 15px;
}
.nav-submenu a.nav-link.active,
.nav-submenu a.nav-link:hover, a.nav-link:focus {
border-bottom: 2px solid #fff;
}
#menu-news .nav-link span{
text-transform: uppercase;
/*font-weight: 900;*/
border-right: none;
border-left: none;
padding: 0px;
font-size: 16px;
}
li#menu-contact{
padding: 0px 20px;
margin-top: 50px;
margin-bottom: 20px;
}
.page-submenu{
margin-top: 100px;
}
#top_menu{
text-align: left !important;
position: relative;
}
/*Footer*/
.o_footer{
padding: 10px 0px;
background-color: #56A099 !important;
color: #fff;
text-align: center;
}
.o_footer .d-flex{
justify-content: center;
flex-direction: column-reverse;
}
.mentions-border {
text-align: center;
border: none;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
padding: 5px;
}
.mentions-border br{
display: none;
}
.contact-btn{
text-align: center;
}
footer, footer .btn-primary{
font-size: 12px;
}
.o_show{
display: block;
}
#footer .btn-primary{
font-weight: 700;
color: #56A099;
border-color: #fff;
background-color: #FFF;
padding: 3px 15px;
}
#footer .btn-primary:hover{
color: #fff;
}
#footer a{
color: #fff;
font-size: 13px;
}
.footer-top span{
font-size: 14px;
font-weight: 500;
}
.footer-top{
border-bottom: none;
}
/*Contact Page*/
.banner-contact{
/*background-image: linear-gradient(101deg, rgba(86, 160, 153,0.8) 0%, rgba(160, 190, 56, 0.8) 61%, rgba(90, 158, 151, 0.8) 100%), url("/pylote_website/static/src/img/banner-contact.png");*/
background-image: url("/pylote_website/static/src/img/contact-bandeau.png");
height: 220px;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
position: relative;
}
.banner-contact h1{
color: #fff;
transform: translateY(130px);
font-size: 53px;
}
.contact-adress{
border-top: 1px solid #707070;
font-size: 13px;
padding: 20px 0px;
line-height: 21px;
}
.contact-adress span{
font-weight: 700;
text-transform: uppercase;
}
.div-map-contact{
padding: 20px 0px;
}
/*Form*/
.form-group .btn-primary{
font-size: 14px;
font-weight: 700;
}
.form-control{
border-radius: 0;
border: 0.5px solid #A8A8A8;
}
form .row{
flex-direction: column;
}
form label{
font-weight: 400;
}
/*Page common*/
.header-title h5{
font-weight: 700;
color: #56A099;
}
.our-company-banner{
background-image: url("/pylote_website/static/src/img/fond-banner-mobil.png");
height: auto;
display: flex;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
position: relative;
}
.our-company-banner h6{
line-height: 30px;
color: #fff;
font-weight: 400;
}
.header-title-content{
max-width: 800px;
height: 100%;
margin: 0 auto;
display: flex;
flex-direction: column;
justify-content: center;
}
/*Mentions*/
.news-home {
text-align: center;
}
.mentions{
margin-top: 100px;
}
.news-home h4:after,
.mentions h4:after{
content: '';
height: 1px;
background-color: #56A099;
display: block;
margin-top: 5px;
}
.mentions h5{
color: #3E3E3D; font-weight: 400;
}
.mentions h5 span{
font-weight: 700;
}
/*Home Page*/
.home-banner,
.banner-safer,
.banner-greener,
.banner-cleaner,
.banner-cleaner-second,
.banner-cleaner-third{
height: 200px;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
position: relative;
}
.home-banner{
display: flex;
align-items: flex-end;
height: 390px;
margin-bottom: 0px;
margin-top: 126px;
background-image: url("/pylote_website/static/src/img/banner-home-mobil.png");
}
.img-absolute{
position: absolute;
right: 0;
z-index: 100;
width: 300px;
}
.img-absolute-right{
position: absolute;
width: 427px;
right: 40px;
z-index: 100;
width: 200px;
right: -100px;
}
.img-absolute-left{
position: absolute;
z-index: 100;
width: 427px;
left: 40px;
}
.home-banner img{
width: 200px;
z-index: inherit;
top: 0;
}
.our-company-banner img{
width: 250px;
}
.banner-cleaner{
background-image: url("/pylote_website/static/src/img/banner-cleaner-mobil.png");
}
.banner-cleaner-second{
background-size: auto;
/*background-image: url("/pylote_website/static/src/img/banner-cleaner-second.png");*/ background-image: url("/pylote_website/static/src/img/banner-cleaner-second.jpg");
}
.banner-cleaner-third{
background-image: url("/pylote_website/static/src/img/banner-cleaner-third-mobil.png");
}
.banner-safer{
background-image: url("/pylote_website/static/src/img/banner-safer.jpg");
}
.banner-greener{
background-image: url("/pylote_website/static/src/img/banner-greener.jpg");
}
.home-header-title {
height: 100%;
max-width: 650px;
display: flex;
padding: 0px 15px;
/*justify-content: flex-end;*/
flex-direction: column;
}
.home-header-title h1{
font-size: 24px;
line-height: 26px;
margin-bottom: 15px;
}
.home-header-title h1{
color: #fff;
text-transform: uppercase;
}
.home-header-title p{
color: #fff;
}
.home-header-title h1{
font-weight: 400;
}
.home-header-title p{
line-height: 20px;
font-size: 18px;
}
.home-banner .d-flex{
justify-content: space-between;
}
.home-bloc a{
/*height: 400px;*/
height: 330px;
}
.home-bloc{
padding: 0px;
background-color: #fff;
border: 0px solid #E7F1FC;
color: #56A099;
height: 100px;
width: 200px;
display: flex;
flex-direction: column;
justify-content: center;
text-align: center;
font-weight: 400;}
.home-bloc p {
font-size: 19px;
}
.home-bloc p span{
font-size: 18px;
text-transform: uppercase;
font-weight: 500;
}
hr{
border-top: 1px solid #56A099;
width: 70px;
padding: 0;
margin-top: 0;
}
.lang-bloc hr{
border-top: 0px solid #56A099;
border-bottom: 1px solid #56A099;
margin-right: 3px;
margin-left: 3px;
width: 35px;
margin-top: 10px;
}
li.lang {
position: absolute;
right: 0;
bottom: 20px;
top: inherit;
}
.trait-title{
display: none;
border-bottom: 1px solid #56A099;
/*width: 70px;*/
/*padding: 0;*/
/*margin-top: 0;*/
}
.circle-top{
/*height: 170px;*/
height: 140px;
display: flex;
align-items: flex-end;
}
.circle-home-text{
display: flex;
flex-direction: column;
align-items: center;
/*height: 230px;*/
height: 190px;
}
.circle-home-border h4, .circle-home-border h6, .circle-home-border p, .circle-home-mobile p, .circle-home p,
.circle-home h4, .circle-home h6, .circle-home-mobile p, .circle-home p{
text-transform: uppercase;
margin: 0;
text-align: center;
letter-spacing: 2px;
}
.circle-home-border p{
color: #56A099;
font-weight: 700;
}
.circle-home-border-mobil p{
font-size: 13px;
}
.circle-home-border{
/*background-image: url("/pylote_website/static/src/img/bord-cercle.png");
background-size: contain;
background-repeat: no-repeat;*/
margin: 0 auto;
display: flex;
flex-direction: column;
justify-content: center;
width: 85px;
height: 85px;
position: relative;
}
.circle-home{
border-radius: 100%;
margin: 0 auto;
display: flex;
flex-direction: column;
justify-content: center;
width: 70px;
height: 70px;
top: 5px;
left: 5px;
background-color: #fff;
position: absolute;
}
#cleaner{
margin-top: 100px;
}
#cleaner h2{
text-align: center;
font-size: 22px;
line-height: 30px;
}
#cleaner h6{
text-transform: uppercase;
color: #3C3C3B;
font-weight: 700;
font-size: 18px;
line-height: 25px;
}
#cleaner .circle-home-border{
width: 110px;
height: 110px;
}
#cleaner .circle-home{
width: 165px;
height: 165px;
top: 7px;
left: 7px;
}
.tableau-cleaner{
border: 1px solid rgba(112, 112, 112, 0.3);
border-radius: 17px;
}
#cleaner h5 span{
color: rgba(86, 160, 153, 0.8);
font-size: 21px; line-height: 25px;
}
h2 span{
font-weight: 300;
}
#cleaner h2 span{
font-weight: 300;
}
#cleaner h2:after{
display: none;
margin: 0;
}
.flex-trait-cleaner{
display: flex;
justify-content: space-between;
}
.trait-cleaner{
width: 59%;
border-bottom: 1px solid #56A099;
}
.sol-box{
padding-left: 0px;
border-left: 2px solid #56A099;
}
.sol-box h5{
padding: 10px;
border-bottom: 1px solid #56A099;
}
.sol-box p{
padding: 10px;
color: #56A099;
font-weight: 500;
}
/*Home News*/
.latest-news{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.image-box img{
object-fit: cover;
height: auto;
width: inherit;
}
.fa-linkedin-square:before{
/*content: url(/pylote_website/static/src/img/link-logo.png);*/
content: none;
}
.fa-twitter-square:before{
/*content: url(/pylote_website/static/src/img/twitter-logo.png);*/
content: none;
}
.overlay a, .overlay-links a + a{
cursor: pointer;
}
.content-post footer a{ padding-top: 0;
}
.content-post footer{
padding: 10px 0px 1px 0px;
}
.content-box h5, .content-post h2, .blog_title h1{
font-weight: 500;
color: #3E3E3D;
}
.content-post h2{
font-size: 26px;
line-height: 35px;
}
.content-post h2:after{
display: none;
}
.content-box, .content-post{
padding: 0px 10px;
width: 300px;
max-width: 300px;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.content-box{
margin: 0 auto;
}
.content-post{
padding: 0px;
width: 600px;
max-width: 600px;
margin: 0 auto;
}
.content-post p,
.content-box p,
.blog_title span{
text-transform: uppercase;
color: #56A099;
margin: 0;
}
.content-post header p{
font-size: 18px;
line-height: 35px;
font-weight: 400;
}
.content-box span{
font-size: 14px;
}
.blog_title img{
width: 100%;
margin: 0 auto;
}
.content-post a,
.content-box a{
text-transform: uppercase;
text-decoration: underline;
font-weight: 700; font-size: 12px;
border-top: 1px solid #56A099;
padding-top: 10px;
}
.content-post span{
font-size: 14px;
line-height: 22px;
}
.content-post p span{
color: #56A099;
font-weight: 700;
}
.latest-news footer{
border-top: 1px solid #707070;
}
.content-post a{
border-top: none;
}
.img-carousel {
background: transparent linear-gradient(204deg, #FFFFFF 0%, #F2F3F5 100%) 0% 0% no-repeat padding-box;
}
.carousel-indicators li{
width: 10px;
height: 10px;
border-radius: 100%;
border: 1px solid #56A099;
}
.s_carousel.s_carousel_default .carousel-indicators li, .s_quotes_carousel.s_carousel_default .carousel-indicators li{
height: 10px;
border-radius: 100%;
box-shadow: none;
}
.carousel-indicators .active{
background-color: #56A099;
}
.carousel-indicators{
position: initial;
}
/*Page Blog*/
.pagination-custom{
justify-content: center;
align-items: center;
color: #56A099;
}
.page-link {
padding: 0.5rem 0.75rem;
margin-left: -1px;
line-height: 26px;
color: #56A099;
background-color: transparent;
border: 0px solid #dee2e6;
font-size: 16px;
}
.page-link:hover {
color: #56A099;
background-color: transparent;
border-color: transparent;
font-weight: 700; font-size: 20px;
}
.page-link:focus {
box-shadow: 0 0 0 0.2rem rgba(0, 160, 157, 0);
}
.page-item.active .page-link {
z-index: 1;
color: #56A099;
background-color: transparent;
border-color: transparent;
font-weight: 700;
font-size: 20px;
}
.blogpost-body img{
width: 100%;
}
.image-post {
margin: 0 auto;
max-width: 500px;
}
.image-post img {
margin: 0 auto;
object-fit: cover;
height: 320px;
}
.blogpost-content{
display: flex;
flex-direction: column;
}
.blogpost-content h3{
text-transform: uppercase;
}
.blogpost-content footer{
border-top: 0.5px solid #000;
padding: 10px 0px;
}
#blog_right_column{
display: none;
}
#title h1{
color: #3E3E3D;
font-weight: 500;
}
/*Page */
#our-techno{
font-weight: 400;
}
#our-techno p span{
font-size: 16px;
font-weight: 700;
}
.bloc-part{
border-top: 1px solid rgba(86, 160, 153, 0.5);
}
.subtitle{ background: linear-gradient(90deg, #A0BE38 0%, #5A9E97 100%);
}
.subtitle h3{
color: #fff;
}
#our-recognition .bloc-border{
position: relative;
border: 0px solid #56A099;
}
.flex-carte{
display: flex;
justify-content: center;
align-items: center;
}
.text-carte{
position: absolute;
}
.text-carte h4{
text-transform: uppercase;
font-size: 18px;
}
.text-carte span{
font-weight: 300;
}
#our-mission .d-flex{
flex-direction: column;
text-align: center;
}
#our-mission .d-flex img{
width: 80px;
height: 80px;
margin: 0 auto;
}
.mission-flex{
display: flex;
flex-direction: column;
text-align: center;
}
#our-mission{
font-weight: 400;
position: relative;
}
#our-mission .mt128,
#our-mission .mb256{
margin-top: 0 !important;
margin-bottom: 0 !important;
}
#our-mission h3{
font-size: 30px;
font-weight: 300;
}
#our-mission h3:after{
content: '';
width: 200px;
height: 1px;
background-color: #56A099;
display: block; margin: 0 auto;
margin-top: 15px;
}
#our-mission svg {
right: 0;
top: 580px;
position: absolute;
display: none;
}
.mission-flex ul{
padding: 0;
}
.bloc-part ul {
line-height: 25px;
list-style: none;
}
.bloc-part li::before {
color: #56A099;
content: "•";
display: inline-block;
width: 1em;
font-weight: 900;
margin-left: 0px;
font-size: 15px;
}
.bloc-part li{
/*margin: 0 auto;
display: flex;
justify-content: center;
flex-direction: row;*/
}
.on-environment-banner{
background-image: url(/pylote_website/static/src/img/fond-banner-env-mobil.png);
min-height: 560px;
background-size: cover;
display: flex;
align-items: center;
background-repeat: no-repeat;
background-position: center;
position: relative;
}
.on-environment-banner img{
position: absolute;
right: 0;
top: 0;
width: 300px;
}
.on-environment-banner .d-flex{
justify-content: center;
flex-wrap: wrap;
}
.env-bloc p{
line-height: 25px;
}
.env-bloc{
background-color: #fff;
border: 1px solid #E7F1FC;
color: #56A099;
height: 260px;
font-weight: 400; width: 330px;
padding: 15px;
display: flex;
flex-direction: column;
margin: 5px;
}
.env-bloc h3, .level-subbloc h3, #on-accompaniment h3{
font-weight: 500;
text-transform: uppercase;
padding: 5px 0px;
}
.level-subbloc h3{
margin-bottom: 0px;
}
.env-bloc h3{
font-weight: 300;
padding: 0px;
}
.env-bloc h3:after{
content: '';
height: 1px;
background-color: #56A099;
display: block;
margin: 18px auto;
}
.level-subbloc h3:after{
content: '';
height: 1px;
width: 100px;
background-color: #56A099;
display: block;
margin: 18px 0px;
}
.level-subbloc{
justify-content: space-between;
display: flex;
flex-direction: row;
font-weight: 400;
flex-wrap: wrap;
}
.wrap-inverse{
flex-wrap: wrap-reverse;
}
.level-subbloc-img{
width: 100%;
margin: 0 auto;
}
.level-subbloc-txt-left {
max-width: 430px;
margin: 0 auto;
margin-top: 30px;
}
.level-subbloc-txt-right {
width: 350px;
margin: 0 auto;
margin-top: 30px;
}
#on-compliance p{
font-weight: 400; font-size: 20px;
}
#on-result p{
font-weight: 400;
font-size: 16px;
line-height: 27px;
}
#on-compliance p{
text-align: center;
}
#on-compliance p span{
font-weight: 700;
}
#on-result p span{
font-weight: 700;
font-size: 18px;
}
.img-complance img {
padding: 20px;
height: auto;
width: auto;
padding: 20px;
width: auto;
max-width: 160px;
}
#our-recognition .img-complance img {
height: 200px;
margin: 20px auto;
}
#on-result{
color: #fff;
background: transparent linear-gradient(90deg, #A0BE38 0%, #5A9E97 100%) 0% 0% no-repeat padding-box;
}
#on-result h2{
color: #fff;
}
#on-result h2:after{
background-color: #fff;
}
.banner-support{
background-image: url("/pylote_website/static/src/img/banner-support-mobil.png");
height: 350px;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
position: relative;
}
#on-accompaniment h3:after{
content: '';
width: 350px;
height: 1px;
background-color: #56A099;
display: block;
margin: 10px auto;
}
/*Markets Snippets*/
h2.o_default_snippet_text {
text-align: center; font-size: 22px;
}
h2 span.o_default_snippet_text{
font-size: 22px;
}
h2.o_default_snippet_text:after{
display: none;
}
.o_default_snippet_text{
color: #56A099;
}
.carousel-right{
display: flex;
flex-direction: column;
justify-content: center;
}
.carousel-left-img{
padding: 0px 40px;
}
.carousel-left-img-partner{
padding: 0px 30px;
}
.carousel-right-inner-border{
border-bottom: 0px solid #56A099;
padding-bottom: 20px;
}
.carousel-right-inner p, .link-bottom p{
font-weight: 700;
}
.carousel-right-inner .circle-home-border{
width: 85px;
height: 85px;
margin: 0;
}
.carousel-right-inner .circle-home p{
font-size: 13px;
font-weight: 900;
}
.carousel-right-inner{
display: flex;
flex-direction: row;
margin: 10px;
justify-content: space-around;
}
.carousel-text-right-inner{
/*width: 130px;*/
width: 200px;
display: flex;
flex-direction: column;
justify-content: center;
}
.carousel-text-right-inner p{
text-align: left;
text-transform: uppercase;
margin-bottom: 0;
font-size: 14px;
}
.s_carousel.s_carousel_default .carousel-control-prev-icon:before, .s_carousel.s_carousel_default .carousel-control-next-icon:before, .s_quotes_carousel.s_carousel_default .carousel-control-prev-icon:before, .s_quotes_carousel.s_carousel_default .carousel-control-next-icon:before{
color: #56A099;
}
.s_carousel .carousel-control-prev-icon, .s_carousel .carousel-control-next-icon, .s_quotes_carousel .carousel-control-prev-icon, .s_quotes_carousel .carousel-control-next-icon{
margin-top: -450px;
}
/*.carousel-control-prev-icon {
background-image: url("/pylote_website/static/src/img/arrow-left.png");
}
.carousel-control-next-icon {
background-image: url("/pylote_website/static/src/img/arrow-right.png");
}
*/
.carousel-control-prev, .carousel-control-next{
align-items: inherit;
top: 140px;
margin: 0px 5px;
}
.carousel-left-img {
height: 370px;
}
.carousel-control-prev span,
.carousel-control-next span{
width: 11px;
height: 22px;
}
.carousel-right-partner{
text-align: center;
}
.carousel-right-partner .btn-primary{
padding: 3px 20px;
border: 1px solid #56A099;
}
.carousel-right-partner h4{
font-size: 25px;
}
.link-bottom{
display: inline-block;
text-align: center;
}
.link-bottom p{
display: inline-block;
margin-right: 10px;
text-transform: uppercase;
}
.link-bottom a {
margin: 10px auto;
display: table;
font-size: 12px;
font-weight: 500;
}
.link-bottom .btn-primary{
border: 1px solid #56A099;
padding: 2px 15px;
}
.link-publi {
color: #fff; text-decoration: underline;
display: inline-block;
padding: 0px 10px;
text-transform: uppercase;
border-left: none;
border-top: 1px solid #56A099;
}
.press-release img{
height: 30px;
margin-bottom: 5px;
display: inline-block;
position: relative;
}
.press-release a{
margin-left: -15px;
}
#modal-cleaner, #modal-safer, #modal-greener {
position: absolute;
top: 46px;
left: 0;
bottom: 0;
right: 0;
position: fixed;
display: -webkit-box;
display: -webkit-flex;
display: flex;
overflow: auto;
background-color: #fff;
animation: moveUp .5s cubic-bezier(0.165, 0.840, 0.440, 1.000) forwards;
}
@keyframes moveUp {
0% {
transform:translateY(1000px);
}
100% {
transform:translateY(0);
}
}
.container-modal{
margin-top: 0px;
width: 100%;
}