.container-large, .top-navigation > div {
    width: 1920px;
    max-width: calc(100% - 40px);
    margin-left: auto;
    margin-right: auto
}

.container {
    width: calc(100% - 40px);
    max-width: 1520px;
    margin-left: auto;
    margin-right: auto
}

@media only screen and (min-width: 1069.98px) {
    .container-large, .top-navigation > div, .container {
        max-width: calc(100% - 90px)
    }
}

.hidden {
    display: none !important
}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

main {
    display: block
}

h1 {
    font-size: 2em;
    margin: 0.67em 0
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

pre {
    font-family: monospace, monospace;
    font-size: 1em
}

a {
    background-color: transparent
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted
}

b, strong {
    font-weight: bolder
}

code, kbd, samp {
    font-family: monospace, monospace;
    font-size: 1em
}

small {
    font-size: 80%
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -0.25em
}

sup {
    top: -0.5em
}

img {
    border-style: none
}

input::placeholder {
    color: #4e0920; /* Change to your preferred color */
    opacity: 1; /* Ensure full opacity */
}

/* Change placeholder color for textarea */
textarea::placeholder {
    color: #4e0920; /* Change to your preferred color */
    opacity: 1; /* Ensure full opacity */
}

button, input, optgroup, select, textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button, input {
    overflow: visible
}

button, select {
    text-transform: none
}

button, [type="button"], [type="reset"], [type="submit"] {
    -webkit-appearance: button
}

    button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
        border-style: none;
        padding: 0
    }

    button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {
        outline: 1px dotted ButtonText
    }

fieldset {
    padding: 0.35em 0.75em 0.625em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type="checkbox"], [type="radio"] {
    box-sizing: border-box;
    padding: 0
}

[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {
    height: auto
}

[type="search"] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

    [type="search"]::-webkit-search-decoration {
        -webkit-appearance: none
    }

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

details {
    display: block
}

summary {
    display: list-item
}

template {
    display: none
}

[hidden] {
    display: none
}

*, *::before, *::after {
    box-sizing: inherit
}

html {
    box-sizing: border-box
}

body, button, input, select, optgroup, textarea {
    color: #000 !important;
    font-family: 'Cairo', sans-serif;
    font-size: 20px !important;
    line-height: 1.5
}

h1, h2, h3, h4, h5, h6 {
    margin: 0;
    line-height: 1;
    font-family: 'Cairo', sans-serif;
}

    h1, h1 strong, h2, h2 strong, h3, h3 strong, h4, h4 strong, h5, h5 strong, h6, h6 strong {
        clear: both;
        font-weight: 300
    }

h2, h3, h4, h5, h6 {
    padding-bottom: 1.1vw
}

.entry-title:not(.not-single) {
    font-size: clamp(4.85rem, 8.4rem, 4.4vw)
}

.site-main > article > .entry-header h1:not(.entry-title) {
    font-size: clamp(4rem, 5rem, 5vw);
    margin-bottom: 2rem;
    line-height: 1
}

.site-main > article > .entry-header h1.entry-title {
    line-height: 1
}

.site-main > article > .entry-header h2 {
    font-size: clamp(2.5rem, 3rem, 2vw)
}

.site-main > article > .entry-header h3 {
    font-size: clamp(2rem, 3rem, 2vw)
}

.site-main > article > .entry-header h4, .site-main > article > .entry-header h5, .site-main > article > .entry-header h6 {
    font-size: clamp(1.7rem, 2.5rem, 2vw)
}

.site-main > article > .entry-header p, .site-main > article > .entry-header li {
    margin-bottom: 0.6rem;
    font-size: 1.8rem;
    margin-top: 0
}

p {
    margin-bottom: 1.5em
}

/*dfn, cite, em, i {
    font-style: italic
}

blockquote {
    margin: 0 1.5em
}

address {
    margin: 0 0 1.5em
}*/

pre {
    background: #eee;
    font-family: 'Cairo', sans-serif;
    line-height: 1.6;
    margin-bottom: 1.6em;
    max-width: 100%;
    overflow: auto;
    padding: 1.6em
}




/*--------------------policy--------------------------------*/
.titelo-policy {
    font-size: clamp(2.6rem, 4vw + 1rem, 4.25rem) !important;
    color: #4e0920 !important;
    position: relative !important;
    display: inline-block !important;
    padding-left: 2px !important;
    padding-bottom: 5px !important;
    text-decoration: none !important;
    text-transform: uppercase !important;
  
    margin-left: 43px !important;
}

    .titelo-policy::after {
        content: '';
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 170px;
        height: 2px;
        background-color: #f09803 !important;
        margin-right: 29px;
    }



/*---------------------------------------------------------------------*/
/*code, kbd, tt, var {
    font-family: monaco,consolas,"Andale Mono","DejaVu Sans Mono",monospace
}

abbr, acronym {
    border-bottom: 1px dotted #666;
    cursor: help
}

mark, ins {
    background: #fff9c0;
    text-decoration: none
}

big {
    font-size: 125%
}*/

html {
    font-size: 62.5%
}

::selection {
    background: #9c6800
}

.white {
    color: #fff
}

.site-main > article > .entry-content h1 {
    font-size: clamp(4rem, 5rem, 5vw)
}

.site-main > article > .entry-content h2 {
    /*font-size: 42px;*/
    font-size: clamp(4.0rem, 4vw + 1rem, 5.25rem);
    font-family: 'Cairo', sans-serif;
    /*line-height: 65px;*/
    line-height: clamp(5.3rem, 4vw + 1rem, 6.6rem);
}

.site-main > article > .entry-content h3 {
    font-size: clamp(2rem, 3rem, 2vw)
}

.site-main > article > .entry-content h4, .site-main > article > .entry-content h5, .site-main > article > .entry-content h6 {
    /*font-size: clamp(1.7rem, 2.5rem, 2vw)*/
    font-size: 28px
}

.position-absolute p{
    font-size:22px!important;
}

.site-main > article > .entry-content p, .site-main > article > .entry-content li {
    margin-top: 0;
    margin-bottom: 0.6rem;
    font-size: 25px;
    font-family: 'Cairo', sans-serif;
}

.site-main > article > .entry-content p {
    margin-bottom: 1.4rem
}

html {
    overflow-x: hidden
}

body {
    background: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    overflow-x: hidden;
    position: relative
}

    body::-webkit-scrollbar {
        width: 5px
    }

    body::-webkit-scrollbar-track {
        box-shadow: inset 0 0 5px grey;
        border-radius: 0px
    }

    body::-webkit-scrollbar-thumb {
        background: #CF8A00;
        border-radius: 0px
    }

hr {
    background-color: #ccc;
    border: 0;
    height: 1px;
    margin-bottom: 1.5em
}

ul, ol {
    margin: 0 0 1.5em 20px;
    padding-left: 0
}

ul {
    list-style: disc;
    margin-left: 0
}

ol {
    list-style: decimal
}

li > ul, li > ol {
    margin-bottom: 0;
    margin-left: 1.5em
}

dt {
    font-weight: 700
}

dd {
    margin: 0 1.5em 1.5em
}

li {
    list-style: none
}

.entry-content li {
    list-style: none;
    position: relative;
    /*padding-left: 30px*/
}

   /* .entry-content li::before {
        content: "";
        position: absolute;
        width: 4px;
        height: 4px;
        border-radius: 4px;
        background-color: #CF8A00;
        top: calc(50% - 2px);
        left: 2px
    }*/

embed, iframe, object {
    max-width: 100%
}

img {
    height: auto;
    max-width: 100%;
    display: block
}

figure {
    margin: 1em 0
}

table {
    margin: 0 0 1.5em;
    width: 100%
}

a {
    color: #ec9a29;
    text-decoration: none;
    transition: 0.1s
}

   /* a:visited {
        color: #CF8A00
    }*/

    a:hover {
        color: orange !important;
        text-decoration: none !important
    }

    a:focus {
        outline: 0
    }

    a:hover, a:active {
        outline: 0
    }

.btn-header, .mma-btn, .page-article-projets .nav-links .next, .page-article-projets .nav-links .prev, .blog #primary > article .pagination .nav-links .next, .blog #primary > article .pagination .nav-links .prev, button, input[type="button"], input[type="reset"], input[type="submit"] {
    font-family: 'Cairo', sans-serif;
    border-color: #CF8A00;
    background: rgba(0,0,0,0);
    text-align: left;
    text-transform: uppercase;
    display: inline-block;
    text-decoration: none;
    font-size: clamp(1.6rem, 2rem, 1.1vw);
    font-weight: 500;
    letter-spacing: 0.5px;
    line-height: 1.2;
    color: #CF8A00;
    border: 1px solid #CF8A00;
    padding: 9px 18.5px 4px 129px;
    margin: clamp(35px, 2.5vw, 2.5vw) 0 0 0;
    transition: 0.1s;
    position: relative;
    cursor: pointer
}

    .btn-header::after, .mma-btn::after, .page-article-projets .nav-links .next::after, .page-article-projets .nav-links .prev::after, .blog #primary > article .pagination .nav-links .next::after, .blog #primary > article .pagination .nav-links .prev::after, button::after, input[type="button"]::after, input[type="reset"]::after, input[type="submit"]::after {
        content: "";
        position: absolute;
        top: calc(50% - 4.5px);
        width: 9px;
        height: 9px;
        display: inline-block;
        border-bottom: 1px solid;
        border-left: 1px solid;
        transform: rotate(225deg);
        animation: arrowPositionIn .3s ease forwards
    }

    .btn-header::before, .mma-btn::before, .page-article-projets .nav-links .next::before, .page-article-projets .nav-links .prev::before, .blog #primary > article .pagination .nav-links .next::before, .blog #primary > article .pagination .nav-links .prev::before, button::before, input[type="button"]::before, input[type="reset"]::before, input[type="submit"]::before {
        content: "";
        position: absolute;
        top: calc(50% - 0.4px);
        height: 1px;
        animation: arrowWidthIn .3s ease forwards
    }

    .btn-header:hover, .mma-btn:hover, .page-article-projets .nav-links .next:hover, .page-article-projets .nav-links .prev:hover, .blog #primary > article .pagination .nav-links .next:hover, .blog #primary > article .pagination .nav-links .prev:hover, button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover {
        border-color: #CF8A00;
        background-color: #CF8A00;
        color: #000
    }

        .btn-header:hover::after, .mma-btn:hover::after, .page-article-projets .nav-links .next:hover::after, .page-article-projets .nav-links .prev:hover::after, .blog #primary > article .pagination .nav-links .next:hover::after, .blog #primary > article .pagination .nav-links .prev:hover::after, button:hover::after, input[type="button"]:hover::after, input[type="reset"]:hover::after, input[type="submit"]:hover::after {
            animation: arrowPositionOut .3s ease forwards
        }

        .btn-header:hover::before, .mma-btn:hover::before, .page-article-projets .nav-links .next:hover::before, .page-article-projets .nav-links .prev:hover::before, .blog #primary > article .pagination .nav-links .next:hover::before, .blog #primary > article .pagination .nav-links .prev:hover::before, button:hover::before, input[type="button"]:hover::before, input[type="reset"]:hover::before, input[type="submit"]:hover::before {
            animation: arrowWidthOut .3s ease forwards
        }

    .btn-header:active, .btn-header:focus, .mma-btn:active, .page-article-projets .nav-links .next:active, .page-article-projets .nav-links .prev:active, .blog #primary > article .pagination .nav-links .next:active, .blog #primary > article .pagination .nav-links .prev:active, .mma-btn:focus, .page-article-projets .nav-links .next:focus, .page-article-projets .nav-links .prev:focus, .blog #primary > article .pagination .nav-links .next:focus, .blog #primary > article .pagination .nav-links .prev:focus, button:active, button:focus, input[type="button"]:active, input[type="button"]:focus, input[type="reset"]:active, input[type="reset"]:focus, input[type="submit"]:active, input[type="submit"]:focus {
        border-color: #CF8A00
    }

.arrow, .flex-direction-nav a {
    display: inline-block;
    min-width: 100px;
    /*height: 50px;*/
    padding: 20px 10px;
    transition: 0.1s;
    position: relative;
    cursor: pointer;
    color: orange
}

    .arrow:hover, .flex-direction-nav a:hover {
        color: orange
    }

    .arrow::after, .flex-direction-nav a::after {
        content: "";
        position: absolute;
        top: calc(50% - 8.5px);
        top: 15px;
        width: 10px;
        height: 10px;
        display: inline-block;
        border-bottom: 2px solid;
        border-left: 2px solid;
        transform: rotate(225deg);
        animation: arrowPositionInAl .3s ease forwards;
        margin-left: 179px;
    }



    .arrow::before, .flex-direction-nav a::before {
        content: "";
        position: absolute;
        /*top: calc(50% - 12.6px);*/
        top: 19px!important;
        left: 102px !important; /* Adjust the left position to start from the arrow */
        width: 151px !important;
        height: 2px;
        background-color: #f09803 !important;
    }





    /*.arrow::before,
    .flex-direction-nav a::before {
        content: "";
        position: absolute;
        top: calc(50% - 0.4px);
        left: 10px;
        width: 20px;*/ /* Adjust the width as needed */
        /*height: 2px;
        animation: arrowWidthInAl .3s ease forwards;
        background-color: #CF8A00;
        transition: width 0.3s ease !important;
    }*/


    .arrow:hover::after, .flex-direction-nav a:hover::after {
        animation: arrowPositionOutAl .1s ease forwards;
      
    }

    .arrow:hover::before, .flex-direction-nav a:hover::before {
        width: 162px !important;
        transition: 0.1s;
        text-decoration:none!important
        
        /* animation: arrowWidthOutAl .3s ease forwards;*/
    }

    .arrow.down, .flex-direction-nav a.down {
        transform: rotate(90deg);
        position: absolute;
        left: 50px;
        bottom: 63px;
        color: #f09803;
        z-index: 3
    }

@media only screen and (max-width: 1069.98px) {
    .arrow.down, .flex-direction-nav a.down {
        display: none
    }
}

.arrow:focus, .flex-direction-nav a:focus, .arrow:visited, .flex-direction-nav a:visited {
    color: orange
}

@keyframes arrowPositionIn {
    from {
        right: 19px;
        color: #000
    }

    to {
        right: 49px;
        border-color: #CF8A00
    }
}

@keyframes arrowPositionOut {
    from {
        right: 49px;
        border-color: #CF8A00
    }

    to {
        right: 19px;
        color: #000
    }
}

@keyframes arrowWidthIn {
    from {
        width: 195px;
        right: 18.5px;
        background-color: #000
    }

    to {
        width: 165px;
        right: 48.5px;
        background-color: #CF8A00
    }
}

@keyframes arrowWidthOut {
    from {
        width: 165px;
        right: 48.5px;
        background-color: #CF8A00
    }

    to {
        width: 195px;
        right: 18.5px;
        background-color: #000
    }
}

@keyframes arrowPositionInAl {
    from {
        left: 75px
    }

    to {
        left: 65px
    }
}

@keyframes arrowPositionOutAl {
    from {
        left: 65px
    }

    to {
        left: 75px
    }
}

@keyframes arrowWidthInAl {
    from {
        width: 73px;
        right: 18.5px
    }

    to {
        width: 65px;
        right: 48.5px
    }
}

@keyframes arrowWidthOutAl {
    from {
        width: 65px;
        right: 48.5px
    }

    to {
        width: 73px;
        right: 18.5px
    }
}

input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea {
    color: #000!important;
    padding: 3px;
    border: 0;
    background:none!important
}

    input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="range"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, textarea:focus {
        color: #000 !important;
        outline: none;
        background:none;
    }

select {
    border: 0
}

    select:focus {
        color: #111;
        outline: none
    }

    select option {
        border-radius: 0
    }

textarea {
    width: 100%
}

.site-header {
    position: absolute;
    z-index: 22;
    top: 0;
    right: 0;
    width: 100%
}

.error404 .site-header {
    background-color: #000;
    padding-bottom: 2rem
}

#contentHeader {
    z-index: 2
}

.main-navigation, .top-navigation {
    display: block;
    width: 100%;
    position: relative;
    z-index: 5
}

    .main-navigation .open > ul, .top-navigation .open > ul {
        margin: 8px 0;
        padding: 12px 0;
        height: auto
    }

    .main-navigation ul, .top-navigation ul {
        list-style: none;
        margin: 0;
        padding-left: 0;
        padding-bottom: 30px
    }

        .main-navigation ul ul, .top-navigation ul ul {
            z-index: 99999
        }

            .main-navigation ul ul li:hover > ul, .main-navigation ul ul li.focus > ul, .top-navigation ul ul li:hover > ul, .top-navigation ul ul li.focus > ul {
                display: block;
                left: auto
            }

@media screen and (min-width: 1069.98px) {
    .main-navigation ul ul a, .top-navigation ul ul a {
        width: 200px
    }
}

.main-navigation ul ul :hover > a, .main-navigation ul ul .focus > a, .top-navigation ul ul :hover > a, .top-navigation ul ul .focus > a {
    color: #CF8A00
}

.main-navigation ul ul a:hover, .main-navigation ul ul a.focus, .top-navigation ul ul a:hover, .top-navigation ul ul a.focus {
    color: #CF8A00
}

.main-navigation ul li:hover > ul, .main-navigation ul li.focus > ul, .top-navigation ul li:hover > ul, .top-navigation ul li.focus > ul {
    left: auto
}

.main-navigation li, .top-navigation li {
    position: relative
}

    .main-navigation li:not(.current_page_item):not(.current-menu-item):not(.current_page_ancestor):not(.current-menu-ancestor) > a:hover, .main-navigation li:not(.current_page_item):not(.current-menu-item):not(.current_page_ancestor):not(.current-menu-ancestor) > a.focus, .top-navigation li:not(.current_page_item):not(.current-menu-item):not(.current_page_ancestor):not(.current-menu-ancestor) > a:hover, .top-navigation li:not(.current_page_item):not(.current-menu-item):not(.current_page_ancestor):not(.current-menu-ancestor) > a.focus {
        color: #CF8A00
    }

    .main-navigation li > ul, .top-navigation li > ul {
        transition: all 0.3s;
        height: 0;
        overflow: hidden;
        margin: 0;
        padding: 0
    }

.main-navigation a, .top-navigation a {
    display: block;
    text-decoration: none;
    font-size: 2.6rem;
    text-transform: uppercase;
    color: #fff
}

.main-navigation .current_page_item > a, .main-navigation .current-menu-item > a, .top-navigation .current_page_item > a, .top-navigation .current-menu-item > a {
    color: #CF8A00 !important
}

.top-navigation a {
    font-size: 1.3rem;
    text-transform: uppercase;
    color: #fff
}

.top-navigation li {
    padding-left: 1rem
}

.top-navigation ul {
    justify-content: flex-end
}

.main-navigation > div[class^="menu-"] {
    display: none
}

.site-branding {
    position: relative;
    z-index: 4;
    display: inline-block
}

.mobilo-container {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    justify-content: flex-end;
    pointer-events: none;
   /* background-color: rgba(78, 9, 32, 0.5);*/
}

.menu-button {
    pointer-events: all;
    display: block;
    position: relative;
    width: 48px;
    height: 48px;
    cursor: pointer;
    background-color: transparent;
    transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1),transform 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    z-index: 10;
    margin-left: 15px;
    margin-top: 26px
}

.tadaa div[class^="menu-"] {
    display: block
}

.bg-menu-mobile {
    display: none;
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.9);
    
    z-index: 5
}

.plus, .minus {
    padding: 0 36px 0 30px;
    font-weight: 700;
    color: #fff;
    font-size: 30px;
    position: absolute;
    right: 0;
    top: 0
}

    .plus:hover {
        cursor: pointer
    }

