/*-----------------*/
/* LOADER */
/*-----------------*/
#loader-wrapper svg{
	height: auto;
	width: 220px;
}
/***************************************************
 * Generated by SVG Artista on 10/27/2026, 11:16:04 AM
 * MIT license (https://opensource.org/licenses/MIT)
 * W. https://svgartista.net
 **************************************************/

@-webkit-keyframes animate-svg-stroke-1{0%{stroke-dashoffset:478.9914855957031px;stroke-dasharray:478.9914855957031px}100%{stroke-dashoffset:0;stroke-dasharray:478.9914855957031px}}@keyframes animate-svg-stroke-1{0%{stroke-dashoffset:478.9914855957031px;stroke-dasharray:478.9914855957031px}100%{stroke-dashoffset:0;stroke-dasharray:478.9914855957031px}}@-webkit-keyframes animate-svg-fill-1{0%{fill:transparent}100%{fill:rgb(255,255,255)}}@keyframes animate-svg-fill-1{0%{fill:transparent}100%{fill:rgb(255,255,255)}}.svg-elem-1{-webkit-animation:animate-svg-stroke-1 0.6s cubic-bezier(0.47,0,0.745,0.715) 0s both,animate-svg-fill-1 0.5s cubic-bezier(0.47,0,0.745,0.715) 0.7s both;animation:animate-svg-stroke-1 0.6s cubic-bezier(0.47,0,0.745,0.715) 0s both,animate-svg-fill-1 0.5s cubic-bezier(0.47,0,0.745,0.715) 0.7s both}@-webkit-keyframes animate-svg-stroke-2{0%{stroke-dashoffset:309.17620849609375px;stroke-dasharray:309.17620849609375px}100%{stroke-dashoffset:0;stroke-dasharray:309.17620849609375px}}@keyframes animate-svg-stroke-2{0%{stroke-dashoffset:309.17620849609375px;stroke-dasharray:309.17620849609375px}100%{stroke-dashoffset:0;stroke-dasharray:309.17620849609375px}}@-webkit-keyframes animate-svg-fill-2{0%{fill:transparent}100%{fill:rgb(255,255,255)}}@keyframes animate-svg-fill-2{0%{fill:transparent}100%{fill:rgb(255,255,255)}}.svg-elem-2{-webkit-animation:animate-svg-stroke-2 0.6s cubic-bezier(0.47,0,0.745,0.715) 0.02s both,animate-svg-fill-2 0.5s cubic-bezier(0.47,0,0.745,0.715) 0.72s both;animation:animate-svg-stroke-2 0.6s cubic-bezier(0.47,0,0.745,0.715) 0.02s both,animate-svg-fill-2 0.5s cubic-bezier(0.47,0,0.745,0.715) 0.72s both}@-webkit-keyframes animate-svg-stroke-3{0%{stroke-dashoffset:374.7751159667969px;stroke-dasharray:374.7751159667969px}100%{stroke-dashoffset:0;stroke-dasharray:374.7751159667969px}}@keyframes animate-svg-stroke-3{0%{stroke-dashoffset:374.7751159667969px;stroke-dasharray:374.7751159667969px}100%{stroke-dashoffset:0;stroke-dasharray:374.7751159667969px}}@-webkit-keyframes animate-svg-fill-3{0%{fill:transparent}100%{fill:rgb(255,255,255)}}@keyframes animate-svg-fill-3{0%{fill:transparent}100%{fill:rgb(255,255,255)}}.svg-elem-3{-webkit-animation:animate-svg-stroke-3 0.6s cubic-bezier(0.47,0,0.745,0.715) 0.04s both,animate-svg-fill-3 0.5s cubic-bezier(0.47,0,0.745,0.715) 0.74s both;animation:animate-svg-stroke-3 0.6s cubic-bezier(0.47,0,0.745,0.715) 0.04s both,animate-svg-fill-3 0.5s cubic-bezier(0.47,0,0.745,0.715) 0.74s both}@-webkit-keyframes animate-svg-stroke-4{0%{stroke-dashoffset:457.7211608886719px;stroke-dasharray:457.7211608886719px}100%{stroke-dashoffset:0;stroke-dasharray:457.7211608886719px}}@keyframes animate-svg-stroke-4{0%{stroke-dashoffset:457.7211608886719px;stroke-dasharray:457.7211608886719px}100%{stroke-dashoffset:0;stroke-dasharray:457.7211608886719px}}@-webkit-keyframes animate-svg-fill-4{0%{fill:transparent}100%{fill:rgb(255,255,255)}}@keyframes animate-svg-fill-4{0%{fill:transparent}100%{fill:rgb(255,255,255)}}.svg-elem-4{-webkit-animation:animate-svg-stroke-4 0.6s cubic-bezier(0.47,0,0.745,0.715) 0.06s both,animate-svg-fill-4 0.5s cubic-bezier(0.47,0,0.745,0.715) 0.76s both;animation:animate-svg-stroke-4 0.6s cubic-bezier(0.47,0,0.745,0.715) 0.06s both,animate-svg-fill-4 0.5s cubic-bezier(0.47,0,0.745,0.715) 0.76s both}@-webkit-keyframes animate-svg-stroke-5{0%{stroke-dashoffset:479.4482116699219px;stroke-dasharray:479.4482116699219px}100%{stroke-dashoffset:0;stroke-dasharray:479.4482116699219px}}@keyframes animate-svg-stroke-5{0%{stroke-dashoffset:479.4482116699219px;stroke-dasharray:479.4482116699219px}100%{stroke-dashoffset:0;stroke-dasharray:479.4482116699219px}}@-webkit-keyframes animate-svg-fill-5{0%{fill:transparent}100%{fill:rgb(255,255,255)}}@keyframes animate-svg-fill-5{0%{fill:transparent}100%{fill:rgb(255,255,255)}}.svg-elem-5{-webkit-animation:animate-svg-stroke-5 0.6s cubic-bezier(0.47,0,0.745,0.715) 0.08s both,animate-svg-fill-5 0.5s cubic-bezier(0.47,0,0.745,0.715) 0.7799999999999999s both;animation:animate-svg-stroke-5 0.6s cubic-bezier(0.47,0,0.745,0.715) 0.08s both,animate-svg-fill-5 0.5s cubic-bezier(0.47,0,0.745,0.715) 0.7799999999999999s both}@-webkit-keyframes animate-svg-stroke-6{0%{stroke-dashoffset:126.85385131835938px;stroke-dasharray:126.85385131835938px}100%{stroke-dashoffset:0;stroke-dasharray:126.85385131835938px}}@keyframes animate-svg-stroke-6{0%{stroke-dashoffset:126.85385131835938px;stroke-dasharray:126.85385131835938px}100%{stroke-dashoffset:0;stroke-dasharray:126.85385131835938px}}@-webkit-keyframes animate-svg-fill-6{0%{fill:transparent}100%{fill:rgb(242,161,61)}}@keyframes animate-svg-fill-6{0%{fill:transparent}100%{fill:rgb(242,161,61)}}.svg-elem-6{-webkit-animation:animate-svg-stroke-6 0.6s cubic-bezier(0.47,0,0.745,0.715) 0.1s both,animate-svg-fill-6 0.5s cubic-bezier(0.47,0,0.745,0.715) 0.7999999999999999s both;animation:animate-svg-stroke-6 0.6s cubic-bezier(0.47,0,0.745,0.715) 0.1s both,animate-svg-fill-6 0.5s cubic-bezier(0.47,0,0.745,0.715) 0.7999999999999999s both}@-webkit-keyframes animate-svg-stroke-7{0%{stroke-dashoffset:123.56936645507812px;stroke-dasharray:123.56936645507812px}100%{stroke-dashoffset:0;stroke-dasharray:123.56936645507812px}}@keyframes animate-svg-stroke-7{0%{stroke-dashoffset:123.56936645507812px;stroke-dasharray:123.56936645507812px}100%{stroke-dashoffset:0;stroke-dasharray:123.56936645507812px}}@-webkit-keyframes animate-svg-fill-7{0%{fill:transparent}100%{fill:rgb(242,161,61)}}@keyframes animate-svg-fill-7{0%{fill:transparent}100%{fill:rgb(242,161,61)}}.svg-elem-7{-webkit-animation:animate-svg-stroke-7 0.6s cubic-bezier(0.47,0,0.745,0.715) 0.12s both,animate-svg-fill-7 0.5s cubic-bezier(0.47,0,0.745,0.715) 0.82s both;animation:animate-svg-stroke-7 0.6s cubic-bezier(0.47,0,0.745,0.715) 0.12s both,animate-svg-fill-7 0.5s cubic-bezier(0.47,0,0.745,0.715) 0.82s both}@-webkit-keyframes animate-svg-stroke-8{0%{stroke-dashoffset:83.32000732421875px;stroke-dasharray:83.32000732421875px}100%{stroke-dashoffset:0;stroke-dasharray:83.32000732421875px}}@keyframes animate-svg-stroke-8{0%{stroke-dashoffset:83.32000732421875px;stroke-dasharray:83.32000732421875px}100%{stroke-dashoffset:0;stroke-dasharray:83.32000732421875px}}@-webkit-keyframes animate-svg-fill-8{0%{fill:transparent}100%{fill:rgb(242,161,61)}}@keyframes animate-svg-fill-8{0%{fill:transparent}100%{fill:rgb(242,161,61)}}.svg-elem-8{-webkit-animation:animate-svg-stroke-8 0.6s cubic-bezier(0.47,0,0.745,0.715) 0.14s both,animate-svg-fill-8 0.5s cubic-bezier(0.47,0,0.745,0.715) 0.84s both;animation:animate-svg-stroke-8 0.6s cubic-bezier(0.47,0,0.745,0.715) 0.14s both,animate-svg-fill-8 0.5s cubic-bezier(0.47,0,0.745,0.715) 0.84s both}@-webkit-keyframes animate-svg-stroke-9{0%{stroke-dashoffset:121.2608871459961px;stroke-dasharray:121.2608871459961px}100%{stroke-dashoffset:0;stroke-dasharray:121.2608871459961px}}@keyframes animate-svg-stroke-9{0%{stroke-dashoffset:121.2608871459961px;stroke-dasharray:121.2608871459961px}100%{stroke-dashoffset:0;stroke-dasharray:121.2608871459961px}}@-webkit-keyframes animate-svg-fill-9{0%{fill:transparent}100%{fill:rgb(242,161,61)}}@keyframes animate-svg-fill-9{0%{fill:transparent}100%{fill:rgb(242,161,61)}}.svg-elem-9{-webkit-animation:animate-svg-stroke-9 0.6s cubic-bezier(0.47,0,0.745,0.715) 0.16s both,animate-svg-fill-9 0.5s cubic-bezier(0.47,0,0.745,0.715) 0.86s both;animation:animate-svg-stroke-9 0.6s cubic-bezier(0.47,0,0.745,0.715) 0.16s both,animate-svg-fill-9 0.5s cubic-bezier(0.47,0,0.745,0.715) 0.86s both}@-webkit-keyframes animate-svg-stroke-10{0%{stroke-dashoffset:90.32003784179688px;stroke-dasharray:90.32003784179688px}100%{stroke-dashoffset:0;stroke-dasharray:90.32003784179688px}}@keyframes animate-svg-stroke-10{0%{stroke-dashoffset:90.32003784179688px;stroke-dasharray:90.32003784179688px}100%{stroke-dashoffset:0;stroke-dasharray:90.32003784179688px}}@-webkit-keyframes animate-svg-fill-10{0%{fill:transparent}100%{fill:rgb(242,161,61)}}@keyframes animate-svg-fill-10{0%{fill:transparent}100%{fill:rgb(242,161,61)}}.svg-elem-10{-webkit-animation:animate-svg-stroke-10 0.6s cubic-bezier(0.47,0,0.745,0.715) 0.18s both,animate-svg-fill-10 0.5s cubic-bezier(0.47,0,0.745,0.715) 0.8799999999999999s both;animation:animate-svg-stroke-10 0.6s cubic-bezier(0.47,0,0.745,0.715) 0.18s both,animate-svg-fill-10 0.5s cubic-bezier(0.47,0,0.745,0.715) 0.8799999999999999s both}@-webkit-keyframes animate-svg-stroke-11{0%{stroke-dashoffset:61.3599853515625px;stroke-dasharray:61.3599853515625px}100%{stroke-dashoffset:0;stroke-dasharray:61.3599853515625px}}@keyframes animate-svg-stroke-11{0%{stroke-dashoffset:61.3599853515625px;stroke-dasharray:61.3599853515625px}100%{stroke-dashoffset:0;stroke-dasharray:61.3599853515625px}}@-webkit-keyframes animate-svg-fill-11{0%{fill:transparent}100%{fill:rgb(242,161,61)}}@keyframes animate-svg-fill-11{0%{fill:transparent}100%{fill:rgb(242,161,61)}}.svg-elem-11{-webkit-animation:animate-svg-stroke-11 0.6s cubic-bezier(0.47,0,0.745,0.715) 0.2s both,animate-svg-fill-11 0.5s cubic-bezier(0.47,0,0.745,0.715) 0.8999999999999999s both;animation:animate-svg-stroke-11 0.6s cubic-bezier(0.47,0,0.745,0.715) 0.2s both,animate-svg-fill-11 0.5s cubic-bezier(0.47,0,0.745,0.715) 0.8999999999999999s both}@-webkit-keyframes animate-svg-stroke-12{0%{stroke-dashoffset:123.57604217529297px;stroke-dasharray:123.57604217529297px}100%{stroke-dashoffset:0;stroke-dasharray:123.57604217529297px}}@keyframes animate-svg-stroke-12{0%{stroke-dashoffset:123.57604217529297px;stroke-dasharray:123.57604217529297px}100%{stroke-dashoffset:0;stroke-dasharray:123.57604217529297px}}@-webkit-keyframes animate-svg-fill-12{0%{fill:transparent}100%{fill:rgb(242,161,61)}}@keyframes animate-svg-fill-12{0%{fill:transparent}100%{fill:rgb(242,161,61)}}.svg-elem-12{-webkit-animation:animate-svg-stroke-12 0.6s cubic-bezier(0.47,0,0.745,0.715) 0.22s both,animate-svg-fill-12 0.5s cubic-bezier(0.47,0,0.745,0.715) 0.9199999999999999s both;animation:animate-svg-stroke-12 0.6s cubic-bezier(0.47,0,0.745,0.715) 0.22s both,animate-svg-fill-12 0.5s cubic-bezier(0.47,0,0.745,0.715) 0.9199999999999999s both}@-webkit-keyframes animate-svg-stroke-13{0%{stroke-dashoffset:137.51751708984375px;stroke-dasharray:137.51751708984375px}100%{stroke-dashoffset:0;stroke-dasharray:137.51751708984375px}}@keyframes animate-svg-stroke-13{0%{stroke-dashoffset:137.51751708984375px;stroke-dasharray:137.51751708984375px}100%{stroke-dashoffset:0;stroke-dasharray:137.51751708984375px}}@-webkit-keyframes animate-svg-fill-13{0%{fill:transparent}100%{fill:rgb(242,161,61)}}@keyframes animate-svg-fill-13{0%{fill:transparent}100%{fill:rgb(242,161,61)}}.svg-elem-13{-webkit-animation:animate-svg-stroke-13 0.6s cubic-bezier(0.47,0,0.745,0.715) 0.24s both,animate-svg-fill-13 0.5s cubic-bezier(0.47,0,0.745,0.715) 0.94s both;animation:animate-svg-stroke-13 0.6s cubic-bezier(0.47,0,0.745,0.715) 0.24s both,animate-svg-fill-13 0.5s cubic-bezier(0.47,0,0.745,0.715) 0.94s both}@-webkit-keyframes animate-svg-stroke-14{0%{stroke-dashoffset:126.99630737304688px;stroke-dasharray:126.99630737304688px}100%{stroke-dashoffset:0;stroke-dasharray:126.99630737304688px}}@keyframes animate-svg-stroke-14{0%{stroke-dashoffset:126.99630737304688px;stroke-dasharray:126.99630737304688px}100%{stroke-dashoffset:0;stroke-dasharray:126.99630737304688px}}@-webkit-keyframes animate-svg-fill-14{0%{fill:transparent}100%{fill:rgb(242,161,61)}}@keyframes animate-svg-fill-14{0%{fill:transparent}100%{fill:rgb(242,161,61)}}.svg-elem-14{-webkit-animation:animate-svg-stroke-14 0.6s cubic-bezier(0.47,0,0.745,0.715) 0.26s both,animate-svg-fill-14 0.5s cubic-bezier(0.47,0,0.745,0.715) 0.96s both;animation:animate-svg-stroke-14 0.6s cubic-bezier(0.47,0,0.745,0.715) 0.26s both,animate-svg-fill-14 0.5s cubic-bezier(0.47,0,0.745,0.715) 0.96s both}@-webkit-keyframes animate-svg-stroke-15{0%{stroke-dashoffset:399.88720703125px;stroke-dasharray:399.88720703125px}100%{stroke-dashoffset:0;stroke-dasharray:399.88720703125px}}@keyframes animate-svg-stroke-15{0%{stroke-dashoffset:399.88720703125px;stroke-dasharray:399.88720703125px}100%{stroke-dashoffset:0;stroke-dasharray:399.88720703125px}}@-webkit-keyframes animate-svg-fill-15{0%{fill:transparent}100%{fill:rgb(242,161,61)}}@keyframes animate-svg-fill-15{0%{fill:transparent}100%{fill:rgb(242,161,61)}}.svg-elem-15{-webkit-animation:animate-svg-stroke-15 0.6s cubic-bezier(0.47,0,0.745,0.715) 0.28s both,animate-svg-fill-15 0.5s cubic-bezier(0.47,0,0.745,0.715) 0.98s both;animation:animate-svg-stroke-15 0.6s cubic-bezier(0.47,0,0.745,0.715) 0.28s both,animate-svg-fill-15 0.5s cubic-bezier(0.47,0,0.745,0.715) 0.98s both}@-webkit-keyframes animate-svg-stroke-16{0%{stroke-dashoffset:240.2359619140625px;stroke-dasharray:240.2359619140625px}100%{stroke-dashoffset:0;stroke-dasharray:240.2359619140625px}}@keyframes animate-svg-stroke-16{0%{stroke-dashoffset:240.2359619140625px;stroke-dasharray:240.2359619140625px}100%{stroke-dashoffset:0;stroke-dasharray:240.2359619140625px}}@-webkit-keyframes animate-svg-fill-16{0%{fill:transparent}100%{fill:rgb(226,193,145)}}@keyframes animate-svg-fill-16{0%{fill:transparent}100%{fill:rgb(226,193,145)}}.svg-elem-16{-webkit-animation:animate-svg-stroke-16 0.6s cubic-bezier(0.47,0,0.745,0.715) 0.3s both,animate-svg-fill-16 0.5s cubic-bezier(0.47,0,0.745,0.715) 1s both;animation:animate-svg-stroke-16 0.6s cubic-bezier(0.47,0,0.745,0.715) 0.3s both,animate-svg-fill-16 0.5s cubic-bezier(0.47,0,0.745,0.715) 1s both}@-webkit-keyframes animate-svg-stroke-17{0%{stroke-dashoffset:240.2359619140625px;stroke-dasharray:240.2359619140625px}100%{stroke-dashoffset:0;stroke-dasharray:240.2359619140625px}}@keyframes animate-svg-stroke-17{0%{stroke-dashoffset:240.2359619140625px;stroke-dasharray:240.2359619140625px}100%{stroke-dashoffset:0;stroke-dasharray:240.2359619140625px}}@-webkit-keyframes animate-svg-fill-17{0%{fill:transparent}100%{fill:rgb(204,144,66)}}@keyframes animate-svg-fill-17{0%{fill:transparent}100%{fill:rgb(204,144,66)}}.svg-elem-17{-webkit-animation:animate-svg-stroke-17 0.6s cubic-bezier(0.47,0,0.745,0.715) 0.32s both,animate-svg-fill-17 0.5s cubic-bezier(0.47,0,0.745,0.715) 1.02s both;animation:animate-svg-stroke-17 0.6s cubic-bezier(0.47,0,0.745,0.715) 0.32s both,animate-svg-fill-17 0.5s cubic-bezier(0.47,0,0.745,0.715) 1.02s both}

