/* Notes - do not use @import url() syntax to pull in bootstrap stylesheet - respond.js has problems with that */
/* Magnetic Theme */

/*Colors
ee7154 orange
e6e6e6 lt gray
*/

@import "fonts/Rubik/stylesheet.css";

/* CUSTOM CSS HERE */

.salary-studies-page {
    margin-top: 20px;
}

    .salary-studies-page h1 {
        font-size: 36px;
        color: #333;
        margin-bottom: 20px;
    }

    .salary-studies-page img {
        max-width: 100%;
        height: auto;
        margin-bottom: 20px;
    }

    .salary-studies-page .btn {
        margin: 10px;
    }




.formationContainer {
    border: solid 1px black;
    display: flex;
    flex-direction: column;
    border-radius: 15px;
    padding: 10px 0;
    margin: 10px 0;
}

.first-row {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
}

.second-row {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
}

.third-row {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
}

.first-element {
    display: flex;
    flex-direction: row;
}

.second-element {
    display: flex;
    flex-direction: row;
    display: none;
}

.third-element {
    display: flex;
    flex-direction: row;
}

.fifth-element {
    display: flex;
    flex-direction: row;
    width: 40%;
}

.left-element {
    display: flex;
    flex-direction: row;
}

.middle-element {
    display: flex;
    flex-direction: row;
    width: 35%;
}

.right-element {
    display: flex;
    flex-direction: row;
}

@media (max-width:991px) {
    #RegisterContainer {
        display: grid;
        grid-template-columns: 1fr;
        gap: 16px;
        justify-items: center;
    }

    #ArticlesHomePageColumns_PanelPrevious {
        position: absolute !important;
        top: -950px !important;
        left: 55% !important;
        transform: translateX(-50%) !important;
    }

    #ArticlesHomePageColumns_PanelNext {
        position: absolute !important;
        bottom: -40px !important;
        left: -9% !important;
        top: 1330px !important;
    }

    .BoxLabelHomePage.responsive-labels {
        margin-bottom: 100px;
    }

    .col-xs-12.morebutton {
        text-align: center;
        margin-top: 70px;
    }

    #EMNavBar {
        width: 104%;
        left: -2%;
    }
}


/* Media query pour tablettes et smartphones */
@media (max-width: 768px) {
    #ArticlesHomePageColumns_PanelPrevious {
        position: absolute !important;
        top: -890px !important;
        left: 62% !important;
        transform: translateX(-50%) !important;
    }

    #ArticlesHomePageColumns_PanelNext {
        position: absolute !important;
        bottom: -40px !important;
        left: -15% !important;
        top: 1200px !important;
    }

    .BoxLabelHomePage.responsive-labels {
        margin-bottom: 100px;
    }

    .col-xs-12.morebutton {
        text-align: center;
        margin-top: 70px;
    }

    .formationContainer {
        border: solid 1px black;
        display: flex;
        flex-direction: column;
        border-radius: 15px;
        padding: 10px 10px;
        margin: 10px 0;
    }

    .first-row {
        flex-direction: column;
    }

    .second-row {
        flex-direction: column;
    }

    .third-row {
        flex-direction: column;
        margin-top: 34px;
    }

    .first-element {
        display: flex;
        flex-direction: column;
    }

    .second-element {
        display: flex;
        flex-direction: column;
        display: none;
    }

    .third-element {
        display: flex;
        flex-direction: column;
    }

    .fifth-element {
        display: flex;
        flex-direction: column;
        width: 50%;
    }

    .left-element {
        display: flex;
        flex-direction: column;
    }

    .middle-element {
        display: flex;
        flex-direction: column;
        width: 50%;
    }

    .right-element {
        display: flex;
        flex-direction: column;
    }
}

.left-align-items {
    text-align: left;
    padding-left: 0;
    margin-left: 0;
}

.width320 {
    width: 320px;
}

.imageLocation {
    padding-left: 5px;
    padding-right: 5px;
}

.flex-centered-container {
    display: flex;
    justify-content: center;
    align-items: end;
    height: 85vh;
    background: white;
    text-align: center;
}

.background-404 {
    background-image: url('https://www.elec-jobs.fr/App_Themes/ElecJobs/images/404.jpg');
    background-size: contain;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: right;
}

.super-button {
    background: #ee7154;
    color: #fff;
    border: 1px solid #ee7154;
    border-radius: 50px;
    padding: 16px 24px;
    font-size: 24px;
    transition: 250ms all ease-in-out;
}

    .super-button:hover {
        cursor: pointer;
        background: #EB5533;
    }

.big-button {
    font-size: 22px;
}

.glass-card {
    padding: 24px;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 16px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(6.4px);
    -webkit-backdrop-filter: blur(6.4px);
    border: 1px solid rgba(255, 255, 255, 0.3);
}

.art-descriptionHM {
    inline-size: min-content;
    overflow: hidden;
}

.EmailAlertPanelH {
    color: white;
    border: solid 1px #ee7154;
    background-color: #ee7154;
    border-radius: 20px;
    text-align: center;
    display: inline-block;
    padding: 15px 20px;
    max-width: 405px;
}

.HeaderEmailAlert2H {
    color: black;
}

form[action="./cookiemanagement.aspx"] h1,
form[action="./faq.aspx"] h1,
form[action="./cgu-cgv.aspx"] h1,
form[action="./cgu-cgv.aspx"] h3,
form[action="./terms.aspx"] h1,
form[action="./terms.aspx"] strong,
form[action="./privacy.aspx"] h1,
form[action="./privacy.aspx"] strong {
    color: #E96E52;
}

.receipt {
    border: 1px solid black;
    margin-top: 16px;
    margin-right: 16px;
    padding: 16px;
    width: auto;
}

    .receipt h3 {
        margin-top: 0px;
    }

.MsgWarning {
    margin-top: 16px;
}

.elec-jobs-orange {
    color: #ee7154;
}

.ButtonEmployer {
    margin: 8px;
    font-size: 22px;
    padding: 24px;
    height: 60px;
    border-radius: 35px;
    transition: 250ms all ease-in-out;
    max-width: 300px;
}

    .ButtonEmployer:hover {
        background: #EB5533;
        cursor: pointer;
    }

.BannerLabelTitle {
    margin-top: 8px;
}

.ButtonSmall {
    height: 25px;
    background: #ee7154;
    color: #fff;
    border: 1px solid #ee7154;
    border-radius: 50px;
    padding-right: 8px;
    padding-left: 8px;
    padding-bottom: 4px;
    transition: 250ms all ease-in-out;
}

    .ButtonSmall:hover {
        cursor: pointer;
        background: #EB5533;
    }

.X-button {
    color: #ee7154;
    background: white;
}

    .X-button:hover {
        cursor: pointer;
        color: #EB5533;
    }

.flex-space {
    padding: 8px;
    align-items: center;
    justify-content: space-around;
    text-align: center;
    border: 1px #efefef solid;
    width: 100%;
}

@media (min-width: 768px) {
    .flex-space {
        display: flex;
    }

        .flex-space div {
            width: 25%;
        }
}

#H1Title h1 {
    padding: 0px;
}

#homepagedescription {
    color: white;
    background: #ee7154;
    font-size: 18px;
    padding: 24px;
    font-family: roboto, sans-serif, Arial, Trebuchet MS;
    margin: 16px auto;
    max-width: 1022px;
    text-align: justify;
}

.blackbutton {
    background: black;
    color: white;
    border: 1px solid #333;
    border-radius: 50px;
    text-align: center;
    transition: 250ms all ease-in-out;
}

    .blackbutton:hover {
        cursor: pointer;
        background: #333;
    }

.homepagesearchbar {
    margin-bottom: 10px;
}

.FilterSelected {
    z-index: 1;
    border: 2px solid #d7d5d5ee;
    z-index: 4;
    background: white;
    top: 96px;
    padding: 11px;
    font-size: 14px;
    text-align: center;
    border-radius: 20px;
}

.backgroundwhite {
    background: white;
}

.linkasbutton {
    display: inline-block; /* Pour s'assurer que le bouton est dans le flux inline */
    padding: 5px 10px;
    background-color: #ee7154; /* Ta couleur de bouton */
    color: white;
    border-radius: 50px;
    text-align: center;
    text-decoration: none;
}

    .linkasbutton:hover {
        cursor: pointer;
        background: #EB5533;
        transition: 250ms all ease-in-out;
    }

.visualbutton {
    padding: 5px 10px;
    background-color: #ee7154;
    color: white;
    border-radius: 50px;
    max-height: 36px;
    min-width: 140px;
    text-align: center;
    border-color: #EE7154;
}

    .visualbutton:enabled:hover {
        cursor: pointer;
        background: #EB5533;
        transition: 250ms all ease-in-out;
    }

.Loginbox {
    margin: 16px;
}

@media (min-width:992px) {
    #RegisterContainer {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 0px;
        justify-items: center;
    }
}

#RegisterContainer img {
    width: 100%;
    height: 260px;
}

.SecondBox {
    margin: 0 auto;
}

.LegalBody {
    font-size: 12pt;
    line-height: 150%;
    font-family: 'Raleway', sans-serif;
    color: #333333;
}

.LegalTitle {
    color: #e96e52;
}

@media (min-width:768px) and (max-width:939px) {
    .ListingColumn1 {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }

    .AttributsEntreprise {
        width: 95%;
        margin: 10px 10px;
    }
}

.popup {
    display: none;
    position: absolute;
    bottom: 50%;
    left: 50%;
    transform: translateX(-50%);
    /*background-color: #555;*/
    /*color: #fff;*/
    padding: 8px;
    border: 2px solid black;
    border-radius: 4px;
    /*white-space: nowrap;*/
    z-index: 20;
    background-color: white;
}

.mgdisplaylisting:hover .popup {
    display: block;
}

.custom-underline {
    position: relative;
    display: inline-block;
}

    .custom-underline::after {
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        bottom: -3px;
        height: 6px;
        background-color: #ee7154;
    }

.flex-element {
    display: flex;
}

.buttonHover {
    background-color: #ee7154;
    transition: 250ms all ease-in-out;
    border: none;
    font-weight: bold;
    font-size: 48px;
    color: white;
    border-radius: 50%;
    width: 64px;
    height: 64px;
    text-align: center;
    line-height: 64px;
    padding: 0;
}

    .buttonHover:hover {
        cursor: pointer;
        background-color: #EB5533;
    }
/* Styles pour les écrans de petite taille (moins de 768px) */
@media (max-width: 768px) {
    .responsive-image {
        width: 23px; /* Réduisez la largeur des images */
        height: 30px; /* Garde le ratio de l'image */
        margin-bottom: 10px; /* Ajoute de l'espacement */
    }
}

@media (max-width:767px) {
    .sliderListings {
        display: grid;
        grid-template-columns: 1fr;
        place-items: center;
    }

    .slider-column {
        display: grid;
        place-items: center;
        height: 100%;
    }

    .mgdisplaylisting {
        flex-direction: column !important;
        align-items: center !important;
        text-align: center;
    }

        .mgdisplaylisting > div {
            width: 100% !important;
            max-width: 100% !important;
            flex: none !important;
        }

        .mgdisplaylisting img {
            max-width: 100%;
            height: auto;
        }

        .mgdisplaylisting .col-sm-3 img {
            display: none !important;
        }

        .mgdisplaylisting #TNColumn {
            display: none !important;
        }

    .AddToLibraryButton {
        display: inline-block;
        margin-top: 10px;
        width: 100%;
    }
}

/* CUSTOM CSS END HERE */

/*demo banner button color styles*/
@media (max-width: 767px) {
    .btngray:link, .btngray:active, .btngray:visited {
        background: #ee7154;
        color: #fff;
        padding: 5px 10px;
        border: none;
        min-width: 140px;
        line-height: 28px;
        border-radius: 50px;
    }

    .btngray:hover, .btngray:focus {
        background: #666666;
        color: #fff;
        padding: 5px 10px;
        border: none;
        min-width: 140px;
        line-height: 28px;
        border-radius: 50px;
    }

    .demodd {
        height: 42px;
        background: #ee7154;
        color: #fff;
        font-size: 16px;
        width: 284px;
        padding: 0 20px;
        border: none;
        text-align: center;
        margin: 20px 0 10px 0;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .btngray:link, .btngray:active, .btngray:visited {
        background: #ee7154;
        color: #fff;
        padding: 5px 10px;
        border: none;
        min-width: 120px;
        line-height: 34px;
        border-radius: 50px;
    }

    .btngray:hover, .btngray:focus {
        background: #666666;
        color: #fff;
        padding: 5px 10px;
        border: none;
        min-width: 120px;
        line-height: 34px;
        border-radius: 50px;
    }

    .demodd {
        float: left;
        height: 42px;
        background: #ee7154;
        color: #fff;
        font-size: 16px;
        width: 165px;
        padding: 0 4px 0 14px;
        border: none;
        text-align: center;
    }
}

@media (min-width: 992px) {
    .btngray:link, .btngray:active, .btngray:visited {
        background: #ee7154;
        color: #fff;
        padding: 5px 10px;
        border: none;
        min-width: 130px;
        margin-right: 8px;
        line-height: 28px;
        border-radius: 50px;
    }

    .btngray:hover, .btngray:focus {
        background: #666666;
        color: #fff;
        padding: 5px 10px;
        border: none;
        min-width: 130px;
        line-height: 28px;
        border-radius: 50px;
    }

    .demodd {
        float: left;
        height: 38px;
        background: #ee7154;
        color: #fff;
        font-size: 16px;
        width: 165px;
        padding: 0 4px 0 14px;
        border: none;
        text-align: center;
    }
}

/*For Google Maps and to eliminate http stuff in printable copies */
@media print {
    /*Will ensure google map shows on print*/
    .GoogleMapClass img {
        max-width: none !important;
    }
    /*The following will get rid of hyperlinks displayed as http stuff in printable version*/
    a:link:after, a:visited:after {
        content: normal !important;
    }
}

@font-face {
    font-family: 'roboto';
    src: url('fonts/roboto-regular-webfont.eot');
    src: url('fonts/roboto-regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/roboto-regular-webfont.woff2') format('woff2'), url('fonts/roboto-regular-webfont.woff') format('woff'), url('fonts/roboto-regular-webfont.ttf') format('truetype'), url('fonts/roboto-regular-webfont.svg#robotoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}



@media (max-width: 767px) {
    .form-control {
        display: block;
        width: 90%;
        height: 40px;
        padding: 6px 12px;
        font-size: 16px;
        line-height: 1.42857143;
        color: #555;
        background-color: #fff;
        background-image: none;
        border: 1px solid #e4e4e4;
        border-radius: 2px;
        -webkit-box-shadow: none;
        box-shadow: none;
        -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
        -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
        transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    }
}

@media (min-width: 768px) {
    .form-control {
        margin: 4px 0;
        display: block;
        width: 100%;
        height: 40px;
        padding: 6px 12px;
        font-size: 14px;
        line-height: 1.42857143;
        color: #555;
        background-color: #fff;
        background-image: none;
        border: 1px solid #e4e4e4;
        border-radius: 2px;
        -webkit-box-shadow: none;
        box-shadow: none;
        -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
        -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
        transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    }

    .form-control2 {
        margin: 4px 0;
        display: block;
        width: 100%;
        height: 225px;
        padding: 6px 12px;
        font-size: 14px;
        line-height: 1.42857143;
        color: #555;
        background-color: #fff;
        background-image: none;
        border: 1px solid #e4e4e4;
        border-radius: 2px;
        -webkit-box-shadow: none;
        box-shadow: none;
        -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
        -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
        transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    }
}


/* removes white border under header - bootstrap col classes set min-height from 1px to 0 */
/*.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
position: relative;
min-height: 0;
padding-right: 15px;
padding-left: 15px;
}*/

@media (max-width: 767px) {
    body {
        font-size: 16px;
        background: #000;
        font-family: roboto, sans-serif, Arial, Trebuchet MS;
    }

    .PageContent {
        background: #fff;
        padding: 0 15px;
    }

    .columns1and2 {
        padding: 0;
    }

    h1 {
        font-size: 26px;
        padding: 15px 0 20px 5px;
        margin: 0;
    }

    h2 {
        font-size: 24px;
    }

    h3 {
        font-size: 16px;
    }

    h4 {
        font-size: 16px;
    }

    h5 {
        font-size: 16px;
    }

    .rss-wrapper {
        background: #fff;
    }

    .rss-top {
        max-width: 1200px;
        margin: 0 auto;
        float: none;
        padding: 0 15px;
        background: #fff;
    }

    .rss-bottom {
        max-width: 1200px;
        margin: 0 auto;
        float: none;
        padding: 10px 20px;
        background: #fff;
    }

    /* Page content top and bottom all pagees */
    .pagecontent-top {
        padding: 0 20px;
        max-width: 1200px;
        margin: 0 auto;
        float: none;
        background: #fff;
    }

    .pagecontent-bottom {
        padding: 0 20px;
        max-width: 1200px;
        margin: 0 auto;
        float: none;
        background: #fff;
    }

    .hiddenifsmall {
        display: none;
    }

    .ManageCandidatBox .col-md-2 {
        display: flex;
    }

    /*.grecaptcha-badge {
    display: none;
}*/
}

@media (min-width: 768px) {
    /*.grecaptcha-badge {
    display: block;
}*/
    body {
        font-size: 15px;
        background: #000;
        font-family: roboto, sans-serif, Arial, Trebuchet MS;
    }

    .PageContent {
        background: #fff;
        padding: 0 15px;
        margin-bottom: -200px;
    }

    .columns1and2 {
    }

    h1 {
        font-size: 40px;
        padding: 10px 0 15px;
        margin-bottom: 15px;
    }

    h2 {
        font-size: 24px;
    }

    h3 {
        font-size: 16px;
    }

    h4 {
        font-size: 16px;
    }

    h5 {
        font-size: 16px;
    }

    .rss-top {
        max-width: 1200px;
        margin: 0 auto;
        float: none;
        padding: 0 15px;
    }

    .rssbottom-wrapper {
        background: #e6e6e6;
    }

    .rss-bottom {
        max-width: 1200px;
        margin: 0 auto;
        float: none;
        padding: 0 15px;
    }

    /* Page content top and bottom all pagees */
    .pagecontent-top {
        padding: 0 20px;
        max-width: 1200px;
        margin: 0 auto;
        float: none;
    }

    .pagecontent-bottom {
        padding: 10px 20px;
        max-width: 1200px;
        margin: 0 auto;
        float: none;
    }
}

@media (min-width: 1800px) {
    .PageContentHomePage {
        background: #fff;
        padding: 0 15px;
        height: 1500px;
    }
}

.HeaderHomePageContent {
    font-family: Poppins-Bold, sans-serif;
    font-weight: bold;
    font-size: 28px;
}

.Wrapper {
    width: 100%;
    margin: 0 auto;
    padding: 0;
    background: #e6e6e6;
    overflow-x: hidden;
}

.WrapperHomePage {
    width: 100%;
    margin: 0 auto;
    padding: 0;
    background: #ffffff;
    overflow: hidden;
}

.wrapper-inner {
    width: 100%;
    margin: 0 auto;
    padding: 0;
    background: #fff;
    overflow-x: hidden;
}

.MainBody {
    width: 100%;
    margin: 0 auto;
    padding-left: 0;
    padding-right: 0;
    background: white;
}

.mgpanel-default {
    padding: 0;
    border: none;
}

.mgpanel-noborder {
    border: none;
}

.mgcolumn1 {
    padding-right: 10px;
}

.mgcolumn2 {
    padding-left: 5px;
}

.mgcolumn3 {
    padding-top: 10px;
}

.col-space {
    padding: 5px 0;
}

.col-border {
    margin-top: 30px;
    padding: 10px 5px;
    margin-bottom: 10px;
}

.bg-warning {
    padding: 10px 0;
    border: 1px solid #fff5c3;
    margin-top: 15px;
}

.alert-info {
    padding: 10px;
    margin-bottom: 10px;
}

#TR_image {
    padding: 5px;
    border-bottom: 1px solid #f5f5f5;
    color: #222;
    margin-bottom: 2px;
}

    #TR_image img {
        border: 1px solid #f5f5f5;
        margin: 5px 0;
    }

.uploadbutton {
    padding: 10px 10px 0 10px;
}

.couponupload {
    border-bottom: 1px solid #f5f5f5;
    color: #fff;
    padding: 5px 0 10px 0;
}

.panel-body {
    padding: 10px;
}

.panel-bodylistings {
    padding: 5px 0;
}

.panel {
    margin-bottom: 20px;
    background: #fff;
    border: none;
    border-radius: 4px;
    -webkit-box-shadow: none;
    box-shadow: none;
}
/*required icon listing edit*/
.requiredicon {
    margin-bottom: 15px;
}

    .requiredicon img {
        height: 12px;
    }

.form-horizontal {
    padding-left: 5px;
}
/*.form-group {margin-bottom:5px;}*/


@media (max-width: 767px) {
    /* Home page content area */
    .homepagecontent-wrapper {
        background: #fff;
        color: #222;
        padding: 0;
    }

    .homepagecontent {
        max-width: 1200px;
        margin: 0 auto;
        float: none;
        text-align: center;
        padding: 0;
        line-height: 26px;
    }

    #WelcomeHeading {
        color: #222;
        text-transform: uppercase;
        background: #fff;
        border-color: #fff;
        padding: 5px 15px;
        font-size: 24px;
    }

    .homepageicons-wrapper {
        background: #ffffff;
        color: #fff;
        padding: 15px;
        max-width: 1200px;
        margin: 10px auto;
    }

    .homepageicons {
        max-width: 1200px;
        margin: 0 auto;
        float: none;
        text-align: center;
    }

    .hpbox {
        margin: 0 auto;
        text-align: center;
        font-size: 20px;
        padding: 10px 20px;
        text-transform: uppercase;
        background-color: #EE7154;
        border-radius: 35px;
    }

        .hpbox img {
            max-width: 300px;
        }

        .hpbox .mg-btn-white {
            font-size: 18px;
            border-radius: 50px;
            margin: 10px 0;
            padding: 8px 20px;
            min-width: 250px;
        }

        .hpbox .glyphicon {
            font-size: 80px;
            color: #ccc;
            min-width: 24px;
        }

    .homepageicons .heading {
        margin: 20px 25px 10px 25px;
    }

    .homepageicons a {
        color: #fff;
        margin: 10px 0;
        display: block;
    }

        .homepageicons a:link, .homepageicons a:visited {
            color: #fff;
            text-decoration: none;
        }

        .homepageicons a:active, .homepageicons a:hover {
            color: #fff;
            text-decoration: none;
        }

    /*.homepagetextdiv .mg-btn-action {background:#ee7154; color:#fff; border:1px solid #ee7154; font-size:18px; border-radius:50px; margin:15px 0; padding:8px 20px; min-width:300px;}*/
}

@media (min-width: 768px) and (max-width: 991.98px) {
    /* Home page content area */
    .homepagecontent-wrapper {
        background: #fff;
        color: #222;
        padding: 0;
    }

    .homepagecontent {
        max-width: 1200px;
        margin: 0 auto;
        float: none;
        text-align: center;
        padding: 0;
        line-height: 26px;
    }

    #WelcomeHeading {
        color: #222;
        text-transform: uppercase;
        background: #fff;
        border-color: #fff;
        padding: 5px 15px;
        font-size: 24px;
    }

    .homepageicons-wrapper {
        background: #ffffff;
        color: #fff;
        padding: 15px;
        max-width: 1200px;
        margin: 10px auto;
    }

    .homepageicons {
        max-width: 1200px;
        margin: 0 auto;
        float: none;
        text-align: center;
    }

    .hpbox {
        margin: 0 auto;
        text-align: center;
        font-size: 16px;
        padding: 10px 10px;
        text-transform: uppercase;
        background-color: #EE7154;
        width: 43%;
        border-radius: 35px;
    }

        .hpbox img {
            max-width: 220px;
        }

        .hpbox .mg-btn-white {
            font-size: 16px;
            border-radius: 50px;
            margin: 10px 0;
            padding: 8px 10px;
            min-width: 200px;
        }

        .hpbox .glyphicon {
            font-size: 80px;
            color: #ccc;
            min-width: 12px;
        }

    .homepageicons .heading {
        margin: 20px 25px 10px 25px;
    }

    .homepageicons a {
        color: #fff;
        margin: 10px 0;
        display: block;
    }

        .homepageicons a:link, .homepageicons a:visited {
            color: #fff;
            text-decoration: none;
        }

        .homepageicons a:active, .homepageicons a:hover {
            color: #fff;
            text-decoration: none;
        }

    /*.homepagetextdiv .mg-btn-action {background:#ee7154; color:#fff; border:1px solid #ee7154; font-size:18px; border-radius:50px; margin:15px 0; padding:8px 20px; min-width:300px;}*/
}

@media (min-width: 992px) {
    /* Home page content area */
    .homepagecontent-wrapper {
        background: #fff;
        color: #222;
        padding: 0;
    }

    .homepagecontent {
        max-width: 1200px;
        margin: 0 auto;
        float: none;
        text-align: center;
        padding: 0;
        line-height: 26px;
    }

    #WelcomeHeading {
        color: #222;
        text-transform: uppercase;
        background: #fff;
        border-color: #fff;
        padding: 5px 15px;
        font-size: 24px;
    }

    .MarginHeader {
        margin-top: 102px;
    }

    .homepageicons-wrapper {
        color: #fff;
        padding: 15px;
        max-width: 1022px;
        margin: 10px auto;
        display: flex;
        z-index: 1;
        position: relative;
    }

    .homepageicons {
        margin: 0 auto;
        display: flex;
        justify-content: space-around;
        align-items: center;
    }

    .hpbox {
        margin: 0 auto;
        text-align: center;
        font-size: 20px;
        padding: 10px 20px;
        text-transform: uppercase;
        background: #EE7154;
        margin: 10px;
        border-radius: 35px;
    }

        .hpbox:hover {
            filter: brightness(1.2); /* Change légèrement la couleur en l'éclaircissant */
        }

        .hpbox img {
            width: 100%;
            height: 100%
        }

        .hpbox .mg-btn-white {
            font-size: 18px;
            border-radius: 50px;
            margin: 10px 0;
            padding: 8px 20px;
            min-width: 250px;
        }

        .hpbox .glyphicon {
            font-size: 80px;
            color: #ccc;
            min-width: 24px;
        }

    .homepageicons .heading {
        margin: 20px 25px 10px 25px;
    }

    .homepageicons a {
        color: #fff;
        margin: 10px 0;
        display: block;
    }

        .homepageicons a:link, .homepageicons a:visited {
            color: #fff;
            text-decoration: none;
            height: 100%;
            width: 100%;
            margin-bottom: -30px;
        }

        .homepageicons a:active, .homepageicons a:hover {
            color: #fff;
            text-decoration: none;
        }

    /*.homepagetextdiv .mg-btn-action {background:#ee7154; color:#fff; border:1px solid #ee7154; font-size:18px; border-radius:50px; margin:15px 0; padding:8px 20px; min-width:300px;}*/
}

@media (min-width: 1200px) {
    .MarginHeader {
        margin-top: 142px;
    }
}
/*SECTION TWO STYLES HOME PAGE*/

/*MOBILE STYLE*/
/* SECTION TWO STYLES FOR MOBILE - max-width: 767px */
@media (max-width: 767px) {
    /* Ajustement des textes */
    .TexteImageHomePage {
        height: auto; /* Ajuste automatiquement la hauteur */
        position: relative;
        font-size: 18px; /* Réduction de la taille du texte */
        bottom: 0; /* Supprimer la translation verticale */
    }

    /* Conteneur général de la section */
    .hpsectiontwowrapper {
        max-width: 100%; /* Largeur pleine pour mobile */
        margin: 0 auto;
        text-align: center; /* Centrer le texte */
        padding: 0px; /* Suppression des marges/padding inutiles */
    }

    /* Disposition en colonne pour mobile */
    .hpsectiontwo {
        display: flex;
        flex-direction: column; /* Colonne sur mobile */
        align-items: center;
        margin-bottom: 20px;
        padding: 15px !important;
        margin-top: 0px !important;
    }

    /* Ajustement des images */
    .hpbox2 img {
        max-width: 90%; /* L'image occupe 90% du conteneur */
        height: auto; /* Garder le ratio de l'image */
        box-shadow: rgba(0, 0, 0, 0.1) 1px 3px 10px 1px; /* Légère ombre */
    }

    /* Style pour les titres */
    .TexteImageHomePage h3 {
        font-size: 22px; /* Taille des titres ajustée pour mobile */
        margin-bottom: 10px;
    }

    /* Style pour les paragraphes */
    .TexteImageHomePage p {
        font-size: 16px;
        color: #555555; /* Couleur légèrement plus claire */
        line-height: 1.6;
        margin-bottom: 20px;
        font-weight: bold;
    }

    /* Centrer les textes dans la section */
    .hpsectiontwo .col-md-6 {
        margin-top: 10px; /* Ajuste les marges */
        padding: 8px;
        text-align: center; /* Centre les textes */
    }

    /* Boutons sur mobile */
    .btn-home-page {
        background-color: #EE7154;
        color: white;
        border-radius: 15px;
        width: 80%; /* Le bouton occupe 80% de la largeur du conteneur */
        height: 40px; /* Hauteur ajustée pour une meilleure visibilité */
        margin: 10px auto; /* Centrer le bouton */
    }

        .btn-home-page:hover {
            filter: brightness(1.2); /* Effet d'éclaircissement au survol */
        }



    .text-content {
        margin-left: 0% !important;
        width: 100%;
    }
}


@media (min-width: 768px) and (max-width: 991.98px) {
    .TexteImageHomePage {
        white-space: pre-line;
        height: auto;
        position: relative;
        bottom: 0;
        font-size: 24px;
        width: 52%;
        margin-left: 24%;
    }



    .details {
        margin-top: -130px;
    }

    .hpsectiontwowrapper {
        background: #fff;
        width: 80%;
        margin: 0 auto;
        float: none;
        text-align: center;
        padding: 10px 0 20px 0;
    }

    .TexteImageHomePage p {
        text-align: center;
    }

    .hpsectiontwo {
        max-width: 1000px;
        text-align: center;
    }

    .hpbox2 {
        width: 400px;
        margin: 15px auto;
    }

        .hpbox2:hover img {
            opacity: 0.5;
            transition: .5s ease;
        }

        .hpbox2 img {
            max-width: 100%;
            box-shadow: rgba(0, 0, 0, 0.1) 1px 3px 10px 1px;
        }

        .hpbox2 .heading {
            height: 0;
            position: relative;
            bottom: 170px;
            color: #fff;
            text-shadow: 3px 3px 10px #222;
        }

    .hpsectiontwo .heading {
        color: #000;
        text-shadow: none; /* Supprimer l'ombre du texte pour plus de lisibilité */
        font-size: 22px; /* Réduire légèrement la taille de la police */
        margin-top: 10px;
    }

        .hpsectiontwo .heading a {
            color: #fff;
        }

    .hpsectiontwo a:hover {
        color: #fff;
        text-decoration: none;
    }

    .hpsectiontwo a:link, .hpsectiontwo a:visited {
        color: #fff;
        text-decoration: none;
        display: inline-block;
    }

    .hpsectiontwo a:active, .hpsectiontwo a:hover {
        color: #fff;
        text-decoration: none;
    }

    .mainbody-inner {
        max-width: 1000px;
        margin: 0 auto;
        padding-left: 0;
        padding-right: 0;
        margin-top: 20px;
        min-height: 800px;
    }
}




@media (min-width: 768px) and (max-width: 992px) {
    .hpsectiontwo .col-md-6 {
        margin-top: 0 !important;
    }
}

@media (min-width: 991px) {
    .TexteImageHomePage {
        height: 0;
        position: relative;
        bottom: 200px;
        font-size: 40px
    }

    .hpsectiontwowrapper {
        background: #fff;
        width: 100%;
        margin: 0 auto;
        float: none;
        text-align: center;
        padding: 0px 0 10px 0;
    }

    .hpsectiontwo {
        display: flex;
        margin: 0 auto;
        max-width: 1019px;
        z-index: 1;
    }

    .hpbox2 {
        width: 548px;
        margin: 5px;
    }

        .hpbox2:hover img {
            opacity: 0.5;
            transition: .5s ease;
        }

        .hpbox2 img {
            box-shadow: rgba(0, 0, 0, 0.1) 1px 3px 10px 1px;
            transition: .5s ease;
            width: 70%;
            height: 324px;
            border-radius: 30px;
        }

        .hpbox2 .heading {
            height: 0;
            position: relative;
            bottom: 170px;
            color: #fff;
            text-shadow: 3px 3px 10px #222;
        }

    .hpsectiontwo .heading a {
        color: #fff;
    }

    .hpsectiontwo a:link, .hpsectiontwo a:visited {
        color: #fff;
        text-decoration: none;
        display: inline-block;
        margin-top: 48px;
    }

    .hpsectiontwo a:active, .hpsectiontwo a:hover {
        color: #fff;
        text-decoration: none;
    }

    .mainbody-inner {
        max-width: 1200px;
        margin: 0 auto;
        padding-left: 0;
        padding-right: 0;
        margin-top: 170px;
        min-height: 800px;
    }
}

