/** Declare fonts here **/
/* Webfont: Montserrat-Regular */
@font-face {
    font-family: 'Montserrat';
    src: url("../fonts/Montserrat/Montserrat-Regular.eot");
    /* IE9 Compat Modes */
    src: url("../fonts/Montserrat/Montserrat-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/Montserrat/Montserrat-Regular.woff") format("woff"), url("../fonts/Montserrat/Montserrat-Regular.ttf") format("truetype"), url("../fonts/Montserrat/Montserrat-Regular.svg#Montserrat-Regular") format("svg");
    /* Legacy iOS */
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

/* Webfont: Montserrat-SemiBold */
@font-face {
    font-family: 'MontserratSemiBold';
    src: url("../fonts/Montserrat_Semi_Bold/Montserrat-SemiBold.eot");
    /* IE9 Compat Modes */
    src: url("../fonts/Montserrat_Semi_Bold/Montserrat-SemiBold.eot?#iefix") format("embedded-opentype"), url("../fonts/Montserrat_Semi_Bold/Montserrat-SemiBold.woff") format("woff"), url("../fonts/Montserrat_Semi_Bold/Montserrat-SemiBold.ttf") format("truetype"), url("../fonts/Montserrat_Semi_Bold/Montserrat-SemiBold.svg#Montserrat-SemiBold") format("svg");
    /* Legacy iOS */
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

/* Webfont: Montserrat-Light */
@font-face {
    font-family: 'MontserratLight';
    src: url("../fonts/Montserrat/Montserrat-Light.eot");
    /* IE9 Compat Modes */
    src: url("../fonts/Montserrat/Montserrat-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/Montserrat/Montserrat-Light.woff") format("woff"), url("../fonts/Montserrat/Montserrat-Light.ttf") format("truetype"), url("../fonts/Montserrat/Montserrat-Light.svg#Montserrat-Light") format("svg");
    /* Legacy iOS */
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

/* Webfont: GothamHTF-Bold */
@font-face {
    font-family: 'GothamHTF';
    src: url("../fonts/Gotham_HTF/GothamHTF-Bold.eot");
    /* IE9 Compat Modes */
    src: url("../fonts/Gotham_HTF/GothamHTF-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/Gotham_HTF/GothamHTF-Bold.woff") format("woff"), url("../fonts/Gotham_HTF/GothamHTF-Bold.ttf") format("truetype"), url("../fonts/Gotham_HTF/GothamHTF-Bold.svg#GothamHTF-Bold") format("svg");
    /* Legacy iOS */
    font-style: normal;
    font-weight: bold;
    text-rendering: optimizeLegibility;
}

/* Webfont: GothamHTF-BoldItalic */
@font-face {
    font-family: 'GothamHTF';
    src: url("../fonts/Gotham_HTF/GothamHTF-BoldItalic.eot");
    /* IE9 Compat Modes */
    src: url("../fonts/Gotham_HTF/GothamHTF-BoldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/Gotham_HTF/GothamHTF-BoldItalic.woff") format("woff"), url("../fonts/Gotham_HTF/GothamHTF-BoldItalic.ttf") format("truetype"), url("../fonts/Gotham_HTF/GothamHTF-BoldItalic.svg#GothamHTF-BoldItalic") format("svg");
    /* Legacy iOS */
    font-style: italic;
    font-weight: bold;
    text-rendering: optimizeLegibility;
}

/* Webfont: MyriadSetPro-Thin */
@font-face {
    font-family: 'MyriadSetPro';
    src: url("../fonts/Myriad_Set_Pro/MyriadSetPro-Thin.eot");
    /* IE9 Compat Modes */
    src: url("../fonts/Myriad_Set_Pro/MyriadSetPro-Thin.eot?#iefix") format("embedded-opentype"), url("../fonts/Myriad_Set_Pro/MyriadSetPro-Thin.woff") format("woff"), url("../fonts/Myriad_Set_Pro/MyriadSetPro-Thin.ttf") format("truetype"), url("../fonts/Myriad_Set_Pro/MyriadSetPro-Thin.svg#MyriadSetPro-Thin") format("svg");
    /* Legacy iOS */
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

/* Webfont: MyriadSetPro-Text */
@font-face {
    font-family: 'MyriadSetPro';
    src: url("../fonts/Myriad_Set_Pro/MyriadSetPro-Text.eot");
    /* IE9 Compat Modes */
    src: url("../fonts/Myriad_Set_Pro/MyriadSetPro-Text.eot?#iefix") format("embedded-opentype"), url("../fonts/Myriad_Set_Pro/MyriadSetPro-Text.woff") format("woff"), url("../fonts/Myriad_Set_Pro/MyriadSetPro-Text.ttf") format("truetype"), url("../fonts/Myriad_Set_Pro/MyriadSetPro-Text.svg#MyriadSetPro-Text") format("svg");
    /* Legacy iOS */
    font-style: normal;
    font-weight: bold;
    text-rendering: optimizeLegibility;
}

#main-wrapper {
    background-color: white;
}

body,
.hero-text-intro .hero-intro h1,
.hero-text-intro .hero-intro h2,
.inner-post .post-title,
.comment-body p,
.pagination div a,
.call-to-action-btn a,
.show-map-btn,
.product-content,
.product_title,
.product-content h2,
.product-content h3,
.single-product .cart input,
#lobo-reviews h5,
#lobo-reviews .form input,
#lobo-reviews .form select,
#lobo-reviews .form textarea,
#lobo-reviews .form-submit input#submit,
.products > h2,
.woocommerce-message .button,
.blog-actions .woocommerce.widget .widget-title,
.wcp-title,
.woocommerce-page .the-post h2,
.product-quantity .input-text,
.lobo-tabs input,
.lobo-tabs select,
.lobo-tabs textarea,
.lobo-tabs radio,
.lobo-tabs checkbox,
.lobo-tabs label,
.lobo-tabs label abbr,
.module .lobo-accordion h3,
li.product .price del + ins,
.country_select {
    font-family: "MyriadSetPro";
}

.hero-info h1,
.hero-info h2,
.secondary-typeface,
.compact-menu .main-d-nav .menu-footer p,
.module-title,
.text-module .copy h4,
.text-module .copy h5,
.text-module .copy h6,
.module-caption,
.slide-caption,
.prjct-description-head h3,
body .module .copy-highlight,
.item-meta .item-cat {
    font-family: "MontserratSemiBold";
}

h1,
h2,
h3,
h4,
h5,
h6,
.inner-post .post-date,
.inner-post footer a,
.single-post h3,
.single-post blockquote,
.single-post .post-excerpt .left-note,
.read-comments-btn,
.author-post-meta,
.comment-author-wrap,
.single-post .comment-reply-title,
.respond-field input,
.respond-comment textarea,
.comment-form input#submit,
.submit-caption,
.footer .credits,
.module blockquote,
.contact-form label,
.galleria-run .text,
#galleria .galleria-control,
#galleria .galleria-counter,
#galleria .galleria-info-description,
#galleria .gal-close-btn,
.royalSlider.tabs .rsTab,
.rating-meta time,
.wcp-subtitle strong,
.wcp-subtitle a,
.woocommerce-message,
.woocommerce-error,
.woocommerce-info,
.lobo-tabs p,
.payment_methods li label,
.woocommerce-page .post-excerpt p,
.woocommerce-page .post-excerpt dl,
.order-actions a,
.address a,
.lobo-tabs address,
#scriptie {
    font-family: "MontserratSemiBold";
}

/* phone and portrait tablet (< 960px) */
@media screen and (max-width: 59.9999em) {
    .home div[data-size="1-1"],
    .home div[data-size="1-2"],
    .home div[data-size="1-3"],
    .home div[data-size="1-4"],
    .home div[data-size="2-1"],
    .home div[data-size="2-2"],
    .home div[data-size="2-3"],
    .home div[data-size="2-4"],
    .home div[data-size="3-1"],
    .home div[data-size="3-2"],
    .home div[data-size="3-3"],
    .home div[data-size="3-4"],
    .home div[data-size="4-1"],
    .home div[data-size="4-2"],
    .home div[data-size="4-3"],
    .home div[data-size="4-4"],
    body.home [data-cols="cols-1"] .prtfl-item,
    body.home [data-cols="cols-2"] .prtfl-item,
    body.home [data-cols="cols-3"] .prtfl-item,
    body.home [data-cols="cols-4"] .prtfl-item {
        width: 100% !important;
    }
}

@media screen and (max-width: 59.9999em) {
    .content-module .text-module {
        height: auto !important;
    }
}

.prtfl-item img {
    width: 100%;
    max-width: 100%;
}

.no-touch .text-module a {
    text-decoration: none;
    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='), url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='), url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMzMzMzMiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzMzMzMzMiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #ffffff)), -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #ffffff)), -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #333332), color-stop(100%, #333332));
    background: -moz-linear-gradient(#ffffff, #ffffff), -moz-linear-gradient(#ffffff, #ffffff), -moz-linear-gradient(#333332, #333332);
    background: -webkit-linear-gradient(#ffffff, #ffffff), -webkit-linear-gradient(#ffffff, #ffffff), -webkit-linear-gradient(#333332, #333332);
    background: linear-gradient(#ffffff, #ffffff), linear-gradient(#ffffff, #ffffff), linear-gradient(#333332, #333332);
    background-size: 0.05em 1px, 0.05em 1px, 1px 1px;
    background-repeat: no-repeat, no-repeat, repeat-x;
    text-shadow: 0.03em 0 white, -0.03em 0 white, 0 0.03em white, 0 -0.03em white, 0.06em 0 white, -0.06em 0 white, 0.09em 0 white, -0.09em 0 white, 0.12em 0 white, -0.12em 0 white, 0.15em 0 white, -0.15em 0 white;
    background-position-y: 87%, 87%, 87%;
    background-position-x: 0%, 100%, 0%;
}

.no-touch .text-module a:hover {
    color: #d62130;
    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='), url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='), url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q2MjEzMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Q2MjEzMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #ffffff)), -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #ffffff)), -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #d62130), color-stop(100%, #d62130));
    background: -moz-linear-gradient(#ffffff, #ffffff), -moz-linear-gradient(#ffffff, #ffffff), -moz-linear-gradient(#d62130, #d62130);
    background: -webkit-linear-gradient(#ffffff, #ffffff), -webkit-linear-gradient(#ffffff, #ffffff), -webkit-linear-gradient(#d62130, #d62130);
    background: linear-gradient(#ffffff, #ffffff), linear-gradient(#ffffff, #ffffff), linear-gradient(#d62130, #d62130);
    background-size: 0.05em 1px, 0.05em 1px, 1px 1px;
    background-repeat: no-repeat, no-repeat, repeat-x;
    background-position-y: 87%, 87%, 87%;
    background-position-x: 0%, 100%, 0%;
}

.rsDefault .rsBullet span {
    border: 1px solid #d62130;
    background: transparent;
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
}

.rsDefault .rsBullet.rsNavSelected span {
    background: #d62130;
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    border: 1px solid #d62130;
}

/********************/
/*     LAYOUT       */
/********************/
.compact-menu .menu-firer {
    z-index: 11002;
    position: fixed;
    top: 52px;
}

.frontpage.compact-menu .menu-firer {
    top: 48px;
}

#hero-wrapper .main-logo {
    width: 504px;
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin-left: -3%;
    z-index: 2;
    /* phone and portrait tablet (< 960px) */
    /* portrait phone (< 480px) */
}

@media screen and (max-width: 59.9999em) {
    #hero-wrapper .main-logo {
        width: 350px;
    }
}

@media screen and (max-width: 29.9999em) {
    #hero-wrapper .main-logo {
        width: 200px;
    }
}

#hero-wrapper .main-logo img {
    display: inline-block;
    width: 100%;
    vertical-align: middle;
}

#hero-wrapper.sticky .main-logo {
    width: 223px;
    /* phone and portrait tablet (< 960px) */
}

@media screen and (max-width: 29.9999em) {
    #hero-wrapper.sticky .main-logo {
        width: 200px;
    }
}