/*-----------------*/
/* ELEMENTS */
/*-----------------*/
.has-medium-font-size{
    font-family: var(--font-alt);
    font-style: italic;
}
.has-medium-font-size :is(strong, b){font-family: var(--font-alt);}

.underbutton.medium > *, 
button.medium, 
.button.medium{
	padding: 12px 22px;
	font-size: 11px;
}


hr.wp-block-separator,
.title:not(.no-after):after {
    background-image: url(../images/separator.svg);
    background-color: transparent!important;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    height: 7px;
    width: 143px;
}
/*----------------- LINK TURN -----------------*/
.linkTurn {
    --size: 12rem;
    width: var(--size);
    height: var(--size);
    display: inline-block;
    font-size: 15px;
    font-family: var(--font-title);
    text-transform: uppercase;
    letter-spacing: 0.3em;
    word-spacing: 0.35em;
    text-decoration: none;
    -webkit-font-smoothing: auto;
    font-weight: bold;
}
.link__svg {
    width: 100%;
    height: auto;
    transform-box: fill-box;
    fill: var(--title-color);
    stroke: var(--title-color);
    border-radius: 50%;
    padding: 10px;
    stroke-width: 0.05em;
    box-sizing: border-box;
    stroke-linecap: round;
    stroke-linejoin: round;
    transition: all 0.3s cubic-bezier(0.33, 1, 0.68, 1);
}
.link__arrow {
    transform-origin: 50% 50%;
    transition: transform 0.15s cubic-bezier(0.32, 0, 0.67, 0);
}
.linkTurn:hover .link__arrow {
    transform: scale(1.3);
    transition: transform 0.3s cubic-bezier(0.33, 1, 0.68, 1);
}
.link__arrow {stroke-width: 0.075em;transform: rotate(-25deg);}
.link__text {
    -webkit-animation: rotateReverse normal infinite 20s linear;
    animation: rotateReverse normal infinite 20s linear;
    transform-origin: 50% 50%;
}
.link--alt {
    font-size: 1.15rem;
    letter-spacing: 0;
    word-spacing: 0;
}