.HomePageTextH3 {
    text-align: center;
    font-family: Poppins-Bold, sans-serif;
    font-weight: bold;
    font-size: 28px;
    padding: 40px;
    margin-bottom: -60px;
}

    .HomePageTextH3 asp\:Label {
        font-size: 24px;
        font-weight: bold;
        color: #333;
        line-height: 1.5;
    }

@media (max-width: 768px) {
    .HomePageTextH3 asp\:Label {
        font-size: 18px;
    }

    .hpsectiontwo .col-md-6 {
        display: flex;
        align-items: center; /* Centrer verticalement le texte */
        justify-content: flex-start;
        padding: 8px;
        margin-top: 80px !important;
    }

    .btn {
        background-color: #EE7154;
        color: white;
        padding: 10px 20px;
        border-radius: 20px;
        text-align: center;
        font-weight: bold;
        transition: background-color 0.3s ease;
        border: black;
        margin: 18px;
    }
}

/* Style pour les titres h3 dans la section */
.TexteImageHomePage h3 {
    font-size: 28px;
    font-weight: bold;
    color: #333333; /* Couleur du texte */
    margin-bottom: 10px;
}

/* Style pour les paragraphes sous les titres */
.TexteImageHomePage p {
    font-size: 16px;
    color: #555555; /* Couleur légèrement plus claire pour le texte */
    line-height: 1.6; /* Espacement entre les lignes */
    font-weight: 500;
    width: auto;
}

/* Ajouter un peu d'espacement autour de chaque bloc de texte */
.hpsectiontwo .TexteImageHomePage {
    /* padding: 15px 20px;*/
}

/* Pour ajuster le placement du texte dans les colonnes */
.hpsectiontwo .col-md-6 {
    display: flex;
    align-items: center; /* Centrer verticalement le texte */
    justify-content: flex-start;
    padding: 8px;
    margin-top: 130px;
}

/* Style pour les images */
.hpsectiontwo .hpbox2 .image {
    max-width: 70%; /* Assurer que l'image ne dépasse pas son conteneur */
    height: auto;
    border-radius: 42px; /* Arrondir les coins des images */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Ajouter une légère ombre */
}

/* Style pour la section deux */
.hpsectiontwo {
    padding: 15px; /* Ajout de padding pour que le contenu ne touche pas les bords */
    border-radius: 35px; /* Optionnel : arrondir légèrement les coins */
    width: auto;
    padding-bottom: 0px;
    margin-top: -26px;
}

    .hpsectiontwo .TexteImageHomePage .image {
        width: 58px;
        transition: transform 0.3s ease; /* Animation pour un effet de zoom */
    }

/* Caché par défaut */
.hidden {
    display: none;
}

.logo-text-wrapper {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    transition: all 0.3s ease-in-out;
}

.logo-image {
    margin-right: 15px;
    transition: all 0.3s ease-in-out;
}

.text-content {
    transition: all 0.3s ease-in-out;
    margin-top: -58px;
    padding: 20px;
}

.hpsectiontwo.expanded .logo-text-wrapper {
    transform: translateY(-25px);
}

.hpsectiontwo.expanded .logo-image {
    width: 50px; /* Réduire la taille du logo si nécessaire */
    height: auto;
}

.hpsectiontwo.expanded .text-content {
    font-size: 1.2em; /* Ajuster la taille du texte si nécessaire */
}

/* Ligne horizontale personnalisée */
.custom-horizontal-line {
    border: 0;
    height: 5px;
    background-color: #FF6F4C;
    margin-top: 10px;
    margin-bottom: 20px;
    width: 325px;
    margin-left: auto;
    margin-right: auto;
}

/* Effet hover sur le texte */
.TexteImageHomePage .toggle-text:hover {
    transform: scale(0.9); /* Dézoom */
    filter: brightness(1.2); /* Change légèrement la couleur en l'éclaircissant */
}

/* Bouton de la page d'accueil */
.btn-home-page {
    background-color: #EE7154;
    color: white;
    border-radius: 15px;
    width: 112px;
    height: 31px;
}

    .btn-home-page:hover {
        filter: brightness(1.2);
    }


/*SECTION FOUR STYLES HOME PAGE - TRAINING SPOTLIGHT*/
@media (max-width: 767px) {
    .spotlight-wrapper {
        max-width: 1200px;
        margin: 0 auto;
        float: none;
        text-align: center;
        padding: 10px 0 50px 0;
    }

    .spotlightcol1 {
        padding: 0 20px;
    }

        .spotlightcol1 .heading {
            padding: 20px;
            font-size: 30px;
            text-align: center;
            font-weight: bold;
        }

        .spotlightcol1 img {
            margin: 10px;
        }

        .spotlightcol1 div {
            display: block;
        }

    .spotlightcol2 {
        padding: 20px 40px;
        text-align: center;
        font-size: 18px;
        line-height: 24px;
    }

        .spotlightcol2 .heading {
            text-align: center;
            font-size: 30px;
            font-weight: bold;
            margin-bottom: 15px;
        }

        .spotlightcol2 .mg-btn-primary {
            min-width: 200px;
            margin-top: 15px;
            font-size: 18px;
        }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .spotlight-wrapper {
        width: 100%;
        background: #fff;
        text-align: center;
        padding: 40px 0;
    }

    .spotlightrow {
        max-width: 1200px;
        margin: 0 auto;
        float: none;
    }

    .spotlightcol1 {
        padding: 0 10px;
    }

        .spotlightcol1 .heading {
            padding: 0 10px 10px 20px;
            font-size: 28px;
            text-align: left;
            font-weight: bold;
        }

        .spotlightcol1 img {
            margin: 5px;
            max-width: 125px;
        }

        .spotlightcol1 div {
            display: inline-block;
        }

    .spotlightcol2 {
        padding: 10px 20px 40px 20px;
        text-align: center;
        font-size: 18px;
        line-height: 24px;
    }

        .spotlightcol2 .heading {
            text-align: center;
            font-size: 28px;
            font-weight: bold;
            margin-bottom: 15px;
        }

        .spotlightcol2 .mg-btn-primary {
            min-width: 200px;
            margin-top: 15px;
            font-size: 18px;
        }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .spotlight-wrapper {
        width: 100%;
        background: #fff;
        text-align: center;
        padding: 50px 0;
    }

    .spotlightrow {
        max-width: 1200px;
        margin: 0 auto;
        float: none;
    }

    .spotlightcol1 {
        padding: 0 20px;
    }

        .spotlightcol1 .heading {
            padding: 0 20px 10px 5px;
            font-size: 30px;
            float: left;
            text-align: left;
            font-weight: bold;
        }

        .spotlightcol1 img {
            margin: 10px 5px;
            max-width: 200px;
        }

        .spotlightcol1 div {
            display: inline-block;
        }

    .spotlightcol2 {
        padding: 50px 40px 40px 40px;
        text-align: center;
        font-size: 18px;
        line-height: 24px;
    }

        .spotlightcol2 .heading {
            text-align: center;
            font-size: 30px;
            font-weight: bold;
            margin-bottom: 15px;
        }

        .spotlightcol2 .mg-btn-primary {
            min-width: 200px;
            margin-top: 15px;
            font-size: 18px;
        }

    .HomePageAddOn {
        display: inline-flex;
        width: 100%;
        justify-content: center;
    }

        .HomePageAddOn div {
            margin: 15px;
        }
}

@media (min-width: 1200px) {
    .spotlight-wrapper {
        width: 100%;
        background: #fff;
        text-align: center;
        padding: 50px 0;
    }

    .spotlightrow {
        max-width: 1200px;
        margin: 0 auto;
        float: none;
    }

    .spotlightcol1 {
        padding: 0 20px;
    }

        .spotlightcol1 .heading {
            padding: 0 20px 10px 5px;
            font-size: 30px;
            float: left;
            text-align: left;
            font-weight: bold;
        }

        .spotlightcol1 img {
            margin: 10px;
            max-width: 250px;
        }

        .spotlightcol1 div {
            display: inline-block;
        }

    .spotlightcol2 {
        padding: 115px 40px 40px 40px;
        text-align: center;
        font-size: 18px;
        line-height: 24px;
    }

        .spotlightcol2 .heading {
            text-align: center;
            font-size: 30px;
            font-weight: bold;
            margin-bottom: 15px;
        }

        .spotlightcol2 .mg-btn-primary {
            min-width: 200px;
            margin-top: 15px;
            font-size: 18px;
        }

    .SearchAddOn {
        right: 16vw;
        position: absolute;
    }

    .HomePageAddOn {
        top: 563px;
        position: absolute;
        width: 100%;
        display: flex;
        flex-direction: column;
        align-content: center;
        flex-wrap: wrap
    }

    .HomePageAddOnBox {
        left: 665px;
        position: relative;
    }

    .HomePageAddOn2 {
        float: right;
        bottom: 875px;
        position: relative;
        margin-right: -14%;
    }
}

@media (max-width: 767px) {
    /* Articles - Home Page */
    .articles-wrapper {
        padding: 0 15px 0 15px;
        background: #e6e6e6;
    }

    .articles-homepage {
        max-width: 1200px;
        margin: 0 auto;
        float: none;
    }
    /*.articles-homepage .mgpanel-defaulthm .mgpanel-body {padding:10px 0; margin:0 10px;}*/
    #ArticlesHeading {
        color: #222;
        text-transform: uppercase;
        border-color: #e6e6e6;
        padding: 24px 0 10px 0;
        font-size: 24px;
        text-align: center;
    }

    .articles-homepage .morebutton {
        padding-left: 0;
        padding-right: 0;
    }
}

@media (min-width: 768px) (max-width: 992px) {
    .articles-homepage {
        max-width: 1200px;
        margin: 0 auto;
        float: none;
    }
}

@media (min-width: 768px) {
    /* Articles - Home Page */
    .articles-wrapper {
        padding: 20px 0 0 0;
        background: #ffff;
        bottom: 638px;
        position: relative;
    }

    .articles-homepage {
        max-width: 1200px;
        margin: 0 auto;
        float: none;
    }

        .articles-homepage .mgpanel-defaulthm .mgpanel-body {
            padding: 0;
            margin-bottom: 20px;
        }

    #ArticlesHeading {
        color: #222;
        text-transform: uppercase;
        background: #ffff;
        padding: 15px 0 25px 0;
        font-size: 24px;
        text-align: center;
    }

        #ArticlesHeading .morelink .btn {
        }
}

@media (max-width: 767px) {
    /* Featured Listings - Home Page EMHomePageJobs */
    .OrangeBarHomePage {
        border: 4px solid #EE7154;
        margin-left: 45%;
        width: 26%;
        bottom: 26px;
        position: relative;
        border-radius: 10px;
    }

    .BoxLabelHomePage {
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
    }

        .BoxLabelHomePage img {
            width: auto;
            height: 20px !important;
        }
    /* Featured Listings - Home Page */
    .featlisting-homepage {
        max-width: 1200px;
        margin: 0 auto;
        float: none;
    }

        .featlisting-homepage .mgpanel-defaulthm .mgpanel-body {
            padding: 10px 15px;
            margin: 0 0 20px 0;
        }

        .featlisting-homepage .mgpanel-headinghm {
            color: #222;
            text-transform: uppercase;
            background: #fff;
            border-color: #fff;
            padding: 0 5px 10px 0;
            font-size: 24px;
            text-align: center;
        }

        .featlisting-homepage .morebutton {
            padding-left: 0;
            padding-right: 0;
        }

    /* Browse Categories - Home Page */
    .browse-wrapper {
        padding: 30px 15px 15px 15px;
        background: #ee7154;
    }

    .browse-homepage {
        max-width: 1200px;
        margin: 0 auto;
        float: none;
    }

    .browse-wrapper #BrowseHeading {
        color: #fff;
        text-transform: uppercase;
        background: #ee7154;
        padding: 15px 0;
        font-size: 24px;
        text-align: center;
    }

    #BrowseHeading {
        color: #fff;
        background: #fff;
        border-color: #fff;
        padding: 5px 10px;
        font-size: 22px;
    }

    .browse-homepage .mgbrowsecat {
        background: #ee7154;
        border: none;
        padding: 0 10px;
        box-shadow: none;
        text-align: center;
    }

        .browse-homepage .mgbrowsecat a {
            color: #fff;
            line-height: 30px;
            font-size: 16px;
        }
    /* Right Column Browse Styles */
    .mgbrowsecat {
        background: #fff;
        border: 1px solid #fff;
        box-shadow: rgba(0, 0, 0, 0.1) 1px 3px 10px 1px;
    }

        .mgbrowsecat a {
            color: #222;
            line-height: 30px;
            font-size: 16px;
        }
}

@media (min-width: 768px) {
    /* Featured Listings - Home Page EMHomePageJobs */
    .OrangeBarHomePage {
        border: 4px solid #EE7154;
        margin: 0 auto;
        width: 28%;
        bottom: 20px;
        position: relative;
        border-radius: 10px;
    }

    .BoxLabelHomePage {
        display: flex;
        justify-content: center;
    }

        .BoxLabelHomePage img {
            width: auto;
            height: 20px;
            margin: 10px
        }

        .BoxLabelHomePage input {
            width: auto;
            height: 20px;
            margin: 10px
        }
    /* Featured Listings - Home Page */
    .featlisting-wrapper {
        /*padding: 30px 0 0 0;*/
        background: #e6e6e6;
        width: 100%;
    }

    .featlisting-homepage {
        max-width: 1200px;
        margin: 0 auto;
        float: none;
    }

        .featlisting-homepage .mgpanel-defaulthm .mgpanel-body {
            padding: 0;
            margin: 0;
        }

        .featlisting-homepage .mgpanel-headinghm {
            color: #222;
            text-transform: uppercase;
            background: #e6e6e6;
            border-color: #e6e6e6;
            padding: 10px 0 30px 0;
            font-size: 24px;
            text-align: center;
        }

        .featlisting-homepage .morelink a {
            color: #222;
            font-size: 18px;
        }
    /*.featlisting-homepage .morelink .btn {position:relative; left:20px;}*/

    /* Browse Categories - Home Page */
    .browse-wrapper {
        padding: 30px 0 15px 0;
        background: #ee7154;
        border-top: 1px solid #ee7154;
        border-bottom: 1px solid #ee7154;
    }

    .browse-homepage {
        max-width: 1200px;
        margin: 0 auto;
        float: none;
    }

    .browse-wrapper #BrowseHeading {
        color: #fff;
        text-transform: uppercase;
        background: #ee7154;
        padding: 10px 0 20px 0;
        font-size: 24px;
        text-align: center;
    }

    #BrowseHeading {
        color: #222;
        background: #fff;
        border-color: #fff;
        padding: 15px 2px;
        font-size: 24px;
    }

    .browse-homepage .mgbrowsecat {
        background: #ee7154;
        border: none;
        padding: 20px 0;
        margin-left: -12px;
        box-shadow: none;
    }

        .browse-homepage .mgbrowsecat a {
            color: #fff;
            line-height: 34px;
            font-size: 16px;
        }
    /* Right Column Browse Styles */
    .mgbrowsecat {
        background: #fff;
        border: 1px solid #fff;
        box-shadow: rgba(0, 0, 0, 0.1) 1px 3px 10px 1px;
    }

        .mgbrowsecat a {
            color: #222;
            line-height: 30px;
            font-size: 16px;
        }
}

@media (max-width: 767px) {
    .mgh1 {
        margin: 0;
        padding: 5px 0;
        font-size: 1px;
        color: white;
        font-weight: bold;
        text-align: center;
    }

    .h1div {
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .mgh1 {
        margin: 0;
        padding: 5px 0 5px 0;
        font-size: 1px;
        color: white;
        text-align: center;
    }

    .h1div {
        padding-top: 10px;
    }
}

@media (min-width: 992px) {
    /* custom h1 style - home page */
    .mgh1 {
        margin: 0;
        padding: 5px 0 5px 0;
        font-size: 1px;
        color: white;
        text-align: center;
    }

    .h1div {
    }
}

@media (max-width: 1200px) {
    .hidden {
        display: none
    }
}

.text-danger {
    color: red;
    font-weight: bold;
}

.alert-danger {
    line-height: 26px;
    color: #a94442;
    background-color: #fff;
    border-color: #fff;
}

/* Google Translator Styles */
@media (max-width: 767px) {
    .GoogleTranslateDiv {
        text-align: center;
        padding: 5px 0;
    }

    .GoogleTranslator .goog-te-gadget-simple {
        background: #fff;
        color: #222;
        border: 1px solid #ddd;
        font-size: 13px;
        margin: 0 auto;
        padding: 5px 0;
        cursor: pointer;
        zoom: 1;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .GoogleTranslateDiv {
        margin: 10px 0;
        text-align: center;
        padding: 5px 55px 5px 0;
    }

    .GoogleTranslator .goog-te-gadget-simple {
        background: #fff;
        color: #222;
        border: 1px solid #ddd;
        font-size: 13px;
        float: right;
        padding: 5px 0;
        cursor: pointer;
        zoom: 1;
    }
}

@media (min-width: 992px) {
    .GoogleTranslateDiv {
        margin: 8px 0;
        text-align: center;
        padding: 5px 55px 5px 0;
    }

    .GoogleTranslator .goog-te-gadget-simple {
        background: #fff;
        color: #222;
        border: 1px solid #ddd;
        font-size: 13px;
        float: right;
        padding: 5px 10px;
        cursor: pointer;
        zoom: 1;
    }
}

.GoogleTranslator a:link, .GoogleTranslator a:visited {
    color: #555;
    text-decoration: none;
}

.GoogleTranslator a:active, .GoogleTranslator a:hover {
    color: #555;
    text-decoration: none;
}

@media (max-width: 992px) {
    /* Header Styles */
    .affix {
        position: static;
    }

    .HeaderTopBarWrapper {
        display: none;
    }

    .Header1 {
        max-width: 1200px;
        margin: 0 auto;
    }

        .Header1 img {
            max-height: 100px;
            float: left;
            padding: 5px;
        }

    .HeaderTopBar {
        max-width: 1200px;
        margin: 0 auto;
        color: #fff;
    }

    .Header1Wrapper {
        width: 100%;
        background: #000;
        border-bottom: none;
    }

    .Header1a {
        display: inline-block;
    }

        .Header1a img {
            position: absolute;
            top: 0;
            z-index: 1000;
        }

    .Header1b {
        float: none;
        background: #000;
    }
    /*.login_home {width:auto; float:right; position:relative; left:150px; bottom:5px; color:#fff;}
.login_home a {color:#fff; padding:0 4px;}*/
    .ContactUsButton {
        display: none
    }

    .socialheader {
        text-align: left;
        padding: 10px 0 10px 6px;
    }

        .socialheader a {
            color: #fff;
            font-size: 22px;
            padding: 0 6px;
            text-decoration: none;
        }

            .socialheader a:link, .socialheader a:visited {
                color: #fff;
                text-decoration: none;
            }

            .socialheader a:active, .socialheader a:hover {
                color: #ccc;
                text-decoration: none;
            }

    .toplinks {
        color: transparent;
        text-align: center;
        margin: 5px 0;
    }

        .toplinks a {
            padding: 8px 20px;
            line-height: 42px;
            border: 1px solid #e6e6e6;
        }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    /* Header Styles */
    .affix {
        position: fixed;
        top: 0;
        width: 100%;
        -webkit-transition: all .8s ease-in-out;
        transition: all .8s ease-in-out;
        z-index: 10000;
    }

    .HeaderTopBarWrapper {
        font-size: 16px;
        background: #000;
        padding: 5px 0;
        border-bottom: 1px solid #000;
    }

    .HeaderTopBar {
        max-width: 695px;
        margin: 0 auto;
        color: #fff;
        display: flex;
        justify-content: flex-end
    }

    .Header1Wrapper {
        position: fixed;
        width: 100%;
        background: #000;
        border-bottom: none;
        box-shadow: 0 10px 10px -10px #ccc;
    }

    .Header1 {
        display: flex;
        align-items: center;
        justify-content: space-around;
        margin: 0;
        width: 111%;
    }

    .Header1a {
        position: absolute;
        top: 0;
        left: 5px;
    }

        .Header1a img {
            max-height: 95px;
        }

    .Header1b {
        text-align: left;
        display: inherit;
    }

    .Header1c {
        text-align: right;
    }

    .locationlinks {
        display: flex;
        margin-top: 7px;
    }

        .locationlinks a {
        }

    .ContactUsButton {
        background-color: white;
        color: black;
        display: flex;
        justify-content: center;
        padding: 4px 10px;
        margin: 2px 0 18px 12px;
        border-radius: 20px;
        font-size: 11px;
    }

    .toplinks {
        color: #fff;
        float: right;
        width: 260px;
        position: relative;
        top: 15px;
    }

        .toplinks a {
            padding: 0 10px;
            font-size: 14px;
        }

    .LogHeadButton {
        padding: 5px 10px;
        background-color: #ee7154;
        border-radius: 30px;
        color: white;
        font-size: 11px;
        text-decoration: none;
    }

    .hpbuttonsdiv {
        text-align: center;
    }
        /* Action Button */
        .hpbuttonsdiv .mg-btn-action {
            background: #ee7154;
            color: #fff;
            border: 1px solid #ee7154;
            font-size: 16px;
            width: 180px;
            margin: 5px 0;
        }

            .hpbuttonsdiv .mg-btn-action:visited, .hpbuttonsdiv .mg-btn-action:active {
                background: #ee7154;
                color: #fff;
                border: 1px solid #ee7154;
            }

            .hpbuttonsdiv .mg-btn-action:hover, .hpbuttonsdiv .mg-btn-action:focus {
                background: #EB5533;
                color: #fff;
                border: 1px solid #EB5533;
            }
}

@media (min-width: 1200px) {
    /* Header Styles */
    .affix {
        position: fixed;
        top: 0;
        width: 100%;
        -webkit-transition: all .8s ease-in-out;
        transition: all .8s ease-in-out;
        z-index: 10000;
    }

    .HeaderTopBarWrapper {
        font-size: 16px;
        background: #000;
        padding: 0;
        border-bottom: 1px solid #000;
    }

    .HeaderTopBar {
        max-width: 1020px;
        margin: 0 auto;
        color: #fff;
        display: flex;
        justify-content: flex-end;
    }

    .Header1Wrapper {
        position: fixed;
        z-index: 2;
        width: 100%;
        background: #000;
        border-bottom: none;
        box-shadow: 0 10px 10px -10px #ccc;
    }

    .LogHeadButton {
        padding: 5px 10px;
        background-color: #ee7154;
        border-radius: 30px;
        color: white;
        font-size: 11px;
        text-decoration: none;
    }

    .Header1 {
        max-width: 1110px;
        margin: 0 auto;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .Header1a {
        position: absolute;
        top: 0;
        margin: 0 90% 0 10%
    }

        .Header1a img {
            max-height: 130px;
            position: static;
            bottom: 0px;
            padding-right: 150px;
            z-index: 1;
        }

    .Header1b {
        text-align: left;
        display: inherit;
    }

    .Header1c {
        text-align: right;
    }

    .HyperlinkImg {
        position: absolute;
        display: inline;
        z-index: 1;
        top: 0;
        left: 0;
        width: 100%
    }

    .locationlinks {
        display: flex;
        margin-top: 7px;
        flex-direction: column;
    }

    .toplinks {
        color: #fff;
        float: right;
        width: 260px;
        position: relative;
        left: 35px;
        top: 20px;
    }

        .toplinks a {
            padding: 0 10px;
            font-size: 14px;
        }

    .ContactUsButton {
        background-color: white;
        color: black;
        display: flex;
        justify-content: center;
        padding: 3px 0px;
        margin: 10px 0 10px 10px;
        border-radius: 20px;
        font-size: 11px
    }

    .hpbuttonsdiv {
        text-align: center;
    }
        /* Action Button */
        .hpbuttonsdiv .mg-btn-action {
            background: #ee7154;
            color: #fff;
            border: 1px solid #ee7154;
            font-size: 16px;
            width: 180px;
            margin: 5px 0;
        }

            .hpbuttonsdiv .mg-btn-action:visited, .hpbuttonsdiv .mg-btn-action:active {
                background: #ee7154;
                color: #fff;
                border: 1px solid #ee7154;
            }

            .hpbuttonsdiv .mg-btn-action:hover, .hpbuttonsdiv .mg-btn-action:focus {
                background: #EB5533;
                color: #fff;
                border: 1px solid #EB5533;
            }
}

@media (min-width: 1200px) and (max-width: 1470px) {
    .Header1 {
        margin: 5px auto 0 100px;
    }

    .Header1a {
        margin-left: 10px;
        left: 0px;
    }

        .Header1a img {
            max-height: 113px;
            bottom: 0px;
            padding-right: 138px;
            z-index: 1;
        }
}

.toplinks a:link, .toplinks a:visited {
    color: #fff;
    text-decoration: none;
}

.toplinks a:active, .toplinks a:hover {
    color: #fff;
    text-decoration: underline;
}


.maincontenthp {
    width: 100%;
    margin: 0 auto;
}

.homepagetext {
    max-width: 1200px;
    margin: 0 auto;
}

.hptext-panel {
    border: none;
}

/* Top Navigation Styles */
@media (max-width: 992px) {
    .mgtopnav {
        min-height: 20px !important;
        margin: 0 auto;
        padding: 5px 0 5px 0;
        background: #000;
        border: none;
        max-width: 1200px;
    }

        .mgtopnav .navbar-nav > li > a {
            padding: 3px 7px;
            background-color: #ee7154;
            border-radius: 30px;
            color: white;
            font-size: 18px;
            text-decoration: none;
            line-height: 19px;
            width: 41vw;
            text-align: center;
            margin: 5px 0;
            max-width: 356px;
            height: 42px;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        /*.mgtopnav .navbar-nav > li > a:hover,*/
        /*.mgtopnav .navbar-nav > li > a:focus {color:#fff; background:none;}*/
        .mgtopnav .navbar-nav > .active > a,
        /*.mgtopnav .navbar-nav > .active > a:hover,*/
        /*.mgtopnav .navbar-nav > .active > a:focus {background:#000; color:#fff; border:none;}*/
        .mgtopnav .dropdown-menu > li > a {
            background: #000;
            color: #fff;
            display: block;
            padding: 10px 15px;
            font-size: 18px;
            clear: both;
            font-weight: normal;
            line-height: 1.42857143;
            white-space: nowrap;
        }
        /*.mgtopnav .dropdown-menu > li > a:hover {background:#000; color:#fff;}*/
        .mgtopnav .dropdown-menu {
            padding: 5px 10px;
            background: #000;
            color: #fff;
        }

        .mgtopnav .navbar-toggle {
            color: #fff;
            background: none;
            border: none;
            position: relative;
            top: -10px;
        }

            .mgtopnav .navbar-toggle .glyphicon {
                font-size: 40px;
                min-width: 24px;
            }

        .mgtopnav .pull-left {
            float: right !important;
        }

    .navbar-default .navbar-collapse, .navbar-default .navbar-form {
        border-color: none;
    }

    .navbar-nav {
        display: flex;
        flex-direction: column;
        align-items: center;
        z-index: 10;
        position: relative;
    }

    .mgtopnav .btn:hover {
        background: none;
    }

    .mgtopnav .btn:focus {
        background: none;
    }

    .navbar-nav .open .dropdown-menu > li > a {
        line-height: 30px;
    }

    .mgtopnav .glyphicon {
        font-size: 16px;
        padding: 8px 5px;
        color: #fff;
        min-width: 24px;
    }

    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #fff;
    }

    .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
        color: #fff;
        background: none;
    }

    .EmployerTextJobs {
        margin: 25px 20px;
        font-size: 18px;
        overflow-x: hidden;
        display: block;
        max-height: 195px;
        text-align: center;
    }

    .EmployerListingJobs {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        margin-top: 22px;
        gap: 10px;
    }

        .EmployerListingJobs div {
            margin: 0 10px;
            border-radius: 48px;
            font-size: 17px;
            padding: 5px 13px;
            display: flex;
            align-items: center;
        }

        .EmployerListingJobs img {
            height: 30px;
            margin-right: 10px;
        }

    .BoxEntrepriseJob {
        border: 4px #dfdfdfee solid;
        margin: 20px auto;
        border-radius: 20px;
        padding: 20px 20px;
        max-height: 450px;
        width: 100%;
        background-color: #eeeeee;
    }

    .TitleEntreprise {
        font-size: 22px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: block;
        text-align: center;
        margin: 0 auto;
    }

    .searchbuttons {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }

    #PageContent_Label_ReturnedResults {
        display: block;
        width: max-content;
        margin: 0 auto;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .dropdown:hover .dropdown-menu {
        display: block;
    }
    /*dropdowns will open on hover*/
    .affix {
        position: fixed;
        top: 0;
        width: 100%;
        -webkit-transition: all .8s ease-in-out;
        transition: all .8s ease-in-out;
        z-index: 10000;
    }

    .mgtopnav {
        min-height: 40px !important;
        border: none;
        margin: 0;
    }

        .mgtopnav .navbar-nav > li > a {
            background: none;
            font-size: 17px;
            font-weight: bold;
            padding: 5px 12px;
            white-space: nowrap;
            line-height: 24px;
            font-family: Verdana, sans-serif;
        }

            .mgtopnav .navbar-nav > li > a:hover {
                color: #ee7154;
                background: none;
            }

            .mgtopnav .navbar-nav > li > a:focus {
                color: #ee7154;
                background: none;
            }

        .mgtopnav .navbar-nav > .active > a,
        .mgtopnav .navbar-nav > .active > a:hover,
        .mgtopnav .navbar-nav > .active > a:focus {
            color: #ee7154;
            background: none;
            border: none;
        }

        .mgtopnav .dropdown-menu > li > a {
            background: #fff;
            color: #222;
            display: block;
            padding: 8px 5px 8px 10px;
            font-size: 16px;
            clear: both;
            font-weight: normal;
            line-height: 1.42857143;
            white-space: nowrap;
        }

            .mgtopnav .dropdown-menu > li > a:hover {
                background: #fff;
                color: #ee7154;
            }

        .mgtopnav .dropdown-menu {
            padding: 5px;
            background: #fff;
            border-top: 4px solid #ee7154;
            color: #222;
        }

        .mgtopnav .navbar-toggle {
            font-size: 18px;
            color: #fff;
            margin-top: 1px;
            margin-bottom: 1px;
            box-shadow: none
        }

        .mgtopnav .btn:hover {
            background: none;
        }

        .mgtopnav .btn:focus {
            background: none;
        }

    .navbar-nav .open .dropdown-menu > li > a {
    }

    .mgtopnav .glyphicon {
        font-size: 12px;
        padding: 4px 2px;
        min-width: 24px;
    }

    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #222;
        background: none;
    }

    .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
        color: #222;
        background: none;
    }
}

@media(min-width : 1200px) {
    .dropdown:hover .dropdown-menu {
        display: block;
    }
    /*dropdowns will open on hover*/
    .affix {
        position: fixed;
        top: 0;
        width: 100%;
        -webkit-transition: all .8s ease-in-out;
        transition: all .8s ease-in-out;
        z-index: 10000;
    }

    .mgtopnav {
        min-height: 40px !important;
        margin: 10px auto;
        border: none;
        display: flex;
        align-items: center;
    }

        .mgtopnav .navbar-nav > li > a {
            background: none;
            font-size: 21px;
            font-weight: bold;
            padding: 5px 24px;
            white-space: nowrap;
            line-height: 24px;
            font-family: Verdana, sans-serif;
        }

            .mgtopnav .navbar-nav > li > a:hover {
                color: #ee7154;
                background: none;
            }

        .mgtopnav .navbar-nav > .active > a,
        .mgtopnav .navbar-nav > .active > a:hover,
        .mgtopnav .dropdown-menu > li > a {
            background: #fff;
            color: #222;
            display: block;
            padding: 8px 5px 8px 10px;
            font-size: 16px;
            clear: both;
            font-weight: normal;
            line-height: 1.42857143;
            white-space: nowrap;
        }

            .mgtopnav .dropdown-menu > li > a:hover {
                background: #fff;
                color: #ee7154;
            }

        .mgtopnav .dropdown-menu {
            padding: 5px;
            background: #fff;
            border-top: 4px solid #ee7154;
            color: #222;
        }

        .mgtopnav .navbar-toggle {
            font-size: 18px;
            color: #fff;
            margin-top: 1px;
            margin-bottom: 1px;
            box-shadow: none
        }

        .mgtopnav .btn:hover {
            background: none;
        }

        .mgtopnav .btn:focus {
            background: none;
        }

    .navbar-nav .open .dropdown-menu > li > a {
    }

    .mgtopnav .glyphicon {
        font-size: 12px;
        padding: 4px 2px;
        min-width: 24px;
    }

    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #222;
        background: none;
    }

    .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
        color: #222;
        background: none;
    }
}


