/* Go crazy with your own styles here */
/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */

/*General*/



/* Pour test
@font-face {
  font-family: Roboto Condensed;
  src: url("https://fonts.gstatic.com/s/robotocondensed/v16/ieVi2ZhZI2eCN5jzbjEETS9weq8-33mZGCQYbw.woff2") format("woff2");
}*/



a {
    text-transform: uppercase;
    color: #7fc241;
    text-decoration: none;
}

    a:hover, a:active, a:focus {
        color: #1c252c;
    }

.littleLink a {
    text-transform: none;
}

.arabe {
    direction: rtl;
    float: right;
}

html, body {
    background-color: #FFFFFF;
    min-height: 100%;
    position: relative;
    width: 100%;
    min-width: 1200px;
    color: #1c252c;
    font-weight: lighter;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 16px;
}

.content {
    display: block;
    height: 184px;
    margin-top: -184px;
    visibility: hidden;
}

/*Title*/
h2 {
    font-size: 2.5em;
    font-weight: lighter;
    text-align: left;
}

/*Header*/
header {
    background-color: #FFFFFF;
    width: 100%;
    height: 36px;
    z-index: 99;
    position: fixed;
    position: sticky;
    top: 0;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    user-select: none;
}

table {
    display: table;
}

tr {
    display: table-row;
}

td {
    display: table-cell;
}

#header {
    background-color: #FFFFFF;
    width: 82%;
    min-width: 1200px;
    margin: auto;
    height: 100%;
}

#language {
    width: 50%;
    margin: 0 1%;
    height: 100%;
    float: left;
}

    #language a {
        vertical-align: middle;
        line-height: 36px;
        text-transform: uppercase;
        margin-right: 20px;
        color: #505050;
        font-size: 0.812em;
        font-weight: 400;
        text-decoration: none;
    }

        #language a img {
            border: 2px solid #e3e4e4;
            vertical-align: middle;
            filter: grayscale(100%);
        }

        #language a:hover img, #language a:hover img, #language a:active img {
            filter: grayscale(0%);
        }

        #language a#activeLanguage {
            color: #15191e;
        }

            #language a#activeLanguage img {
                filter: grayscale(0%);
            }

#headerLogo {
    display: flex;
    display: -webkit-flex;
    vertical-align: middle;
    height: 100%;
    width: 146px;
    float: left;
    margin: 0 1%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}

.ConnectOnline {
    display: block;
    float: right;
    height: 100%;
    vertical-align: middle;
    line-height: 36px;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: 400;
    font-size: 0.812em;
    color: #15191e
}

    .ConnectOnline .user {
        vertical-align: middle;
        margin-left: 5px;
    }

/*Main Navigation*/
#mainNavigation {
    width: 82%;
    min-width: 1200px;
    margin: auto;
    height: 100%;
}

#mainNavigationBackground {
    background-color: #15191E;
    width: 100%;
    height: 77px;
    top: 36px;
    z-index: 99;
    position: fixed;
    position: sticky;
    color: #FFFFFF;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    user-select: none;
    list-style: none;
}

#mainNavigation a {
    text-transform: none;
}

/*Level 2*/
#mainNavigation .level-2 {
    height: 77px;
    padding: 0;
    margin: 0;
    float: right;
    list-style: none;
    z-index: 99;
    margin: 0 1%;
}

#mainNavigation .element-2 {
    height: 100%;
    float: left;
    list-style: none;
    z-index: 99;
    padding: 0 15px;
    cursor: pointer;
}

    #mainNavigation .element-2.active .navLink {
        color: #7fc241;
        border-bottom: 3px solid #7fc241;
    }

    #mainNavigation .element-2 .navLink {
        height: 77px;
        color: #A7A7A7;
        display: inline-block;
        text-decoration: none;
        line-height: 77px;
        text-transform: uppercase;
        font-size: 1em;
        z-index: 99;
        border-bottom: 3px unset;
    }

    #mainNavigation .element-2 .navArrow {
        font-size: 10px;
        display: inline-block;
        color: #A7A7A7;
        line-height: 30px;
        vertical-align: 3px;
    }

    /*Level 2 hover*/
    #mainNavigation .element-2:hover .navLink, #mainNavigation .element-2:active .navLink, #mainNavigation .element-2:focus .navLink {
        color: #7fc241;
        border-bottom: 3px solid #7fc241;
    }

    #mainNavigation .element-2:hover .navArrow, #mainNavigation .element-2:active .navArrow, #mainNavigation .element-2:focus .navArrow {
        color: #7fc241;
    }


/*Level 3*/
#mainNavigation .level-3 {
    display: none;
    color: #FFFFFF;
    background-color: #0C0F12;
    z-index: 99;
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 77px;
}

#mainNavigation .element-2:hover .level-3, #mainNavigation .element-2:active .level-3, #mainNavigation .element-2:focus .level-3 {
    display: block;
}

#mainNavigation .level-3 .element-3 {
    border-bottom: 2px solid #1A2127;
}

    #mainNavigation .level-3 .element-3 > a {
        color: #FFFFFF;
        z-index: 99;
        display: block;
        padding: 15px;
        text-decoration: none;
    }

    #mainNavigation .level-3 .element-3:hover > a, #mainNavigation .level-3 .element-3:active > a, #mainNavigation .level-3 .element-3:focus > a {
        color: #7fc241;
    }