.linkTurn.white svg{
	fill: var(--white);
    stroke: var(--white);
}




/*-----------------*/
/* HEADER */
/*-----------------*/
#info-toogle {display: flex;justify-self: flex-end;}

#info-toogle svg circle {
    stroke-dasharray: 160;
    stroke-dashoffset: 0;
    transform-origin: center;
    transform: rotate(0deg);
    transition: transform 1.2s cubic-bezier(.23,1,.32,1), stroke-dashoffset 1.2s cubic-bezier(.23,1,.32,1);
}

body:not(.is-toggle-open) #info-toogle:hover svg circle {
    transform: rotate(2turn);
    stroke-dashoffset: 160;
}

#info-toogle svg path {stroke-dashoffset: 0;}

#info-toogle svg path:first-of-type {
    stroke-dasharray: 28;
    transition: stroke-dashoffset .8s cubic-bezier(.23,1,.32,1) .4s;
}
#info-toogle svg path:nth-of-type(2) {
    stroke-dasharray: 20;
    transition: stroke-dashoffset .8s cubic-bezier(.23,1,.32,1) .5s;
}

#info-toogle .header__toggler-bar {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 15px;
    height: 2px;
    background-color: var(--primary-color);
    transition: transform .8s cubic-bezier(.23,1,.32,1);
}