@media (max-width: 767px) {
    /* Headings - Home Page */
    .mgpanel-headinghm {
        color: #222;
        background: #fff;
        border-color: #fff;
        padding: 15px 0;
        font-size: 24px;
    }

    .panel-heading {
        color: #222;
        background: #fff;
        border-color: #fff;
        padding: 15px 0;
        font-size: 24px;
    }

    .mgpanel-heading {
        color: #222;
        background: #fff;
        border-color: #fff;
        padding: 15px 0;
        font-size: 24px;
    }

    .empanel-heading {
        color: #222;
        background: #fff;
        border-color: #fff;
        padding: 15px 0;
        font-size: 24px;
    }

    .mgpanel-defaulthm .mgpanel-body {
        padding: 10px 15px;
        margin-bottom: 20px;
    }

    .mgpanel-defaulthm .mgpanel-bodyhm {
        padding: 10px 15px;
        margin-bottom: 20px;
    }

    /* Headings - Search and Browse */
    .mgpanel-default > .mgpanel-heading {
        color: #222;
        background: #fff;
        border-color: #fff;
        padding: 15px 0;
        font-size: 24px;
    }

    /* Headings - My Account Listings - Favorites - Saved Searches - Subscriptions */
    .mgpanel-headingaccount {
        color: #ee7154;
        background-color: #fff;
        border: 1px solid #e6e6e6;
        padding: 10px 10px;
        font-size: 18px;
        margin: 0px 0 0 0;
        text-align: center;
    }

        .mgpanel-headingaccount .badge {
            display: block;
            min-width: 10px;
            max-width: 27px;
            padding: 5px 10px;
            font-size: 15px;
            font-weight: 700;
            line-height: 1;
            color: #fff;
            text-align: center;
            white-space: nowrap;
            position: relative;
            right: 8px;
            background-color: black;
            border-radius: 50px;
            border: 1px solid #fff;
        }
}

@media (min-width: 768px) {
    /* Headings - Home Page */
    .mgpanel-headinghm {
        color: #222;
        background: #fff;
        border-color: #fff;
        padding: 15px 0;
        font-size: 24px;
    }

    .panel-heading {
        color: #222;
        background: #fff;
        border-color: #fff;
        padding: 15px 0;
        font-size: 24px;
    }

    .mgpanel-heading {
        color: #222;
        background: #fff;
        border-color: #fff;
        padding: 15px 0;
        font-size: 24px;
    }

    .empanel-heading {
        color: #222;
        background: #fff;
        border-color: #fff;
        padding: 15px 0;
        font-size: 24px;
    }

    .mgpanel-defaulthm .mgpanel-body {
        padding: 10px 15px;
        margin-bottom: 20px;
    }

    .mgpanel-defaulthm .mgpanel-bodyhm {
        padding: 10px 15px;
        margin-bottom: 20px;
    }

    /* Headings - Search and Browse */
    .mgpanel-default > .mgpanel-heading {
        color: #222;
        background: #fff;
        border-color: #fff;
        padding: 15px 0;
        font-size: 24px;
    }

    /* Headings - My Account Listings - Favorites - Saved Searches - Subscriptions */
    .mgpanel-headingaccount {
        color: #ee7154;
        background-color: #fff;
        border: 1px solid #e6e6e6;
        padding: 10px 10px;
        font-size: 20px;
        margin: 0px 0 0 0;
    }

        .mgpanel-headingaccount .badge {
            display: block;
            float: left;
            min-width: 10px;
            padding: 5px 10px;
            font-size: 15px;
            font-weight: 700;
            line-height: 1;
            color: #222;
            text-align: center;
            white-space: nowrap;
            position: relative;
            right: 8px;
            background: #fff;
            border-radius: 50px;
            border: 1px solid #e6e6e6;
        }
}


/* Button Styles */
@media (max-width: 767px) {
    .listingpanel .mg-btn-primary {
        width: 100%;
        margin: 5px 0;
    }

    .listmapbtn {
        padding-top: 10px;
    }
    /*map it button in listing create*/
    .contactbtn .btn {
        width: 100%;
    }
    /*contact form button*/
    .visitbtn .btn {
        width: 100%;
        margin-top: 25px;
    }
    /*Photo gallery website button*/
}

@media (min-width: 768px) {
    .ButtonResume {
        display: flex;
        margin: 0;
        justify-content: center;
        margin-bottom: 40px;
    }

        .ButtonResume input {
            margin: 0 20px;
            min-width: 300px
        }

    .listingpanel .mg-btn-primary {
    }

    .listmapbtn {
        padding-top: 10px;
    }
    /*map it button in listing create*/
    .contactbtn .btn {
        min-width: 200px;
    }
    /*contact form button*/
    .visitbtn .btn {
        min-width: 300px;
        margin-top: 25px;
    }
    /*Photo gallery website button*/
}


.btn {
    font-size: 16px;
    border-radius: 50px;
    transition: 250ms all ease-in-out;
    color: white;
    background: #EE7154;
}

.mg-btn-secondary {
    background: #555;
    color: #fff;
    border: 1px solid #555;
}

    .mg-btn-secondary:active, .mg-btn-secondary:visited {
        background: #555;
        color: #fff;
        border: 1px solid #555;
    }

    .mg-btn-secondary:hover, .mg-btn-secondary:focus {
        background: #333;
        color: #fff;
        border: 1px solid #333;
    }

.mg-btn-primary {
    background: #ee7154;
    color: #fff;
    border: 1px solid #ee7154;
}

    .mg-btn-primary:active, .mg-btn-primary:visited {
        background: #ee7154;
        color: #fff;
        border: 1px solid #ee7154;
    }

    .mg-btn-primary:hover, .mg-btn-primary:focus {
        background: #EB5533;
        color: #fff;
        border: 1px solid #EB5533;
    }

.hpbox .mg-btn-white {
    background: #fff;
    color: #222;
    border: 1px solid #fff;
}

    .hpbox .mg-btn-white:active, .hpbox .mg-btn-white:visited {
        background: #fff;
        color: #222;
        border: 1px solid #fff;
    }

    .hpbox .mg-btn-white:hover, .hpbox .mg-btn-white:focus {
        background: #ccc;
        color: #222;
        border: 1px solid #fff;
    }

/* Action Button */
.mg-btn-action {
    background: #ee7154;
    color: #fff;
    border: 1px solid #ee7154;
    font-size: 18px;
    width: 230px;
}

    .mg-btn-action:visited, .mg-btn-action:active {
        background: #ee7154;
        color: #fff;
        border: 1px solid #ee7154;
    }

    .mg-btn-action:hover, .mg-btn-action:focus {
        background: #EB5533;
        color: #fff;
        border: 1px solid #EB5533;
    }

.advsearchbtn .mg-btn-primary {
    width: 100%;
}

@media (max-width: 767px) {
    /* More Button */
    .mg-btn-more {
        background: #ee7154;
        color: #fff;
        border: 1px solid #ee7154;
        width: 38%;
        margin-top: 10px;
        padding: 8px 15px;
        margin-bottom: 128px;
    }

        .mg-btn-more:visited, .mg-btn-more:active {
            background: #ee7154;
            color: #fff;
            border: 1px solid #ee7154;
        }

        .mg-btn-more:hover, .mg-btn-more:focus {
            background: #EB5533;
            color: #fff;
            border: 1px solid #EB5533;
        }
}

@media (min-width: 768px) {
    .morelink .mg-btn-more {
        background: #fff;
        color: #222;
        border: 1px solid #fff;
        font-size: 18px;
        padding: 8px 15px 4px 15px;
        min-width: 180px;
        position: relative;
        bottom: 4px;
        text-decoration: underline;
    }

        .morelink .mg-btn-more:visited, .morelink .mg-btn-more:active {
            background: #fff;
            color: #222;
            border: 1px solid #fff;
        }

        .morelink .mg-btn-more:hover, .morelink .mg-btn-more:focus {
            background: #fff;
            color: #222;
            border: 1px solid #fff;
        }
    /* More Button */
    .morebutton {
        max-width: 1200px;
        margin: 0 auto;
        text-align: center;
    }

        .morebutton .mg-btn-more {
            background: #ee7154;
            color: #fff;
            border: 1px solid #ee7154;
            font-size: 18px;
            padding: 8px 15px;
            min-width: 300px;
            margin: 0 auto;
            text-decoration: none;
            text-align: center;
            margin-top: 45px;
            margin-bottom: 35px;
        }

            .morebutton .mg-btn-more:visited, .morebutton .mg-btn-more:active {
                background: #ee7154;
                color: #fff;
                border: 1px solid #ee7154;
                text-decoration: none;
            }

            .morebutton .mg-btn-more:hover, .morebutton .mg-btn-more:focus {
                background: #EB5533;
                color: #fff;
                border: 1px solid #EB5533;
                text-decoration: none;
            }
}

.BoxBannerData {
    width: 100%;
    background: #000;
    display: flex;
    justify-content: center;
    padding: 0 350px;
}

.BoxData {
    display: flex;
}

    .BoxData img {
        height: 100px;
        margin: 11px;
        margin-right: 20px;
    }

.DataAndText {
    font-size: 20px;
    color: white
}

    .DataAndText span:first-child {
        color: #ee7154;
        margin: 10px 0 10px 0
    }

.BoxContainer {
    width: 100%;
    max-width: 1050px;
    display: flex;
    overflow: hidden;
    left: 6%;
    position: relative;
}

/* Search page Css*/
@media (max-width: 767px) {
    .BoxGlobalJob {
        width: 100% !important;
        margin: 0 auto;
    }


    .logoJobDisplayAndText img {
        display: none;
    }

    .BoxJobFact {
        width: 100%;
        padding: 15px 10px;
        display: flex;
        flex-direction: column;
    }

        .BoxJobFact .job-title {
            font-size: 18px;
            margin-bottom: 10px;
        }

        .BoxJobFact .details {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            margin-top: 5px;
        }

        .BoxJobFact .btn {
            width: 100%;
            text-align: center;
            margin-top: 10px;
        }

        .BoxJobFact img {
            max-width: 100%;
            height: auto;
            margin-bottom: 10px;
        }
}

@media (max-width: 991.98px) {
    .BoxGlobalJob {
        width: 90vw !important;
        margin: 0 auto;
    }
}


@media (max-width: 1199.98px) {
    .BoxGlobalJob {
        display: flex;
        border: 3px solid #eeee;
        margin-bottom: 22px;
        border-radius: 28px;
        padding: 15px 20px;
        width: 75vw;
        z-index: 1;
        position: relative;
        flex-direction: column;
        max-height: fit-content;
    }

    .BoxJobinformation {
        margin-right: 20px;
        width: 100%;
        height: 200px;
        display: inline-block;
    }

        .BoxJobinformation span {
            font-size: 16px;
        }

        .BoxJobinformation .logoJobDisplayAndText .listingtitle a {
            font-weight: bold;
            text-decoration: none;
            color: #222;
            width: 100%;
            overflow: hidden;
            height: 92px !important;
            padding-right: 1300px !important;
        }

        .BoxJobinformation .logoJobDisplayAndText .listingtitle {
            padding-bottom: 5px;
            font-size: 24px;
            display: flex;
            min-height: 80px;
            align-items: center;
        }

    .logoJobDisplayAndText {
        margin-top: 8px;
        display: flex;
    }

        .logoJobDisplayAndText span:first-child {
            overflow-x: hidden;
            width: 70%;
        }

        .logoJobDisplayAndText a {
            max-height: 150px;
            min-width: 225%;
            margin-right: 14px;
            height: auto;
            padding: 12px;
            display: flex;
            align-items: center;
        }

    .GreyBarJobsBox {
        display: flex;
        align-items: center;
        justify-content: center;
        bottom: 36px;
        position: relative;
    }

    .GreyBarJobs {
        border: 2px solid #eeee;
        height: 5px;
        width: 720px;
        border-radius: 20px;
        background: #eeee;
    }

    .BoxJobFact {
        width: 100%;
        display: flex;
        height: 100%;
        align-items: flex-start;
        justify-content: flex-start;
        bottom: 15px;
        position: relative;
        flex-wrap: nowrap;
    }
}

@media (min-width: 1200px) {
    /* Correction terrain (Jobs/Search) : .BoxGlobalJob a height:222px alors que ses propres
       enfants (.BoxJobinformation, .GreyBarJobsBox) sont fixés à 380px - valeur identique à
       Legacy/App_Themes/ElecJobs/StyleSheet.css, un vrai bug Legacy reproduit tel quel. Avec
       overflow:visible (par défaut), le contenu débordait de 158px hors de la dernière carte et
       recouvrait invisiblement la pagination juste en dessous, rendant les numéros de page situés
       sous ce débordement impossibles à cliquer. Premier correctif (height:380px, aligné sur les
       enfants) réglait le clic mais gonflait visuellement la hauteur de CHAQUE carte au-delà de
       son contenu réel (retour terrain développeur) - `overflow:hidden` est un correctif plus
       ciblé : conserve la hauteur visuelle Legacy (222px) tout en empêchant le débordement de
       recouvrir les éléments suivants, sans toucher au contenu réellement visible dans les 222px. */
    .BoxGlobalJob {
        display: flex;
        flex-wrap: nowrap;
        border: 3px solid #eeee;
        margin-bottom: 22px;
        border-radius: 28px;
        padding: 1px 20px;
        width: 993px;
        z-index: 1;
        position: relative;
        height: 222px;
        overflow: hidden;
    }

    .BoxJobinformation {
        margin-right: 20px;
        width: 560px;
        height: 380px;
        margin-top: 27px;
    }

        .BoxJobinformation span {
            font-size: 16px;
        }

        .BoxJobinformation .logoJobDisplayAndText .listingtitle a {
            font-weight: bold;
            text-decoration: none;
            color: #222;
            width: 100%;
            overflow: hidden;
            max-height: 102px;
            height: 1px;
            padding-right: 150px !important;
        }

    .logoJobDisplayAndText {
        margin-top: -38px;
        display: flex;
        height: 51%;
        overflow: hidden;
    }

        .logoJobDisplayAndText span:first-child {
            overflow-x: hidden;
            width: 370px;
        }

        .logoJobDisplayAndText a {
            max-height: 150px;
            min-width: 103%;
            width: auto;
            height: auto;
            padding: 12px;
            display: flex;
            align-items: center;
            margin-top: 22px;
        }

    .GreyBarJobsBox {
        height: 380px;
        display: flex;
        align-items: center
    }

    .GreyBarJobs {
        border: 2px solid #eeee;
        height: 173px;
        width: 5px;
        border-radius: 20px;
        background: #eeee;
        transform: translateY(-54%);
    }

    .BoxJobFact {
        margin: 0px 36px;
        width: 240px;
        display: grid;
        flex-wrap: wrap;
        align-content: center;
        height: 100%;
        align-content: space-around;
        grid-template-columns: repeat(2, 1fr);
    }

    .listingtitle {
        padding-bottom: 5px;
        font-size: 26px;
        display: flex;
        align-items: center;
    }
}

@media (max-width: 823px) {
    .BoxJobinformation .logoJobDisplayAndText .listingtitle a {
        padding-top: 10px !important;
        padding-right: 200px !important;
    }
}

@media (max-width: 767px) {
    .BoxJobinformation .logoJobDisplayAndText .listingtitle a {
        padding-top: 50px !important;
        padding-right: 80px !important;
    }
}

.BoxJobinformation .logoJobDisplayAndText .listingtitle a:hover {
    text-decoration: underline;
}

.descriptionBox {
    overflow-x: hidden;
    width: 70%;
}

.red-rectangle {
    position: absolute;
    height: 70%;
    width: 84px;
    left: 1029px;
    background: linear-gradient(to right, rgb(230 230 230 / 0%), rgb(230 230 230));
    z-index: 200;
}

.BoxListingJobs {
    margin: 10px;
    background: white;
    border-radius: 25px;
    z-index: 2;
}

.HeaderBoxLabel {
    background: #f3cc3c;
    width: 330px;
    height: 70px;
    border-radius: 25px 25px 0 0;
}

    .HeaderBoxLabel a {
        display: flex;
        top: 31px;
        position: relative;
        margin-left: 20px;
    }

.filterBoxListingJobs {
    display: flex;
    justify-content: center;
}

    .filterBoxListingJobs div {
        border: 2px #ee7154 solid;
        margin: 0 auto;
        border-radius: 48px;
        font-size: 12px;
        padding: 1px 10px;
        display: flex;
        align-items: center;
    }

    .filterBoxListingJobs img {
        height: 30px;
        margin-right: 10px;
    }

.FollowButton {
    height: 30px;
    float: right;
    margin: 8px 8px 0 0;
}

.ImageLogo {
    height: 80px;
    border: 2px #eee solid;
    border-radius: 11px;
    z-index: 1;
}

.ImageLabel {
    height: 28px;
    top: 25px;
    position: relative;
    z-index: 0;
    right: 10px;
    border: 2px #eee solid;
    border-radius: 20px;
}

.DateTime {
    text-align: right;
}

    .DateTime span {
        margin-right: 10px;
    }

.JobsDescription {
    margin: 10px;
    font-size: 13px;
    height: 200px;
    width: 300px;
    overflow: hidden;
    overflow-y: auto;
    padding: 10px;
}

.CenterButton {
    display: flex;
    justify-content: center;
    bottom: 15px;
    position: relative;
}

    .CenterButton input {
        margin: 12px 0;
        border: 0;
        font-size: 13px;
        display: none;
    }

.Follow-image {
    position: relative;
    height: 40px;
    float: right;
}

.contract-image {
    float: right;
    height: 28px;
}

.logoJobDisplayAndText img {
    max-width: 90px;
    max-height: 90px;
    border-radius: 5px;
    margin-bottom: 9px;
}

.spec-job {
    margin: 0px 0 8px;
    display: flex;
}

    .spec-job img {
        max-height: 33px;
        max-width: 33px;
        margin: 0 10px 10px 10px;
    }

.specs-job {
    display: flex;
    flex-direction: column;
}

.spec-job-title {
    margin-top: 3px;
    font-size: 14px;
}

.spec-job-content {
    font-size: 14px;
}

.boxlisting {
    position: inherit;
    right: 10px;
}

/* Listing Contact Button */
.mg-btn-contact {
    background: #68bd53;
    color: #fff;
    border: 1px solid #68bd53;
}

    .mg-btn-contact:active, .mg-btn-contact:visited {
        background: #68bd53;
        color: #fff;
        border: 1px solid #68bd53;
    }

    .mg-btn-contact:hover, .mg-btn-contact:focus {
        background: #7DC76B;
        color: #fff;
        border: 1px solid #7DC76B;
    }

/* Facebook Button */
.mg-btn-fb a {
    text-decoration: none;
}

.mg-btn-fb {
    background: #5c6a90;
    color: #fff;
    border: 1px solid #5c6a90;
    border-radius: 50px;
    width: 98%;
    margin-top: 10px;
    margin-left: 5px;
}

    .mg-btn-fb:visited, .mg-btn-fb:active {
        background: #5c6a90;
        color: #fff;
        border: 1px solid #5c6a90;
    }

    .mg-btn-fb:hover, .mg-btn-fb:focus {
        background: #5c6a90;
        color: #fff;
        border: 1px solid #5c6a90;
    }


/*view all listings buttons on listing display pages */
.viewall_listings {
    width: 200px;
    margin-bottom: 5px;
}

/* visit website button customer profile display page */
.visit_website {
    width: 200px;
}

/* Bread crumb styles category browse pages */
.breadcrumbtop {
    color: #222;
    background: #fff;
    border: 1px solid #e6e6e6;
    margin: 0 0 20px 0;
    padding: 5px 10px;
    text-transform: uppercase;
    font-size: 22px;
}

    .breadcrumbtop a {
        color: #222;
    }

.breadcrumbpanel {
    padding-left: 3px;
    margin-bottom: 10px;
}

.mg-btn-breadcrumb {
    background: #ee7154;
    color: #fff;
    border: 1px solid #ee7154;
    border-radius: 50px;
    margin-bottom: 5px;
    font-size: 16px;
}

    .mg-btn-breadcrumb:active, .mg-btn-breadcrumb:visited {
        background: #ee7154;
        color: #fff;
        border: 1px solid #ee7154;
    }

    .mg-btn-breadcrumb:hover, .mg-btn-breadcrumb:focus {
        background: #EB5533;
        color: #fff;
        border: 1px solid #EB5533;
    }

.browseorderby {
    margin-bottom: 15px;
}


/* Pagination styles */
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    color: #fff;
    background-color: #ee7154;
    border-color: #ee7154;
}

.pagination > li > a,
.pagination > li > span {
    color: #222;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #eee;
}

    .pagination > li > a:hover,
    .pagination > li > span:hover,
    .pagination > li > a:focus,
    .pagination > li > span:focus {
        color: #fff;
        background-color: #ee7154;
        border-color: #ee7154;
    }

/*FAQ page styles*/
.faqwrapper .mgpanel-heading {
    color: #222;
    background: #fff;
    border-color: #fff;
    padding: 15px 0;
    font-size: 24px;
    padding: 15px 0;
    margin-top: 20px;
}

.faqrow {
    background: #fff;
    box-shadow: rgba(0, 0, 0, 0.1) 1px 3px 10px 1px;
    margin-bottom: 10px;
}

.faqquestion {
    padding: 8px 10px;
    background: #fff;
}

.faqanswer {
    padding: 2px 10px;
    background: #fff;
}

@media (max-width: 767px) {
    /*Links page styles*/
    .linkswrapper {
        margin: 0;
        padding: 0 20px;
    }

        .linkswrapper .mgpanel-heading {
            color: #222;
            background: #fff;
            border-color: #fff;
            font-size: 24px;
            border-bottom: 1px solid #fff;
            padding: 5px 0;
            margin-top: 20px;
        }

    .linkrow {
        background: #fff;
        border: 1px solid #fff;
        margin-top: 10px;
        margin-bottom: 10px;
        box-shadow: rgba(0, 0, 0, 0.1) 1px 3px 10px 1px;
    }

    .linksimage {
        padding: 15px 5px;
        text-align: center;
    }

        .linksimage img {
            max-height: 120px;
        }

    .linksdescription a {
        color: #222;
        line-height: 28px;
        font-weight: bold;
    }

    .linksdescription {
        padding: 15px 10px;
        text-align: center;
    }
}

@media (min-width: 768px) {
    /*Links page styles*/
    .linkswrapper {
        margin: 0;
        padding: 0 20px;
    }

        .linkswrapper .mgpanel-heading {
            color: #222;
            background: #fff;
            border-color: #fff;
            padding: 15px 0;
            font-size: 24px;
            border-bottom: 1px solid #fff;
            margin-top: 20px;
        }

    .linkrow {
        background: #fff;
        border: 1px solid #fff;
        margin-top: 10px;
        margin-bottom: 10px;
        box-shadow: rgba(0, 0, 0, 0.1) 1px 3px 10px 1px;
    }

    .linksimage {
        padding: 15px 5px;
    }

        .linksimage img {
            max-height: 100px;
        }

    .linksdescription a {
        color: #222;
        line-height: 28px;
        font-weight: bold;
    }

    .linksdescription {
        padding: 15px 10px;
    }
}

/* Site News page styles */
.newswrapper {
    margin: 0;
    padding: 0 5px;
}

    .newswrapper a {
        font-size: 16px;
        font-weight: bold;
        padding: 0;
        color: #222;
    }

.sitenewsdesc {
    padding: 0;
}


@media (max-width: 991px) {
    /* Footer Styles */
    .FooterWrapper {
        width: 100%;
        margin: 0 auto;
        color: #fff;
        padding: 20px 0;
        background: #000;
    }

    .footercol {
        text-align: center;
        margin: 0 auto;
        padding: 10px;
    }

    .fheading {
        text-transform: uppercase;
        color: #ee7154;
        text-align: center;
    }

    .footer {
        padding: 10px;
    }

    .Footer {
        max-width: 1200px;
        margin: 0 auto;
    }

        .Footer ul {
            margin: 0px;
            padding: 0;
            text-align: center;
        }

        .Footer li {
            margin: 0px;
            padding: 8px 0px;
            list-style: none;
        }

        .Footer a {
            padding: 0px;
        }

            .Footer a:link, .Footer a:visited {
                color: #fff;
                text-decoration: none;
            }

            .Footer a:active, .Footer a:hover {
                color: #fff;
                text-decoration: none;
            }

    .copyright {
        text-align: center;
        margin: 0px;
        padding: 5px 0 40px 0;
        color: #fff;
    }

        .copyright a:link, .copyright a:visited {
            color: #ffffff;
        }

        .copyright a:active, .copyright a:hover {
            color: #ffffff;
        }

    .MGlogo {
        padding-bottom: 20px;
    }

    .copyright .MGlogo {
        text-align: center;
        color: #fff !important;
    }

        .copyright .MGlogo a {
            color: #fff !important;
            text-decoration: none !important;
            padding-right: 10px;
        }

    .SocialIcons {
        text-align: center;
        padding: 25px 20px 0 20px;
        margin-bottom: 30px;
    }

    .Footer .fab {
        width: 40px;
        font-size: 18px;
        height: 40px;
        line-height: 40px;
        color: #222;
        background: #fff;
        border-radius: 50px;
        margin: 0 5px;
        -webkit-transition: all ease-in-out .2s;
        transition: all ease-in-out .2s;
    }

    .Footer .fa-facebook-f {
        background: #fff;
    }

    .Footer .fa-twitter {
        background: #fff;
    }

    .Footer .fa-linkedin-in {
        background: #fff;
    }

    .Footer .fa-instagram {
        background: #fff;
    }

    .Footer .fa-pinterest-square {
        background: #fff;
    }

    .Footer .fa-google-plus-g {
        background: #fff;
    }

    .Footer .fa-youtube-square {
        background: #fff;
    }
}



@media (min-width: 992px) {
    /* Footer Styles */
    .FooterWrapper {
        width: 100%;
        margin: 0 auto;
        color: #fff;
        padding: 30px 0;
        background: #000;
        font-size: 16px;
    }

    .footercol {
        text-align: center;
        margin: 0 auto;
        padding: 25px 25px 0 0;
    }

    .fheading {
        text-transform: uppercase;
        color: #ee7154;
        font-weight: bold;
    }

    .footer {
        padding: 25px 10px 0 0;
    }

    .Footer {
        max-width: 1200px;
        margin: 0 auto;
    }

        .Footer ul {
            margin: 0px;
            padding: 18px 0px 20px 0;
            text-align: left;
        }

        .Footer li {
            margin: 0px;
            padding: 8px 0px;
            list-style: none;
        }

        .Footer a {
            padding: 0px;
        }

            .Footer a:link, .Footer a:visited {
                color: #fff;
                text-decoration: none;
            }

            .Footer a:active, .Footer a:hover {
                color: #ee7154;
                text-decoration: none;
            }

    .copyright {
        text-align: center;
        margin: 0px;
        padding: 10px 30px;
        color: #fff;
        font-size: 14px;
    }

        .copyright a:link, .copyright a:visited {
            color: #ffffff;
        }

        .copyright a:active, .copyright a:hover {
            color: #ee7154;
        }

    .MGlogo {
        padding-bottom: 20px;
    }

    .copyright .MGlogo {
        text-align: right;
        color: #fff !important;
    }

        .copyright .MGlogo a {
            color: #fff !important;
            text-decoration: none !important;
            padding-right: 10px;
        }

    .SocialIcons {
        text-align: center;
        padding: 25px 20px 0 20px;
    }

    .Footer .fab {
        width: 50px;
        font-size: 22px;
        height: 50px;
        line-height: 50px;
        color: #000;
        border-radius: 50px;
        margin: 4px;
        -webkit-transition: all ease-in-out .2s;
        transition: all ease-in-out .2s;
    }

    .Footer .fa-facebook-f {
        background: #fff;
    }

        .Footer .fa-facebook-f:hover {
            background: #e6e6e6;
        }

    .Footer .fa-twitter {
        background: #fff;
    }

        .Footer .fa-twitter:hover {
            background: #e6e6e6;
        }

    .Footer .fa-linkedin-in {
        background: #fff;
    }

        .Footer .fa-linkedin-in:hover {
            background: #e6e6e6;
        }

    .Footer .fa-instagram {
        background: #fff;
    }

        .Footer .fa-instagram:hover {
            background: #e6e6e6;
        }

    .Footer .fa-pinterest-square {
        background: #fff;
    }

        .Footer .fa-pinterest-square:hover {
            background: #e6e6e6;
        }

    .Footer .fa-google-plus-g {
        background: #fff;
    }

        .Footer .fa-google-plus-g:hover {
            background: #e6e6e6;
        }

    .Footer .fa-youtube-square {
        background: #fff;
    }

        .Footer .fa-youtube-square:hover {
            background: #e6e6e6;
        }
}


/*Register and Login pages*/
.registerbox span {
    height: 66px;
    display: block;
    font-size: 23px;
    text-transform: uppercase;
}

.registerbox {
    padding-bottom: 12px;
}