#header-socials {
    z-index: 11002;
    position: fixed;
    top: 52px;
    right: 5%;
}

#header-socials ul li {
    display: inline-block;
    margin-bottom: 0;
    width: 35px;
    height: 35px;
    background: #fff;
    line-height: 35px;
    text-align: center;
    transition: background .3s;
}

#header-socials ul li:hover {
    background: #f7e500;
}

#header-socials ul li:hover a i {
    color: #000;
}

#header-socials ul li a i {
    vertical-align: middle;
    display: block;
    color: #000;
    font-size: 18px;
    transition: color .3s;
}

#header-socials ul li a i::before {
    line-height: 35px;
}

#header-socials ul li a span {
    display: none;
}

@media screen and (max-width: 29.9999em) {
    #header-socials {
        top: 43px;
    }
}

.frontpage #header-socials {
    top: 43px;
}

/**
* Header
*/
.not-frontpage {
    /* phone and portrait tablet (< 960px) */
}

.not-frontpage #header {
    position: fixed;
    top: 0;
    height: 127px;
    background: url("../img/header/header1.jpg") center center no-repeat;
    background-size: cover;
}

.not-frontpage #header #nav-wrapper {
    height: 100%;
}

.not-frontpage #header .logo {
    width: 190px;
    height: 51px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.not-frontpage #header .logo img {
    display: inline-block;
    width: 100%;
    vertical-align: middle;
}