#info-toogle .header__toggler-bar:nth-child(2) {
    transform: translate(-50%,-50%) rotate(45deg) scaleX(0);
    transition-delay: 0s;
}
#info-toogle .header__toggler-bar:nth-child(3) {
    transform: translate(-50%,-50%) rotate(-45deg) scaleX(0);
    transition-delay: .1s;
}

body.is-toggle-open #info-toogle .header__toggler-bar:nth-child(2) {
    transform: translate(-50%,-50%) rotate(45deg) scaleX(1);
    transition-delay: .4s;
}
body.is-toggle-open #info-toogle .header__toggler-bar:nth-child(3) {
    transform: translate(-50%,-50%) rotate(-45deg) scaleX(1);
    transition-delay: .5s;
}

body.is-toggle-open #info-toogle svg path:first-of-type {
    stroke-dashoffset: 28;
    transition-delay: .1s;
}
body.is-toggle-open #info-toogle svg path:nth-of-type(2) {
    stroke-dashoffset: 20;
    transition-delay: 0s;
}

#header-nav{
    position: fixed;
    top: 0;
    right: -100%;
    width: 100%;
    height: 100vh;
    background: var(--title-color);
    overflow: hidden;
    z-index: 9998;
    -webkit-transition: all 0.5s cubic-bezier(1, 0, 0.55, 1);
    -o-transition: all 0.5s cubic-bezier(1, 0, 0.55, 1);
    transition: all 0.5s cubic-bezier(1, 0, 0.55, 1);
}
#header-nav .wrappercontent{height: 100%;}