.minus {
    display: none
}

    .minus:hover {
        cursor: pointer
    }

.open .plus {
    display: none
}

.open .minus {
    display: block
}

.tadaa .menu-button {
    transform: rotate(90deg)
}

.menuo-lino {
    position: absolute;
    top: 0;
    left: 0;
    width: 48px;
    height: 48px;
    transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
    z-index: 10
}

.menuo-lino-top {
    transition: transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    transform: rotate(0);
    z-index: 20
}

.tadaa .menuo-lino-top {
    transition: transform 0.25s 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    transform: rotate(45deg)
}

.menuo-lino-bottom {
    transition: transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    transform: rotate(0)
}

.tadaa .menuo-lino-bottom {
    transition: transform 0.25s 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    transform: rotate(-45deg)
}

.lineoo {
    display: block;
    width: 30px;
    height: 2px;
    background: #CF8A00;
    position: absolute;
    left: 12px;
    transition: transform 0.2s;
    z-index: 0
}

.lineoo-top {
    top: 23px;
    transition: transform 0.2s 0.2s;
    transform: translateY(-4px)
}

.tadaa .lineoo-top {
    top: 21px;
    transition: transform 0.2s;
    transform: rotate(10deg)
}

.lineoo-middle {
    top: 11px
}

.tadaa .lineoo-middle {
    transform: translateY(140px)
}

.lineoo-bottom {
    bottom: 23px;
    transform: translateY(4px)
}

.tadaa .lineoo-bottom {
    bottom: 21px;
    transition: transform 0.2s;
    transform: rotate(-10deg)
}

.site-main .comment-navigation, .site-main .posts-navigation, .site-main .post-navigation {
    margin: 0 0 1.5em
}

.comment-navigation .nav-links, .posts-navigation .nav-links, .post-navigation .nav-links {
    display: flex
}

.comment-navigation .nav-previous, .posts-navigation .nav-previous, .post-navigation .nav-previous {
    flex: 1 0 50%
}

.comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next {
    text-align: end;
    flex: 1 0 50%
}

@media screen and (min-width: 1069.98px) {
    #contentHeader {
        display: flex;
        justify-content: space-between;
        align-items: flex-end;
        flex-wrap: wrap
    }

    #primary-menu {
        justify-content: flex-end;
        padding-top: 1.4rem;
        padding-bottom: 1.4rem
    }

        #primary-menu a {
            padding: 7px 1.93vw
        }

    .main-navigation, .top-navigation {
        width: initial
    }

        .main-navigation > div[class^="menu-"], .top-navigation > div[class^="menu-"] {
            display: block
        }

        .main-navigation ul, .top-navigation ul {
            width: 100%;
            margin: 0;
            padding: 0
        }

            .main-navigation ul:not(.sub-menu) > li, .top-navigation ul:not(.sub-menu) > li {
                display: inline-block
            }

        .main-navigation .minus, .main-navigation .plus, .top-navigation .minus, .top-navigation .plus {
            display: none
        }

        .main-navigation .sub-menu, .top-navigation .sub-menu {
            display: none;
            left: 13px !important
        }

            .main-navigation .sub-menu li, .top-navigation .sub-menu li {
                background-color: #000
            }

                .main-navigation .sub-menu li:last-child a, .top-navigation .sub-menu li:last-child a {
                    border-bottom: 1px solid #fff
                }

                .main-navigation .sub-menu li:first-child a, .top-navigation .sub-menu li:first-child a {
                    border-top: 1px solid #000
                }

                .main-navigation .sub-menu li a, .top-navigation .sub-menu li a {
                    color: #fff;
                    white-space: nowrap;
                    display: table;
                    padding: 12px 30px 2px 30px !important;
                    border-right: 1px solid #fff;
                    border-left: 1px solid #fff;
                    width: 100%;
                    min-width: 200px
                }

                    .main-navigation .sub-menu li a:hover, .top-navigation .sub-menu li a:hover {
                        color: #fff !important;
                        text-shadow: 1px 0 0 #fff
                    }

                .main-navigation .sub-menu li:last-child a, .top-navigation .sub-menu li:last-child a {
                    padding-bottom: 16px !important
                }

        .main-navigation .menu-item-has-children:hover .sub-menu, .top-navigation .menu-item-has-children:hover .sub-menu {
            display: block;
            height: auto;
            position: absolute;
            top: 100%;
            width: auto;
            padding-top: 21px;
            margin-top: -1px
        }

    .menu-button {
        display: none
    }

    .main-navigation ul, .top-navigation ul {
        display: flex
    }

    nav .minus, nav .plus {
        display: none
    }
}

@media screen and (max-width: 1069.98px) {
    .top-navigation {
        display: none;
        position: absolute;
        top: 31px;
        left: 0
    }

        .top-navigation.flex {
            display: flex
        }

        .top-navigation li {
            display: inline-block;
            padding-right: 0.5rem
        }

            .top-navigation li a {
                font-size: 1.4rem
            }

    .site-branding.open {
        text-align: center;
        padding-bottom: 70px
    }

    .main-navigation {
        text-align: center
    }

        .main-navigation #primary-menu > li {
            padding: 7px 0
        }

            .main-navigation #primary-menu > li > a {
                font-size: 2rem
            }

            .main-navigation #primary-menu > li .sub-menu {
                margin-top: 10px;
                padding-top: 0;
                margin-bottom: 0;
                padding-bottom: 0;
                background-color: #fff
            }

                .main-navigation #primary-menu > li .sub-menu li {
                    padding: 3px 0
                }

                    .main-navigation #primary-menu > li .sub-menu li:first-child {
                        padding-top: 7px
                    }

                    .main-navigation #primary-menu > li .sub-menu li:last-child {
                        padding-bottom: 7px
                    }

                .main-navigation #primary-menu > li .sub-menu a {
                    font-size: 1.7rem;
                    color: #000
                }

                    .main-navigation #primary-menu > li .sub-menu a:hover {
                        color: #CF8A00
                    }

        .main-navigation .mma-btn-menu {
            padding-top: 4rem !important
        }

    [class^="mma-btn-menu"] a {
        margin: 0;
        font-size: 1.6rem !important;
        display: inline-block
    }
}



.sticky {
    display: block
}

.updated:not(.published) {
    display: none
}

.page-links {
    clear: both;
    margin: 0 0 1.5em
}

#page {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    position: relative
}

.site-main {
    flex-grow: 1;
    margin-bottom: -7px;
}


.lino-contaca {
    position: relative; /* Required for positioning the pseudo-elements */
}

    /* Vertical Line */
    .lino-contaca::before {
        content: '';
        position: absolute;
        right: 120px;
        top: 78px;
        width: 1px;
        height: 828px;
        background-color: #000000;
    }

    /* Horizontal Line */
    .lino-contaca::after {
        content: '';
        position: absolute;
        right: 120px; /* Align with the start of the vertical line */
        top: 900px; /* Position at the end of the vertical line */
        width: 200px; /* Length of the horizontal line */
        height: 1px; /* No height for horizontal line */
        background-color: black; /* Line color */
    }




.entry-content {
    position: relative; /* Required for positioning the pseudo-elements */
}

    /* Vertical Line */
    .entry-content::before {
        content: '';
        position: absolute;
        right: 120px;
        top: 0px;
        width: 1px;
        height: 100%;
        background-color: #000000;
    }

   

    .site-main .type-page > .entry-footer {
        display: none
    }

.error404 #primary {
    padding-top: 60px;
    padding-bottom: 60px
}

.page-article-default > .entry-header {
    top: 0;
    left: 0;
    width: 100%;
    max-width: 100%
}

    .page-article-default > .entry-header .post-thumbnail img {
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        max-width: 100%;
        object-fit: cover;
        object-position: center
    }

.page-article-default > .entry-content {
    padding-top: 35px;
    position: relative
}

    .page-article-default > .entry-content > div {
        padding-bottom: 60px
    }

@media only screen and (min-width: 1069.98px) {
    .page-article-default > .entry-content > div {
        padding-right: 10.8vw
    }
}

@media only screen and (max-width: 730px) {
    .page-article-default > .entry-content > div {
        padding-left: 20px !important;
        padding-right: 20px !important
    }
}

@media only screen and (min-width: 1069.98px) {
    .page-article-default {
        height: 40vh
    }

        .page-article-default > .entry-header {
            position: absolute !important
        }

        .page-article-default .post-thumbnail img {
            position: fixed
        }

        .page-article-default > .entry-content {
            position: relative;
            margin-top: 40vh
        }
}

.Socialmedia-container {
    position: fixed;
    right: 38px;
    bottom: 30px;
    transform: rotate(90deg);
    transform-origin: right top;
    white-space: nowrap;
    z-index: 6
}

    .Socialmedia-container a {
        margin-right: 85px;
        font-size: 21px;
        text-transform: uppercase;
        position: relative;
        padding-right: 15px;
        font-weight:500;
    }

        .Socialmedia-container a:not(:last-child)::after {
            content: "";
            position: absolute;
            right: calc(100% + 10px);
            top: calc(50% + 1px);
            height: 2px;
            background-color: #CF8A00;
            width: 50px
        }

        .Socialmedia-container a:hover {
            color: #fff
        }

@media only screen and (max-height: 830px) {
    .Socialmedia-container a {
        margin-right: 80px
    }

        .Socialmedia-container a:not(:last-child)::after {
            width: 60px
        }
}

@media screen and (min-width: 1069.98px) {
    .site-header::after {
        content: "";
        height: 1px;
        background-color: #fff;
        position: absolute;
        bottom: 0;
        right: 0;
        width: 100%;
        pointer-events: none
    }

    .site-header .site-branding {
        width: 15.45vw;
        max-width: 270px;
        height: 8.45vw;
        max-height: 240px;
        display: flex;
        align-items: center;
        justify-content: center
    }

        .site-header .site-branding img {
            width: 100%;
            max-width: 272px !important
        }

            .site-header .site-branding img:not(#logo-scroll) {
                padding-left: 15px;
                padding-right: 15px;
                transition: .2s
            }

                .site-header .site-branding img:not(#logo-scroll):hover {
                    filter: sepia(1)
                }

            .site-header .site-branding img#logo-scroll {
                padding-left: 8px;
                padding-right: 8px
            }

        .site-header .site-branding::before {
            content: "";
            position: absolute;
            top: 0;
            right: 100%;
            width: 1px;
            height: calc(100% + 0px);
            background-color: #fff
        }
}

@media screen and (min-width: 1069.98px) and (min-width: 1069.98px) {
    .site-header .btn-header {
        width: fit-content;
        padding-right: 18.5px;
        margin: 0;
        position: absolute;
        bottom: calc(85px + 1.2vw);
        right: 2.5vw
    }

        .site-header .btn-header::before, .site-header .btn-header::after {
            content: none
        }

    .site-header #site-navigation {
        position: relative;
        flex-grow: 1;
        display: flex
    }
        /*.site-header #site-navigation::before{content:"";position:absolute;top:0;right:0;height:1px;width:100%;background-color:#fff}*/
        .site-header #site-navigation > div:first-child {
            flex-grow: 1
        }

    .site-header #primary-menu {
        justify-content: center;
        padding-top: 2.1rem;
        padding-bottom: 2.1rem
    }

        .site-header #primary-menu > li > a {
            padding-left: 2.5vw;
            padding-right: 2.5vw;
            letter-spacing: 1.21px
        }
}

@media screen and (min-width: 1069.98px) {
    .site-header.header-style-posts {
        position: fixed;
        background-color: #4c1122;
        transform: translateY(-300px);
        animation: headerScroll 0.4s ease forwards
    }

        .site-header.header-style-posts .main-navigation .menu-item-has-children:hover .sub-menu, .site-header.header-style-posts .top-navigation .menu-item-has-children:hover .sub-menu {
            padding-top: 34px
        }

        .site-header.header-style-posts #contentHeader {
            transform: translateY(-300px);
            animation: headerScroll 0.4s ease forwards
        }

        .site-header.header-style-posts .Socialmedia-container {
            transform: rotate(-90deg) translateX(-300px);
            animation: headerScrollSocialmedia 0.4s ease forwards
        }

        .site-header.header-style-posts .site-branding {
            height: 135px
        }

            .site-header.header-style-posts .site-branding #logo-scroll {
                width: 115px;
                height: 115px;
                transition: .4s
            }

                .site-header.header-style-posts .site-branding #logo-scroll:hover {
                    /*transform: rotate(45deg) scale(1.2)*/
                }

        .site-header.header-style-posts #site-navigation::before {
            content: none
        }

        .site-header.header-style-posts #site-navigation > div:first-child {
            display: flex;
            align-items: flex-end
        }

        .site-header.header-style-posts #site-navigation #primary-menu {
            padding-bottom: 3.4rem
        }

        .site-header.header-style-posts .wpml-ls { /*border-left:1px solid #fff;*/
            width: initial;
            display: flex;
            flex-direction: column;
            padding: 17px !important;
            padding-bottom: 2.2rem !important
        }

            .site-header.header-style-posts .wpml-ls::before {
                content: none
            }

            .site-header.header-style-posts .wpml-ls .btn-header {
                position: initial;
                border: 0;
                border-bottom: 1px solid #fff;
                margin-bottom: 1rem !important;
                padding: 15px 15px 15px 19px !important;
                color: #CF8A00 !important;
                line-height: 1.2 !important
            }

                .site-header.header-style-posts .wpml-ls .btn-header:hover {
                    background-color: #fff !important;
                    color: #000 !important;
                    box-shadow: 2px 0 0 0 #fff,0 -2px 0 0 #fff,2px -2px 0 0 #fff
                }
}

@media screen and (min-width: 1069.98px) and (min-width: 1069.98px) {
    .site-header.light-header {
        background-color: #fff
    }

        .site-header.light-header #primary-menu > li > a {
            color: #000
        }

            .site-header.light-header #primary-menu > li > a:hover {
                color: #CF8A00
            }
}

@media screen and (min-width: 1069.98px) {
    .site-header.light-header .site-branding::before {
        background-color: #000
    }

    .site-header.light-header.header-style-posts .wpml-ls {
        border-left-color: #000
    }

        .site-header.light-header.header-style-posts .wpml-ls .btn-header, .site-header.light-header.header-style-posts .wpml-ls .wpml-btn {
            border-color: #000
        }

        .site-header.light-header.header-style-posts .wpml-ls .btn-header {
            color: #CF8A00
        }

            .site-header.light-header.header-style-posts .wpml-ls .btn-header:hover {
                background-color: #000;
                box-shadow: 0 -2px 0 0 #000,2px 0 0 0 #000,2px -2px 0 0 #000
            }

        .site-header.light-header.header-style-posts .wpml-ls .wpml-ls-current-language a {
            color: #ec9a29
        }

        .site-header.light-header.header-style-posts .wpml-ls .wpml-ls-item:not(.wpml-ls-current-language) a {
            color: #000
        }

    .wpml-ls {
        width: 160px;
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center
    }
        /*.wpml-ls::before{content:"";position:absolute;top:0;right:100%;width:1px;height:100%;background-color:#fff}*/
        .wpml-ls > ul {
            width: auto;
            align-items: center
        }

        .wpml-ls a {
            font-size: 1.4rem;
            padding-right: 7px !important;
            padding-left: 7px !important;
            line-height: 2.9 !important;
            font-weight: 600
        }

        .wpml-ls .wpml-ls-display {
            display: none
        }

        .wpml-ls .wpml-btn {
            width: 32px;
            height: 13px;
            border: 1px solid #fff;
            border-radius: 6px;
            position: relative
        }

            .wpml-ls .wpml-btn span {
                position: absolute;
                top: 2px;
                border-radius: 6px;
                background-color: #ec9a29;
                height: 8px;
                width: 8px
            }

                .wpml-ls .wpml-btn span.Ar {
                    left: 2px
                }

                .wpml-ls .wpml-btn span.en {
                    right: 2px
                }

        .wpml-ls .wpml-ls-current-language a {
            color: #ec9a29
        }
}

@media only screen and (min-width: 1069.98px) and (max-width: 1500px) {
    .site-header #primary-menu a {
        padding-left: 2.2vw !important;
        padding-right: 2.2vw !important;
        font-size: 2.1rem;
    }

    .site-header #primary-menu > li:first-child a {
        padding-left: 15px !important
    }

    .site-header #primary-menu > li:last-child a {
        padding-right: 15px !important
    }
}

@media screen and (max-width: 1069.98px) {
    .btn-header, .wpml-ls {
        display: none !important
    }

    .custom-logo {
        max-width: 95px !important;
        padding-right: 15px;
        padding-top: 15px;
        padding-bottom: 10px
    }

    .site-header {
        background: #4e0920;
        position: fixed
    }

    #logo-scroll {
        display: none !important
    }

    .custom-logo-link .custom-logo:last-child {
        display: block !important
    }
}

@keyframes headerScroll {
    100% {
        transform: translateY(0)
    }
}

@keyframes headerScrollSocialmedia {
    100% {
        transform: rotate(-90deg) translateX(0)
    }
}

.wpml-ls-current-language, .wpml-btn {
    pointer-events: none !important
}

.wpml-ls-item:not(.wpml-ls-current-language):first-child a {
    padding-right: 40px !important;
    margin-right: -33px !important;
    margin-bottom: 1px
}

.wpml-ls-item:not(.wpml-ls-current-language):last-child a {
    padding-left: 40px !important;
    margin-left: -33px !important;
    margin-bottom: 1px
}

.site-footer {
    background-color: #4e0920;
    position: relative;
    z-index: 2
}



.site-footer p, .site-footer a {
    color: #fff !important
}

.site-footer p {
    margin: 35px 0
}

.site-footer a {
    text-decoration: none
}

    .site-footer a:hover {
        color: #CF8A00 !important
    }

.site-footer .site-info {
    display: flex;
    align-items: center;
    text-align: left;
    padding: 66px 11px 21px 9px;
}

@media only screen and (max-width: 991.98px) {
    .site-footer .site-info {
        flex-direction: column;
        text-align: center
    }
}

.site-footer .col-1-footer {
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 125px;
    padding-bottom: 150px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-right: 1px solid #fff
}
/*.site-footer .menu-footer{margin-left:4.5vw}*/
.site-footer .menu-footer .menu {
    margin: 0;
    columns: 2;
    column-gap: 8.5vw
}

    .site-footer .menu-footer .menu li {
        margin-bottom: 2rem;
        font-size: 21px;
        font-weight: 100;
        text-align:right;
    }

    .site-footer .menu-footer .menu a {
        text-transform: uppercase
    }

.logo-footer {
    min-width: 100px
}

.copyright {
    background-color: #4e0920;
    padding: 35px 50px 24px 50px;
    text-align: left;
}

    .copyright a, .copyright p {
        color: #fff !important;
        margin: 0;
        font-size: 17px;
        text-transform: uppercase;
        font-weight: normal
    }

@media only screen and (max-width: 1500px) {
    #menu-liens-footer a {
        font-size: 1.5rem
    }
}

@media only screen and (max-width: 1200px) {
    .site-footer .menu-footer {
        margin-right: 70px
    }

        .site-footer .menu-footer .menu {
            column-gap: 70px;
            margin-top: 20px
        }
}

@media only screen and (max-width: 1069.98px) {
    .site-info {
        padding-top: 50px;
        padding-bottom: 40px
    }

    .site-footer .col-1-footer {
        padding: 0 !important;
        display: contents !important;
        border-right: 0 !important
    }

        .site-footer .col-1-footer .logo-footer {
            padding-left: 35px !important;
            padding-right: 35px !important;
            width: 200px
        }
}

@media only screen and (max-width: 991.98px) {
    .site-footer .menu-footer {
        margin-left: 0;
        margin-top: 55px
    }
}