.not-frontpage .hero-spacer {
    margin-top: 127px;
}

.not-frontpage #hero-wrapper {
    margin-top: 127px;
}

@media screen and (max-width: 29.9999em) {
    .not-frontpage #header {
        height: 115px;
    }

    .not-frontpage #header .logo {
        width: 158px !important;
        height: 45px;
        top: 60%;
        left: 43%;
    }

    .not-frontpage .hero-spacer {
        margin-top: 115px;
    }

    .not-frontpage #hero-wrapper {
        margin-top: 115px;
    }
}

body.not-frontpage #hero-wrapper .hero-intro .text-module {
    color: white;
}

@media screen and (max-width: 29.9999em) {
    body.not-frontpage #hero-wrapper .hero-intro .text-module {
        color: white !important;
    }
}

body.not-frontpage #hero-wrapper .hero-intro .text-module .copy .mobile-mask {
    display: none;
    /* portrait phone (< 480px) */
}

@media screen and (max-width: 29.9999em) {
    body.not-frontpage #hero-wrapper .hero-intro .text-module .copy .mobile-mask {
        position: absolute;
        top: 0;
        left: 0;
        display: flex;
        background-color: #000000;
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
        opacity: 0.6;
        z-index: 1;
    }
}

body.not-frontpage #hero-wrapper .hero-intro .text-module .copy > div {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 39%;
    float: right;
    z-index: 2;
    /* phone and portrait tablet (< 960px) */
    /* portrait phone (< 480px) */
}

body.not-frontpage #hero-wrapper .hero-intro .text-module .copy > div > div {
    box-sizing: border-box;
    padding: 50px 11% 50px 0 !important;
    max-width: 350px;
}

body.not-frontpage #hero-wrapper .hero-intro .text-module .copy > div > div .client {
    font-family: "GothamHTF";
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 16px;
    text-transform: uppercase;
}

body.not-frontpage #hero-wrapper .hero-intro .text-module .copy > div > div h1 {
    font-family: "MontserratSemiBold";
    font-size: 30px;
    line-height: normal;
    letter-spacing: -1px;
    margin-bottom: 31px;
}

body.not-frontpage #hero-wrapper .hero-intro .text-module .copy > div > div p {
    position: relative;
    font-family: "MyriadSetPro";
    font-size: 22px;
    line-height: 30px;
    max-height: 235px;
    overflow: hidden;
}

body.not-frontpage #hero-wrapper .hero-intro .text-module .copy > div > div p.ps-active-y {
    padding-right: 30px;
}

@media screen and (max-width: 59.9999em) {
    body.not-frontpage #hero-wrapper .hero-intro .text-module .copy > div > div .client {
        margin-bottom: 10px;
    }

    body.not-frontpage #hero-wrapper .hero-intro .text-module .copy > div > div h1 {
        font-size: 26px;
        margin-bottom: 20px;
    }

    body.not-frontpage #hero-wrapper .hero-intro .text-module .copy > div > div p {
        font-size: 18px;
        line-height: 26px;
    }
}

@media screen and (max-width: 29.9999em) {
    body.not-frontpage #hero-wrapper .hero-intro .text-module .copy > div {
        width: 100%;
    }

    body.not-frontpage #hero-wrapper .hero-intro .text-module .copy > div > div {
        padding: 50px 11% !important;
    }
}

.footer {
    background-color: #292929;
    padding-top: 0;
    padding-bottom: 0;
    min-height: initial;
}

.footer .wrapper-1024 {
    max-width: 1024px;
    margin: 0 auto;
    padding-right: 20px;
    padding-left: 20px;
}

.footer .footer-main {
    box-sizing: border-box;
    position: relative;
    display: block;
}

.footer .footer-main .logo-footer {
    display: inline-block;
    width: 20%;
    margin-right: 6%;
    vertical-align: middle;
}

@media screen and (max-width: 59.9999em) {
    .footer .footer-main .logo-footer {
        display: none;
    }
}

.footer .footer-main .adresses {
    display: inline-block;
    color: white;
    font-family: "MontserratLight";
    font-size: 12px;
    line-height: 16px;
    margin-top: 35px;
    margin-bottom: 35px;
    width: 74%;
    vertical-align: middle;
}

@media screen and (max-width: 59.9999em) {
    .footer .footer-main .adresses {
        width: 95%;
    }
}

.footer .footer-main .adresses li {
    display: inline-block;
    vertical-align: top;
    width: 24%;
    margin-right: 1%;
    /* portrait phone (< 480px) */
    /* portrait phone (< 960px) */
}

.footer .footer-main .adresses li:last-child {
    margin-right: 0%;
}

@media screen and (max-width: 29.9999em) {
    .footer .footer-main .adresses li {
        display: block;
        width: auto;
    }
}

@media screen and (max-width: 59.9999em) {
    .footer .footer-main .adresses li {
        margin-top: 25px;
    }
}

.footer .footer-main .adresses li p {
    margin: 0;
}

.footer .footer-main .adresses li b {
    display: block;
    font-family: "MontserratSemiBold";
    font-size: 13px;
    text-transform: uppercase;
    margin-bottom: 15px;
}

.footer .footer-main .adresses li a {
    display: inline-block;
    margin-top: 20px;
}

.footer .credits {
    position: relative;
    background-color: #0a0a0a;
    font-family: "Montserrat";
    font-size: 9px;
    line-height: 27px;
    color: white;
    margin-top: 0;
    /* portrait phone (< 480px) */
}

.footer .credits p {
    float: left;
    margin: 0;
}

.footer .credits .links {
    float: right;
}

.footer .credits .links li {
    display: inline-block;
    margin-right: 10px;
}

.footer .credits .wrapper-1024:after,
.footer .credits .wrapper-1024:before {
    content: "";
    display: table;
}

.footer .credits .wrapper-1024:after {
    clear: both;
}

@media screen and (max-width: 29.9999em) {
    .footer .credits p {
        float: none;
        display: block;
    }

    .footer .credits .links {
        float: none;
        display: block;
    }
}

