@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700,800,900|Roboto:300,400,500,700,900&display=swap');
@import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');

@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css');

a.cta_button {
    box-sizing: border-box !important;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small,strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, select, input, option, textarea { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; box-sizing: border-box; }
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { display: block; }
figure,figcaption{margin:0;padding:0;}
audio, canvas, video { display: inline-block; }
audio:not([controls]) { display: none; height: 0; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word }
q { quotes: none }
q:before, q:after { content:''; content: none }
small { font-size: 80% }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.55em }
nav ul, nav ol { list-style: none; list-style-image: none; }
button, input, select, textarea,option { font-size: 100%; margin: 0; vertical-align: baseline; font-family: 'Roboto', sans-serif; }
input[type="text"],input[type="tel"],input[type="email"]{ -webkit-appearance:none !important; display: block; /*border: 1px solid #cfebff;*/ outline: 0;  }
input[type="submit"] {cursor: pointer;transition:all 0.5s ease; }
textarea { overflow: auto; vertical-align: top;resize:none; }
table { border-collapse: collapse; border-spacing: 0 }
button, html input[type="button"], input[type="reset"], input[type="submit"], textarea { -webkit-appearance: none; border-radius: 0; transition: all 0.5s ease ; -moz-transition: all 0.5s ease ; -ms-transition: all 0.5s ease ; -o-transition: all 0.5s ease ; -webkit-transition: all 0.5s ease ; }
/* remember to define focus styles! */
:focus { outline: 0; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
table { border: 0 none; border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }
img { border: 0 none; max-width: 100%; vertical-align:middle;height:auto}
a { outline: none; cursor: pointer;transition:all 0.5s ease;}
span { font-family: 'Montserrat', sans-serif; }
/* End hide from IE Mac */ 
*:before, *:after {box-sizing: border-box;}
/* End Clearfix */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block }
.clear { clear: both; }
/* For modern browsers */ 
.cf:before, .cf:after { content: ""; display: table }
.cf:after { clear: both; }
li { list-style: none; }