@media only screen and (max-width: 767.98px) {
    .site-footer .menu-footer .menu {
        columns: initial
    }
}

@media only screen and (max-width: 575.98px) {
    .copyright {
        display: block;
        text-align: center;
        border-top: 1px solid #793b3b;
    }
}

.lamar-wrapper {
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    pointer-events: none;
    overflow: hidden;
    /*background-image: url(../images/Home-Page.jpg),*/ /* Background image */ /*linear-gradient(rgb(93 73 73 / 80%), rgb(155 135 133 / 77%));*/
    background-size: cover;
    background-position: center, center;
    background-blend-mode: overlay;
}

.overlay-video-home {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    /*background-color: rgba(0,0,0,0.1);*/
    background-color: rgb(51 25 25 / 43%);
    z-index: -1
}

.lamar-wrapper iframe {
    width: 100vw;
    height: 56.25vw;
    min-height: 100vh;
    min-width: 177.77vh;
    position: absolute;
    top: 50%;
    right: 50%;
    transform: translate(-50%, -50%)
}

h1 {
    position: relative
}

    h1::before {
        content: "";
        position: absolute;
        top: -40px;
        right: -40px;
        width: 68px;
        height: 13px;
        background-color: #CF8A00
    }

.subtitle-banner {
    font-size: clamp(1.5rem, 1.8rem, 0.94vw) !important;
    color: #fff;
    padding-left: 3.45px
}

    .subtitle-banner.first {
        font-size: clamp(1.5rem, 2rem, 1.05vw) !important;
        color: #CF8A00;
        font-weight: bold;
        margin-bottom: 1.8rem
    }

    .subtitle-banner tr td:first-child {
        display: flex
    }

        .subtitle-banner tr td:first-child span {
            flex-grow: 1;
            position: relative
        }

            .subtitle-banner tr td:first-child span::before {
                content: "";
                position: absolute;
                left: 20px;
                top: 50%;
                right: 20px;
                height: 1px;
                background-color: #fff
            }

    .subtitle-banner.sub-projet {
        color: #000
    }

        .subtitle-banner.sub-projet tr td:first-child span::before {
            background-color: #000
        }

    .subtitle-banner td {
        white-space: nowrap
    }

        .subtitle-banner td span {
            min-width: 80px
        }

@media only screen and (max-width: 575.98px) {
    .subtitle-banner tr {
        display: flex;
        flex-direction: column;
        padding-bottom: 1rem
    }

        .subtitle-banner tr span {
            display: none
        }

        .subtitle-banner tr td:first-child {
            font-weight: 600
        }

            .subtitle-banner tr td:first-child::after {
                content: ":"
            }
}

@media only screen and (max-width: 575.98px) {
    .page-article-projet > header .entry-title {
        font-size: 3.4rem;
        letter-spacing: 1px
    }
}

.banner-full-height {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-end;
    min-height: 525px;
    text-align: right; 
   /*max-height:780px;*/ /*--header-maged*/
}

    .banner-full-height * {
        text-align: right
    }

    .banner-full-height .wrapper-text-banner {
        padding-left: 23vw;
        width: 66vw;
        padding-right: 1vw;
        padding-bottom: 2.2em
    }

    .banner-full-height h1 {
        color: #fff;
        position: relative;
        letter-spacing: 2.99px
    }

    .banner-full-height .mma-btn, .banner-full-height .page-article-projets .nav-links .next, .page-article-projets .nav-links .banner-full-height .next, .banner-full-height .page-article-projets .nav-links .prev, .page-article-projets .nav-links .banner-full-height .prev, .banner-full-height .blog #primary > article .pagination .nav-links .next, .blog #primary > article .pagination .nav-links .banner-full-height .next, .banner-full-height .blog #primary > article .pagination .nav-links .prev, .blog #primary > article .pagination .nav-links .banner-full-height .prev {
        width: fit-content;
        margin-top: 4.5vh
    }

    .banner-full-height .post-thumbnail {
        position: fixed;
        top: 0;
        left: 0;
        z-index: -1;
        min-height: 100vh;
        width: 100%
    }

        .banner-full-height .post-thumbnail img {
            object-fit: cover;
            height: 100vh;
            width: 100%
        }

        .banner-full-height .post-thumbnail::before, .banner-full-height .post-thumbnail::after {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            bottom: 0;
            right: 0
        }

        .banner-full-height .post-thumbnail::before {
            z-index: 1;
            background: transparent linear-gradient(180deg, #000 0%, rgba(0,0,0,0) 40%) 0% 0% no-repeat padding-box;
            mix-blend-mode: multiply;
            opacity: 1
        }

        .banner-full-height .post-thumbnail::after {
            background: transparent linear-gradient(0deg, #000 0%, rgba(0,0,0,0) 60%) 0% 0% no-repeat padding-box;
            mix-blend-mode: multiply;
            opacity: 1
        }

    .banner-full-height.banner-home {
        justify-content: center;
        align-items: flex-start;
        padding-bottom: 0;
        padding-right: 64px;
       /* margin-top: 162px;*//*---------Maged----------*/
    }

        .banner-full-height
        .banner-home h1 {
            font-size: clamp(4rem, 11.5rem, 8.1vw);
            margin-bottom: 1.5vw
        }

            .banner-full-height.banner-home h1::before {
                width: 78px;
                height: 9px;
                left: -70px
            }

@media only screen and (max-width: 1069.98px) {
    .banner-full-height.banner-home {
        padding-left: 105px !important
    }

        .banner-full-height.banner-home h1::before {
            left: -30px
        }
}

@media only screen and (max-width: 730px) {
    .banner-full-height.banner-home {
        padding-left: 45px !important;
        padding-right: 45px !important
    }
}

.banner-full-height-v3 {
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    border-left: 0 !important
}

    .banner-full-height-v3 > .logo-stylo {
        width: 0;
        z-index: 5;
        height: 100%;
        padding: 0;
        position: relative
    }

        .banner-full-height-v3 > .logo-stylo::before {
            position: absolute;
            content: "";
            width: 1px;
            background-color: #fff;
            top: 0;
            height: calc(100% + 212px)
        }

    .banner-full-height-v3 .post-thumbnail {
        position: absolute;
        width: calc(100vw - 100px);
        z-index: -1
    }

        .banner-full-height-v3 .post-thumbnail img {
            object-fit: cover;
            position: fixed;
            top: 0;
            left: 0;
            width: calc(100vw - 100px)
        }

    .banner-full-height-v3 .wrapper-text-banner {
        display: flex;
        z-index: 1;
        flex-grow: 1;
        justify-content: flex-end;
        padding-right: 0
    }

        .banner-full-height-v3 .wrapper-text-banner > div:first-child {
            background-color: #000;
            color: #fff;
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding-left: 5vw;
            padding-top: 4vw;
            padding-bottom: 2.4vw;
            flex-grow: 1
        }

            .banner-full-height-v3 .wrapper-text-banner > div:first-child h1 {
                margin-right: 2vw
            }

                .banner-full-height-v3 .wrapper-text-banner > div:first-child h1::before {
                    width: 36px;
                    height: 6px;
                    top: -15px;
                    left: -11px
                }

            .banner-full-height-v3 .wrapper-text-banner > div:first-child .arrow, .banner-full-height-v3 .wrapper-text-banner > div:first-child .flex-direction-nav a, .flex-direction-nav .banner-full-height-v3 .wrapper-text-banner > div:first-child a {
                transform: rotate(90deg);
                margin-right: 3.2vw
            }

        .banner-full-height-v3 .wrapper-text-banner > div:last-child {
            background-color: #fff
        }

        .banner-full-height-v3 .wrapper-text-banner .subtitle-banner {
            padding-left: 0;
            display: flex;
            align-items: center;
            padding-left: 4.5vw;
            padding-right: 4vw
        }

            .banner-full-height-v3 .wrapper-text-banner .subtitle-banner table {
                margin: 0
            }

.aside-full {
    width: 100px;
    border-top: 1px solid #000;
    display: flex;
    flex-direction: column;
    z-index: 2
}

    .aside-full.aside-project {
        border-left: 1px solid #000;
        background-color: #fff
    }

        .aside-full.aside-project .nav {
            border-bottom: 1px solid #000
        }

            .aside-full.aside-project .nav > div:first-child {
                background-color: #fff
            }

            .aside-full.aside-project .nav .next-button a {
                color: #000
            }

            .aside-full.aside-project .nav .arrow, .aside-full.aside-project .nav .flex-direction-nav a, .flex-direction-nav .aside-full.aside-project .nav a {
                color: #000
            }

                .aside-full.aside-project .nav .arrow::before, .aside-full.aside-project .nav .flex-direction-nav a::before, .flex-direction-nav .aside-full.aside-project .nav a::before {
                    background-color: #000
                }

    .aside-full.aside-new {
        border-left: 1px solid #fff;
        color: #fff;
        position: relative
    }

        .aside-full.aside-new .nav {
            position: fixed;
            bottom: 0;
            right: 0
        }

        .aside-full.aside-new .next-button a {
            color: #fff
        }

        .aside-full.aside-new .arrow, .aside-full.aside-new .flex-direction-nav a, .flex-direction-nav .aside-full.aside-new a {
            color: #fff
        }

            .aside-full.aside-new .arrow::before, .aside-full.aside-new .flex-direction-nav a::before, .flex-direction-nav .aside-full.aside-new a::before {
                background-color: #fff
            }

    .aside-full .nav {
        display: flex;
        align-items: flex-end;
        justify-content: center
    }

        .aside-full .nav > div:first-child {
            width: 100%;
            position: relative;
            height: 100%;
            display: flex;
            align-items: flex-end;
            z-index: 1
        }

        .aside-full .nav .next-button {
            transform: rotate(-90deg);
            transform-origin: left top;
            position: absolute;
            left: 38%;
            display: inline-block;
            padding-left: 25px;
            white-space: nowrap
        }

            .aside-full .nav .next-button a {
                font-size: 1.4rem;
                text-transform: uppercase;
                font-weight: 600;
                letter-spacing: 1px;
                white-space: nowrap
            }

                .aside-full .nav .next-button a:hover {
                    color: #CF8A00
                }

        .aside-full .nav .arrow.next, .aside-full .nav .flex-direction-nav a.next, .flex-direction-nav .aside-full .nav a.next {
            transform: rotate(180deg);
            margin-left: -5px
        }

        .aside-full .nav .arrow a, .aside-full .nav .flex-direction-nav a a, .flex-direction-nav .aside-full .nav a a {
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0
        }

        .aside-full .nav .arrow:hover, .aside-full .nav .flex-direction-nav a:hover, .flex-direction-nav .aside-full .nav a:hover {
            color: #CF8A00
        }

            .aside-full .nav .arrow:hover::before, .aside-full .nav .flex-direction-nav a:hover::before, .flex-direction-nav .aside-full .nav a:hover::before {
                background-color: #CF8A00
            }

.zoom-in-banner .post-thumbnail img {
    animation: 30s ease 0s normal none infinite running zoomin
}

@keyframes zoomin {
    0% {
        transform: scale(1.5, 1.5)
    }

    50% {
        transform: scale(1, 1)
    }

    100% {
        transform: scale(1.5, 1.5)
    }
}

@media only screen and (max-width: 1069.98px) {
    .banner-full-height .wrapper-text-banner {
        width: initial;
        max-width: 515px;
        padding-right: 20px;
        padding-left: 35px !important;
        padding-left: initial
    }

    .banner-full-height .post-thumbnail img {
        object-position: 75%
    }
}

@media only screen and (max-width: 730px) {
    .banner-full-height .wrapper-text-banner {
        padding-right: 25px;
        padding-left: 20px !important
    }

    .lamar-service .contain-caption{
        left:0px!important;
    }
}

.lamar-service {
    display: flex;
    position: relative;
    flex-wrap: wrap !important;
    justify-content: space-around;
}

    .lamar-service .contain-caption {
        position: relative;
        left: -120px;
    }

        .lamar-service .contain-caption img {
            min-width: 550px;
            max-width:100%;
            object-fit: cover
        }

        .lamar-service .contain-caption figcaption {
            position: absolute;
            font-size: 1.6rem;
            white-space: nowrap
        }

            .lamar-service .contain-caption figcaption.top-right {
                transform-origin: top right;
                right: -1px;
                top: -1px;
                transform: rotate(-90deg) translateY(-100%)
            }

            .lamar-service .contain-caption figcaption.bottom-right {
                transform-origin: bottom right;
                right: 0;
                bottom: 0;
                transform: rotate(-90deg) translateX(100%)
            }

        .lamar-service .contain-caption:first-child {
            margin-right: -40px;
            margin-bottom: 46px;
        }

            .lamar-service .contain-caption:first-child, .lamar-service .contain-caption:first-child img {
                /*width: 40vw;*/
                height: 29.3vw;
                z-index: 4;
            }

                .lamar-service .contain-caption:first-child figcaption {
                    background-color: #fff;
                    padding: 5px 0 13px 26px
                }

        .lamar-service .contain-caption:last-child {
            margin-bottom: 1px
        }

            .lamar-service .contain-caption:last-child, .lamar-service .contain-caption:last-child img {
                width: 100%;
                height: 16.5vw;
                border-right:1px solid #000
            }

                .lamar-service .contain-caption:last-child figcaption {
                    background-color: #000;
                    color: #fff;
                    padding: 10px 26px
                }

                .lamar-service .contain-caption:last-child::before {
                    content: "";
                    position: absolute;
                    bottom: 0;
                    left: 100%;
                    height: 3.55vw;
                    width: 3000px;
                    border-top: 1px solid #fff
                }

                /*.lamar-service .contain-caption:last-child::after {
                    content: "";
                    position: absolute;
                    right: 100%;
                    bottom: 1px;
                    height: calc(3.55vw - 2px);
                    width: 14px;
                    background-color: #CF8A00
                }*/

    .lamar-service .contain-para {
      /*  padding: 4.7vw 2.4vw 6.9vw 5vw;*/
        /*padding: 5.7vw 0.4vw 6.9vw 1vw;*/
        padding: 4.7vw 5vw 6.9vw 2.4vw;
    }

        .lamar-service .contain-para div {
            /*text-align: right*/
        }

    .lamar-service .col-1 {
        z-index: 2
    }

    .lamar-service .col-2, .lamar-service .col-3 {
        z-index: 1
    }

    .lamar-service .col-2 {
        width: 37.5vw;
        padding-left: 3.25vw;
        padding-right: 3.8vw;
        position: relative
    }

        .lamar-service .col-2::before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            height: 1px;
            background-color: #707070;
            opacity: 0.5;
            width: 2000px
        }

    .lamar-service .col-3 {
        min-width: 27.5vw;
        position: relative
    }

        .lamar-service .col-3 div img {
            transition: .3s;
            transform-origin: top left;
            z-index: 1
        }

            .lamar-service .col-3 div img:hover {
                transform: scale(1.1)
            }

        .lamar-service .col-3 > div:first-child {
            margin-top: 6vw;
            width: 11.5vw
        }

        .lamar-service .col-3 > div:nth-child(2) {
            width: 13.1vw;
            margin-left: 5.3vw;
            margin-top: -9.2vw
        }

        .lamar-service .col-3 > img {
            position: absolute;
            width: 16.4vw;
            top: 1.8vw;
            right: 4.5vw
        }

    .lamar-service .black-design-s-service {
        position: absolute;
        width: 100%;
        height: 15vw;
        bottom: 0;
        background-color: #000;
        border-left: 1px solid #fff
    }

        .lamar-service .black-design-s-service::before {
            content: "";
            position: absolute;
            height: 100%;
            width: 1000px;
            bottom: 0;
            right: calc(100% + 1px);
            background-color: #000;
            z-index: 1
        }

        .lamar-service .black-design-s-service::after {
            content: "";
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 1px;
            background-color: #fff
        }

.lamar-projects {
    background-color: #4e0920;
    color: #fff;
    box-shadow: -500px 0 0 0 #4e0920;
    padding-right: 120px;
    padding-bottom: 7.7vw;
    padding-top: 4.7vw !important;
    position: relative
}

    .lamar-projects::before {
        content: "";
        position: absolute;
        top: 0;
        height: 3.6vw;
        width: 1px;
        background-color: #fff
    }


    .lamar-projects .row-1::after {
        content: "";
        position: absolute;
        top: 20px;
        left: -1px;
        width: 1px;
        height: 200px;
        background-color: #fff;
    }

    .lamar-projects .row-1, .lamar-projects .row-2 {
        /*padding-top: 2.7vw;*/
        /*position: relative;*/
        padding-bottom: 18px !important;
    }

       /* .lamar-projects .row-1::after, .lamar-projects .row-2::after {
            content: "";
            position: absolute;
            height: 1px;
            background-color: #fff;
            width: 200%;
            bottom: 0;
            left: 0
        }*/

    .lamar-projects .row-1 {
        border: 1px solid #fff;
        padding: 27px 97px 3px 20px;
        border-right: none !important;
        position: relative;
       
    }


   

    .lamar-projects .row-1 .texts-wrapper {
        width: 42%;
        margin-bottom: 3.2vw
    }

            .lamar-projects .row-1 .texts-wrapper p {
                max-width: 355px
            }

            .lamar-projects .row-1 .texts-wrapper .mma-btn, .lamar-projects .row-1 .texts-wrapper .page-article-projets .nav-links .next, .page-article-projets .nav-links .lamar-projects .row-1 .texts-wrapper .next, .lamar-projects .row-1 .texts-wrapper .page-article-projets .nav-links .prev, .page-article-projets .nav-links .lamar-projects .row-1 .texts-wrapper .prev, .lamar-projects .row-1 .texts-wrapper .blog #primary > article .pagination .nav-links .next, .blog #primary > article .pagination .nav-links .lamar-projects .row-1 .texts-wrapper .next, .lamar-projects .row-1 .texts-wrapper .blog #primary > article .pagination .nav-links .prev, .blog #primary > article .pagination .nav-links .lamar-projects .row-1 .texts-wrapper .prev {
                margin-left: 7vw
            }

    .lamar-projects .row-2::before {
        content: "";
        position: absolute;
        bottom: 0;
        height: calc(100% + -0.8vw);
        width: 1px;
        background-color: #fff
    }

    .lamar-projects .typelamar-projects {
        display: flex;
        justify-content: flex-end;
        margin-left: -1.54vw;
        margin-right: -1.54vw
    }

        .lamar-projects .typelamar-projects > div {
            position: relative;
            height: 27.8vw;
            overflow-y: hidden;
            overflow: hidden
        }

            .lamar-projects .typelamar-projects > div > div {
                overflow: hidden;
                max-width: 12vw;
                margin-left: 1.54vw;
                margin-right: 1.54vw;
                height: 100%
            }

                .lamar-projects .typelamar-projects > div > div img {
                    transform: scale(1.02);
                    transition: .3s;
                    height: 100%;
                    object-fit: cover
                }

                    .lamar-projects .typelamar-projects > div > div img:hover {
                        transform: scale(1.1)
                    }

            .lamar-projects .typelamar-projects > div figcaption {
                position: absolute;
                transform-origin: bottom right;
                right: -0.1vw;
                bottom: -1px;
                transform: rotate(-90deg) translateX(100%);
                text-transform: uppercase;
                padding-left: 1.05vw;
                white-space: nowrap;
                line-height: normal;
                font-size: clamp(1.4rem, 1.8rem, 1vw)
            }