/**
* Sticky footer
*/
html {
    height: 100%;
}

body {
    height: 100%;
    overflow-y: auto;
}

#main-wrapper {
    height: 100%;
}

#wrapper-sticky-footer {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin-bottom: -212px;
}

#push {
    height: 212px;
    background-color: #fff;
}

body, #main-wrapper, #wrapper-sticky-footer, .not-frontpage #header {
    margin-top: -1px;
    padding-top: 1px;
}

.content-module {
    background-color: #292929;
}

.ban-globalindustrie {
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
}

.ban-globalindustrie img {
    max-width: 100%;
}

.adsalonLarge{
    display: block;
    width: 100%;
}
.adsalonSmall{
    display: none;
}



@media screen and (max-width: 960px) {
    .adsalonLarge{
        display: none;
    }
    .adsalonSmall{
        display: block;
    }
}

.compact-menu .main-d-nav {
    background-color: white;
    background-position: right top -100px;
    background-size: 160% auto;
    left: 0;
    right: auto;
}

.compact-menu .main-d-nav > ul > li {
    margin-bottom: 1em;
}

.compact-menu .main-d-nav > ul > li a {
    color: #333333;
    font-size: 30px;
    font-family: "MontserratSemiBold";
}

.compact-menu .main-d-nav > ul > li a:hover {
    color: #d62130;
}

.compact-menu .main-d-nav > ul > li.opened a {
    color: #333333;
}

@media screen and (max-width: 59.9999em) {
    .compact-menu .main-d-nav > ul > li {
        margin-bottom: 5px;
    }
}

.compact-menu .main-d-nav .sf-menu ul li a {
    color: #333333;
    font-size: 22px !important;
    font-family: "MontserratLight";
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    line-height: 22px;
    text-transform: capitalize;
    margin-bottom: 10px;
}

.compact-menu .main-d-nav .sf-menu ul li a:hover {
    color: #d62130;
}

@media screen and (max-width: 59.9999em) {
    .compact-menu .main-d-nav .sf-menu ul li a {
        font-size: 18px !important;
        line-height: 20px;
    }
}

@media screen and (max-width: 59.9999em) {
    .compact-menu .main-d-nav .sf-menu ul li {
        margin-bottom: 0.5em;
    }
}

.compact-menu .main-d-nav .sub-menu .current a {
    font-weight: normal;
}

@media screen and (max-width: 59.9999em) {
    .compact-menu .main-d-nav .sub-menu {
        margin: 10px 0;
    }
}

.compact-menu .main-d-nav .c-close-btn span {
    background-color: #333333;
}

.compact-menu .main-d-nav .c-close-btn:hover span {
    height: 2px;
    background-color: #d62130;
}

.compact-menu .main-d-nav .socials {
    text-align: right;
}

@media screen and (max-width: 767px) {
    .compact-menu .main-d-nav .socials {
        margin-left: 1rem;
    }
}

.compact-menu .main-d-nav .socials ul li {
    display: inline-block;
    margin-bottom: 0;
    width: 40px;
    height: 40px;
    border: 1px solid #333333;
    line-height: 40px;
    text-align: left;
}

.compact-menu .main-d-nav .socials ul li a span {
    display: none;
}

.compact-menu .main-d-nav .socials ul li a i {
    display: block;
    color: #333333;
    font-size: 18px;
}

.compact-menu .main-d-nav .socials ul li a i:before {
    position: relative;
    display: block;
    line-height: inherit;
    text-align: center;
}

.compact-menu .main-d-nav .socials ul li a:hover i {
    background-color: #333333;
    color: #fff;
}

.compact-menu .menu-footer {
    left: 0%;
    padding: 0 5%;
}

@media screen and (max-width: 59.9999em) {
    .compact-menu .menu-footer {
        display: block;
        bottom: 10px;
    }
}

.compact-menu .main-d-nav ul li.current a {
    text-decoration: underline;
    color: #333333;
}

.no-touch .compact-menu .main-d-nav ul li:not(.has-subs) a:hover {
    color: #d62130;
}

.no-touch .compact-menu .main-d-nav ul li.has-subs > a:hover {
    color: #333333;
}

.compact-menu #main-wrapper {
    left: 0;
    -moz-transition: left 0.555s cubic-bezier(0.23, 1, 0.32, 1);
    -o-transition: left 0.555s cubic-bezier(0.23, 1, 0.32, 1);
    -webkit-transition: left 0.555s cubic-bezier(0.23, 1, 0.32, 1);
    transition: left 0.555s cubic-bezier(0.23, 1, 0.32, 1);
}

.compact-menu #main-wrapper.menu-open {
    left: 50%;
    right: auto;
}

.compact-menu #hero-wrapper {
    left: 0;
    -moz-transition: left 0.555s cubic-bezier(0.23, 1, 0.32, 1);
    -o-transition: left 0.555s cubic-bezier(0.23, 1, 0.32, 1);
    -webkit-transition: left 0.555s cubic-bezier(0.23, 1, 0.32, 1);
    transition: left 0.555s cubic-bezier(0.23, 1, 0.32, 1);
}

.compact-menu #hero-wrapper.menu-open {
    left: 50%;
    right: auto;
}

.compact-menu .menu-firer {
    left: 5%;
    right: auto;
}

.menu-firer .icon-menu {
    color: #FFF;
    position: relative;
    height: 35px;
    display: block;
    width: 35px;
}

