@charset "UTF-8";
/*
Theme Name : Jit Mining
Version: 1.1.0
Author: 
Author URI: 
*/

@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@400;500;600;700&display=swap');

body{
    font-family: 'Raleway', sans-serif;
    line-height: 1.8;
    font-size: 14px;
    color: #707070;
    letter-spacing: 1.24px;
}

.m-top{
    margin-top: 143px;
}

.fa-phone{
    transform: rotate(90deg);
}

.top-header{
    background-color: #F2F2F2;
}

.top-header ul li{
    padding:8px 10px;
    border-left: 1px solid #BABABA;
}
.top-header ul li:last-child{
    border-right: 1px solid #BABABA;
}

.top-header ul li p{
    color: #707070;
    margin-bottom: 0;
    font-size: 12px;
}
.top-header ul li p i{
    color: #707070;
    margin-right: 8px;
    font-weight: 600;
}
.top-header ul li p a{
    color: #707070;
    transition: 0.3s;
}
.top-header ul li p a:hover{
    color: #707070;
    text-decoration: none;
}

#navigation{
    background-color: #fff;
}

.magisco_header_logo{
    width: 200px;
    transition: .3s;
}

.scrolled .magisco_header_logo{
    width: 66px;
}

.navbar-light .navbar-nav .nav-link, .navbar-light .navbar-nav .nav-link:focus{
    color: #707070;
    text-transform: uppercase;
    letter-spacing: 1.23px;
    font-size: 13px;
    transition: 0.3s;
    font-weight: 400;
    padding: 5px 19px;
}
 
.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link {
    color: #f4bc15;
}

.dropdown-item{
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1px;
}
 

.magisco_slide h5{
    color: #fff;
    font-weight: 400;
    font-size: 4em;
}

.magisco_slide p{
    color: #fff;
    font-size: 1.1em;
    letter-spacing: 2px;
}

.magisco_slide{
    width: 100%;
    height: calc(100vh - 143px);
    background-size: cover;
    background-repeat: no-repeat;
}

.carousel-indicators {
    right: 0;
    left: unset;
    padding: 0;
    margin-right: 12px;
    margin-left: unset;
    bottom: -31px;
    padding-bottom: 0;
    margin-bottom: 0;
}
.carousel-indicators li {
    width: 12.5px;
    height: 12.5px;
    background-color: #fff;
    margin-right: 2px;
    margin-left: 2px;
}

.carousel-indicators .active {
    background-color: #f4bc15;
}