@media only screen and (max-width: 1069.98px) {
    .lamar-service .col-3 {
        display: none
    }

    .lamar-service .col-1, .lamar-service .col-2 {
        width: 50% !important
    }

    .lamar-service .contain-caption:first-child {
        margin-left: initial
    }

    .lamar-service .contain-caption:last-child, .lamar-service .contain-caption:last-child img {
        width: 40vw;
        height: 30vw
    }

    .lamar-service .contain-caption figcaption.top-right {
        transform: initial;
        bottom: -1px;
        left: -1px;
        right: initial;
        top: initial;
        padding-bottom: 0;
        padding-left: 20px;
        padding-right: 20px
    }

    .lamar-projects > div::after {
        content: none !important
    }

    .lamar-projects .row-1 {
        display: block
    }

        .lamar-projects .row-1 .texts-wrapper {
            width: 100%;
            max-width: 380px
        }

    .lamar-projects .typelamar-projects {
        justify-content: flex-start
    }

        .lamar-projects .typelamar-projects > div {
            width: 33.3333%;
            height: 380px;
            margin-bottom: 4.8rem
        }

            .lamar-projects .typelamar-projects > div > div {
                max-width: initial;
                margin-left: 3rem;
                margin-right: 3rem
            }

            .lamar-projects .typelamar-projects > div figcaption {
                font-size: 1.7rem;
                right: -1px
            }

    .lamar-projects .row-2 {
        padding-top: 0
    }

        .lamar-projects .row-2 .typelamar-projects {
            flex-wrap: wrap
        }
}

@media only screen and (min-width: 731px) and (max-width: 1069.98px) {
    .lamar-service .contain-caption figcaption.bottom-right {
        max-height: 3.55vw;
        line-height: 3.55vw;
        padding-top: 0;
        padding-bottom: 0
    }
}

@media only screen and (max-width: 730px) {
    .lamar-projects .row-1 {
       
        padding: 27px 20px 3px 20px;
        text-align:right!important;
       
    }

    .lamar-service {
        display: initial
    }

        .lamar-service .col-1, .lamar-service .col-2 {
            width: 100% !important
        }

        .lamar-service .contain-caption:first-child, .lamar-service .contain-caption:first-child img, .lamar-service .contain-caption:last-child, .lamar-service .contain-caption:last-child img {
            width: 100% !important;
            height: auto !important
        }

            .lamar-service .contain-caption:first-child::before, .lamar-service .contain-caption:first-child::after, .lamar-service .contain-caption:first-child img::before, .lamar-service .contain-caption:first-child img::after, .lamar-service .contain-caption:last-child::before, .lamar-service .contain-caption:last-child::after, .lamar-service .contain-caption:last-child img::before, .lamar-service .contain-caption:last-child img::after {
                content: none !important
            }

        .lamar-service .col-2 {
            padding-top: 40px;
            padding-bottom: 65px
        }

        .lamar-service .contain-para {
            padding-bottom: 65px;
            margin-top: 50px;
        }

    .lamar-projects .typelamar-projects {
        margin-right: 3rem
    }

        .lamar-projects .typelamar-projects > div > div {
            height: 100%
        }

            .lamar-projects .typelamar-projects > div > div img {
                height: 100%;
                object-fit: cover
            }

    .lamar-projects .row-1 .texts-wrapper {
        padding-left: 25px;
        margin-bottom: 65px;
        margin-top: 50px
    }
}

@media only screen and (max-width: 600px) {
    .lamar-projects .typelamar-projects {
        display: block !important;
        margin-right: 0;
        margin-left: 20px !important;
        margin-right: 25px !important
    }

        .lamar-projects .typelamar-projects > div {
            width: 100%;
            padding-left: 0;
            padding-right: 0;
            max-width: 344px;
            margin-left: auto;
            margin-right: auto
        }

            .lamar-projects .typelamar-projects > div > div {
                margin: 0
            }

                .lamar-projects .typelamar-projects > div > div img {
                    width: 100%
                }

            .lamar-projects .typelamar-projects > div figcaption {
                background-color: #000;
                color: #fff;
                padding: 5px 10px
            }
}

.post-type-archive-projet .site-header .site-branding::before, .tax-projet_group .site-header .site-branding::before {
    height: 100%
}

.post-type-archive-projet .site-footer, .tax-projet_group .site-footer {
    margin-bottom: 66px
}

.s-projets {
    border-bottom: 1px solid #fff
}

.page-article-projets {
    background-color: #000;
    color: #fff
}

    .page-article-projets > header {
        display: flex;
        align-items: center;
        position: relative
    }

        .page-article-projets > header h1 {
            margin-bottom: 2rem
        }

        .page-article-projets > header p {
            line-height: 1.7
        }

        .page-article-projets > header .post-thumbnail {
            overflow: hidden
        }

            .page-article-projets > header .post-thumbnail img {
                object-fit: cover;
                transform: scale(1.02);
                width: 100%
            }

        .page-article-projets > header .row {
            width: 50%
        }

        .page-article-projets > header > .row:last-child {
            display: flex;
            align-items: center;
            justify-content: flex-end
        }

            .page-article-projets > header > .row:last-child > div {
                padding-right: 150px;
                max-width: 705px;
                margin-left: 13vw
            }

        .page-article-projets > header .logo-stylo {
            margin-right: 257.156px;
            position: absolute;
            width: 1px;
            background-color: #fff;
            z-index: 5;
            height: calc(100% + 40px);
            padding: 0;
            left: -1px;
            top: 0
        }

        .page-article-projets > header .row:nth-child(2) {
            position: relative
        }

        .page-article-projets > header figcaption {
            transform-origin: bottom right;
            position: absolute;
            right: 0;
            bottom: 0;
            transform: rotate(-90deg) translateX(105%) translateY(140%);
            text-transform: uppercase
        }

    .page-article-projets .entry-content.s-projets {
        background-color: #000
    }

    .page-article-projets .projects-list > div {
        margin-bottom: 65px;
        position: relative;
        display: flex
    }

        .page-article-projets .projects-list > div::after {
            content: "";
            position: absolute;
            bottom: 0;
            right: 0;
            height: 1px;
            width: 100%;
            background-color: #fff
        }

        .page-article-projets .projects-list > div article div {
            overflow: hidden
        }

            .page-article-projets .projects-list > div article div, .page-article-projets .projects-list > div article div img {
                height: 100%
            }

                .page-article-projets .projects-list > div article div img {
                    object-fit: cover;
                    transition: .2s;
                    width: 100%
                }

                    .page-article-projets .projects-list > div article div img:hover {
                        transform: scale(1.05)
                    }

        .page-article-projets .projects-list > div:nth-child(1) article, .page-article-projets .projects-list > div:nth-child(4) article {
            margin-right: 80px;
            width: 422px;
            height: 28vw
        }

        .page-article-projets .projects-list > div:nth-child(1) {
            padding-top: 65px
        }

        .page-article-projets .projects-list > div:nth-child(2) article {
            margin-right: 70px;
            width: 676.47px;
            height: 28vw
        }

        .page-article-projets .projects-list > div:nth-child(3) article {
            margin-right: 70px;
            width: 1680px;
            height: 45.15vw
        }

    .page-article-projets .projects-list article {
        position: relative
    }

        .page-article-projets .projects-list article h2 {
            position: absolute;
            left: calc(100% + 5px);
            bottom: 15px;
            writing-mode: vertical-rl;
            transform: scale(-1);
            text-transform: uppercase;
            padding: 0 !important;
            font-size: 1.8rem !important;
            font-family: 'Cairo', sans-serif;
        }

    .page-article-projets .projetcs-footer {
        padding-bottom: 7.8vw;
        padding-top: 2vw !important;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding-left: 6vw;
        padding-right: 9vw
    }

        .page-article-projets .projetcs-footer .mma-btn, .page-article-projets .projetcs-footer .nav-links .next, .page-article-projets .nav-links .projetcs-footer .next, .page-article-projets .projetcs-footer .nav-links .prev, .page-article-projets .nav-links .projetcs-footer .prev, .page-article-projets .projetcs-footer .blog #primary > article .pagination .nav-links .next, .blog #primary > article .pagination .nav-links .page-article-projets .projetcs-footer .next, .page-article-projets .projetcs-footer .blog #primary > article .pagination .nav-links .prev, .blog #primary > article .pagination .nav-links .page-article-projets .projetcs-footer .prev {
            margin-top: 0 !important
        }

    .page-article-projets .nav-links a, .page-article-projets .nav-links span {
        color: #EAEAEA !important;
        font-weight: 300;
        margin-left: 1rem;
        margin-right: 1rem
    }

        .page-article-projets .nav-links a:hover {
            color: #CF8A00 !important
        }

    .page-article-projets .nav-links .current {
        font-weight: 700
    }

    .page-article-projets .nav-links .next, .page-article-projets .nav-links .prev {
        border: 0 !important;
        margin-bottom: -40px
    }

        .page-article-projets .nav-links .next, .page-article-projets .nav-links .next::before, .page-article-projets .nav-links .next::after, .page-article-projets .nav-links .prev, .page-article-projets .nav-links .prev::before, .page-article-projets .nav-links .prev::after {
            color: #fff !important;
            border-color: #fff !important
        }

            .page-article-projets .nav-links .next:hover::before, .page-article-projets .nav-links .next:hover::after, .page-article-projets .nav-links .prev:hover::before, .page-article-projets .nav-links .prev:hover::after {
                color: #CF8A00 !important;
                border-color: #CF8A00 !important
            }

            .page-article-projets .nav-links .next::before, .page-article-projets .nav-links .prev::before {
                background-color: #fff !important
            }

            .page-article-projets .nav-links .next:hover::before, .page-article-projets .nav-links .prev:hover::before {
                background-color: #CF8A00 !important
            }

            .page-article-projets .nav-links .next:hover, .page-article-projets .nav-links .prev:hover {
                background-color: transparent !important
            }

    .page-article-projets .nav-links .next {
        margin-left: -75px
    }

    .page-article-projets .nav-links .prev {
        transform: rotate(180deg);
        margin-right: -75px
    }

.single-projet .site-branding::before {
    height: 100%
}

.single-projet #primary {
    display: flex
}

    .single-projet #primary article {
        width: calc(100vw - 100px)
    }

        .single-projet #primary article .entry-content {
            width: initial
        }

    .single-projet #primary aside > div:last-child {
        display: flex;
        flex-grow: 1
    }

        .single-projet #primary aside > div:last-child > div {
            position: relative;
            width: 100%;
            height: 100%
        }

    .single-projet #primary aside .title-aside {
        position: fixed;
        font-family: 'Cairo', sans-serif;
        transform: rotate(-90deg) translateY(-60px);
        display: inline-block;
        font-size: 3rem;
        top: 25%;
        white-space: nowrap;
        transform-origin: top right;
        right: 0;
        font-weight: 400
    }

        .single-projet #primary aside .title-aside::before {
            content: "";
            position: absolute;
            background-color: #CF8A00;
            width: 36px;
            height: 6px;
            top: -15px;
            left: -11px
        }

    .single-projet #primary .entry-content {
        background-color: #000;
        color: #fff
    }

        .single-projet #primary .entry-content .text-block {
            padding: 3vw 45px
        }

            .single-projet #primary .entry-content .text-block > div {
                padding-left: 2vw;
                padding-top: 1vw;
                padding-right: 2.4vw
            }

            .single-projet #primary .entry-content .text-block p:last-child {
                margin-bottom: 0
            }

        .single-projet #primary .entry-content .img-block, .single-projet #primary .entry-content .img-block img {
            min-height: 730px
        }

            .single-projet #primary .entry-content .img-block img {
                width: 100%;
                object-fit: cover
            }

        .single-projet #primary .entry-content .row-1 {
            display: flex;
            align-items: center
        }

            .single-projet #primary .entry-content .row-1 .img-block {
                min-width: 64.7vw
            }

        .single-projet #primary .entry-content .row-2 > div {
            display: flex;
            align-items: center;
            padding-right: 0;
            position: relative
        }

            .single-projet #primary .entry-content .row-2 > div .img-block {
                min-width: 43vw
            }

            .single-projet #primary .entry-content .row-2 > div::before {
                content: "";
                position: absolute;
                top: -230px;
                left: 0;
                width: 1px;
                height: 300px;
                background-color: #fff;
                z-index: 2
            }

        .single-projet #primary .entry-content .row-3 {
            position: relative;
            width: 100%;
            position: relative
        }

            .single-projet #primary .entry-content .row-3::before {
                content: "";
                position: absolute;
                bottom: -16vw;
                left: 12vw;
                width: 25vw;
                height: 25vw;
                z-index: 3;
                pointer-events: none
            }

@media only screen and (min-width: 1069.98px) {
    .single-projet #primary .entry-content .row-3::before {
        background-image: url(../../../assets/images/icone_outline_white.svg);
        background-repeat: no-repeat;
        background-position: 0;
        background-size: 100%
    }
}

.single-projet #primary .entry-content .row-3 .slides {
    padding-right: 0;
    width: 100%;
    margin-right: 100px !important
}

    .single-projet #primary .entry-content .row-3 .slides li {
        padding-left: 0;
        z-index: initial !important
    }

        .single-projet #primary .entry-content .row-3 .slides li img {
            width: 100%;
            height: 600px;
            max-width: initial;
            object-fit: cover
        }

    .single-projet #primary .entry-content .row-3 .slides::before {
        position: absolute;
        content: "";
        width: 1px;
        background-color: #fff;
        height: calc(215% + 435px);
        top: -435px;
        z-index: 3
    }

.single-projet #primary .entry-content .row-3 .flex-direction-nav {
    top: calc(50% - 57px);
    left: 2.5vw;
    padding-left: 40px
}

.single-projet #primary .entry-content .row-4 > div {
    display: flex;
    align-items: flex-end;
    padding-bottom: 4.5vw;
    position: relative
}

    .single-projet #primary .entry-content .row-4 > div > div {
        width: 50%
    }

        .single-projet #primary .entry-content .row-4 > div > div:first-child {
            text-align: center
        }

    .single-projet #primary .entry-content .row-4 > div .text-block {
        padding-bottom: 0
    }

.single-projet #primary .entry-content .row-5.related-posts {
    background-color: #EAEAEA;
    color: #000;
    padding-top: 6vw;
    padding-bottom: 5.5vw
}

    .single-projet #primary .entry-content .row-5.related-posts > h2 {
        margin-top: 40px;
        padding-bottom: 65px
    }

    .single-projet #primary .entry-content .row-5.related-posts #carousel {
        position: relative;
        padding-left: 4vw
    }

        .single-projet #primary .entry-content .row-5.related-posts #carousel .slides {
            margin-bottom: 0
        }

            .single-projet #primary .entry-content .row-5.related-posts #carousel .slides li {
                float: left;
                margin-right: 50px;
                display: block;
                margin-bottom: 0;
                padding-left: 0 !important;
                max-height: 273px;
                margin-bottom: 44px;
                position: relative
            }

@media only screen and (min-width: 731px) {
    .single-projet #primary .entry-content .row-5.related-posts #carousel .slides li {
        overflow: hidden
    }
}

.single-projet #primary .entry-content .row-5.related-posts #carousel .slides li::before {
    content: none !important
}

.single-projet #primary .entry-content .row-5.related-posts #carousel .slides li img {
    min-height: 273px;
    max-width: 208px;
    object-fit: cover;
    transition: .2s;
    margin-right: 50px
}

    .single-projet #primary .entry-content .row-5.related-posts #carousel .slides li img:hover {
        opacity: 0.5
    }

.single-projet #primary .entry-content .row-5.related-posts #carousel .slides li a {
    color: #000
}

.single-projet #primary .entry-content .row-5.related-posts #carousel .slides li h3 {
    transform-origin: bottom right;
    position: absolute;
    right: 0;
    bottom: 0;
    transform: rotate(-90deg) translateX(105%) translateY(-100%);
    text-transform: uppercase;
    padding: 0 !important;
    font-size: 1.65rem !important;
    font-weight: 400;
    font-family: 'Cairo', sans-serif;
}

.single-projet #primary .entry-content .row-5.related-posts .flex-direction-nav {
    left: 100%;
    top: calc(50% - 57px)
}

    .single-projet #primary .entry-content .row-5.related-posts .flex-direction-nav a {
        color: #000
    }

        .single-projet #primary .entry-content .row-5.related-posts .flex-direction-nav a::before {
            background-color: #000
        }

@media only screen and (max-width: 830px) {
    .single-projet #primary .entry-content .row-5.related-posts .flex-direction-nav {
        position: initial;
        text-align: center;
        margin-top: 35px
    }

        .single-projet #primary .entry-content .row-5.related-posts .flex-direction-nav > li {
            display: inline-block
        }
}

@media only screen and (max-width: 1400px) {
    .single-projet #primary .entry-content .row-1 .img-block {
        min-width: 45vw
    }

    .page-article-projets > header > .row:last-child > div {
        margin-left: 7vw;
        padding-right: 100px
    }

    .s-projets .projetcs-footer {
        padding-right: 0 !important;
        padding-left: 35px !important
    }
}

@media only screen and (max-width: 1069.98px) {
    .single-projet #primary .entry-content .row-5.related-posts #carousel .slides li h3 {
        transform: rotate(-90deg) translateX(105%) translateY(-10%)
    }

    .banner-full-height-v3 .wrapper-text-banner {
        flex-direction: column
    }

        .banner-full-height-v3 .wrapper-text-banner > div:last-child {
            padding-top: 20px;
            padding-bottom: 20px
        }

        .banner-full-height-v3 .wrapper-text-banner > div:first-child {
            padding-top: 35px
        }

    .single-projet #primary .entry-content .row-4 > div {
        flex-direction: column-reverse
    }

        .single-projet #primary .entry-content .row-4 > div > div {
            width: 100%
        }

        .single-projet #primary .entry-content .row-4 > div .text-block {
            padding-bottom: 40px
        }

    #slider .flex-direction-nav {
        position: initial;
        text-align: center;
        margin-top: 0 !important;
        margin-bottom: 40px !important
    }

        #slider .flex-direction-nav > li {
            display: inline-block
        }

    .banner-full-height-v2 .logo-stylo {
        display: none
    }

    .page-article-projets .banner-full-height .wrapper-text-banner {
        margin-bottom: 150px
    }
}

@media only screen and (max-width: 730px) {
    .aside-project {
        display: none
    }

    .single-projet #primary article, .banner-full-height-v3 .post-thumbnail img {
        width: 100%
    }

    #carousel {
        padding-right: 0;
        max-width: 208px !important;
        margin: 0 auto !important
    }

    .single-projet #primary .entry-content .row-5.related-posts #carousel .slides::before {
        content: none
    }

    .single-projet #primary .entry-content .row-5.related-posts #carousel .slides li a {
        display: inline-block
    }

        .single-projet #primary .entry-content .row-5.related-posts #carousel .slides li a h3 {
            padding-top: 5px !important;
            transform: initial;
            position: initial
        }

    #carousel > .flex-direction-nav {
        justify-content: space-between;
        display: flex
    }

        #carousel > .flex-direction-nav .flex-nav-next {
            max-width: 86px
        }

    .single-projet #primary .entry-content .row-5.related-posts > h2 {
        padding-left: 0
    }

    .page-article-projet > header > div.wrapper-text-banner > div:nth-child(1) > a {
        display: none
    }

    .banner-full-height-v3 .wrapper-text-banner > div:first-child, .page-article-projet > header > div.wrapper-text-banner > div.subtitle-banner.sub-projet {
        padding-left: 20px;
        padding-right: 20px
    }

        .banner-full-height-v3 .wrapper-text-banner > div:first-child h1, .page-article-projet > header > div.wrapper-text-banner > div.subtitle-banner.sub-projet h1 {
            margin-right: 0
        }

    .projects-list > div {
        flex-direction: column;
        margin-bottom: 0 !important;
        padding-left: 20px !important;
        padding-right: 20px !important
    }

        .projects-list > div::after {
            content: none !important
        }

        .projects-list > div > article {
            margin-bottom: 40px;
            display: flex;
            flex-direction: column-reverse;
            margin-right: initial !important;
            width: 100% !important;
            margin-bottom: 5rem;
            height: 45.15vw !important
        }

            .projects-list > div > article .entry-title {
                position: initial;
                transform: initial;
                transform-origin: initial;
                margin-top: 0.7rem;
                writing-mode: initial
            }

    .s-projets .projetcs-footer {
        margin-left: 20px !important;
        padding-left: 20px !important;
        margin-left: 0 !important;
        width: 100%;
        flex-direction: column-reverse;
        justify-content: center
    }

        .s-projets .projetcs-footer .mma-btn, .s-projets .projetcs-footer .page-article-projets .nav-links .next, .page-article-projets .nav-links .s-projets .projetcs-footer .next, .s-projets .projetcs-footer .page-article-projets .nav-links .prev, .page-article-projets .nav-links .s-projets .projetcs-footer .prev, .s-projets .projetcs-footer .blog #primary > article .pagination .nav-links .next, .blog #primary > article .pagination .nav-links .s-projets .projetcs-footer .next, .s-projets .projetcs-footer .blog #primary > article .pagination .nav-links .prev, .blog #primary > article .pagination .nav-links .s-projets .projetcs-footer .prev {
            margin-top: 75px !important
        }
}