.menu-firer .icon-menu:before {
    content: "";
    background: url("../img/header/burger-icon.svg") left top no-repeat;
    background-size: 100% 100%;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

@media screen and (max-width: 29.9999em) {
    .compact-menu .main-d-nav > ul li ul li {
        padding-left: 0;
    }

    .compact-menu .main-d-nav ul .sub-menu {
        display: none;
    }

    .compact-menu .menu-firer {
        top: 48px;
    }
}

@media screen and (max-height: 480px) {
    .compact-menu .main-d-nav .sf-menu ul li,
    .compact-menu .main-d-nav .sf-menu ul li a {
        margin-bottom: 0;
    }

    .compact-menu .main-d-nav > ul > li {
        margin-bottom: 12px;
    }
}

@media screen and (max-width: 320px) {
    .compact-menu .main-d-nav .sf-menu ul li a {
        font-size: 14px !important;
        line-height: 15px;
    }
}

/********************/
/*     MODULES      */
/********************/
.ps-container {
    -ms-touch-action: none;
    overflow: hidden !important;
}

.ps-container.ps-active-x > .ps-scrollbar-x-rail, .ps-container.ps-active-y > .ps-scrollbar-y-rail {
    display: block;
}

.ps-container.ps-in-scrolling {
    pointer-events: none;
}

.ps-container.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail {
    background-color: transparent;
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
}

.ps-container.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x {
    background-color: #fff;
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
}

.ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail {
    background-color: transparent;
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
}

.ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y {
    background-color: #fff;
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
}

.ps-container > .ps-scrollbar-x-rail {
    display: none;
    position: absolute;
    /* please don't change 'position' */
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: background-color 0.2s linear, opacity 0.2s linear;
    -moz-transition: background-color 0.2s linear, opacity 0.2s linear;
    -o-transition: background-color 0.2s linear, opacity 0.2s linear;
    transition: background-color 0.2s linear, opacity 0.2s linear;
    cursor: pointer;
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    bottom: 3px;
    /* there must be 'bottom' for ps-scrollbar-x-rail */
    height: 8px;
}

.ps-container > .ps-scrollbar-x-rail > .ps-scrollbar-x {
    position: absolute;
    /* please don't change 'position' */
    background-color: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: background-color 0.2s linear;
    -moz-transition: background-color 0.2s linear;
    -o-transition: background-color 0.2s linear;
    transition: background-color 0.2s linear;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
    opacity: 0.9;
    bottom: 0;
    /* there must be 'bottom' for ps-scrollbar-x */
    height: 8px;
}

.ps-container > .ps-scrollbar-y-rail {
    display: none;
    position: absolute;
    /* please don't change 'position' */
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: background-color 0.2s linear, opacity 0.2s linear;
    -moz-transition: background-color 0.2s linear, opacity 0.2s linear;
    -o-transition: background-color 0.2s linear, opacity 0.2s linear;
    transition: background-color 0.2s linear, opacity 0.2s linear;
    cursor: pointer;
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    right: 3px;
    /* there must be 'right' for ps-scrollbar-y-rail */
    width: 8px;
}

.ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y {
    position: absolute;
    /* please don't change 'position' */
    background-color: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: background-color 0.2s linear;
    -moz-transition: background-color 0.2s linear;
    -o-transition: background-color 0.2s linear;
    transition: background-color 0.2s linear;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
    opacity: 0.9;
    right: 0;
    /* there must be 'right' for ps-scrollbar-y */
    width: 8px;
}

.ps-container:hover.ps-in-scrolling {
    pointer-events: none;
}

.ps-container:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail {
    background-color: transparent;
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
}

.ps-container:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x {
    background-color: #fff;
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
}

.ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail {
    background-color: transparent;
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
}

.ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y {
    background-color: #fff;
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
}

.ps-container:hover > .ps-scrollbar-x-rail,
.ps-container:hover > .ps-scrollbar-y-rail {
    opacity: 0.6;
}

.ps-container:hover > .ps-scrollbar-x-rail:hover {
    background-color: transparent;
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
}

.ps-container:hover > .ps-scrollbar-x-rail:hover > .ps-scrollbar-x {
    background-color: #fff;
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
}

.ps-container:hover > .ps-scrollbar-y-rail:hover {
    background-color: transparent;
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
}

.ps-container:hover > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y {
    background-color: #fff;
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
}

.awards-module {
    background-color: #f5f5f5;
    color: #292929;
    text-align: center;
}

.awards-module .title {
    font-size: 2.75vw;
    font-family: "MontserratSemiBold";
    display: block;
}

.awards-module ul {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1.875vw;
}

.awards-module ul li {
    position: relative;
    box-sizing: border-box;
    display: inline-block;
    list-style-type: none;
    width: 100%;
    min-width: 33%;
    max-width: 50%;
    margin-bottom: 0;
    align-self: flex-start;
}

.awards-module ul li:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    height: 80%;
    width: 1px;
    background-color: #292929;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=15);
    opacity: 0.15;
}

.awards-module ul li:last-child:after {
    display: none;
}

.awards-module ul li img, .awards-module ul li .jury, .awards-module ul li .award {
    display: block;
}

.awards-module ul li img {
    width: 7.75vw;
    height: auto;
    margin: 1.5vw auto;
}

.awards-module ul li .jury {
    font-family: "MontserratSemiBold";
    font-size: 1.375vw;
    margin-bottom: 0.75vw;
}

.awards-module ul li .award {
    font-family: "Montserrat";
    font-size: 1.06vw;
    color: #7a7a7a;
}

@media screen and (max-width: 59.9999em) {
    .awards-module .title {
        font-size: 44px;
        margin-bottom: 80px;
    }

    .awards-module ul {
        margin-bottom: 30px;
    }

    .awards-module ul li img {
        width: 124px;
        margin: 24px auto;
    }

    .awards-module ul li .jury {
        font-size: 22px;
        margin-bottom: 12px;
    }

    .awards-module ul li .award {
        font-size: 17px;
    }
}

@media screen and (max-width: 29.9999em) {
    .awards-module.auto-wrap {
        height: auto !important;
    }

    .awards-module .title {
        font-size: 30px;
        margin-bottom: 40px;
        margin-top: 40px;
    }

    .awards-module ul {
        display: block;
        margin-bottom: 40px;
    }

    .awards-module ul li {
        display: block;
        max-width: 100%;
        min-width: 0%;
        margin-bottom: 25px;
    }

    .awards-module ul li img {
        width: 124px;
        margin: 0px auto 5px;
    }

    .awards-module ul li .jury {
        margin-bottom: 0;
    }

    .awards-module ul li:after {
        display: none;
    }
}

.galleria-close-wrapper a {
    font-size: 15px;
    padding: 5px;
    border: 1px solid #333333;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.galleria-close-wrapper a:hover {
    color: #d62130 !important;
    background-color: #fff !important;
    border: 1px solid #d62130 !important;
}

.background--light .galleria-close-wrapper a {
    color: #fff;
    background-color: #333333 !important;
    border: 1px solid #fff;
}

.background--dark .galleria-close-wrapper a, .background--complex .galleria-close-wrapper a {
    color: #333333;
    background-color: #fff !important;
    border: 1px solid #333333;
}

.galleria-info-description {
    font-size: 15px;
    padding: 5px;
    color: #fff;
    border: 1px solid #fff;
    background-color: #333333 !important;
}

/********************/
/*      PAGES       */
/********************/
.home .header-wrapper {
    height: 114px !important;
}

.home #hero-wrapper {
    height: 114px !important;
    overflow: hidden;
}

.home #hero-wrapper .main-logo {
    width: 225px !important;
}