#header-agences .itemlistwidgetagence{padding: 20px 0;}
#header-agences :is(.title, .itemlistwidgetagence){
    transform: translateY(50px);
    transition: all .4s;
    opacity: 0;

}
#header-agences .list_infoagence{padding: 0;}
#header-agences, #header-coordonnees{
    padding-top: 200px;
    padding-left: 15px;
}
#header-agences .list_infoagence .title_list_infoagence{color: var(--white);}
#header-coordonnees .flex > div:not(.title){
	font-size: 16px;
	margin: 10px 0;
	z-index: 2;
}

#header-coordonnees .flex  > div{
    transform: translateY(100px);
    opacity: 0;
    transition: all .7s;
}
.nav-text{
    position: relative;
    height: 100%;
}
.nav-text .text{
    position: absolute;
    right: 25%;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
    opacity: 0;
    transition: all .4s;
}
.nav-text .text p{
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    font-size: 10vw;
    font-weight: 800;
    line-height: 1;
    text-transform: uppercase;
    opacity: .05;
    color: var(--white);
    font-family: var(--font-bold);
}
body.is-toggle-open  #header-nav{right: 0;}
body.is-toggle-open  #header-agences :is(.title, .itemlistwidgetagence){
    transform: translateY(0);
    opacity: 1;
    transition-delay: 1.4s;
}

body.is-toggle-open  #header-agences .itemlistwidgetagence:nth-child(1) { transition-delay: 1.6s; }
body.is-toggle-open  #header-agences .itemlistwidgetagence:nth-child(2) { transition-delay: 1.8s; }
body.is-toggle-open  #header-agences .itemlistwidgetagence:nth-child(3) { transition-delay: 2s; }
body.is-toggle-open  #header-agences .itemlistwidgetagence:nth-child(4) { transition-delay: 2.2s; }