@media (max-width: 767px) {
    /*Login page styles*/
    .Loginbox img {
        display: none;
    }

    .loginbox {
        min-height: 200px;
        padding: 0 18px;
    }

        .loginbox .mg-btn-primary {
            width: 100%;
        }

    .registernow {
        padding-top: 20px;
        text-align: center;
    }

        .registernow a:link, .registernow a:visited {
            color: #337ab7;
            text-decoration: underline;
        }

        .registernow a:active, .registernow a:hover {
            color: #555555;
            text-decoration: underline;
        }

    .passwordhelp {
        padding-top: 15px;
        text-align: center;
    }

    .loginbox a:link, .loginbox a:visited {
        color: #337ab7;
        text-decoration: underline;
    }

    .loginbox a:active, .loginbox a:hover {
        color: #555555;
        text-decoration: underline;
    }

    .loginnow {
        margin-bottom: 20px;
        margin-top: 20px;
    }

    /*Register page styles - EM, VE, RE*/
    .registerbox {
        margin-top: 20px;
        line-height: 40px;
        text-align: center;
        width: 370px;
        border: 2px #e1e1e1 solid;
        border-radius: 23px;
    }

        .registerbox img {
            border-radius: 20px 20px 0 0;
        }

        .registerbox h2 {
            font-size: 22px;
            text-align: center;
            min-height: 55px;
        }

        .registerbox .panel .panel-default {
            padding: 0;
        }

        .registerbox a {
            text-decoration: underline;
        }

        .registerbox .btn {
            text-decoration: none;
            width: 100%;
        }

    .custregister {
        width: 104%;
        position: relative;
        right: 15px;
    }
    /* styling to control button width on customer form when registering */
    .regloginbtn .btn {
        width: 100%;
    }

    .registerbox .mg-btn-fb {
        width: 100%;
        margin-top: 0;
    }

        .registerbox .mg-btn-fb a:link, .registerbox .mg-btn-fb a:visited {
            color: #fff;
            text-decoration: underline;
        }

        .registerbox .mg-btn-fb a:active, .registerbox .mg-btn-fb a:hover {
            color: #fff;
            text-decoration: underline;
        }

    .regtext {
        font-size: 18px;
        text-align: center;
        margin-top: 5px;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    /*Login page styles*/
    .Loginbox img {
        display: none;
    }

    .loginbox {
        min-height: 200px;
        padding: 0 18px;
    }

        .loginbox .mg-btn-primary {
            width: 100%;
        }

    .registernow {
        padding-top: 20px;
        text-align: center;
    }

        .registernow a:link, .registernow a:visited {
            color: #337ab7;
            text-decoration: underline;
        }

        .registernow a:active, .registernow a:hover {
            color: #555555;
            text-decoration: underline;
        }

    .passwordhelp {
        padding-top: 15px;
        text-align: center;
    }

    .loginbox a:link, .loginbox a:visited {
        color: #337ab7;
        text-decoration: underline;
    }

    .loginbox a:active, .loginbox a:hover {
        color: #555555;
        text-decoration: underline;
    }

    .loginnow {
        margin-bottom: 20px;
        margin-top: 20px;
    }

    /*Register page styles - EM, VE, RE*/
    .registerbox {
        margin-top: 20px;
        line-height: 40px;
        max-width: 400px;
        text-align: center;
        width: 370px;
        border: 2px #e1e1e1 solid;
        border-radius: 23px;
    }

        .registerbox img {
            border-radius: 20px 20px 0 0;
        }

        .registerbox h2 {
            font-size: 22px;
            text-align: center;
            min-height: 55px;
        }

        .registerbox .panel .panel-default {
            padding: 0;
        }

        .registerbox a {
            text-decoration: underline;
        }

        .registerbox .btn {
            text-decoration: none;
            width: 100%;
        }

    .custregister {
        width: 102%;
        position: relative;
        right: 15px;
    }
    /* styling to control button width on customer form when registering */
    .regloginbtn .btn {
        width: 100%;
    }

    .registerbox .mg-btn-fb {
        width: 100%;
        margin-top: 0;
    }

        .registerbox .mg-btn-fb a:link, .registerbox .mg-btn-fb a:visited {
            color: #fff;
            text-decoration: underline;
        }

        .registerbox .mg-btn-fb a:active, .registerbox .mg-btn-fb a:hover {
            color: #fff;
            text-decoration: underline;
        }

    .regtext {
        font-size: 18px;
        text-align: center;
        margin-top: 5px;
    }
}

@media (min-width: 992px) {
    /*Login page styles*/
    .Loginbox {
        display: flex;
        align-items: center;
    }

    .LoginInput {
        border: 2px #d9d9d9 solid;
        border-radius: 16px;
    }

    .LoginLabel {
        max-height: 440px;
        border-radius: 17px;
    }

    .Loginbox img {
        max-height: 440px;
        margin-left: 44px;
        border-radius: 17px;
    }

    .loginbox {
        min-height: 200px;
        padding: 0 18px;
    }

        .loginbox .mg-btn-primary {
            width: 100%;
        }

    .registernow {
        padding-top: 20px;
        text-align: center;
    }

        .registernow a:link, .registernow a:visited {
            color: #337ab7;
            text-decoration: underline;
        }

        .registernow a:active, .registernow a:hover {
            color: #555555;
            text-decoration: underline;
        }

    .passwordhelp {
        padding-top: 15px;
        text-align: center;
    }

    .loginbox a:link, .loginbox a:visited {
        color: #337ab7;
        text-decoration: underline;
    }

    .loginbox a:active, .loginbox a:hover {
        color: #555555;
        text-decoration: underline;
    }

    .loginnow {
        margin-bottom: 20px;
        margin-top: 20px;
    }

    /*Register page styles - EM, VE, RE*/
    .registerbox {
        text-align: center;
        border: 2px #e1e1e1 solid;
        border-radius: 23px;
        padding-bottom: 12px;
        margin-bottom: 35px;
        width: 370px;
    }

        .registerbox img {
            border-radius: 20px 20px 0 0;
        }

        .registerbox span {
            white-space: nowrap;
            display: block;
            margin: 10px 0;
            font-size: 23px;
            text-transform: uppercase;
            height: 66px;
        }

        .registerbox .panel .panel-default {
            padding: 0;
        }

    .custregister {
        width: 20%;
        position: relative;
        right: 12px;
    }
    /* styling to control button width on customer form when registering */
    .regloginbtn .btn {
        width: 100%;
    }

    .registerbox .mg-btn-fb {
        width: 100%;
        margin-top: 0;
    }

        .registerbox .mg-btn-fb a:link, .registerbox .mg-btn-fb a:visited {
            color: #fff;
            text-decoration: underline;
        }

        .registerbox .mg-btn-fb a:active, .registerbox .mg-btn-fb a:hover {
            color: #fff;
            text-decoration: underline;
        }

    .regtext {
        font-size: 18px;
        text-align: center;
        margin-top: 5px;
    }
}

.fbloginbutton {
    margin: 5px 0 15px 0;
    text-align: center;
    font-size: 18px;
}

.regloginbtn .fbloginbutton {
    margin: 0;
    text-align: center;
    font-size: 18px;
    position: relative;
    right: 10px;
    margin-bottom: 20px;
}

.regloginbtn .text-center {
    font-size: 18px;
}

/* Browse Page RSS Icon */
.rssoutputicon {
    float: right;
    position: relative;
    top: 30px;
    right: 10px;
}

/* Filtered Search Styles KAS 6/2021 */
@media (max-width: 767px) {
    #allfiltersdiv {
        padding: 10px;
    }

    .searchfiltertitle {
        margin-bottom: 5px;
        padding: 8px 4px;
        color: #222;
        border: 1px solid #eee;
        background-color: #fff;
        text-transform: uppercase;
        border-radius: 3px;
    }

    .selectedtext {
        font-size: 12px;
        color: #ee7154;
    }

    .filterbox {
        padding-top: 24px;
        margin: 0;
    }

    .searchfilterbox {
        padding: 3px 3px 5px 3px;
    }

    .clearfilter {
        clear: both;
        padding: 15px 5px 10px 0px;
    }

    .clearlinkdiv {
        margin: 5px;
        position: relative;
        top: 2px;
        padding: 0 !important;
    }

        .clearlinkdiv a {
            color: #222;
            font-family: roboto, sans-serif, Arial, Trebuchet MS;
            background-color: #EE7154;
            border-radius: 10px;
            padding: 8px;
        }

    .clearlink:link, .clearlink:visited {
        color: #ee7154;
        text-decoration: underline;
    }

    .clearlink:active, .clearlink:hover {
        color: #222;
        text-decoration: none;
    }

    .filtericon {
        float: right;
    }

    .filterbox .fa-plus-circle {
        color: #ee7154;
    }

    .filterbox .fa-minus-circle {
        color: #555;
    }

    .resultsReturned {
        padding-right: 5px;
        position: relative;
        margin-top: 18px;
        font-size: 13px;
        color: #cac7c7ee;
        float: left
    }

    .Filter {
        position: relative;
        display: inline-block;
        border: 2px #e0e0e0 solid;
        margin-inline: 2px;
        border-radius: 12px;
        background: white;
        padding: 0px 10px;
        font-size: 13px;
    }

        .Filter span {
            font-size: 11px;
            border: 2px #d7d5d5ee solid;
            margin: 0 4px;
            padding: 5px;
            border-radius: 20px;
            z-index: 5;
            position: relative;
            background: white;
        }

    .filterclearicon {
        float: left;
        margin-right: 8px;
        margin-bottom: 5px;
        padding: 5px 8px;
        border: 1px solid #eee;
        background-color: #fff;
        border-radius: 3px;
    }

    a.filterclearicon {
        text-decoration: none;
    }

    .filterlabel {
        font-size: 10px;
        font-style: italic;
    }

    .filterselect {
        font-size: 16px;
    }

        .filterselect .fas {
            position: relative;
            top: 1px;
            padding: 2px;
        }

    .filterbtn {
        float: left;
        margin-bottom: 15px;
    }

        .filterbtn .btn {
            min-width: 150px;
            margin-right: 10px;
        }

    .savesearchbtn {
        width: 100%;
        float: left;
        position: relative;
        z-index: 1;
    }

        .savesearchbtn a {
            border-radius: 20px;
            background: #ee7154;
            display: inline-block;
            position: inherit;
            padding: 5px 10px;
            color: white;
            font-size: 14px;
            margin: 15px 0;
        }

        .savesearchbtn .btn {
            min-width: 150px;
        }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .searchfiltertitle {
        margin-bottom: 5px;
        padding: 8px 4px;
        color: #222;
        background: #fff;
        border: 1px solid #eee;
        text-transform: uppercase;
        border-radius: 3px;
    }

    .selectedtext {
        font-size: 12px;
        color: #ee7154;
    }

    .text-to {
        position: relative;
        top: 15px;
        text-align: center;
        font-size: 14px;
    }

    .filterbox {
        padding-top: 0;
        margin-left: 0;
    }

    .searchfilterbox {
        padding: 3px 3px 5px 3px;
    }

    .clearfilter {
        clear: both;
        padding: 15px 5px 20px 5px;
    }

    .clearlinkdiv {
        margin-bottom: 10px;
    }

        .clearlinkdiv a {
            color: #222;
            font-family: roboto, sans-serif, Arial, Trebuchet MS;
        }

    .clearlink:link, .clearlink:visited {
        color: #ee7154;
        text-decoration: underline;
    }

    .clearlink:active, .clearlink:hover {
        color: #222;
        text-decoration: none;
    }

    .filtericon {
        float: right;
    }

    .filterbox .fa-plus-circle {
        color: #ee7154;
    }

    .filterbox .fa-minus-circle {
        color: #555;
    }

    .searchresults {
        text-align: right;
    }

    .resultsReturned {
        padding-right: 5px;
        position: relative;
        margin-top: 18px;
        font-size: 13px;
        color: #cac7c7ee;
        float: left
    }

    .orderbydd {
        margin-top: 15px;
    }

    .radio-label {
        display: block;
        position: relative;
        padding-left: 30px;
        margin-bottom: 10px;
        cursor: pointer;
    }

        .radio-label input {
            position: absolute;
            opacity: 0;
        }

    .checkmark {
        position: absolute;
        top: 0;
        left: 0;
        height: 20px;
        width: 20px;
        background-color: #eee;
        border: 1px solid #ccc;
        border-radius: 50%;
    }

        .checkmark:after {
            content: '';
            position: absolute;
            display: none;
        }

    .radio-label input:checked ~ .checkmark {
        background-color: #2196F3;
    }

        .radio-label input:checked ~ .checkmark:after {
            display: block;
        }

    .radio-label .checkmark:after {
        top: 5px;
        left: 5px;
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background: white;
    }

    .Filter {
        position: relative;
        display: inline-block;
        border: 2px #e0e0e0 solid;
        margin: 0 8px;
        border-radius: 12px;
        background: white;
        padding: 3px 10px;
        font-size: 13px;
    }

        .Filter span {
            font-size: 11px;
            border: 2px #d7d5d5ee solid;
            margin: 0 4px;
            padding: 5px;
            border-radius: 20px;
            z-index: 5;
            position: relative;
            background: white;
        }

    .FilterSelection {
        border: 1px solid #EB5533;
        padding: 5px;
        cursor: pointer;
    }

    .CheckBox {
        display: flex;
        text-align: left;
        margin: 10px;
        width: 100%;
    }

        .CheckBox label {
            margin: 0 10px;
        }

    .SecteurDiv {
        max-width: 400px;
        max-height: 300px;
        overflow-x: hidden;
        white-space: normal;
    }

    .FilterSelected {
        border: 2px solid #d7d5d5ee;
        z-index: 4;
        position: absolute;
        background: white;
        top: 96px;
        padding: 11px;
        font-size: 14px;
        text-align: center;
        border-radius: 20px;
    }

        .FilterSelected span {
            font-size: 12px;
            text-align: center;
        }

        .FilterSelected input[type="text"] {
            display: block;
            margin: 0 auto;
            width: 80%;
            border: 2px #ee7154 solid;
            border-radius: 20px;
            padding-left: 10px;
        }

        .FilterSelected input[type="tel"] {
            display: block;
            margin: 0 auto;
            width: 80%;
            border: 2px #ee7154 solid;
            border-radius: 20px;
            padding-left: 10px;
        }

        .FilterSelected input[type="checkbox"] {
            margin: 0;
            width: 20px;
            height: auto;
        }

    .filterclearicon {
        float: left;
        margin-right: 5px;
        margin-bottom: 3px;
        padding: 5px 8px;
        border: 1px solid #eee;
        background-color: #fff;
        border-radius: 3px;
    }

    a.filterclearicon {
        text-decoration: none;
    }

    .filterlabel {
        font-size: 9px;
        font-style: italic;
    }

    .filterselect {
        font-size: 14px;
    }

        .filterselect .fas {
            position: relative;
            top: 1px;
            padding: 2px;
        }

    .savesearchbtn {
        width: 100%;
        float: left;
        position: relative;
        z-index: 1;
    }

        .savesearchbtn a {
            border-radius: 20px;
            background: #ee7154;
            display: inline-block;
            position: inherit;
            padding: 5px 10px;
            color: white;
            font-size: 14px;
            margin: 15px 0;
        }

        .savesearchbtn .btn {
            min-width: 150px;
        }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .searchfiltertitle {
        margin-bottom: 5px;
        padding: 8px 4px;
        color: #222;
        background: #fff;
        border: 1px solid #eee;
        text-transform: uppercase;
        border-radius: 3px;
    }

    .selectedtext {
        font-size: 12px;
        color: #ee7154;
    }

    .text-to {
        position: relative;
        top: 15px;
        text-align: center;
        font-size: 14px;
    }

    .filterbox {
        padding-top: 0;
        margin-left: 0;
    }

    .searchfilterbox {
        padding: 3px 3px 5px 3px;
    }

    .clearfilter {
        clear: both;
        padding: 15px 5px 10px 5px;
    }

    .clearlinkdiv {
        margin-bottom: 10px;
    }

        .clearlinkdiv a {
            color: #222;
            font-family: roboto, sans-serif, Arial, Trebuchet MS;
        }

    .clearlink:link, .clearlink:visited {
        color: #ee7154;
        text-decoration: underline;
    }

    .clearlink:active, .clearlink:hover {
        color: #222;
        text-decoration: none;
    }

    .filtericon {
        float: right;
    }

    .filterbox .fa-plus-circle {
        color: #ee7154;
    }

    .filterbox .fa-minus-circle {
        color: #555;
    }

    .searchresults {
        text-align: right;
    }

    .resultsReturned {
        padding-right: 5px;
        position: relative;
        margin-top: 18px;
        font-size: 13px;
        color: #cac7c7ee;
        float: left
    }

    .orderbydd {
        margin-top: 15px;
    }

    .radio-label {
        display: block;
        position: relative;
        padding-left: 30px;
        margin-bottom: 10px;
        cursor: pointer;
    }

        .radio-label input {
            position: absolute;
            opacity: 0;
        }

    .checkmark {
        position: absolute;
        top: 0;
        left: 0;
        height: 20px;
        width: 20px;
        background-color: #eee;
        border: 1px solid #ccc;
        border-radius: 50%;
    }

        .checkmark:after {
            content: '';
            position: absolute;
            display: none;
        }

    .radio-label input:checked ~ .checkmark {
        background-color: #2196F3;
    }

        .radio-label input:checked ~ .checkmark:after {
            display: block;
        }

    .radio-label .checkmark:after {
        top: 5px;
        left: 5px;
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background: white;
    }

    .Filter {
        position: relative;
        display: inline-block;
        border: 2px #e0e0e0 solid;
        margin: 0 8px;
        border-radius: 12px;
        background: white;
        padding: 3px 10px;
        font-size: 13px;
    }

        .Filter span {
            font-size: 11px;
            border: 2px #d7d5d5ee solid;
            margin: 0 4px;
            padding: 5px;
            border-radius: 20px;
            z-index: 5;
            position: relative;
            background: white;
        }

    .FilterSelection {
        border: 1px solid #EB5533;
        padding: 5px;
        cursor: pointer;
    }

    .CheckBox {
        display: flex;
        text-align: left;
        margin: 10px;
        width: 100%;
    }

        .CheckBox label {
            margin: 0 10px;
        }

    .SecteurDiv {
        max-width: 400px;
        max-height: 300px;
        overflow-x: hidden;
        white-space: normal;
    }

    .FilterSelected {
        border: 2px solid #d7d5d5ee;
        z-index: 4;
        position: absolute;
        background: white;
        top: 96px;
        padding: 11px;
        font-size: 14px;
        text-align: center;
        border-radius: 20px;
    }

        .FilterSelected span {
            font-size: 12px;
            text-align: center;
        }

        .FilterSelected input[type="text"] {
            display: block;
            margin: 0 auto;
            width: 80%;
            border: 2px #ee7154 solid;
            border-radius: 20px;
            padding-left: 10px;
        }

        .FilterSelected input[type="tel"] {
            display: block;
            margin: 0 auto;
            width: 80%;
            border: 2px #ee7154 solid;
            border-radius: 20px;
            padding-left: 10px;
        }

        .FilterSelected input[type="checkbox"] {
            margin: 0;
            width: 20px;
            height: auto;
        }

    .filterclearicon {
        float: left;
        margin-right: 5px;
        margin-bottom: 3px;
        padding: 5px 8px;
        border: 1px solid #eee;
        background-color: #fff;
        border-radius: 3px;
    }

    a.filterclearicon {
        text-decoration: none;
    }

    .filterlabel {
        font-size: 9px;
        font-style: italic;
    }

    .filterselect {
        font-size: 14px;
    }

        .filterselect .fas {
            position: relative;
            top: 1px;
            padding: 2px;
        }

    .savesearchbtn {
        width: 100%;
        float: left;
        position: relative;
        z-index: 1;
    }

        .savesearchbtn a {
            border-radius: 20px;
            background: #ee7154;
            display: inline-block;
            position: inherit;
            padding: 5px 10px;
            color: white;
            font-size: 14px;
            margin: 15px 0;
        }

        .savesearchbtn .btn {
            min-width: 150px;
        }
}

@media (min-width: 1200px) {
    .searchfiltertitle {
        margin-bottom: 5px;
        padding: 8px 4px;
        color: #222;
        background: #fff;
        border: 1px solid #eee;
        text-transform: uppercase;
        border-radius: 3px;
    }

    .selectedtext {
        font-size: 12px;
        color: #ee7154;
    }

    .text-to {
        position: relative;
        top: 15px;
        text-align: center;
        font-size: 14px;
    }

    .filterbox {
        padding-top: 0;
        margin-left: 0;
        display: inline-block;
    }

    .searchfilterbox {
        padding: 3px 3px 5px 3px;
    }

    .clearfilter {
        clear: both;
        padding: 15px 5px 10px 0px;
    }

    .clearlinkdiv {
        margin-bottom: 10px;
    }

        .clearlinkdiv a {
            color: #222;
            font-family: roboto, sans-serif, Arial, Trebuchet MS;
        }

    .clearlink:link, .clearlink:visited {
        color: #ee7154;
        text-decoration: underline;
    }

    .clearlink:active, .clearlink:hover {
        color: #222;
        text-decoration: none;
    }

    .filtericon {
        float: right;
    }

    .filterbox .fa-plus-circle {
        color: #ee7154;
    }

    .filterbox .fa-minus-circle {
        color: #555;
    }

    .searchresults {
        text-align: left;
    }

    .resultsReturned {
        padding-right: 5px;
        position: relative;
        margin-top: 18px;
        font-size: 13px;
        color: #cac7c7ee;
    }

    .orderbydd {
        margin-top: 15px;
    }

    .radio-label {
        display: block;
        position: relative;
        padding-left: 30px;
        margin-bottom: 10px;
        cursor: pointer;
    }

        .radio-label input {
            position: absolute;
            opacity: 0;
        }

    .checkmark {
        position: absolute;
        top: 0;
        left: 0;
        height: 20px;
        width: 20px;
        background-color: #eee;
        border: 1px solid #ccc;
        border-radius: 50%;
    }

        .checkmark:after {
            content: '';
            position: absolute;
            display: none;
        }

    .radio-label input:checked ~ .checkmark {
        background-color: #2196F3;
    }

        .radio-label input:checked ~ .checkmark:after {
            display: block;
        }

    .radio-label .checkmark:after {
        top: 5px;
        left: 5px;
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background: white;
    }

    .Filter {
        position: relative;
        display: inline-block;
        border: 2px #e0e0e0 solid;
        margin-right: 10px;
        border-radius: 10px;
        background: white;
        padding: 3px 10px;
        font-size: 13px;
    }

        .Filter span {
            font-size: 11px;
            border: 2px #d7d5d5ee solid;
            margin: 0 4px;
            padding: 5px;
            border-radius: 20px;
            z-index: 5;
            position: relative;
            background: white;
        }

    .FilterSelection {
        border: 1px solid #EB5533;
        padding: 5px;
        cursor: pointer;
    }

    .CheckBox {
        display: flex;
        text-align: left;
        margin: 10px;
        width: 100%;
    }

        .CheckBox label {
            margin: 0 10px;
        }

    .SecteurDiv {
        max-width: 400px;
        max-height: 300px;
        overflow-x: hidden;
        white-space: normal;
    }

    .FilterSelected {
        border: 2px solid #d7d5d5ee;
        z-index: 4;
        position: absolute;
        background: white;
        top: 96px;
        padding: 11px;
        font-size: 14px;
        text-align: center;
        border-radius: 20px;
    }

        .FilterSelected span {
            font-size: 12px;
            text-align: center;
        }

        .FilterSelected input[type="text"] {
            display: block;
            margin: 0 auto;
            width: 80%;
            border: 2px #ee7154 solid;
            border-radius: 20px;
            padding-left: 10px;
        }

        .FilterSelected input[type="tel"] {
            display: block;
            margin: 0 auto;
            width: 80%;
            border: 2px #ee7154 solid;
            border-radius: 20px;
            padding-left: 10px;
        }

        .FilterSelected input[type="checkbox"] {
            margin: 0;
            width: 20px;
            height: auto;
        }

    .filterclearicon {
        float: left;
        margin-right: 5px;
        margin-bottom: 3px;
        padding: 5px 8px;
        border: 1px solid #eee;
        background-color: #fff;
        border-radius: 3px;
    }

    .filterclearicon {
        text-decoration: none;
    }

    .filterlabel {
        font-size: 9px;
        font-style: italic;
    }

    .filterselect {
        font-size: 14px;
    }

        .filterselect .fas {
            position: relative;
            top: 1px;
            padding: 2px;
        }

    .savesearchbtn {
        width: 100%;
        float: left;
        position: relative;
        z-index: 1;
    }

        .savesearchbtn a {
            border-radius: 20px;
            background: #ee7154;
            display: inline-block;
            position: inherit;
            padding: 5px 10px;
            color: white;
            font-size: 14px;
            margin: 15px 0;
        }

        .savesearchbtn .btn {
            min-width: 150px;
        }
}

/*Advanced Search Page*/
/*@media (max-width: 767px) {
.searchresults {margin:10px 0;}
.searchresults .form-control {width:100%;}
}

@media (min-width: 768px) {
.searchresults {}
.searchresults .form-control {position:relative; bottom:4px;}
}*/

