/* Personnalisation des styles par BL Solutions */
/* http://bl.solutions */
/* Personnalisation des styles dans le template */

/* -------------------------------------------------------------
    Bilingue
------------------------------------------------------------- */
.showfr:lang(en-ca),
.showfr:lang(en-gb) {
    display: none;
}
.showen:lang(fr-ca),
.showen:lang(fr-fr) {
    display: none;
}

/* -------------------------------------------------------------
    Structure
------------------------------------------------------------- */
/* Page Builder */
div.pb-fullwith {
    /*padding-bottom: 100px;*/
}
    div.pb-fullwith div.top {
        padding-top: 100px !important;
    }
    div.pb-fullwith div.bottom {
        padding-bottom: 100px !important;
    }
div.pb-fullwith .jsn-bootstrap3 .pb-element-container {
    width: 1170px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
}
    div.pb-fullwith .jsn-bootstrap3 div.multi.row {
        width: 1170px;
        margin-left: auto;
        margin-right: auto;
        padding-left: 15px;
        padding-right: 15px;
    }
div.pb-fullwith div.jsn-bootstrap3 div.row {
    margin-left: auto !important;
    margin-right: auto !important;
}
    /*div.pb-fullwiths div.jsn-bootstrap3 div.multi {
        /*margin-left: -15px !important;
        margin-right: -15px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }*/
    div.pb-fullwith div.jsn-bootstrap3 div.multi.row div.pb-element-container {
        width: auto !important;
    }
/* Séparateur boboche */
div.separator.m-auto.mt20.mb40.text-center {
    display: none;
}

/* -------------------------------------------------------------
    Background & bordures
------------------------------------------------------------- */
/* Background rouge */
.bg-green {
    background-color: #d52229 !important;
}
/* Background */
div.pb-fullwith.services.parallax div#services div.pb-element-container.pb-element-text {
    background-color: rgba(255, 255, 255, 0.5);
    border-radius: 16px;
    padding-bottom: 20px;
    padding-top: 20px;
}
    div.pb-fullwith.services.parallax div#services div.pb-element-container.pb-element-text div p {
        color: #000000;
    }

/* -------------------------------------------------------------
    Header
------------------------------------------------------------- */
/* Barre de navigation */
nav.navbar.transparent-white {
    background-color: #fff;
    box-shadow: none;
}
.navbar {
    min-height: 80px;
}
/* Logo */
.navbar-brand img {
    bottom: 0;
    left: 0;
    margin: auto;
    max-height: 58px;
    position: absolute;
    right: 0;
    top: 16px;
}
/* Slogan */
div.slogantop {
    margin-left: 92px;
    margin-top: 15px;
    position: fixed;
    width: 315px;
}
    /*div.slogantop:lang(fr) {
      width: 315px;
    }*/
div.slogantop h1 {
    color: #000;
    font-size: 18px;
    font-style: italic;
    letter-spacing: 2px;
    line-height: 22px;
    text-transform: uppercase;
}
    div.slogantop h1 span {
        color: #d52229;
    }
h5 {
    color: #fff !important;
    font-size: xx-large !important;
    font-weight: bold !important;
    text-align: center !important;
}
/* Roch Logistics */
.navbar-brand {
    height: 136px;
}
.navbar-brand img {
    max-height: 110px;
    top: 0 !important;
}
nav.navbar div.container .socialnav .pb-element-socialicon {
    float: right;
}
    nav.navbar div.container .socialnav .pb-element-socialicon ul.pb-social-icons li {
        margin-right: 6px !important;
    }
    nav.navbar div.container .socialnav .pb-element-socialicon ul.pb-social-icons li:last-child {
        margin-right: 0 !important;
    }

/* -------------------------------------------------------------
    Liens & textes
------------------------------------------------------------- */
.cbp-l-filters-button .cbp-filter-item.cbp-filter-item-active, .category-filters a:hover, .archive-filters a:hover, .cbp-l-filters-button .cbp-filter-item:hover, .green, .highlight, .social-icons li a i:hover, .tag-list a:hover li, .blog-tags a:hover h6, .blog-single .social-icons li:hover i {
    color: #d52229;
}
/* Lien : Some Article */
.title-pdf {
    text-align: center !important;
    text-transform:uppercase;
    padding-top: 20px !important;
}
.title-pdf a {
    color: #d52229;
}
.title-pdf a:hover {
    color: #ffffff;
    text-decoration: none;
}