#mainNavigation .level-4 {
    display: none;
    list-style: none;
}

    #mainNavigation .level-4 .element-4 {
        border-top: 2px solid #1A2127;
    }

        #mainNavigation .level-4 .element-4 a {
            color: #6d757e;
            display: block;
            padding: 15px;
            z-index: 100;
            text-decoration: none;
            text-align: center;
        }

        #mainNavigation .level-4 .element-4:hover a, #mainNavigation .level-4 .element-4:active a, #mainNavigation .level-4 .element-4:focus a {
            color: #FFFFFF;
        }

#mainNavigation .level-3 .openSub {
    float: right;
    margin-top: -34px;
    margin-right: 15px;
    cursor: pointer;
    border: solid 2px #FFFFFF;
    border-radius: 50px;
    width: 15px;
    height: 15px;
    text-align: center;
    line-height: 14px;
    font-weight: 600;
    vertical-align: middle;
    font-family: "DejaVu Sans Mono","Bitstream Vera Sans Mono", monospace;
    color: #FFFFFF;
}
/*Site Selector*/
#sites {
    background-color: #0c0f12;
    display: inline-block;
    height: 100%;
    border-left: 1px solid #26292e;
    border-right: 1px solid #26292e;
    display: inline-block;
}

    #sites > a {
        color: #7fc241;
        text-decoration: none;
        font-size: 0.813em;
        margin: 13px 0;
        float: left;
        margin: 1em 3em;
    }

        #sites > a > .site_icon {
            background-repeat: no-repeat;
            background-position: center;
            background-size: contain;
            display: block;
            width: 29px;
            height: 29px;
            margin: auto;
        }

        #sites > a > p {
            font-size: 1em;
            text-align: center;
            padding: 5% 0;
            white-space: nowrap;
            margin: 0;
        }


#otherSites {
    height: 100%;
    background-color: #000000;
    margin: 0 0 0 2%;
    width: 10em;
    float: left;
    margin: 0;
}

    #otherSites .site {
        color: #A7A7A7;
        text-decoration: none;
        font-size: 0.813em;
        display: flex;
        display: -webkit-flex;
        height: 50%;
        width: 100%;
        float: left;
    }

        #otherSites .site p {
            font-size: 1em;
            white-space: nowrap;
            margin: 0 1em;
            line-height: 300%;
        }

        #otherSites .site:hover, #otherSites .site:active, #otherSites .site:focus {
            color: #FFFFFF;
        }

        #otherSites .site .site_icon {
            background-repeat: no-repeat;
            background-position: center;
            background-size: contain;
            display: block;
            width: 20px;
            height: 20px;
            margin: auto 0 auto 10px;
            float: left;
        }

/*Footer*/
#spaceFooter {
    height: 250px;
}

footer {
    width: 100%;
    margin: 0;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    user-select: none;
    display: grid;
    position: absolute;
    bottom: 0px;
    left: 0;
    right: 0;
    z-index: 1;
}

    footer a {
        text-decoration: none;
    }

#footerLine {
    width: 1200px;
    margin: 0 auto;
    background-color: #7fc241;
    height: 0.313em;
    display: block;
}

.footerBack {
    background-color: #171d26;
    width: 100%;
    height: 12.5em;
}

#footer {
    width: 1200px;
    margin: auto;
    color: #FFFFFF;
    font-weight: 300;
    height: 100%;
}

.footerArrow {
    padding-bottom: 5px;
}

#footer a {
    color: #FFFFFF;
    text-transform: none;
}

    #footer a:hover, #footer a:active, #footer a:focus {
        color: #7fc241;
    }

#footer .footerElement {
    float: left;
    height: 100%;
    position: relative;
}

#footer .footer197 {
    width: 19.7%;
}

#footer .footer20 {
    width: 20%;
}

#footer .footer30 {
    width: 30%;
}

#footer .footerElement ul {
    padding: 0 0 0 18px;
    list-style: none;
    margin: 0 0 18px 0;
    display: inline-block;
    width: 95%;
    height: 100px;
    position: absolute;
    left: 0;
    bottom: 0;
}

#footer .footerElement .footerTitle {
    text-transform: uppercase;
    font-size: 1.437em;
    margin: 18px 0 20px 0;
    padding: 0 0 0 18px;
    display: inline-block;
}

#footer .footerSeparator {
    background: rgba(255,255,255,0.1);
    height: 160px;
    margin: 20px 0;
    width: 1px;
    float: left;
}

#footer .footerArrow span {
    color: #7fc241;
    margin-right: 5px;
}

#footer .footerEmail span img {
    width: 15px;
    height: 10px;
    margin-right: 11px;
}

#footer .footerPhone {
    margin: 10px 0;
}

    #footer .footerPhone span img {
        width: 15px;
        height: 17px;
        margin-right: 11px;
    }

#footer .footerFax span img {
    width: 16px;
    height: 17px;
    margin-right: 10px;
}

#footer .footerFacebook span img {
    width: 9px;
    height: 15px;
    margin-right: 17px;
}

#footer .footerLinkedin {
    margin: 10px 0;
}

    #footer .footerLinkedin span img {
        width: 15px;
        height: 14px;
        margin-right: 11px;
    }