/* Header quick search styles & Email alert & Entreprise inscription add on*/
/*.qsearchdiv {margin:0 auto; text-align:center; width:100%;} comment style below and use this style if customer will not have large photo*/
@media (max-width: 767px) {
    .ButtonEmailAlert {
        color: #ffffff;
        border: solid 0;
        border-radius: 20px;
        width: 200px;
        background-color: black;
        margin-left: 4px;
        font-size: 14px;
        height: 26px;
    }

    .TextBoxEmailAlert {
        border: solid 0;
        border-radius: 20px;
        padding-left: 17px;
        width: 200px;
        height: 26px;
        font-size: 14px;
        color: black;
    }

        .TextBoxEmailAlert::placeholder {
            color: #8e969e
        }

    .m-15 {
        margin: 15px 0;
    }

    .EmailImageAndLabel {
        display: flex;
        align-items: center;
        margin: 10px 22px;
    }

    .HeaderEmailAlert {
        font-size: 14px;
        flex-grow: 1;
        text-align: left;
        margin: 10px 13px;
    }

    .HeaderEmailAlert2 {
        font-size: 13px;
        color: black;
        float: left;
        margin: 12px 0 0 15px;
        text-align: left;
    }

    .ImageEmailAlert {
        margin-left: 5px;
        width: 71px;
        position: relative;
        right: 10px;
    }

    .EmailAlertPanel {
        color: white;
        border: solid 1px #ee7154;
        background-color: #ee7154;
        border-radius: 20px;
        text-align: center;
        display: inline-block;
        margin: 20px 0;
        padding: 15px 20px;
        width: 270px;
    }

    .BoxTextRGPD {
        color: white;
        text-align: justify;
        margin: 10px 20px 0 20px;
        font-size: 10px;
    }

        .BoxTextRGPD a {
            text-decoration: underline;
            color: white;
        }

    .qsearchdiv {
        height: 0;
        margin: 0 auto;
        max-width: 1200px;
        z-index: 100;
    }

    .qsearch {
        background-color: white;
        padding: 10px 20px 25px;
        height: 0;
        position: relative;
    }

    .advsearchlink {
        font-size: 14px;
        font-style: italic;
        line-height: 30px;
        text-align: center;
    }

    .qsearch .catdropdown {
        width: 100%;
        margin-bottom: 5px;
        border-radius: 19px;
        height: 40px;
        border: 1px solid #ddd;
    }

    .qsearch .txtbox {
        width: 130px;
        margin-bottom: 5px;
        border-radius: 16px;
        height: 50px;
        border: 1px solid #ddd;
        margin-left: 6%;
    }

    .qsearch .txtboxsm {
        border-radius: 50px;
        height: 40px;
        border: 1px solid #ddd;
    }

    .advsearchlink {
        font-size: 18px;
        font-style: italic;
        text-align: center;
        margin: 0 auto;
    }

    .qsbutton {
        line-height: 26px;
        margin-bottom: 5px;
        width: 100%;
        background: #ee7154;
        border: 1px solid #ee7154;
        font-size: 18px;
        color: white;
    }

    .qsearchBar {
        display: flex;
        justify-content: space-around;
        align-items: center;
        margin-top: -36px !important;
    }

    .videoPlayerHomePage {
        display: flex;
        width: 100%;
        height: 56vw;
        justify-content: center;
        margin: 0px 0;
    }

    .proximityBox {
        display: none
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .ButtonEmailAlert {
        color: #ffffff;
        border: solid 0;
        border-radius: 20px;
        width: 200px;
        background-color: black;
        margin-left: 4px;
        font-size: 14px;
        height: 26px;
    }

    .TextBoxEmailAlert {
        border: solid 0;
        border-radius: 20px;
        padding-left: 17px;
        width: 200px;
        height: 26px;
        font-size: 14px;
        color: black;
    }

        .TextBoxEmailAlert::placeholder {
            color: #8e969e
        }

    .m-15 {
        margin: 15px 0;
    }

    .EmailImageAndLabel {
        display: flex;
        align-items: center;
        margin: 10px 22px;
    }

    .HeaderEmailAlert {
        font-size: 14px;
        flex-grow: 1;
        text-align: left;
        margin: 10px 13px;
    }

    .HeaderEmailAlert2 {
        font-size: 13px;
        color: black;
        float: left;
        margin: 12px 0 0 15px;
        text-align: left;
    }

    .ImageEmailAlert {
        margin-left: 5px;
        width: 71px;
        position: relative;
        right: 10px;
    }

    .EmailAlertPanel {
        color: white;
        border: solid 1px #ee7154;
        background-color: #ee7154;
        border-radius: 20px;
        text-align: center;
        display: inline-block;
        margin: 20px 0;
        padding: 15px 20px;
        width: 270px;
    }

    .BoxTextRGPD {
        color: white;
        text-align: justify;
        margin: 10px 20px 0 20px;
        font-size: 10px;
    }

        .BoxTextRGPD a {
            text-decoration: underline;
            color: white;
        }

    .qsearchForm {
        width: 24vw;
    }

    .qsearchdiv {
        height: 0;
        margin: 0 auto;
        max-width: 1200px;
        z-index: 100;
        position: relative;
    }

    .qsearch {
        padding: 10px 5px;
        margin: 0 auto;
        float: none;
        text-align: center;
        border-radius: 5px;
    }

        .qsearch .catdropdown {
            min-width: 220px;
            max-width: 220px;
            border-radius: 50px;
            height: 50px;
            border: 1px solid #eee;
            font-size: 16px;
            margin: 0 10px
        }

        .qsearch .txtbox {
            border-radius: 15px;
            height: 36px;
            border: 1px solid #eee;
            font-size: 16px;
            margin: 0 15px;
        }

        .qsearch .txtboxsm {
            min-width: 120px;
            border-radius: 50px;
            height: 50px;
            border: 1px solid #eee;
            font-size: 16px;
        }

    .advsearchlink {
        font-size: 14px;
        font-style: italic;
        float: right;
    }

    .qsbutton {
        color: black;
        line-height: 30px;
        background: #ee7154;
        border: 1px solid #ee7154;
        font-size: 18px;
        margin-bottom: 4px;
    }

    .qsearchBar {
        display: flex;
        justify-content: space-around;
        align-items: center;
        background: white;
        border-radius: 50px;
    }

    .videoPlayerHomePage {
        display: flex;
        width: 100%;
        height: 56vw;
        justify-content: center;
        margin: 0px 0;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .ButtonEmailAlert {
        color: #ffffff;
        border: solid 0;
        border-radius: 20px;
        width: 200px;
        background-color: black;
        margin-left: 4px;
        font-size: 14px;
        height: 26px;
    }

    .TextBoxEmailAlert {
        border: solid 0;
        border-radius: 20px;
        padding-left: 17px;
        width: 200px;
        height: 26px;
        font-size: 14px;
        color: black;
    }

        .TextBoxEmailAlert::placeholder {
            color: #8e969e
        }

    .m-15 {
        margin: 15px 0;
    }

    .EmailImageAndLabel {
        display: flex;
        align-items: center;
        margin: 10px 22px;
    }

    .HeaderEmailAlert {
        font-size: 14px;
        flex-grow: 1;
        text-align: left;
        margin: 10px 13px;
    }

    .HeaderEmailAlert2 {
        font-size: 13px;
        color: black;
        float: left;
        margin: 12px 0 0 15px;
        text-align: left;
    }

    .ImageEmailAlert {
        margin-left: 5px;
        width: 71px;
        position: relative;
        right: 10px;
    }

    .EmailAlertPanel {
        color: white;
        border: solid 1px #ee7154;
        background-color: #ee7154;
        border-radius: 20px;
        text-align: center;
        display: inline-block;
        margin: 20px 0;
        padding: 15px 20px;
        width: 270px;
    }

    .BoxTextRGPD {
        color: white;
        text-align: justify;
        margin: 10px 20px 0 20px;
        font-size: 10px;
    }

        .BoxTextRGPD a {
            text-decoration: underline;
            color: white;
        }

    .qsearchForm {
        width: 24vw;
    }

    .qsearchdiv {
        height: 0;
        margin: 0 auto;
        max-width: 1200px;
        z-index: 100;
        position: relative;
        bottom: 100px;
    }

    .qsearch { /*background-color:rgba(0,0,0,0.2);*/
        padding: 20px 15px;
        margin: 0 auto;
        float: none;
        text-align: center;
        border-radius: 5px;
    }

        .qsearch .catdropdown {
            min-width: 280px;
            max-width: 280px;
            border-radius: 40px;
            height: 36px;
            border: 1px solid #eee;
            font-size: 16px;
            margin: 0 15px;
        }

        .qsearch .txtbox {
            min-width: 280px;
            border-radius: 15px;
            height: 45px;
            border: 1px solid #eee;
            font-size: 16px;
            margin: 0 15px;
        }

        .qsearch .txtboxsm {
            border-radius: 40px;
            height: 36px;
            border: 1px solid #eee;
            font-size: 16px;
            margin: 0 15px;
        }

    .advsearchlink {
        font-size: 14px;
        font-style: italic;
        float: right;
    }

    .qsbutton {
        color: white;
        min-width: 30px;
        line-height: 26px;
        background: #ee7154;
        border: 1px solid #ee7154;
        font-size: 18px;
    }

    .qsearchBar {
        display: flex;
        justify-content: space-around;
        align-items: center;
    }

    .videoPlayerHomePage {
        display: flex;
        width: 100%;
        height: 575px;
        justify-content: center;
        margin: 0px 0;
    }
}

@media (min-width: 1200px) {
    .TitleTopArticle {
        height: 60px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: #ee7154;
        border-radius: 17px 17px 0 0;
        font-size: 20px;
    }

    .ArticleImage {
        display: flex;
        align-items: center;
        margin: 14px;
    }

    .ArticleTitleDate {
        display: flex;
        color: black;
        font-size: 14px;
        flex-wrap: wrap;
        align-items: center;
        justify-content: flex-start;
        margin: 10px 12px 0 0;
        text-align: justify;
    }
    /* AddOn Email Alert*/
    .TitleAddOnRegisterEntreprise {
        font-size: 20px;
        color: black;
        width: 230px;
        display: block;
    }

    .BoxAddOn {
        position: absolute;
        top: 400px;
        right: 13%;
        display: inline-block;
    }

    .ButtonEmailAlert {
        color: white;
        border: solid 0;
        border-radius: 20px;
        width: 200px;
        background-color: black;
        margin-left: 4px;
        font-size: 14px;
        height: 26px;
        padding: 5px 10px;
    }

    .TextBoxEmailAlert {
        border: solid 0;
        border-radius: 20px;
        padding-left: 17px;
        width: 200px;
        height: 26px;
        font-size: 14px;
        color: black;
    }

        .TextBoxEmailAlert::placeholder {
            color: #8e969e
        }

    .m-15 {
        margin: 15px 0;
    }

    .EmailImageAndLabel {
        display: flex;
        align-items: center;
        margin: 10px 22px;
    }

    .RingImageAndLabel {
        display: flex;
        align-items: center;
        margin: 10px;
    }

    .HeaderEmailAlert {
        font-size: 16px;
        flex-grow: 1;
        text-align: left;
        margin: 10px 13px;
    }

    .HeaderEmailAlert2 {
        font-size: 13px;
        color: black;
        float: left;
        margin: 12px 0 0 15px;
        text-align: left;
    }

    .ImageRingAlert {
        margin-left: 5px;
        width: 60px;
        position: relative;
        right: 10px;
    }

    .ImageEmailAlert {
        margin-left: 5px;
        width: 55px;
        position: relative;
        right: 10px;
    }

    .EmailAlertPanel {
        color: white;
        border: solid 1px #ee7154;
        background-color: #ee7154;
        border-radius: 20px;
        text-align: center;
        display: inline-block;
        margin: 20px 0;
        padding: 15px 20px;
        width: 270px;
    }

    .BoxTextRGPD {
        color: white;
        text-align: justify;
        margin: 10px 20px 0 20px;
        font-size: 10px;
    }

        .BoxTextRGPD a {
            text-decoration: underline;
            color: white;
        }
    /* AddOn Email Alert Horizontal*/
    .EmailAlertPanelH {
        color: white;
        border: solid 1px #ee7154;
        background-color: #ee7154;
        border-radius: 20px;
        text-align: center;
        display: inline-block;
        padding: 15px 20px;
        width: 405px;
    }

    .EmailImageAndLabelH {
        display: flex;
        align-items: center;
        margin-bottom: 22px;
        width: 370px;
    }

    .HeaderEmailAlertH {
        color: white;
        font-size: 14px;
        float: left;
        margin-left: 15px;
        text-align: left;
    }

    .HeaderEmailAlert2H {
        font-size: 13px;
        color: black;
        float: left;
        margin: 10px 0 0 15px;
        text-align: left;
    }

    .qsearchForm {
        width: 20vw;
    }

    .qsearchdiv {
        height: 0;
        margin: 0 auto;
        max-width: 1200px;
        z-index: 100;
        position: relative;
        bottom: 100px;
    }

    .qsearch { /*background-color:rgba(0,0,0,0.2);*/
        padding: 20px 15px;
        margin: 0 auto;
        float: none;
        text-align: center;
        border-radius: 5px;
        margin-top: -10px;
    }

        .qsearch .catdropdown {
            min-width: 300px;
            max-width: 300px;
            border-radius: 40px;
            height: 36px;
            border: 1px solid #eee;
            font-size: 16px;
            margin: 0 20px;
        }

        .qsearch .txtbox {
            border-radius: 15px;
            height: 50px;
            border: 1px solid #eee;
            font-size: 16px;
            margin: 2px 34px;
            max-width: -webkit-fill-available;
        }

            .qsearch .txtbox::placeholder {
                text-align: center;
            }

        .qsearch .txtboxsm {
            min-width: 240px;
            border-radius: 40px;
            height: 36px;
            border: 1px solid #eee;
            font-size: 16px;
            margin: 0 20px;
        }

    .advsearchlink {
        font-size: 14px;
        font-style: italic;
        float: right;
    }

    .qsbutton {
        color: white;
        min-width: -1px;
        line-height: 26px;
        background: #ee7154;
        border: 1px solid #ee7154;
        font-size: 18px;
    }

    .qsearchBar {
        display: flex;
        align-items: center;
        max-width: 1022px;
        margin: 0 auto;
        justify-content: space-between;
    }

    .videoPlayerHomePage {
        display: flex;
        width: 100%;
        height: 575px;
        justify-content: center;
        margin: 0px 0;
    }
}


.advsearchlink:link, .advsearchlink:visited {
    color: #fff;
    text-decoration: underline;
}

.advsearchlink:active, .advsearchlink:hover {
    color: #fff;
    text-decoration: none;
}

.qsbutton:visited, .qsbutton:active {
    background: #ee7154;
    color: #fff;
    border: 1px solid #ee7154;
}

.qsbutton:hover, .qsbutton:focus {
    background: #EB5533;
    color: #fff;
    border: 1px solid #EB5533;
}

@media (max-width: 767px) {
    .slideShowContainer {
        z-index: 0;
        margin-left: auto;
        margin-right: auto;
        padding: 0;
        width: 100%;
        max-height: 225px;
        border: none;
    }
    /* Entire Slideshow Container - BG info should go here */
    .slides_container {
        margin: 0 auto;
        text-align: center;
        width: 100%;
        max-height: 225px;
    }
    /* Contains the slides only */
    .slide {
        overflow: hidden;
        text-align: center;
        display: block;
        z-index: 0;
        width: 100%;
        max-height: 225px;
    }
        /* Contains only a single slide */
        .slide img {
            max-width: 100%;
        }
    /* prevents the image from being larger than the slide */
    .caption {
        display: none
    }
    /* Style On Caption Block */

    /* background slideshow */
    .background_slideshow {
        width: 100%;
        height: 300px;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .slideShowContainer {
        z-index: 0;
        margin-left: auto;
        margin-right: auto;
        padding: 0;
        width: 100%;
        max-height: 300px;
        border: none;
    }
    /* Entire Slideshow Container - BG info should go here */
    .slides_container {
        margin: 0 auto;
        text-align: center;
        width: 100%;
        max-height: 300px;
    }
    /* Contains the slides only */
    .slide {
        overflow: hidden;
        text-align: center;
        display: block;
        z-index: 0;
        width: 100%;
        max-height: 300px;
    }
        /* Contains only a single slide */
        .slide img {
            max-width: 100%;
        }
    /* prevents the image from being larger than the slide */
    .caption {
        text-align: center;
        font-size: 24px;
        font-weight: bold;
        background-color: rgba(255,255,255,0.8);
        padding: 15px 25px 15px 25px;
        position: relative;
        position: absolute;
        bottom: 0px;
        width: 100%;
        z-index: 100;
    }
    /* Style On Caption Block */

    /* background slideshow */
    .background_slideshow {
        width: 100%;
        height: 300px;
    }
}

@media (max-width: 992px) {
    .div_background_slideshow {
        background-color: #e6e6e6;
        margin-top: 0px !important;
    }

    .backgroundHomePage {
        background-color: #e6e6e6;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .slideShowContainer {
        z-index: 0;
        margin-left: auto;
        margin-right: auto;
        padding: 0;
        width: 100%;
        max-height: 350px;
        border: none;
    }
    /* Entire Slideshow Container - BG info should go here */
    .slides_container {
        margin: 0 auto;
        text-align: center;
        width: 100%;
        max-height: 350px;
    }
    /* Contains the slides only */
    .slide {
        overflow: hidden;
        text-align: center;
        display: block;
        z-index: 0;
        width: 100%;
        max-height: 350px;
    }
        /* Contains only a single slide */
        .slide img {
            max-width: 100%;
        }
    /* prevents the image from being larger than the slide */
    .caption {
        text-align: center;
        font-size: 24px;
        font-weight: bold;
        background-color: rgba(255,255,255,0.8);
        padding: 15px 25px 15px 25px;
        position: relative;
        position: absolute;
        bottom: 0px;
        width: 100%;
        z-index: 100;
    }
    /* Style On Caption Block */

    /* background slideshow */
    .background_slideshow {
        width: 100%;
        height: 300px;
    }

    .div_background_slideshow {
        position: relative;
        width: 100%;
        height: 21vw;
        background-color: white;
    }

    .backgroundHomePage {
        background-color: white;
    }
}

@media (min-width: 1200px) {
    .slideShowContainer {
        z-index: 0;
        margin-left: auto;
        margin-right: auto;
        padding: 0;
        width: 100%;
        min-height: 400px;
        border: none;
    }
    /* Entire Slideshow Container - BG info should go here */
    .slides_container {
        margin: 0 auto;
        text-align: center;
        width: 100%;
        min-height: 400px;
    }
    /* Contains the slides only */
    .slide {
        overflow: hidden;
        text-align: center;
        display: block;
        z-index: 0;
        width: 100%;
        min-height: 400px;
    }
        /* Contains only a single slide */
        .slide img {
            max-width: 100%;
        }
    /* prevents the image from being larger than the slide */
    .caption {
        text-align: center;
        font-size: 24px;
        font-weight: bold;
        background-color: rgba(255,255,255,0.8);
        padding: 15px 25px 15px 25px;
        position: relative;
        position: absolute;
        bottom: 0px;
        width: 100%;
        z-index: 100;
    }
    /* Style On Caption Block */

    /* background slideshow */
    .background_slideshow {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
    }

    .div_background_slideshow {
        position: relative;
        width: 100%;
        height: 19vw;
        background-color: white;
    }

    .backgroundHomePage {
        background-color: white;
    }
}

/* Slideshow - Featured Listing */
.slideShowContainerFL {
    margin-left: auto;
    margin-right: auto;
    margin: 10px 0;
    padding: 5px;
    background: #fff;
    width: auto;
    height: auto;
    border: 1px solid #ddd;
}
/* Entire Slideshow Container - BG info should go here */
.slides_containerFL {
    margin: 0 auto;
    text-align: center;
    max-width: 450px;
    max-height: 300px;
}
/* Contains the slides only */
.slideFL {
    overflow: hidden;
    text-align: center;
    display: block;
    z-index: 0;
    max-width: 450px;
    max-height: 300px;
}
    /* Contains only a single slide */
    .slideFL img {
    }
/* prevents the image from being larger than the slide */
.captionFL {
    font-size: 16px;
    font-weight: bold;
    background-color: rgba(255,255,255,0.8);
    text-align: left;
    padding: 5px 25px 5px 25px;
    position: relative;
    position: absolute;
    bottom: 0px;
    width: 100%;
    z-index: 100;
}
/* Style On Caption Block */
.navigationPreviousFL {
    z-index: 1000;
    position: absolute;
    top: 40%;
    left: 0;
    padding: 12px 10px;
    background-color: rgba(255,255,255,0.8);
}

.navigationNextFL {
    z-index: 1000;
    position: absolute;
    top: 40%;
    right: 0;
    padding: 12px 10px;
    background-color: rgba(255,255,255,0.8);
}

/* Right column quick search styles */
.vsearch {
    margin-bottom: 20px;
    background: #fff;
    border: 1px solid #fff;
    padding: 10px;
    box-shadow: rgba(0, 0, 0, 0.1) 1px 3px 10px 1px;
}

    .vsearch .catdropdown {
        width: 100%;
        margin-bottom: 4px;
    }

    .vsearch .txtbox {
        width: 100%;
        margin-bottom: 4px;
    }

    .vsearch .searchbutton {
        width: 100%;
        font-size: 18px;
    }

    .vsearch a {
        color: #222;
        line-height: 30px;
        text-decoration: underline;
    }

/*Home Page Search Box*/
.hpsearch .mgpanel-body {
    padding: 20px;
    border: 1px solid #e6e6e6;
    background: #fff;
    text-align: left;
}

.hpsearch .mg-formcontrol {
    border: none;
    margin-bottom: 5px;
    padding: 0;
    -webkit-box-shadow: none;
}

.hpsearch input[type="radio"] {
    margin: 0 15px;
}

.hpsearch .btn {
    width: 100%;
}

.hpsearch .mgpanel-heading {
    color: #222;
    text-transform: uppercase;
    background: #fff;
    border-color: #fff;
    padding: 5px 25px;
    font-size: 24px;
    margin-bottom: 15px;
}


@media (max-width: 767px) {
    /* displayAd classes for each positions container and each ad in a container */
    .center-block .img-responsive {
        margin: 0 auto;
    }

    .center-block {
        margin: 0 auto;
        float: none;
        display: block;
        text-align: center;
    }

    .displayAdContainerH {
        padding: 5px 10px;
        text-align: center;
        line-height: normal;
    }

    .displayAdH {
        padding: 10px 5px;
        text-align: center;
        display: inline;
    }

    .displayAdContainerT {
        padding: 20px 10px;
        text-align: center;
        width: 100%;
        margin: 0 auto;
        line-height: normal;
    }

    .displayAdT {
        padding: 0;
        text-align: center;
        display: inline;
    }

    .displayAdContainerR {
        padding-top: 25px;
        text-align: center;
        line-height: normal;
    }

    .displayAdR {
        padding: 5px 0 15px 0;
        text-align: center;
        display: block;
    }

    .displayAdContainerMhome {
        padding: 0;
        text-align: center;
        line-height: normal;
        margin: 0 auto;
        width: 100%;
    }

    .displayAdMhome {
        padding: 10px 5px;
        text-align: center;
    }

    .displayAdContainerM {
        padding: 0;
        text-align: center;
        line-height: normal;
    }

    .displayAdM {
        padding: 10px 5px;
        text-align: center;
        display: inline;
    }

    .displayAdContainerB {
        padding: 10px 10px;
        margin: 0;
        text-align: center;
        line-height: normal;
    }

    .displayAdB {
        padding: 10px 5px;
        text-align: center;
        display: inline;
    }

    /*.displayAdContainerL {padding:0; text-align:center; line-height:normal;}*/
    /*.displayAdL {padding:10px 5px; display:block;}*/
}

@media (min-width: 768px) {
    /* displayAd classes for each positions container and each ad in a container */
    .center-block .img-responsive {
        margin: 0 auto;
    }

    .center-block {
        margin: 0 auto;
        float: none;
        display: block;
        text-align: center;
    }

    .displayAdContainerH {
        padding: 5px 10px;
        text-align: center;
        line-height: normal;
        width: 100%;
    }

    .displayAdH {
        padding: 10px 5px;
        text-align: center;
        display: inline;
    }

        .displayAdH div {
            margin: 10px 0;
        }

        .displayAdH img {
            display: inline-block;
        }

    .displayAdContainerT {
        padding: 15px 10px;
        text-align: center;
        width: 100%;
        margin: 0 auto;
        line-height: normal;
        width: 100%;
    }

    .displayAdT {
        padding: 10px 5px;
        text-align: center;
        display: inline;
    }

        .displayAdT div {
            margin: 10px 0;
        }

        .displayAdT img {
            display: inline-block;
        }

    .displayAdContainerR {
        padding-top: 25px;
        text-align: center;
        line-height: normal;
    }

    .displayAdR {
        padding: 5px 0 15px 0;
        text-align: center;
        display: block;
    }

    .displayAdContainerMhome {
        padding: 0;
        text-align: center;
        line-height: normal;
        margin: 0 auto;
        width: 100%;
    }

    .displayAdMhome {
        padding: 10px 5px;
        text-align: center;
        display: inline;
    }

        .displayAdMhome div {
            margin: 10px 0;
        }

        .displayAdMhome img {
            display: inline-block;
        }

    .displayAdContainerM {
        padding: 0;
        text-align: center;
        line-height: normal;
        width: 100%;
    }

    .displayAdM {
        padding: 10px 5px;
        text-align: center;
        display: inline;
    }

        .displayAdM div {
            margin: 10px 0;
        }

        .displayAdM img {
            display: inline-block;
        }

    .displayAdContainerB {
        padding: 10px 10px 40px 10px;
        text-align: center;
        line-height: normal;
        width: 100%;
    }

    .displayAdB {
        padding: 10px 5px;
        text-align: center;
        display: inline;
    }

        .displayAdB div {
            margin: 10px 0;
        }

        .displayAdB img {
            display: inline-block;
        }

    /*.displayAdContainerL {padding:0; text-align:center; line-height:normal;}*/
    /*.displayAdL {padding:10px 5px; display:block;}*/
}

/* Custom Form Styles*/
.FormInsideRow {
    padding-left: 16px;
}

.MarginSmall {
    margin: 3px;
}

.mgformfixup {
    margin-left: 3px;
}

input[type="radio"] {
    margin: 0 5px;
}

input[type="checkbox"] {
    margin: 0px 5px;
}

.MGcb {
    border: 0;
    background-color: #fff;
}
/*get ride of bootstrap borders around checkboxes */

.required {
    padding-right: 20px !important;
    background: url(../../app_themes/elecjobs/images/asterisque.png) no-repeat top right;
    top: 10px;
    background-size: 10px
}

.requireddd {
    padding-right: 25px !important;
    background: url(../../Images/Required2.gif) no-repeat top right;
    float: left;
}

.required-div {
    margin-bottom: 20px;
}

.required-top {
    position: relative;
    bottom: 5px;
}

@media (max-width: 767px) {
    /* My Account Page Styles */
    .EditionDD {
        font-size: 18px;
        width: 100%;
        border: 1px solid #241f21;
        background: #241f21;
        color: #fff;
        padding: 5px;
        margin: 0 auto;
        margin-bottom: 20px;
    }

    .MyAccountTitle {
        font-size: 18px;
        text-align: center;
        margin-bottom: 10px;
    }

    .SelectPlanLabel {
        padding-left: 20px;
    }

    .ManageAccountBox {
        background: #dddddd;
        padding: 15px 5px;
        font-size: 16px;
        margin: 20px 0;
        border-radius: 20px;
        display: flex;
        justify-content: space-around;
        flex-direction: column
    }

        .ManageAccountBox a {
            display: block;
            text-align: center;
            border-radius: 20px;
            color: white;
            padding: 3px 0;
            width: 250px;
            margin: 10px;
        }

    .ManageAccountHeading {
        background: #fff;
        border: 1px solid #e6e6e6;
        padding: 8px 15px;
        margin: 0 3px 3px 3px;
        color: #222;
    }

    .ManageAccountBox .mg-btn-primary {
        margin: 5px 0;
    }

    .ManageAccountBox .mg-btn-secondary {
        margin: 5px 0;
    }

    .editioncol {
        width: 100%;
        margin: 0 auto;
        text-align: center;
    }

    .ManageAccountBoxOther {
        background: #fff;
        border: 1px solid #e6e6e6;
        padding: 15px;
        margin: 5px 0px;
    }

        .ManageAccountBoxOther .btn {
            margin: 3px 0;
        }

    .FirstBox {
        display: flex;
        flex-wrap: wrap;
        align-content: center;
        max-width: 600px;
        justify-content: center;
        align-items: center;
    }

        .FirstBox a {
            background-color: #ee7154
        }

    .SecondBox a {
        background-color: black
    }

    .ManageCandidatBox {
        font-size: 16px;
        border: 1px #efefef solid;
        align-content: center;
    }

        .ManageCandidatBox div {
            display: block;
            text-align: center;
            border-radius: 20px;
            color: black;
            padding: 3px 0;
            margin: 0 10px;
        }

        .ManageCandidatBox a {
            color: black;
        }

    .ManageCVMenu {
        border: 1px solid #e6e6e6;
        font-size: 20px;
        text-align: center;
    }

    .ManageCV {
        padding: 15px 26px;
        font-size: 16px;
        margin: 0;
        border: 1px #e6e6e6 solid;
        max-width: 1000px;
        text-align: center;
    }

        .ManageCV a {
            color: black;
        }

        .ManageCV div {
            text-align: center;
        }

        .ManageCV a {
            color: black;
        }

    .ManageAccountBox input {
        display: block;
        text-align: center;
        border-radius: 20px;
        color: white;
        padding: 3px 0;
        min-width: 250px;
        margin: 10px;
    }
}

@media (min-width: 768px) {
    /* My Account Page Styles */
    .EditionDD {
        position: relative;
        right: 5px;
        font-size: 18px;
        min-width: 160px;
        border: 1px solid #241f21;
        background: #241f21;
        color: #fff;
        padding: 3px;
        margin-bottom: 10px;
    }

    .MyAccountTitle {
        font-size: 18px;
    }

    .SelectPlanLabel {
        padding-left: 20px;
    }

    .ManageCandidatHeader {
        display: flex;
        justify-content: space-around;
    }

        .ManageCandidatHeader div {
            display: block;
            text-align: center;
            padding: 3px 0;
            width: 220px;
            margin: 0 10px;
        }

    .ManageCandidatBox {
        padding: 15px 5px;
        font-size: 16px;
        display: flex;
        justify-content: space-around;
        border: 1px #efefef solid;
    }

        .ManageCandidatBox div {
            display: block;
            text-align: center;
            border-radius: 20px;
            color: black;
            padding: 3px 0;
            width: 220px;
            margin: 0 10px;
        }

        .ManageCandidatBox a {
            color: black;
        }

    .ManageAccountBox {
        background: #dddddd;
        padding: 15px 5px;
        font-size: 16px;
        margin: 20px 0;
        border-radius: 20px;
        display: flex;
        justify-content: space-around;
    }

        .ManageAccountBox a {
            display: block;
            text-align: center;
            border-radius: 20px;
            color: white;
            padding: 3px 0;
            width: 250px;
            margin: 10px;
        }

    .StripeBox {
        display: block;
        text-align: center;
        border-radius: 20px;
        color: white;
        padding: 3px 0;
        min-width: 250px;
        margin: 10px;
    }

    .ManageCVMenu {
        border: 1px solid #e6e6e6;
        font-size: 20px;
        margin: 20px 0 0 0;
        display: flex;
        max-width: 1000px;
        justify-content: space-between;
    }

    .ManageCV {
        padding: 15px 26px;
        font-size: 16px;
        margin: 0;
        display: flex;
        border: 1px #e6e6e6 solid;
        align-items: center;
        max-width: 1000px;
        justify-content: space-between;
        /* Correction terrain (Employer/Listings/Index.cshtml + Resumes/Index.cshtml) : ancre de
           positionnement pour .MenuCV ci-dessous - sans elle, le menu "..." se plaçait toujours
           au même endroit (top/right en vh/vw, relatifs au viewport) au lieu de suivre sa propre
           ligne, un défaut hérité tel quel de Legacy/app_themes/elecjobs/stylesheet.css. */
        position: relative;
    }

        .ManageCV div {
            width: 200px;
            text-align: center;
        }

        .ManageCV a {
            color: black;
        }

    .MenuCV a {
        display: block;
    }

        .MenuCV a:hover {
            color: #ee7154
        }

    .MenuCV {
        border: 2px solid #d7d5d5ee;
        z-index: 4;
        position: absolute;
        background: white;
        top: 100%;
        right: 0;
        padding: 11px;
        font-size: 14px;
        text-align: center;
    }

    .FirstBox {
        display: flex;
        flex-wrap: wrap;
        align-content: center;
        max-width: 600px;
        justify-content: center;
        align-items: center;
    }

        .FirstBox a {
            background-color: #ee7154
        }

    .SecondBox a {
        background-color: black
    }

    .ManageAccountHeading {
        background: #fff;
        border: 1px solid #e6e6e6;
        padding: 8px 15px;
        margin: 0 3px 3px 3px;
        color: #222;
    }

    .ManageAccountBox .mg-btn-primary {
        margin-bottom: 5px;
    }

    .ManageAccountBoxOther {
        background: #fff;
        border: 1px solid #e6e6e6;
        padding: 15px;
        margin: 5px 0px;
    }
}

/* My Account Page - displays listing count */
.mgpanel-heading .badge {
    display: inline-block;
    min-width: 10px;
    padding: 5px 7px;
    font-size: 14px;
    font-weight: 700;
    line-height: 1;
    color: #241f21;
    text-align: center;
    white-space: nowrap;
    background: #fff;
    border-radius: 10px;
    position: relative;
    bottom: 5px;
}

@media (max-width: 767px) {
    /* Purchase Pages Styles */
    .price-panel {
        margin: 5px;
        height: auto;
        margin-bottom: 20px;
    }

    .price-plan-box {
        text-align: center;
        height: auto;
        border: 1px solid #fff;
        background: #fff;
    }

    .plan-description {
        padding: 15px 10px;
        height: auto;
        overflow: auto;
        text-align: left;
    }

    /* Purchase Pages Styles */
    .plan-price {
        font-size: 32px;
        line-height: 40px;
        padding-bottom: 5px;
        color: #777;
        width: 100%;
        text-align: center;
    }

    .checkmark-checked {
        color: #ee7154;
        font-size: 20px;
        position: relative;
        right: 10px;
    }

    .plan-border-checked {
        border: 3px solid #ee7154;
    }

    /*Pricing Page Styles*/
    .planItemTitle {
        font-weight: bold;
        font-size: 18px;
        color: #222;
        margin-bottom: 10px;
    }
    /*class set in code behind*/
    .planItemPrice {
        color: #222;
        font-weight: bold;
    }
    /*class set in code behind*/
    .priceplandesc {
        padding: 10px 10px 10px 10px;
        background: #fff;
        border: 1px solid #fff;
        margin-bottom: 15px;
    }
    /*class set in code behind*/
    .priceh2 {
        color: #2f6b9a;
        margin-bottom: 20px;
        font-weight: bold;
    }

    .rowPricePage .mgpanel-heading {
        color: #222;
        background: #fff;
        border-color: #fff;
        padding: 15px 0;
        font-size: 24px;
        margin-bottom: 10px;
    }

    .pricepagebtn {
        margin-bottom: 20px;
    }

    .pricepagebtnbottom .mg-btn-action {
        width: 100%;
        margin: 10px 0;
    }

    /* Custom scroll bar style for price plan description */
    .price-panel ::-webkit-scrollbar {
        width: 10px;
    }

    .price-panel ::-webkit-scrollbar-button {
        width: 5px;
        height: 10px;
    }

    .price-panel ::-webkit-scrollbar-track {
        background: #e5e5e5;
        border: 1px solid #e5e5e5;
        box-shadow: 0px 0px 3px #dfdfdf inset;
        border-radius: 10px;
    }

    .price-panel ::-webkit-scrollbar-thumb {
        background: #f2f2f2;
        border: 1px solid #e5e5e5;
        border-radius: 10px;
    }

        .price-panel ::-webkit-scrollbar-thumb:hover {
            background: #ddd;
        }

    /*Purchase page headings*/
    .mgpricepanel-heading {
        color: #222;
        height: 80px;
        background: #e6e6e6;
        border-color: #fff;
        padding: 5px 20px;
        border-bottom: 1px solid transparent;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
        font-size: 18px;
        margin-bottom: 10px;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    /* Purchase Pages Styles */
    .price-panel {
        margin: 5px;
        max-height: 445px;
        margin-bottom: 60px;
    }

    .price-plan-box {
        text-align: center;
        max-height: 350px;
        border: 1px solid #fff;
        background: #fff;
    }

    .plan-description {
        padding: 15px 10px;
        height: 240px;
        overflow: auto;
        text-align: left;
    }

    /* Purchase Pages Styles */
    .plan-price {
        font-size: 32px;
        line-height: 40px;
        padding-bottom: 5px;
        color: #777;
        width: 100%;
        text-align: center;
    }

    .checkmark-checked {
        color: #ee7154;
        font-size: 20px;
        position: relative;
        right: 10px;
    }

    .plan-border-checked {
        border: 3px solid #ee7154;
    }

    /*Pricing Page Styles*/
    .planItemTitle {
        font-weight: bold;
        font-size: 18px;
        color: #222;
        margin-bottom: 10px;
    }
    /*class set in code behind*/
    .planItemPrice {
        color: #222;
        font-weight: bold;
    }
    /*class set in code behind*/
    .priceplandesc {
        padding: 10px 10px 10px 10px;
        background: #fff;
        border: 1px solid #fff;
        margin-bottom: 15px;
    }
    /*class set in code behind*/
    .priceh2 {
        color: #2f6b9a;
        margin-bottom: 20px;
        font-weight: bold;
    }

    .rowPricePage .mgpanel-heading {
        color: #222;
        background: #fff;
        border-color: #fff;
        padding: 15px 0;
        font-size: 24px;
        margin-bottom: 10px;
    }

    .pricepagebtn {
        margin-bottom: 20px;
    }

    .pricepagebtnbottom .mg-btn-action {
        width: 100%;
    }

    /* Custom scroll bar style for price plan description */
    .price-panel ::-webkit-scrollbar {
        width: 10px;
    }

    .price-panel ::-webkit-scrollbar-button {
        width: 5px;
        height: 10px;
    }

    .price-panel ::-webkit-scrollbar-track {
        background: #e5e5e5;
        border: 1px solid #e5e5e5;
        box-shadow: 0px 0px 3px #dfdfdf inset;
        border-radius: 10px;
    }

    .price-panel ::-webkit-scrollbar-thumb {
        background: #f2f2f2;
        border: 1px solid #e5e5e5;
        border-radius: 10px;
    }

        .price-panel ::-webkit-scrollbar-thumb:hover {
            background: #ddd;
        }

    /*Purchase page headings*/
    .mgpricepanel-heading {
        color: #222;
        height: 80px;
        background: #e6e6e6;
        border-color: #fff;
        padding: 5px 20px;
        border-bottom: 1px solid transparent;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
        font-size: 18px;
        margin-bottom: 10px;
    }
}

@media (min-width: 992px) {
    /* Purchase Pages Styles */
    .price-panel {
        max-height: 445px;
        margin-bottom: 60px;
    }

    .price-plan-box {
        text-align: center;
        max-height: 350px;
        border: 1px solid #fff;
        background: #fff;
        padding: 0;
    }

    .plan-description {
        padding: 0 25px 25px;
        height: 150px;
        overflow: auto;
        text-align: left;
        background: #efefef;
        border-radius: 0 0 20px 20px;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
        align-content: space-around;
    }

    .BoxSubPurchase {
        display: flex;
        flex-wrap: wrap;
        border: 4px #efefef solid;
        padding: 20px 40px;
        justify-content: center;
        border-radius: 32px;
        margin-bottom: 28px;
    }
    /* Purchase Pages Styles */
    .plan-price {
        font-size: 32px;
        line-height: 40px;
        padding-bottom: 5px;
        color: #ee7154;
        width: 100%;
        text-align: center;
    }

    .checkmark-checked {
        color: #ee7154;
        font-size: 20px;
        position: relative;
        right: 10px;
    }

    .plan-border-checked {
        border: 3px solid #ee7154;
    }

    /*Pricing Page Styles*/
    .planItemTitle {
        font-weight: bold;
        font-size: 18px;
        color: #222;
        margin-bottom: 10px;
    }
    /*class set in code behind*/
    .planItemPrice {
        color: #222;
        font-weight: bold;
    }
    /*class set in code behind*/
    .priceplandesc {
        padding: 10px 10px 10px 10px;
        background: #fff;
        border: 1px solid #fff;
        box-shadow: rgba(0, 0, 0, 0.1) 1px 3px 10px 1px;
        margin-bottom: 15px;
    }
    /*class set in code behind*/
    .priceh2 {
        color: #2f6b9a;
        margin-bottom: 20px;
        font-weight: bold;
    }

    .rowPricePage .mgpanel-heading {
        color: #222;
        background: #fff;
        border-color: #fff;
        padding: 15px 0;
        font-size: 24px;
        margin-bottom: 10px;
    }

    .pricepagebtn {
        margin-bottom: 20px;
        display: inline-block;
        margin-right: 10px;
    }

    .pricepagebtnbottom .mg-btn-action {
        width: 100%;
    }

    /* Custom scroll bar style for price plan description */
    .price-panel ::-webkit-scrollbar {
        width: 10px;
    }

    .price-panel ::-webkit-scrollbar-button {
        width: 5px;
        height: 10px;
    }

    .price-panel ::-webkit-scrollbar-track {
        background: #e5e5e5;
        border: 1px solid #e5e5e5;
        box-shadow: 0px 0px 3px #dfdfdf inset;
        border-radius: 10px;
    }

    .price-panel ::-webkit-scrollbar-thumb {
        background: #f2f2f2;
        border: 1px solid #e5e5e5;
        border-radius: 10px;
    }

        .price-panel ::-webkit-scrollbar-thumb:hover {
            background: #ddd;
        }

    /*Purchase page headings*/
    .mgpricepanel-heading {
        color: #222;
        height: 80px;
        background: #e6e6e6;
        padding: 5px 20px;
        font-size: 21px;
        border-radius: 20px 20px 0 0;
        display: flex;
        justify-content: center;
        align-items: center;
    }
}

/* Purchase page headings - vertically align Price Plan Title vertically */
.mgpricepanel-heading span {
    display: table-cell;
    vertical-align: middle;
}

/*Responsive YouTube*/
.video-responsive {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

    .video-responsive iframe, .video-responsive object, .video-responsive embed {
        margin: 0 auto;
        position: absolute;
        top: 0px;
        left: 10px;
        width: 98%;
        height: 96%;
    }


@media (max-width: 767px) {
    .mgdisplaylisting {
        padding: 10px 8px;
        margin: 0 auto;
        background: #fff;
        border: 2px solid lightgray;
        box-shadow: rgba(0, 0, 0, 0.1) 1px 3px 10px 1px;
        line-height: 22px;
        text-align: center;
        margin-bottom: 10px;
    }

        .mgdisplaylisting img {
            padding: 5px;
            margin: 0 auto;
            max-height: 200px;
        }

        .mgdisplaylisting .listingdesc {
            padding: 5px 0px;
        }

        .mgdisplaylisting .mg-btn-secondary {
            width: 100%;
            margin-top: 10px;
        }

    .listdisplay-stars {
        display: block;
        letter-spacing: -1px;
        float: none;
        padding-top: 10px;
        font-size: 18px;
    }

    .listdisplay-extras {
        display: inline-block;
        padding: 10px 0;
        margin: 0 auto;
    }

        .listdisplay-extras .glyphicon {
            font-size: 38px;
            color: #ee7154;
            padding: 0 5px;
            min-width: 24px;
        }

    .glyphicon-tag {
        transform: rotate(135deg);
    }

    .listingtitle {
        font-weight: bold;
        padding: 5px 0;
        font-size: 24px;
        text-decoration: none;
    }

    .listingtitle {
        padding: 5px 0;
        font-size: 24px;
    }

        .listingtitle a {
            font-weight: bold;
            text-decoration: none;
            color: #222;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            max-height: 80px;
            max-width: 100%
        }

    .logoJobDisplayAndText a {
        max-height: 150px;
        min-width: 98%;
        margin-right: 14px;
        height: auto;
        padding: 12px;
        display: flex;
        align-items: center;
        font-size: larger;
    }
    /* Listing Display Styles - Browse and search results */
    .mgdisplaylistinghome {
        padding: 10px 10px;
        margin: 10px;
        background: #fff;
        border: 1px solid #f5f5f5;
        box-shadow: rgba(0, 0, 0, 0.1) 1px 3px 10px 1px;
        line-height: 22px;
        text-align: left;
        height: auto;
    }

        .mgdisplaylistinghome img {
            padding: 5px;
            margin: 0 auto;
            max-height: 200px;
        }

        .mgdisplaylistinghome .listingdesc {
            padding: 5px 20px;
        }

        .mgdisplaylistinghome .imagediv {
            min-height: 200px;
            padding: 0;
        }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .mgdisplaylisting {
        display: flex;
        padding: 15px 8px;
        background: #fff;
        border: 2px solid lightgray;
        box-shadow: rgba(0, 0, 0, 0.1) 1px 3px 10px 1px;
        line-height: 24px;
        margin: 5px 0;
        min-height: 100px;
        text-align: left;
    }
        /*.mgdisplaylisting:hover {background:#f5f5f5; padding:10px 0; border:1px solid #ddd; line-height:24px; margin:5px 0;}*/
        .mgdisplaylisting img {
            padding: 0;
            max-height: 120px;
        }

        .mgdisplaylisting .listingdesc {
            padding: 5px 0px;
        }

        .mgdisplaylisting .mg-btn-secondary {
            margin-right: 15px;
            max-width: 150px;
            position: relative;
            left: 20px;
            top: 38px;
        }

    .listdisplay-stars {
        letter-spacing: -1px;
        margin-right: 8px;
        padding-top: 5px;
    }

    .listdisplay-extras {
        display: block;
        float: left;
        padding: 5px 10px 0 0;
    }

        .listdisplay-extras .glyphicon {
            font-size: 34px;
            color: #ee7154;
        }

    .glyphicon-tag {
        transform: rotate(135deg);
    }

    .listingtitle {
        padding-bottom: 5px;
        font-size: 24px;
    }

        .listingtitle a {
            font-weight: bold;
            text-decoration: none;
            color: #222;
            font-size: larger;
        }
    /* Listing Display Styles - Browse and search results */
    .mgdisplaylistinghome {
        padding: 10px 10px;
        width: 31%;
        margin: 10px 8px;
        background: #fff;
        border: 1px solid #f5f5f5;
        box-shadow: rgba(0, 0, 0, 0.1) 1px 3px 10px 1px;
        line-height: 22px;
        text-align: left;
        min-height: 320px;
    }

        .mgdisplaylistinghome img {
            margin: 0 auto;
            max-height: 140px;
        }

        .mgdisplaylistinghome .listingdesc {
            padding: 5px 10px;
        }

        .mgdisplaylistinghome .imagediv {
            min-height: 140px;
            padding: 0;
        }

    .fdc768 {
        display: flex;
        flex-direction: column;
        overflow: auto;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .mgdisplaylisting {
        display: flex;
        padding: 15px 8px;
        background: #fff;
        border: 2px solid lightgray;
        box-shadow: rgba(0, 0, 0, 0.1) 1px 3px 10px 1px;
        line-height: 21px;
        margin: 5px 0;
        min-height: 100px;
        text-align: left;
        font-size: 14px;
        font-weight: bold;
    }
        /*.mgdisplaylisting:hover {background:#f5f5f5; padding:10px 0; border:1px solid #ddd; line-height:24px; margin:5px 0;}*/
        .mgdisplaylisting img {
            padding: 0;
            max-height: 120px;
        }

        .mgdisplaylisting .listingdesc {
            padding: 5px 0px;
        }

        .mgdisplaylisting .mg-btn-secondary {
            margin-right: 15px;
            max-width: 150px;
            position: relative;
            left: 20px;
            top: 38px;
        }

    .listdisplay-extras {
        display: block;
        float: left;
        padding: 5px 10px 0 0;
    }

        .listdisplay-extras .glyphicon {
            font-size: 34px;
            color: #ee7154;
        }

    .glyphicon-tag {
        transform: rotate(135deg);
    }

    .listingtitle {
        padding-bottom: 5px;
        font-size: 24px;
    }

        .listingtitle a {
            font-weight: bold;
            text-decoration: none;
            color: #222;
        }
    /* Listing Display Styles - Browse and search results */
    .mgdisplaylistinghome {
        padding: 10px 10px;
        width: 31%;
        margin: 10px;
        background: #fff;
        border: 1px solid #f5f5f5;
        box-shadow: rgba(0, 0, 0, 0.1) 1px 3px 10px 1px;
        line-height: 22px;
        text-align: left;
        min-height: 340px;
    }

        .mgdisplaylistinghome img {
            padding: 5px;
            margin: 0 auto;
            max-height: 180px;
        }

        .mgdisplaylistinghome .listingdesc {
            padding: 5px 20px;
        }

        .mgdisplaylistinghome .imagediv {
            min-height: 185px;
            padding: 0;
        }
}

@media (min-width: 1200px) {
    .mgdisplaylisting {
        padding: 15px 17px;
        background: #fff;
        border: 2px solid lightgray;
        line-height: 24px;
        margin: 10px 42px;
        min-height: 100px;
        width: 600px;
        margin: 15px 32px;
        text-align: left;
        font-weight: bold;
    }
        /*.mgdisplaylisting:hover {background:#f5f5f5; padding:10px 0; border:1px solid #ddd; line-height:24px; margin:5px 0;}*/
        .mgdisplaylisting img {
            padding: 0;
            max-height: 50px;
        }

        .mgdisplaylisting .listingdesc {
            padding: 5px 0px;
        }

        .mgdisplaylisting .mg-btn-secondary {
            float: right;
            max-width: 140px;
            position: relative;
            right: 15px;
            top: 35px;
        }

    .listdisplay-stars {
        letter-spacing: -1px;
        margin-right: 8px;
        padding-top: 5px;
    }

    .listdisplay-extras {
        display: block;
        float: left;
        padding: 5px 10px 0 0;
    }

        .listdisplay-extras .glyphicon {
            font-size: 34px;
            color: #ee7154;
        }

    .glyphicon-tag {
        transform: rotate(135deg);
    }
    /* Listing Display Styles - Browse and search results */
    .mgdisplaylistinghome {
        padding: 10px 10px;
        width: 31%;
        margin: 10px;
        background: #fff;
        border: 1px solid #f5f5f5;
        box-shadow: rgba(0, 0, 0, 0.1) 1px 3px 10px 1px;
        line-height: 22px;
        text-align: left;
        min-height: 320px;
    }

        .mgdisplaylistinghome img {
            margin: 0 auto;
            max-height: 140px;
        }

        .mgdisplaylistinghome .listingdesc {
            padding: 5px 10px;
        }

        .mgdisplaylistinghome .imagediv {
            min-height: 140px;
            padding: 0;
        }
}


@media (max-width: 767px) {
    /* customer profile detailed display */
    .mgpanel-noborder {
        box-shadow: rgba(0, 0, 0, 0.1) 1px 3px 10px 1px;
    }

    .profilelistings {
        padding: 0;
    }

    .visit_website {
        width: 100%;
    }
    /* visit website button customer profile display page */
    .ratings_custprofile {
        border: 1px solid #fff;
        margin-top: 10px;
        padding-top: 15px;
        background: #fff;
        margin-bottom: 10px;
    }

        .ratings_custprofile .btn {
            width: 100%;
        }

    .customerprofile {
        border: 1px solid #eee;
        padding: 20px 15px;
        text-align: center;
        background: #fff;
        margin-bottom: 10px;
    }

    .custprofilerow {
        text-align: center;
    }

        .custprofilerow .orgname a {
            color: #222;
            font-weight: bold;
            line-height: 28px;
        }

    .ListingDisplayCustomer_Phone a {
        color: #222;
        line-height: 28px;
    }

    .ProfileLogo {
        padding: 10px 0;
        text-align: center;
    }

        .ProfileLogo img {
            margin: 0 auto;
        }

    .CustomerPhoto {
        text-align: center;
        padding-top: 20px;
    }

        .CustomerPhoto img {
            padding: 10px 5px;
            margin: 0 auto;
        }

    .ListingDisplayCustomer_Profile {
        text-align: center;
    }

    .custprofilerow .btn {
        width: 100%;
        margin: 5px 0;
    }

    .AttributsEntreprise {
        border: 2px #dfdfdfee solid;
        margin: 10px;
        display: flex;
        max-width: 405px;
        border-radius: 30px;
        padding: 10px;
    }

        .AttributsEntreprise div {
            display: inline-grid;
            margin: 0 10px;
        }

        .AttributsEntreprise img {
            height: 60px;
        }

        .AttributsEntreprise span:last-of-type {
            color: #ee7154;
            font-size: 17px;
        }

        .AttributsEntreprise span {
            font-size: 18px;
            text-transform: uppercase;
            font-family: Verdana, sans-serif;
            font-weight: bolder;
        }

    .BannerJobs {
        background: #e6e6e6;
        border-radius: 20px;
        margin-bottom: 12px;
        text-align: center;
    }

    .PresentationEntreprise {
        border: 2px #dfdfdfee solid;
        margin-top: 12px;
        border-radius: 20px;
    }

    .BoxEntrepriseJob {
        border: 2px #dfdfdfee solid;
        margin-top: 12px;
        border-radius: 20px;
        /*text-align: center;*/
    }
}

@media (min-width: 768px) {
    /* customer profile detailed display */
    .SocialMedia {
        background: #ee7154;
        width: 400px;
        display: flex;
        height: 120px;
        justify-content: center;
        align-content: center;
        flex-wrap: wrap;
        border-radius: 20px;
        bottom: 123px;
        position: relative;
    }

        .SocialMedia img {
            height: 56px;
            margin: 8px;
        }

    .OrangeBarEntreprise {
        border: 4px solid #EE7154;
        width: 71%;
        border-radius: 10px;
        margin: 8px auto;
    }

    .TextEntreprise {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        height: 100%;
        width: 100%;
        font-size: 18px;
        overflow: hidden;
        max-height: 336px;
        margin-top: 30px;
    }

    .PresentationEntreprise {
        border: 2px #dfdfdfee solid;
        margin-top: 12px;
        border-radius: 20px;
        padding: 21px 60px;
        height: 600px;
    }

    .TitleEntreprise {
        display: block;
        text-align: center;
        font-size: 20px;
    }

    .BannerEmployerProfile {
        background: #ee7154;
        height: 200px;
        width: 100%;
        border-radius: 15px;
        display: flex;
    }

        .BannerEmployerProfile img {
            height: 160px;
            padding: 10px;
            border-radius: 31px;
        }

        .BannerEmployerProfile span {
            color: black;
            font-size: 25px;
            display: block;
            margin: 38px;
        }

    .AttributsEntreprise {
        border: 2px #dfdfdfee solid;
        display: flex;
        border-radius: 30px;
        padding: 10px;
        margin-top: 4px;
        margin-bottom: 4px;
    }

        .AttributsEntreprise div {
            display: inline-grid;
            margin: 0 10px;
        }

        .AttributsEntreprise img {
            height: 60px;
        }

        .AttributsEntreprise span:last-of-type {
            color: #ee7154;
            font-size: 17px;
        }

        .AttributsEntreprise span {
            font-size: 18px;
            text-transform: uppercase;
            font-family: Rubik, sans-serif;
            font-weight: bolder;
        }

    .mgpanel-noborder {
        box-shadow: rgba(0, 0, 0, 0.1) 1px 3px 10px 1px;
    }

    .profilelistings {
        padding: 0;
    }

    .visit_website {
        width: 200px;
    }
    /* visit website button customer profile display page */
    .ratings_custprofile {
        margin-top: 10px;
        padding: 20px;
        background: #fff;
        margin-bottom: 10px;
    }

    .customerprofile {
        padding: 20px 15px;
        background: #fff;
        margin-bottom: 10px;
    }

        .customerprofile .currentrating_customer {
            padding-left: 15px;
        }

    .custprofilerow {
        background: #fff;
    }

        .custprofilerow .orgname a {
            color: #222;
            font-weight: bold;
            line-height: 28px;
        }

    .ListingDisplayCustomer_Phone a {
        color: #222;
        line-height: 28px;
    }

    .ProfileLogo {
        padding: 5px 0 20px 0;
        float: left;
    }

        .ProfileLogo img {
            max-height: 240px;
        }

    .CustomerPhoto {
        text-align: right;
    }

        .CustomerPhoto img {
            padding: 5px 5px 10px 0;
            max-height: 240px;
            display: block;
            float: right;
        }

    .ListingDisplayCustomer_Profile {
        text-align: justify;
        display: block;
        float: right;
    }

    .CustSocialMedia {
        display: block;
        float: right;
        width: 100%;
    }
}

@media (max-width: 939px) {
    .FlexDirectionColumn {
        display: flex;
        flex-direction: column;
        overflow: auto;
        align-items: center;
    }

    .ButtonEmailAlert {
        margin-top: 15px !important;
    }
}

@media (max-width: 767px) {
    /* Full Listing Display */
    .SearchBox {
        white-space: nowrap;
    }

        .SearchBox input {
            width: 75vw;
            height: 41px;
            border-radius: 15px;
            padding-left: 10px;
            margin-bottom: 10px;
            border: 2px solid #ee7154;
        }

    .SearchBoxArticle {
        white-space: nowrap;
    }

        .SearchBoxArticle input {
            width: 75vw;
            height: 41px;
            border-radius: 50px;
            padding-left: 10px;
            margin-bottom: 10px;
            border: 2px solid #ee7154;
        }

    .listingdisplaypanel {
        text-align: center;
        background: #fff;
        padding: 5px;
        box-shadow: rgba(0, 0, 0, 0.1) 1px 3px 10px 1px;
    }

        .listingdisplaypanel .btn {
            width: 100%;
        }

    .listingstatusdiv {
        background: #fff;
        border: 1px solid #e6e6e6;
    }

    .listingdisplayinfo {
        margin-top: 10px;
        text-align: center;
    }

    .listing_orgname {
        font-weight: bold;
        font-size: 18px;
    }

    .listingrating {
        width: 100%;
        margin: 0 auto;
        text-align: center;
    }

    .listingbuttons {
        padding-top: 20px;
    }

        .listingbuttons .btn {
            width: 200px;
            margin: 10px 0;
        }

    .ListingDisplay_Advertiser .glyphicon {
        font-size: 22px;
        color: #555;
        position: relative;
        top: 5px;
        line-height: 30px;
        margin-right: 4px;
    }

    .listingdisplaybutton .btn {
        margin-top: 25px;
        margin-bottom: 10px;
        font-size: 16px;
    }

    .listingsocialdiv {
        width: 100%;
        text-align: center;
        margin: 20px 0;
    }

    .listingicons .listingfavorite .glyphicon-heart {
        color: #dc4e41;
    }

    .ListingDisplay_Item {
        line-height: 26px;
    }

    .ListingDisplay_Data a {
        color: #222;
    }

    .ListingDisplay_Label {
        clear: both;
        padding: 1px 5px;
        font-weight: bold;
        width: auto;
        float: left;
        margin-right: 10px;
    }

    .ListingDisplay_Data {
        float: left;
        padding: 1px 0;
        margin-right: 5px;
    }

    .listingphone a {
        color: #222;
        line-height: 30px;
        text-align: center;
    }

    .ListingDisplay_Cat a {
        color: #222;
        text-decoration: underline;
    }

    .ListingDisplay_Data_MultiCategory {
        padding-left: 20px;
    }

    .ListingDisplay_Advertiser {
        color: #222;
        padding: 20px 15px;
    }

    .ViewCount {
        margin: 10px 0;
        text-align: right;
        padding-left: 5px;
    }

    .ListingDisplay_AddThis {
        padding-bottom: 10px;
    }

    .ListingDisplay_Ratings {
        display: block;
        float: left;
        margin-top: 10px;
        clear: both;
    }

    .ListingDisplayRatingsExisting_Stars {
        padding-top: 10px;
    }

    .ListingDisplayRatingsExistingDiv {
        margin-bottom: 10px;
    }
    /*.listingid {position:relative; top:25px; text-align:right;}*/
    .listingrow {
        margin-right: 0;
        margin-left: 0;
    }

        .listingrow .col-border {
            border-bottom: 1px solid #eee;
            padding: 20px 0;
            margin-bottom: 10px;
        }

        .listingrow .mgpanel-heading {
            color: #222;
            background: #fff;
            padding: 15px 15px;
            font-size: 24px;
        }

    .listingimage {
        background: #fff;
        margin-top: 20px;
    }


    hr {
        margin-top: 20px;
        margin-bottom: 10px;
        border: 0;
        border-top: 1px ridge #f5f5f5;
        width: 94%;
    }

    .ButtonEmployer {
        color: white;
        border: solid 0;
        background-color: #ee7154;
        display: flex;
        align-items: center;
        padding: 10px;
        text-wrap: nowrap;
        justify-content: center;
    }

    #PageContent_ImageJob {
        border-radius: 20px;
        max-height: 160px;
        max-width: 160px;
    }

    .OrangeBarJobs {
        border: 4px solid #EE7154;
        width: 49%;
        border-radius: 17px;
        margin: 8px auto;
    }

    #LocationDiv {
        max-width: 50vw;
        display: flex;
        flex-direction: column;
        margin-top: 40px;
        border-radius: 10px;
        z-index: 9999 !important;
    }

    #RemunerationDiv {
        max-width: 50vw;
        display: flex;
        flex-direction: column;
        margin-top: 40px;
        border-radius: 10px;
        z-index: 9999;
    }

    #ContractDiv {
        max-width: 58vw;
        display: block;
        flex-direction: column;
        margin-top: 40px;
        border-radius: 10px;
        left: 148px !important;
        z-index: 9999;
    }

    #TypeEntDiv {
        max-width: 58vw;
        display: block;
        flex-direction: column;
        margin-top: 40px;
        border-radius: 10px;
        left: 148px !important;
        z-index: 9999;
    }

    #RemoteDiv {
        max-width: 58vw;
        display: block;
        flex-direction: column;
        margin-top: 40px;
        border-radius: 10px;
        left: 148px !important;
        z-index: 9999;
    }

    #SecteurDiv {
        display: block;
        flex-direction: column;
        margin-top: 40px;
        border-radius: 10px;
        left: 15px !important;
        z-index: 9999;
    }

        #SecteurDiv::-webkit-scrollbar {
            width: 8px;
        }

        #SecteurDiv::-webkit-scrollbar-thumb {
            background: #ccc;
            border-radius: 4px;
        }

            #SecteurDiv::-webkit-scrollbar-thumb:hover {
                background: #aaa;
            }

    #PublicationDiv {
        max-width: 58vw;
        display: block;
        flex-direction: column;
        margin-top: 40px;
        border-radius: 10px;
        left: 148px !important;
        z-index: 9999;
    }

    #EntrepriseDiv {
        max-width: 58vw;
        display: block;
        flex-direction: column;
        margin-top: 40px;
        border-radius: 10px;
        left: 206px !important;
        z-index: 9999;
    }

    #EducationFormationDiv {
        max-width: 58vw;
        display: block;
        flex-direction: column;
        margin-top: 50px !important;
        border-radius: 10px !important;
        left: 113px !important;
        max-height: 30vh;
        overflow-y: auto;
        overflow-x: hidden;
        padding: 10px;
        background-color: white;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
        z-index: 9999;
    }


        #EducationFormationDiv::-webkit-scrollbar {
            width: 12px;
        }

        #EducationFormationDiv::-webkit-scrollbar-track {
            background: #f1f1f1;
            border-radius: 10px;
        }

        #EducationFormationDiv::-webkit-scrollbar-thumb {
            background: #888;
            border-radius: 10px;
        }

            #EducationFormationDiv::-webkit-scrollbar-thumb:hover {
                background: #555;
            }

    #CategoryFormationDiv {
        max-width: 58vw;
        display: block;
        flex-direction: column;
        margin-top: 50px !important;
        border-radius: 10px !important;
        left: 130px !important;
        max-height: 30vh;
        overflow-y: auto;
        overflow-x: hidden;
        padding: 10px;
        background-color: white;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
        z-index: 9999;
    }

    #EstablishmentTypeFormationDiv {
        max-width: 58vw;
        display: block;
        flex-direction: column;
        margin-top: 40px;
        border-radius: 10px;
        left: 128px !important;
        z-index: 9999;
    }

    #RemoteFormationDiv {
        max-width: 58vw;
        display: block;
        flex-direction: column;
        margin-top: 40px;
        border-radius: 10px;
        left: 148px !important;
        z-index: 9999;
    }

    #SizeDiv {
        max-width: 58vw;
        display: block;
        flex-direction: column;
        margin-top: 40px;
        border-radius: 10px;
        z-index: 9999;
        left: 148px !important;
    }

    #TypeDiv {
        max-width: 58vw;
        display: block;
        flex-direction: column;
        margin-top: 40px;
        z-index: 9999;
        border-radius: 10px;
        left: 148px !important;
    }

    #PerimDiv {
        max-width: 58vw;
        display: block;
        flex-direction: column;
        margin-top: 40px;
        z-index: 9999;
        border-radius: 10px;
        left: 148px !important;
    }

    .listingtitle {
        width: 100%;
        font-size: 18px !important;
    }
}