/* -------------------------------------------------------------
    Slider
------------------------------------------------------------- */
/* Slide text 1 */
section#hero div.hero-content div.text-center h1.mb20 {
    text-shadow: 2px 2px 5px #000;
}
/* Slide text 2 */
section#hero div.hero-content div.text-center h5.mb40 {
    display: none;
    /*background-color: #000;
    border-radius: 16px;
    color: #fff;
    font-family: "ArcaMajora3";
    font-size: 15px;
    margin: 0 auto 23px;
    padding: 5px;
    text-align: center;
    text-transform: uppercase;
    width: 400px;*/
}
/* Slide Bouton */
section#hero div.hero-content div.text-center a.btn.btn-main {
    font-size: 14px;
}

/* -------------------------------------------------------------
    Boutons
------------------------------------------------------------- */
.btn-main {
    background-color: #d52229;
    color: #fff;
}
/* Go to top */
#back-to-top {
    background-color: #d52229;
}
/* Réseaux sociaux */
div.pb-fullwith div.pb-element-socialicon ul.pb-social-icons li {
    width: 100%;
}
div.pb-fullwith div.pb-element-socialicon ul.pb-social-icons li a div.pb-brand-icons {
    margin: 0 auto;
}
/* Bouton formulaire contact */
.btn {
    font-family: 'ArcaMajora3';
    padding: 20px 35px 17px 35px !important;
    margin-left: 5px;
    margin-right: 5px;
    font-size: 11px;
    text-transform: uppercase;
    line-height: 1;
    letter-spacing: 1px;
    border-radius: 30px !important;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    -ms-transition: all .2s;
    transition: all .2s;
}
.btn-ghost-dark {
    background-color: #d52229;
    border: none;
    color: #fff !important;
    /* letter-spacing: 2px; */
}
.btn-toolbar .btn, .btn-toolbar .btn-group, .btn-toolbar .input-group {
    float: none;
}

/* -------------------------------------------------------------
    Menu
------------------------------------------------------------- */
/* Menu */
nav.navbar.transparent-white .navbar-nav > li > a {
    color: #000000;
}
    nav.navbar.transparent-white .navbar-nav > li > a:hover {
        color: #d52229;
    }
.navbar-nav > li > a {
    padding: 32px 0 20px 30px;
}
.navbar-default {
    font-size: 12px;
}
/* Sous-menu */
nav.navbar .dropdown-menu {
    background-color: #d52229;
}
nav.navbar .dropdown-menu > li > a {
    color: #ffffff !important;
    font-weight: bold;
}
/* Retouches */
div.navbar-header button.navbar-toggle {
    padding: 32px 0 !important;
}

/* -------------------------------------------------------------
    Titres
------------------------------------------------------------- */
section div.heading h2 span.h2bold {
    color: #d52229;
}
/* Page Builder */
div.pb-fullwith div.pb-element-heading h6 {
    color: #0f1113;
    font-family: "ArcaMajora3";
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 1.8;
    text-transform: uppercase;
    margin-top: 5px;
    margin-bottom: -10px;
}
div.pb-fullwith div.pb-element-heading h4 {
    color: #0f1113;
    font-family: "ArcaMajora3";
    font-size: 11px;
    letter-spacing: 1px;
    line-height: 1.8;
    text-transform: uppercase;
    margin-top: 5px;
    margin-bottom: -10px;
}
div.pb-fullwith div.pb-element-heading h2 {
    color: #0f1113;
    font-family: "Raleway",sans-serif;
    font-feature-settings: "lnum";
    font-size: 55px;
    font-weight: 200;
    letter-spacing: -1.5px;
    line-height: 1;
    text-transform: none;
    margin-bottom: 38px;
}
    div.pb-fullwith div.pb-element-heading h2 span {
        color: #d52229;
        font-family: "ArcaMajora3";
        font-size: 51px;
        font-weight: normal;
        letter-spacing: 0.5px;
        line-height: 1.2;
        text-transform: uppercase;
    }

/* -------------------------------------------------------------
    Contenu
------------------------------------------------------------- */
/* Background couleur des Pages Builder */
div.pb-fullwith.noir {
    background-color: #0f1113;
}
    div.pb-fullwith.noir div.pb-element-heading h4 {
        color: #ffffff;
    }
    div.pb-fullwith.noir div.pb-element-heading h2 {
        color: #ffffff;
    }
        div.pb-fullwith.noir div.pb-element-heading h2 span {
            color: #d52229;
        }
    div.pb-fullwith.noir div.pb-element-text p {
        color: #ffffff;
    }
div.pb-fullwith.gris {
    background-color: #f5f5f5;
}
    div.pb-fullwith.gris div.pb-element-heading h2 {
        color: #0f1113;
    }
        div.pb-fullwith.gris div.pb-element-heading h2 span {
            color: #d52229;
        }
    div.pb-fullwith.gris div.pb-element-text p {
        color: #747474;
    }