body.is-toggle-open #header-coordonnees .flex  > div{
    transform: translateY(0);
    opacity: 1;
    transition-delay: 1s;
}
body.is-toggle-open  #header-coordonnees .flex  > div:nth-child(1) { transition-delay: 0.6s; }
body.is-toggle-open  #header-coordonnees .flex  > div:nth-child(2) { transition-delay: 0.8s; }
body.is-toggle-open  #header-coordonnees .flex  > div:nth-child(3) { transition-delay: 1s; }
body.is-toggle-open  #header-coordonnees .flex  > div:nth-child(4) { transition-delay: 1.2s; }
body.is-toggle-open  #header-coordonnees .flex  > div:nth-child(5) { transition-delay: 1.4s; }
body.is-toggle-open  #header-coordonnees .flex  > div:nth-child(6) { transition-delay: 1.6s; }

#header-coordonnees #header-buttons{
	margin-top: 50px;
}

body.is-toggle-open .nav-text .text{
    opacity: 1;
    transition-delay: 1s;
}
body.is-toggle-open #fixed-button{z-index: 10;}
#header-social .share-buttons{justify-content: flex-start;}

#fixed-button{
    position: fixed;
    top: 50%;
    z-index: 11;
    right: 0;
    transform: translateY(-50%);
   
    display: flex;
    flex-direction: column;
    align-items: end;
}
#fixed-button a{box-shadow: 0 2px 24px -2px rgba(0, 0, 0, .14);}

#fixed-button .button-item span{
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    font-family: var(--font-alt);
    letter-spacing: 1px;
    padding: 0 20px;
    height: 100%;
    margin: 0;
    bottom: 0;
    width: auto;
    position: absolute;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    visibility: hidden;
    opacity: 0;
    z-index: 99;
    pointer-events: none;
    right: 100%;
    background: #191e2d;
    color: var(--white);
    transition: opacity .3s ease, visibility .3s ease, transform .3s ease;
    white-space: nowrap;
    display: flex;
    align-items: center;
}
#fixed-button .button-item a:before{
    display: block;
    transition: all 0.3s ease;
    --size: 60px;
    width: var(--size);
    height: var(--size);
    position: relative;
    background-color: var(--primary-color);
    margin-bottom: 1px;
    background-size: 20px;
    background-position: center;
    background-repeat: no-repeat;
}
#fixed-button .button-item a.call-item:before{background-image: url('../images/icons/phone-white.svg');}
#fixed-button .button-item a.contact-item:before{background-image: url('../images/icons/mail-white.svg');}
#fixed-button .button-item a.map-item:before{background-image: url('../images/icons/map-white.svg');}
#fixed-button .button-item a:hover:before{padding-right: 8px;}

#fixed-button .button-item a:hover span{
    visibility: visible;
    opacity: 1;
    transition-delay: .1s;
    transform: none;
}
/*-----------------*/
/* NAVPRIMARY */
/*-----------------*/
#navprimary .navigmenu .naviglink.lvl-0:not(.item-logo) span:after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    width: 100%;
    bottom: -14.5px;
    transform-origin: right center;
    transform: scale(0,1);
    transition: transform .25s cubic-bezier(.25,.8,.25,1);
    height: 3px;
    background: currentColor
}

#navprimary .navigmenu .active .naviglink.lvl-0 {color: var(--primary-color)}

#navprimary .navigmenu .active .naviglink.lvl-0 span:after,
#navprimary .navigmenu .naviglink.lvl-0:hover span:after {
    transform-origin: left center;
    transform: scale(1,1)
}
/*-----------------*/
/* SOCIAL */
/*-----------------*/
#header-social .label {
    margin-right: 20px;
    color: var(--white);
    font-family: var(--font-bold);
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 12px;
}
.sociblock .share-buttons a {
    --size: 35px;
    width: var(--size);
    height: var(--size);
    align-items: center;
    justify-content: center;
    margin: 0 3px
}

.sociblock .share-buttons a:before {
    content: '';
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 100%;
    top: 0;
    border-radius: 100px;
    transition: all ease 250ms;
   border: 1px solid rgb(188 188 188);
}

.sociblock .share-buttons a:hover:before {
    background: var(--primary-color);
    border-color: var(--primary-color);
}

.sociblock:not(#footer-social .sociblock) .share-buttons a svg {fill: var(--white)!important;}
#footer-social .sociblock .share-buttons a:hover svg {fill: var(--white)!important;}
.sociblock .share-buttons a svg {--size: 15px}



/*-----------------*/
/* NAVSECONDARY */
/*-----------------*/
#navsecondary{
	position: relative;
	z-index: 2;
}
#navsecondary .navigmenu .naviglink:not(.item-home){
	font-family: var(--font-text);
	font-size: 12px;
	padding: 6px 10px;
	color: var(--white);
	font-weight: bold;
	letter-spacing: 0.2px;
}

#navsecondary .navigmenu .naviglink:hover{color: var(--primary-color);}
#navsecondary .navigmenu .naviglink.lvl-0:not(.item-logo, .item-home) span:after {
    content: '';
    display: inline-block;
    width: calc(100% - 2px);
    height: 1px;
    background-color: currentColor;
    position: absolute;
    bottom: 0;
    left: 0;
    transform: scaleX(0);
    transform-origin: left;
     transition: transform .4s cubic-bezier(.48,.57,.33,.89) .1s;
}

#navsecondary .navigmenu .active .naviglink.lvl-0 span:after,
#navsecondary .navigmenu .naviglink.lvl-0:hover span:after {transform: scaleX(1)}

#navsecondary .navigtoogle:not(:last-of-type, :first-of-type):after {
    content: "";
    height: 10px;
    width: 1px;
    position: absolute;
    right: 0;
    background-color: var(--white);
    transform: translateY(-50%);
    opacity: 0.4;
    top: 50%;
}