@media (min-width: 768px) {
    /* Full Listing Display */
    .SearchBox {
        white-space: nowrap;
    }

        .SearchBox input {
            width: 600px;
            height: 41px;
            border-radius: 50px;
            padding-left: 10px;
            margin-bottom: 10px;
            border: 2px solid #ee7154;
        }

    .SearchBoxArticle input {
        width: 74vw;
        height: 41px;
        border-radius: 50px;
        padding-left: 10px;
        margin-bottom: 10px;
        border: 2px solid #ee7154;
    }

    .ButtonEmployer {
        color: white;
        border: solid 0;
        background-color: #ee7154;
        display: flex;
        align-items: center;
        padding: 10px;
        text-wrap: nowrap;
        justify-content: center;
    }

    .EmployerTextJobs {
        margin: 25px 20px;
        font-size: 18px;
        overflow-x: hidden;
        display: block;
        max-height: 195px;
        text-align: center;
    }

    .EmployerListingJobs {
        display: flex;
        justify-content: center;
        margin-top: 22px;
    }

        .EmployerListingJobs div {
            margin: 0 10px;
            border-radius: 48px;
            font-size: 17px;
            padding: 5px 13px;
            display: flex;
            align-items: center;
        }

        .EmployerListingJobs img {
            height: 30px;
            margin-right: 10px;
        }

    .BoxEntrepriseJob {
        border: 4px #dfdfdfee solid;
        margin: 20px auto;
        border-radius: 20px;
        padding: 21px 60px;
        max-height: 450px;
        width: 83%;
        background-color: #eeeeee;
    }

    .OrangeBarJobs {
        border: 4px solid #EE7154;
        width: 49%;
        border-radius: 17px;
        margin: 8px auto;
    }

    .DateJobs {
        text-align: right;
        display: block;
        margin-bottom: 13px;
    }

    .FollowButtonJob {
        height: 50px;
        float: right;
        margin: 9px;
    }

    .Titlejobs {
        font-size: 20px;
        display: block;
    }

    .TextJobs {
        font-size: 18px;
        margin: 29px 0;
    }

    .BannerJobs {
        background: #e6e6e6;
        min-height: 200px;
        width: 100%;
        border-radius: 15px;
    }

        .BannerJobs span {
            font-size: 25px;
            display: block;
            margin: 8px;
        }

    .BannerLabelTitle {
        margin: 15px 0 0 14px;
        width: 100%;
    }

    .BannerLogo {
        height: 190px;
        border-radius: 9px;
        margin: 13px;
        margin-top: auto;
        margin-bottom: auto;
    }

    .TitleParagraphe {
        display: block;
        text-align: center;
        font-size: 20px;
    }

    .listingdisplaypanel {
        background: #fff;
        padding: 0 20px;
        border-radius: 49px;
        margin-top: 70px;
        height: 950px;
    }

    .listingdisplayinfo {
        margin-top: 10px;
        padding-left: 28px;
    }

    .listingstatusdiv {
        background: #fff;
        border: 1px solid #e6e6e6;
    }

    .listing_orgname {
        font-weight: bold;
        font-size: 18px;
    }

    .listingrating {
        width: 200px;
        margin: 0 auto;
        text-align: center;
    }

    .listingbuttons {
        padding-top: 10px;
        text-align: center;
    }

        .listingbuttons .btn {
            min-width: 200px;
            margin-bottom: 10px;
            background: black;
        }

            .listingbuttons .btn:hover {
                background-color: black;
                border-color: black;
            }

    .ListingDisplay_Advertiser .glyphicon {
        font-size: 22px;
        color: #555;
        position: relative;
        top: 5px;
        line-height: 30px;
        margin-right: 4px;
    }

    .ListingDisplay_Advertiser a {
        color: #222;
    }

    .listingdisplaybutton .btn {
        margin-top: 25px;
        margin-bottom: 10px;
        font-size: 16px;
    }

    .listingsocialdiv {
        width: 100%;
        text-align: center;
        margin: 20px 0;
    }

    .listingicons .listingfavorite .glyphicon-heart {
        color: #dc4e41;
    }

    /* Listing Display Styles - Full Page Display */
    .ListingDisplay_Item {
        line-height: 26px;
    }

    .ListingDisplay_Data a {
        color: #222;
    }

    .ListingDisplay_Label {
        clear: both;
        padding: 1px 0;
        font-weight: bold;
        width: auto;
        float: left;
        margin-right: 10px;
    }

    .ListingDisplay_Data {
        float: left;
        padding: 1px 0;
        margin-right: 5px;
    }

    .listingphone a {
        color: #222;
        line-height: 30px;
    }

    .ListingDisplay_Cat a {
        color: #222;
        text-decoration: underline;
    }

        .ListingDisplay_Cat a:hover {
            color: #222;
            text-decoration: none;
        }

    .ListingDisplay_Data_MultiCategory {
        padding-left: 0;
    }

    .ListingDisplay_Advertiser {
        color: #222;
        padding: 20px 30px 10px 15px;
    }

    .ViewCount {
        margin: 10px 0;
        text-align: right;
        padding-left: 5px;
    }

    .ListingDisplay_AddThis {
        margin: 0;
        padding: 15px 0;
    }

    .ListingDisplay_Ratings {
        display: block;
        float: left;
        margin-top: 10px;
        clear: both;
    }

    .ListingDisplayRatingsExisting_Stars {
        padding-top: 10px;
    }

    .ListingDisplayRatingsExistingDiv {
        margin-bottom: 10px;
    }
    /*.listingid {position:relative; top:25px; text-align:right;}*/
    .listingrow {
        margin-right: 10px;
        margin-left: 10px;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
        border-radius: 35px;
        padding: 25px;
    }

        .listingrow .col-border {
            padding: 20px 5px;
        }

        .listingrow .mgpanel-heading {
            color: #222;
            background: #fff;
            padding: 15px 15px;
            font-size: 24px;
        }

    .listingimage {
        background: #fff;
        max-width: 96%;
        margin: 50px 0 20px 0;
    }

        .listingimage img {
        }

    hr {
        margin-top: 5px;
        margin-bottom: 10px;
        border: 0;
        width: 95%;
    }
}

/*Detailed listing display slide styles*/
.swiper-container {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    background: #fff;
    border-bottom: 1px solid #eee;
}
/*background color*/
.swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23222222'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23222222'%2F%3E%3C%2Fsvg%3E");
}
/*color of arrows*/

@media (max-width: 767px) {
    .ArticleCategoriesBox {
        padding: 0;
        border: none;
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-top: 40px;
    }

    .listingicons .glyphicon {
        color: #ccc;
        padding-bottom: 20px;
        font-size: 20px;
        min-width: 12px;
    }

    .listingicons span {
        color: #ccc;
        padding: 0 5px;
        font-size: 20px;
    }

    .listingcurrent-rating {
        margin: 0 auto;
        text-align: center;
    }
    /* Rating Star Styles - Summary Listings */
    .listdisplay-stars .starEmpty {
        color: grey;
        margin-left: 0px;
        margin-right: 0px;
        padding-left: 0px;
        padding-right: 0px;
        font-size: 20px;
    }

    .listdisplay-stars .starFilled {
        color: gold;
        margin-left: 0px;
        margin-right: 0px;
        padding-left: 0px;
        padding-right: 0px;
        font-size: 20px;
    }

    .listdisplay-stars .starEmptyLarge {
        color: grey;
        margin-left: 0px;
        margin-right: 0px;
        padding-left: 0px;
        padding-right: 0px;
        font-size: 20px;
    }

    .listdisplay-stars .starFilledLarge {
        color: gold;
        margin-left: 0px;
        margin-right: 0px;
        padding-left: 0px;
        padding-right: 0px;
        font-size: 20px;
    }
}