div.pb-fullwith.rouge {
    background-color: #d52229;
}
    div.pb-fullwith.rouge div.pb-element-heading h2 {
        color: #ffffff;
    }
        div.pb-fullwith.rouge div.pb-element-heading h2 span {
            color: #000000;
        }
    div.pb-fullwith.rouge div.pb-element-text p {
        color: #ffffff;
    }
/* About Us */
div.pb-fullwith.about-us {
    /*background-color: #f5f5f5;*/
}
/* Contact Us */
/*div.call section#contact-us h4,
div.call section#contact-us h2 {
    color: #000 !important;
    font-weight: bold;
}*/
    div.call section#contact-us h4 {
        font-size: 20px;
    }
/* Alignement rangé Management Team */
.multi.staff.row {
    width: 40% !important;
}
/* Liste à puce : Services inclus */
.serv-list ul.pb-list-icons div.pb-list-content-wrap h4 {
    color: #ffffff;
    font-family: "Raleway",sans-serif;
    font-weight: bold !important;
    text-transform: none;
    font-size: 16px;
}

/* -------------------------------------------------------------
    Parallax Scrolling
------------------------------------------------------------- */
div.about-us.parallax {
    /* The image used */
    background-image: url("/images/backgrounds/bg_our-company.jpg");
    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
div.services.parallax {
    /* The image used */
    background-image: url("/images/backgrounds/bg_our-excellence.jpg");
    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
div.call.parallax {
    /* The image used */
    background-image: url("/images/backgrounds/bg_give-us-a-call.jpg");
    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
div.call.parallax section#contact-us.bg-dark {
    background-color: inherit;
}

/* -------------------------------------------------------------
    Formulaire
------------------------------------------------------------- */
/*div#jsn_form_1 {
    background-color: #f5f5f5;
}
div#jsn_form_1 div.jsn-bootstrap {
    width: 1170px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 35px
}
div#jsn_form_1.jsn-master {
    height: auto !important;
    min-height: auto !important;
}
div#jsn_form_1 form div.form-actions {
    margin-bottom: 0;
}*/
/* reCAPTCHA */
#contact-form form div.g-recaptcha.jsn-uf-grecaptchav2 div {
    margin: 0 auto;
    margin-bottom: 18px;
}
/* Debug zone active */
.jsn-bootstrap .jsn-form-content .control-group {
    padding-right: 30px !important;
}
/* Personnalisation des styles du formulaire */
div.contact-form #contact-form form div.jsn-row-container.jsn-style-light.vertical {
    width: 75%;
    margin-left: auto;
    margin-right: auto;
}
.jsn-input-xlarge-fluid {
    padding: 7px !important;
    background: none !important;
    border: none;
    border-bottom: #000000 solid 1px;
    width: 100% !important;
    font: 300 15.5px/27.2px "Poppins",sans-serif !important;
}
.radio {
    font: 300 15.5px/27.2px "Poppins",sans-serif !important;
}
.jsn-bootstrap3.jsn-pagebuilder .radio, .jsn-bootstrap3.jsn-pagebuilder .checkbox {
    display: inline;
    padding-left: 20px;
}
#jsn_form_1.jsn-master .jsn-bootstrap .jsn-form-content .control-group .controls textarea {
    color: #565656;
}
.checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"], .radio input[type="radio"], .radio-inline input[type="radio"] {
    margin-left: 0px !important;
    position: initial;
    margin-right: 20px;
}
.required {
    display: none !important;
}
.jsn-bootstrap3.jsn-pagebuilder label {
    margin-bottom: 12px !important;
}

/* -------------------------------------------------------------
    Images
------------------------------------------------------------- */
.logos-footer {
    float: right;
    margin-right: 56px;
    width: 190px;
}
    .logos-footer img {
        float: left;
        margin-bottom: 12px;
        margin-right: 12px;
        width: 76px;
    }

/* -------------------------------------------------------------
    Réseaux sociaux
------------------------------------------------------------- */
/* Alignement icone */
.jsn-bootstrap3 .pb-social-icons li {
    margin: -6px 0 0 !important;
}

/* -------------------------------------------------------------
    Fixes
------------------------------------------------------------- */
/* Bogue Services FR */
div.custom.pb-fullwith.our-services.rouge p {
    display: none;
}

/* -------------------------------------------------------------
    Retouches 2020
------------------------------------------------------------- */
.custom.carte-google {
    background-color: #0F1113;
}
section#blog.bg-white.blog {
    display: none;
}