@media screen and (max-width: 767px) {
    .home #hero-wrapper .main-logo {
        width: 158px !important;
    }
}

@media screen and (max-width: 320px) {
    .home #hero-wrapper .main-logo {
        width: 123px !important;
    }
}

.home #nav-wrapper {
    -webkit-transform-style: inherit;
    -webkit-transition: inherit;
    -moz-transition: inherit;
    -o-transition: inherit;
    transition: inherit;
}

.home #header .logo {
    display: none;
}

.home #header .main-logo {
    display: block;
}

.home .hero-info {
    display: none;
}

.home .prtfl-item img {
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -webkit-transition-property: -webkit-transform;
    transition-property: transform;
    -moz-transition-duration: 2s;
    -o-transition-duration: 2s;
    -webkit-transition-duration: 2s;
    transition-duration: 2s;
    -moz-transition-timing-function: ease-in;
    -o-transition-timing-function: ease-in;
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
}

.home .prtfl-item .item-hover {
    opacity: 1;
    background: none;
}

.home .prtfl-item .item-hover .item-meta {
    text-align: left;
    color: white;
    top: 50%;
    left: 65%;
    max-width: 32%;
    padding-right: 30px;
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.home .prtfl-item .item-hover .item-meta h2, .home .prtfl-item .item-hover .item-meta .item-client {
    display: block;
}

.home .prtfl-item .item-hover .item-meta h2 {
    font-family: "MontserratSemiBold";
    font-size: 30px;
    line-height: 30px;
    color: white;
    text-transform: none;
    margin-bottom: 15px;
}

.home .prtfl-item .item-hover .item-meta .item-client {
    font-family: "GothamHTF";
    font-size: 14px;
    font-weight: bold;
    font-style: normal;
    text-transform: uppercase;
    color: white;
    margin-bottom: 20px;
}

.home .prtfl-item .item-hover .item-meta .btn {
    display: inline-block;
    font-family: "MyriadSetPro";
    font-size: 22px;
    padding: 17px 35px;
    border: 0px;
    outline: none;
    position: relative;
    text-decoration: none;
}

.home .prtfl-item .item-hover .item-meta .btn svg {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.home .prtfl-item .item-hover .item-meta .btn rect {
    fill: none;
    stroke: #fff;
    stroke-width: 2;
    stroke-dasharray: 422, 0;
}

@media screen and (max-width: 1024px) {
    .home .prtfl-item .item-hover .item-meta {
        left: 65%;
        max-width: 32%;
    }

    .home .prtfl-item .item-hover .item-meta h2 {
        margin-bottom: 10px;
    }

    .home .prtfl-item .item-hover .item-meta .item-client {
        font-size: 12px;
        margin-bottom: 10px;
    }

    .home .prtfl-item .item-hover .item-meta .btn {
        font-size: 18px;
        padding: 10px 25px;
    }
}

@media screen and (max-width: 29.9999em) {
    .home .prtfl-item .item-hover .item-meta {
        left: 58%;
        max-width: 32%;
    }
}

.home .prtfl-item.noir .item-hover .item-meta h2 {
    color: #333333;
}

.home .prtfl-item.noir .item-hover .item-meta .item-client {
    color: #333333;
}

.home .prtfl-item.noir .item-hover .item-meta .btn {
    color: #333333;
}

.home .prtfl-item.noir .item-hover .item-meta .btn rect {
    fill: none;
    stroke: #333333;
    stroke-width: 2;
    stroke-dasharray: 422, 0;
}

.home a.prtfl-item:hover img {
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.home a.prtfl-item:hover .item-hover .item-meta .btn rect {
    stroke-width: 3;
    stroke-dasharray: 50, 371;
    stroke-dashoffset: 158;
    transition: all 1.35s cubic-bezier(0.19, 1, 0.22, 1);
}

@media screen and (max-width: 1024px) {
    .home a.prtfl-item:hover .item-hover .item-meta .btn rect {
        stroke-dasharray: 50, 265;
        stroke-dashoffset: 123;
    }
}

.home .prtfl-item.text .item-meta {
    text-align: left;
}

.home .prtfl-item.linkedin .item-hover {
    display: flex;
    align-items: center;
    justify-content: center;
}

.home .prtfl-item.linkedin .item-hover .background-hover {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background-color: #333;
    height: 100%;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
}

.home .prtfl-item.linkedin .item-hover:hover .background-hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
}

.home .prtfl-item.linkedin .item-hover .item-meta {
    position: relative;
    top: auto;
    left: auto;
    transform: none;
    max-width: 100%;
    text-align: center;
    padding-right: 0;
}

.home .prtfl-item.linkedin .item-hover .item-meta #icon-linkedin-white {
    display: inline-block;
    width: 9.70vw;
    margin-right: 2.5vw;
    padding-top: 12px;
    padding-bottom: 12px;
    vertical-align: middle;
}

.home .prtfl-item.linkedin .item-hover .item-meta .info {
    display: inline-block;
    padding-left: 2.5vw;
    border-left: 1px solid rgba(255, 255, 255, 0.15);
    width: 21.56vw;
    text-align: left;
    vertical-align: middle;
}

.home .prtfl-item.linkedin .item-hover .item-meta .info .item-client {
    margin-bottom: 17px;
}

.home .prtfl-item.linkedin .item-hover .item-meta .info h2 {
    font-size: 30px;
    font-family: 'MyriadSetPro';
    font-weight: normal;
    margin-bottom: 5px;
    line-height: normal;
}

.home .prtfl-item.linkedin .item-hover .item-meta .info .thumb-extra-info {
    font-family: 'MyriadSetPro';
    font-size: 24px;
    font-weight: bold;
}

@media screen and (max-width: 1024px) {
    .home .prtfl-item.linkedin .item-hover .item-meta #icon-linkedin-white {
        width: 90px;
        box-sizing: border-box;
        margin-right: 7%;
    }

    .home .prtfl-item.linkedin .item-hover .item-meta .info {
        width: 55%;
        box-sizing: border-box;
        padding-left: 7%;
    }

    .home .prtfl-item.linkedin .item-hover .item-meta .info h2 {
        font-size: 20px;
        line-height: 20px;
        margin-bottom: 0px;
    }

    .home .prtfl-item.linkedin .item-hover .item-meta .info .item-client {
        font-size: 12px;
        margin-bottom: 10px;
    }

    .home .prtfl-item.linkedin .item-hover .item-meta .info .thumb-extra-info {
        font-family: 'MyriadSetPro';
        font-size: 18px;
        font-weight: bold;
    }

    .home .prtfl-item.linkedin .item-hover .item-meta .info .btn {
        font-size: 18px;
        line-height: 16px;
        padding: 10px 25px;
    }
}