.page-article-projet > div > div.row-4 > div > div.text-block > div {
    padding-left: 0 !important
}

.menu-pj-toggle {
    cursor: pointer;
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    text-align: center;
    color: #000;
    background-color: #fff;
    height: 66px;
    line-height: 66px;
    z-index: 6;
    text-transform: uppercase;
    transition: .2s
}

    .menu-pj-toggle:hover {
        color: #CF8A00
    }

    .menu-pj-toggle span {
        color: #CF8A00;
        font-weight: bold
    }

@media only screen and (max-width: 500px) {
    .menu-pj-toggle {
        font-size: 1.4rem
    }
}

.side-menu {
    color: white;
    background-color: #000;
    padding: 0 15px 25px 35px;
    overflow-y: auto;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 260px;
    transform: translate3d(-100%, 0, 0);
    transition: .3s;
    z-index: 5
}

@media only screen and (max-width: 730px) {
    .side-menu {
        padding-left: 15px
    }
}

.side-menu ul {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    height: 100%;
    padding-bottom: 66px
}

.side-menu .item-menu-pj {
    display: block;
    color: #fff;
    border-bottom: 1px solid rgba(255,255,255,0.15);
    transition: .3s;
    padding-left: 0
}

    .side-menu .item-menu-pj::before {
        content: none
    }

    .side-menu .item-menu-pj a {
        padding: 15px;
        text-transform: uppercase;
        display: block
    }

@media only screen and (max-height: 860px) {
    .side-menu .item-menu-pj a {
        padding-top: 5px;
        padding-bottom: 5px
    }
}

.side-menu .item-menu-pj a:not(.current) {
    color: #fff
}

.side-menu .item-menu-pj a.current {
    pointer-events: none
}

.side-menu .item-menu-pj:hover a:not(.current) {
    background-color: #fff;
    color: #333
}

.menu-pj-active .page-wrapper {
    transform: translate3d(260px, 0, 0)
}

.menu-pj-active .side-menu {
    transform: translate3d(0, 0, 0)
}

.ongoing-parent, .ongoing-parent-single {
    position: relative
}

.ongoing {
    bottom: 35px;
    left: 35px;
    line-height: 1.15
}

.ongoing, .ongoing-single {
    position: absolute;
    font-weight: bold;
    font-size: 1.5rem;
    padding: 6px 16px;
    background-color: #CF8A00;
    color: #000;
    text-transform: uppercase
}

.ongoing-single {
    bottom: 100%;
    left: calc(5vw - 11px)
}

.arrow-projects-cat {
    border: solid black;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(45deg);
    margin-bottom: 4px;
    margin-right: 1rem
}

@media only screen and (max-width: 500px) {
    .arrow-projects-cat {
        border-width: 0 2px 2px 0;
        padding: 2px;
        margin-bottom: 3px;
        margin-right: 0.7rem
    }
}

.caption-photo {
    display: inline-block;
    position: absolute;
    bottom: 35px;
    left: 30px;
    background-color: #CF8A00;
    color: black !important;
    padding: 5px 15px;
    font-size: 1.5rem;
    font-weight: 600;
    text-transform: uppercase;
    z-index: 3
}

    .caption-photo:hover {
        color: black !important;
        opacity: .8
    }

.blog, .blog .entry-content, .single-post, .single-post .entry-content {
    background-color: #000 !important;
    color: #fff
}

    .blog .posted-on, .single-post .posted-on {
        position: absolute;
        transform-origin: top right;
        right: -1px;
        top: -1px;
        transform: rotate(-90deg);
        font-size: 0;
        padding-right: 50px
    }

        .blog .posted-on a, .single-post .posted-on a {
            font-size: 1.8rem;
            color: #fff;
            text-transform: uppercase;
            pointer-events: none
        }

    .blog #primary > article {
        display: flex;
        flex-direction: row
    }

        .blog #primary > article .header-news {
            order: 2;
            display: flex;
            justify-content: center;
            align-items: center;
            position: relative;
            width: 40%
        }

            .blog #primary > article .header-news > div {
                position: fixed;
                left: 70vw;
                padding-right: 20px;
                max-width: 400px
            }

        .blog #primary > article .pagination {
            margin-top: 3vw;
            text-align: center;
            position: fixed;
            bottom: 60px;
            right: 3.5vw
        }

            .blog #primary > article .pagination .nav-links a, .blog #primary > article .pagination .nav-links span {
                color: #EAEAEA !important;
                font-weight: 300;
                margin-left: 1rem;
                margin-right: 1rem
            }

                .blog #primary > article .pagination .nav-links a:hover {
                    color: #CF8A00 !important
                }

            .blog #primary > article .pagination .nav-links .current {
                font-weight: 700
            }

            .blog #primary > article .pagination .nav-links .next, .blog #primary > article .pagination .nav-links .prev {
                border: 0 !important;
                margin-bottom: -40px
            }

                .blog #primary > article .pagination .nav-links .next, .blog #primary > article .pagination .nav-links .next::before, .blog #primary > article .pagination .nav-links .next::after, .blog #primary > article .pagination .nav-links .prev, .blog #primary > article .pagination .nav-links .prev::before, .blog #primary > article .pagination .nav-links .prev::after {
                    color: #fff !important;
                    border-color: #fff !important
                }

                    .blog #primary > article .pagination .nav-links .next:hover::before, .blog #primary > article .pagination .nav-links .next:hover::after, .blog #primary > article .pagination .nav-links .prev:hover::before, .blog #primary > article .pagination .nav-links .prev:hover::after {
                        color: #CF8A00 !important;
                        border-color: #CF8A00 !important
                    }

                    .blog #primary > article .pagination .nav-links .next::before, .blog #primary > article .pagination .nav-links .prev::before {
                        background-color: #fff !important
                    }

                    .blog #primary > article .pagination .nav-links .next:hover::before, .blog #primary > article .pagination .nav-links .prev:hover::before {
                        background-color: #CF8A00 !important
                    }

                    .blog #primary > article .pagination .nav-links .next:hover, .blog #primary > article .pagination .nav-links .prev:hover {
                        background-color: transparent !important
                    }

            .blog #primary > article .pagination .nav-links .next {
                margin-left: -30px
            }

            .blog #primary > article .pagination .nav-links .prev {
                transform: rotate(180deg);
                margin-right: -30px
            }

        .blog #primary > article .news-wrapper {
            order: 1;
            width: 60%
        }

            .blog #primary > article .news-wrapper > article {
                position: relative;
                margin-top: 90px;
                padding-top: 50px;
                width: 100%;
                border-top: 1px solid #fff
            }

                .blog #primary > article .news-wrapper > article::before {
                    content: "";
                    position: absolute;
                    top: -70px;
                    left: 0;
                    width: 1px;
                    background-color: #fff;
                    height: 120px
                }

                .blog #primary > article .news-wrapper > article:first-child {
                    margin-top: 0;
                    border-top: 0
                }

                    .blog #primary > article .news-wrapper > article:first-child::before {
                        content: none
                    }

                .blog #primary > article .news-wrapper > article:last-child {
                    margin-bottom: 90px
                }

                .blog #primary > article .news-wrapper > article > header {
                    background-color: #000;
                    position: absolute;
                    bottom: 0;
                    left: 0;
                    padding-top: 26px;
                    padding-right: 26px;
                    min-width: 360px;
                    z-index: 1
                }

                    .blog #primary > article .news-wrapper > article > header h2, .blog #primary > article .news-wrapper > article > header p {
                        text-transform: uppercase
                    }

                    .blog #primary > article .news-wrapper > article > header h2 {
                        font-size: 2.7rem;
                        padding-bottom: 0
                    }

                    .blog #primary > article .news-wrapper > article > header p {
                        margin: 0;
                        color: #CF8A00;
                        font-weight: 600
                    }

                .blog #primary > article .news-wrapper > article .post-thumbnail img {
                    width: 100%;
                    transition: .2s
                }

                    .blog #primary > article .news-wrapper > article .post-thumbnail img:hover {
                        opacity: 0.6
                    }

    .single-post .site-header .site-branding::before {
        height: 100%
    }

    .single-post #primary {
        display: flex
    }

        .single-post #primary aside {
            width: 100px;
            border-top: 1px solid #000000;
            display: flex;
            flex-direction: column
        }

        .single-post #primary .logo-stylo {
            border-left: 1px solid #fff
        }

    .single-post .page-article {
        width: calc(100vw - 100px)
    }

        .single-post .page-article > .entry-content {
            width: initial
        }

        .single-post .page-article > .entry-header {
            border-left: 0;
            display: flex;
            padding-top: 50px
        }

            .single-post .page-article > .entry-header.logo-stylo {
                padding-right: 0
            }

            .single-post .page-article > .entry-header .wrapper-thumbnail {
                position: relative;
                width: 60%
            }

                .single-post .page-article > .entry-header .wrapper-thumbnail img {
                    width: 100%
                }

                .single-post .page-article > .entry-header .wrapper-thumbnail .posted-on {
                    padding-right: 0
                }

            .single-post .page-article > .entry-header > .wrapper-title {
                width: 40%;
                display: flex;
                justify-content: center;
                align-items: center;
                padding: 60px
            }

                .single-post .page-article > .entry-header > .wrapper-title > div {
                    width: 100%;
                    max-width: 140px;
                    padding-left: 40px
                }

                    .single-post .page-article > .entry-header > .wrapper-title > div h1::before {
                        left: -35px
                    }

                    .single-post .page-article > .entry-header > .wrapper-title > div p {
                        font-weight: 600;
                        text-transform: uppercase;
                        color: #CF8A00
                    }

        .single-post .page-article .row-1 {
            padding-top: 4vw !important;
            padding-bottom: 4vw;
            flex-wrap: wrap
        }

@media only screen and (min-width: 991.98px) {
    .single-post .page-article .row-1 {
        display: flex
    }
}

.single-post .page-article .row-1 > * {
    padding-left: 4vw;
    padding-right: 4vw
}

.single-post .page-article .row-1 > * {
    padding-top: 20px
}

@media only screen and (max-width: 1069.98px) {
    .blog #primary > article .header-news > div {
        left: 65vw
    }

        .blog #primary > article .header-news > div h1::before {
            left: -15px
        }

    .single-post .page-article > .entry-header > .wrapper-title {
        width: 100%;
        justify-content: flex-start;
        padding-left: 0
    }

    .single-post .page-article .row-1 > * {
        padding-left: 0;
        padding-right: 0
    }

    .single-post .page-article > .entry-header {
        flex-direction: column-reverse
    }

    #contentHeader {
        border-bottom: 1px solid white
    }
}

@media only screen and (max-width: 730px) {
    .blog #primary > article {
        flex-direction: column;
        padding-left: 20px !important;
        padding-right: 20px !important
    }

        .blog #primary > article > .header-news {
            width: 100% !important;
            height: auto !important;
            min-height: 300px;
            justify-content: flex-start;
            padding-top: 70px;
            order: 1
        }

            .blog #primary > article > .header-news > div {
                position: initial !important;
                max-width: initial
            }

        .blog #primary > article .news-wrapper {
            order: 2;
            width: 100%;
            padding-right: 3rem
        }

            .blog #primary > article .news-wrapper article {
                display: flex;
                flex-direction: column-reverse
            }

                .blog #primary > article .news-wrapper article .entry-header {
                    position: initial
                }

        .blog #primary > article .navigation.pagination {
            position: initial;
            order: 3;
            margin-bottom: 80px
        }

    .single-post .page-article {
        padding-left: 20px;
        padding-right: 20px
    }

        .single-post .page-article > .entry-header .wrapper-thumbnail {
            width: 90%
        }

    .aside-full.aside-new .nav {
        bottom: 40px
    }

    .single-post .page-article .row-2 p img {
        width: 100%
    }

    .single-post .page-article .row-1 > * img {
        width: 100% !important;
        margin: 0 !important;
        margin-bottom: 1.4rem !important
    }
}

@media only screen and (max-width: 500px) {
    .single-post #primary aside {
        display: none
    }

    .single-post .page-article {
        width: 100%
    }

    .aside-full .nav .next-button {
        left: -45px
    }

    .aside-new .arrow, .aside-new .flex-direction-nav a, .flex-direction-nav .aside-new a {
        display: none
    }
}

.otgs-development-site-front-end {
    display: none
}

.menu-event-none > a {
    cursor: default
}

/*.logo-stylo {
    padding-right: 3.5vw
}
*/
.mlr-auto {
    margin-left: auto;
    margin-right: auto
}

.mt-3 {
    margin-top: 3rem
}

.inline-block {
    display: inline-block
}

@media only screen and (max-width: 1069.98px) {
    .hide-mobile {
        display: none !important
    }
}

@media only screen and (min-width: 1069.98px) {
    .hide-desktop {
        display: none !important
    }
}

.title-pins, .single-post .page-article .row-1 h2, .s-3-entreprise h2, .savoir-faire-child .s-2 h2 {
    position: relative;
    text-transform: uppercase;
    color: #4c1122;
    padding:10px;
}

   /* .title-pins::before, .single-post .page-article .row-1 h2::before, .s-3-entreprise h2::before, .savoir-faire-child .s-2 h2::before {
        content: "";
        position: absolute;
        top: -25px;
        left: -20px;
        width: 28px;
        height: 5px;
        background-color: #CF8A00
    }*/

.title-center-pin, .s-cta-certifications h3, .firmes h2, .entrepreneurs h2 {
    position: relative;
    text-align: center;
    text-transform: uppercase
}

    .title-center-pin::before, .s-cta-certifications h3::before, .firmes h2::before, .entrepreneurs h2::before {
        content: "";
        position: absolute;
        bottom: calc(100% + 15px);
        left: calc(50% - 14px);
        width: 28px;
        height: 5px;
        background-color: #CF8A00
    }

.subtitle {
    color: #CF8A00;
    font-weight: bold
}

.shadow-top {
    position: relative
}

    .shadow-top::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 2;
        box-shadow: inset 0 150px 150px 0 #000
    }

@media only screen and (max-width: 730px) {
    .shadow-top::before {
        box-shadow: inset 0 30px 30px 0 #000
    }
}

.shadow-bottom, .prix > div > div:nth-child(odd) .image-block, .certifications > div > div:nth-child(odd) .image-block, .partenaires > div > div:nth-child(odd) .image-block {
    position: relative
}

    .shadow-bottom::after, .prix > div > div:nth-child(odd) .image-block::after, .certifications > div > div:nth-child(odd) .image-block::after, .partenaires > div > div:nth-child(odd) .image-block::after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 2;
        box-shadow: inset 0 -150px 150px 0 #000;
        pointer-events: none
    }

@media only screen and (max-width: 730px) {
    .shadow-bottom::after, .prix > div > div:nth-child(odd) .image-block::after, .certifications > div > div:nth-child(odd) .image-block::after, .partenaires > div > div:nth-child(odd) .image-block::after {
        box-shadow: inset 0 -70px 70px 0 #000
    }
}

.text-block h2 {
    position: relative;
    text-transform: uppercase
}

    .text-block h2::before {
        content: "";
        position: absolute;
        background-color: #CF8A00;
        width: 36px;
        height: 6px;
        top: -15px;
        left: -11px
    }

.text-block em {
    text-transform: uppercase;
    color: #CF8A00;
    font-weight: bold;
    font-style: normal
}

.flex-direction-nav li {
    padding-left: 0 !important
}

    .flex-direction-nav li::before {
        content: none !important
    }

ul:last-child, p:last-child {
    margin-bottom: 0
}

.section-black {
    background-color: #000;
    color: #fff
}

@media only screen and (min-width: 991.98px) {
    .row-text-left, .row-image-left {
        display: flex;
        align-items: center
    }

        .row-text-left > *, .row-image-left > * {
            width: 50%
        }
}

.row-text-left img, .row-image-left img {
    object-fit: cover;
    height: 100%;
    width: 100%
}

.row-text-left {
    padding-bottom: 5.5vw
}

    .row-text-left > div:first-child {
        padding: 65px 70px 45px 0;
        max-width: 695px
    }

.row-image-left > div:last-child {
    padding: 45px;
    padding-left: 7.6vw;
    padding-bottom: 65px
}

.row-image-left > div:first-child {
    max-width: 970px
}

[class^="page-article"] {
    display: inline-block;
    max-width: 100%
}

    [class^="page-article"] > .entry-header {
        border-right: 1px solid #fff;
        position: relative;
        margin-right: 120px !important;
    }

@media (max-width: 768px) {
    [class^="page-article"] > .entry-header {
        margin-right: 0 !important;
    }
}



    [class^="page-article"] > .entry-content {
        background-color: #fff;
        width: 100vw
    }

      

@media (max-width: 768px) {
    [class^="page-article"] > .entry-content > .logo-stylo {
        margin-left: 0 !important;
    }
}


.page-article-home {
    width: 100%
}

.contacto-sec {
    text-align: center;
    /*border-left: 1px solid #000*/
}

@media only screen and (min-width: 1069.98px) {
    .contacto-sec {
        padding-right: 0vw !important;
        margin-right: 120px;
        margin-left: 0px !important;
    }
}

.contacto-sec .title-contact {
    font-size: clamp(3.4rem, 6.4rem, 4vw) !important;
    font-weight: 300;
    font-family: 'Cairo', sans-serif;
    font-weight: 300;
    margin-bottom: 0 !important
}

.contacto-sec h2 {
    font-size: 2.5rem;
    font-family: 'Cairo', sans-serif;
    font-weight: 700;
    padding-bottom: 0 !important
}

.contacto-sec .row-1 {
    position: relative
}

    .contacto-sec .row-1::before {
        content: "";
        position: absolute;
        bottom: calc(100% - 30px);
        left: 50%;
        width: 1px;
        height: 100px;
        background-color: black
    }

    .contacto-sec .row-1 > div {
        padding-top: 125px;
        padding-bottom: 110px;
        position: relative;
        border-right: 1px solid #000
    }

        .contacto-sec .row-1 > div::before, .contacto-sec .row-1 > div::after {
            content: "";
            position: absolute;
            height: 1px;
            background-color: #000;
            left: 0;
            width: 200%
        }

        .contacto-sec .row-1 > div::before {
            top: 0
        }

        .contacto-sec .row-1 > div::after {
            bottom: 0
        }