#footer .footerYoutube span {
    color: #7fc241;
    font-size: 18px;
    margin-right: 11px;
    margin-left: -3px;
}

#footer .footerPhone a, #footer .footerFax a, #footer .footerEmail a {
    -khtml-user-select: text;
    -webkit-user-select: text;
    -moz-user-select: -moz-text;
    -ms-user-select: text;
    user-select: text;
}

#footerLogo {
    width: 100%;
    display: flex;
    display: -webkit-flex;
    vertical-align: middle;
    margin: 32.5px 60px;
    height: 135px;
    width: 118px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
}

#right {
    background-color: #FFFFFF;
    width: 100%;
    margin: 0;
}

    #right p {
        text-align: center;
        font-size: 0.937em;
        height: 1.258em;
        margin: 1.038em 0;
        color: #172431;
        font-weight: 400;
    }

        #right p a {
            font-size: 1em;
            color: #172431;
            text-transform: none;
        }

            #right p a:hover, #right p a:active, #right p a:hover {
                color: #7fc241;
            }
/*main*/
main {
    width: 100%;
    z-index: 1;
}

/*Carrousel*/
#noCarrousel {
    height: 0px;
    width: 100%;
    display: block;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    #noCarrousel {
        height: 113px;
        width: 100%;
        display: block;
    }
}

.carrousel {
    width: 100%;
    height: 776px;
    margin-top: -113px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.backgroundCarrousel {
    width: 100%;
    height: 100%;
    background: rgba(27,37,45,0.8);
}

.carrouselMessage {
    color: #FFFFFF;
    font-size: 1.312em;
    height: 100%;
    display: flex;
    display: -webkit-flex;
    width: 100%;
    align-items: center;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .carrouselMessage {
        align-items: flex-end;
        align-items: -webkit-flex-end;
    }
}

.carrouselMessage p {
    margin: 0;
    white-space: pre-line;
}

.carrouselMessage .title {
    font-size: 2.857em;
    margin-bottom: 10px;
}

.green {
    color: #7fc241;
}

.carrouselBlock {
    max-width: 600px;
    margin: 0 20% 10% 50%;
}
/*subNavigation*/
#subNavigation {
    width: 100%;
    height: 71px;
    margin: 0;
    background: #f9f9fa;
    position: sticky;
    z-index: 98;
    top: 113px;
}

    #subNavigation ul {
        margin: auto;
        text-align: center;
        list-style: none;
    }

        #subNavigation ul li {
            margin: auto;
            display: inline-block;
            height: 40px;
            background-color: #ffffff;
            list-style: none;
            border: 1px solid #e0e2e4;
            border-radius: 50px;
            padding: 0 25px;
            margin: 14.5px 30px;
            transition: background-color 500ms;
        }

            #subNavigation ul li a {
                color: #9fa1a3;
                text-decoration: none;
                font-weight: 100;
                font-size: 1.5em;
                line-height: 40px;
                text-transform: none;
                transition: color 500ms;
            }

            #subNavigation ul li:hover a, #subNavigation ul li:active a, #subNavigation ul li:focus a, #subNavigation ul .activeHash a {
                color: #ffffff;
                transition: color 500ms;
            }

            #subNavigation ul li:hover, #subNavigation ul li:active, #subNavigation ul li:focus, #subNavigation ul .activeHash {
                background-color: #9fa1a3;
                transition: background-color 500ms;
            }

/*Content*/
.content-item {
    margin: 0 auto 0 auto;
    width: 1160px;
    height: 100%;
    padding: 50px 0;
}

.content-service {
    margin: 0 auto;
    width: 1200px;
    height: 100%;
    padding: 50px 0;
}

.greenLine {
    height: 0px;
    display: block;
    width: 100%;
    position: relative;
    top: -10px;
}

.greenLeft {
    height: 10px;
    width: 50%;
    background: #7fc241;
    display: block;
    position: absolute;
}

.greenRight {
    height: 10px;
    width: 580px;
    background: #7fc241;
    display: block;
    position: absolute;
    left: 50%;
}

/*StepsList*/
.SteepTable, .MapTable {
    width: 100%;
    border-collapse: collapse;
}

    .SteepTable ul, .MapTable ul {
        padding: 0;
        margin: 0;
    }

.stepTitle, .mapTitle {
    margin: 0;
}

.stepMarginTitle, .mapMarginTitle {
    padding: 22px 0 0 0;
}

.stepDescription {
    text-align: justify;
    margin-right: 40px;
}

.separtor-line {
    border-bottom: solid 1px #e6e7e6;
    width: 100%;
    height: 0;
    display: block;
}

.notactive {
    display: none;
}

.StepsList, .MapsList {
    width: 52%;
    vertical-align: top;
}

    .StepsList > ul, .MapsList > ul {
        list-style: none;
    }

    .StepsList .separtor-line, .MapsList .separtor-line {
        border-bottom: solid 1px #e6e7e6;
        width: 110%;
        height: 0;
        display: block;
    }

.stepsList-number, .MapsList-number {
    font-size: 1.5em;
    padding: 0 0 0 6.2%;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    color: #1c252c;
}

.stepsList-title, .MapsList-title {
    font-size: 1.5em;
    width: 100%;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
    height: 73px;
    line-height: 73px;
    color: #5f686f;
}

.MapsList-Area {
    background-color: #FFFFFF;
    color: #1c252c;
    display: none;
    cursor: default;
}

    .MapsList-Area ul {
        list-style: none;
        font-weight: 400;
        margin-left: 65px;
        padding: 5px 0;
        display: inline-block;
    }

.Map-Area-Link {
    cursor: pointer;
    height: 30px;
    vertical-align: baseline;
    line-height: 30px;
    padding-right: 10px;
    color: #1c252c;
}

    .Map-Area-Link::before {
        content: ">";
        color: #1c252c;
        font-size: 18px;
        margin: 0 5px 0 10px;
    }

    .Map-Area-Link:hover, .Map-Area-Link:active, .Map-Area-Link:focus {
        color: #7fc241;
    }

.MapAreaActive {
    background-color: #7fc241;
    color: #FFFFFF;
}

    .MapAreaActive::before {
        color: #FFFFFF;
        content: ">";
        padding: 0 5px;
    }

    .MapAreaActive:hover, .MapAreaActive:active, .MapAreaActive:focus {
        color: #FFFFFF;
    }

.activeArea {
    display: block;
}

.StepsDescription, .MapsDescription {
    height: 100%;
    background-color: #F6F7F7;
    display: table-cell;
    vertical-align: top;
}

.stepsList-content {
    display: none;
    text-align: justify;
    margin: 25px 60px;
}

.MapsList-content {
    display: none;
    text-align: justify;
}

.stepsList-content .stepImage {
    display: block;
    margin: 0 auto 40px;
    height: 119px;
}

.otherLanguages {
    margin: 55px 40px 10px 0;
    height: 30px;
}

    .otherLanguages p {
        float: left;
        line-height: 30px;
        margin: 0;
    }

    .otherLanguages div {
        float: right;
        height: 30px;
    }

    .otherLanguages .flag {
        margin: 0px 6px;
        box-shadow: 0px 0px 10px 0px rgba(70, 57, 42, 0.16);
        width: 45px;
        height: 30px;
    }

        .otherLanguages .flag:hover, .otherLanguages .flag:active, .otherLanguages .flag:focus {
            outline: 3px solid #dcdcdc;
        }

.activeStepDescription {
    display: block;
    -khtml-user-select: text;
    -webkit-user-select: text;
    -moz-user-select: -moz-text;
    -ms-user-select: text;
    user-select: text;
}

.activeStep {
    background: #f6f7f7;
}

    .activeStep > .stepsList-title, .activeStep > .stepsList-title > .stepsList-number,
    .activeStep > .MapsList-title, .activeStep > .MapsList-title > .MapsList-number {
        color: #7fc241;
    }

.stepLink:hover, .mapLink:hover {
    cursor: pointer;
}

    .stepLink:hover > .stepsList-title, .stepLink:hover > .stepsList-title > .stepsList-number,
    .mapLink:hover > .MapsList-title, .mapLink:hover > .MapsList-title > .MapsList-number {
        color: #7fc241;
    }

.otherLanguagesPopUp {
    background-color: rgba(0,0,0,0.7);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
}

.otherLanguagesContent {
    position: sticky;
    top: 15vh;
    width: 500px;
    margin: auto;
}

.otherLanguagesDescription {
    width: 100%;
    float: left;
    box-shadow: 0px 0px 51px 0px rgba(70, 57, 42, 0.4);
}

    .otherLanguagesDescription div {
        background: #ffffff;
        border: solid 20px #7fc241;
        padding: 30px;
        color: #000000;
        font-weight: 400;
        display: flow-root;
    }

.closePopUp {
    height: 21px;
    width: 21px;
    background-image: url("/Media/Pictures/close.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    float: right;
    cursor: pointer;
    margin-left: 100%;
    margin-bottom: 10px;
}

.mapImg {
    height: 607px;
    width: 607px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
}

.Maps-offices {
    padding: 40px;
    background-color: #F6F7F7;
    display: none;
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;
}

.activeMap {
    display: block;
}

.MapCountry {
    background-color: #7fc241;
    text-transform: uppercase;
    display: inline-block;
    color: #FFFFFF;
    margin: 0;
    padding: 4px 7px;
    font-size: 1.125em;
    font-weight: 400;
}

.MapArea {
    font-size: 2.25em;
    margin: 0;
    padding: 0;
}

.MapOffice p {
    font-weight: 600;
    text-transform: uppercase;
    margin: 30px 0 0 0;
    -khtml-user-select: text;
    -webkit-user-select: text;
    -moz-user-select: -moz-text;
    -ms-user-select: text;
    user-select: text;
}

.MapOffice ul {
    color: #5f686f;
    margin: 0;
    padding: 0;
}

    .MapOffice ul li {
        -khtml-user-select: text;
        -webkit-user-select: text;
        -moz-user-select: -moz-text;
        -ms-user-select: text;
        user-select: text;
    }

/*Service*/
.content-service h2 {
    margin-left: 20px;
    margin-bottom: -10px;
}

.services {
    width: 100%;
    table-layout: fixed;
}

.services-Solo {
    width: 50%;
    table-layout: fixed;
}

.service {
    width: 50%;
    display: table-cell;
    vertical-align: top;
    height: 100%;
    border: 20px solid white;
    background-color: #f6f7f7;
}

    .service div img {
        width: 100%;
    }

    .service > div {
        background-color: #f6f7f7;
        color: #606265;
        height: 100%;
    }

.service-content {
    font-size: 0.937em;
    padding: 0 30px 30px;
    text-align: justify;
}

.service-number {
    font-size: 1.5em;
}

.service-title {
    font-size: 1.5em;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
    margin: 0 30px;
    padding: 10px 0;
    border-bottom: dotted 1px #9fa3a6;
}

.Buttonlink {
    text-decoration: none;
    color: #FFFFFF;
    background-color: #7fc241;
    padding: 10px 15px;
    font-weight: 400;
}

    .Buttonlink::before {
        content: url("/Media/Pictures/Icons/whiteArrow.png");
        font-size: 1em;
        margin: 0 5px 0 0;
    }

    .Buttonlink:hover, .Buttonlink:active, .Buttonlink:focus {
        color: #FFFFFF;
        background-color: #1c252c;
    }

/*article*/
.articles {
    border-collapse: collapse;
    width: 100%;
    table-layout: fixed;
}

    .articles h2 {
        padding-bottom: 15px;
    }

.article {
    height: 100%;
    width: 100%;
    text-align: justify;
    color: rgb(28, 37, 44);
    font-weight: 400;
    background: url("/Media/Pictures/bgArticle.jpg");
}

.articleWhite {
    height: 100%;
    width: 100%;
    text-align: justify;
    color: rgb(28, 37, 44);
    font-weight: 400;
    background: #FFFFFF;
}

.articleBlack {
    height: 100%;
    width: 100%;
    text-align: justify;
    color: rgba(255, 255, 255, 0.7);
    font-weight: 400;
    background: #1c252c;
}

.articleBG {
    width: 100%;
    text-align: justify;
    color: rgba(255, 255, 255, 0.7);
    font-weight: 400;
    background-size: cover;
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}



    .articleBG h2, .articleBlack h2 {
        color: rgb(255, 255, 255);
    }

    .articleBG a:hover, .articleBG a:active, .articleBG a:focus, .articleBlack a:hover, .articleBlack a:active, .articleBlack a:focus {
        color: rgb(255, 255, 255);
    }

.BGarticle {
    width: 100%;
    background-color: rgba(28,37,44,0.85);
    height: 100%;
}

.article .articleLeft {
    background: url("/Media/Pictures/biseauArticleLeft.png") no-repeat 100% 0%;
}

.article .articleRight {
    background: url("/Media/Pictures/biseauArticleRight.png") no-repeat 0% 0%;
}

div.articleLeft {
    padding: 60px 0 40px 0;
    float: left;
    margin: 0 50% 0 0;
    width: 50%;
}

div.articleRight {
    padding: 60px 0 40px 0;
    float: right;
    margin: 0 0 0 50%;
    width: 50%
}

.articleLeft {
    padding: 60px 0 40px 0;
}

    .articleLeft h2, .articleLeft p, .articleLeft a, .articleLeft li,
    .articleRight h2, .articleRight p, .articleRight a, .articleRight li {
        -khtml-user-select: text;
        -webkit-user-select: text;
        -moz-user-select: -moz-text;
        -ms-user-select: text;
        user-select: text;
    }

.articleRight {
    padding: 60px 0 40px 0;
}

.articleLeft > div {
    float: right;
    margin: 0 20px;
    width: 560px;
}

.articleRight > div {
    float: left;
    margin: 0 20px;
    width: 560px;
}

    .articleLeft > div p, .articleRight > div p {
        font-size: 0.937em;
    }

.ArticleImgLeft {
    background-repeat: no-repeat;
    background-position: right 20px center;
    background-size: contain;
}

    .ArticleImgLeft iframe {
        margin: 10px;
        border: none;
    }

.ArticleImgRight {
    background-repeat: no-repeat;
    background-position: 20px bottom;
    background-size: contain;
}

    .ArticleImgRight iframe {
        margin: 10px;
        border: none;
    }

.articleDescription {
    text-transform: uppercase;
    -khtml-user-select: text;
    -webkit-user-select: text;
    -moz-user-select: -moz-text;
    -ms-user-select: text;
    user-select: text;
}

.articleDecorator {
    border-bottom: dotted 1px #aeb1b4;
    width: 100%;
    height: 0px;
    display: block;
}

/*Staff*/
.staffGroup {
    background: #f2f4f5;
    margin: 15px 0 30px 0;
    width: 100%;
    display: inline-block;
    height: auto;
    position: relative;
}

.videoVimeo {
    background: #000000;
    width: 130px;
    height: 30px;
    display: inline-block;
    text-align: left;
    margin-top: 15px;
    margin-right: 20px;
    transition: background 500ms;
    vertical-align: middle;
    position: relative;
}

    .videoVimeo::before {
        background: #7fc241;
        display: block;
        width: 30px;
        height: 30px;
        content: " ";
        background-image: url("/Media/Pictures/Vimeo.png");
        background-position: center;
        background-repeat: no-repeat;
        transition: background-color 500ms, background-image 500ms;
    }

.videoYT {
    background: #000000;
    width: 130px;
    height: 30px;
    display: inline-block;
    text-align: left;
    margin-top: 15px;
    margin-right: 20px;
    transition: background 500ms;
    vertical-align: middle;
    position: relative;
}

    .videoYT::before {
        background: #7fc241;
        display: block;
        width: 30px;
        height: 30px;
        content: " ";
        background-image: url("/Media/Pictures/YT.png");
        background-position: center;
        background-repeat: no-repeat;
        transition: background-color 500ms, background-image 500ms;
    }

    .videoYT p, .videoVimeo p {
        margin: 0;
        position: absolute;
        top: 6px;
        left: 40px;
    }

    .videoYT:hover, .videoYT:active, .videoYT:focus,
    .videoVimeo:hover, .videoVimeo:active, .videoVimeo:focus {
        background: #7fc241;
        transition: all 500ms;
    }

        .videoYT:hover::before, .videoYT:active::before, .videoYT:focus::before {
            background-color: #000000;
            background-image: url("/Media/Pictures/YTGreen.png");
            background-position: center;
            background-repeat: no-repeat;
            transition: background-color 500ms, background-image 500ms;
        }

        .videoVimeo:hover::before, .videoVimeo:active::before, .videoVimeo:focus::before {
            background-color: #000000;
            background-image: url("/Media/Pictures/VimeoGreen.png");
            background-position: center;
            background-repeat: no-repeat;
            transition: background-color 500ms, background-image 500ms;
        }
/*Partners*/
.partner-Text {
    text-align: justify;
    font-weight: 400;
}

.partner-title {
    border-bottom: dotted 1px #9fa2a5;
    padding: 0 0 3px 0;
}

.partners {
    width: 1160px;
    border-collapse: collapse;
    margin-top: -10px;
}

.partner a, .partnerFirst a, .partnerLast a {
    width: 158px;
    height: 108px;
    border: solid 6px #ececec;
    text-align: center;
    line-height: 158px;
    display: block;
}

.partner {
    padding: 14px;
    margin: 0;
}

.partnerFirst {
    padding: 14px 14px 14px 0;
    margin: 0;
}

.partnerLast {
    padding: 14px 0 14px 14px;
    margin: 0;
}

    .partnerFirst > a > div, .partner > a > div, .partnerLast > a > div {
        width: 128px;
        height: 78px;
        margin: 15px;
        display: block;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: contain;
        filter: grayscale(100%);
        transition: filter 500ms;
    }

    .partner a:active div, .partnerFirst a:active div, .partnerLast a:active div,
    .partner a:focus div, .partnerFirst a:focus div, .partnerLast a:focus div,
    .partner a:hover div, .partnerFirst a:hover div, .partnerLast a:hover div {
        filter: grayscale(0);
        transition: all 500ms;
    }

/*ListBackground*/
.bgList {
    background-repeat: no-repeat;
    background-size: cover;
    background-position-y: center;
    background-position-x: center;
}

.listBG {
    background-color: rgba(21, 25, 30, 0.85);
}

    .listBG .content-item {
        padding: 0;
    }

    .listBG h2 {
        color: #ffffff;
        margin-bottom: 10px;
    }

    .listBG > .bgList {
        width: 100%;
    }

.listRight {
    width: 620px;
    margin-left: 540px;
    background: rgba(0,0,0,0.1);
}

.list {
    padding: 40px 40px 40px 60px;
    color: #999c9f;
}

    .list > p {
        margin: 0;
        border-top: #4a5356 dotted 1px;
        padding-top: 20px;
    }

    .list > ul {
        list-style: none;
    }

        .list > ul > li {
            border-top: #4a5356 dotted 1px;
        }

            .list > ul > li img {
                position: absolute;
                margin: 25px 0;
            }

            .list > ul > li p {
                padding: 40px 0 40px 90px;
                margin: 0;
                height: 20px;
            }

/*Staff*/
.staffGroup {
    min-height: 180px;
}

.staffLogo {
    position: absolute;
}

    .staffLogo img {
        margin: 40px;
    }

.staffGroupContent {
    margin: 40px 40px 40px 230px;
}

.staffGroup h3 {
    font-size: 1.313em;
    font-weight: normal;
    text-transform: uppercase;
    color: #a6a9ab;
    border-bottom: dotted 1px #a6abae;
    padding-bottom: 18px;
    margin: 0;
}

.staffArea {
    width: 30%;
    height: 32px;
    padding: 0 10px;
    color: #ffffff;
    background-color: #1c252c;
    display: block;
    text-transform: uppercase;
    line-height: 32px;
    font-size: 0.875em;
    font-weight: 400;
}

.staffName {
    font-size: 0.937em;
    color: #1c252c;
    text-transform: uppercase;
    font-weight: 400;
    -khtml-user-select: text;
    -webkit-user-select: text;
    -moz-user-select: -moz-text;
    -ms-user-select: text;
    user-select: text;
}

.staffFunction {
    font-size: 0.937em;
    color: #717579;
    font-weight: 400;
    -khtml-user-select: text;
    -webkit-user-select: text;
    -moz-user-select: -moz-text;
    -ms-user-select: text;
    user-select: text;
}

.staffPhone {
    font-size: 0.937em;
    color: #717579;
    display: block;
    width: 100%;
    font-weight: 400;
    -khtml-user-select: text;
    -webkit-user-select: text;
    -moz-user-select: -moz-text;
    -ms-user-select: text;
    user-select: text;
}

.staffEmail {
    font-size: 0.937em;
    color: #7fc241;
    text-decoration: none;
    font-weight: 400;
    text-transform: none;
    -khtml-user-select: text;
    -webkit-user-select: text;
    -moz-user-select: -moz-text;
    -ms-user-select: text;
    user-select: text;
}

.staff {
    column-count: 2;
    column-gap: 0;
    padding: 0;
    margin: 0;
}

    .staff li {
        display: inline-block;
        width: 100%;
        margin: 15px 0 0 0;
        /*	float: left; */
    }

.staffEmpty {
    margin: 0;
    height: 40px;
}

/*Form Background*/
.formBG {
    background-repeat: no-repeat;
    background-size: cover;
    background-position-y: center;
    background-position-x: center;
}

.BGform {
    background-color: rgba(21, 25, 30, 0.85);
}

    .BGform .content-item {
        padding: 0;
    }

.formRight {
    margin: 0 0 0 50%;
}

    .formRight h2 {
        padding: 40px 20px 0 20px;
        color: #FFFFFF;
    }

    .formRight form {
        margin: 15px 20px 0 20px;
        padding: 20px 0 0 0;
        border-top: dotted 1px #73797c;
    }

        .formRight form label {
            width: 100%;
            color: #999c9f;
            margin: 0 0 5px 5px;
            display: block;
        }

.inputForm {
    width: 500px;
    color: #676665;
    background-color: #dee1e3;
    border: solid 2px transparent;
    border-radius: 2px;
    font-size: 1.312em;
    padding: 13px 20px;
    margin: 0 0 25px 0;
    -khtml-user-select: text;
    -webkit-user-select: text;
    -moz-user-select: -moz-text;
    -ms-user-select: text;
    user-select: text;
    outline: none;
}

    .inputForm:hover {
        border-color: #73797c;
    }

    .inputForm:active, .inputForm:focus {
        border-color: #7fc241;
    }

.formValidate {
    margin: 10px 0 190px 0;
    font-size: 1.312em;
    padding: 15px 25px;
    border-radius: 2px;
    border: none;
    background-color: #7fc241;
    color: #ffffff;
    text-transform: uppercase;
    font-size: 1.25em;
}

    .formValidate:hover, .formValidate:active, .formValidate:focus {
        background-color: #73797c;
    }

#RefundForm .response {
    padding-bottom: 395px;
}

    #RefundForm .response p {
        color: #dee1e3;
    }

    #RefundForm .response a {
        color: #7fc241;
        text-decoration: none;
        text-transform: uppercase;
    }

        #RefundForm .response a:hover, #RefundForm .response a:active, #RefundForm .response a:focus {
            color: #73797c;
        }

/*Contact*/
.ContactElement {
    display: inline-block;
}

#ContactForm {
    width: 750px;
    background: #f8f9f9;
    padding: 10px 0 0 0;
    float: right;
    margin: 30px 0 0 0;
}

    #ContactForm label {
        color: #606265;
        margin: auto;
        padding: 15px 0 5px;
        width: 631px;
        display: block;
    }

.contactInput {
    width: 595px;
    min-width: 595px;
    max-width: 595px;
    padding: 10px 15px;
    background-color: #FFFFFF;
    border: solid 3px #dee1e3;
    margin: auto;
    display: block;
    color: #1c252c;
    -khtml-user-select: text;
    -webkit-user-select: text;
    -moz-user-select: -moz-text;
    -ms-user-select: text;
    user-select: text;
    border-radius: 2px;
    outline: none;
}

    .contactInput:hover {
        border-color: #606265;
    }

    .contactInput:active, .contactInput:focus {
        border-color: #7fc241;
    }

textarea.contactInput {
    min-height: 115px;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 1em;
    font-weight: 400;
}

#ContactForm .formValidate {
    padding: 10px 15px;
    border-radius: 2px;
    border: none;
    background-color: #7fc241;
    color: #ffffff;
    text-transform: uppercase;
    font-size: 1.312em;
    margin: 30px 0 40px 60px;
}


.mandatoryExplain {
    margin: 5px 65px 0 0;
    float: right;
    color: #1c252c;
}

#ContactForm .formValidate:hover, #ContactForm .formValidate:active, #ContactForm .formValidate:focus {
    background: #1c252c
}

.contactHeader {
    width: 100%;
    display: inline-block;
    border-bottom: dotted 1px #9fa2a5;
    padding: 0 0 10px 0;
    position: relative;
}

    .contactHeader h2 {
        float: left;
        height: 48px;
    }

.RedirectForm {
    color: #FFFFFF;
    background: #7fc241;
    text-decoration: none;
    padding: 5px 10px;
    font-weight: 500;
    border-radius: 2px;
    line-height: 22px;
    position: absolute;
    bottom: 15px;
    right: 0;
}

    .RedirectForm:hover, .RedirectForm:active, .RedirectForm:focus {
        color: #ffffff;
        background: #1c252c;
    }

    .RedirectForm > span {
        width: 22px;
        height: 22px;
        background-size: contain;
        display: block;
        float: left;
        margin: 0 10px 0 0;
        font-size: 0.875em;
        background-repeat: no-repeat;
    }

#ContactInfo {
    width: 340px;
    margin: 30px 70px 50px 0;
    float: left;
}

    #ContactInfo .companyName {
        text-transform: uppercase;
        font-weight: 500;
        margin: 0;
        line-height: 20px;
        color: #1c252c;
        -khtml-user-select: text;
        -webkit-user-select: text;
        -moz-user-select: -moz-text;
        -ms-user-select: text;
        user-select: text;
    }

    #ContactInfo .address {
        white-space: pre;
        font-weight: 500;
        margin: 0;
        line-height: 20px;
        color: #1c252c;
        -khtml-user-select: text;
        -webkit-user-select: text;
        -moz-user-select: -moz-text;
        -ms-user-select: text;
        user-select: text;
    }

    #ContactInfo .ContactDescription {
        text-align: justify;
        color: #74787b;
    }

#importantContact {
    background: #f8f9f9;
    margin: 10px 0;
    width: 100%;
    color: #1c252c;
}

    #importantContact .phone {
        text-decoration: none;
        display: block;
        width: 100%;
        font-size: 1.625em;
        font-weight: bold;
        -khtml-user-select: text;
        -webkit-user-select: text;
        -moz-user-select: -moz-text;
        -ms-user-select: text;
        user-select: text;
        margin: 0 0 0 15px;
        padding: 10px 0 0 0;
    }

    #importantContact .fax {
        color: #1c252c;
        display: block;
        width: 100%;
        font-weight: 500;
        margin: 3px 0 0 0;
        text-transform: uppercase;
        margin: 0 0 0 15px;
        padding: 0 0 10px 0;
    }

        #importantContact .fax a {
            text-decoration: none;
            -khtml-user-select: text;
            -webkit-user-select: text;
            -moz-user-select: -moz-text;
            -ms-user-select: text;
            user-select: text;
            color: #1c252c;
        }

            #importantContact .fax a:hover, #importantContact .fax a:active, #importantContact .fax a:focus {
                color: #73797c;
            }

#ContactForm .response {
    padding-left: 25px;
    padding-bottom: 25px;
}

    #ContactForm .response p {
        color: #606265;
    }

#ContactForm .advertisement {
    margin: 10px auto 0;
    display: block;
    text-align: center;
}

.input-validation-error {
    border: solid 2px #d2303d;
}

.text {
    padding: 20px 60px;
    text-align: justify;
    -khtml-user-select: text;
    -webkit-user-select: text;
    -moz-user-select: -moz-text;
    -ms-user-select: text;
    user-select: text;
}

    .text span, .text a, .text li {
        -khtml-user-select: text;
        -webkit-user-select: text;
        -moz-user-select: -moz-text;
        -ms-user-select: text;
        user-select: text;
    }

.TextTitle {
    border-bottom: dotted 1px #9fa2a5;
    padding: 0 0 3px 0;
}

/*FAQ*/
.faqMaster .text {
    padding: 10px 30px;
}

.faq {
    list-style: none;
    padding: 0;
    margin: 0;
    border-bottom: dotted 1px #b6b9bb;
}

.faqMaster > h2 {
    border-bottom: dotted 1px #9fa2a5;
    padding: 0 0 3px 0;
}

.faqMaster .text {
    padding: 0;
}

.faq > li {
    border-top: dotted 1px #b6b9bb;
}

.faq .faqQuestion {
    font-weight: 400;
    font-size: 1.125em;
    height: 65px;
    display: block;
    line-height: 65px;
}

.faq .faqNumber {
    display: inline;
    padding: 0 2px 0 25px;
}

.faq .faqGray {
    background-color: #f8f9f9;
}

.faq .faqResponse {
    display: block;
    padding: 0 30px 20px 30px;
    text-align: justify;
    display: none;
    -khtml-user-select: text;
    -webkit-user-select: text;
    -moz-user-select: -moz-text;
    -ms-user-select: text;
    user-select: text;
}

    .faq .faqResponse li {
        -khtml-user-select: text;
        -webkit-user-select: text;
        -moz-user-select: -moz-text;
        -ms-user-select: text;
        user-select: text;
    }


.faq .faqGray .faqResponse {
    background-color: #f8f9f9;
}

.faq .faqActive {
    display: block;
}
/*Editor*/
.Left {
    float: left;
}

.Right {
    float: right;
}

.Left img {
    padding: 10px 25px 10px 0;
}

.Right img {
    padding: 10px 0 10px 25px;
}

h3 {
    font-weight: 400;
    font-size: 1.5em;
    margin: 20px 0 10px -30px;
    text-align: left;
}

*:not(p):not(ul):not(header):not(h3):not(strong) {
    margin: 0;
    padding: 0;
    z-index: 1;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    user-select: none;
}

ul:not(.notList) {
    list-style: none;
}

    ul:not(.notList) li:not(.MapAreaActive)::before {
        content: ">";
        color: #7fc241;
        padding: 0 5px;
    }

    ul:not(.notList) ul li::before {
        content: "" !important;
        padding: 0 !important;
    }

    ul:not(.notList) ul li {
        padding-left: 14px;
        background: url(puce.png) no-repeat;
        background-size: 0.4em;
        background-position: left center;
    }

strong {
    font-weight: bold;
}