@media (min-width: 768px) {
    .ArticleCategoriesBox {
        padding: 0;
        border: none;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .listingicons .glyphicon {
        color: #ccc;
        padding: 5px 7px;
        font-size: 20px;
        position: relative;
        top: 38px;
        right: 15px;
        float: right;
        min-width: 24px;
    }

    .listingcurrent-rating {
        text-align: right;
        position: relative;
        top: 44px;
        right: 18px;
    }
    /* Rating Star Styles - Summary Listings */
    .listdisplay-stars .starEmpty {
        color: grey;
        margin-left: 0px;
        margin-right: 0px;
        padding-left: 0px;
        padding-right: 0px;
        font-size: 16px;
    }

    .listdisplay-stars .starFilled {
        color: gold;
        margin-left: 0px;
        margin-right: 0px;
        padding-left: 0px;
        padding-right: 0px;
        font-size: 16px;
    }

    .listdisplay-stars .starEmptyLarge {
        color: grey;
        margin-left: 0px;
        margin-right: 0px;
        padding-left: 0px;
        padding-right: 0px;
        font-size: 16px;
    }

    .listdisplay-stars .starFilledLarge {
        color: gold;
        margin-left: 0px;
        margin-right: 0px;
        padding-left: 0px;
        padding-right: 0px;
        font-size: 16px;
    }
}

/* Rating Star Styles - Detailed Listing Display */
.starEmpty {
    color: grey;
    margin-left: 0px;
    margin-right: 0px;
    padding-left: 0px;
    padding-right: 0px;
    font-size: 20px;
}

.starFilled {
    color: gold;
    margin-left: 0px;
    margin-right: 0px;
    padding-left: 0px;
    padding-right: 0px;
    font-size: 20px;
}

.starEmptyLarge {
    color: grey;
    margin-left: 0px;
    margin-right: 0px;
    padding-left: 0px;
    padding-right: 0px;
    font-size: 20px;
}

.starFilledLarge {
    color: gold;
    margin-left: 0px;
    margin-right: 0px;
    padding-left: 0px;
    padding-right: 0px;
    font-size: 20px;
}

/*Article Display Styles - Home Page and Browse */
@media (max-width: 767px) {
    .ArtBox {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    .BoxListingArticle {
        margin: 10px;
        background: white;
        border-radius: 25px 25px 25px 25px;
        width: 420px;
        height: 420px;
        border: 2px #efefef solid;
    }

    .ImageArticle a {
        width: 100%;
        display: inline-block;
        bottom: 0.2vh;
        position: relative;
        height: 150px;
    }

    .ImageArticle img {
        width: 100%;
        height: 200px;
    }

    .listingtitle a {
        margin-top: -30px !important;
    }

    .LabelArticle {
        margin: 0 6px;
        padding: 3px 7px;
        text-align: center;
        border-radius: 18px;
        background: #ee7154;
        display: inline-block;
        height: 28px;
        bottom: 2.4vh;
        position: relative;
        z-index: 0;
        left: 1vw;
    }

    .BodyArticle {
        bottom: 2vh;
        position: relative;
    }

    .BodyText {
        font-size: 13px;
        padding: 0 20px;
        margin: 15px 0;
        overflow: hidden;
    }

    .ArticleText {
        overflow: hidden;
        height: 150px
    }

    .ArticleLabel {
        height: 25px;
        bottom: 25px;
        position: relative;
    }

    .articlestitle {
        font-weight: bold;
        padding: 5px 0;
        font-size: 18px;
        text-align: center;
    }

        .articlestitle a {
            text-decoration: none;
            color: #222;
            font-size: 18px;
            font-weight: bold;
        }

    .art-description {
        width: 100%;
        padding: 20px 10px;
        margin: 10px 0;
        line-height: 24px;
        height: auto;
        background: #fff;
        box-shadow: rgba(0, 0, 0, 0.1) 1px 3px 10px 1px;
        text-align: center;
    }

        .art-description img {
            max-height: 240px;
            margin: 0 auto;
            margin-bottom: 10px;
        }

    .artshortdesc {
        padding: 5px 25px;
    }

    .artauthor {
        padding-bottom: 5px;
    }

    .art-descriptionHM {
        padding: 10px;
        width: 60%;
        margin: 10px;
        line-height: 24px;
        text-align: left;
        background: #fff;
        border: 1px solid #fff;
        box-shadow: rgba(0, 0, 0, 0.1) 1px 3px 10px 1px;
        height: 430px;
        border-radius: 35px;
    }

        .art-descriptionHM .imagediv {
            height: auto;
            margin-bottom: 10px;
            background: #fff;
        }

        .art-descriptionHM img {
            display: inline;
            margin: 0 auto;
        }

    .articlebrowse {
        line-height: 30px;
        background: #fff;
        margin: 15px 0;
        padding: 15px 20px;
        box-shadow: rgba(0, 0, 0, 0.1) 1px 3px 10px 1px;
    }

    .morelink {
        line-height: 50px;
    }

    .ArticleCat {
        display: flex;
        align-items: center;
        font-size: 15px;
        margin: 0px 0 20px;
        flex-wrap: wrap;
        flex-direction: column;
        width: 80vw;
    }

        .ArticleCat div {
            margin: 2px 6px;
            padding: 3px 7px;
            text-align: center;
            border-radius: 18px;
            width: 60%;
        }

        .ArticleCat a {
            color: white;
        }

    .SearchBoxArticle {
        white-space: nowrap;
        width: 80vw;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .ArtBox {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    .BoxListingArticle {
        margin: 10px;
        background: white;
        border-radius: 25px 25px 25px 25px;
        width: 420px;
        height: 390px;
        border: 2px #efefef solid;
    }

    .ImageArticle a {
        width: 100%;
        display: inline-block;
        bottom: 0.2vh;
        position: relative;
        height: 150px;
    }

    .ImageArticle img {
        width: 100%;
        height: 200px;
    }

    .LabelArticle {
        margin: 0 6px;
        padding: 3px 7px;
        text-align: center;
        border-radius: 18px;
        background: #ee7154;
        display: inline-block;
        height: 28px;
        bottom: 2.4vh;
        position: relative;
        z-index: 0;
        left: 1vw;
    }

    .BodyArticle {
        bottom: 2vh;
        position: relative;
    }

    .BodyText {
        font-size: 13px;
        padding: 0 20px;
        margin: 15px 0;
        overflow: hidden;
    }

    .ArticleText {
        overflow: hidden;
        height: 150px
    }

    .ArticleLabel {
        height: 25px;
        bottom: 25px;
        position: relative;
    }

    .articlestitle {
        font-weight: bold;
        padding: 5px 0;
        font-size: 18px;
        text-align: center;
    }

        .articlestitle a {
            text-decoration: none;
            color: #222;
            font-size: 18px;
            font-weight: bold;
        }

    .art-description {
        width: 48%;
        padding: 15px;
        margin: 8px;
        line-height: 24px;
        height: 520px;
        background: #fff;
        box-shadow: rgba(0, 0, 0, 0.1) 1px 3px 10px 1px;
    }

        .art-description img {
            max-height: 240px;
            margin: 0 auto;
            margin-bottom: 10px;
        }

    .artshortdesc {
        padding: 5px 10px;
    }

    .artauthor {
        padding-bottom: 5px;
    }

    .art-descriptionHM {
        padding: 10px;
        width: 60%;
        margin: 10px;
        line-height: 24px;
        text-align: left;
        background: #fff;
        border: 1px solid #fff;
        box-shadow: rgba(0, 0, 0, 0.1) 1px 3px 10px 1px;
        height: 470px;
        border-radius: 38px;
    }

        .art-descriptionHM .imagediv {
            min-height: 180px;
            background: #fff;
        }

        .art-descriptionHM img {
            margin: 0 auto;
            max-height: 300px;
        }

    .articlebrowse {
        line-height: 30px;
        background: #fff;
        margin: 15px 0 20px 0;
        padding: 15px 20px;
        box-shadow: rgba(0, 0, 0, 0.1) 1px 3px 10px 1px;
    }

    .morelink {
        padding-bottom: 15px;
        float: right;
    }

    .ArticleCat {
        display: flex;
        align-items: center;
        font-size: 15px;
        margin: 0px 0 20px;
        flex-wrap: wrap;
        flex-direction: column;
        width: 80vw;
    }

        .ArticleCat div {
            margin: 2px 6px;
            padding: 3px 7px;
            text-align: center;
            border-radius: 18px;
            width: 36%;
        }

        .ArticleCat a {
            color: white;
        }

    .SearchBoxArticle {
        white-space: nowrap;
        width: 80vw;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .SearchBoxArticle input {
        width: 805px;
        height: 41px;
        border-radius: 50px;
        padding-left: 10px;
        margin-bottom: 10px;
        border: 2px solid #ee7154;
    }

    .BoxListingArticle {
        margin: 20px;
        background: white;
        border-radius: 50px;
        width: 30%;
        height: 437px;
        border: 2px #efefef solid;
    }

    .ImageArticle a {
        width: 100%;
        display: inline-block;
        bottom: 0.2vh;
        position: relative;
        height: 150px;
    }

    .ImageArticle img {
        max-width: 270px !important;
        height: 150px !important;
    }

    .LabelArticle {
        margin: 0 6px;
        padding: 3px 7px;
        text-align: center;
        border-radius: 18px;
        background: #ee7154;
        display: inline-block;
        height: 28px;
        bottom: 2.4vh;
        position: relative;
        z-index: 0;
        left: 1vw;
    }

    .BodyArticle {
        bottom: 2vh;
        position: relative;
    }

    .BodyText {
        font-size: 13px;
        padding: 0 20px;
        margin: 15px 0;
        /*height: 100px;*/
        overflow: hidden;
    }

    .ArticleText {
        overflow: hidden;
        height: 150px
    }

    .ArticleLabel {
        height: 32px;
        bottom: 25px;
        position: relative;
    }

    .articlestitle {
        font-weight: bold;
        padding: 5px 0;
        min-height: 60px;
    }

        .articlestitle a {
            text-decoration: none;
            color: #222;
            font-size: 16px;
            font-weight: bold;
        }

    .art-description {
        width: 48%;
        padding: 10px;
        margin: 5px;
        line-height: 24px;
        height: 540px;
        background: #fff;
        box-shadow: rgba(0, 0, 0, 0.1) 1px 3px 10px 1px;
    }

        .art-description img {
            max-height: 220px;
            margin: 0 auto;
        }

        .art-description .imagediv {
            min-height: 22px;
            background: #fff;
        }

    .artshortdesc {
        padding: 5px 10px;
    }

    .artauthor {
        padding-bottom: 5px;
    }

    .art-descriptionHM {
        padding: 10px;
        width: 31%;
        margin: 10px;
        line-height: 24px;
        text-align: left;
        background: #fff;
        border: 1px solid #fff;
        box-shadow: rgba(0, 0, 0, 0.1) 1px 3px 10px 1px;
        height: 510px;
        border-radius: 35px;
    }

        .art-descriptionHM .imagediv {
            min-height: 180px;
            background: #fff;
        }

        .art-descriptionHM img {
            margin: 0 auto;
            max-height: 180px;
        }

    .articlebrowse {
        line-height: 30px;
        background: #fff;
        margin: 15px 0 20px 0;
        padding: 15px 20px;
        box-shadow: rgba(0, 0, 0, 0.1) 1px 3px 10px 1px;
    }

    .morelink {
        padding-bottom: 15px;
        float: right;
    }

    .ArticleCat {
        display: flex;
        align-items: center;
        font-size: 15px;
        margin: 5px 0 20px;
    }

        .ArticleCat div {
            margin: 0 6px;
            padding: 3px 7px;
            text-align: center;
            border-radius: 18px;
        }

        .ArticleCat a {
            color: white;
        }

    .SearchBoxArticle {
        white-space: nowrap;
    }
}

@media (min-width: 1200px) {
    .SearchBoxArticle input {
        width: 805px;
        height: 41px;
        border-radius: 50px;
        padding-left: 10px;
        margin-bottom: 10px;
        border: 2px solid #ee7154;
    }

    .BoxListingArticle {
        margin: 20px;
        background: white;
        border-radius: 50px;
        width: 30%;
        height: 437px;
        border: 2px #efefef solid;
    }

    .ImageArticle a {
        width: 100%;
        display: inline-block;
        bottom: 0.2vh;
        position: relative;
        height: 150px;
    }

    .ImageArticle img {
        width: 100%;
        height: 200px;
    }

    .LabelArticle {
        margin: 0 6px;
        padding: 3px 7px;
        text-align: center;
        border-radius: 18px;
        background: #ee7154;
        display: inline-block;
        height: 28px;
        bottom: 2.4vh;
        position: relative;
        z-index: 0;
        left: 1vw;
    }

    .BodyArticle {
        bottom: 2vh;
        position: relative;
    }

    .BodyText {
        font-size: 13px;
        padding: 0 20px;
        margin: 15px 0;
        /*height: 100px;*/
        overflow: hidden;
    }

    .ArticleText {
        overflow: hidden;
        height: 150px
    }

    .ArticleLabel {
        height: 32px;
        bottom: 25px;
        position: relative;
    }

    .articlestitle {
        font-weight: bold;
        padding: 5px 0;
        min-height: 60px;
    }

        .articlestitle a {
            text-decoration: none;
            color: #222;
            font-size: 16px;
            font-weight: bold;
        }

    .art-description {
        width: 48%;
        padding: 15px;
        margin: 8px;
        line-height: 24px;
        height: 520px;
        background: #fff;
        box-shadow: rgba(0, 0, 0, 0.1) 1px 3px 10px 1px;
    }

        .art-description img {
            max-height: 240px;
            margin: 0 auto;
        }

    .artshortdesc {
        padding: 5px 10px;
    }

    .artauthor {
        padding-bottom: 5px;
    }

    .art-descriptionHM {
        overflow: hidden;
        padding: 0px;
        width: 30%;
        margin: 10px;
        line-height: 24px;
        text-align: left;
        background: #fff;
        border: 1px solid #fff;
        box-shadow: rgba(0, 0, 0, 0.1) 1px 3px 10px 1px;
        height: 400px;
        border-radius: 16px;
        max-width: 300px;
        margin: 10px;
        margin-inline-start: 69px;
    }

        .art-descriptionHM .imagediv {
            min-height: 180px;
            background: #fff;
        }

        .art-descriptionHM img {
            margin: 0 auto;
            max-height: 180px;
        }

    .ArticleCat {
        display: flex;
        align-items: center;
        font-size: 15px;
        margin: 5px 0 20px;
    }

        .ArticleCat div {
            margin: 0 6px;
            padding: 3px 7px;
            text-align: center;
            border-radius: 18px;
        }

        .ArticleCat a {
            color: white;
        }

    .morelink {
        padding-bottom: 15px;
        float: right;
    }

    .SearchBoxArticle {
        white-space: nowrap;
        width: 46vw;
    }
}

.articlebrowse a {
    color: #222;
}

.art-descriptionHM .morelink a {
    font-size: 18px;
    color: #222;
}

    .art-descriptionHM .morelink a:link, .art-descriptionHM .morelink a:visited {
        color: #222;
        text-decoration: underline;
    }

    .art-descriptionHM .morelink a:active, .art-descriptionHM .morelink a:hover {
        color: #222;
        text-decoration: none;
    }


/* Article Display Page Styles */
@media (max-width: 767px) {
    .articlebody {
        background: #fff;
        padding: 10px;
        line-height: 26px;
        text-align: center;
        border: 1px #efefef solid;
    }

        .articlebody a {
            color: #222;
        }

    .articleAddThis {
        padding: 10px 0px;
    }

    .articleDate {
        font-weight: bold;
        padding: 3px 0px;
    }

    .articlePhoto {
        margin: 0 auto;
        padding: 10px;
        text-align: center;
    }

        .articlePhoto img {
            max-width: 100% !important;
            text-align: center;
            margin: 0 auto;
        }

    .articleDisplayText {
        padding: 10px 15px;
    }

    .articleSocialIcons {
        padding: 10px 15px;
        text-align: center;
    }

    .articleDisplay {
        margin: 0 10px 0 0;
    }
        /*Responsive YouTube - Articles*/
        .articleDisplay .video-responsive {
            position: relative;
            padding-bottom: 56.25%;
            padding-top: 30px;
            height: 0;
            overflow: hidden;
        }

            .articleDisplay .video-responsive iframe, .articleDisplay .video-responsive object, .articleDisplay .video-responsive embed {
                margin: 0 auto;
                position: absolute;
                top: 40px;
                left: 10px;
                width: 98%;
                height: 96%;
            }

    .articlebtn .mg-btn-action a:link, articlebtn .mg-btn-action a:visited {
        color: #fff;
        text-decoration: none;
    }

    .articlebtn .mg-btn-action a:active, .articlebtn .mg-btn-action a:hover {
        color: #fff;
        text-decoration: none;
    }

    .articlebtn .mg-btn-action {
        width: 100%;
        margin: 10px 0;
    }
}

@media (min-width: 768px) {
    .articlebody {
        background: #fff;
        padding: 10px 10px 30px 10px;
        line-height: 26px;
        border: 1px #efefef solid;
    }

        .articlebody a {
            color: #222;
        }

    .articleAddThis {
        padding: 10px 0px;
    }

    .articleDate {
        font-weight: bold;
        padding: 3px 0px;
    }

    .articlePhoto {
        float: left;
        padding: 10px 10px 10px 0;
    }

        .articlePhoto img {
            max-width: 100% !important;
        }

    .articleDisplayText {
        padding: 15px;
    }

        .articleDisplayText .mg-btn-action {
            margin: 15px 0;
        }

    .articleSocialIcons {
        padding: 10px 15px;
    }

    .articleDisplay {
        margin: 0 10px 0 0;
    }
        /*Responsive YouTube - Articles*/
        .articleDisplay .video-responsive {
            position: relative;
            padding-bottom: 56.25%;
            padding-top: 30px;
            height: 0;
            overflow: hidden;
        }

            .articleDisplay .video-responsive iframe, .articleDisplay .video-responsive object, .articleDisplay .video-responsive embed {
                margin: 0 auto;
                position: absolute;
                top: 40px;
                left: 10px;
                width: 98%;
                height: 96%;
            }

    .articlebtn .mg-btn-action {
        margin: 15px 0 5px 0;
        min-width: 220px;
    }

        .articlebtn .mg-btn-action a:link, articlebtn .mg-btn-action a:visited {
            color: #fff;
            text-decoration: none;
        }

        .articlebtn .mg-btn-action a:active, .articlebtn .mg-btn-action a:hover {
            color: #fff;
            text-decoration: none;
        }
}


/* RSS Input Styles  */
.RSS {
    background: #fff;
}

    .RSS .mgpanel-heading {
        color: #222;
        background: #fff;
        border-color: #fff;
        padding: 15px 0;
        font-size: 24px;
    }

        .RSS .mgpanel-heading a:link, .RSS .mgpanel-heading a:visited {
            color: #222;
            text-decoration: none;
        }

        .RSS .mgpanel-heading a:active, .RSS .mgpanel-heading a:hover {
            color: #222;
            text-decoration: underline;
        }

    .RSS .Content {
        box-shadow: rgba(0, 0, 0, 0.1) 1px 3px 10px 1px;
        padding: 20px 5px;
    }

        .RSS .Content a {
        }

            .RSS .Content a:link, .RSS .Content a:visited {
                color: #222222;
                text-decoration: none;
            }

            .RSS .Content a:active, .RSS .Content a:hover {
                color: #555555;
                text-decoration: underline;
            }

        .RSS .Content ul {
            list-style-type: none;
            margin-top: 0px;
            margin-bottom: 0px;
        }

        .RSS .Content li {
            clear: both;
            margin: 0 0 0 -22px;
        }

    .RSS .Description {
        margin-bottom: 10px;
        margin-top: 5px;
        padding-bottom: 10px;
        border-bottom: 1px solid #f5f5f5;
        line-height: 22px;
    }
        /*.RSS .Description {max-height:200px; overflow:auto; margin-bottom:10px; margin-top:5px;}*/
        .RSS .Description img {
            padding: 5px 10px 5px 0;
        }

    .RSS .Open {
        background: url(../../Images/RSS_Plus.gif) no-repeat;
        cursor: pointer;
        display: block;
        width: 18px;
        height: 18px;
        float: left;
    }

    .RSS .rss-item-title {
        font-weight: bold;
    }

    .RSS .Close {
        background: url(../../Images/RSS_Minus.gif) no-repeat;
        cursor: pointer;
        display: block;
        width: 18px;
        height: 18px;
        float: left;
    }

/* AJAX Pop-up Calendar (full style definition located in App_Themes folder) */
.AJAXcalendar td {
    padding: 0 !important;
}

.AJAXcalendar .ajax__calendar_container {
    background: #fff;
    border: solid 1px #000;
    font-family: arial,helvetica,clean,sans-serif;
    cursor: default;
    width: 205px;
    text-align: center;
    padding: 0px;
}

.AJAXcalendar .ajax__calendar_body {
    height: 140px;
    width: 205px;
    position: relative;
    overflow: hidden;
    z-index: 10000;
}

.AJAXcalendar .ajax__calendar_days, .radcalendar .ajax__calendar_months, .radcalendar .ajax__calendar_years {
    top: 0px;
    left: 0px;
    height: 140px;
    width: 195px;
    padding: 5px;
    position: absolute;
    text-align: center;
}

    .AJAXcalendar .ajax__calendar_days table {
        border-spacing: 0;
        border-collapse: collapse;
        text-align: center;
    }

.AJAXcalendar .ajax__calendar_header {
    padding-top: 4px;
    background: #013048;
    height: 21px;
}

.AJAXcalendar .ajax__calendar_prev {
    margin-left: 8px;
    margin-top: 3px;
    display: block;
    cursor: pointer;
    float: left;
    background: url(../../Images/AJAXcalendar_prev.gif) no-repeat;
}

.AJAXcalendar .ajax__calendar_next {
    margin-top: 2px;
    margin-right: 0px;
    display: block;
    cursor: pointer;
    float: right;
    background: url(../../Images/AJAXcalendar_next.gif) no-repeat;
}

.AJAXcalendar .ajax__calendar_title {
    cursor: pointer;
    text-align: center;
    font-weight: bold;
    color: #fff;
    font-family: Arial;
}

.AJAXcalendar .ajax__calendar_footer, .radcalendar .ajax__calendar_today {
    border-top: solid 1px #a6a6a6;
    padding: 3px;
    font-weight: bold;
}

.AJAXcalendar .ajax__calendar_dayname {
    padding-left: 3px;
    padding-right: 3px;
    margin-bottom: 5px;
    margin-left: 2px;
    margin-right: 2px;
    text-align: center;
    font-weight: bold;
    color: #000;
    border-bottom: solid 1px #a6a6a6;
}

.AJAXcalendar .ajax__calendar_day, .radcalendar .ajax__calendar_month, .radcalendar .ajax__calendar_year {
    padding: 0px;
    color: #000;
    text-align: center;
    padding: 0pt 2px;
}

.AJAXcalendar .ajax__calendar_hover .ajax__calendar_day, .radcalendar .ajax__calendar_hover .ajax__calendar_month, .radcalendar .ajax__calendar_hover .ajax__calendar_year {
    color: #06c;
}

.AJAXcalendar .ajax__calendar_other .ajax__calendar_day, .radcalendar .ajax__calendar_other .ajax__calendar_year {
    color: #a6a6a6;
}

.AJAXcalendar .ajax__calendar_active .ajax__calendar_day {
    color: #06c;
}

/* Elec-jobs new css*/

@keyframes scroll {
    0% {
        transform: translateX(100%);
    }

    100% {
        transform: translateX(-100%);
    }
}

.FontElecJobs {
    font-family: Rubik, sans-serif;
    font-weight: 500;
    text-align: center;
}

.BoldFontElecJobs {
    font-family: Rubik, sans-serif;
    font-weight: bold;
    text-transform: uppercase;
}

.scrolling-text {
    width: 100%;
    background: #b9b8ba;
    height: 20px;
    overflow: hidden;
    position: relative;
    border: 1px solid #b9b8ba;
}

.gradient-scrolling {
    content: "";
    width: 100%;
    z-index: 2;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    background: linear-gradient( to right, #fff 0%, transparent 15%, transparent 85%, #fff 100%);
    opacity: 0.6;
}

.scrolling-elements {
    width: 100%;
    white-space: nowrap;
    animation: scroll 20s linear infinite;
}

    .scrolling-elements a {
        text-decoration: none;
        margin: 0 20px;
        color: blue;
        z-index: 1;
    }

.SearchTitleColor1 {
    padding: 10px 10px 15px;
    font-size: 26px;
}

.SearchTitleColor2 {
    color: #ee7154;
}
/* switch to ElecjobsColor*/
.EntrepriseTitleColor1 {
    padding: 0;
    font-size: 24px;
}

.EntrepriseTitleColor2 {
    padding: 0;
    color: #ee7154;
    font-size: 24px;
}

.ElecJobsOrange {
    color: #ee7154;
}

.ElecJobsGrey {
    color: #e6e6e6
}

.ImageWithLogo {
    position: relative;
    display: inline-block;
    top: 8px;
    width: 36px;
    margin-left: 10px;
    top: 10px;
}

    .ImageWithLogo img {
        width: 100%;
        height: 100%;
    }

.BoxSearchAndButton {
    box-sizing: border-box;
    padding: 0 20px 20px 20px;
    text-align: center;
}

.AccountHeadButton {
    margin: 10px;
    padding: 5px 10px;
    background-color: white;
    border-radius: 10px;
    color: #ee7154;
    font-size: 11px;
}

.WhiteColor {
    color: white;
}

.SearchBoxEntreprise {
    margin: 0px 0px 20px 212px;
    max-width: 500px;
    width: 130%;
}

    .SearchBoxEntreprise input {
        width: 450px;
        border-radius: 20px;
        text-align: center;
        border-color: #ee7154;
        border-style: solid;
    }

.Box {
    width: 100%;
    flex-shrink: 0;
    border: 1px solid #ccc;
    max-width: 300px;
    padding: 25px;
    margin: 25px;
    min-height: 230px;
    border-radius: 38px;
}



.ImageAreaHomePage {
    width: 45%;
    float: left;
    left: 7%;
    position: relative;
}

.boxfilter {
    background: #fff;
    border: 2px solid #eee;
    border-radius: 26px;
    display: inline-block;
    font-size: 11px;
    padding: 4px 8px;
    margin: 5px;
    margin-top: 10px;
}

    .boxfilter img {
        height: 15px;
        top: 2px;
        position: relative;
        margin-left: 0px;
    }

.Follow_button {
    background-color: #ee7154;
    float: right;
    width: auto;
    font-size: 30px;
    display: flex;
    height: auto;
    border-radius: 26px;
    color: white;
    margin: 0;
    padding: 5px 7px 5px 5px;
}

.ContactPageTitle {
    width: 100%;
    display: flex;
    justify-content: center;
    margin: 40px 0;
    font-size: 24px;
}

.ContactPageText {
    margin: 20px 0;
}

@media (max-width: 991.98px) {
    .PhoneCss {
        display: none
    }
}


/*CVTheque style*/
.progress {
    height: 30px;
    margin-bottom: 20px;
}

.progress-bar {
    background-color: #EE7154;
    color: white;
    text-align: center;
    line-height: 30px;
    transition: width 0.5s ease-in-out;
}

.step1Panel {
    background-color: #ffffff;
    padding: 20px;
    border-radius: 43px;
    margin-bottom: 20px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    height: 900px;
}

    .step1Panel h2 {
        color: #333;
        font-weight: bold;
        font-size: 24px;
    }

    .step1Panel .form-group {
        margin-bottom: 15px;
    }

    .step1Panel input,
    .step1Panel select,
    .step1Panel textarea {
        padding: 10px; /* Ajouter du padding à l'intérieur des champs */
        border: 1px solid #ddd; /* Bordure des champs */
        border-radius: 4px; /* Coins arrondis */
        width: 121%;
    }

    .step1Panel .btn {
        background-color: #EE7154; /* Changer la couleur de fond des boutons */
        color: white;
        padding: 10px 20px;
        border: none;
        border-radius: 53px;
        width: 100px;
        margin: 80px;
        height: 215px;
    }

        .step1Panel .btn:hover {
            filter: brightness(1.2);
        }

/* Style pour le titre du CV */
.resume-title {
    font-size: 14px;
    color: #007bff;
    max-width: 100%;
}

/* Style pour la section 'Other Information' */
.other-info-title {
    font-size: 18px;
    font-weight: bold;
    color: #343a40; /* Exemple de couleur pour la section Other Information */
}

.text-center {
    text-align: center;
}
/* Style pour le conteneur du label "Select Resume" */
/* Style pour le conteneur du label "Select Resume" */
.mgdisplaylisting {
    background-color: #fff;
    border: 1px solid #ebebeb;
    padding: 20px;
    margin-bottom: 20px;
    border-radius: 30px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    margin-inline: auto;
    width: 75%;
    height: fit-content;
}

.listingtitle {
    font-size: 25px;
    font-weight: bold;
    color: #333;
    margin-top: 1px;
    max-width: 591px;
    min-width: 250px;
}

.visualbutton {
    margin-top: 10px;
}

.AddToLibraryButton {
    display: inline-block;
    padding: 10px 20px;
    background-color: #EE7154;
    color: white;
    border-radius: 20px;
    text-align: center;
    font-weight: bold;
    transition: background-color 0.3s ease;
    width: 165px;
    margin-inline-start: auto;
    margin-left: 0;
    text-align: left;
}

    .AddToLibraryButton:hover {
        background-color: #D96043;
        text-decoration: none;
    }

p {
    font-size: 14px;
    color: #666;
}

b {
    color: #333;
}

.page-title {
    font-size: 28px;
    text-align: center;
    margin-bottom: 20px;
    color: #EE7154;
    font-weight: bold;
}
/* Conteneur principal */
.info-row {
    display: flex;
    justify-content: space-between; /* Assure un espace uniforme entre les éléments */
    align-items: flex-start; /* Pour garantir que les éléments soient alignés en haut */
    flex-wrap: wrap; /* Permet un retour à la ligne si la taille de l'écran est petite */
}

/* Chaque élément prend 32% de la largeur pour les afficher sur une ligne */
.info-item {
    display: flex; /* Aligne les icônes et le texte en ligne */
    align-items: center;
    flex: 1; /* Permet à chaque élément de prendre l'espace restant */
    min-width: 30%; /* Définit une largeur minimum pour éviter des déformations */
    margin-bottom: 20px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    border-radius: 22px;
    padding: 10px;
    background-color: #fff;
    height: fit-content;
}

    /* Style pour les icônes */
    .info-item img {
        margin-right: 10px;
        width: 24px; /* Taille des icônes */
        height: auto;
    }


.bordered-container {
    border: 2px solid #f2f2f2; /* Couleur et épaisseur du contour */
    padding: 15px; /* Espace intérieur pour que le contenu ne touche pas le contour */
    border-radius: 25px; /* Bordures arrondies */
    margin-bottom: 20px; /* Espace sous le bloc */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* Légère ombre pour un effet en relief */
    background-color: #fff; /* Couleur de fond pour s'assurer qu'il contraste bien avec le contour */
}
/* Alignement des boutons "Contacter le candidat" et "Voir le CV Candidat" */
.button-group {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    margin-top: 10px;
}

/* Style pour les boutons */
.btn {
    background-color: #EE7154;
    color: white;
    padding: 10px 20px;
    border-radius: 20px;
    text-align: center;
    font-weight: bold;
    transition: background-color 0.3s ease;
    border: black;
    min-width: 112px;
}

    .btn:hover {
        background-color: #D96043;
        text-decoration: none;
    }
/* Style pour le lien "Voir le CV Candidat" */
.resume-link {
    background-color: #EE7154;
    color: white;
    padding: 10px 20px;
    border-radius: 20px;
    text-align: center;
    font-weight: bold;
    display: inline-block;
    text-decoration: none;
    transition: background-color 0.3s ease;
    width: 200px;
}

    .resume-link:hover {
        background-color: #D96043;
        text-decoration: none;
    }

#EmailDiv {
    margin-top: 10px;
    display: flex;
    align-items: center;
}

#EmailIcon {
    margin-right: 8px;
}

.listingbuttons .contact-button-black {
    background-color: #000 !important; /* Forcer la couleur noire */
    color: #fff !important; /* Forcer la couleur du texte */
}

.Blocs {
    border: 2px solid #ebebeb;
    padding: 15px;
    border-radius: 18px;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    width: 48%
}

.custom-horizontal-line2 {
    width: 30%; /* Assure que la ligne s'étend sur toute la largeur */
    margin: 0; /* Supprime tout l'espacement par défaut */
    padding: 0; /* Supprime tout le padding par défaut */
    border: 2px solid #EE7154;
    background-color: #EE7154;
}

@media (max-width: 768px) {
    .AddToLibraryButton {
        width: 100%; /* Le bouton occupera toute la largeur disponible */
        padding: 15px 10px; /* Plus d'espace pour rendre le bouton plus grand */
        font-size: 16px; /* Ajuster la taille de la police */
    }

    /* Si tu veux ajuster aussi d'autres éléments */
    .mgdisplaylisting {
        display: block; /* Pour forcer les éléments à s'empiler sur de petits écrans */
    }

    .ListingDisplay_Advertiser {
        font-size: 14px; /* Réduire la taille du texte si nécessaire */
    }

    .location, .function, .skills {
        display: block;
        margin-bottom: 10px;
    }
}

@media (max-width: 768px) {
    .Blocs {
        border: 1px solid #bebebe; /* Ajuste la bordure si nécessaire */
        padding: 10px; /* Ajuste l'espacement interne */
        border-radius: 12px; /* Ajuste le rayon des bords arrondis */
        margin-bottom: 10px; /* Réduit l'espacement entre les éléments */
        display: block; /* Change le display en block pour les petits écrans */
        width: 100%; /* Rend chaque bloc plus large pour s'adapter au mobile */
        box-shadow: none; /* Supprime ou ajuste l'ombre du conteneur si nécessaire */
        text-align: center; /* Aligne le texte au centre */
    }
}

@media (max-width: 767px) {
    .mgdisplaylisting {
        flex-direction: column;
        padding: 15px;
    }

    .listingtitle {
        font-size: 20px;
        text-align: center;
    }

    .info-row {
        flex-direction: column;
        margin-top: 10px;
    }

    .info-item {
        margin-right: 0;
        margin-bottom: 10px;
    }

    .AddToLibraryButton {
        width: 143px;
        padding: 12px;
        font-size: 16px;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .mgdisplaylisting {
        flex-direction: column;
        padding: 20px;
    }

    .listingtitle {
        font-size: 22px;
    }

    .info-row {
        flex-direction: row;
        justify-content: space-between;
        margin-top: 15px;
    }

    .info-item {
        margin-bottom: 10px;
        margin-right: 15px;
    }

    .AddToLibraryButton {
        width: 140px;
        padding: 12px;
        font-size: 16px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .mgdisplaylisting {
        flex-direction: row;
        padding: 25px;
    }

    .listingtitle {
        font-size: 24px;
        max-width: 256px;
    }

    .info-row {
        flex-direction: row;
        justify-content: flex-start;
        width: 50%;
    }

    .info-item {
        margin-right: 20px;
    }

    .AddToLibraryButton {
        width: 100px;
        font-size: 14px;
        padding: 10px 20px;
        height: fit-content;
    }
}

/* Style pour les catégories parentales */
.parent-category {
    font-weight: bold;
    color: #FF6F4C; /* Couleur orange pour les parents */
    margin-top: 10px; /* Espacement supplémentaire si nécessaire */
}

/* Style pour les sous-catégories */
.sub-category {
    padding-left: 20px; /* Décalage vers la droite */
    font-weight: normal; /* S'assurer qu'elles ne sont pas en gras */
}

/* Conteneur de la bannière */
.div_background_slideshow {
    width: 100%; /* La largeur du conteneur occupe 100% de l'écran */
    height: 100%; /* Hauteur réduite à 50% de la hauteur de la fenêtre */
    display: flex;
    justify-content: center; /* Centre l'image horizontalement */
    align-items: center; /* Centre l'image verticalement */
    background-color: #ffffff; /* Ajoute une couleur de fond si nécessaire */
    padding: 20px; /* Ajuste l'espacement autour de l'image */
    margin-top: 218px;
}

    /* Image dans la bannière */
    .div_background_slideshow img {
        max-width: 70%;
        min-width: 1041px;
        height: auto;
        box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
        border-radius: 14px;
    }

@media (min-width: 992px) and (max-width: 1199.98px) {
    .div_background_slideshow img {
        max-width: 100%;
        min-width: 100%;
        height: auto;
        box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
        border-radius: 14px;
    }
}

/* Responsive design pour petits écrans */
@media (max-width: 992px) {


    .div_background_slideshow img {
        max-width: 100%;
        min-width: 100%;
    }
}
/*Boutons créer offre d'emploi*/
.custom-btn {
    display: initial !important; /* Ou display: revert; pour rétablir le style par défaut sans inline-block */
}

.rowListingEditPLan {
    margin-left: 50px;
    margin-right: 50px;
}
/* Styles pour le compte à rebours */
.countdown-timer {
    display: flex;
    justify-content: center;
    gap: 10px;
    font-size: 24px;
    font-weight: bold;
    margin-top: 20px;
    color: #EE7154;
}

    .countdown-timer div {
        background-color: #f4f4f4;
        padding: 10px 20px;
        border-radius: 8px;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    }

    .countdown-timer span {
        display: block;
        font-size: 16px;
        color: #333;
    }


.btn-orange {
    background-color: #f05a28;
    color: #fff;
    border: none;
    padding: 10px 20px;
    font-size: 16px;
    cursor: pointer;
    border-radius: 5px;
    margin-top: 10px;
}

    .btn-orange:hover {
        background-color: #e04e24;
    }

.no-bullet {
    list-style-type: none;
    padding-left: 20%;
    padding-right: 80%;
}


#suggestionsList {
    top: 100%;
    left: 0;
    width: 100%;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
    z-index: 1000;
    max-height: 200px;
    overflow-y: auto;
    padding: 0;
    margin-top: 4px;
    max-width: fit-content;
    text-align: left;
}

    #suggestionsList li {
        padding: 8px 12px;
        cursor: pointer;
        font-size: 1em;
    }

        #suggestionsList li:hover {
            background-color: #007bff;
        }


.suggestion-arrow {
    color: #EE7154;
    font-weight: bold;
    margin-right: 5px;
}

#suggestionsList::-webkit-scrollbar {
    width: 4px;
    background-color: gray;
    border-radius: 10px;
}

#quickSuggestionsList {
    position: absolute;
    top: 100%;
    left: 0;
    width: 28%;
    background-color: #fff;
    border: 1px solid #ddd;
    z-index: 1000;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
    margin-top: 4px;
    padding: 0;
    list-style-type: none;
    margin-left: 20px;
    border-radius: 10px;
}

    #quickSuggestionsList li {
        padding: 8px;
        cursor: pointer;
    }

        #quickSuggestionsList li:hover {
            background-color: #f0f0f0;
        }