.contacto-sec .row-2 {
    display: flex;
    justify-content: center
}

    .contacto-sec .row-2 h3 {
        padding-bottom: 0 !important;
        font-size: 2.5rem !important;
        font-weight: 700
    }

    .contacto-sec .row-2 a {
        color: #000
    }

        .contacto-sec .row-2 a:hover {
            color: #CF8A00
        }

    .contacto-sec .row-2 > div {
        width: 50%;
        padding: 50px 56px 50px 39px;
        border-bottom: 1px solid #fff;
        display: grid;
        text-align: right;
        text-transform: uppercase;
        justify-content: start;
        justify-items: start;
        margin-bottom: -7px;
    }

        .contacto-sec .row-2 > div.col-1 {
            border-right: 1px solid #fff;
            border-left: 1px solid #fff
        }

.accordion {
    width: 100%;
    padding: 1.2rem 0
}

.accordion__heading {
    margin-bottom: 1rem;
    padding-left: 1.2rem
}

.accordion__item {
    border-bottom: 1px solid #000
}

.accordion__btn {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 2.5rem;
    font-size: 1.2rem;
    text-align: left;
    background-color: transparent !important;
    border: 0;
    outline: 0;
    transition: 0.1s;
    color: #000 !important
}

@media only screen and (max-width: 991.98px) {
    .accordion__btn {
        padding-left: 0
    }
}

.accordion__btn::before {
    background-color: #000 !important
}

.accordion__btn::after {
    border-color: #000 !important
}

.accordion__btn h3 {
    font-weight: 400;
    font-family: 'Cairo', sans-serif;
    padding: 0;
    width: 100%;
    font-size: 1.8rem !important;
    text-align: right;
    padding-right: 130px
}

.accordion__item--active .accordion__btn {
    border-bottom: #000
}

    .accordion__item--active .accordion__btn h3 {
        font-weight: 600
    }

.accordion__icon {
    display: none
}

.accordion__item--active .accordion__icon {
    transform: rotate(135deg)
}

.accordion__content {
    font-weight: 300;
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transform: translateX(16px);
    transition: max-height 0.2s ease-out, opacity 0.3s ease-in, transform 0.4s ease
}

    .accordion__content .select_job {
        margin-bottom: 45px
    }

@media only screen and (min-width: 991.98px) {
    .accordion__content .text-block {
        display: flex
    }

        .accordion__content .text-block > * {
            width: 50%;
            padding: 45px
        }

    .accordion__content .select_job {
        margin-top: 0;
        margin-left: 45px
    }
}

.accordion__item--active .accordion__content {
    opacity: 1;
    transform: translateX(0px)
}

.flex-direction-nav {
    position: absolute;
    margin: 0;
    list-style: none
}

    .flex-direction-nav li {
        margin-bottom: 0 !important
    }

    .flex-direction-nav .flex-prev {
        transform: rotate(180deg);
        margin-left: -16px
    }

.png-team {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: -1
}

    .png-team img {
        max-height: 75vh
    }

@media only screen and (max-width: 730px) {
    .png-team {
        bottom: initial;
        top: 10vh
    }
}

.page-article-carriere > header::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent linear-gradient(180deg, rgba(0,0,0,0) 5%, #000 110%) 0% 0% no-repeat padding-box;
    z-index: -1;
    pointer-events: none
}

.s-postes-carriere, #postuler {
    padding-top: 0;
    padding-bottom: 6vw;
    border-left: 0 !important
}

    .s-postes-carriere > div:first-child, #postuler > div:first-child {
        padding-top: clamp(85px, 7vw, 7vw)
    }

.entete-postes {
    display: flex;
    justify-content: space-between;
    align-items: flex-start
}

    .entete-postes .mma-btn, .entete-postes .page-article-projets .nav-links .next, .page-article-projets .nav-links .entete-postes .next, .entete-postes .page-article-projets .nav-links .prev, .page-article-projets .nav-links .entete-postes .prev, .entete-postes .blog #primary > article .pagination .nav-links .next, .blog #primary > article .pagination .nav-links .entete-postes .next, .entete-postes .blog #primary > article .pagination .nav-links .prev, .blog #primary > article .pagination .nav-links .entete-postes .prev {
        margin-top: 0
    }

    .entete-postes .text-block {
        max-width: 500px
    }

.s-icones {
    text-align: center;
    padding-bottom: 7vw
}

@media only screen and (min-width: 1069.98px) {
    .s-icones {
        padding-right: 10.8vw
    }
}

.s-icones h2 {
    margin-bottom: 30px
}

.s-icones > p:nth-child(2) {
    max-width: 980px;
    display: inline-block
}

.s-icones > div {
    margin-top: 2vw;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin-left: -30px;
    margin-right: -30px
}

    .s-icones > div > div {
        max-width: 414px;
        margin: 30px
    }

        .s-icones > div > div p:nth-child(2) {
            color: #CF8A00;
            text-transform: uppercase;
            font-weight: 700;
            margin-top: 30px;
            margin-bottom: 0.4rem
        }

    .s-icones > div img {
        display: inline-block;
        max-width: 76px
    }

.s-icones > p:nth-last-child(2) {
    border-top: 1px solid #fff;
    padding-top: 2.35em;
    margin-top: 3.2vw !important
}

.video-entreprise {
    padding-left: 20px;
    padding-right: 20px
}

    .video-entreprise, .video-entreprise .video-wrapper, .video-entreprise iframe {
        height: 425px
    }

        .video-entreprise iframe {
            width: 100%
        }

.s-1-entreprise {
    margin-right: 5px
}

@media only screen and (max-width: 991.98px) {
    .s-1-entreprise .text-block {
        text-align: center;
        margin: 0 auto;
        padding-right: 0 !important
    }
}

.s-3-entreprise {
    background-attachment: fixed;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat
}

    .s-3-entreprise .bloc-transparent {
        background-color: rgba(255,255,255,0.9);
        max-width: 680px;
        padding: 6.5vw 4vw 4.5vw 4vw;
        display: inline-block;
        text-align: left
    }

    .s-3-entreprise > .logo-stylo {
        max-width: 1800px;
        padding-right: 0;
        padding-top: 10vw;
        padding-bottom: 5vw;
        position: relative
    }

        .s-3-entreprise > .logo-stylo > .bloc-transparent {
            margin-left: -25px;
            position: relative
        }

            .s-3-entreprise > .logo-stylo > .bloc-transparent::before {
                content: "";
                position: absolute;
                left: 25px;
                width: 1px;
                background-color: #000;
                height: 100%;
                bottom: 0
            }

        .s-3-entreprise > .logo-stylo::before {
            content: "";
            position: absolute;
            left: 0;
            width: 1px;
            background-color: #fff;
            height: calc(100% + 40px);
            bottom: 0
        }

        .s-3-entreprise > .logo-stylo > div:last-child {
            text-align: right
        }

@media only screen and (min-width: 650px) {
    .s-form-contact {
        background-image: url(../../../assets/images/round-outline-black.svg);
        background-repeat: no-repeat;
        background-position: 83vw center;
        background-size: 520px
    }
}

.s-form-carriere, .s-form-contact {
    text-align: center;
    padding-top: 7vw
}

@media only screen and (min-width: 1069.98px) {
    .s-form-carriere, .s-form-contact {
        padding-right: 9vw
    }
}

.s-form-carriere > div, .s-form-contact > div {
    display: flex;
    justify-content: center
}

.s-form-carriere {
    background-color: #eaeaea
}

.s-form-contact {
    padding-bottom: 4vw
}

.gform_fileupload_rules {
    display: none !important
}

.gform_title::before {
    left: calc(50% - 18px) !important;
    top: -25px !important
}

.gform_footer input[type="submit"] {
    margin-top: 0;
    padding-left: 35px !important;
    padding-right: 35px !important
}

.s-cta {
    color: #fff;
    padding-top: 13vw;
    padding-bottom: 13vw;
    position: relative;
    background-attachment: fixed;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat
}

    .s-cta::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: rgba(0,0,0,0.65);
        z-index: 0
    }

    .s-cta .text-block {
        max-width: 512px;
        position: relative
    }

.s-carte-contact {
    display: flex;
    align-items: center;
    padding-bottom: 4.4vw
}

    .s-carte-contact > div:first-child {
        width: 60vw;
        position: relative
    }

        .s-carte-contact > div:first-child iframe {
            width: 100%;
            min-height: 40vw
        }

        .s-carte-contact > div:first-child::after {
            content: "";
            position: absolute;
            width: 100%;
            height: 70px;
            background-color: #fff;
            top: -10px;
            left: 0
        }

        .s-carte-contact > div:first-child::before {
            content: "";
            position: absolute;
            left: -2px;
            width: 5px;
            height: 100%;
            background-color: #fff
        }

    .s-carte-contact > div:last-child {
        margin-left: 5vw
    }

        .s-carte-contact > div:last-child > p {
            margin-top: 3.5rem;
            margin-bottom: 3.5rem
        }

            .s-carte-contact > div:last-child > p em {
                font-style: normal;
                color: #CF8A00
            }

.prix > div, .certifications > div, .partenaires > div {
    padding-top: 5vw;
    max-width: calc(1520px + 3.5vw)
}

    .prix > div > div, .certifications > div > div, .partenaires > div > div {
        display: flex;
        align-items: center;
        justify-content: space-between
    }

        .prix > div > div .image-block, .certifications > div > div .image-block, .partenaires > div > div .image-block {
            width: 42.9vw
        }

            .prix > div > div .image-block img, .certifications > div > div .image-block img, .partenaires > div > div .image-block img {
                object-fit: cover;
                height: 100%;
                width: 100%
            }

        .prix > div > div .text-block, .certifications > div > div .text-block, .partenaires > div > div .text-block {
            max-width: 695px
        }

        .prix > div > div:nth-child(odd) .image-block, .certifications > div > div:nth-child(odd) .image-block, .partenaires > div > div:nth-child(odd) .image-block {
            height: 44.7vw
        }

            .prix > div > div:nth-child(odd) .image-block.ptn, .certifications > div > div:nth-child(odd) .image-block.ptn, .partenaires > div > div:nth-child(odd) .image-block.ptn {
                height: 545px;
                margin-right: 3.5vw
            }

        .prix > div > div:nth-child(odd) .text-block, .certifications > div > div:nth-child(odd) .text-block, .partenaires > div > div:nth-child(odd) .text-block {
            padding: 45px 70px 45px 0;
            margin-bottom: 5.1vw
        }

        .prix > div > div:nth-child(even), .certifications > div > div:nth-child(even), .partenaires > div > div:nth-child(even) {
            flex-direction: row-reverse;
            margin-top: -100px;
            z-index: 2;
            position: relative;
            padding-bottom: 4vw
        }

            .prix > div > div:nth-child(even) .image-block, .certifications > div > div:nth-child(even) .image-block, .partenaires > div > div:nth-child(even) .image-block {
                height: 31.1vw
            }

            .prix > div > div:nth-child(even) .text-block, .certifications > div > div:nth-child(even) .text-block, .partenaires > div > div:nth-child(even) .text-block {
                padding: 45px 0 45px 70px
            }

@media only screen and (max-width: 1069.98px) {
    .prix > div > div, .certifications > div > div, .partenaires > div > div {
        flex-direction: column
    }

        .prix > div > div .image-block, .prix > div > div .text-block, .certifications > div > div .image-block, .certifications > div > div .text-block, .partenaires > div > div .image-block, .partenaires > div > div .text-block {
            width: 100%
        }

        .prix > div > div .text-block, .certifications > div > div .text-block, .partenaires > div > div .text-block {
            padding-right: 25px !important
        }

        .prix > div > div .image-block, .certifications > div > div .image-block, .partenaires > div > div .image-block {
            padding-right: 0 !important
        }
}

@media only screen and (max-width: 730px) {
    .prix > div > div, .certifications > div > div, .partenaires > div > div {
        align-items: flex-start
    }

        .prix > div > div:nth-child(even), .certifications > div > div:nth-child(even), .partenaires > div > div:nth-child(even) {
            flex-direction: column
        }

        .prix > div > div:last-child, .certifications > div > div:last-child, .partenaires > div > div:last-child {
            padding-bottom: 0
        }
}

.cta-prix {
    position: relative;
    padding: 16.7vw 0;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-attachment: fixed;
    text-align: right;
    color: #fff
}

    .cta-prix::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: transparent linear-gradient(270deg, #000 0%, rgba(84,84,84,0) 100%) 0% 0% no-repeat padding-box;
        mix-blend-mode: multiply;
        opacity: 0.6
    }

    .cta-prix > div {
        padding-right: 12vw
    }

        .cta-prix > div > div {
            display: inline-block;
            text-align: left;
            position: relative
        }

        .cta-prix > div .mma-btn, .cta-prix > div .page-article-projets .nav-links .next, .page-article-projets .nav-links .cta-prix > div .next, .cta-prix > div .page-article-projets .nav-links .prev, .page-article-projets .nav-links .cta-prix > div .prev, .cta-prix > div .blog #primary > article .pagination .nav-links .next, .blog #primary > article .pagination .nav-links .cta-prix > div .next, .cta-prix > div .blog #primary > article .pagination .nav-links .prev, .blog #primary > article .pagination .nav-links .cta-prix > div .prev {
            margin-top: 1.5vw
        }

.s-cta-certifications {
    text-align: center;
    padding: 6.6vw 0;
    margin-right: 5px;
    padding-left: 20px;
    padding-right: 20px
}

    .s-cta-certifications h3 {
        font-size: clamp(2.4rem, 6.6rem, 3.7vw) !important;
        text-transform: uppercase;
        margin-top: 3vw
    }

    .s-cta-certifications > div:first-child {
        display: flex;
        justify-content: center;
        flex-wrap: wrap
    }

        .s-cta-certifications > div:first-child > img {
            margin: 32px
        }

    .s-cta-certifications > div:last-child {
        max-width: 874px;
        display: inline-block
    }

.firmes, .entrepreneurs {
    padding-top: 8vw;
    padding-bottom: 40px
}

    .firmes h2, .entrepreneurs h2 {
        margin-right: 7vw;
        margin-bottom: 1.7vw
    }

@media only screen and (min-width: 700px) {
    .firmes ul, .entrepreneurs ul {
        columns: 3
    }
}

@media only screen and (min-width: 700px) and (max-width: 1400px) {
    .firmes ul, .entrepreneurs ul {
        columns: 2
    }
}

.entrepreneurs {
    padding-bottom: 8vw
}

.s-1-savoir-faire-child {
    padding-bottom: 7vw
}

.savoir-faire-child .s-2 {
    padding: 5vw 0
}

.savoir-faire .s-icones {
    padding-top: 7vw
}

.savoir-faire .s-1
.logo-stylo {
    padding-right: 0 !important
}

.savoir-faire .s-1 .text-block {
    max-width: 512px
}

.savoir-faire .s-1 .row-2 {
    justify-content: space-between
}

.savoir-faire .s-2 {
    padding-right: 0
}

    .savoir-faire .s-2 .row-1 {
        padding-right: 2.5vw;
        padding-bottom: 5vw
    }

    .savoir-faire .s-2 .row-2 {
        padding-bottom: 0 !important
    }

.big-number-box {
    display: inline-flex;
    flex-direction: column;
    position: relative;
    z-index: 3;
    width: auto
}

    .big-number-box strong {
        color: #CF8A00;
        font-weight: bold;
        white-space: nowrap;
        margin-top: -35px
    }

        .big-number-box strong:first-child {
            margin-bottom: 2.3vw
        }

@media only screen and (max-width: 1920px) {
    .big-number-box strong:last-child {
        margin-top: -2vw
    }
}

.big-number-box span {
    font-family: 'Cairo', sans-serif;
    font-weight: 400;
    font-size: clamp(80px, 250px, 13.3vw);
    line-height: 0.8;
    white-space: nowrap;
    color: black;
    text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff
}

@supports (text-stroke: 2px white) or (-webkit-text-stroke: 2px white) {
    .big-number-box span {
        color: transparent;
        -webkit-text-stroke: 2px white;
        text-stroke: 2px white;
        text-shadow: none
    }
}

.big-number-box.shop {
    margin-top: 5.4vw;
    transform: translateX(7vw)
}

.big-number-box.employe {
    margin-right: 3.5vw;
    margin-left: 3.5vw
}

@media only screen and (max-width: 1069.98px) {
    .logo-stylo {
        margin-left: initial !important;
        padding-left: 35px !important;
        border-left: 0 !important
    }
}

@media only screen and (max-width: 1449.98px) {
    .lamar-service .contain-caption figcaption.bottom-right {
        transform-origin: initial;
        left: 0;
        bottom: 0;
        transform: initial
    }
}

@media only screen and (max-width: 991.98px) {
    .savoir-faire .row-1, .savoir-faire .row-2 {
        padding-right: 25px
    }

    .s-1-savoir-faire-child .row-2 {
        display: flex;
        flex-direction: column-reverse
    }
}

@media only screen and (max-width: 730px) {
    .row-mobile, .row-mobile > .logo-stylo {
        flex-direction: column !important
    }

        .row-mobile.reverse, .row-mobile.reverse > .logo-stylo, .row-mobile > .logo-stylo.reverse, .row-mobile > .logo-stylo.reverse > .logo-stylo {
            flex-direction: column-reverse !important
        }

        .row-mobile > *, .row-mobile > .logo-stylo > * {
            min-width: initial !important;
            max-width: initial !important;
            width: 100% !important
        }

            .row-mobile > *, .row-mobile > * img, .row-mobile > .logo-stylo > *, .row-mobile > .logo-stylo > * img {
                min-height: initial !important
            }

        .row-mobile .img-block:nth-child(2), .row-mobile .text-block:nth-child(2) {
            margin-bottom: 40px !important
        }

    .logo-stylo {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .Socialmedia-container {
        display: none
    }

    .text-block {
        padding-left: 20px !important;
        padding-right: 20px !important;
        padding-bottom: 40px !important;
        margin-right: 5px
    }

    .img-block {
        min-height: initial !important
    }

    .savoir-faire .s-1 .row-1, .savoir-faire .s-1 .row-2, .savoir-faire .s-2 .row-1, .savoir-faire .s-2 .row-2 {
        padding-right: 0 !important
    }

    .s-icones {
        padding-top: 75px !important;
        padding-left: 20px !important;
        padding-right: 20px !important;
        padding-bottom: 65px !important;
        margin-right: 5px
    }

    .contacto-sec .row-1, .contacto-sec .row-2 {
        padding-right: 0;
        margin-right: 5px
    }

    .contacto-sec .row-1 {
        padding-left: 20px;
        padding-right: 20px
    }

        .contacto-sec .row-1 > div {
            border-right: 0 !important;
            padding-top: 95px;
            padding-bottom: 70px
        }

            .contacto-sec .row-1 > div::before, .contacto-sec .row-1 > div::after {
                left: -100px
            }

    .cta-prix::before {
        background-color: rgba(0,0,0,0.7)
    }

    .cta-prix .text-block {
        padding-bottom: 0 !important
    }

    .s-1-savoir-faire-child .row-1, .s-1-savoir-faire-child .row-2 {
        padding-left: 0 !important
    }

    .row-text-left > div:first-child {
        margin-right: 5px
    }

    .s-3-entreprise > .logo-stylo > .bloc-transparent {
        margin-left: 0;
        margin-right: 5px
    }

        .s-3-entreprise > .logo-stylo > .bloc-transparent::before {
            content: none
        }

    #post-281 > div > section.s-1-carriere.section-black > div.logo-stylo {
        text-align: left !important;
        margin-left: 20px !important
    }

    .row-text-left > div:first-child {
        padding-right: 20px !important;
        margin-right: 0;
        margin-left: 0
    }

    .entete-postes > div:last-child {
        display: none
    }

    .entete-postes .text-block {
        width: 100%
    }

    .s-postes-carriere {
        padding-bottom: 65px
    }

    .gform_wrapper {
        width: 100%
    }

    .s-cta .text-block {
        padding-bottom: 0 !important;
        padding-top: 30px
    }

    .s-form-carriere, .s-form-contact {
        padding-top: 95px
    }

    .s-carte-contact {
        flex-direction: column-reverse;
        padding-bottom: 0
    }

        .s-carte-contact iframe {
            margin-bottom: -10px
        }

        .s-carte-contact > div:first-child {
            width: calc(100vw + 8px);
            margin-left: -6px
        }

        .s-carte-contact > div:last-child {
            margin-left: 0;
            margin-bottom: 20px;
            margin-top: 20px;
            padding-left: 20px
        }

    .s-carte-contact {
        align-items: flex-start
    }

    #post-153 > div > section.s-2.logo-stylo {
        padding-top: 0
    }
}