/*-----------------*/
/* HEADERHOME */
/*-----------------*/
.ml12 .space {
  display: inline-block;
  width: 0.25em;
}
#headerHome-accroche{
	text-transform: uppercase;
	font-family: var(--font-alt);
	font-weight: bold;
}
.ml9 {
  position: relative;
  font-weight: 200;
  font-size: 4em;
}

.ml9 .text-wrapper {
  position: relative;
  display: inline-block;
  padding-top: 0.2em;
  padding-right: 0.05em;
  padding-bottom: 0.1em;
  overflow: hidden;
}

.ml9 .letter {
  transform-origin: 50% 100%;
  display: inline-block;
  line-height: 1em;
}

.ml12 .letter {
  display: inline-block;
  line-height: 1em;
}
/*-----------------*/
/* GALLERY HOME */
/*-----------------*/

/*-----------------*/
/* PRODUITS HOME */
/*-----------------*/

/*-----------------*/
/* CONTENT */
/*-----------------*/
.home #content .linkTurn {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 20px;
    z-index: 3;
    letter-spacing: 0.2em;
}
.home #content .linkTurn .link__svg {
    fill: var(--white);
    stroke: var(--white);
    background: var(--primary-color);
    position: relative;
}
.home #content .linkTurn:before{
	content: "";
	background-image: url('../images/love-mug.svg');
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	position: absolute;
	left: calc(50% + 5px);
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 1;
	--size: 5rem;
	width: var(--size);
	height: var(--size);
}

.home #content .linkTurn:hover .link__svg{background-color: var(--secondary-color);}
/*-----------------*/
/* PRESTATIONS */
/*-----------------*/

/*-----------------*/
/* ACTU */
/*-----------------*/
.date_slider{
    font-size: 12px;
}
.btnLine {
    background: none!important;
    padding: 0!important;
    line-height: 1.6;
    color: var(--title-color)!important;
    letter-spacing: 1px
}

.btnLine::after {
    content: '';
    position: absolute;
    height: 1px;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: var(--title-color);
    transform-origin: bottom right;
    transform: scaleX(0);
    transition: transform .3s ease-in-out
}

.btnLine:hover::after {
    transform: scaleX(1);
    transform-origin: bottom left
}
.design-link {
    display: inline-flex;
    align-items: center;
    padding: 0;
    padding-left: 52px;
    text-transform: uppercase;
    font-family: var(--font-bold);
    font-size: 12px;
    letter-spacing: 1px;
    position: relative;
    color: var(--title-color)
}

.design-link:before,.design-link:after {
    content: '';
    position: absolute;
    width: 46px;
    background: var(--text-color);
    height: 1px;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    transition: all .3s linear 0s
}

.design-link.white {color: var(--white)}

.design-link.white:before,
.design-link.white:after {background: var(--white)}

.design-link span:before {
    content: "";
    --size: 6px;
    width: var(--size);
    height: var(--size);
    display: inline-block;
    margin: 0;
    margin-right: 6px;
    order: -1;
    background: var(--primary-color);
    z-index: 1;
    position: relative;
    vertical-align: middle;
    top: -1px;
    border-radius: 100%
}

.design-link:after {
    width: 0;
    left: unset;
    right: 0
}

.design-link:hover {
    padding-left: 0;
    padding-right: 52px;
    color: var(--primary-color)
}

.design-link:hover:before {width: 0}
.design-link:hover:after {width: 46px}


#news-title{margin-bottom: 40px;}


#news .wrapper_inner_slider{background: none;}

#news .next_slider{margin-top: 0;}
.title_slider{font-size: 22px;}
#news .content_slider{padding: 20px 0;}


/*-----------------*/
/* SECTIONS */
/*-----------------*/
#choixSections {
    counter-reset: sections;
    display: flex;
    justify-content: center;
    position: relative
}

#choixSections:before {
    width: 80%;
    border: 1px solid var(--primary-color);
    border-bottom: none;
    border-right: none;
    top: 94px
}

#choixSections:after {
    --size: 20px;
    width: var(--size);
    height: var(--size);
    background: var(--primary-color);
    clip-path: polygon(0 0,50% 50%,100% 0,50% 50%,0 35%,50% 100%,100% 35%,50% 50%,100% 0);
    top: calc(100% + 94px);
    left: -10px
}

#choixSections .linkSections p {
    text-transform: uppercase;
    font-size: 14px;
    font-family: var(--font-title);
    letter-spacing: 1px;
    line-height: 1.3;
    text-align: center;
    color: var(--title-color);
    background: var(--background-color);
    padding: 0 30px
}

#choixSections .linkSections:not(:last-of-type) {margin-right: 30px}

#choixSections .linkSections {
    position: relative;
    cursor: pointer;
    padding: 5px 20px;
    transition: 250ms all ease-in-out;
    text-align: center
}

#choixSections .linkSections.active p {color: var(--primary-color);}

#choixSections .linkSections img {
    --size: 30px;
    width: var(--size);
    height: var(--size);
    object-fit: contain;
    filter: brightness(0) invert(1)
}

.subimageSections {
    --size: 60px;
    border-radius: 100px;
    background-color: var(--title-color);
    text-align: center;
    width: var(--size);
    height: var(--size);
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto 20px;
    transition: 250ms all ease-in-out;
    position: relative
}

#choixSections .linkSections.active .subimageSections,
#choixSections .linkSections:hover .subimageSections {
    background-color: var(--primary-color);
    filter: drop-shadow(0 5px 0 white)
}