@media screen and (max-width: 29.9999em) {
    .home .prtfl-item.linkedin .item-hover .item-meta {
        width: 100%;
    }

    .home .prtfl-item.linkedin .item-hover .item-meta #icon-linkedin-white {
        max-width: 80px;
    }
}

.compact-menu-open #header-socials {
    display: none;
}

#header-socials ul {
    display: inline-block;
}

.socials ul {
    display: inline-block;
}

#linkedin-con {
    width: 100% !important;
    padding: 0 !important;
    float: left;
    background: #fff !important;
    border-bottom: solid 1px #969696;
}

#linkedin-con .TweetAuthor-avatar {
    float: left;
    width: 5%;
    display: block;
}

@media screen and (max-width: 1024px) {
    #linkedin-con .TweetAuthor-avatar {
        width: 9%;
    }
}

@media screen and (max-width: 767px) {
    #linkedin-con .TweetAuthor-avatar {
        width: 9% !important;
    }
}

#linkedin-con li {
    padding: 15px !important;
    border: none !important;
}

#linkedin-con li h3 {
    width: 100%;
    float: left;
}

#linkedin-con li h3 a {
    color: #000;
    font-size: 20px !important;
    text-transform: uppercase;
}

#linkedin-con li h3 a:hover {
    color: #3b94d9;
}

#linkedin-con li p {
    font-size: 37px;
    font-weight: 300;
    margin: 0;
    float: left;
    width: 100%;
    padding-top: 5px;
    line-height: 1.1 !important;
    padding-bottom: 10px;
}

@media screen and (max-width: 767px) {
    #linkedin-con li p {
        font-size: 24px;
    }
}

#linkedin-con li div {
    padding: 0px !important;
}

#linkedin-con li div.block_contenu_twitter {
    float: left;
    width: 91%;
    position: relative;
}

@media screen and (max-width: 767px) {
    #linkedin-con li div.block_contenu_twitter {
        width: 75%;
        float: right;
    }
}

#linkedin-con li a.link_sociaux {
    color: #000;
    font-size: 25px;
    font-weight: 600;
}

#linkedin-con li a.link_sociaux:hover {
    color: #3b94d9;
}

#linkedin-con li .icon-twitter {
    position: absolute;
    right: 0;
    background: #0077b5 !important;
    color: #fff;
    font-size: 20px !important;
    padding: 7px !important;
    line-height: 16px;
}

#linkedin-con li .icon-twitter:hover {
    background: #3b94d9 !important;
}

#linkedin-con li .icon-linkedin {
    position: absolute;
    right: 0;
    background: #0077b5 !important;
    color: #fff;
    font-size: 15px !important;
    padding: 7px !important;
}

#linkedin-con li .icon-linkedin:hover {
    background: #3b94d9 !important;
}

#linkedin-con li .linkedin-update-image {
    margin-bottom: 15px !important;
}

@media screen and (max-width: 767px) {
    #linkedin-con li .linkedin-update-image {
        float: left !important;
    }
}

@media screen and (max-width: 767px) {
    .compact-menu .main-d-nav > ul > li a {
        font-size: 17px;
    }

    .content-module.portfolio .info {
        font-size: 14px;
    }

    .item-meta {
        padding-top: 12px;
        padding-bottom: 12px;
    }
}

/*--------------------------------- menu langues + page vision ------------------------*/
html[lang="fr-FR"] #menu-item-wpml-ls-32-fr a span {
    border-bottom: 2px solid #000;
    color: #000;
}

html[lang="en-US"] #menu-item-wpml-ls-32-en a span {
    border-bottom: 2px solid #000;
    color: #000;
}

.menu_languages {
    position: absolute;
    z-index: 999;
}

.menu_languages div {
    margin-left: 41px;
    margin-top: 33px;
}

@media screen and (max-width: 767px) {
    .menu_languages div {
        margin-left: 20px;
        margin-top: 10px;
    }
}

.menu_languages div li {
    margin-bottom: 0.3em !important;
}

.menu_languages div li a {
    font-size: 14px !important;
}

.menu_languages div li a span {
    color: #ababab;
    font-family: "MontserratSemiBold";
}

.page-template-template-vision.no-hero #hero-wrapper {
    background-color: inherit;
}

.page-template-template-vision .content-module {
    background-color: white;
}

.page-template-template-vision .type-page.status-publish {
    margin: 0 auto;
    clear: none;
    float: none;
    margin-right: inherit !important;
}

.page-template-template-vision .image_client {
    width: 67.2%;
    float: none;
    margin: 40px auto 0;
}