.s-careers-home {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-attachment: fixed
}

    .s-careers-home .row-text-left {
        padding-bottom: 0
    }

    .s-careers-home .text-block {
        color: white
    }

@media only screen and (max-width: 730px) {
    .s-careers-home .text-block {
        padding-bottom: 0 !important
    }
}

.s-careers-home .text-block h2 {
    font-weight: 500;
    font-size: clamp(3.4rem, 6.4rem, 4vw) !important
}
/*
.s-team {
    background-color: #000;
    color: white;
    padding-bottom: 85px;
    position: relative
}

@media only screen and (max-width: 730px) {
    .s-team {
        padding-left: 20px;
        padding-right: 20px
    }
}

@media only screen and (min-width: 1069.98px) {
    .s-team {
        padding-right: 3.5vw
    }
}

.s-team .team-header {
    text-align: center;
    max-width: 950px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 65px
}

    .s-team .team-header h2 {
        text-transform: uppercase;
        font-weight: 300;
        font-size: clamp(3.2rem, 5rem, 4vw) !important;
        position: relative
    }

        .s-team .team-header h2::before {
            content: "";
            position: absolute;
            top: -25px;
            left: calc(50% - 14px);
            width: 28px;
            height: 5px;
            background-color: #CF8A00
        }

.s-team .team-videos {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin-left: -30px;
    margin-right: -30px;
    margin-bottom: 20px
}

    .s-team .team-videos .team-video {
        width: 50%;
        padding: 30px
    }

@media only screen and (max-width: 730px) {
    .s-team .team-videos .team-video {
        width: 100%
    }
}

@media only screen and (min-width: 731px) {
    .s-team .team-videos .team-video p, .s-team .team-videos .team-video h3 {
        max-width: 90%
    }
}

.s-team .team-videos .team-video h3 {
    color: #CF8A00;
    margin-top: 25px;
    text-transform: uppercase;
    font-family: 'Cairo', sans-serif;
    font-size: 2rem;
    font-weight: 700;
    padding-bottom: 5px
}

.s-team .team-videos .team-video-iframe {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%
}

    .s-team .team-videos .team-video-iframe iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

.s-team .btn-container {
    text-align: center
}

.s-team::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 85%;
    height: 1px;
    background-color: #fff
}

.s-team .logo-stylo {
    position: relative;
    padding-top: 85px
}

    .s-team .logo-stylo::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        height: 110px;
        width: 1px;
        background-color: #fff
    }

    */
.comment-content a {
    word-wrap: break-word
}

.bypostauthor {
    display: block
}

.widget {
    margin: 0 0 1.5em
}

    .widget select {
        max-width: 100%
    }

.page-content .wp-smiley, .entry-content .wp-smiley, .comment-content .wp-smiley {
    border: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0
}

.custom-logo-link {
    display: inline-block
}

.wp-caption {
    margin-bottom: 1.5em;
    max-width: 100%
}

    .wp-caption img[class*="wp-image-"] {
        display: block;
        margin-left: auto;
        margin-right: auto
    }

    .wp-caption .wp-caption-text {
        margin: 0.8075em 0
    }

.wp-caption-text {
    text-align: center
}

.gallery {
    margin-bottom: 1.5em;
    display: grid;
    grid-gap: 1.5em
}

.gallery-item {
    display: inline-block;
    text-align: center;
    width: 100%
}

.gallery-columns-2 {
    grid-template-columns: repeat(2, 1fr)
}

.gallery-columns-3 {
    grid-template-columns: repeat(3, 1fr)
}

.gallery-columns-4 {
    grid-template-columns: repeat(4, 1fr)
}

.gallery-columns-5 {
    grid-template-columns: repeat(5, 1fr)
}

.gallery-columns-6 {
    grid-template-columns: repeat(6, 1fr)
}

.gallery-columns-7 {
    grid-template-columns: repeat(7, 1fr)
}

.gallery-columns-8 {
    grid-template-columns: repeat(8, 1fr)
}

.gallery-columns-9 {
    grid-template-columns: repeat(9, 1fr)
}

.gallery-caption {
    display: block
}

.infinite-scroll .posts-navigation, .infinite-scroll.neverending .site-footer {
    display: none
}

.infinity-end.neverending .site-footer {
    display: block
}

.gform_confirmation_message {
    text-align: center;
    color: #CF8A00;
    font-size: 2rem;
    margin-top: 6rem;
    margin-bottom: 6rem
}

.gform_wrapper.gravity-theme input[type=color], .gform_wrapper.gravity-theme input[type=date], .gform_wrapper.gravity-theme input[type=datetime-local], .gform_wrapper.gravity-theme input[type=datetime], .gform_wrapper.gravity-theme input[type=email], .gform_wrapper.gravity-theme input[type=month], .gform_wrapper.gravity-theme input[type=number], .gform_wrapper.gravity-theme input[type=password], .gform_wrapper.gravity-theme input[type=search], .gform_wrapper.gravity-theme input[type=tel], .gform_wrapper.gravity-theme input[type=text], .gform_wrapper.gravity-theme input[type=time], .gform_wrapper.gravity-theme input[type=url], .gform_wrapper.gravity-theme input[type=week], .gform_wrapper.gravity-theme select, .gform_wrapper.gravity-theme textarea, .gform_wrapper.gravity-theme .gfield_label, .gchoice label {
    font-size: 1.8rem !important;
    font-weight: 400 !important
}

.gfield_required {
    display: none !important
}

.gform_wrapper {
    width: 39vw;
    min-width: 320px
}

    .gform_wrapper input:not([type=submit]):not([type=radio]):not([type=checkbox]), .gform_wrapper textarea, .gform_wrapper select, .gform_wrapper option {
        background-color: transparent;
        text-align: center;
        border-bottom: 1px solid #000;
        color: #000;
        font-size: 1.8rem
    }

        .gform_wrapper input:not([type=submit]):not([type=radio]):not([type=checkbox])::placeholder, .gform_wrapper textarea::placeholder, .gform_wrapper select::placeholder, .gform_wrapper option::placeholder {
            color: #000;
            font-size: 1.8rem
        }

        .gform_wrapper input:not([type=submit]):not([type=radio]):not([type=checkbox]):hover, .gform_wrapper textarea:hover, .gform_wrapper select:hover, .gform_wrapper option:hover {
            border-bottom-color: #CF8A00;
            box-shadow: 0 1px 0 0 #CF8A00
        }

        .gform_wrapper input:not([type=submit]):not([type=radio]):not([type=checkbox]):focus, .gform_wrapper textarea:focus, .gform_wrapper select:focus, .gform_wrapper option:focus {
            border-bottom-color: #CF8A00;
            box-shadow: 0 1px 0 0 #CF8A00
        }

.ginput_container_fileupload {
    position: relative;
    display: flex;
    flex-direction: column
}

#file-button, #file-name {
    display: inline-block;
    width: fit-content;
    padding: 12px 31px
}

#file-name {
    color: #C9C9C9
}

#file-button {
    margin: 0 auto;
    cursor: pointer;
    position: relative;
    z-index: 100;
    background-image: url(../../../assets/images/upload-btn.svg);
    background-repeat: no-repeat;
    background-position: center left;
    padding-left: 50px;
    transition: .2s
}

    #file-button:hover {
        color: #CF8A00
    }

#field_1_7 .gfield_label {
    display: none
}

#file-button * {
    z-index: 0
}

.ginput_container_fileupload input[type="file"] {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

#file-name-container {
    position: relative;
    display: inline-block
}

#remove-file {
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
    color: #CF8A00;
    font-weight: bold;
    font-size: 2rem;
    display: none
}

.gform_submission_error {
    font-size: 2.2rem !important;
    line-height: 1.2 !important;
    font-family: 'Cairo', sans-serif;
}

.gform-icon.gform-icon--close {
    display: none !important
}

.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important
}

    .screen-reader-text:focus {
        background-color: #f1f1f1;
        border-radius: 3px;
        box-shadow: 0 0 2px 2px rgba(0,0,0,0.6);
        clip: auto !important;
        clip-path: none;
        color: #21759b;
        display: block;
        font-size: 0.875rem;
        font-weight: 700;
        height: auto;
        left: 5px;
        line-height: normal;
        padding: 15px 23px 14px;
        text-decoration: none;
        top: 5px;
        width: auto;
        z-index: 100000
    }

#primary[tabindex="-1"]:focus {
    outline: 0
}

.alignleft {
    float: left;
    margin-right: 1.5em;
    margin-bottom: 1.5em
}

.alignright {
    float: right;
    margin-left: 1.5em;
    margin-bottom: 1.5em
}

.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1.5em
}

.know-more-link {
    color: #fff; /* or your preferred text color */
    text-decoration: none; /* remove default underline */
    position: relative; /* allows positioning of pseudo-element */
    display: inline-block; /* to make width and height adjustments easier */
}

    .know-more-link::after {
        content: ''; /* pseudo-element for the underline */
        position: absolute; /* absolute position relative to .know-more-link */
        right: 0; /* align to left edge of .know-more-link */
        bottom: -17px; /* adjust this value to control the distance from text */
        width: 50%; /* span the entire width of .know-more-link */
        height: 4px; /* thickness of the underline */
        background-color: orange; /* color of the underline */
    }

.upperbannero {
    text-decoration: none; /* remove default underline */
    position: relative; /* allows positioning of pseudo-element */
    display: inline-block; /* to make width and height adjustments easier */
}

.upperbannero::after {
    content: '';
    position: absolute;
    right: 0;
    bottom: -24px;
    width: 50%;
    height: 2px;
    background-color: orange;
}


.banneroblock {
    position: absolute;
    bottom: -28px;
    left: 74px;
    text-transform: uppercase;
    background: #4e0920;
    padding: 102px 134px 115px 45px;
    z-index: 2;
    width: 43% !important;
    height: 63% !important;
}


.paragbanner {
    font-family: 'Cairo', sans-serif;
    font-size: clamp(4.5rem, 4vw + 1rem, 7rem) !important;
    text-transform: uppercase !important;
    color: #fff;
    margin: 0 !important;
    line-height: clamp(6rem, 4vw + 1rem, 8.8rem) !important;
}


    .Contact-us-link {
        color: #fff; /* or your preferred text color */
        text-decoration: none; /* remove default underline */
        position: relative; /* allows positioning of pseudo-element */
        display: table; /* to make width and height adjustments easier */
    }

    .Contact-us-link::after {
        content: '';
        position: absolute;
        right: 0;
        bottom: -2px;
        width: 80%;
        height: 1px;
        background-color: orange;
    }

footer .logo-stylo {
    margin-right: 120px !important;
    
}



lamar-projects logo-stylo .row-2 > div {
    width: 50%;
    padding: 70px 0 55px 0;
    border-bottom: 1px solid #fff;
}


.lamar-projects logo-stylo .row-2 > div.col-1 {
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
}


.button-link {
    position: relative; /* Ensure the parent container is relatively positioned */
    display: inline-block; /* Display as inline block to wrap content */
    padding-right: 2px; /* Create space to the right of the text for the line */
    padding-bottom: 5px; /* Create space to the right of the text for the line */
    text-decoration: none; /* Remove underline from the link */
    text-transform: uppercase !important;
    text-align: right;
    margin-left: 43px;
    /*font-size: 15px;*/
    color: #CF8A00; /* Line color */
}


   

    .button-link::after {
        content: '';
        position: absolute; /* Position the line absolutely */
        top: 50%; /* Align the line vertically in the middle of the text line */
        transform: translateY(-50%); /* Adjust to vertically center the line */
        left: -40px; /* Position the line after the last letter */
        width: 34px; /* Width of the line */
        height: 1px; /* Height of the line */
        background-color: #CF8A00; /* Line color */
    }

.div-class {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    padding: 15px;
    /*border-right: 1px solid #000;*/
    z-index: 0;
    position: relative;
}

.bol-org {
    color: #CF8A00!important;
    font-weight:bold;
}





/*galley-slider*/



.slider {
    max-width: 800px;
    margin: 20px auto;
    position: relative;
}

.slides {
    display: flex;
}

.slide {
    width: calc(100% / 3);
    position: relative;
    overflow: hidden;
}

/*img {
    width: 100%;
    height: auto;
    display: block;
}*/

.overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); /* Adjust opacity here */
    color: white;
    text-align: center;
    opacity: 0;
    transition: opacity 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .overlay p {
        margin: 0;
    }

.slide:hover .overlay {
    opacity: 1;
}

.navigation {
    display: flex;
    justify-content: center;
    margin-top: 10px;
}

.prev,
.next {
    cursor: pointer;
    padding: 10px;
    background-color: #f0f0f0;
    margin: 0 5px;
}

.bullets {
    display: flex;
}

.bullet {
    cursor: pointer;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #ccc;
    margin: 0 5px;
}




/*----------Contact-US---------*/

.form-group {
    margin-bottom: 20px;
    display: flex;
    flex-direction: column;
}

    .form-group label {
        display: block;
        /*margin-bottom: 8px;*/
        font-weight: normal;
        padding: 11px;
    }




.employment-status-select {
    background: #4c1122;
    color: #fff !important;
    padding: 7px;
    margin-bottom: 16px;
    border-radius: 4px;
    width: fit-content;
    text-transform:uppercase;
}


   

    /* Placeholder for the default option */
    .employment-status-select option[disabled] {
        color: #973253; /* Light grey for placeholder */
        background: #611931; /* Same background as select */
        font-size: 20px !important;
    }

    /* Style for dropdown options (this may not work in all browsers) */
    .employment-status-select option {
        background: #611931; /* Background color for options */
        color: #fff; /* Text color for options */  
        font-weight: 100 !important;
        font-weight:100!important;
        text-transform:uppercase;
        font-size:15px;
    }



/* Style for the label */
.resume-label {
    /*background: #611931;*/
    color: #fff;
    padding: 7px;
    border-radius: 4px;
    display: inline-block;
    cursor: pointer;
    margin-bottom: 5px; /* Adjust spacing as needed */
    margin-left: 10px; /* Space between label and file status */
    width: fit-content;
}

    .resume-label:hover {
        background-color: #611931; /* Background color on hover */
    }








/* Style for the file input */
.resume-input {
    display: none; /* Hide the actual file input */
}

/* Style for the 'No file chosen' text */
.file-chosen {
    color: #ffa500;
    display: inline-block;
    margin-right: 10px;
    font-weight: bold;
    vertical-align: middle;
    margin-bottom: 9px;
    font-weight: 100 !important;
}




.input-webkit-autofill {
    background:no-repeat!important
}


.form-group input, .form-group textarea {
    width: calc(100% - 20px); /* Adjusted for padding */
    padding: 11px;
    background: none;
    text-align: right;
}

    .form-group input:focus,
    .form-group textarea:focus {
       
        background: none !important;
       
    }

        /* Autofill styling for WebKit browsers */
        .form-group input:-webkit-autofill,
        .form-group textarea:-webkit-autofill {
          
            background: none !important;
        }

            /* Autofill focused state for WebKit browsers */
            .form-group input:-webkit-autofill:focus,
            .form-group textarea:-webkit-autofill:focus {
               
                background: none !important;
            }

        /* General autofill styling (try to cover non-WebKit browsers as much as possible) */
        .form-group input:-moz-autofill,
        .form-group textarea:-moz-autofill {
            
            background: none !important;
        }




.form-group textarea {
    height: 85px; /* Fixed height */
    resize: none; /* Disable resizing */
    text-align: right;
}


.submited {
    float: right;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    left: 0%;
    position: absolute;
    margin-top: 48px;
    color: #6f102b !important;
    font-size: 21px !important;
    font-weight: bold !important;
}


.career-submited {
    float: right;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    left: 0%;
    position: absolute;
    margin-top: 86px;
    color: #fff !important;
    font-size: 25px !important;
    font-weight: bold !important;
}


button::before, button::after, input[type="submit"]::before {
    content: none !important;
    height: 0px !important;
    display: none !important;
    border-bottom: none !important;
    border-left: !important;
    transform: rotate(225deg);
    animation: none !important
    }


.resize80 {
    /* width: 78%;*/
    width: 64vw;
}

 .resize80 h2{
   text-align:center;
}

    .resize80::before {
        content: "";
        position: absolute;
        /* top: 0; */
        right: 0;
        width: 29.5%;
        height: 1px;
        background-color: white;
        margin-top: -28px;
    }





.left-art {
    width: 120px;
    height: 129%;
    position: absolute;
    border-left: 1px solid #fff;
    z-index: 2
}

.your-dream {
    width: 120px;
    height: 100%;
    position: absolute;
    background: #fff;
    z-index: 1;
    right: 0
}


.contact-divo {
    position: relative;
    background-image: url('../../../assets/images/contact-us-bg.jpg'), /* Background image */
    linear-gradient(rgba(63 12 29 / 53%), rgba(63 12 29 / 53%)); /* Solid color overlay */
    background-size: cover, cover; /* Ensure both images cover the container */
    /*background-position: center, center; */
    background-blend-mode: overlay; /* Overlay mode combines image and color */
    margin-left: 12%;
    margin-bottom: -3%;
    padding: 20px; /* Adjust padding as needed */
}


.careero-divo {
    position: relative;
    background-image: url('../../../assets/images/contact-us-bg.jpg'), /* Background image */
    linear-gradient(rgba(63 12 29 / 53%), rgba(63 12 29 / 53%)); /* Solid color overlay */
    background-size: cover, cover; /* Ensure both images cover the container */
    background-position: center, center; /* Center both the image and the overlay */
    background-blend-mode: overlay; /* Overlay mode combines image and color */
    margin-right: 27%;
    margin-left:0px;
    margin-bottom: -3%;
    padding: 20px; /* Adjust padding as needed */
    justify-content: flex-end !important;
}

.abouto-divo {
    position: relative;
    background-image: url(../../../assets/images/about-section-bg.jpg), /* Background image */
    linear-gradient(rgb(45 25 32 / 94%), rgb(65 30 42 / 86%)); /* Solid color overlay */
    background-size: cover, cover; /* Ensure both images cover the container */
    background-position: center, center; /* Center both the image and the overlay */
    background-blend-mode: overlay; 
    margin-bottom: -14px;
    padding: 100px 9% 15px 9%; 
    display: grid;
    text-align: right;
}



.lino-about-rt {
    position: relative; /* Ensure relative positioning for child elements */
    /*right: -137px;*/
}

    .lino-about-rt::after {
        content: '';
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 100%;
        height: 1px;
        background-color: #fff;
        margin-right: 100px;
    }



.lino-certified {
    position: relative;
    
    display: flex;
    justify-content: flex-end;
    flex-wrap: nowrap;
    flex-direction: row;
    align-content: center;
    align-items: center;
    left: -52px; 
}

    .lino-certified::after {
        content: '';
        position: relative;
        transform: translateY(-50%);
        width: 200px;
        height: 1px;
        background-color: #CF8A00;
        margin-right: 55px; 
    }



