#page-preloader{
animation-name: preloaderHide;
animation-duration: 0.3s;
animation-fill-mode: forwards;
animation-delay: 3s;
transition: all 0.3s ease-in-out;
}
.phone_banner {
display: flex;
position: center;
}
.menu-mobile__header.white{
background-color: white !important;
}
.spp-home-section-image{
min-height: 400px !important;
}
.candidature-form .row{
display: flex;
flex-wrap: wrap;
}
.candidature-form>div{
max-width: 800px;
}
.candidature-form{
display: flex;
justify-content: center;
}
.candidature-form .col-md-6 label{
padding: 10px;
background-color: white;
border-radius: 2px;
border-bottom: 1px solid #dddddd !important;
margin: 10px 0px;
}
.candidature-form option{
color: black !important;
}
.spp-home-section-1 h3{
color: #b17a4a !important;
}
.h3-custom-dark h3{
color: #333333 !important;
font-size: 44px !important;
font-weight: 900 !important;
margin-bottom: 20px !important;
text-transform: uppercase !important;
}
.h3-custom-light h3{
color: #f6f6f6 !important;
font-size: 44px !important;
font-weight: 900 !important;
margin-bottom: 20px !important;
text-transform: uppercase !important;
}
.h3-custom-brown h3{
color: #b17a4a !important;
font-size: 44px !important;
font-weight: 900 !important;
margin-bottom: 20px !important;
text-transform: uppercase !important;
}
.h3-custom-dark p{
color: #333333 !important;
opacity: 0.8;
font-size: 1.3em !important;
font-weight: lighter !important;
margin-bottom: 20px !important;
text-transform: uppercase !important;
}
.pix-easy-chart{
display: flex;
flex-direction: column;
align-items: center;
}
.pix-easy-chart:after{
border-color:#b17a4a!important;
}
.pix-easy-chart .chart{
display: flex;
flex-direction: column;
align-items: center;
margin-bottom: 20px
}
.pix-easy-chart .chart .percent{
font-size: 3em;
margin-bottom: 20px;
color: #b17a4a
}
.pix-easy-chart .chart .percent-text{
text-align: center !important;
}
.h3-custom-light p{
color: #f6f6f6;
opacity: 0.6;
font-size: 20px;
font-weight: 400;
margin-bottom: 15px;
text-transform: uppercase;
letter-spacing: 4px;
}
.spp-home-section-1 p{
line-height: 1,6em;
opacity: 0.6;
}
.select-form-spp select{
border: none !important;
}
.header-section{
margin-bottom: 0 !important;
border: 0 !important;
background-color: #b17a4a !important;
background-image: none !important;
padding: 80px 0px !important;
}
.header-section .vc_row-overlay{
background: none !important;
}
.list-villes-spp .vc_row p{
color: white;
}
.form-page-contact .wpcf7 input[type="text"], .form-page-contact .wpcf7 select, .form-page-contact .wpcf7 textarea{
background-color: transparent !important;
border-bottom: 1px solid #dddddd !important;
color: white !important;
}
.form-page-contact .wpcf7 input[type="text"]::placeholder, .form-page-contact .wpcf7 textarea::placeholder{
color: white !important;
}
.form-page-contact input[type="submit"]{
color: #b17a4a !important;
background-color: white !important;
}
.wpcf7-select {
border: 0px !important;
padding: 10px 0;
background: none;
box-shadow: none !important;
outline: none;
border-bottom: 1px solid #dddddd !important;
border-radius: 0;
border-radius: none;
padding-left: 0;
color: #999;
color: #aaaaaa;
font-size: 15px;
font-weight: 400;
width: 100%;
margin: 10px 0px;
margin-bottom: 25px;
}
.wpcf7 input[type="text"], .wpcf7 select, .wpcf7 textarea{
background-color: white !important;
border-bottom: 1px solid #dddddd !important;
border-radius: 2px !important;
padding: 10px !important;
}
.spp-home-section-1 .vc_column_container:nth-child(2) .vc_column-inner {
padding-top: 0 !important;
}
.contact-banneer .vc_column-inner{
margin: 0 !important;
padding: 0 !important;
}
.contact-banneer .vc_column-inner .vc_row {
display: flex;
align-items: center;
}
.contact-banneer .vc_btn3-container a{
color: #180f24 !important;
background-color: white !important;
}
.contact-banneer .vc_btn3-container{
margin-bottom: 0;
}
.spp-confiance .vc_row p{
color: white;
opacity: 0.7;
}
.spp-confiance-row .wpb_column{
min-height: 180px;
}
.spp-agents p{
color: #180f24;
font-size: 1.5em;
margin-top: 30px;
position: relative;
}
.spp-agents .wpb_column{
padding: 20px;
}
.spp-agents p:before{
background-color: #b17a4a;
height: 2px;
width: 30px;
content: "";
position: absolute;
top: -10px;
left: 47%;
}
.header-topbarbox-1 li{
font-weight: 300 !important;
text-transform: initial !important;
}
.menu-mobile__header .normal-logo{
height:90%;
}
.contact-form-homepage{
display: flex;
justify-content: center;
}
.contact-form-homepage>div{
max-width: 800px;
}
.footer{
margin-top: 0 !important;
}
.footer-logo img{
width: 100px;
}
.footer-spp-widgets{
display: flex;
justify-content: space-between;
width: 100%;
box-sizing: border-box;
padding: 30px 0px;
}
.footer-spp-widget{
max-width: 300px;
margin: 0px 20px;
}
.footer-spp-widget h3{
color: #f6f6f6;
text-transform: uppercase;
}
.footer-post-unique{
display: flex;
justify-content: flex-start;
margin-bottom: 20px;
}
.footer-post-content{
display:flex;
flex-direction: column;
align-items: flex-start;
justify-content: space-between;
color: #f6f6f6 !important;
}
.footer-post-content a{
margin-bottom: 5px;
color: #f6f6f6 !important;
}
.footer-post-content p{
color: #777;
font-size: 0.8em;
}
.footer-post-content a{
opacity: 0.8;
font-size: 1.2em;
}
.footer-post{
margin-top: 15px;
}
.footer-post img{
width: 60px;
height: 60px;
object-fit: cover;
border-radius: 2px;
}
.widget_recent_entries, html widget_recent_entries a{
color: #f6f6f6 !important;
}
footer #menu-footer{
flex-wrap: wrap;
justify-content: space-between;
}
.footer-spp-widget .menu-footer-container li a{
font-weight: 300 !important;
}
.footer-spp-widget .menu-footer-container li a:hover{
color: #b17a4a;
}
.spp-histoire-picto-column .wpb_column{
min-height: 150px !important;
display:flex;
align-items: center;
}
.spp-collaborateurs .wpb_column{
padding: 20px !important;
}
.menu-footer-container .menu{
display: flex;
justify-content: center;
}
.menu-footer-container .menu li{
border-bottom: none;
margin-right: 10px;
}
aside .menu li a{
opacity: 0.7;
color: #f6f6f6 !important;
}
.menu-footer-container .menu li:hover{
border-bottom: 1px solid #eaeaea;
}
.common-footer{
padding-top: 0 !important;
}
.contact-footer{
margin-top:10px;
}
.contact-footer li{
display:flex;
color:#f6f6f6;
}
.contact-footer li i{
margin-right: 20px;
margin-top: 8px;
}
.contact-footer li p{
opacity: 0.7;
font-size: 1em;
}
.form-page-contact p, .form-page-contact a{
color: white !important;
}
.rtd{
margin-bottom: 0 !important;
}
.header-social-link i{
transition: all 0.3s ease-in-out;
}
.header-social-link:hover i{
color: #b17a4a;
}
.skills-features-section .skill-label{
font-size: 1.3em !important;
}
.amount-box-percentage .percent:after{
content: " %";
}
.header-navibox-3 .header-calls{
display: flex;
align-items: center;
margin: 0px 10px;
}
.header-navibox-3 .header-socials{
display: flex;
align-items: center;
margin: 0px 10px;
margin-top: 7px;
}
.header-navibox-3 .header-socials li, .header-navibox-3 .header-calls li{
list-style-type: none;
margin: 0px 10px;
}
.header-navibox-3{
display: flex;
align-items: center;
}
.search_jobs{
display: none;
}
.secteurs-interventions-spp h6{
font-size: 2em !important;
line-height: 1em !important;
height: 100px;
} .post-footer, .application_button{
display: none !important;
}
.spp-candidate-button a{
padding: 10px;
background-color: #b17a4a !important;
color: white !important;
}
.job_listing-template-default .post-image{
padding: 20px;
}
.job_listing-template-default .post-image img{
width: 200px;
} .woo-item-grid{
height: 300px;
}
.woo-item-grid img{
height: 100% !important;
object-fit: cover;
}
.woocommerce-ordering{
display: none !important;
}
.woo-layout-default .header-section, .woo-layout-hover .header-section{
margin-bottom: 30px !important;
}
.product-template-default .header-section{
display: none !important;
}
.product-template-default .page-section{
margin-top: 100px;
}
.product_title{
font-weight: bold !important;
font-size: 2.5em !important;
color: #b17a4a !important;
}
.product_meta{
display: none !important;
}
body:not(.logged-in) .header-navibox-4 {
display: none !important;
}
body:not(.logged-in) .menu-item-11947{
display: none !important;
}
.woocommerce{
display: flex;
flex-direction: column;
}
.cart-collaterals{
display: flex;
}
.cart_totals {
width: 100% !important;	
}
.coupon{
margin: 20px !important;
padding-left: 0 !important;
width: 100%;
max-width: 500px;
}
.coupon button{
width: 100% !important;
max-width: 270px !important;
float: none !important;
}
#coupon_code{
min-width: unset !important;
width: unset !important;
} @media(max-width: 1331px){
.header-socials, .header-calls{
display: none !important;
}
}
@media(max-width:1000px){
.h3-custom-brown h3, .h3-custom-light h3, .h3-custom-dark h3{
font-size: 30px !important;
}
.footer-spp-widgets h3{
text-align: center;
margin-bottom: 30px;
}
.footer-spp-widgets{
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 30px;
}
.footer-spp-widget{
width: 100%;
padding: 20px;
margin-bottom: 30px;
}
.footer-spp-widget>div>aside{
display:flex;
flex-direction:column;
align-items: center;
}
.menu-footer-container .menu{
display: flex;
flex-direction: column;
align-items: center;
}
.contact-footer li{
justify-content: center;
}
.contact-footer li p{
text-align: center;
}
.spp-actualite-evenements .vc_row-overlay:after{
background-color: #000000 !important;
}
.brand-item{
padding: 0 !important;
}
}
@keyframes preloaderHide {
0%{
transform: translateY(0);
}
100%{
transform: translateY(-100vh);
}
}