@media screen and (max-width: 1024px) and (orientation: portrait) {
    .page-template-template-vision .image_client {
        width: 96%;
        margin: 0 auto;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1094px) {
    .page-template-template-vision .image_client {
        width: 80%;
    }
}

@media screen and (max-width: 767px) {
    .page-template-template-vision .image_client {
        width: 100%;
    }
}

.page-template-template-vision .image_client .image_client_one {
    width: 33%;
    float: left;
    border-right: 1px solid #ededed;
    border-bottom: 1px solid #ededed;
}

@media screen and (max-width: 1024px) {
    .page-template-template-vision .image_client .image_client_one {
        width: 33%;
    }
}

@media screen and (max-width: 767px) {
    .page-template-template-vision .image_client .image_client_one {
        width: 49.87%;
        border-bottom: 1px solid #ededed;
    }
}

@media screen and (max-width: 767px) {
    .page-template-template-vision .image_client .image_client_one {
        width: 100%;
    }
}

.page-template-template-vision .image_client .image_client_one img {
    display: block;
    text-align: center;
    margin: 0 auto;
}

.page-template-template-vision .image_client li {
    list-style-type: none;
    /*border-bottom: 1px solid #ededed;*/
    width: 100%;
    float: left;
}

@media screen and (max-width: 1024px) {
    .page-template-template-vision .image_client li {
        border-bottom: none;
    }
}

.page-template-template-vision .image_client li:last-child {
    border-bottom: none;
    margin-bottom: 60px;
}

.page-template-template-vision .image_client li:last-child .image_client_one {
    border-bottom: none;
}

@media screen and (max-width: 767px) {
    .page-template-template-vision .image_client li:last-child .image_client_one {
        border-bottom: 1px solid #ededed;
    }
}

.page-template-template-vision .image_client li:last-child .image_client_one:nth-last-child(-n+2) {
    border-bottom: 1px solid #fff;
}

@media screen and (max-width: 1024px) {
    .page-template-template-vision .image_client li:last-child .image_client_one:nth-last-child(2) {
        border-bottom: 1px solid #fff;
    }
}

@media screen and (max-width: 767px) {
    .page-template-template-vision .image_client li:last-child .image_client_one:nth-last-child(2) {
        border-bottom: 1px solid #ededed;
    }
}

.page-template-template-vision .image_client li .image_client_one:nth-child(3n) {
    border-right: 1px solid #fff;
}

@media screen and (max-width: 1024px) {
    .page-template-template-vision .image_client li .image_client_one:nth-child(3n) {
        /* border-right: 1px solid #ededed;*/
    }
}

@media screen and (max-width: 1024px) {
    .page-template-template-vision .image_client li .image_client_one:nth-child(2) {
        /*border-right: 1px solid #fff;*/
    }
}

.portfolio .item-content {
    word-wrap: break-word;
}

@media screen and (max-width: 1024px) {
    .page-template-template-vision .hentry {
        padding: 0 5%;
    }
}

@media screen and (max-width: 1024px) and (orientation: landscape) {
    .page-template-template-vision .four-fifth {
        width: 80%;
    }
}

@media screen and (max-width: 1024px) and (orientation: landscape) {
    .page-template-template-vision .image_client {
        width: 80%;
    }
}

.content-module .text-module .copy {
    /* phone and portrait tablet (< 960px) */
}

.content-module .text-module .copy h3, .content-module .text-module .copy h2 {
    font-family: "MontserratSemiBold";
}

.content-module .text-module .copy h3 {
    font-size: 1.875vw;
    line-height: 1.875vw;
    letter-spacing: -1px;
    margin-bottom: 43px;
}

.content-module .text-module .copy h2 {
    font-size: 3.125vw;
    line-height: 3.125vw;
    letter-spacing: -2px;
    margin-bottom: 52px;
}

.content-module .text-module .copy p {
    font-family: "MyriadSetPro";
    font-size: 1.375vw;
    line-height: 1.875vw;
}

@media screen and (max-width: 59.9999em) {
    .content-module .text-module .copy h3 {
        font-size: 30px;
        line-height: 30px;
    }

    .content-module .text-module .copy h2 {
        font-size: 50px;
        line-height: 50px;
    }

    .content-module .text-module .copy p {
        font-size: 22px;
        line-height: 30px;
    }
}

@media screen and (max-width: 29.9999em) {
    .content-module .text-module .copy h3 {
        font-size: 24px;
        line-height: 24px;
        margin-bottom: 25px;
    }

    .content-module .text-module .copy h2 {
        font-size: 36px;
        line-height: 40px;
        margin-bottom: 35px;
    }

    .content-module .text-module .copy p {
        font-size: 18px;
        line-height: 26px;
    }
}

.video-embedded .vem-play {
    background: none;
    background-color: transparent;
    height: 52px;
    width: 45px;
}

.video-embedded .vem-play svg {
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.video-embedded .vem-overlay:hover .vem-play {
    background: none;
    background-color: transparent;
}

.video-embedded .vem-overlay:hover .vem-play svg {
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
}

.module-caption {
    position: absolute;
    display: table;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    background-color: rgba(255, 255, 255, 0.85);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.module-caption .caption-text {
    display: table-cell;
    color: #292929;
    text-transform: uppercase;
    font-style: normal;
    vertical-align: middle;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    margin-top: -5%;
    padding-right: 5%;
    padding-left: 5%;
    -webkit-transition: all 0.7s;
    -moz-transition: all 0.7s;
    -o-transition: all 0.7s;
    transition: all 0.7s;
}

.module-caption:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
}

.module-caption:hover .caption-text {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    margin-top: 0%;
}

@media screen and (max-width: 29.9999em) {
    div[data-size="1-1"].pagination-module {
        height: 320px !important;
    }
}

.pagination-module > div > a {
    font-family: "MontserratSemiBold";
    font-size: 15px;
}

.social-sharing {
    background: url(../img/header/header1.jpg) center center no-repeat;
    background-size: cover;
    padding: 10px 0 20px;
}

.social-sharing p {
    margin: 0;
    padding: 20px;
    color: #000;
    text-align: center;
    font-family: "MontserratSemiBold";
    font-size: 15px;
    background: #fff;
    text-transform: uppercase;
}

.social-sharing ul {
    text-align: center;
}

.social-sharing ul li {
    display: inline-block;
    margin: 5px 10px;
    vertical-align: top;
    width: 35px;
    height: 35px;
    background: #fff;
    line-height: 35px;
    text-align: center;
    transition: background .3s;
}

.social-sharing ul li:hover {
    background: #f7e500;
}

.social-sharing ul li a {
    font-family: "lobo" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    color: #000;
}

.social-sharing ul li a:hover {
    color: #000;
}

.social-sharing ul .twitter a {
    display: block;
    width: 35px;
    height: 35px;
    background: url("../img/twitter.svg") center center no-repeat;
    background-size: 35px auto;
    color: #000;
}

.page-template-template-modular .contact_title {
    font-family: "MontserratSemiBold";
    font-size: 4.375vw;
    line-height: 3.875vw;
}

@media screen and (max-width: 59.9999em) {
    .page-template-template-modular .contact_title {
        font-size: 70px;
        line-height: 62px;
    }
}

@media screen and (max-width: 29.9999em) {
    .page-template-template-modular .contact_title {
        font-size: 45px;
        line-height: normal;
    }
}

.page-template-template-modular #adresses li {
    list-style: none;
    margin-bottom: 2.5625vw;
}

.page-template-template-modular #adresses li .agency {
    font-family: "MontserratSemiBold";
    font-size: 26px;
}

.page-template-template-modular #adresses li ul li, .page-template-template-modular #adresses li p {
    font-family: "MyriadSetPro";
    font-size: 19px;
    line-height: 23px;
    margin-bottom: 0;
}

.page-template-template-modular #adresses li p {
    font-weight: bold;
}

.page-template-template-modular #adresses li ul li {
    font-weight: normal;
}

@media screen and (max-width: 59.9999em) {
    .page-template-template-modular #adresses li {
        margin-bottom: 41px;
    }
}

.page-template-default #main-wrapper, .page-template-default .content-module {
    background: white;
}

.page-template-default .page.type-page {
    margin: auto !important;
    clear: both;
    float: none;
}