.hr1-about-div {
    position: relative;
    padding: 0 100px; /* Padding 100px from both left and right edges */
    height: 100%;
}

    .hr1-about-div::before,
    .hr1-about-div::after {
        content: '';
        position: absolute;
        background-color: #fff; /* Change this to your desired line color */
    }

    /* Line starting from the left */
    .hr1-about-div::before {
        top: -95%;
        right: 100px; /* Start 100px from the left edge */
        width: 1px; /* Adjust thickness of the line */
        height: 195%;
    }

    /* Line starting from the bottom of the first line */
    .hr1-about-div::after {
        bottom: 0; /* Start from the very bottom */
        right: 100px; /* Start 100px from the left edge */
        width: calc(100% - 115px); /* Extend to the right edge minus 200px (100px from left + 100px from right) */
        height: 1px; /* Adjust thickness of the line */
    }

.h1-overlay-line {
    position: absolute;
    bottom: -1px;
    right: 102px;
    width: 710px;
    height: 15px;
    background-color: #4e0920;
    z-index: 15; /* Ensure it appears above other content */
}






.hr2-about-div {
    position: relative;
    padding: 0 100px; /* Padding 100px from both left and right edges */
    height: 100%;
}

    .hr2-about-div::before,
    .hr2-about-div::after {
        content: '';
        position: absolute;
        background-color: #fff; /* Change this to your desired line color */
    }

    /* Line starting from the left */
    .hr2-about-div::before {
        top: 0;
        right: 100px; /* Start 100px from the left edge */
        width: 1px; /* Adjust thickness of the line */
        height: 100%;
    }

    /* Line starting from the bottom of the first line */
    .hr2-about-div::after {
        bottom: 0; /* Start from the very bottom */
        left: 15px; /* Start 100px from the left edge */
        width: calc(100% - 30px); /* Extend to the right edge minus 200px (100px from left + 100px from right) */
        height: 1px; /* Adjust thickness of the line */
    }

.h2-overlay-line {
    position: absolute;
    bottom: -3px;
    right: 170px;
    width: 640px;
    height: 15px;
    background-color: #4e0920;
    z-index: 15; /* Ensure it appears above other content */
}




@media (max-width: 768px) {
    .contacto-sec .row-2 {
        
        flex-direction: column;
        margin-left:0px;
    }
    footer .logo-stylo {
        display: contents;
    }
    .site-footer .menu-footer{
        margin-right:0px;
    }
    .contacto-sec .row-2 > div{
            width:100%!important;
        }
    .contact-divo {
        margin-right: 0 !important;
        padding: 20px 0;
    }

    .styled-line {
       display:none;
    }

    .lamar-service .contain-caption:first-child{
        padding-top:40px;
    }

    .resize80::before{
        display:none;
    }

    footer .logo-stylo{
        margin-left:0px!important;
    }
    
        .contacto-sec .row-2 > div.col-1{
            display:none;
        }

    .border-container::after {
        display:none;
    }

    button, input[type="submit"] {
        padding: 9px 9px 4px 18.5px;
        background: #CF8A00;
    }

    .cont-wid100 {
        width: 80%!important;
    }

    .cont-wid60 {
        width: 80%!important;
    }
   /* .lino-about-rt {
        left: 5px;
    }*/

    .hr1-about-div::before, .hr2-about-div::after, .h2-overlay-line, .hr2-about-div::before, .h1-overlay-line {
        display: none !important;
    }

    .hr1-about-div::after {
        right: 0!important;
    }
    .isopart {
        margin: 0px !important;
    }

    .hr1-about-div {
        padding: 45px 0px !important
    }

    .hr2-about-div {
        padding: 45px 0px !important
    }

    .row {
        --bs-gutter-x: 0rem !important;
        margin-right: calc(var(--bs-gutter-x)* -.0)!important;
        margin-left: calc(var(--bs-gutter-x)* -.0)!important;
    }

    .lino-certified{
        left:0px!important
    }

        .lino-certified::after{
        width:32%!important
        }
}


.isopart {
    background-color: #4e0920;
    margin: 0px 100px;
    color: #fff !important;
    padding-bottom: 70px;
    padding-top: 58px;
    direction:rtl;
}

.cont-wid100 {
    width: 100%;
}

.cont-wid60 {
    width: 60%;
}


.image-overlay {
    position: relative;
    display: inline-block;
    width: 100%; /* Adjust as needed */
    height: auto; /* Maintain aspect ratio */
}

    .image-overlay img {
        display: block;
        width: 100%;
        height: auto;
    }

    .image-overlay .overlay {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 255, 0.5); /* Solid blue color with 50% opacity */
        pointer-events: none; /* Allows clicks to pass through */
    }


.design-dream {
    position: relative;
    border-top: 1px solid #000;
    margin-top: 20px;
    background-image: url(../../../assets/images/about-2.jpg), /* Background image */ linear-gradient(rgb(65 42 41 / 57%), rgb(91 52 50 / 44%));
    /*background-size: cover, cover;*/
    /*background-position: center, center;*/
    background-size: cover;
    background-position: Top;
    background-blend-mode: overlay;
}



.styled-line {
    border: 0;
    height: 3px !important; /* Adjust the height for the thickness of the line */
    background-color: #CF8A00 !important; /* Line color */
/*    margin-top: 150px !important;
*/    margin-top: 80px !important;
}




.border-container::after {
    content: '';
    position: absolute;
    top: 7vw;
    /* right: -10px; */
    /* width: 100%; */
    height: 11vw;
    border-right: 1px solid #fff;
    z-index: 1;
    /*left: 29.03%;*/
    right: 70.15vw;
}

0% {
    left: 175px!important;
}

100% {
    left: 150px!important;
    width:124px!important
}



/* CSS for end line */
.creation-end-line {
    position: absolute;
    bottom: 0;
    width: 60%; /* Adjust the width as needed */
    height: 1px;
    background-color: black; /* Adjust color as needed */
}

/* CSS for left border */
.creation-left-border {
    position: absolute;
    right: 8.33333333%; /* Adjust position based on col-sm-4 width */
    bottom: 0;
    height: 80%; /* Adjust height as needed */
    width: 1px; /* Width of the left border */
    background-color: #000; /* Color of the left border */
}

.creation-vertical-line {
    position: absolute;
    left: 200px;
    top: -56px;
    height: 74px;
    width: 1px;
    background-color: #000;
}

.creation-left-line {
    position: absolute;
    top: 16px;
    left: 200px;
    width: 60%;
    height: 1px;
    background-color: #000;
    transform: translateY(100%);
}

.about-left-line-down {
    position: absolute;
    top: -10px;
    left: 200px;
    width: 89%;
    height: 1px;
    background-color: #000;
    transform: translateY(100%);
}


.contacto-right-main {
    background-color: white;
    margin-top: 40px;
    width: 50%;
    z-index: 5
}

/*---------------------contact-----------------------*/

.contact-under-banner-line {
    position: absolute;
    top: 100px;
    left: 200px;
    width: 60%;
    height: 1px;
    background-color: #000;
    transform: translateY(100%);
}

.contact-vertical-line {
    position: absolute;
    left: 200px;
    top: 27px;
    height: 74px;
    width: 1px;
    background-color: #000;
}

.contacto-form-lefto {
    background: #4e0920;
    width: 40%;
    position: absolute;
    z-index: 5;
    right: 160px;
    text-align: right;
    margin-top: -55px;
    padding: 50px 64px 115px 64px;
}

    .contacto-left-header {
        color: #fff!important;
        text-transform: uppercase!important;
        font-weight: 400!important;
        text-align: right!important;
        line-height: 61px!important;
        font-size: 55px !important
    }

.contacto-left-pragrapho {
    color: #fff !important;
    margin-bottom: 0px !important;
    font-weight: 100!important;
}

.contacto-right-formo {
    position: relative;
    background-color: white !important;
    margin-top: 40px !important;
    width: 59% !important;
    z-index: 5 !important;
    margin-bottom: 40px !important;
}

.careero-right-formo {
    position: relative;
    
    z-index: 5 !important;
    /*margin-bottom: 40px !important;*/
    padding: 17px 39px 50px 56px;
    /*border-bottom: 1px solid #fff;*/
    display: grid;
    /*text-align: left;
    text-transform: uppercase;
    justify-content: start;*/
    justify-items: start;
}


.careero-right-header {
    color: #fff !important;
    position: relative;
    font-size: 49px !important
}

    .careero-right-header::before,
    .careero-right-header::after {
        content: '';
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 50%; /* Adjust the width of the lines as needed */
        height: 1px; /* Adjust the thickness of the lines as needed */
        background: orange; /* Adjust the color of the lines as needed */
    }

    .careero-right-header::before {
        right: -9px;
        width: 125px;
        margin-right: -126px;
    }

    .careero-right-header::after {
        left: 1px;
        width: 62px;
        left: -95px;
    }



/*--------------------------------------------------------*/



    /* Create a border-left line */
    .contacto-right-formo::before {
        content: '';
        position: absolute;
        right: 0px;
        top: -115px;
        bottom: 0;
        width: 1px;
        background-color: #fff;
        z-index:15;
    }

    /* Create a border-bottom line */
    .contacto-right-formo::after {
        content: '';
        position: absolute;
        right: -71%;
        bottom: -1px;
        left: 0;
        height: 1px;
        background-color: white;
    }

.contacto-right-header {
    color: #4e0920 !important;
    position: relative;
    font-size:49px!important

}

    .contacto-right-header::before,
    .contacto-right-header::after {
        content: '';
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 50%; /* Adjust the width of the lines as needed */
        height: 1px; /* Adjust the thickness of the lines as needed */
        background: orange; /* Adjust the color of the lines as needed */
    }

    .contacto-right-header::before {
        right: -9px;
        width: 125px;
        margin-right: -126px;
    }

    .contacto-right-header::after {
        left: 1px;
        width: 62px;
        margin-left: -95px;
    }

.contacto-line-over-img-down {
    position: absolute;
    bottom: -50px;
    right: 70px;
    height: 210px;
    width: 2px;
    background-color: orange; /* Change color as needed */
}

    /*----------------contact-end-----------------*/


.about-vertical-line-down {
        position: absolute;
        left: 200px;
        top: -83px;
        height: 74px;
        width: 1px;
        background-color: #000;
    }

.about-end-line-down {
    position: absolute;
    bottom: 0;
    width: 39%;
    height: 1px;
    background-color: black;
}

.about-end-line {
    position: absolute;
    bottom: 0;
    width: 60%; /* Adjust the width as needed */
    height: 1px;
    background-color: black; /* Adjust color as needed */
    left:100px;
}

.about-right-border {
    position: absolute;
    left: 100px;
    bottom: 0;
    height: 80%; /* Adjust height as needed */
    width: 1px; /* Width of the left border */
    background-color: #000; /* Color of the left border */
}

.about-line-over-img-down {
    position: absolute;
    bottom: -118px;
    right: 74%;
    height: 210px;
    width: 1px;
    background-color: orange; /* Change color as needed */
}

.about-cont {
    position: relative!important;
    top: 87px!important;
    right: 65px!important;
    padding-bottom: 187px!important
}

.about-blogo {
    left: 8%;
    width: 70%;
    right: 0px;
    position: relative;
    top: -100px
}



.galley-custom-div {
    height: 79px;
    border-top: 1px solid #000;
    border-left: 1px solid #000;
    margin-left: 200px;
    margin-right: 0px; /* Distance at the right */
    position: relative; /* Ensure positioning context */
}

    .galley-custom-div::before {
        content: '';
        position: absolute;
        top: -13px;
        right: 163px;
        width: 315px;
        height: 1px;
        border-top: 20px solid #ffffff;
        /* z-index: 10; */
    }

.creation-contact-custom-div {
    height: 60px;
    border-top: 1px solid #000;
    border-right: 1px solid #000;
    margin-right: 150px;
    width: 45%;
}

.navpad {
    padding: 58px 100px;
    height: 150px;
}





.contacto-p {
    color: #fff!important;
    font-weight: 400!important;
    font-size: 22px !important
}

.contacto-h2 {
    color: #fff!important;
    font-weight: 500!important;
    font-size: 48px !important;
    line-height: 54px!important;
}

.wpml-ls-legacy-list-horizontal a{
    font-size:22px
}

.imago-centaro {
    margin: 0 auto;
    vertical-align: middle;
    position: relative;
    top: 50%;
}

.equal-height {
    display: flex;
    align-items: stretch; /* Ensures all columns stretch to the same height */
}


.beside-logos {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    gap: 35px;
}

.upperbannero {
    /* Optional: Add styling for the span here */
    padding-right: 10px; /* Adds padding between the span and the image */
    text-align: right; /* Align text to the left */
}

.imago-centaro {
    max-width: 100%; /* Ensures the image does not overflow its container */
    height: auto; /* Maintains aspect ratio of the image */
}

.col6-besio-logo {
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
    right: 14%;
    position: relative;
    bottom: 0%;
    z-index: 18;
}




/*---------------partners-----------------------------*/

.partners-container {
    max-width: 83%;
    width: 100%;
    margin: 20px;
    text-align: center;
}

.partners-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr); /* 5 items per row */
    gap: 40px; /* Adjust padding between items */
    margin-bottom: 20px;
}

.partner-image-item {
    overflow: hidden;
    position: relative;
    padding: 5px; /* Padding around each image */
    box-sizing: border-box; /* Include padding in the element's total width and height */
    background-color: #fff; /* Optional: background color for image containers */
}

    .partner-image-item img {
        width: 100%;
        height: 153px; /* Set a fixed height for all images */
        object-fit: contain; /* Maintain aspect ratio while fitting inside the container */
    }

#load-more-partner {
    display: block;
    margin: 58px 30px 0px !important;
    padding-right: 60px !important;
    color: #6f102b !important;
    font-size: 21px !important;
    font-weight: bold !important;
    text-transform: uppercase;
}
/*---------------partners-end----------------------------*/


.lamar-projects.logo-stylo {
    margin:0px!important;
    padding-left:120px;
}

section.contacto-sec.logo-stylo{
    margin-left:0px!important
}

header{
    margin-left:0px!important
}

section .lamar-service {
    margin-left: 0px !important
}












/*-------------Screen ---@media (max-width: 768px)-------------------------------------------------------------------*/

@media (max-width: 768px) {

    .creation-end-line, .creation-left-border, .creation-vertical-line, .creation-left-line, .creation-contact-custom-div, .galley-custom-div {
        display: none !important;
    }

    .banner-full-height {
        max-height: 500px;
    }

    .navpad {
        padding: 0px !important;
        height: 150px !important;
    }

    .about-cont {
        right: 0px !important;
    }

    .about-right-border, .about-end-line, .about-line-over-img-down {
        display: none !important;
    }

    .about-blogo {
        left: 0;
        width: 100%!important;
        right: 0px;
        position: relative;
        top: -100px;
    }

    .entry-content::before {
        display: none;
    }

   /* .col6-besio-logo {
        right: 0px !important;
    }
*/


    .site-branding .custom-logo {
        max-width: 200px
    }

    .lamar-service .contain-caption:first-child {
        margin-right: 0px !important
    }

    .resize80 {
        width: 100%; /* Full width on mobile devices */
        text-align: right !important;
        border: none !important
    }

        .resize80 h2 {
            text-align: right !important;
        }

        .resize80 p {
            padding-right: 0px !important;
        }

    .left-art {
        display: none;
    }

    .your-dream {
        display: none;
    }


    .contacto-sec .row-2 > div {
        border: none !important;
    }


    .main-navigation #primary-menu > li {
        border-bottom: 1px solid #653c3c;
        margin: 2px 90px;
    }

    .banneroblock {
        padding: 20px;
        right: 0px;
        width: 83% !important;
        height: 63% !important;
    }
    .about-left-line-down, .about-vertical-line-down {
        display: none !important;
    }

    .lamar-service .contain-caption img{
        min-width:100%!important;
    }

    .partners-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 25px !important
    }

    #load-more-partner {
        margin: 0 auto !important;
        background: none !important;
    }

    /**************cookies*****************/
    #cookie-consent-banner {
        flex-direction: column !important;
        align-items: stretch !important;
        padding: 55px !important;
    }

}





/*-------------------------------------------------------------------------------------------------------------------*/

@media (max-width: 1366px) {

    .paragbanner {
        font-size: clamp(3.3rem, 4vw + 1rem, 4.4rem) !important;
        line-height: clamp(5rem, 4vw + 1rem, 5.2rem) !important;
    }


    .Socialmedia-container a {
        font-size: 18px;
        margin-right: 73px;
    }

        .Socialmedia-container a:not(:last-child)::after {
            width: 50px;
        }


    .Socialmedia-container {
       
        bottom: -16px;
    
    }

    .contacto-left-pragrapho{
        font-size:23px!important
    }

    .abouto-divo {
        padding: 100px 15% 15px 9%;
    }

    .hr1-about-div::before {
        top: -76%;
        right: 100px;
        width: 1px;
        height: 178%
    }
     .hr2-about-div, .hr1-about-div {
        padding: 0 40px;
    }
    .beside-logos {
        flex-direction: column;
        align-items: flex-start;
    }

    .contact-divo {
        margin-left: 7%;
    }

    .about-left-line-down {
        width: 84%;
    }

    .about-blogo {
        width: 82%;
    }

    .midlo-titelo {
        padding: 30px 10px;
    }

    .lamar-service .contain-caption img {
        min-width: 490px;
    }

    .imago-abouto {
        right: -150px !important;
    }

    .adresso {
        padding: 0px !important
    }

    .contacto-form-lefto {
        padding: 50px 40px 109px 48px !important;
    }

    .contacto-right-formo::after, .lamar-service .contain-caption:last-child::before {
        display: none;
    }

    .contacto-line-over-img-down {
        height: 99px;
        bottom: -63px;
    }


    .site-footer .menu-footer .menu li {
        font-size: 18px;
    }

    .creation-left-line {
        width: 50%;
    }

    .border-container::after {
        height: 27%;
    }

    .lamar-projects {
        padding-top: 6.7vw !important;
    }

    .left-art {
        height: 142%;
    }
}




.paragbanner {
 
    /*font-size: 54px !important;*/
    font-size: clamp(3.3rem, 4vw + 1rem, 6.4rem) !important;
    
    color: #fff;
    margin: 0 !important;
    line-height: clamp(5rem, 4vw + 1rem, 8rem) !important;
}



@media only screen and (max-width: 600px) {
    .lamar-projects .typelamar-projects {
        display: block !important;
        margin-right: 0;
        margin-left: 20px !important;
        margin-right: 25px !important
    }

        .lamar-projects .typelamar-projects > div {
            width: 100%;
            padding-left: 0;
            padding-right: 0;
            max-width: 344px;
            margin-left: auto;
            margin-right: auto
        }

            .lamar-projects .typelamar-projects > div > div {
                margin: 0
            }

                .lamar-projects .typelamar-projects > div > div img {
                    width: 100%
                }

            .lamar-projects .typelamar-projects > div figcaption {
                background-color: #000;
                color: #fff;
                padding: 5px 10px
            }
}




/************************************************cookies************************************************************/
#cookie-consent-banner {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: rgba(12, 12, 12, 0.85);
    color: white;
    text-align: center;
    padding: 45px;
    display: none; /* Initially hidden */
    z-index: 20;
    display: flex; /* Use Flexbox */
    justify-content: center; /* Center items horizontally */
    align-items: center; /* Center items vertically */
    gap: 10px; /* Space between buttons */
    box-sizing: border-box; /* Include padding in width/height */
}

    #cookie-consent-banner p {
        margin: 0;
        flex: 1; /* Allow text to take up remaining space */
       
    }

    #cookie-consent-banner button {
        background-color: #db9201;
        border: none;
        color: white !important;
        padding: 10px 20px;
        text-align: center;
        text-decoration: none;
        font-size: 16px;
        margin: 0 5px; /* Adjust margins if needed */
        cursor: pointer;
    }