#choixSections .linkSections .subimageSections:before{
    counter-increment: sections;
    content: counter(sections);
    color: var(--white);
    font-size: 2em;
    font-family: var(--font-title);
    transform: scale(0);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
}
#choixSections .linkSections .subimageSections:after {
    content: " ";
    --size: 100%;
    width: var(--size);
    height: var(--size);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%) scale(0);
    border: 1px solid var(--primary-color);
    opacity: 0;
    transition: .4s all;
    border-radius: 50%;
    border-bottom-left-radius: 3px
}

#choixSections .linkSections.active .subimageSections:after,
#choixSections .linkSections:hover .subimageSections:after {
    opacity: 1;
    transform: translateX(-50%) translateY(-50%) scale(1.15)
}
/*-----------------*/
/* REASSURANCES */
/*-----------------*/
#reassurances, #reassurancesBis{
    background: var(--light-color);
}
.nohome #reassurancesBis{
    margin-bottom: -50px;
    padding-bottom: 150px;
}
.picto-container li p{
	padding-left: 20px;
	font-size: 15px;
}
.picto-bloc p strong {
	font-family: var(--font-title);
	display: block;
	font-size: 20px;
	font-weight: 400;
	color: var(--primary-color);
}
/*-----------------*/
/* PARTENAIRES */
/*-----------------*/

/*-----------------*/
/* NEWSLETTER */
/*-----------------*/

/*-----------------*/
/* SHARE */
/*-----------------*/

/*-----------------*/
/* AGENCES */
/*-----------------*/

/*-----------------*/
/* CONTACTFORM */
/*-----------------*/
.blc_checkbox input.contactNewsletter{
    position: absolute;
    left: 0;
    top: 1px;
    height: 20px;
    width: 20px;
    margin-top: 0px !important;
}
/*-----------------*/
/* CONTACT PAGE */
/*-----------------*/
#contactCoordonnees #listwidgetagence{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
}
#contactCoordonnees .list_infoagence{padding: 0;}
#footerMap #mapwidgetagence{padding: 0;}
#infoouvertureContact{
	margin-top: 10px;
}
body.template-contact-php #agencesFooter{display: none;}

#contactCoordonnees #recruitContact{
	text-align: center;
	margin-top: 60px;
	border: solid 1px rgba(0,0,0,0.2);
	padding: 40px;
	margin-bottom: 40px;
	background: var(--light-color);
}
#contactCoordonnees #recruitContact .title{margin-bottom: 30px;}
#footerMap #listwidgetagence{display: none}
#footerMap #mapwidgetagence{
    width: 100%;
}
/*-----------------*/
/* RECRUTEMENT */
/*-----------------*/
#listrecrutement .list_buttonsrecrutement a{border-radius: 0!important;}



/*-----------------*/
/* NEWSLETTER */
/*-----------------*/
#newsletter{
    font-size: 15px;
    line-height: 1.6;
    background: var(--white);
    padding: 30px 15px;
    max-width: 500px;
    margin: 0 auto -20px;
    width: 92%;
    text-align: center;
    box-shadow: 0 0 20px rgb(0 0 0 / 20%);
    z-index: 3;
}

/*-----------------*/
/* GALLERY FOOTER */
/*-----------------*/
#galleryFooter{height: 430px;}
#galleryFooter:before{
	top: 50px;
	height: calc(100% - 50px);
	background-image: url('../images/footer-pattern.jpg');
	background-size: contain;
}

/*-----------------*/
/* AGENCES */
/*-----------------*/
#agencesContent .title_list_infoagence{
	font-family: var(--font-title);
	color: var(--title-color);
	font-size: 25px;
	text-transform: none;
}
#agencesContent .list_infoagence{font-size: 17px;}
#agencesContent .tel_list_infoagence{display: inline-block;}
#agencesContent .tel_list_infoagence a{font-size: 15px;}
/*-----------------*/
/* FOOTER */
/*-----------------*/
#footer-social{margin-top: 10px;}
#buttonsFooter{
	gap: 5px;
	margin-top: 30px;
}
#footer .fpi{
    width: 90px;
}
#footerLogoAlt img{height: 80px;}
#footerLogoAlt{gap: 30px;}
#footerLogoAlt .logo-groupesovia img{height: 70px;}
#footerLogoAlt .logo-lehamo img{height: 110px;}
#footerLogoAlt a{
	display: flex;
	align-items: center;
	justify-content: center;
}

#agencesFooter :is(.list_infoagence, .itemlistwidgetagence){padding: 6px 0;}
#footer .list_infoagence .title_list_infoagence{
	font-size: 14px;
	color: var(--title-color);
}

#footerLinks{
	background-color: var(--black);
	font-family: var(--font-alt);
	text-transform: uppercase;
	letter-spacing: 0.5px;
	font-weight: bold;
	font-size: 13px;
}

#menu-secondaryfooter{
	font-size: 14px;
	gap: 35px;
	justify-content: space-between;
}
#menu-secondaryfooter a{
    color: var(--title-color);
    position: relative;
}
#menu-secondaryfooter > .menu-item > a{
    font-family: var(--font-bold);
    font-size: 14px;
    cursor: inherit;
    text-transform: uppercase;
}
#menu-secondaryfooter .sub-menu a:after {
    content: '';
    display: inline-block;
    width: calc(100% - 2px);
    height: 1px;
    background-color: currentColor;
    position: absolute;
    bottom: 0;
    left: 0;
    transform: scaleX(0);
    transform-origin: left;
     transition: transform .4s cubic-bezier(.48,.57,.33,.89) .1s;
}
#menu-secondaryfooter .sub-menu a:hover{color: var(--primary-color)}
#menu-secondaryfooter .sub-menu a:hover:after {transform: scaleX(1)}