.qsearchBar {
    position: relative;
}

.form-control txtbox qsearchForm proximityBox {
    appearance: none; /* Retirer l'apparence par défaut pour les dropdowns */
    -webkit-appearance: none; /* Safari et Chrome */
    -moz-appearance: none; /* Firefox */
    padding: 8px 12px;
    border: 1px solid #ddd;
    width: 100%; /* Prend toute la largeur du conteneur */
    background-color: #fff;
    font-size: 1em;
    border-radius: 4px;
    margin-bottom: 8px;
    color: aqua;
}


.suggestions-list-home {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
    z-index: 1000;
    max-height: 200px;
    overflow-y: auto;
    padding: 0;
    margin-top: 4px;
    list-style: none;
}

    .suggestions-list-home li {
        padding: 8px 12px;
        cursor: pointer;
        font-size: 1em;
    }

        .suggestions-list-home li.highlight {
            background-color: #007bff;
            color: #fff;
        }

        .suggestions-list-home li:hover {
            background-color: #f0f0f0;
        }



.btn-google-modern {
    display: flex;
    align-items: center;
    justify-content: start;
    padding: 10px 20px;
    width: 80%;
    height: 50px;
    border-radius: 8px;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
    transition: all 0.3s ease;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}


.linkedinloginbutton .btn {
    display: flex;
    align-items: center;
    justify-content: start;
    padding: 10px 20px;
    width: 80%;
    height: 50px;
    border-radius: 8px;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
    transition: all 0.3s ease;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    background-color: #0077B5;
    color: #fff;
}


.linkedinloginbutton {
    display: flex;
    justify-content: center;
    margin-bottom: 10px;
}

.auth-buttons {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    margin: 20px 0;
}

.btn-google-modern {
    background-color: #fff;
    color: #333;
    border: 1px solid #ccc;
}

    .btn-google-modern:hover {
        border-color: #888;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.15);
    }

/* Icônes */
.btn-icon {
    width: 24px;
    height: 24px;
    margin-right: 8px;
}

.btn-linkedin-modern {
    background-color: #0077b5;
    color: white;
    border: 1px solid #0077b5;
}

    .btn-linkedin-modern:hover {
        background-color: #005983;
    }

.separator span {
    padding: 0 10px;
    color: #666;
    font-weight: bold;
    font-size: 14px;
}

.separator .line {
    flex-grow: 1;
    height: 1px;
    background-color: #ccc;
}

.separator {
    display: flex;
    align-items: center;
    text-align: center;
    margin: 20px 0;
}

.is-invalid {
    border-color: red;
    background-color: #ffe6e6;
}

.AttributsFormation {
    display: flex;
    margin-top: 4px;
    margin-bottom: 4px;
    color: #EE7154;
}


@media screen and (max-width: 1114px) {
    .slider-column {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100%;
        flex-direction: column;
    }

    #TopDescCard {
        max-width: 100% !important;
    }

    #RegisterDiv {
        width: 67%;
    }
}

.custom-row {
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding: 0;
    box-sizing: border-box;
}

.custom-row .col-xs-12,
.custom-row .col-sm-6,
.custom-row .col-md-4,
.custom-row .col-lg-3 {
    padding: 10px;
}

.responsive-labels {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
}

.responsive-labels a {
    flex: 1 1 calc(33.33% - 10px);
    text-align: center;
}

@media (max-width: 1070px) and (min-width: 767px) {
    .responsive-labels a {
        flex: 1 1 calc(33.33% - 10px);
    }
}

@media (max-width: 767px) {
    .responsive-labels a {
        flex: 1 1 calc(50% - 10px);
    }
}

@media screen and (max-width: 823px) and (min-width: 767px) {
    .listingtitle a {
        min-width: 100% !important;
    }
}

/* Conteneur principal pour aligner les flèches et les cartes */
#Slider {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
}

/* Panels des flèches */
#PanelPrevious, #PanelNext {
    flex-shrink: 0;
}

/* Les flèches restent à la même hauteur que les cartes */
#PanelPrevious button, #PanelNext button {
    position: relative;
    z-index: 1;
}

/* Réduire la taille des flèches sur des écrans plus petits */
@media screen and (max-width: 1258px) {
    #PanelPrevious, #PanelNext {
        width: 48px;
        height: 48px;
    }

    #PanelPrevious button, #PanelNext button {
        font-size: 32px;
        width: 48px;
        height: 48px;
    }
}

/* filtered blog pages */
.col-xs-12.col-sm-11.browsecattitle {
    min-width: 100%;
}

.BodyArticle .listingtitle a {
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    font-size: 16px;
    margin-top: -10px;
    font-weight: bold;
    text-decoration: none;
    color: #222;
    width: 100%;
    overflow: hidden;
    height: 92px !important;
}

.BodyArticle .listingtitle a:hover {
    text-decoration: underline;
}

.BodyArticle .listingtitle {
    min-width: 100%;
    width: 100%;
    margin-bottom: -50px;
    font-size: 24px;
    display: flex;
    min-height: 80px;
    align-items: center;
}

.DateTime.ElecJobsOrange.FontElecJobs.backgroundwhite {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.ArticlesTitleLink:hover {
    text-decoration: underline;
}

.ImageLogo {
    border: none !important;
}

.sliderListingsContainer {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.knowMoreButtonDiv {
    margin: 16px;
    margin-top: 95px;
}

.sliderListingsContainer {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

#PageContent_PanelPrevious,
#PageContent_PanelNext {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

#PageContent_JobRepeaterContainer {
    display: flex;
    flex-wrap: nowrap;
    width: auto;
}

#PageContent_JobRepeaterContainer > div {
    flex-shrink: 0;
    width: 300px;
    margin: 0 6px;
}

@media screen and (max-width: 768px) {
    .sliderListingsContainer {
        flex-direction: column;
        align-items: center;
    }

    #PageContent_PanelPrevious,
    #PageContent_PanelNext {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin: 8px 0;
    }

    #PageContent_PreviousButton,
    #PageContent_NextButton {
        width: 48px;
        height: 48px;
        font-size: 32px;
    }

    #PageContent_JobRepeaterContainer {
        display: flex;
        flex-wrap: nowrap;
        width: 100%;
        justify-content: center;
    }

    .knowMoreButtonDiv {
        margin: 16px;
        margin-top: 110px;
    }
}

@media screen and (min-width: 769px) {
    .legende-logo-secteur a {
        font-size: 2rem;
    }

    .legende-logo-secteur .entreprise-logo-secteur {
        width: 50px;
        height: auto;
        margin-bottom: 8px;
    }

    .legende-logo-secteur a > div {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
    }
}

.sliderListings {
    display: flex;
    justify-content: center;
    align-items: center;
}

.formation-categories {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    border-radius: 12px;
    border: 2px solid #eee;
    margin-bottom: 10px;
    margin-right: 15px;
    margin-left: 15px;
    padding: 5px 0;
}

@media screen and (max-width: 993px) {
    .formation-details {
        visibility: hidden;
    }

    .formation-categories {
        visibility: hidden !important;
        margin-top: -370px !important;
    }
}

@media screen and (max-width: 767px) {
    .header-formation h1 {
        font-size: 20px !important;
    }
}

#FeaturedOffersControl_Slider {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 12px;
    position: relative;
}

#FeaturedOffersControl_PanelPrevious,
#FeaturedOffersControl_PanelNext {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 8px;
}

#FeaturedOffersControl_PanelPrevious,
#FeaturedOffersControl_PanelNext {
    align-self: stretch;
}

#FeaturedOffersControl_PanelPrevious input,
#FeaturedOffersControl_PanelNext input {
    align-self: center;
    margin: auto 0;
}

#FeaturedOffersControl_JobRepeaterContainer {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 12px;
    justify-content: center;
}


@media screen and (max-width: 1129.98px) {
    #FeaturedOffersControl_Slider {
        flex-direction: row;
        align-items: center;
        justify-content: center;
    }

    #FeaturedOffersControl_JobRepeaterContainer {
        flex-direction: column;
        align-items: center;
    }

    #FeaturedOffersControl_PanelPrevious,
    #FeaturedOffersControl_PanelNext {
        align-self: center;
    }
}


@media screen and (max-width: 767.98px) {
    #FeaturedOffersControl_Slider {
        flex-direction: column;
        align-items: center;
    }

    #FeaturedOffersControl_PanelPrevious {
        order: -1;
        margin-bottom: 12px;
    }

    #FeaturedOffersControl_JobRepeaterContainer {
        width: 100%;
        align-items: center;
    }

    #FeaturedOffersControl_PanelNext {
        order: 1;
        margin-top: 12px;
    }
}

/* listingtitleclass management */

.logoJobDisplayAndText .listingtitle a {
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    font-size: 16px;
    margin-top: -10px;
    font-weight: bold;
    text-decoration: none;
    color: #222;
    width: 100%;
    overflow: hidden;
    height: 92px !important;
}

.logoJobDisplayAndText .listingtitle a:hover {
    text-decoration: underline;
}

.logoJobDisplayAndText .listingtitle {
    min-width: 100%;
    width: 100%;
    margin-bottom: -50px;
    font-size: 24px;
    display: flex;
    min-height: 80px;
    align-items: center;
}

.row .col-xs-12 .searchbuttons {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

@media screen and (min-width: 992px) {
    .searchbuttons .btn.btn-default.mg-btn-primary {
        margin-right: 15px;
    }
}

@media screen and (max-width: 991px) {
    .searchbuttons .btn.btn-default.mg-btn-primary {
        margin-bottom: 15px;
    }
}

@media screen and (min-width: 768px) {
    .logoAndButton {
        display: flex;
        flex-direction: column;
        margin: 20px;
    }

    .logoAndButton div {
        margin: 15px;
    }
}

/*----------------------------------*/
/* ----- Bloc profil candidat ----- */
/*----------------------------------*/

#BoxPageContent > #PageContent_ListingPanel > .row {
    border-radius: 35px;
    display: flex;
    flex-wrap: wrap;
}

/* Colonne du titre (poste) + boutons */
#BoxPageContent .col-md-4 {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: 20px;
}

/* Titre */
#BoxPageContent .col-md-4 h1 {
    font-weight: bold;
    font-size: 32px;
    margin-bottom: 10px;
    width: 500px;
}

    #BoxPageContent .col-md-4 h1::first-letter {
        text-transform: uppercase;
    }

#BoxPageContent .col-md-4 .custom-horizontal-line2 {
    border: 2px solid #EE7154;
    background-color: #EE7154;
    width: 80%;
    margin-top: 0;
}

/* Bloc candidat déplacé visuellement à droite */
#BoxPageContent .ListingDisplay_Advertiser {
    background-color: #fff;
    border: 2px solid #EE7154;
    border-radius: 20px;
    padding: 20px 30px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    width: 50%;
    margin-left: 170px;
}

/* Infos candidat alignées */
#BoxPageContent .ListingDisplay_Advertiser .Blocs {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 16px;
    width: 100%;
    padding: 5px 0;
    border: none;
    background: transparent;
    box-shadow: none;
}

#BoxPageContent .ListingDisplay_Advertiser #PageContent_PhoneDiv,
#BoxPageContent .ListingDisplay_Advertiser #PageContent_EmailDiv {
    margin-left: -10px;
}

/* Icônes */
#BoxPageContent .ListingDisplay_Advertiser .Blocs img,
#BoxPageContent .ListingDisplay_Advertiser .Blocs .glyphicon {
    width: 20px;
    height: 20px;
}

/* Ajustement spécifique pour certaines icônes */
#BoxPageContent .ListingDisplay_Advertiser .Blocs .glyphicon.glyphicon-phone,
#BoxPageContent .ListingDisplay_Advertiser .Blocs .glyphicon.glyphicon-envelope {
    margin-top: -20px;
}

/* Boutons */
#BoxPageContent .listingbuttons a.resume-link {
    background-color: #EE7154;
    color: white;
    padding: 12px 25px;
    border-radius: 30px;
    font-weight: bold;
    display: inline-block;
    text-decoration: none;
}

#BoxPageContent .listingbuttons a.resume-link:hover {
    background-color: #d95d41;
}

#BoxPageContent .listingbuttons a.ContactLink {
    background-color: #000;
    color: white;
    padding: 12px 25px;
    border-radius: 30px;
    font-weight: bold;
    display: inline-block;
    text-decoration: none;
}

#BoxPageContent .listingbuttons a.ContactLink:hover {
    background-color: #333;
}

.col-md-3.col-sm-3.col-lg-3.listingbuttons.hidden-print {
    margin-top: -105px;
    margin-left: 110px;
}

.panel-heading.mgpanel-heading {
    width: 100%;
}

#BoxPageContent .hidden-print #PageContent_SocialMediaDiv {
    margin-left: 150px;
    margin-top: -70px;
    margin-bottom: -10px;
}

.row.mgdisplaylisting .info-row .info-item {
    box-shadow: none !important;
}

@media screen and (max-width: 768px) {
    .col-xs-12 .row.mgdisplaylisting .info-row {
        text-align: left;
    }

    .col-xs-12 .row.mgdisplaylisting {
        display: flex;
        justify-content: center;
    }
}

.popup {
    position: absolute;
    background-color: #ee7154;
    border: 2px solid #ccc;
    z-index: 999;
    box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
    display: none;
    margin-left: 130px;
    margin-right: -220px;
    color: white;
}

@media screen and (max-width: 1174px) and (min-width: 768px) {
    #BoxPageContent > #PageContent_ListingPanel > .row {
        flex-direction: column;
        align-items: center;
    }

    #BoxPageContent .col-md-4,
    #BoxPageContent .ListingDisplay_Advertiser,
    .col-md-3.col-sm-3.col-lg-3.listingbuttons.hidden-print {
        width: 100%;
        margin-left: 0;
        margin-top: 20px;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    #BoxPageContent .col-md-4 h1 {
        font-size: 28px;
        width: auto;
        text-align: center;
    }

    #BoxPageContent .col-md-4 .custom-horizontal-line2 {
        margin: 0 auto;
    }

    #BoxPageContent .ListingDisplay_Advertiser {
        margin: 0;
        width: 90%;
    }

    .col-md-3.col-sm-3.col-lg-3.listingbuttons.hidden-print {
        margin: 10px auto 30px;
        align-items: center;
    }

    #BoxPageContent .hidden-print #PageContent_SocialMediaDiv {
        margin-left: 300px;
    }

    .row.PageContent .col-xs-12.col-sm-12 .row .col-xs-12 .listingdisplaypanel .row.listingrow {
        position: static;
        display: block !important;
    }
}

@media screen and (max-width: 767px) {
    #BoxPageContent > #PageContent_ListingPanel > .row {
        flex-direction: column;
        align-items: center;
        padding: 20px 10px;
    }

    #BoxPageContent .col-md-4,
    #BoxPageContent .ListingDisplay_Advertiser,
    .col-md-3.col-sm-3.col-lg-3.listingbuttons.hidden-print {
        width: 100%;
        margin-left: 0;
        margin-top: 15px;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    #BoxPageContent .col-md-4 h1 {
        font-size: 22px;
        width: auto;
        text-align: center;
    }

    #BoxPageContent .col-md-4 .custom-horizontal-line2 {
        margin: 0 auto;
        width: 50%;
    }

    #BoxPageContent .ListingDisplay_Advertiser {
        padding: 15px 20px;
        width: 95%;
    }

    #BoxPageContent .ListingDisplay_Advertiser div {
        font-size: 14px;
    }

    #BoxPageContent .ListingDisplay_Advertiser .Blocs {
        flex-direction: column;
        align-items: flex-start;
    }

    #BoxPageContent .ListingDisplay_Advertiser .Blocs img,
    #BoxPageContent .ListingDisplay_Advertiser .Blocs .glyphicon {
        margin-bottom: 5px;
    }

    .col-md-3.col-sm-3.col-lg-3.listingbuttons.hidden-print {
        margin-top: -10px;
        margin-bottom: 20px;
    }

    #BoxPageContent .listingbuttons a.resume-link,
    #BoxPageContent .listingbuttons a.ContactLink {
        padding: 10px 20px;
        font-size: 14px;
        text-align: center;
        width: 80%;
    }

    #BoxPageContent .hidden-print #PageContent_SocialMediaDiv {
        margin-left: 250px;
    }

    .hidden-print div .btn.btn-default.mg-btn-primary {
        background-color: black;
        font-size: 15px;
        width: 80%;
    }

    .col-md-3.col-sm-3.col-lg-3.listingbuttons.hidden-print .hidden-print {
        width: 90%;
    }

    #BoxPageContent .hidden-print #PageContent_SocialMediaDiv {
        margin-left: 0;
        margin-top: 20px;
        margin-bottom: -30px;
        display: flex;
        justify-content: center;
        width: 100%;
    }
}

@media screen and (min-width: 991px) {
    .container-formation.FontElecJobs {
        margin-right: -130px;
        margin-left: 130px;
    }
}

@media screen and (min-width: 1430px) {
    .container-formation.FontElecJobs {
        margin-right: -130px;
        margin-left: 130px;
    }
}

.FontElecJobs.panel.panel-default.price-panel .panel-body.price-plan-box .plan-description {
    text-align: center;
}

@media (max-width: 991px) {
    /* Purchase Pages Styles */
    .price-panel {
        max-height: 445px;
        margin-bottom: 60px;
    }

    .price-plan-box {
        text-align: center;
        max-height: 350px;
        border: 1px solid #fff;
        background: #fff;
        padding: 0;
    }

    .plan-description {
        padding: 0 25px 25px;
        height: 150px;
        overflow: auto;
        text-align: left;
        background: #efefef;
        border-radius: 0 0 20px 20px;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
        align-content: space-around;
    }

    .BoxSubPurchase {
        display: flex;
        flex-wrap: wrap;
        border: 4px #efefef solid;
        padding: 20px 40px;
        justify-content: center;
        border-radius: 32px;
        margin-bottom: 28px;
    }
    /* Purchase Pages Styles */
    .plan-price {
        font-size: 32px;
        line-height: 40px;
        padding-bottom: 5px;
        color: #ee7154;
        width: 100%;
        text-align: center;
    }

    .checkmark-checked {
        color: #ee7154;
        font-size: 20px;
        position: relative;
        right: 10px;
    }

    .plan-border-checked {
        border: 3px solid #ee7154;
    }

    /*Pricing Page Styles*/
    .planItemTitle {
        font-weight: bold;
        font-size: 18px;
        color: #222;
        margin-bottom: 10px;
    }
    /*class set in code behind*/
    .planItemPrice {
        color: #222;
        font-weight: bold;
    }
    /*class set in code behind*/
    .priceplandesc {
        padding: 10px 10px 10px 10px;
        background: #fff;
        border: 1px solid #fff;
        box-shadow: rgba(0, 0, 0, 0.1) 1px 3px 10px 1px;
        margin-bottom: 15px;
    }
    /*class set in code behind*/
    .priceh2 {
        color: #2f6b9a;
        margin-bottom: 20px;
        font-weight: bold;
    }

    .rowPricePage .mgpanel-heading {
        color: #222;
        background: #fff;
        border-color: #fff;
        padding: 15px 0;
        font-size: 24px;
        margin-bottom: 10px;
    }

    .pricepagebtn {
        margin-bottom: 20px;
        display: inline-block;
        margin-right: 10px;
    }

    .pricepagebtnbottom .mg-btn-action {
        width: 100%;
    }

    /* Custom scroll bar style for price plan description */
    .price-panel ::-webkit-scrollbar {
        width: 10px;
    }

    .price-panel ::-webkit-scrollbar-button {
        width: 5px;
        height: 10px;
    }

    .price-panel ::-webkit-scrollbar-track {
        background: #e5e5e5;
        border: 1px solid #e5e5e5;
        box-shadow: 0px 0px 3px #dfdfdf inset;
        border-radius: 10px;
    }

    .price-panel ::-webkit-scrollbar-thumb {
        background: #f2f2f2;
        border: 1px solid #e5e5e5;
        border-radius: 10px;
    }

    .price-panel ::-webkit-scrollbar-thumb:hover {
        background: #ddd;
    }

    /*Purchase page headings*/
    .mgpricepanel-heading {
        color: #222;
        height: 80px;
        background: #e6e6e6;
        padding: 5px 20px;
        font-size: 21px;
        border-radius: 20px 20px 0 0;
        display: flex;
        justify-content: center;
        align-items: center;
    }
}

.see-more-companys-btn,
.see-more-partners-btn {
    margin: 20px auto;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 20px;
    background-color: black;
    border: none;
    color: white;
    cursor: pointer;
    border-radius: 35px;
    height: 50px;
    width: 172px;
    transition: background-color 0.3s ease;
}

.see-more-companys-btn:hover,
.see-more-partners-btn:hover {
    background-color: #333;
}

@media (min-width: 768px) {
    .employerBoxFormation.listing-item .TitleColumnEntreprise .employerText,
    .employerBoxFormation .TitleColumnGP div .description-gp {
        text-align: justify;
    }
}

@media (max-width: 767px) {
    .employerBoxFormation.listing-item .TitleColumnEntreprise .employerText,
    .employerBoxFormation .TitleColumnGP div .description-gp {
        text-align: left;
    }
}

.TitleColumnGP div .description-gp span div span,
.TitleColumnGP div .description-gp span div p {
    font-family: Rubik, sans-serif !important;
    font-size: 17px !important;
    font-weight: 500 !important;
    color: #333 !important;
}

.HomePageTextH3 {
    font-size: 29px;
}

.homepageicons a .hpbox .heading {
    font-size: 24px;
    font-weight: bold;
}

@media (min-width: 991px) {
    .hpsectiontwo .col-md-6.content-section .TexteImageHomePage.HeaderHomePageContent .details a {
        margin-top: 20px !important;
    }
}

/* home page articles */
@media (min-width: 992px) {
    .featlisting-wrapper .articles-homepage .mgpanel-defaulthm .mgpanel-body .custom-row.morebuttonrow div .ArtBox {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        margin-left: 50px;
    }

    .featlisting-wrapper .articles-homepage .mgpanel-defaulthm .mgpanel-body .custom-row.morebuttonrow div .ArtBox #ArticlesHomePageColumns_PanelPrevious,
    .featlisting-wrapper .articles-homepage .mgpanel-defaulthm .mgpanel-body .custom-row.morebuttonrow div .ArtBox #ArticlesHomePageColumns_PanelNext {
        display: flex;
        align-items: flex-start;
        justify-content: center;
        align-self: stretch;
        margin: 0 -50px;
        margin-top: -200px;
        z-index: 10;
    }

    .featlisting-wrapper .articles-homepage .mgpanel-defaulthm .mgpanel-body .custom-row.morebuttonrow div .ArtBox > .art-descriptionHM {
        min-width: 300px;
        max-width: 300px;
        margin: 0 6px;
    }
}

@media (min-width: 1300px) {
    .featlisting-wrapper .articles-homepage .mgpanel-defaulthm .mgpanel-body .custom-row.morebuttonrow div .ArtBox {
        gap: 80px;
    }
}

@media (min-width: 1200px) and (max-width: 1299px) {
    .featlisting-wrapper .articles-homepage .mgpanel-defaulthm .mgpanel-body .custom-row.morebuttonrow div .ArtBox {
        gap: 30px;
    }

    .featlisting-wrapper .articles-homepage .mgpanel-defaulthm .mgpanel-body .custom-row.morebuttonrow div .ArtBox #ArticlesHomePageColumns_PanelPrevious,
    .featlisting-wrapper .articles-homepage .mgpanel-defaulthm .mgpanel-body .custom-row.morebuttonrow div .ArtBox #ArticlesHomePageColumns_PanelNext {
        margin: 0 -30px;
        margin-top: -200px;
    }
}

@media (min-width: 992px) and (max-width: 1200px) {
    .featlisting-wrapper .articles-homepage .mgpanel-defaulthm .mgpanel-body .custom-row.morebuttonrow div .ArtBox .art-descriptionHM {
        height: 400px;
    }

    .featlisting-wrapper .articles-homepage .mgpanel-defaulthm .mgpanel-body .custom-row.morebuttonrow div .ArtBox #ArticlesHomePageColumns_PanelPrevious,
    .featlisting-wrapper .articles-homepage .mgpanel-defaulthm .mgpanel-body .custom-row.morebuttonrow div .ArtBox #ArticlesHomePageColumns_PanelNext {
        margin: 0 0;
        margin-top: -200px;
    }
}

@media screen and (min-width: 992px) and (max-width: 1160px) {
    .featlisting-wrapper .articles-homepage .mgpanel-defaulthm .mgpanel-body .custom-row.morebuttonrow div .ArtBox {
        margin: 100px 0;
        position: relative;
        gap: 50px;
    }

    .featlisting-wrapper .articles-homepage .mgpanel-defaulthm .mgpanel-body .custom-row.morebuttonrow div .ArtBox #ArticlesHomePageColumns_PanelPrevious {
        position: absolute;
        top: 120px;
        left: 50%;
        transform: translateX(-50%);
        z-index: 10;
    }

    .featlisting-wrapper .articles-homepage .mgpanel-defaulthm .mgpanel-body .custom-row.morebuttonrow div .ArtBox #ArticlesHomePageColumns_PanelNext {
        position: absolute;
        bottom: -80px;
        left: 50%;
        transform: translateX(-50%);
        z-index: 10;
    }

    .featlisting-wrapper .articles-homepage .mgpanel-defaulthm .mgpanel-body .custom-row.morebuttonrow div .ArtBox #ArticlesHomePageColumns_PreviousButton,
    .featlisting-wrapper .articles-homepage .mgpanel-defaulthm .mgpanel-body .custom-row.morebuttonrow div .ArtBox #ArticlesHomePageColumns_NextButton {
        margin: 0 !important;
    }
}

@media screen and (min-width: 992px) and (max-width: 1114px) {
    .featlisting-wrapper .articles-homepage .mgpanel-defaulthm .mgpanel-body .custom-row.morebuttonrow div .ArtBox #ArticlesHomePageColumns_PanelPrevious {
        top: -45px;
    }

    .featlisting-wrapper .articles-homepage .mgpanel-defaulthm .mgpanel-body .custom-row.morebuttonrow div .ArtBox #ArticlesHomePageColumns_PanelNext {
        bottom: -250px;
    }
}

@media (max-width: 991px) {
    .featlisting-wrapper .articles-homepage .mgpanel-defaulthm .mgpanel-body .custom-row.morebuttonrow div .ArtBox #ArticlesHomePageColumns_PanelPrevious {
        left: -60px;
    }

    .featlisting-wrapper .articles-homepage .mgpanel-defaulthm .mgpanel-body .custom-row.morebuttonrow div .ArtBox #ArticlesHomePageColumns_PanelNext {
        right: -60px;
    }

    .featlisting-wrapper .articles-homepage .mgpanel-defaulthm .mgpanel-body .custom-row.morebuttonrow div .ArtBox .slider-column {
        position: absolute;
        transform: translateY(-50%);
        top: 60%;
    }
}

.ArtBox .col-xs-12.col-sm-6.col-md-4.col-lg-3.art-descriptionHM .imagediv a .img-responsive {
    object-fit: none;
}

/* listing edit page */

.col-xs-12 .rowListingEditPLan .SelectPlanLabel h2 {
    font-weight: bold;
}

.rowListingEditPLan > .col-md-6:nth-child(2) {
    float: none;
    margin: 0 auto;
}

/* mobile corrections */

.container-formation.FontElecJobs div .employerBoxFormation.listing-item div .TitleColumnEntreprise .employerListing div,
.container-formation.FontElecJobs div .employerBoxFormation.listing-item .TitleColumnFormation .formationListing div,
.container-formation.FontElecJobs div .employerBoxFormation .TitleColumnGP div .formationListing div {
    text-align: left;
}

.container-formation.FontElecJobs div .employerBoxFormation .TitleColumnGP div .formationListing div {
    margin-right: 10px;
}

@media (max-width: 1450px) {
    .container-formation.FontElecJobs {
        display: flex;
        flex-direction: column;
        margin: 0;
        justify-content: center;
    }

    .container-formation.FontElecJobs div {
        align-self: center;
        top: 10px;
    }

    .container-formation.FontElecJobs div .employerBoxFormation.listing-item .TitleColumnFormation,
    .container-formation.FontElecJobs div .employerBoxFormation.listing-item .TitleColumnFormation .formationListing,
    .container-formation.FontElecJobs div .employerBoxFormation.listing-item .TitleColumnFormation .formationListing div {
        width: 98%;
    }
}

@media (max-width: 1129px) {
    .container-fluid.MainBody .row.PageContentHomePage .col-xs-12.col-sm-12 .featured-offers {
        display: none;
    }
}

@media (max-width: 992px) {
    .container-fluid.MainBody .row.PageContentHomePage .col-xs-12.col-sm-12 .row.featlisting-wrapper {
        display: none !important;
    }
}


@media (max-width: 767px) {
    .col-xs-12 div .form-horizontal.employerform div .SearchBox {
        margin-left: -40px !important;
    }

    .col-xs-12 .legende-logo-secteur-container .legende-logo-secteur.ElecJobsOrange a div {
        text-align: center;
    }

    .col-xs-12 .rowListingEditPLan {
        align-self: center;
        margin: 0 auto;
    }

    .col-xs-12 .BoxSubPurchase div .col-xs-12.col-md-4 .FontElecJobs.panel.panel-default.price-panel .panel-body.price-plan-box .plan-description {
        overflow: hidden;
    }

    .row.featlisting-wrapper .col-xs-12.articles-homepage .mgpanel-defaulthm .mgpanel-body .custom-row.morebuttonrow .col-xs-12.morebutton a {
        min-width: 140px;
    }

    .employerBoxFormation .employerLogoFormation.listing-item .employerTitleFormation {
        margin: 10px;
    }
}

@media (max-width: 400px) {
    .legende-logo-secteur.ElecJobsOrange {
        display: flex;
        flex-direction: column;
        width: auto;
    }

        .legende-logo-secteur.ElecJobsOrange a {
            border: none !important;
            border-top: 1px solid #eee !important;
            border-bottom: 1px solid #eee !important;
            padding: 10px;
        }

    .row.filterbox .areafilter.BoldFontElecJobs.FlexDirectionColumn #EntrepriseDiv {
        margin-left: -100px;
    }
}

@media (min-width: 1471px) {
    .row.Header1 .Header1a #SiteLogoLink #SiteLogo {
        margin-top: 36px;
        margin-left: 30px;
    }
}

@media (min-width: 1200px) and (max-width: 1470px) {
    .row.Header1 .Header1a #SiteLogoLink #SiteLogo {
        margin-top: 15px;
        margin-left: 65px;
    }
}

@media (min-width : 992px) and (max-width: 1199px) {
    .row.Header1 .Header1a #SiteLogoLink #SiteLogo {
        margin-top: 15px;
        margin-left: 30px;
    }
}

@media (max-width: 991px) {
    .row.Header1 .Header1a #SiteLogoLink #SiteLogo {
        margin-top: 15px;
        margin-left: 15px;
    }
}

.col-xs-12 .row.Footer .footercol.col-xs-12.col-sm-12.col-md-3.col-lg-3.hidden-print .copyright {
    margin-top : -15px;
    margin-bottom: 15px;
}