/*Placeholder opacity cross browsers*/
input::-webkit-input-placeholder { color: #444; opacity:1;} /* WebKit browsers */
input:-moz-placeholder { color: #444; opacity:1;} /* Mozilla Firefox 4 to 18 */
input::-moz-placeholder { color: #444; opacity:1;} /* Mozilla Firefox 19+ */
input:-ms-input-placeholder { color: #444; opacity:1;} /* Internet Explorer 10+ */
textarea::-webkit-input-placeholder { color: #444; opacity:1;} /* WebKit browsers */
textarea:-moz-placeholder { color: #444; opacity:1;} /* Mozilla Firefox 4 to 18 */
textarea::-moz-placeholder { color: #444; opacity:1;} /* Mozilla Firefox 19+ */
textarea:-ms-input-placeholder { color: #444; opacity:1;} /* Internet Explorer 10+ */

.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* display table and table cell */
.tbl {display:table;width:100%;height:100%;}
.tbl-cell { display:table-cell; vertical-align:middle; }

/******  body  ******/

body { -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none; -webkit-tap-highlight-color:rgba(0,0,0,0); margin: 0; padding: 0; font-size: 16px; line-height: 1.4; font-family: 'Roboto',sans-serif; font-weight: 400; color:#444; letter-spacing: normal; overflow-x: hidden; }
body:not(.custom-background-image)::before, body:not(.custom-background-image)::after { display: none !important; }
a { text-decoration: none; transition: all 0.5s ease; -moz-transition: all 0.5s ease ; -ms-transition: all 0.5s ease ; -o-transition: all 0.5s ease ; -webkit-transition: all 0.5s ease ; }
a:hover { text-decoration: none; transition: all 0.5s ease ; -moz-transition: all 0.5s ease ; -ms-transition: all 0.5s ease ; -o-transition: all 0.5s ease ; -webkit-transition: all 0.5s ease; }
a:focus { outline: none; text-decoration: none; }
p { font-size: 16px; line-height: 1.4;  margin-bottom: 20px; font-family: 'Montserrat',sans-serif;}
a:link{color:inherit}
a:active{ color:inherit }
a:visited{ color:inherit }
/* IE */
select::-ms-expand { display: none; }
input::-ms-clear { display:none; }

/* remove auto fill yellow color */
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 100px #fff inset;
    -moz-box-shadow: 0 0 0 100px #fff inset;
    box-shadow: 0 0 0 100px #fff inset;
    color:#333 ;
}

/* hubspot*/
.row-fluid [class*="span"] { min-height: 1px; }
ul.-error-msgs > li > label {font-size:13px;line-height:normal;display:block;color:red;}
ul, ol { margin-bottom: 20px; }  
ul li, ol li { list-style: inherit; margin-left: 20px; font-family: 'Montserrat', sans-serif; }

/* Reset Form Css Start */

ul.hs-error-msgs>li>label{font-size:13px;line-height:normal;display:block; color:#fff; }
.hs-form-field{ position:relative; }
ul.hs-error-msgs.inputs-list{ position:absolute;bottom:-18px;right:0;list-style-type:none;padding:2px 5px;color:white;background:#003da5; }
ul.hs-error-msgs.inputs-list li label{ font-size:12px;font-weight:400;position:relative;z-index:9;line-height:normal;display:block; }
ul.hs-error-msgs.inputs-list:after{content:'';width:8px;height:8px;position:absolute;display:inline-block;left:50%;background:#003da5;margin-left:-6px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);margin-top:-4px;top:0}
input,textarea,select{ border-radius:0;}
/*
span.hs-form-required{ display:none }
*/
select,textarea,input[type=color],input[type=date],input[type=datetime-local],input[type=datetime],input[type=email],input[type=month],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week],textarea{-webkit-appearance: none !important; display: block; border: none; outline: 0; font-size: 14px; height:38px;  font-weight: 500; margin: 0; width: 100% !important; background-color: #fff; border-radius: 7px;  padding: 0 10px; margin-bottom: 22px; line-height:1.75; vertical-align: middle; border: 1px solid #dddddc; color:#444; }
select{-webkit-appearance:none !important;-moz-appearance:none !important;background-color:#fff;background-image:url("https://2698870.fs1.hubspotusercontent-na1.net/hubfs/2698870/CAI%20Logistics%20LP-June2017/Images/download.png?t=1516620910904");background-position:98% center;background-repeat:no-repeat}
textarea{ height:115px;padding:13px 15px; }
ul li label input[type="checkbox"],ul li label input[type="radio"]{opacity:0;display:none !important}
ul li label span { position:relative; }
ul li label input[type="checkbox"],.input ul li label span,ul li label input[type="radio"]{display:inline-block;vertical-align:middle;cursor:pointer; margin: 15px 0 0px 26px!important;}
ul li label input[type="checkbox"]+span:before,ul li label input[type="radio"]+span:before{ content: " "; font-family: fontawesome; position: absolute; left: -25px; top: 2px; font-size: 0; width: 16px; height: 16px; display: block; border: 1px solid #ccc; transition: all ease .3s; text-align: center; line-height: 14px;    background-color: #fff;}
ul li label input[type="radio"]+span:before{ border-radius:50%; }
ul li label input[type="checkbox"]:checked+span:before,ul li label input[type="radio"]:checked+span:before{ box-shadow:0 0 0 4px #003da5 inset }
.hs-form-field{ margin-bottom: 13px; width: 100%; }
.hs-form-field .inputs-list:after{ background:transparent; }
.hs-submit input{ color: #fff; background: transparent; }
.hs-submit input:hover{ opacity:0.7; }
.submitted-message{ color: #000; text-align: center; padding: 25px 0; font-weight: 500; }
form ul{margin:0;padding:0}
form ul li{margin:0;padding:0;list-style:none;}
div.hs-form-field>label{ display:block;font-size:16px; text-align: left; margin-bottom: 5px; }
div.hs-submit{ width: 100%; margin: 18px 0 0; max-width: 100%; }
/* form>div{ width:100%} */
form fieldset{ max-width:100% !important; width:100% !important; }
.hs_error_rollup{ display: none; }
.sproket { display:none; }
/* Reset Form Css End */

/* logo -Please use this class as logo image class*/
.h-logo img ,.f-logo img { cursor: pointer; vertical-align: middle; }
/* if form input has border radius then remove below line */
input,textarea,select { border-radius: 0; }

h1{ font-size: 50px; line-height: 1.12; color:#444; font-weight:700; font-family: 'Montserrat',sans-serif;    margin-bottom: 15px; }
h2{ font-size: 32px; line-height: 1.2;color:#444;  font-weight:700; font-family: 'Montserrat',sans-serif;    margin-bottom: 15px; } 
h3{ font-size: 24px; line-height: 1.25; font-weight:700; color:#444; font-family: 'Montserrat',sans-serif;    margin-bottom: 15px; }
h4{ font-size: 22px; line-height: 1.2;color:#444;  margin-bottom: 15px; font-family: 'Montserrat',sans-serif;}
h5{ font-size: 20px; line-height: 1.18;color:#444; margin-bottom: 15px; font-family: 'Montserrat',sans-serif;}
h6{ font-size: 18px; line-height: 1.175;color:#444; margin-bottom: 15px; font-family: 'Montserrat',sans-serif;}

/* common css classes for template */

/* Texts */
.dark-txt{ color:#1a1836; }
.dark-txt-2{ color:#272633; }
.white-txt { color:#fff; }
.white-bg{ background-color:#fff;  }
.primary-txt{ color: #fa5a00; }
.default-txt{ color: #0095fb; }
.p-txt{ font-size:16px; line-height: 1.25; font-weight: 400;}
.p-txt-lg{ font-size:18px; line-height: 1.6115; font-weight:400; }
.txt-uppercase { text-transform: uppercase; }

/* containers */
.container{ max-width: 1136px; margin:0 auto !important; float:none !important; width: 100%; padding:0 20px;}
.container-md { max-width:960px; margin:0 auto !important; float:none !important; width: 100%; }  
.container-sm { max-width: 900px; margin:0 auto !important; float:none !important; width: 100%; }

/* Display */
.dis-flex{ display:flex; flex-wrap:wrap; }
.d-block{ display:block;}
.tbl { display: table; width: 100%; height: 100%; }
.tbl-cell { display: table-cell; vertical-align: middle; }

/* Backgrounds */
.bg-overlay{ position:relative; }
.bg-overlay:after{ content: " "; position: absolute; top: 0px; left: 0; right: 0; height: 100%; width: 100%; background-repeat: no-repeat; background-position: top center; z-index: -1; }
.bg-overlay:before{ content:''; position: absolute; top: 0; bottom: -1px; right: 0; left: 0;}
.banner-bg{ background-size:cover;background-position:center center; background-repeat:no-repeat; position: relative; z-index: 1; }
.bg-default { background-color: #0095fb; }
.bg-grey{ background-color: #f7f8fa; }
.bg-dark{ background-color: #1a1836; }
.bg-hover:hover{ background-image: linear-gradient(to right,#000529 1%,#002055 24%,#005db5 67%,#0074d9 100%); }
.bg-yellow{ background-color: #ffa200;}

/* height-width */
.width-33{ width:33.33%; }
.width-66{ width:66.66%; }
.square { width: 50px; height: 50px; background-color: transparent; }
.column-box{ column-count:2; column-gap: 40px; }

/* aligns */
.txt-center{ text-align:center; }
.txt-right { text-align:right; }
.align-item-c{ align-items: center; }
.justify-c{ justify-content: center; }
.justify-r{ justify-content: flex-end; }
.txt-cap{ text-transform:uppercase; }
hr{ height: 0; width: 100%; margin: 12px 0; border: none; border-bottom: 1px solid #f4efdc; margin: 12px 0; max-width:242px; }
.white-space { white-space: pre-wrap; }

/* Padding */
.pd-tb-lg { padding-top:120px; padding-bottom:120px; }
.pd-tb-md { padding-top:65px; padding-bottom:65px; }
.pd-tb-sm { padding-top:65px; padding-bottom:65px; }
.pd-50{ padding-top:50px; padding-bottom:50px; }

/* Margin */
.mr-tb{ margin-top:85px; margin-bottom:85px; }
.mr-auto-w100{ margin:auto; width:100%; }
.mr-btm-60{ margin-bottom:60px; }

/* Buttons */
.btn a{ height: 53px; font-family:'Montserrat', sans-serif; border-radius: 41px; display: inline-block; cursor: pointer; font-weight: 400; line-height: 1.59; font-size: 18px; padding: 12px 72px; text-align: center; transition: all .2s linear; letter-spacing: normal; margin: 45px 0 0 0; }
.btn a:hover{ opacity: 1; }

/* basic page classes */
.section-inner{ } /* As a parent class for any 2 child classes */
.section-title{ } /* Section title class  */
.obj-main{ }
.obj-img{ } 
.obj-content{  }

/* La Poste Header Module  */
.lp-header,.lp-footer{ padding:15px 0; }
.lp-header .h-logo { max-width:200px;  }

/* La Poste Banner Module  */
.lp-banner{ width: 100%; min-height:465px; position:relative;}
.lp-banner .container{ height:100%; }
.overlay_color { position: absolute; height: 100%; width: 100%; z-index: -1; opacity:0.3;}

/* La Poste Form-Content Module  */
.lp-form-content,.lp-header{ background-color:#fff;  }
.lp-form-content { width:100% }
.lp-form-content .section-inner{ position:relative; align-items: self-start;}
.left-content{ width:50% }

.rich-txt img { width:100%; }
.rich-txt blockquote{ margin-bottom:20px; font-family: 'Montserrat', sans-serif;}
.lp-form { max-width: 498px; width: calc(50% - 50px); border: 1px solid #dddddc; padding: 40px 88px 40px 48px; border-radius: 12px; background-color:#f7f7f7; font-size:14px; margin-left: auto; margin-top: -102px; z-index: 99; }
.lp-form h2{ margin-bottom: 33px;letter-spacing:-2px; font-size:26px;}
.lp-form .hs-submit input { background: transparent; display: inherit; background-repeat: no-repeat; border-radius: 10px; cursor: pointer; background-color: #ffc905; font-weight: 600; line-height: normal; font-size: 17px; transition: all .2s linear; color: #353535; text-align: center; padding: 20px 35px 20px 35px; background-position: right 20px center; }
.lp-form h3.form-title { display: none; }
.left-content .img-video{ width: 46.17%; margin-right: 7.6%;     margin-top: 20px; }
.left-content .obj-image,.left-content .obj-video{ border-radius:8px; height:180px;  }
.left-content .img-video:nth-child(2n),.left-content .obj-video:nth-child(2n){ margin-right:0; }
.obj-image{ }
#popvid0 { width: 100%; height: 100%; }
.obj-video .popup-icon { width: 60px; height: 60px; border-radius: 50%; margin:auto; text-align: center; display: flex; justify-content: center; align-items: center; position: absolute; z-index: -1; left: 0; top: 0; right:0; bottom:0; }
#popvid0 {  margin: 0 auto; max-width: 1136px; position:relative;}
#popvid0 iframe { width: 100% !important; height: 100% !important; }
.mfp-content .mfp-close { background: #003da5; border-radius: 50%; color: #fff !important; font-size: 30px !important; opacity: 1 !important; top: -15px !important; right: -28px; width: 40px; height: 40px; line-height: 30px;}

/* La Poste Foooter Module  */
.lp-footer{ background-color:#ebebeb; padding: 30px 0; }
.lp-footer .f-logo{ max-width:50px; }
.lp-footer ul { margin-bottom:0px; margin-left: 42px;  }
.lp-footer ul li { list-style: none; display: inline; margin-right: 24px; font-size:14px; position: relative; padding-left:12px; }
.lp-footer ul li:before { content: "\f105"; font-family: fontawesome; color: #444; font-size: 16px; margin-right: 6px; position: absolute; left: 0;  }

/* Thank You Page */
.cta-poste a { display: inline-block; background-color: #FFC905; min-width: 165px; text-align: center; color: #353535; background-repeat: no-repeat; border-radius: 10px; cursor: pointer; font-weight: 600; line-height: normal; font-size: 17px; padding:20px 35px 20px 35px; background-position: right 20px center; }

/* Menu Wrapper Section */

.hs-menu-wrapper>ul>li>a,.menu_home_link a { color: #fff; font-size: 13px; text-transform: none; display: inline-block; line-height:1.2; }
.hs-menu-wrapper>ul>li>a:hover{ color:#f9b817 }
.logo_link { width: 100px !important; }
.custom-menu-primary { width: calc(100% - 125px) !important; margin-left: auto !important; }
.fixed_top { position: fixed; top: 0; left: 0; width: 100% !important; z-index: 9999; transition:all 0.5s ease; background-color:#3C3C3C; }
.fixed_top.fixedhead { }
.hs-menu-wrapper>ul { display: flex; align-items: flex-end; justify-content: flex-end; margin:0; } 
.hs-menu-wrapper>ul>li{ margin-right:1px;margin-left:0;}
.hs-menu-wrapper > ul > li { list-style: none; margin-bottom: 0; } 
.hs-menu-wrapper>ul>li:last-child { margin-right: 0 } 
.hs-menu-wrapper>ul>li>ul li a { color: #d1d1d1; font-size: 12px; padding: 5px 16px; display: inline-block; width: 100%;  } 
.hs-menu-wrapper>ul>li>ul li a:hover { color: #bfff2f } 
.header>.row-fluid-wrapper>.row-fluid { display: flex; align-items: center; flex-wrap: wrap } 
.hs-menu-wrapper>ul>li>ul { position: absolute; top: 33px; min-width: 150px;  left: auto; padding: 6px 0; z-index: 9; visibility: hidden; opacity: 0; transition: .5s all ease } 
.hs-menu-wrapper>ul>li:hover>ul { visibility: visible; opacity: 1 }

/* Thank You Banner */
.white{ color:#fff } .mr-top{ margin-top:33px; }
.header-text{ display: flex; align-items: center; justify-content: center; flex-direction: column; height: 100%; padding: 70px 0; min-height: 465px; }

/* Text Module */

.pad-content{ padding:60px 0 40px }

/* Boxes */
.max_content { max-width: 924px; margin: 0 auto; padding: 0 20px; } 
.max_content h3.txt-center{ font-weight: 300; color: #003da5; }
.boxes { width: 30%; margin-right: 5%; min-height: 394px; padding: 25px; border-radius: 10px; display: flex; flex-direction: column; justify-content: flex-end;    margin-bottom: 30px; }
.flexible_three { display: flex;flex-wrap: wrap;justify-content: center; }
.three_bxes { padding-bottom: 48px; }
.boxes .cta-poste a { min-width: 205px; padding: 20px 35px 20px 35px; background-position: right 38px center; }
.boxes:nth-child(3n) { margin-right: 0;}


@media (max-width: 991px){	

    .lp-banner .header-text { min-height: 400px; }
    .lp-banner { min-height: 400px; }

}

@media all and (max-width: 1250px){
    #popvid0 {padding:20px;}
    .mfp-content .mfp-close {top: -15px !important;right: 15px;}
}      
@media all and (max-width: 1140px){

}	
@media all and (max-width: 1024px){	
}      
@media all and (max-width: 991px){

    .lp-form h3 { font-size: 28px; margin-bottom: 25px; letter-spacing: normal; }  
    .lp-form { padding: 30px 30px 80px 30px;margin-top: -80px }
    h1 { font-size: 28px;} 
    .pd-tb-md { padding-top: 45px; padding-bottom: 45px; }
    .boxes .cta-poste a { min-width: initial; width: 100%; background-position: right 20px center; } 
    .boxes { width: 30.6%; margin-right: 4%;}
    .pad-content .max_content { padding: 0; }  
}      
@media all and (max-width:840px){
    body,p{ font-size:15px; }
    .left-content { width: 100%; }
    .lp-form { padding: 30px 30px 80px 30px; margin-top: 50px; width: 100%; max-width: 100%; margin-bottom: 0; position: relative; }
}  
@media(min-width:768px){ 
    .custom-menu-primary .hs-menu-wrapper { display: block !important; position: relative }



    /**************************************************************************************/
    /****************************************** Start Menu*********************************/
    /**************************************************************************************/

    .hs-menu-wrapper ul {
        padding: 0
    }

    .hs-menu-wrapper.hs-menu-flow-horizontal ul {
        list-style: none;
        margin: 0
    }

    .hs-menu-wrapper.hs-menu-flow-horizontal>ul {
        display: inline-block;
        margin-bottom: 20px
    }

    .hs-menu-wrapper.hs-menu-flow-horizontal>ul:before {
        content: " ";
        display: table
    }

    .hs-menu-wrapper.hs-menu-flow-horizontal>ul:after {
        content: " ";
        display: table;
        clear: both
    }

    .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-menu-depth-1 {
        float: left
    }

    .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a {
        display: inline-block;
        padding: 10px 20px;
        white-space: nowrap;
        max-width: 140px;
        overflow: hidden;
        text-overflow: ellipsis;
        text-decoration: none
    }

    .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children {
        position: relative
    }

    .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper {
        visibility: hidden;
        opacity: 0;
        -webkit-transition: opacity .4s;
        position: absolute;
        z-index: 10;
        left: 0
    }

    .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li a {
        display: block;
        white-space: nowrap;
        width: 140px;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li.hs-item-has-children ul.hs-menu-children-wrapper {
        left: 180px;
        top: 0
    }

    .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children:hover>ul.hs-menu-children-wrapper {
        opacity: 1;
        visibility: visible
    }

    .row-fluid-wrapper:last-child .hs-menu-wrapper.hs-menu-flow-horizontal>ul {
        margin-bottom: 0
    }

    .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch {
        position: relative;
        margin-bottom: 20px;
        min-height: 7em
    }

    .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch>ul {
        margin-bottom: 0
    }

    .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch>ul li.hs-item-has-children {
        position: static
    }

    .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch>ul li.hs-item-has-children ul.hs-menu-children-wrapper {
        display: none
    }

    .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch>ul li.hs-item-has-children.active-branch>ul.hs-menu-children-wrapper {
        display: block;
        visibility: visible;
        opacity: 1
    }

    .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch>ul li.hs-item-has-children.active-branch>ul.hs-menu-children-wrapper:before {
        content: " ";
        display: table
    }

    .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch>ul li.hs-item-has-children.active-branch>ul.hs-menu-children-wrapper:after {
        content: " ";
        display: table;
        clear: both
    }

    .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch>ul li.hs-item-has-children.active-branch>ul.hs-menu-children-wrapper>li {
        float: left
    }

    .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch>ul li.hs-item-has-children.active-branch>ul.hs-menu-children-wrapper>li a {
        display: inline-block;
        padding: 10px 20px;
        white-space: nowrap;
        max-width: 140px;
        width: auto;
        overflow: hidden;
        text-overflow: ellipsis;
        text-decoration: none
    }

    .hs-menu-wrapper.hs-menu-flow-vertical {
        width: 100%
    }

    .hs-menu-wrapper.hs-menu-flow-vertical ul {
        list-style: none;
        margin: 0
    }

    .hs-menu-wrapper.hs-menu-flow-vertical li a {
        display: block;
        white-space: nowrap;
        width: 140px;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .hs-menu-wrapper.hs-menu-flow-vertical>ul {
        margin-bottom: 20px
    }

    .hs-menu-wrapper.hs-menu-flow-vertical>ul li.hs-menu-depth-1>a {
        width: auto
    }

    .hs-menu-wrapper.hs-menu-flow-vertical>ul li a {
        padding: 10px 20px;
        text-decoration: none
    }

    .hs-menu-wrapper.hs-menu-flow-vertical>ul li.hs-item-has-children {
        position: relative
    }

    .hs-menu-wrapper.hs-menu-flow-vertical>ul li.hs-item-has-children ul.hs-menu-children-wrapper {
        visibility: hidden;
        opacity: 0;
        -webkit-transition: opacity .4s;
        position: absolute;
        z-index: 10;
        top: 0;
        left: 180px
    }

    .hs-menu-wrapper.hs-menu-flow-vertical>ul li.hs-item-has-children:hover>ul.hs-menu-children-wrapper {
        opacity: 1;
        visibility: visible
    }

    .hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li a {
        min-width: 140px;
        width: auto
    }

    .hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch>ul {
        max-width: 100%;
        overflow: hidden
    }

    .hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch>ul li.hs-item-has-children ul.hs-menu-children-wrapper {
        display: none
    }

    .hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch>ul li.hs-item-has-children.active-branch>ul.hs-menu-children-wrapper,.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch>ul li.hs-item-has-children.active-branch>ul.hs-menu-children-wrapper>li.hs-item-has-children>ul.hs-menu-children-wrapper {
        display: block;
        visibility: visible;
        opacity: 1;
        position: static
    }

    .hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li.hs-menu-depth-2>a {
        padding-left: 4em
    }

    .hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li.hs-menu-depth-3>a {
        padding-left: 6em
    }

    .hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li.hs-menu-depth-4>a {
        padding-left: 8em
    }

    .hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li.hs-menu-depth-5>a {
        padding-left: 140px
    }

    .hs-menu-wrapper.hs-menu-not-show-active-branch li.hs-menu-depth-1 ul {
        box-shadow: 0px 1px 3px rgba(0,0,0,0.18);
        -webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.18);
        -moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.18)
    }

    /* @media(max-width: 568px) {
    .hs-menu-wrapper,.hs-menu-wrapper * {
    -webkit-box-sizing:border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    width: 100%
}

    .hs-menu-wrapper.hs-menu-flow-horizontal ul {
    list-style: none;
    margin: 0;
    display: block
}

    .hs-menu-wrapper.hs-menu-flow-horizontal>ul {
    display: block
}

    .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-menu-depth-1 {
    float: none
}

    .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a,.hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li a,.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch>ul li.hs-item-has-children.active-branch>ul.hs-menu-children-wrapper>li a {
    display: block;
    max-width: 100%;
    width: 100%
}
} */

    .hs-menu-wrapper.hs-menu-flow-vertical.no-flyouts>ul li.hs-item-has-children ul.hs-menu-children-wrapper,.hs-menu-wrapper.hs-menu-flow-horizontal.no-flyouts>ul li.hs-item-has-children ul.hs-menu-children-wrapper {
        visibility: visible;
        opacity: 1
    }
    .menu-desktop {
        margin-right: 20px
    }

    .menu-content .row-number-5 {
        display: none
    }

    .menu-content {
        display: flex !important;
        justify-content: space-between;
        align-items: center
    }

    .home-link {
        font-style: italic;
        font-size: .8125rem;
        font-weight: 500;
        color: #bebebe;
        padding: 12px
    }

    .logo-solution-business {
        padding: 1.5rem 0
    }

    .hs-menu-wrapper>ul li a {
        color: #bebebe;
        font-size: .8125rem;
        font-weight: 500;
        max-width: none
    }

    .hs-menu-wrapper>ul>li>a:hover {
        color: #fff
    }

    .hs-menu-wrapper>ul ul {
        background-color: #3d3d3d
    }

    .hs-menu-wrapper>ul li a,.hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li a {
        overflow: visible !important;
        max-width: none !important;
        width: auto !important
    }

    .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper {
        right: 0;
        left: auto
    }

    .menu-desktop .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children>a::after {
        content: '';
        position: absolute;
        border-color: #bebebe;
        width: 8px;
        height: 8px;
        border-width: 1px;
        border-style: solid;
        border-left: 0;
        border-top: 0;
        transform: rotate(45deg)translateY(60%);
        margin-left: .7rem
    }

    .menu-mobile .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children>a::after {
        content: '';
        position: absolute;
        border-color: #bebebe;
        width: 8px;
        height: 8px;
        border-width: 1px;
        border-style: solid;
        border-left: 0;
        border-top: 0;
        transform: rotate(45deg)translateY(60%);
        margin-left: .7rem
    }

    .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children:last-child ul.hs-menu-children-wrapper li:nth-child(4) {
        border-top: 1px #bebebe solid;
        border-bottom: 1px #bebebe solid;
        margin: 0 1rem
    }

    .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children:hover>a::after {
        border-color: #fff
    }

    .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper {
        display: none;
        width: auto
    }

    .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children:hover ul.hs-menu-children-wrapper {
        display: block
    }

    .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-menu-depth-1>a {
        padding: 12px
    }

    .menu-desktop .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-menu-depth-1:nth-last-child(3) a {
        color: #ffc928
    }

    .menu-desktop .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-menu-depth-1:nth-last-child(1n+2)>a::after {
        content: '';
        position: absolute;
        background-color: #bebebe;
        width: 1px;
        height: 16px;
        margin-left: .7rem
    }

    .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li a::before {
        content: '';
        position: absolute;
        border-color: #bebebe;
        width: 8px;
        height: 8px;
        border-width: 1px;
        border-style: solid;
        border-left: 0;
        border-top: 0;
        transform: rotate(45deg)translateY(60%);
        margin-left: .7rem
    }

    .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li a {
        padding: 13px 17px
    }

    .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li a:hover {
        color: #fff
    }

    .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li:hover a::before {
        border-color: #fff
    }

    .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li a::before {
        content: '';
        position: absolute;
        border-color: #bebebe;
        width: 6px;
        height: 6px;
        border-width: 1px;
        border-style: solid;
        border-left: 0;
        border-top: 0;
        transform: rotate(-45deg)translate(-50%,80%);
        left: 0
    }

    .hs-menu-wrapper.hs-menu-flow-horizontal>ul {
        display: flex
    }


    /************************************ End Menu *******************************************/


}
@media all and (max-width: 767px){
/*     .lp-banner { min-height: 295px; } */
    .lp-form h3 { font-size: 24px; }
    .lp-footer ul li { display: block; margin-right: 0;}
    .f-logo{ margin: 0 auto 15px; }
    .lp-footer .section-inner { display: block; text-align: center; }
    .lp-footer ul {  margin-left: 0; max-width: max-content; margin: 0 auto; text-align: left; }
    .custom-menu-primary .hs-menu-wrapper { display: none } 
    .top_header { /* position: relative;*/ } 
    .fixed_top{ padding:16px 0 } 
    .custom-menu-primary .hs-menu-wrapper { padding: 15px; position: absolute; top: 100%; left: 0; margin: 0; background-image: none; background-color: #ffc928; color: #000; border: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; max-width: none; width: 100%; z-index: 9; overflow: auto; } 
    .hs-menu-wrapper>ul { display: block; line-height: 1.5; font-weight: normal; text-decoration: none; text-indent: 0; text-align: left } 
    .hs-menu-wrapper ul li{ list-style:none; margin-right:0; margin-bottom:8px } 
    .hs-menu-wrapper>ul>li>a{ color:#000 } .mobile-trigger { display: inline-block !important; cursor: pointer; position: absolute; top: 50%; right: 25px; width: 25px; height: 25px; z-index: 99999999999; transform: translateY(-50%); } 
    .mobile-trigger .line { display: block; background: #ffc928; width: 25px; height: 2px; position: absolute; left: 0; transition: all .4s; -webkit-transition: all .4s; -moz-transition: all .4s } 
    .mobile-trigger .line.line-1 { top: 0 } 
    .mobile-trigger .line.line-2 { top: 36% } 
    .mobile-trigger .line.line-3 { top: 76% } 
    .mobile-trigger.active-re .line-1 { transform: translateY(11px) translateX(0) rotate(45deg); -webkit-transform: translateY(11px) translateX(0) rotate(45deg); -moz-transform: translateY(11px) translateX(0) rotate(45deg); background-color: #ffc928 } 
    .mobile-trigger.active-re .line-2 { opacity: 0 } 
    .mobile-trigger.active-re .line-3 { transform: translateY(-8px) translateX(0) rotate(-45deg); -webkit-transform: translateY(-8px) translateX(0) rotate(-45deg); -moz-transform: translateY(-8px) translateX(0) rotate(-45deg); background-color: #ffc928 } 
    .child-trigger { display: block !important; cursor: pointer; position: absolute; top: 10px; right: 0; width: 55px !important; min-width: 55px !important; height: 25px !important; padding: 0 !important; border-left: 1px dotted rgba(255,255,255,.20) } 
    .child-trigger:hover { text-decoration: none } 
    .child-trigger i { position: relative; top: 50%; margin: 0 auto !important } 
    .child-trigger i:after { position: absolute; content: '' } 
    .child-trigger i,.child-trigger i:after { width: 10px; height: 1px; background-color: #000; display: block } 
    .child-trigger i:after { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg) } 
    .child-trigger.child-open i:after { -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg) } 
    .child-trigger.child-open i { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg) }

    .lp-header{ padding: 25px 0 15px; }  
    .banner-bg { background-position: top center; }
    .boxes { width: 100%; margin-right: 0; margin-bottom: 20px; text-align:center; }
    .boxes .cta-poste a { min-width: 205px; width: initial; }
    .three_bxes { padding-bottom: 25px; } 
    .pad-content { padding: 40px 0 20px; }   

    /********************* Start menu *********************/

    .hs-menu-wrapper.hs-menu-flow-horizontal>ul{display:block;}
    .menu-desktop .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-menu-depth-1:nth-last-child(1n+2)>a::after{display:none;}
    .hs-menu-wrapper ul li {width: 100%;}
    .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-menu-depth-1>a{display:block;color:#000;}
    .menu-desktop .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-menu-depth-1:nth-last-child(3) a{color:#000;}
    .menu-desktop .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children>a::after{display:none;}

    .custom-menu-primary ul li{padding:0;}
    .child-trigger { display: block !important; cursor: pointer; position: absolute; top: 0; right: 0; width: 55px !important; min-width: 55px !important; height: 45px !important; padding: 0 !important; border-left: 1px dotted rgba(255,255,255,.20) } 
    .child-trigger:hover { text-decoration: none } 
    .child-trigger i { position: relative; top: 50%; margin: 0 auto !important } 
    .child-trigger i:after { position: absolute; content: '' } 
    .child-trigger i,.child-trigger i:after { width: 10px; height: 1px; background-color: #000 ; display: block } 
    .child-trigger i:after { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg) } 
    .child-trigger.child-open i:after { -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg) } 
    .child-trigger.child-open i { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg) } 
    .custom-menu-primary ul.hs-menu-children-wrapper { visibility: visible !important; opacity: 1 !important; position: static !important;margin: 0;padding-left: 21px !important; } 
    .custom-menu-primary.js-enabled .hs-menu-wrapper {position: absolute;right: 0px;width: calc(100% + 40px);top: 53px;transform: translate(0, 0px);overflow-y: auto;overflow-x: hidden;z-index: 9999999999999;transition: transform 0.25s ease-out 0s;display: none;margin: 0 -20px;} 
    .mobile-open .custom-menu-primary.js-enabled .hs-menu-wrapper { transform: translate(0px, 0px); } 
    .custom-menu-primary.js-enabled .hs-menu-wrapper ul {padding: 0;} 
    .mobile-open .custom-menu-primary.js-enabled .hs-menu-wrapper ul li { transform: scale(1) translate(0px, 0px); transition: 0.8s cubic-bezier(0.19, 1, 0.155, 1.01) transform; visibility: visible; display:block; } 
    .custom-menu-primary.js-enabled .hs-menu-wrapper ul li { transform: translate(100%, 0px) scale(0.2); transition: transform 0s ease-out 0s; visibility: hidden; display:none; } 

    .custom-menu-primary .hs-menu-wrapper>ul { display: block; line-height: 1.5; font-weight: normal; text-decoration: none; text-indent: 0; text-align: left; }
    .custom-menu-primary .hs-menu-wrapper>ul>li {padding-top: 0;position: relative;margin: 0;}
    .inner-header{ position: relative;} .inner-header > div > div { height: 70px; } 
    .custom-menu-primary ul li a {padding: 13px 20px !important;text-align: left !important;} 
    .custom-menu-primary ul li:last-child a,.menu ul li:last-child a:hover{color:#000;background:transparent !important;} 
    .custom-menu-primary.js-enabled .hs-menu-wrapper ul li a { color: #000; -webkit-text-fill-color: #000; } 
    .custom-menu-primary ul li.hs-menu-depth-2{margin:0;}

    /********************* End menu *********************/


}	               
@media all and (max-width: 640px){
    .left-content .img-video { width: 100%; margin-right: 0; margin-top: 25px; }
}         
@media all and (max-width: 560px){
    .lp-footer { padding: 15px 0; }
}      
@media all and (max-width: 480px){
/*     .lp-banner { min-height: 260px; } */
    .lp-header { padding: 25px 0 10px; } 
    .left-content .obj-image, .left-content .obj-video { height: 350px; }
    .lp-header .h-logo {  max-width: 125px; text-align: center; margin: 0 auto !important; float: none !important; }
    h1 { font-size: 36px; }
    h2 { font-size: 24px; }
    h3 { font-size: 22px; }
    h4 { font-size: 20px; }
    h5 { font-size: 18px; }
    h6 { font-size: 16px; }
    .lp-form h3 { font-size: 22px; }
    .lp-form { padding: 30px 15px 60px 15px;}
    .header-text{ padding-top:80px }

}      

@media all and (max-width: 375px){
/*     .lp-banner { min-height: 230px; } */
    .header-text{ padding-top:60px }
    .left-content .obj-image, .left-content .obj-video { height: 240px; }
}      
@media all and (max-width: 320px){

}  

input#submitbutton {
    background: #FFC905;
    padding: 20px 35px;
    border-radius: 10px;
    font-size: 17px;
    color: #353535;
    font-weight: 600;
}
.tt-wrapp2{ width:50%;}
.logo-dis-flex{ display:flex;}
.logo-right{ text-align:right;margin: 0 0 0 auto;}
.widt-full{ width:100%}



/*------22-4-2020--------------*/
.global-part .mr-top {
    margin-top: 0;
}

.top-menu-part  .lp-header .h-logo {
    max-width: 110px;
} 
.top-menu-part .row-fluid-wrapper .row-fluid {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;

}

.top-menu-part .lp-header {
    padding: 0;
}

.menu-right-sec-wrap {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    position: relative;
    justify-content: flex-end;
}

.menu-name i:before {
    content:"\f107";
    font-size: 17px;
}
.menu-name {

    position: relative;
    padding: 16px 20px;
    border-top: 5px solid #003da5;
    background: #003da5;
    color: #fff;
    margin-top: auto;
    display: flex;
    align-items: center;
    height: 100%;
    cursor:pointer;
}
.box-menu:nth-child(1) > .menu-name  {  background: #fff; color:#000;}
.menu-right-all {
    display: flex;
    flex-wrap: wrap;
    width: 65%;
    justify-content: flex-end;
}
.box-menu:nth-child(1) {
    border-left: 1px solid #ccc;
    position: absolute;
    left: 5%;
    height: 100%;
}
.box-menu {

    border-right: solid 1px #ccc;
    border-bottom: 0;
    border-top-color: #003da5;
}

.box-menu:nth-child(1){ border-left:1px solid #ccc; }
.menu-name:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.menu-name i {
    margin-left: 10px;
    font-size: .5rem;
    -webkit-transition: -webkit-transform .4s;
    transition: transform .4s;
    font: normal normal normal 14px/1 FontAwesome;
    font-weight: 700;
}
.box-menu .menu-name span {
    font-weight: 700;
    max-width: 90px;
    display: inline-block;
    font-family: 'Roboto',sans-serif;
    font-size: 13px;

}
.header-access-list li li a p {
    margin: 0;
}
section.header-layer {
    display: none;
    position: absolute;
    width: initial;
    margin-left: calc(0% - 207%);
    min-width: 55rem;
    left: 50%;
    border-radius: 10px!important;
    background: #fff;
    color: #000;
    cursor: default;
    z-index: 99;
    padding: 20px 30px;
    overflow-y: auto;
    min-height: 500px;
    border-bottom: 7px solid #003da5!important;
}
.sub-nav {
    display: none;
}
section.header-layer ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
section.header-layer ul li {
    padding: 0;
    margin: 0;
    list-style: none;
}

.header-access-list li {
    margin-right: 25px;
}

.box-menu .header-layer-title {
    margin-bottom: 15px;
    color: #20458f;
    font-size: 20px;
    font-weight: 700;
    font-family: 'Roboto',sans-serif;
}

#menu-acces-rapide>li:nth-child(1)>ul {
    width: 80%;
    margin-bottom: 45px;
}

#menu-acces-rapide ul li {
    padding-right: 10px;
}
#menu-acces-rapide ul li {
    margin-right: 21px;
}
.header-access-list li li {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: .875rem;
}
.header-access-list li li a {
    display: block;
    padding-right: 5px;
    color: #000;
    width: 100%;
    font-family: 'Roboto',sans-serif;
}
.header-access-list li li:after {
    content: "\f105";
    font-size: .6rem;
    font: normal normal normal 14px/1 FontAwesome;
    font-weight: 400;
}
.header-access-list {
    column-count: 2;
    -moz-column-count: 2;
    -webkit-column-count: 2;
}
.header-access-list>* {
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid-column;
}
.header-access-list li:nth-child(3) li a {
    font-weight: 700;
}

.header-access-list li:nth-child(3) li a p {
    font-weight: 100;
    font-family: 'Roboto',sans-serif;
    font-size: 85%;

}
#menu-acces-rapide>li:nth-child(2)>ul {
    width: 80%;
    margin-bottom: 45px;
}

.header-access-list li li a:hover {
    text-decoration: underline;
}


/* .box-menu.open section.header-layer {
display: block;
}
*/
.box-menu:nth-child(1) {

    z-index: 9;
}
body.nav-open {
    overflow-y: hidden;
}

.layer-back {
    display: none;
    content: '';
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9;
    background: #000;
    opacity: .7;
    cursor: pointer;
    margin: 0;
}
.menu-name{ z-index: 9;}
/* .box-menu.open  .layer-back {
display: block;
} */
.box-menu .menu-name i  { }
.box-menu.active .menu-name i {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
.mix-second-last-box {
    border: none;
    border-top: 5px solid;
    border-radius: 4px;
    background: #fff;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    position: absolute;
    top: 90px;
    left: 50%;
    display: none;
    width: 15.35rem;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    overflow: visible;
    z-index: 9;
    border-color: #003da5;
    list-style: none;
    padding: 0;
    margin: 0;
}

/* .box-menu.open .mix-second-last-box {
display: block;
} */

.mix-second-last-box  li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: -1px;
    margin-bottom: -1px;
    margin-left:0;
}

ul.mix-second-last-box::before {
    content: "";
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 14px solid #003da5;
    position: absolute;
    top: -14px;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.mix-second-last-box  li a {

    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 50px;
    font-size: .875rem;
    font-weight:700;
    transition: all .4s;
    margin: 0;
    align-items: center;
    padding: 0 15px;
    font-family: 'Roboto',sans-serif;
}
.mix-second-last-box  li a:hover {
    color: #000;
    background: #ccc;
}
.box-menu {     position: relative;}

.menu-name {
    z-index: 99;
}





section.header-layer2 {
    border-radius: 10px!important;
    border-bottom: 0!important;
    right: 0;
    padding: 30px 0 40px;
    min-width: 670px;
    border-top: 5px solid #003da5;
    background: #fff;
    display: flex;
    position: absolute;
    top: calc(100% + 20px);
    color: #000;
    cursor: default;
    z-index: 9;
}

section.header-layer2::before {
    content: "";
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 14px solid #003da5;
    position: absolute;
    top: -15px;

    right: 50px;
    margin: 0 auto;
}

.header-layer2  ul:first-child {
    border-left: none;
}
.header-layer2 ul {
    padding: 0 45px 0 35px;
    width: 50%;
    border-left: solid 1px #e5e5e5;
    margin:0;
    list-style:none;
}

.header-layer2 li {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 20px;
    font-size: .75rem;
    font-style: normal;
    line-height: 1.6;
    margin-left:0;
}

.box-menu.open section.header-layer2 {
    display: flex;
    z-index: 9;
}
.header-layer2 li  figure {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: 0;
    width: 4.0625rem;
    height: 2.5rem;


    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
}


.header-layer2  li a::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
}

.header-group-name {
    font-size: .875rem;
    line-height: 1.5;
    font-weight: 700;
    cursor: pointer;
    color: #000;
}
.header-layer2  li div p {
    font-weight: 400 !important;
    width: 10.3125rem;
    font-size: .8125em;
    margin: 0;
}







.header-help {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0;
    text-decoration: none;
    font-size: 0;
    font-weight: 700;
    background: #fff;
    color: #000;
    margin: 0 0 0 auto;
    border: 0 none;
    width: 60px;
    height: 100%;
}
.header-help:after {
    background-image: url(https://4874162.fs1.hubspotusercontent-na1.net/hubfs/4874162/Icons/question.svg);
    content: "";
    position: relative;
    width: 30px;
    height: 30px;
    justify-content: center;
    display: flex;
    background-size: cover;
    align-items: center;
    background-position: center center;
}
#menu-acces-rapide ul li {

    padding-bottom: 21px;
}



.mobile-menu {
    display: none;
}


.menu-icon {
    display: none;
    cursor: pointer;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    font-weight: bold;
    line-height: 33px;
    font-size: 22px;
    padding: 10px 0;
}
.menu-icon .menu-box {
    width: 50px;
    height: 38px;
    margin-right: 20px;
    padding: 5px;
    position: absolute;
    right: 0;
}
.menu-icon.active .menu-box {
    position: absolute;
    right: 284px;
    transition: all 0.5s ease 0s;
}
.menu-icon .menu-box span {
    width: 100%;
    height: 4px;
    margin-bottom: 6px;
    background: #fff;
    display: block;
    border-radius: 2px;
    transition: all 0.4s ease 0s;
    -webkit-transition: all 0.4s;
}
.menu-icon.active span:nth-child(1) {
    transform: rotate(45deg) translateY(8px) translateX(6px);
    -webkit-transform: rotate(45deg) translateY(8px) translateX(6px);
}
/* .menu-icon:hover:not(.active) span:nth-child(1) {
transform: rotate(90deg) translateX(8px);
-webkit-transform: rotate(90deg) translateX(8px);
} */
.menu-icon.active span:nth-child(2) {
    opacity: 0;
}
.menu-icon.active span:nth-child(3) {
    transform: rotate(-45deg) translateY(-7px) translateX(6px);
    -webkit-transform: rotate(-45deg) translateY(-7px) translateX(6px);
}
/* .menu-icon:hover:not(.active) span:nth-child(3) {
transform: rotate(-90deg) translateX(6px);
-webkit-transform: rotate(-90deg)  translateX(6px);
} */
.enumenu_ul .caret {
    color: #fff;
    margin-left: 7px;
}
.enumenu_ul {
    padding: 0px;
    list-style: none;
}

.enumenu_ul .arrow {
    position: absolute;
    right: 10px;
    top: 5px;
    width: 30px;
    height: 30px;
    background: url(https://4874162.fs1.hubspotusercontent-na1.net/hubfs/4874162/plus1.png) no-repeat center center;
    cursor: pointer;
    z-index: 999
}

.enumenu_ul .arrow.up {
    background: url(https://4874162.fs1.hubspotusercontent-na1.net/hubfs/4874162/minus.png) no-repeat center center
}
.box-menu:nth-child(2) {
    border: 0;
}
.box-menu {
    border-right: solid 1px #ccc;
    border-bottom: 0;
    border-top-color: #003da5;
    border-left: 1px solid #fff;
    z-index: 9;

}
.header-help {     background: transparent;}
.box-menu:last-of-type(1) {  border-left:0;border-right: 0; }
.menu-right-sec-wrap.hover .box-menu:nth-last-of-type(1),   .menu-right-sec-wrap.hover .box-menu:nth-last-of-type(2){
    border-bottom: 1px solid #fff;
}
.menu-right-sec-wrap.hover .box-menu:nth-last-of-type(2) { border-color:#fff;}
.box-menu:nth-last-of-type(1) { border-left:0;} 
.box-menu:nth-child(1) > .menu-name {

    border-bottom: 1px solid transparent;
}
.menu-right-sec-wrap.hover .box-menu:nth-child(1) {
    border-left: 1px solid transparent;
}
.logo-part > div {
    height: 100%;
    align-items: center;
    display: flex;
    flex-wrap: wrap;
}

.box-menu.main ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    height: 100%;
    background: #f7f7f7;
}
.box-menu.display-none {
    display: none;
}
.box-menu.main ul li a {
    height: 100%;
    width: 100%;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 15px;
    color: #000;
    text-decoration: none;
    font-size: .75rem;
    font-weight: 700;
    -webkit-transition: all .4s;
    transition: all .4s;
    margin: 0;
    font-family: 'Roboto',sans-serif;
}
.box-menu.main ul li a:hover {
    background-color: #003da5;
    color: #fff;
}
.box-menu.main ul li {
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-top: -1px;
    margin-bottom: -1px;
    margin-left: 0;
}
.menu-right-sec-wrap.hover .box-menu.main {
    border-bottom: 1px solid #fff;
    border-left: 1px solid #fff;
}

@media (min-width:2500px) {
    .global-part .page-footer-cmp__top-section ul { padding: 0 5.5%;}
    .box-menu:nth-child(1) > .menu-name span { max-width:135px;}
}

@media (max-width:1679px) {

    .box-menu.display-none {
        display: block;
    }
    .box-menu.main {
        display: none;
    }
}
@media (max-width:1440px) {



    .global-part .page-footer-cmp__sitemap-list-group .subtitle a { font-size:20px;}

}

@media (max-width:1160px) {
    .global-part .page-footer-cmp__sitemap-list { padding: 30px 20px;     margin: 0 auto;
        max-width: 100%;
        width: 100%;}
    .global-part .page-footer-cmp__sitemap-list-group .subtitle a {
        font-size: 18px;
    }

}


@media (max-width:991px) {
    .global-part .page-footer-cmp__top-section {
        height: 110px;
    }
    .global-part .page-footer-cmp__sitemap-list-group .subtitle a {
        font-size: 16px;
    }
    .global-part .page-footer-cmp__top-section ul li a figure img {
        height: 30px;
    }
    section.header-layer {
        min-width: 38rem;
        min-height: auto;
        max-height: inherit;
        overflow: inherit;
    }
}


@media (max-width:767px) {
    .menu-right-sec-wrap {
        display: none !important;
    }
    .top-menu-part .row-fluid-wrapper .row-fluid {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        width: 100% !important;
    }
    .mobile-menu {
        display:block;
    }
    .enumenu_ul {
        display: none
    }
    .menu-block {
        height: auto;
    }
    .menu-icon {
        display: block
    }
    .services-detail a.pba-detail {
        border-bottom: 2px solid #d3d9da;
    }
    .enumenu_ul > li {
        display: block;
        margin: 0px;
        padding: 0px;
    }
    .enumenu_ul > li > a {
        display: block;
        text-align: center;
        padding: 8px
    }
    .enumenu_ul {
        width: 100%;
    }
    .enumenu_ul > li ul {
        background: #D1D1D1;
    }
    .enumenu_ul > li ul a {
        text-align: center;
        display: block;
        text-align: center;
        color: #000;
        padding: 5px 0;
    }
    /* Push Menu */
    body.menuslide_push {
        position: relative;
    }
    body.menuslide_push.slidemenuLeft {
        left: 0;
        transition: left 0.5s;
        -webkit-transition: left 0.5s;
        -moz-transition: left 0.5s;
        -ms-transition: left 0.5s;
        -o-transition: left 0.5s;
    }
    body.menuslide_push.slidemenuRight {
        right: 0;
        transition: right 0.5s;
        -webkit-transition: right 0.5s;
        -moz-transition: right 0.5s;
        -ms-transition: right 0.5s;
        -o-transition: right 0.5s;
    }
    body.slidemenuRight .enumenu_ul {
        right: -300px;
    }
    body.slidemenuRight.menu-open .enumenu_ul {
        right: 0;
    }
    body.slidemenuLeft .enumenu_ul {
        left: -300px;
    }
    body.slidemenuLeft.menu-open .enumenu_ul {
        left: 0;
    }
    body.menuslide_push.slidemenuLeft.menu-open {
        left: 300px
    }
    body.menuslide_push.slidemenuRight.menu-open {
        right: 300px
    }
    body.menuslide_push .enumenu_ul,
    body.menuOverlap .enumenu_ul {
        background: #fff;
        display: block;
        height: 100%;
        max-height: 100%;
        width: 100%;
        overflow: auto;
        position: fixed;
        transition: all 0.5s ease 0s;
        max-width: 300px;
        top: 0;
        padding: 100px 0;
        z-index: 9;
    }

    .menu-icon .menu-box span {     background: #003da5;}
    .logo-dis-flex {
        display: flex;
        position: relative;
        z-index: 99;
    }

    .top-menu-part .row-fluid-wrapper .row-fluid {
        display: block;
        justify-content: inherit;
        flex-wrap: inherit;
    }


    .menu-icon.active .menu-box {

        right: 0;
        transition: all 0.5s ease 0s;
        z-index: 9999;

    }
    .enumenu_ul > li {
        display: block;
        margin: 0px;
        padding: 0px;
        position: relative;
    }

    .enumenu_ul > li > a {
        display: block;
        text-align: left;
        padding: 12px 30px;
    }
    .enumenu_ul .arrow:before {content: "\f067";     color: #003da5; }
    span.arrow.up:before {
        content:"\f068";
        color: #003da5;
    }
    .enumenu_ul .arrow {
        position: absolute;
        right: 10px;
        top: 10px;
        width: 30px;
        height: 30px;
        background: none;
        cursor: pointer;
        z-index: 999;
        font: normal normal normal 14px/1 FontAwesome;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .enumenu_ul > li ul {
        background: #f7f7f7;
        list-style: none;
        padding: 0;
        margin: 0;
    }

    .enumenu_ul {
        padding: 0px;
        list-style: none;
        position: absolute;
        left: 0;
        right: 0;
        background: #fff;
        top: 50px;
        z-index: 9;
        padding: 30px 0;
    }
    .top-menu-part .row-fluid-wrapper .row-fluid {
        display: block;
        justify-content: inherit;
        flex-wrap: initial;

    }
    .menu-icon .menu-box {
        width: 37px;
        height: 30px;
        margin-right: 20px;
        padding: 4px;
        position: absolute;
        right: 0;
        top: 14px;
    }
    .enumenu_ul > li > ul li {
        margin: 0;
    }
    .menu-icon { padding:0;}
    .enumenu_ul > li ul a {
        text-align: left;
        padding: 0 40px 15px;
    }
    .menu-icon .menu-box span { border-radius: 2px;     height: px;
        margin-bottom: 5px;}
    .enumenu_ul > li > ul { padding-top:15px;}
    .enumenu_ul p.header-layer-title {
        font-weight: bold;
        padding-left: 41px;
    }
    .enumenu_ul > li ul li ul a p {
        display: none;
    }
    .enumenu_ul p.header-layer-title {
        font-weight: bold;
        padding-left: 41px;
        padding-top: 10px;
    }
    .enumenu_ul > li {

        border-bottom: 1px solid #ddd;
    }
    .enumenu_ul > li > a {
        display: block;
        text-align: left;
        padding: 12px 30px;
        color: #003da5;
        font-weight: bold;
        font-family: 'Roboto',sans-serif;
        font-size: 16px;
    }
    .enumenu_ul > li ul a {

        font-family: 'Roboto',sans-serif;
    }.top-menu-part .row-fluid-wrapper .row-fluid {
        display: block;
    }
    .enumenu_ul p.header-layer-title {         font-family: 'Roboto',sans-serif; color: #003da5;}
    .enumenu_ul > li:last-child {
        border-bottom: 0;
    }
    .logo-dis-flex {
        display: inline-block;
        position: relative;
        z-index: 99;
    }
    .menu-icon.active span:nth-child(1) {
        transform: rotate(45deg) translateY(6px) translateX(5px);
        -webkit-transform: rotate(45deg) translateY(6px) translateX(5px);
    }
    .sb-menu ul#menu-groupe li div p {
        display: none !important;
    }
    .sb-menu ul#menu-groupe li figure {
        display: none;
    }
    .sb-menu ul#menu-groupe li div a {
        font-family: 'Roboto',sans-serif;
        font-weight: 400;
    }
    .enumenu_ul > li > ul {
        padding-top: 20px;
    }
    .menu-icon .menu-box {
        padding: 5px;
        margin-right: 10px;
    }
    .menu-icon .menu-box span {
        border-radius: 2px;
        height: 3px;
        margin-bottom: 5px;
    }
    .menu-icon.active span:nth-child(1) {
        transform: rotate(45deg) translateY(5px) translateX(5px);
        -webkit-transform: rotate(45deg) translateY(5px) translateX(5px);
    }
    .enumenu_ul > li:nth-child(1) ul a {
        padding: 0 65px 15px;
    }
    .layer-back { display:none !important;}
    .enumenu_ul {
        height: 100vh;
    }

    .enumenu_ul .arrow:before {
        right: 25px;
        position: absolute;
        top: 18px;
        display: flex;
        align-items: center;

    }
    .enumenu_ul .arrow.up {    background: none;   }
    .enumenu_ul .arrow {
        position: absolute;
        right: 0;
        top: 0;
        bottom:0;
        width: 100%;
        height:45px;
        background: none;
        cursor: pointer;
        z-index: 9;
        font: normal normal normal 14px/1 FontAwesome;
        display: flex;
        justify-content: flex-end;
        align-items: center;
    }
    .enumenu_ul > li > ul {
        padding-top: 20px;
        max-height: 300px;
        overflow-y: auto;
    }
}




@media (max-width:640px) {
    .global-part .page-footer-cmp__sitemap-list-group .subtitle {
        margin: 0 0 20px;

    }
    .global-part .page-footer-cmp__sitemap-list-group .subtitle a {
        font-size: 14px;
    }
    .global-part .page-footer-cmp__sitemap-list {
        padding: 30px 50px;
        column-count: 1;
        -moz-column-count: 1;
        -webkit-column-count: 1;
    }
    .global-part .page-footer-cmp__sitemap-list-group .subtitle {
        margin: 0 0 10px;
    }
    .global-part .page-footer-cmp__sitemap-list ul li a {
        line-height: 25px;
    }

    .libcast_player {
        position: relative;
        width: 100%;
        padding-top: 60%;
        overflow: hidden;
    }

    .libcast_player iframe{
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }