/*Swiss Made Logo Widget implementation*/
.screens-targetted-ALL:last-child h4 {
    display: none;
}

#footer .screens-targetted-ALL:last-child .icon {
    width: auto;
    max-width: 180px;
    height: auto;
    margin-left: -2px;
    margin-top: -10px;
}

.different-svg-color {
    fill: white;
}
#footer.theme-BLACK .flex-widgets .icon svg .different-svg-color {
    fill: black;
}
/*Swiss Made Logo Widget implementation*/

@media (min-width:981px) {
    .screens-targetted-MOBILE {
        display:none;
    }
  
    /*Swiss Made Logo Widget implementation*/
    #footer .screens-targetted-ALL:last-child {
        margin-bottom: 0;

        position: absolute;
        bottom: 3.5vw;
    }

    #footer .screens-targetted-ALL:last-child .icon {
        margin-left: 0;
        margin-top: 20px;
    }
    /*Swiss Made Logo Widget implementation*/
}
@media (max-width:981px) {
    .screens-targetted-DESKTOP {
        display:none;
    }
}


@media (max-width:980px) {

    #hiddendiv {
        display:none !important;
    }

    section.theme {
        min-height:calc(100vh - 80px);
    }
    section.theme > .inner {
        min-height:0;
    }
    .minimal-vertical-padding {
        padding-top:1em; padding-bottom:1em;
    }
    .wysiwyg .minimal-vertical-padding {
        padding-top:0; padding-bottom:0;
    }
    .minimal-horizontal-margin,
    .std-horizontal-margin {
        margin-left:24px; margin-right:24px;
    }
    .std-vertical-padding {
        padding-top:1.5em; padding-bottom:1.5em;
    }



    .has-continue .continue {
        left:calc(50% - 43px); width:86px; height:33px; bottom:0;
    }
    .has-continue .continue:before {
        left:calc(50% - 1px); width:1.5px;
    }
    .has-continue .continue svg {
        height:33px;
    }


    .wysiwyg, .wysiwyg p {
        font-size:25px; line-height:1.6em;
    }
    .wysiwyg p {
        margin-top:1.2em; margin-bottom:1.2em;
    }
    .half-left {
        padding-left:24px; padding-right:24px;
    }



    #header {
        top:0; bottom:auto; left:0; right:0; height:80px;
        display:flex; justify-content:flex-start; align-items:center;
        padding:0 24px;
        transition:background .2s linear;
    }
    #header .logo {
        width:80px; height:25.5px;
    }
    #burger-btn {
        top:0; right:0;
        width:34.2px; height:40px;
        box-sizing:content-box; padding:20px 24px;
    }
    #burger-btn.manage-bicolor .white-wrapper,
    #burger-btn.manage-bicolor .black-wrapper {
        top:20px; left:24px; width:calc(100% - 48px);
    }

    body.mobile-theme-WHITE #header {
        background:white;
    }
    body.mobile-theme-BLACK #header {
        background:black;
    }

    body.mobile-theme-WHITE #header .white-wrapper {
        height:0 !important; display:none !important;
    }
    body.mobile-theme-WHITE #header .black-wrapper {
        height:100% !important; display:block !important;
    }
    body.mobile-theme-BLACK #header .black-wrapper {
        height:0 !important; display:none !important;
    }
    body.mobile-theme-BLACK #header .white-wrapper {
        height:100% !important; display:block !important;
    }

    body.mobile-theme-WHITE #burger-btn .white-wrapper {
        height:0 !important; display:none !important;
    }
    body.mobile-theme-WHITE #burger-btn .black-wrapper {
        height:calc(100% - 40px) !important; display:block !important;
    }
    body.mobile-theme-BLACK #burger-btn .black-wrapper {
        height:0 !important; display:none !important;
    }
    body.mobile-theme-BLACK #burger-btn .white-wrapper {
        height:calc(100% - 40px) !important; display:block !important;
    }

    body.mobile-theme-WHITE #menu {
        background:white !important; color:black !important;
    }
    body.mobile-theme-BLACK #menu {
        background:black !important; color:white !important;
    }

    body.mobile-theme-WHITE #menu a {
        color:black !important;
    }
    body.mobile-theme-BLACK #menu a {
        color:white !important;
    }

    h2, h3 {
        font-size:25px;
    }

    #menu ul.menu {
        left:0; right:0; align-items:center;
    }
    #menu .menu a {
        font-size:42px;
    }
    #menu .line,
    #menu .infos,
    #menu a:after {
        display:none !important;
    }
    #menu li.current-menu-item a {
        text-decoration:underline;
    }

    #burger-btn .close {
        top:20px; height:40px; width:34.2px; padding-right:0; right:64px;
    }
    #burger-btn .close:before,
    #burger-btn .close:after {
        width:50px; height:4px; border-radius:0;
    }
    #burger-btn .close:before {
        left:2px;
    }
    #burger-btn .close:after {
        right:2px;
    }
    body.mobile-theme-WHITE #burger-btn .close:before,
    body.mobile-theme-WHITE #burger-btn .close:after {
        background:black !important;
    }
    body.mobile-theme-BLACK #burger-btn .close:before,
    body.mobile-theme-BLACK #burger-btn .close:after {
        background:white !important;
    }

    #main {
        margin-top:80px;
        overflow-x:hidden;
    }

    #water-wrapper {
        display:none;
    }


    .services .inner {
        margin-right:0 !important;
    }
    .services .columns {
        flex-direction: column;
    }
    .services h2 {
        position:relative;
        font-size:25px;
        height:85px !important;
        line-height:85px; vertical-align:middle;
        margin:30px 0;
    }
    .services h2:after {
        content:"";
        position:absolute; top:5px; bottom:-5px; right:-27px; width:1px;
        border-left:2px solid white;
        transform:rotateZ(30deg);
    }
    .services.theme-WHITE h2:after {
        border-color:black;
    }
    .services ul {
        width:auto; margin:0 0 0 24px;
    }
    .services ul:before {
        display:none;
    }
    .services .head {
        font-size:25px;
        margin-bottom:0;
    }
    .services .head:after {
        height:2px;
        bottom:0;
    }
    .services .item {
        margin:10px 0 !important;
    }
    .services .item .body {
        font-size:16px;
        padding:0 12px 0 0 !important;
        filter:blur(0);
        transform:translateY(-7px);
    }
    .services .item.opened .body {
        max-height:132px;
        padding:.6em 12px .6em 0 !important;
    }



    .valeurs-mobile-title {
        display:none; font-size:25px; font-weight:500;
        margin:1em 0 1.5em;
        cursor:pointer;
    }
    .valeurs .tabs {
        display:none;
    }
    .valeurs .content .mobile-title {
        display:block; text-transform:uppercase;
        font-size:42px; font-weight:600; line-height:1em;
        margin-bottom:10px;
    }
    .valeurs .content.current .mobile-title {
        text-decoration:underline;
    }
    .valeurs .content {
        opacity:1; max-height:none; transform:none;
        font-size:22px; line-height:1.2em; text-align:center;
    }
    .valeurs .content.current {
        max-height:none; padding-bottom:.5em;
    }
    .valeurs .content .text {
        max-height:0; opacity:0;
        transition:all .4s linear;
    }
    .valeurs .content.current .text {
        max-height:384px; opacity:1;
    }


    #google-map-wrapper {
        width:auto; height:60vh;
    }
    .map .infos {
        margin:1.5em 24px; justify-content:space-between;
    }
    .map .infos > * {
        margin-left:0; font-size:14px;
    }
    .map .infos .sep {
        font-size:0; line-height:0; display:block;
    }


    section.form .inner {
        font-size:18px;
    }
    section.form input[type="TEXT"] {
        font-size:inherit;
        max-width:calc(100vw - 60px);
        overflow:hidden;
    }
    section.form .textarea-wrapper {
        width:20em;
    }
    section.form .textarea-wrapper,
    section.form .textarea-wrapper > span,
    section.form .textarea-wrapper textarea {
        font-size:inherit;
    }


    .realisations .preview-layer {
        display:none !important;
    }
    .realisations > .inner {
        margin-left:0 !important;
        margin-right:0 !important;
    }
    .realisations.item-hovered nav a:not(.current) {
        opacity:1;
    }
    .realisations.item-hovered nav a.current[data-theme="WHITE"] > span:after,
    .realisations.item-hovered nav a.current[data-theme="BLACK"] > span:after {
        background:none;
    }
    body.realisation-hovered #header,
    body.realisation-hovered #burger-btn {
        opacity:1;
    }
    .theme-BLACK.realisations.item-hovered nav a.current[data-theme="WHITE"],
    .theme-BLACK.realisations.item-hovered nav a.current[data-theme="BLACK"] {
        color:white !important;
    }
    .theme-WHITE.realisations.item-hovered nav a.current[data-theme="WHITE"],
    .theme-WHITE.realisations.item-hovered nav a.current[data-theme="BLACK"] {
        color:black !important;
    }
    .realisations nav {
        flex-direction:column; align-items:center;
    }
    .realisations nav a {
        font-size:42px; white-space:nowrap; padding:.1em 0;
    }
    .realisations nav a > span:after {
        height:3px;
    }


    section.theme.realisation {
        min-height:0;
    }
    section.theme.realisation.has-btn {
        margin-bottom:90px;
    }
    .realisation.IMAGE.theme-BLACK .button-wrapper {
        background:black;
    }
    .realisation.IMAGE.theme-WHITE .button-wrapper {
        background:white;
    }
    .realisation.IMAGE .button-wrapper {
        bottom:auto; top:100%; padding-top:23px; height:66px;
        left:0; right:0; text-align:center;
    }
    .realisation.IMAGE .button-wrapper a {
        font-size:14px; border-width:1.5px;
    }
    .realisation.TEXT,
    .realisation.TEXT p {
        font-size:14px;
    }
    .realisation .half-left {
        padding-top:1.5em; padding-bottom:1em;
    }


    .logos h2 {
        margin-bottom:60px;
    }
    .logos .items > * {
        padding-top:5vw; padding-bottom:5vw;
    }
    .logos .items.by-row-mobile-1 > * {width:100%;}
    .logos .items.by-row-mobile-2 > * {width:50%;}
    .logos .items.by-row-mobile-3 > * {width:33.3%;}
    .logos .items.by-row-mobile-4 > * {width:25%;}
    .logos .items.by-row-mobile-5 > * {width:20%;}
    .logos .items.by-row-mobile-6 > * {width:16.6%;}
    .logos .items.by-row-mobile-7 > * {width:14.2%;}

    #footer {
        padding:60px 80px 80px;
    }
    #footer .flex-global {
        flex-direction:row-reverse; justify-content:space-between;
    }
    #footer .flex-logo-nav {
        flex-direction: column-reverse; width:auto;
    }
    #footer .flex-widgets {
        flex-direction:column; width:auto;
    }
    #footer .flex-widgets > * {
        width:auto; padding-right:0; margin-bottom:1.5em;
    }
    #footer .copyright {
        display:none;
    }
    #footer .copyright-mobile {
        display:block; font-size:8px; font-weight:600;
    }
    #footer .flex-logo-nav a {
        font-size:14px; font-weight:600; line-height:2em;
    }
    #footer .flex-widgets h4 {
        font-size:14px; font-weight:600;
    }
    #footer .flex-widgets p {
        font-size:14px;
    }
    #footer .flex-widgets .icon {
        width:24px; height:24px; margin-top:5px; margin-right:5px;
    }
    #footer .logo {
        width:64px; margin:28px 0 18px 2px;
    }


    section.patchwork .screen.desktop {
        display:none;
    }
    section.patchwork .screen.mobile {
        display:block;
    }
    section.patchwork > .patchwork-inner {
        height:calc(175vw - 80px + 30px);
    }
    section.patchwork .edit-patchwork {
        top:auto; bottom:15px; left:0; right:0; text-align:center;
    }
    section.patchwork .edit-patchwork a {
        font-size:14px; line-height:1.1em;
    }
    section.patchwork .edit-patchwork a em {
        font-size:12px;
    }


    #moodz-live-editor #toolbar .title,
    #moodz-live-editor #toolbar .info {
        display:none;
    }
    #moodz-live-editor #main {
        margin-top: 15px !important;
        height:calc(175vw - 80px);
    }
    #moodz-live-editor .screen.mobile {
        display:block;
    }
    #moodz-live-editor .screen.desktop {
        display:none;
    }
}


@media (max-width:768px) {
    .half-left {
        width:100%;
    }
    section.form .inner {
        font-size:15px; line-height:1.6em; padding:3em 0;
    }
    section.form.theme-BLACK input[type="TEXT"]:focus,
    section.form.theme-BLACK .select-wrapper:not(.closed) .options > * {
        color: rgba(255,255,255,.5);
    }
    section.form.theme-WHITE input[type="TEXT"]:focus,
    section.form.theme-WHITE .select-wrapper:not(.closed) .options > * {
        color: rgba(0,0,0,.5);
    }
    section.form .input-text-wrapper:after {
        height:2px; border-top-width:1px;
    }
    section.form input[type="TEXT"].empty {
        min-width:14em !important;
    }
    section.form .send {
        width:32px; height:32px;
        margin-left:20px; top:-3px;
    }
    section.form .done {
        width:40px; height:40px;
        margin-left:-36px; margin-top:-5px;
    }
    section.form .select-wrapper .options > *.selected > span {
        border-width:1px;
    }
    section.form.processing .inner {
        opacity:.4;
    }
    section.form .textarea-wrapper:after {
        height:0; border-width:1px;
    }


    .instagram h2 {
        line-height:1.5em;
        margin-bottom:24px;
    }
    .instagram h2 br {
        display:block;
    }
    .instagram .feed {
        width:calc(100% - 88px);
    }


    #moodz-live-editor #toolbar {
        flex-direction:column; align-items:center;
        height:auto;
    }
    #moodz-live-editor #toolbar > .actions {
        margin:8px 0;
    }
    #moodz-live-editor #toolbar .btns {
        line-height:1.5em; margin:12px 0 2px;
    }
    #moodz-live-editor #toolbar .actions > * {
        margin-left:.7em; margin-right:.7em;
    }


    body.hide-back-to-top #back-to-top {
        opacity:0;
    }
    #back-to-top {
        display:block; position:fixed; z-index:9999;
        bottom:10px; right:12px;
        padding:10px 12px;
        cursor:pointer;
        opacity:.8;
        transition:opacity .5s linear;
    }
    #back-to-top .inner {
        width:32px; height:32px;
        background:white;
    }
    body.mobile-bottom-theme-WHITE #back-to-top .inner {
        background:black;
    }
    body.mobile-bottom-theme-WHITE #back-to-top .inner svg polygon {
        fill:white !important;
    }
}



@media (max-width:540px) {

    .map .infos > * {
        font-size:12px;
    }

    .logos .items {
        margin-left:0; margin-right:0;
    }

    #footer {
        padding:60px 12px 80px;
    }
    #footer .flex-global {
        justify-content: space-around;
    }
    #footer .flex-logo-nav a {
        font-size:12px;
    }
    #footer .flex-widgets h4 {
        font-size:12px;
    }
    #footer .flex-widgets p {
        font-size:12px;
    }
    #footer .flex-widgets .icon {
        width:20px; height:20px;
    }
    #footer .logo {
        width:50px; margin:42px 0 32px 2px;
    }
}



@media (max-width:480px) {
    #sb_instagram #sbi_images .sbi_item {
        width:50% !important;
    }
}



@media (max-width:350px) {
    .wysiwyg, .wysiwyg p {
        font-size:23px; line-height:1.5em;
    }
    .wysiwyg p {
        margin-top:1em; margin-bottom:1em;
    }
    section.form .inner {
        font-size:14px;
    }
    h2, h3,
    .services h2,
    .services .head {
        font-size:24px;
    }
    .services ul {
        margin:0;
    }
    .instagram .feed {
        width:calc(100% - 48px);
    }
}




@media (max-width:980px) and (min-aspect-ratio:114/200) {
    #moodz-live-editor .mobile-ratio-warning {
        display:block;
        position:fixed; z-index:9999;
        top:0; bottom:0; left:0; right:0;
        display:flex; justify-content:center; align-items:center;
    }
    #moodz-live-editor .mobile-ratio-warning > * {
        flex:1; text-align:center;
        padding-left:24px; padding-right:20px;
        font-size:32px; font-weight:600; line-height:1.4em;
        opacity:.2;
    }
    #moodz-live-editor #main {
        opacity:0;
    }
}
@media (max-width:980px) and (max-aspect-ratio:114/200) {
    #moodz-live-editor #main {
        opacity:1;
    }
}