.magisco_slide_controles{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
}
.magisco_slide_controles .row{
    height: 310px;
}
.magisco_slide_controles .carousel-control-next-icon,.magisco_slide_controles .carousel-control-prev-icon{
    background-image: none;
    font-size: 21px;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.magisco_slide_controles .carousel-control-next-icon:after,.magisco_slide_controles .carousel-control-prev-icon:after{
    content: '\f105';
    font-family: 'font awesome 5 free';
    font-weight: 600;
    top: 0;
    left: 0;
}
.magisco_slide_controles .carousel-control-prev-icon:after{
    content: '\f104';
}
.magisco_slide_controles .carousel-control-next, .magisco_slide_controles .carousel-control-prev{
    top: unset;
    left: unset;
    bottom: -70px;
    background-color: #f4bc15;
    height: 50px;
    width: 50px;
    opacity: .67;
    transition: .3s;
    z-index: 15;
}
.magisco_slide_controles .carousel-control-next{
    left: 70px;
}
.magisco_slide_controles .carousel-control-next:hover, .magisco_slide_controles .carousel-control-prev:hover{
    opacity: 1;
}

 
a.btn{
    background-color: #F4BC16;
    color: #fff;
    text-transform: uppercase;
    font-size: 18px;
    border-radius: 0;
    padding: 10px 48px;
    transition: 0.3s;
    letter-spacing: 1.4px;
} 
a.btn.hover_gray:hover,a.btn.hover_gray:active{
    background-color: #f1f1f1;
}

a.btn.header{
    width: 100%;
    padding: 0;
    height: 40px;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
}

a.btn.header:hover{
    background-color: #707070;
}


.slide_caption{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.slide_caption h2{
    color: #fff;
    text-transform: uppercase;
    font-size: 35px;
    background-color: rgba(0,0,0,.64);
    border-bottom: 2px solid #f4bc15;
    margin-bottom: 0;
    padding: 22px 20px;
    letter-spacing: 2.45px;
}

.slide_caption p{
    color: #fff;
    background-color: rgba(0,0,0,.54);
    padding: 22px 20px;
}

.slide_caption p span{
    display: block;
    margin-bottom: 20px;
}
.slide_caption p a{
    text-transform: uppercase;
    color: #fff;
    background-color: transparent;
    border: 2px solid #f4bc15;
    transition: .3s;
    font-size: 13px;
    padding: 9px 23px;
}
.slide_caption p a:hover{
    text-decoration: none;
    background-color: #f4bc15;
}

.magisco_page_header{
    background-color: #F2F2F2;
}

.magisco_page_header h1{
    text-transform: uppercase;
    font-size: 33px;
}
.magisco_page_header p{
    color: #707070;
    font-weight: 400;
    font-size: 12px;
}
.magisco_page_header span{
    color: #707070;
    font-weight: 400;
    text-transform: uppercase;
}
.magisco_page_header span a,.magisco_page_header span a:hover{
    color: #707070;
    text-decoration: none;
}


a.ScrollDown{
    position: absolute;
    right: 0;
    left: 0;
    margin: auto;
    z-index: 9;
    width: 50px;
    height: 50px;
    font-size: 21px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    bottom: 0;
    padding: 0;
    transition: 0.3s;
    background-color: #f4bc15;
    opacity: .67;
}

a.ScrollDown:after{
    content: '\f103';
    font-family: 'font awesome 5 free';
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
}

a.ScrollDown:hover{
    opacity: 1;
}
 
.magisco_titre{
    padding-left: 19px;
    color: #707070;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 35px;
}
.magisco_titre hr{
    background-color: #F4BC16;
    height: 2px;
    width: 120px;
    margin-top: 19px;
}

.magisco_devis img{
    width: 130px;
}
.magisco_devis h2{
    text-transform: uppercase;
    color: #f4bc15;
    font-weight: 600;
    font-size: 33px;
}

.magisco_nos_services{
    background-color: #F2F2F2;
}

.magisco_nos_services .service .image{
    width: 100%;
    height: 280px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.magisco_nos_services .service h2{
    text-transform: uppercase;
    font-size: 27px;
    margin-bottom: 0;
    padding: 27px 0px;
}

ul.child_pages{
    padding-right: 12rem;
}
ul.child_pages li{
    padding-bottom: 10px;
}
ul.child_pages li a{
    background-color: #f4bc15;
    color: #fff;
    display: block;
    padding: 7px 19px;
    text-transform: uppercase;
    font-size: 15px;
    position: relative;
    transition: .3s;
}
ul.child_pages li a.active, ul.child_pages li a:hover{
    background-color: #707070;
    text-decoration: none;
    color: #fff;
}

ul.child_pages li a:after{
    position: absolute;
    content: '\f054';
    font-family: 'font awesome 5 free';
    right: 0;
    padding-right: 19px;
    font-weight: 600;
}

.magisco_a_propos .our_values .block_values{
    min-height: 190px;
}

.magisco_a_propos .our_values img{
    width: 128px;
}
.magisco_a_propos .our_values h3{
    text-transform: uppercase;
    font-size: 24px;
    letter-spacing: 1.75px;
}

.magisco_parallax{
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    min-height: 370px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.magisco_parallax h3{
    letter-spacing: 2.2px;
    text-transform: uppercase;
    font-size: 30px;
    margin-bottom: 0;
    margin-top: 4rem;
}

.magisco_blog_page .image_content .image{
    height: 240px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.magisco_blog_page .post_content{
    background-color: #F2F2F2;
}
.magisco_blog_page .post_content h2{
    color: #F4BC16;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 17px;
}
.magisco_blog_page .post_content a{
    color: unset;
    transition: .3s;
    display: flex;
    align-items: center;
}
.magisco_blog_page .post_content a:hover{
    color: #F4BC16;
    text-decoration: none;
}

.navigation.pagination .nav-links a.prev,
.navigation.pagination .nav-links a.next,
.navigation.pagination .screen-reader-text{
    display: none !important;
}


.navigation.pagination{
    display: flex;
    align-items: center;
    justify-content: center;
}
 
.navigation.pagination .nav-links .page-numbers{
    width: 30px;
    height: 30px;
    display: inline-block;
    background-color: #f4bc15;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    border-radius: 50%;
    border: 2px solid #f4bc15;
    font-weight: 600px;
    transition: .3s;
}

.navigation.pagination .nav-links .page-numbers.current{
    background-color: unset;
    color: #f4bc15;
}

.navigation.pagination .nav-links .page-numbers:hover{
    text-decoration: none;
    background-color: unset;
    color: #f4bc15;
}

.magisco_a_votre_service p{
    color: #fff;
}
.magisco_a_votre_service h2{
    color: #fff;
    border-color: #fff;
}

.magisco_services_home .service_image{
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 255px;
}

.magisco_demande_devis{
    background-color: #F4BC16;
}

.magisco_demande_devis p{
    color: #fff;
}
.magisco_demande_devis h2{
    color: #fff;
    border-color: #fff;
}

.magisco_demande_devis img{
    position: absolute;
    width: 240px;
    bottom: 0;
    right: 2px;
}

.magisco_interesse{
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}

.magisco_interesse .formulaire{
    background-color: #fff;
    padding: 4rem 6rem;
}

.magisco_interesse .formulaire h2{
    text-transform: uppercase;
    color: #f4bc15;
    font-size: 33px;
    margin-bottom: 20px;
}

form p{
    font-size: 12px;
}

form label{
    font-size: 15px;
}

.form-control{
    font-size: 13px;
    height: 46px !important;
    border-radius: 0;
    border: 1px solid #707070;
}
.form-control:focus{
    box-shadow: none;
    outline: none;
    background-color: transparent;
    border-color: #F4BC16;
}
input[type=submit],input[type=submit]:active{
    color: #fff;
    background-color: #F4BC16;
    letter-spacing: 1.3px;
    text-transform: uppercase;
    font-size: 16px;
    transition: 0.3s;
    height: 46px;
    border: 0;
    padding: 0px 50px;
}

input[type=submit]:hover, input[type=submit]:focus{
    background-color: #707070;
    outline: none;
    box-shadow: none;
}

textarea.form-control{
    height: 146px !important;
}

#modelUrgence h2, .magisco_contact h2,.magisco_contact h3{
    color: #f4bc15;
    margin-bottom: 28px;
    text-transform: uppercase;
    font-size: 26px;
}

#modelUrgence button.close{
    float: right;
    position: absolute;
    right: 25px;
    top: 25px;
    z-index: 99;
}
.magisco_contact h3{
    margin-bottom: 6px;
}
.magisco_contact p{
    margin-bottom: 25px
}
.magisco_contact p a,.magisco_contact p a:hover{
    color: #707070;
    text-decoration: none;
}

.magisco_rs li.list-inline-item:not(:last-child) {
    margin-right: unset; 
}

.magisco_rs li a{
    width: 40px;
    height: 40px;
    background-color: #f4bc15;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    color: #fff;
    border: 1px solid #f4bc15;
    transition: .3s;
}

.magisco_rs li a:hover{
    background-color: #fff;
    color: #f4bc15;
}


.slick-next:before {
    content: "\f0da";
    font-family: "Font Awesome 5 Free";
    font-size: 40px;
    margin-right: 17px;
    color: #132d5a;
    font-weight: 600;
    margin-right: -53px;
}

.slick-prev:before {
    content: "\f0d9";
    font-family: "Font Awesome 5 Free";
    font-size: 40px;
    margin-right: 17px;
    color: #132d5a;
    font-weight: 600;
    margin-right: 79px;
    position: absolute;
    left: -31px;
    top: 0;
}

.slick-dots li{
    margin: unset;
    padding: unset;
    height: 12px;
    width: 12px;
}
.slick-dots li button{
    height: 12px;
    width: 12px;
    position: relative;
}
.slick-dots li.slick-active button:before,
.slick-dots li button:before{
    content: '\f111';
    font-family: "Font Awesome 5 Free";
    color: #132d5a;
    position: absolute;
    width: 12px;
    height: 12px;
    top: 0;
    font-size: 9px;
    opacity: 1;
    font-weight: 600;
}

.slick-dots li.slick-active button:before{
    font-weight: 100;
}

footer{
    background-color: #f4bc15;
}

footer h4{
    margin-bottom: 0;
    text-transform: uppercase;
    color: #fff;
    letter-spacing: 1.23px;
    font-size: 18px;
    font-weight: 600;
}

footer .picto{
    background-color: #fff;
    color: #f4bc15;
    border-radius: 50%;
    width: 90px;
    height:90px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 44px;
    font-weight: 600;
}

footer p{
    white-space: pre-line;
    color: #fff;
}

footer a{
    color: #ffffff;
    transition: .3s;
}
footer a:hover, footer a:active{
    color: #ffffff;
    text-decoration: none;
}
 

.container-fluid.copyright p{
    line-height: 1;
    font-size: 12px;
    margin-bottom: 0;
}


.magisco_acces p.margin-top{
    margin-top: -6px;
}
.magisco_acces p{
    line-height: 1.8;
    font-size: 13px;
}

.magisco_acces p a,.magisco_acces p a:hover{
    color: #707070;
    text-decoration: none;
}


.magisco_map iframe{
    height: 300px;
    width: 100%;
    border: 0;
}

.magisco_right_panel{
    border: 2px solid #F4BC16;
    background-color: #fff;
    position: fixed;
    top: 0;
    right: 0;
    z-index: 9;
    width: 250px;
    margin-right: 60px;
    margin-top: 263px;
    padding: 1.5rem;
    padding-bottom: .5rem;
    transition: .4s;
    flex-direction: column;
}
.magisco_right_panel .close{
    color: #707070;
    cursor: pointer;
    opacity: 1;
    font-size: 16px;
    position: absolute;
    top: 13px;
    right: 13px;
    transition: 0.3s;
}
.magisco_right_panel .close:hover{
    transform: scale(1.2);
}
.magisco_right_panel hr{
    background-color: #fff;
    width: 100%;
}
.magisco_right_panel p{
    line-height: 1.5;
    font-size: 12px;
}
.magisco_right_panel h2{
    text-transform: uppercase;
    font-weight: 600;
    font-size: 19px;
    margin-bottom: 1rem;
    letter-spacing: 1.24px;
    color: #F4BC16;;
}

.magisco_right_panel a{
    text-decoration: none;
    color: #fff;
    padding: 7px 16px;
    text-transform: uppercase;
    font-size: 12px;
    display: inline-block;
    transition: .3s;
    background-color: #F4BC16;
    width: 100%;
    text-align: center;
}

.magisco_right_panel a:hover{
    background-color: #707070;
}

.show_right_panel{
    cursor: pointer;
    font-size: 14px;
    color: #fff;
    background-color: #F4BC16;
    position: fixed;
    right: -100%;
    top: 360px;
    z-index: 99;
    width: 233px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.3s;
    transform: rotate(-90deg);
    text-transform: uppercase;
    letter-spacing: 3px;
}

.show_right_panel:hover{
    color: #fff;
    background-color: #707070;
    text-decoration: none;
}

.magisco_page h2{
    text-transform: uppercase;
    padding: 18px 0px;
    font-size: 26px;
}

.magisco_page ul li{
    list-style: none;
    position: relative;
}
.magisco_page ul li:before{
    content: '\f105';
    position: absolute;
    font-family: 'font awesome 5 free';
    font-weight: 600;
    left: -15px;
}
.magisco_page ul.list-inline li:before{ display: none; }

 

.magisco_projets .image_projet{
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 245px;
    display: flex;
    align-items: flex-end;
    padding: 20px;
}
.magisco_projets .gray{
    background-color: #F2F2F2;
}
.magisco_projets p{
    font-size: 17px;
}

.magisco_projets .btn{
    width: 100%;
    background-color: transparent;
    color: #f4bc15;
    border: 2px solid #f4bc15;
}
.magisco_projets .btn:hover{
    background-color: #f4bc15;
    color: #fff;
}

.navbar-light .navbar-toggler-icon {
    background-image: unset;
    color: #f4bc15;
}

.belu_single_post .galerie .img{
    height: 200px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.belu_single_post .next_prev_post p{
    font-weight: 500;
    font-size: 12px;
}
.belu_single_post .next_prev_post p a{
    color: unset
}
.belu_single_post .next_prev_post a:hover,
.belu_single_post .next_prev_post p:hover{
    color: #132d5a;
    text-decoration: none;
}


@media screen and (min-width: 320px) and (max-width: 425px){
    
    body{
        font-size: 12px;
    }
    p{
        text-align: justify;
    }
    p#breadcrumbs{
        text-align: center;
    }
    .m-top{
        margin-top: 80px;
    }

    .magisco_header_logo{
        width: 102px;
    }

    a.ScrollDown{
        display: none !important;
    }
    .magisco_slide_controles{
        display: none;
    }
    .magisco_slide{
        height: 235px;
    } 
    .slide_caption h2{
        font-size: 19px;
        padding: 8px 8px;
    }
    .slide_caption p{
        padding: 8px 8px;
    }
    .slide_caption p span{
        margin-bottom: 5px;
    }
    .slide_caption p a{
        font-size: 10px ;
    }
    .magisco_devis img {
        width: 64px;
    }
    .magisco_devis h2{
        font-size: 20px;
    }
    
    .magisco_titre{
        font-size: 23px;
    }
    .magisco_nos_services .service h2 {
        font-size: 20px;
        padding: 10px 0px;
    }
    .magisco_nos_services .service .image{
        height: 180px;
    }
    ul.child_pages{
        padding-right: 0;
    }
    ul.child_pages li {
        padding-bottom: 5px;
    }
    ul.child_pages li a {
        padding: 7px 8px;
        font-size: 13px;
    }
    .magisco_a_propos .our_values h3 {
        font-size: 18px;
        letter-spacing: 1px;
    }
    .magisco_a_propos .our_values .block_values{
        min-height: unset;
    }
    .magisco_parallax{
        min-height: 260px;
    }
    .magisco_parallax h3{
        font-size: 24px;
        letter-spacing: 1.2px;
        margin-top: 2rem;
    }
    footer .picto {
        width: 70px;
        height: 70px;
        font-size: 27px;
    }
    .magisco_interesse .formulaire {
        background-color: #fff;
        padding: 1rem 1rem;
    }
    .magisco_interesse .formulaire h2 {
        font-size: 20px;
        margin-bottom: 8px;
    }
    form label {
        font-size: 13px;
    }

    .magisco_logo_footer{
        width: 100px;
    }
    .copyright a p, .copyright a:hover,
    footer .magisco_coordonnees a, footer .magisco_coordonnees a:hover,
    footer .magisco_coordonnees p{
        font-size: 11px;
    }
    .magisco_page_header h1{
        font-size: 30px;
    }
    .btn-faq{
        letter-spacing: 1px;
        font-size: 12px;
        white-space: normal;
    }
    .btn-faq:after{
        display: flex;
        align-items: center;
        justify-content: center;
        height: 100%;
        top: 0;
    }
    .card-body p {
        font-size: 12px;
    }
    .btn-faq i {
        font-size: 18px;
    }
    .card-body {
        padding: 0.25rem;
    }
    .bg-gray{
        background-color: unset;
    }
    .magisco_blog .lire_la_suite, .magisco_blog .lire_la_suite:active{
        position: unset;
        font-size: 12px;
    }
    .magisco_blog .post_title {
        font-size: 19px;
        margin-top: .5rem;
    }
    .magisco_blog .blog_image{
        min-height: 185px;
    }
    .magisco_page_header.single-poste h1 {
        width: 100%;
        font-size: 25px;
        text-align: left;
    }
    .magisco_coordonnees_contact p {
        white-space: pre-line;
        font-size: 12px;
    }
    .navbar-light .navbar-nav .nav-link, .navbar-light .navbar-nav .nav-link:focus{
        padding: 5px 0px;
    }
    .dropdown-menu{
        border: 0;
        padding: 0;
        margin: 0;
    }
    .dropdown-item{
        font-size: 11px;
        padding: 3px 12px;
    }
    .rightMenu li:last-child{
        display: unset;
    }
    .magisco_right_panel{
        width: 100%;
        height: 100%;
        top: 0px;
        right: 0px;
        margin-top: 0px;
        margin-right: 0px;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        display: flex;
        display: none;
        z-index: 9999;
    }
    .show_right_panel{
        opacity: .6;
        right: -98px;
        top: 200px;

    }
    .magisco_page_header h1, .slide_caption h1{
        font-size: 19px;
    } 
    .carousel-indicators{
        margin-top: 0 !important;
    }
    a.btn{
        font-size: 11px;
    }

    .magisco_projets p {
        font-size: 13px;
        text-align: center;
    }
    
    .magisco_projets_home .projet_image.medium,
    .magisco_projets_home .projet_image{
        height: 210px;
    }
    footer .menu li {
        line-height: 2;
        float: left;
        width: 50%;
    }
    footer ul.magisco_rs a {
        font-size: 16px;
    }
    .container-fluid.copyright p {
        line-height: 1.3;
        font-size: 10px;
        margin-bottom: 0;
    }
    .navbar-light .navbar-toggler {
        border-color: #f4bc15;
        border-radius: 0;
    }

}

@media screen and (min-width: 992px) and (max-width: 1199px){

   

}