/*-----------------*/ /* LOADER */ /*-----------------*/ #loader-wrapper { background: var(--black) } #loader-wrapper svg { height: auto; width: 200px; } /*************************************************** * Generated by SVG Artista on 6/19/2026, 11:19:02 AM * MIT license (https://opensource.org/licenses/MIT) * W. https://svgartista.net **************************************************/ @-webkit-keyframes animate-svg-stroke-1 { 0% { stroke-dashoffset: 5569.00537109375px; stroke-dasharray: 5569.00537109375px } 100% { stroke-dashoffset: 0; stroke-dasharray: 5569.00537109375px } } @keyframes animate-svg-stroke-1 { 0% { stroke-dashoffset: 5569.00537109375px; stroke-dasharray: 5569.00537109375px } 100% { stroke-dashoffset: 0; stroke-dasharray: 5569.00537109375px } } @-webkit-keyframes animate-svg-fill-1 { 0% { fill: transparent } 100% { fill: rgb(254,0,6) } } @keyframes animate-svg-fill-1 { 0% { fill: transparent } 100% { fill: rgb(254,0,6) } } .svg-elem-1 { -webkit-animation: animate-svg-stroke-1 1s cubic-bezier(0.47,0,0.745,0.715) 0s both,animate-svg-fill-1 0.7s cubic-bezier(0.47,0,0.745,0.715) 0.5s both; animation: animate-svg-stroke-1 1s cubic-bezier(0.47,0,0.745,0.715) 0s both,animate-svg-fill-1 0.7s cubic-bezier(0.47,0,0.745,0.715) 0.5s both } @-webkit-keyframes animate-svg-stroke-2 { 0% { stroke-dashoffset: 1326.9775390625px; stroke-dasharray: 1326.9775390625px } 100% { stroke-dashoffset: 0; stroke-dasharray: 1326.9775390625px } } @keyframes animate-svg-stroke-2 { 0% { stroke-dashoffset: 1326.9775390625px; stroke-dasharray: 1326.9775390625px } 100% { stroke-dashoffset: 0; stroke-dasharray: 1326.9775390625px } } @-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 1s cubic-bezier(0.47,0,0.745,0.715) 0.02s both,animate-svg-fill-2 0.7s cubic-bezier(0.47,0,0.745,0.715) 0.52s both; animation: animate-svg-stroke-2 1s cubic-bezier(0.47,0,0.745,0.715) 0.02s both,animate-svg-fill-2 0.7s cubic-bezier(0.47,0,0.745,0.715) 0.52s both } @-webkit-keyframes animate-svg-stroke-3 { 0% { stroke-dashoffset: 222.0531005859375px; stroke-dasharray: 222.0531005859375px } 100% { stroke-dashoffset: 0; stroke-dasharray: 222.0531005859375px } } @keyframes animate-svg-stroke-3 { 0% { stroke-dashoffset: 222.0531005859375px; stroke-dasharray: 222.0531005859375px } 100% { stroke-dashoffset: 0; stroke-dasharray: 222.0531005859375px } } @-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 1s cubic-bezier(0.47,0,0.745,0.715) 0.04s both,animate-svg-fill-3 0.7s cubic-bezier(0.47,0,0.745,0.715) 0.54s both; animation: animate-svg-stroke-3 1s cubic-bezier(0.47,0,0.745,0.715) 0.04s both,animate-svg-fill-3 0.7s cubic-bezier(0.47,0,0.745,0.715) 0.54s both } @-webkit-keyframes animate-svg-stroke-4 { 0% { stroke-dashoffset: 332.3692321777344px; stroke-dasharray: 332.3692321777344px } 100% { stroke-dashoffset: 0; stroke-dasharray: 332.3692321777344px } } @keyframes animate-svg-stroke-4 { 0% { stroke-dashoffset: 332.3692321777344px; stroke-dasharray: 332.3692321777344px } 100% { stroke-dashoffset: 0; stroke-dasharray: 332.3692321777344px } } @-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 1s cubic-bezier(0.47,0,0.745,0.715) 0.06s both,animate-svg-fill-4 0.7s cubic-bezier(0.47,0,0.745,0.715) 0.56s both; animation: animate-svg-stroke-4 1s cubic-bezier(0.47,0,0.745,0.715) 0.06s both,animate-svg-fill-4 0.7s cubic-bezier(0.47,0,0.745,0.715) 0.56s both } @-webkit-keyframes animate-svg-stroke-5 { 0% { stroke-dashoffset: 349.1422424316406px; stroke-dasharray: 349.1422424316406px } 100% { stroke-dashoffset: 0; stroke-dasharray: 349.1422424316406px } } @keyframes animate-svg-stroke-5 { 0% { stroke-dashoffset: 349.1422424316406px; stroke-dasharray: 349.1422424316406px } 100% { stroke-dashoffset: 0; stroke-dasharray: 349.1422424316406px } } @-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 1s cubic-bezier(0.47,0,0.745,0.715) 0.08s both,animate-svg-fill-5 0.7s cubic-bezier(0.47,0,0.745,0.715) 0.58s both; animation: animate-svg-stroke-5 1s cubic-bezier(0.47,0,0.745,0.715) 0.08s both,animate-svg-fill-5 0.7s cubic-bezier(0.47,0,0.745,0.715) 0.58s both } @-webkit-keyframes animate-svg-stroke-6 { 0% { stroke-dashoffset: 349.1723937988281px; stroke-dasharray: 349.1723937988281px } 100% { stroke-dashoffset: 0; stroke-dasharray: 349.1723937988281px } } @keyframes animate-svg-stroke-6 { 0% { stroke-dashoffset: 349.1723937988281px; stroke-dasharray: 349.1723937988281px } 100% { stroke-dashoffset: 0; stroke-dasharray: 349.1723937988281px } } @-webkit-keyframes animate-svg-fill-6 { 0% { fill: transparent } 100% { fill: rgb(255,255,255) } } @keyframes animate-svg-fill-6 { 0% { fill: transparent } 100% { fill: rgb(255,255,255) } } .svg-elem-6 { -webkit-animation: animate-svg-stroke-6 1s cubic-bezier(0.47,0,0.745,0.715) 0.1s both,animate-svg-fill-6 0.7s cubic-bezier(0.47,0,0.745,0.715) 0.6s both; animation: animate-svg-stroke-6 1s cubic-bezier(0.47,0,0.745,0.715) 0.1s both,animate-svg-fill-6 0.7s cubic-bezier(0.47,0,0.745,0.715) 0.6s both } @-webkit-keyframes animate-svg-stroke-7 { 0% { stroke-dashoffset: 277.9415588378906px; stroke-dasharray: 277.9415588378906px } 100% { stroke-dashoffset: 0; stroke-dasharray: 277.9415588378906px } } @keyframes animate-svg-stroke-7 { 0% { stroke-dashoffset: 277.9415588378906px; stroke-dasharray: 277.9415588378906px } 100% { stroke-dashoffset: 0; stroke-dasharray: 277.9415588378906px } } @-webkit-keyframes animate-svg-fill-7 { 0% { fill: transparent } 100% { fill: rgb(255,255,255) } } @keyframes animate-svg-fill-7 { 0% { fill: transparent } 100% { fill: rgb(255,255,255) } } .svg-elem-7 { -webkit-animation: animate-svg-stroke-7 1s cubic-bezier(0.47,0,0.745,0.715) 0.12s both,animate-svg-fill-7 0.7s cubic-bezier(0.47,0,0.745,0.715) 0.62s both; animation: animate-svg-stroke-7 1s cubic-bezier(0.47,0,0.745,0.715) 0.12s both,animate-svg-fill-7 0.7s cubic-bezier(0.47,0,0.745,0.715) 0.62s both } @-webkit-keyframes animate-svg-stroke-8 { 0% { stroke-dashoffset: 335.53399658203125px; stroke-dasharray: 335.53399658203125px } 100% { stroke-dashoffset: 0; stroke-dasharray: 335.53399658203125px } } @keyframes animate-svg-stroke-8 { 0% { stroke-dashoffset: 335.53399658203125px; stroke-dasharray: 335.53399658203125px } 100% { stroke-dashoffset: 0; stroke-dasharray: 335.53399658203125px } } @-webkit-keyframes animate-svg-fill-8 { 0% { fill: transparent } 100% { fill: rgb(255,255,255) } } @keyframes animate-svg-fill-8 { 0% { fill: transparent } 100% { fill: rgb(255,255,255) } } .svg-elem-8 { -webkit-animation: animate-svg-stroke-8 1s cubic-bezier(0.47,0,0.745,0.715) 0.14s both,animate-svg-fill-8 0.7s cubic-bezier(0.47,0,0.745,0.715) 0.64s both; animation: animate-svg-stroke-8 1s cubic-bezier(0.47,0,0.745,0.715) 0.14s both,animate-svg-fill-8 0.7s cubic-bezier(0.47,0,0.745,0.715) 0.64s both } @-webkit-keyframes animate-svg-stroke-9 { 0% { stroke-dashoffset: 180.53277587890625px; stroke-dasharray: 180.53277587890625px } 100% { stroke-dashoffset: 0; stroke-dasharray: 180.53277587890625px } } @keyframes animate-svg-stroke-9 { 0% { stroke-dashoffset: 180.53277587890625px; stroke-dasharray: 180.53277587890625px } 100% { stroke-dashoffset: 0; stroke-dasharray: 180.53277587890625px } } @-webkit-keyframes animate-svg-fill-9 { 0% { fill: transparent } 100% { fill: rgb(255,255,255) } } @keyframes animate-svg-fill-9 { 0% { fill: transparent } 100% { fill: rgb(255,255,255) } } .svg-elem-9 { -webkit-animation: animate-svg-stroke-9 1s cubic-bezier(0.47,0,0.745,0.715) 0.16s both,animate-svg-fill-9 0.7s cubic-bezier(0.47,0,0.745,0.715) 0.66s both; animation: animate-svg-stroke-9 1s cubic-bezier(0.47,0,0.745,0.715) 0.16s both,animate-svg-fill-9 0.7s cubic-bezier(0.47,0,0.745,0.715) 0.66s both } @-webkit-keyframes animate-svg-stroke-10 { 0% { stroke-dashoffset: 312.79937744140625px; stroke-dasharray: 312.79937744140625px } 100% { stroke-dashoffset: 0; stroke-dasharray: 312.79937744140625px } } @keyframes animate-svg-stroke-10 { 0% { stroke-dashoffset: 312.79937744140625px; stroke-dasharray: 312.79937744140625px } 100% { stroke-dashoffset: 0; stroke-dasharray: 312.79937744140625px } } @-webkit-keyframes animate-svg-fill-10 { 0% { fill: transparent } 100% { fill: rgb(255,255,255) } } @keyframes animate-svg-fill-10 { 0% { fill: transparent } 100% { fill: rgb(255,255,255) } } .svg-elem-10 { -webkit-animation: animate-svg-stroke-10 1s cubic-bezier(0.47,0,0.745,0.715) 0.18s both,animate-svg-fill-10 0.7s cubic-bezier(0.47,0,0.745,0.715) 0.6799999999999999s both; animation: animate-svg-stroke-10 1s cubic-bezier(0.47,0,0.745,0.715) 0.18s both,animate-svg-fill-10 0.7s cubic-bezier(0.47,0,0.745,0.715) 0.6799999999999999s both } @-webkit-keyframes animate-svg-stroke-11 { 0% { stroke-dashoffset: 240.67587280273438px; stroke-dasharray: 240.67587280273438px } 100% { stroke-dashoffset: 0; stroke-dasharray: 240.67587280273438px } } @keyframes animate-svg-stroke-11 { 0% { stroke-dashoffset: 240.67587280273438px; stroke-dasharray: 240.67587280273438px } 100% { stroke-dashoffset: 0; stroke-dasharray: 240.67587280273438px } } @-webkit-keyframes animate-svg-fill-11 { 0% { fill: transparent } 100% { fill: rgb(255,255,255) } } @keyframes animate-svg-fill-11 { 0% { fill: transparent } 100% { fill: rgb(255,255,255) } } .svg-elem-11 { -webkit-animation: animate-svg-stroke-11 1s cubic-bezier(0.47,0,0.745,0.715) 0.2s both,animate-svg-fill-11 0.7s cubic-bezier(0.47,0,0.745,0.715) 0.7s both; animation: animate-svg-stroke-11 1s cubic-bezier(0.47,0,0.745,0.715) 0.2s both,animate-svg-fill-11 0.7s cubic-bezier(0.47,0,0.745,0.715) 0.7s both } @-webkit-keyframes animate-svg-stroke-12 { 0% { stroke-dashoffset: 119.20066833496094px; stroke-dasharray: 119.20066833496094px } 100% { stroke-dashoffset: 0; stroke-dasharray: 119.20066833496094px } } @keyframes animate-svg-stroke-12 { 0% { stroke-dashoffset: 119.20066833496094px; stroke-dasharray: 119.20066833496094px } 100% { stroke-dashoffset: 0; stroke-dasharray: 119.20066833496094px } } @-webkit-keyframes animate-svg-fill-12 { 0% { fill: transparent } 100% { fill: rgb(254,0,6) } } @keyframes animate-svg-fill-12 { 0% { fill: transparent } 100% { fill: rgb(254,0,6) } } .svg-elem-12 { -webkit-animation: animate-svg-stroke-12 1s cubic-bezier(0.47,0,0.745,0.715) 0.22s both,animate-svg-fill-12 0.7s cubic-bezier(0.47,0,0.745,0.715) 0.72s both; animation: animate-svg-stroke-12 1s cubic-bezier(0.47,0,0.745,0.715) 0.22s both,animate-svg-fill-12 0.7s cubic-bezier(0.47,0,0.745,0.715) 0.72s both } @-webkit-keyframes animate-svg-stroke-13 { 0% { stroke-dashoffset: 79.28421020507812px; stroke-dasharray: 79.28421020507812px } 100% { stroke-dashoffset: 0; stroke-dasharray: 79.28421020507812px } } @keyframes animate-svg-stroke-13 { 0% { stroke-dashoffset: 79.28421020507812px; stroke-dasharray: 79.28421020507812px } 100% { stroke-dashoffset: 0; stroke-dasharray: 79.28421020507812px } } @-webkit-keyframes animate-svg-fill-13 { 0% { fill: transparent } 100% { fill: rgb(254,0,6) } } @keyframes animate-svg-fill-13 { 0% { fill: transparent } 100% { fill: rgb(254,0,6) } } .svg-elem-13 { -webkit-animation: animate-svg-stroke-13 1s cubic-bezier(0.47,0,0.745,0.715) 0.24s both,animate-svg-fill-13 0.7s cubic-bezier(0.47,0,0.745,0.715) 0.74s both; animation: animate-svg-stroke-13 1s cubic-bezier(0.47,0,0.745,0.715) 0.24s both,animate-svg-fill-13 0.7s cubic-bezier(0.47,0,0.745,0.715) 0.74s both } @-webkit-keyframes animate-svg-stroke-14 { 0% { stroke-dashoffset: 25.984006881713867px; stroke-dasharray: 25.984006881713867px } 100% { stroke-dashoffset: 0; stroke-dasharray: 25.984006881713867px } } @keyframes animate-svg-stroke-14 { 0% { stroke-dashoffset: 25.984006881713867px; stroke-dasharray: 25.984006881713867px } 100% { stroke-dashoffset: 0; stroke-dasharray: 25.984006881713867px } } @-webkit-keyframes animate-svg-fill-14 { 0% { fill: transparent } 100% { fill: rgb(254,0,6) } } @keyframes animate-svg-fill-14 { 0% { fill: transparent } 100% { fill: rgb(254,0,6) } } .svg-elem-14 { -webkit-animation: animate-svg-stroke-14 1s cubic-bezier(0.47,0,0.745,0.715) 0.26s both,animate-svg-fill-14 0.7s cubic-bezier(0.47,0,0.745,0.715) 0.76s both; animation: animate-svg-stroke-14 1s cubic-bezier(0.47,0,0.745,0.715) 0.26s both,animate-svg-fill-14 0.7s cubic-bezier(0.47,0,0.745,0.715) 0.76s both } @-webkit-keyframes animate-svg-stroke-15 { 0% { stroke-dashoffset: 69.38563537597656px; stroke-dasharray: 69.38563537597656px } 100% { stroke-dashoffset: 0; stroke-dasharray: 69.38563537597656px } } @keyframes animate-svg-stroke-15 { 0% { stroke-dashoffset: 69.38563537597656px; stroke-dasharray: 69.38563537597656px } 100% { stroke-dashoffset: 0; stroke-dasharray: 69.38563537597656px } } @-webkit-keyframes animate-svg-fill-15 { 0% { fill: transparent } 100% { fill: rgb(254,0,6) } } @keyframes animate-svg-fill-15 { 0% { fill: transparent } 100% { fill: rgb(254,0,6) } } .svg-elem-15 { -webkit-animation: animate-svg-stroke-15 1s cubic-bezier(0.47,0,0.745,0.715) 0.28s both,animate-svg-fill-15 0.7s cubic-bezier(0.47,0,0.745,0.715) 0.78s both; animation: animate-svg-stroke-15 1s cubic-bezier(0.47,0,0.745,0.715) 0.28s both,animate-svg-fill-15 0.7s cubic-bezier(0.47,0,0.745,0.715) 0.78s both } @-webkit-keyframes animate-svg-stroke-16 { 0% { stroke-dashoffset: 25.05167024218963px; stroke-dasharray: 25.05167024218963px } 100% { stroke-dashoffset: 0; stroke-dasharray: 25.05167024218963px } } @keyframes animate-svg-stroke-16 { 0% { stroke-dashoffset: 25.05167024218963px; stroke-dasharray: 25.05167024218963px } 100% { stroke-dashoffset: 0; stroke-dasharray: 25.05167024218963px } } @-webkit-keyframes animate-svg-fill-16 { 0% { fill: transparent } 100% { fill: rgb(254,0,6) } } @keyframes animate-svg-fill-16 { 0% { fill: transparent } 100% { fill: rgb(254,0,6) } } .svg-elem-16 { -webkit-animation: animate-svg-stroke-16 1s cubic-bezier(0.47,0,0.745,0.715) 0.3s both,animate-svg-fill-16 0.7s cubic-bezier(0.47,0,0.745,0.715) 0.8s both; animation: animate-svg-stroke-16 1s cubic-bezier(0.47,0,0.745,0.715) 0.3s both,animate-svg-fill-16 0.7s cubic-bezier(0.47,0,0.745,0.715) 0.8s both } @-webkit-keyframes animate-svg-stroke-17 { 0% { stroke-dashoffset: 106.15260314941406px; stroke-dasharray: 106.15260314941406px } 100% { stroke-dashoffset: 0; stroke-dasharray: 106.15260314941406px } } @keyframes animate-svg-stroke-17 { 0% { stroke-dashoffset: 106.15260314941406px; stroke-dasharray: 106.15260314941406px } 100% { stroke-dashoffset: 0; stroke-dasharray: 106.15260314941406px } } @-webkit-keyframes animate-svg-fill-17 { 0% { fill: transparent } 100% { fill: rgb(254,0,6) } } @keyframes animate-svg-fill-17 { 0% { fill: transparent } 100% { fill: rgb(254,0,6) } } .svg-elem-17 { -webkit-animation: animate-svg-stroke-17 1s cubic-bezier(0.47,0,0.745,0.715) 0.32s both,animate-svg-fill-17 0.7s cubic-bezier(0.47,0,0.745,0.715) 0.8200000000000001s both; animation: animate-svg-stroke-17 1s cubic-bezier(0.47,0,0.745,0.715) 0.32s both,animate-svg-fill-17 0.7s cubic-bezier(0.47,0,0.745,0.715) 0.8200000000000001s both } @-webkit-keyframes animate-svg-stroke-18 { 0% { stroke-dashoffset: 72.81945037841797px; stroke-dasharray: 72.81945037841797px } 100% { stroke-dashoffset: 0; stroke-dasharray: 72.81945037841797px } } @keyframes animate-svg-stroke-18 { 0% { stroke-dashoffset: 72.81945037841797px; stroke-dasharray: 72.81945037841797px } 100% { stroke-dashoffset: 0; stroke-dasharray: 72.81945037841797px } } @-webkit-keyframes animate-svg-fill-18 { 0% { fill: transparent } 100% { fill: rgb(254,0,6) } } @keyframes animate-svg-fill-18 { 0% { fill: transparent } 100% { fill: rgb(254,0,6) } } .svg-elem-18 { -webkit-animation: animate-svg-stroke-18 1s cubic-bezier(0.47,0,0.745,0.715) 0.34s both,animate-svg-fill-18 0.7s cubic-bezier(0.47,0,0.745,0.715) 0.8400000000000001s both; animation: animate-svg-stroke-18 1s cubic-bezier(0.47,0,0.745,0.715) 0.34s both,animate-svg-fill-18 0.7s cubic-bezier(0.47,0,0.745,0.715) 0.8400000000000001s both } @-webkit-keyframes animate-svg-stroke-19 { 0% { stroke-dashoffset: 70.82147216796875px; stroke-dasharray: 70.82147216796875px } 100% { stroke-dashoffset: 0; stroke-dasharray: 70.82147216796875px } } @keyframes animate-svg-stroke-19 { 0% { stroke-dashoffset: 70.82147216796875px; stroke-dasharray: 70.82147216796875px } 100% { stroke-dashoffset: 0; stroke-dasharray: 70.82147216796875px } } @-webkit-keyframes animate-svg-fill-19 { 0% { fill: transparent } 100% { fill: rgb(254,0,6) } } @keyframes animate-svg-fill-19 { 0% { fill: transparent } 100% { fill: rgb(254,0,6) } } .svg-elem-19 { -webkit-animation: animate-svg-stroke-19 1s cubic-bezier(0.47,0,0.745,0.715) 0.36s both,animate-svg-fill-19 0.7s cubic-bezier(0.47,0,0.745,0.715) 0.86s both; animation: animate-svg-stroke-19 1s cubic-bezier(0.47,0,0.745,0.715) 0.36s both,animate-svg-fill-19 0.7s cubic-bezier(0.47,0,0.745,0.715) 0.86s both } @-webkit-keyframes animate-svg-stroke-20 { 0% { stroke-dashoffset: 71.16993713378906px; stroke-dasharray: 71.16993713378906px } 100% { stroke-dashoffset: 0; stroke-dasharray: 71.16993713378906px } } @keyframes animate-svg-stroke-20 { 0% { stroke-dashoffset: 71.16993713378906px; stroke-dasharray: 71.16993713378906px } 100% { stroke-dashoffset: 0; stroke-dasharray: 71.16993713378906px } } @-webkit-keyframes animate-svg-fill-20 { 0% { fill: transparent } 100% { fill: rgb(254,0,6) } } @keyframes animate-svg-fill-20 { 0% { fill: transparent } 100% { fill: rgb(254,0,6) } } .svg-elem-20 { -webkit-animation: animate-svg-stroke-20 1s cubic-bezier(0.47,0,0.745,0.715) 0.38s both,animate-svg-fill-20 0.7s cubic-bezier(0.47,0,0.745,0.715) 0.88s both; animation: animate-svg-stroke-20 1s cubic-bezier(0.47,0,0.745,0.715) 0.38s both,animate-svg-fill-20 0.7s cubic-bezier(0.47,0,0.745,0.715) 0.88s both } @-webkit-keyframes animate-svg-stroke-21 { 0% { stroke-dashoffset: 103.95598602294922px; stroke-dasharray: 103.95598602294922px } 100% { stroke-dashoffset: 0; stroke-dasharray: 103.95598602294922px } } @keyframes animate-svg-stroke-21 { 0% { stroke-dashoffset: 103.95598602294922px; stroke-dasharray: 103.95598602294922px } 100% { stroke-dashoffset: 0; stroke-dasharray: 103.95598602294922px } } @-webkit-keyframes animate-svg-fill-21 { 0% { fill: transparent } 100% { fill: rgb(254,0,6) } } @keyframes animate-svg-fill-21 { 0% { fill: transparent } 100% { fill: rgb(254,0,6) } } .svg-elem-21 { -webkit-animation: animate-svg-stroke-21 1s cubic-bezier(0.47,0,0.745,0.715) 0.4s both,animate-svg-fill-21 0.7s cubic-bezier(0.47,0,0.745,0.715) 0.9s both; animation: animate-svg-stroke-21 1s cubic-bezier(0.47,0,0.745,0.715) 0.4s both,animate-svg-fill-21 0.7s cubic-bezier(0.47,0,0.745,0.715) 0.9s both } @-webkit-keyframes animate-svg-stroke-22 { 0% { stroke-dashoffset: 102.97502899169922px; stroke-dasharray: 102.97502899169922px } 100% { stroke-dashoffset: 0; stroke-dasharray: 102.97502899169922px } } @keyframes animate-svg-stroke-22 { 0% { stroke-dashoffset: 102.97502899169922px; stroke-dasharray: 102.97502899169922px } 100% { stroke-dashoffset: 0; stroke-dasharray: 102.97502899169922px } } @-webkit-keyframes animate-svg-fill-22 { 0% { fill: transparent } 100% { fill: rgb(254,0,6) } } @keyframes animate-svg-fill-22 { 0% { fill: transparent } 100% { fill: rgb(254,0,6) } } .svg-elem-22 { -webkit-animation: animate-svg-stroke-22 1s cubic-bezier(0.47,0,0.745,0.715) 0.42s both,animate-svg-fill-22 0.7s cubic-bezier(0.47,0,0.745,0.715) 0.9199999999999999s both; animation: animate-svg-stroke-22 1s cubic-bezier(0.47,0,0.745,0.715) 0.42s both,animate-svg-fill-22 0.7s cubic-bezier(0.47,0,0.745,0.715) 0.9199999999999999s both } @-webkit-keyframes animate-svg-stroke-23 { 0% { stroke-dashoffset: 99.14510345458984px; stroke-dasharray: 99.14510345458984px } 100% { stroke-dashoffset: 0; stroke-dasharray: 99.14510345458984px } } @keyframes animate-svg-stroke-23 { 0% { stroke-dashoffset: 99.14510345458984px; stroke-dasharray: 99.14510345458984px } 100% { stroke-dashoffset: 0; stroke-dasharray: 99.14510345458984px } } @-webkit-keyframes animate-svg-fill-23 { 0% { fill: transparent } 100% { fill: rgb(254,0,6) } } @keyframes animate-svg-fill-23 { 0% { fill: transparent } 100% { fill: rgb(254,0,6) } } .svg-elem-23 { -webkit-animation: animate-svg-stroke-23 1s cubic-bezier(0.47,0,0.745,0.715) 0.44s both,animate-svg-fill-23 0.7s cubic-bezier(0.47,0,0.745,0.715) 0.94s both; animation: animate-svg-stroke-23 1s cubic-bezier(0.47,0,0.745,0.715) 0.44s both,animate-svg-fill-23 0.7s cubic-bezier(0.47,0,0.745,0.715) 0.94s both } @-webkit-keyframes animate-svg-stroke-24 { 0% { stroke-dashoffset: 103.03375244140625px; stroke-dasharray: 103.03375244140625px } 100% { stroke-dashoffset: 0; stroke-dasharray: 103.03375244140625px } } @keyframes animate-svg-stroke-24 { 0% { stroke-dashoffset: 103.03375244140625px; stroke-dasharray: 103.03375244140625px } 100% { stroke-dashoffset: 0; stroke-dasharray: 103.03375244140625px } } @-webkit-keyframes animate-svg-fill-24 { 0% { fill: transparent } 100% { fill: rgb(254,0,6) } } @keyframes animate-svg-fill-24 { 0% { fill: transparent } 100% { fill: rgb(254,0,6) } } .svg-elem-24 { -webkit-animation: animate-svg-stroke-24 1s cubic-bezier(0.47,0,0.745,0.715) 0.46s both,animate-svg-fill-24 0.7s cubic-bezier(0.47,0,0.745,0.715) 0.96s both; animation: animate-svg-stroke-24 1s cubic-bezier(0.47,0,0.745,0.715) 0.46s both,animate-svg-fill-24 0.7s cubic-bezier(0.47,0,0.745,0.715) 0.96s both } @-webkit-keyframes animate-svg-stroke-25 { 0% { stroke-dashoffset: 85.02536010742188px; stroke-dasharray: 85.02536010742188px } 100% { stroke-dashoffset: 0; stroke-dasharray: 85.02536010742188px } } @keyframes animate-svg-stroke-25 { 0% { stroke-dashoffset: 85.02536010742188px; stroke-dasharray: 85.02536010742188px } 100% { stroke-dashoffset: 0; stroke-dasharray: 85.02536010742188px } } @-webkit-keyframes animate-svg-fill-25 { 0% { fill: transparent } 100% { fill: rgb(254,0,6) } } @keyframes animate-svg-fill-25 { 0% { fill: transparent } 100% { fill: rgb(254,0,6) } } .svg-elem-25 { -webkit-animation: animate-svg-stroke-25 1s cubic-bezier(0.47,0,0.745,0.715) 0.48s both,animate-svg-fill-25 0.7s cubic-bezier(0.47,0,0.745,0.715) 0.98s both; animation: animate-svg-stroke-25 1s cubic-bezier(0.47,0,0.745,0.715) 0.48s both,animate-svg-fill-25 0.7s cubic-bezier(0.47,0,0.745,0.715) 0.98s both } @-webkit-keyframes animate-svg-stroke-26 { 0% { stroke-dashoffset: 150.78201293945312px; stroke-dasharray: 150.78201293945312px } 100% { stroke-dashoffset: 0; stroke-dasharray: 150.78201293945312px } } @keyframes animate-svg-stroke-26 { 0% { stroke-dashoffset: 150.78201293945312px; stroke-dasharray: 150.78201293945312px } 100% { stroke-dashoffset: 0; stroke-dasharray: 150.78201293945312px } } @-webkit-keyframes animate-svg-fill-26 { 0% { fill: transparent } 100% { fill: rgb(254,0,6) } } @keyframes animate-svg-fill-26 { 0% { fill: transparent } 100% { fill: rgb(254,0,6) } } .svg-elem-26 { -webkit-animation: animate-svg-stroke-26 1s cubic-bezier(0.47,0,0.745,0.715) 0.5s both,animate-svg-fill-26 0.7s cubic-bezier(0.47,0,0.745,0.715) 1s both; animation: animate-svg-stroke-26 1s cubic-bezier(0.47,0,0.745,0.715) 0.5s both,animate-svg-fill-26 0.7s cubic-bezier(0.47,0,0.745,0.715) 1s both } @-webkit-keyframes animate-svg-stroke-27 { 0% { stroke-dashoffset: 103.9081039428711px; stroke-dasharray: 103.9081039428711px } 100% { stroke-dashoffset: 0; stroke-dasharray: 103.9081039428711px } } @keyframes animate-svg-stroke-27 { 0% { stroke-dashoffset: 103.9081039428711px; stroke-dasharray: 103.9081039428711px } 100% { stroke-dashoffset: 0; stroke-dasharray: 103.9081039428711px } } @-webkit-keyframes animate-svg-fill-27 { 0% { fill: transparent } 100% { fill: rgb(254,0,6) } } @keyframes animate-svg-fill-27 { 0% { fill: transparent } 100% { fill: rgb(254,0,6) } } .svg-elem-27 { -webkit-animation: animate-svg-stroke-27 1s cubic-bezier(0.47,0,0.745,0.715) 0.52s both,animate-svg-fill-27 0.7s cubic-bezier(0.47,0,0.745,0.715) 1.02s both; animation: animate-svg-stroke-27 1s cubic-bezier(0.47,0,0.745,0.715) 0.52s both,animate-svg-fill-27 0.7s cubic-bezier(0.47,0,0.745,0.715) 1.02s both } @-webkit-keyframes animate-svg-stroke-28 { 0% { stroke-dashoffset: 102.70344543457031px; stroke-dasharray: 102.70344543457031px } 100% { stroke-dashoffset: 0; stroke-dasharray: 102.70344543457031px } } @keyframes animate-svg-stroke-28 { 0% { stroke-dashoffset: 102.70344543457031px; stroke-dasharray: 102.70344543457031px } 100% { stroke-dashoffset: 0; stroke-dasharray: 102.70344543457031px } } @-webkit-keyframes animate-svg-fill-28 { 0% { fill: transparent } 100% { fill: rgb(254,0,6) } } @keyframes animate-svg-fill-28 { 0% { fill: transparent } 100% { fill: rgb(254,0,6) } } .svg-elem-28 { -webkit-animation: animate-svg-stroke-28 1s cubic-bezier(0.47,0,0.745,0.715) 0.54s both,animate-svg-fill-28 0.7s cubic-bezier(0.47,0,0.745,0.715) 1.04s both; animation: animate-svg-stroke-28 1s cubic-bezier(0.47,0,0.745,0.715) 0.54s both,animate-svg-fill-28 0.7s cubic-bezier(0.47,0,0.745,0.715) 1.04s both } @-webkit-keyframes animate-svg-stroke-29 { 0% { stroke-dashoffset: 85.69425964355469px; stroke-dasharray: 85.69425964355469px } 100% { stroke-dashoffset: 0; stroke-dasharray: 85.69425964355469px } } @keyframes animate-svg-stroke-29 { 0% { stroke-dashoffset: 85.69425964355469px; stroke-dasharray: 85.69425964355469px } 100% { stroke-dashoffset: 0; stroke-dasharray: 85.69425964355469px } } @-webkit-keyframes animate-svg-fill-29 { 0% { fill: transparent } 100% { fill: rgb(254,0,6) } } @keyframes animate-svg-fill-29 { 0% { fill: transparent } 100% { fill: rgb(254,0,6) } } .svg-elem-29 { -webkit-animation: animate-svg-stroke-29 1s cubic-bezier(0.47,0,0.745,0.715) 0.56s both,animate-svg-fill-29 0.7s cubic-bezier(0.47,0,0.745,0.715) 1.06s both; animation: animate-svg-stroke-29 1s cubic-bezier(0.47,0,0.745,0.715) 0.56s both,animate-svg-fill-29 0.7s cubic-bezier(0.47,0,0.745,0.715) 1.06s both } @-webkit-keyframes animate-svg-stroke-30 { 0% { stroke-dashoffset: 62.06592559814453px; stroke-dasharray: 62.06592559814453px } 100% { stroke-dashoffset: 0; stroke-dasharray: 62.06592559814453px } } @keyframes animate-svg-stroke-30 { 0% { stroke-dashoffset: 62.06592559814453px; stroke-dasharray: 62.06592559814453px } 100% { stroke-dashoffset: 0; stroke-dasharray: 62.06592559814453px } } @-webkit-keyframes animate-svg-fill-30 { 0% { fill: transparent } 100% { fill: rgb(254,0,6) } } @keyframes animate-svg-fill-30 { 0% { fill: transparent } 100% { fill: rgb(254,0,6) } } .svg-elem-30 { -webkit-animation: animate-svg-stroke-30 1s cubic-bezier(0.47,0,0.745,0.715) 0.58s both,animate-svg-fill-30 0.7s cubic-bezier(0.47,0,0.745,0.715) 1.08s both; animation: animate-svg-stroke-30 1s cubic-bezier(0.47,0,0.745,0.715) 0.58s both,animate-svg-fill-30 0.7s cubic-bezier(0.47,0,0.745,0.715) 1.08s both } @-webkit-keyframes animate-svg-stroke-31 { 0% { stroke-dashoffset: 102.42962646484375px; stroke-dasharray: 102.42962646484375px } 100% { stroke-dashoffset: 0; stroke-dasharray: 102.42962646484375px } } @keyframes animate-svg-stroke-31 { 0% { stroke-dashoffset: 102.42962646484375px; stroke-dasharray: 102.42962646484375px } 100% { stroke-dashoffset: 0; stroke-dasharray: 102.42962646484375px } } @-webkit-keyframes animate-svg-fill-31 { 0% { fill: transparent } 100% { fill: rgb(254,0,6) } } @keyframes animate-svg-fill-31 { 0% { fill: transparent } 100% { fill: rgb(254,0,6) } } .svg-elem-31 { -webkit-animation: animate-svg-stroke-31 1s cubic-bezier(0.47,0,0.745,0.715) 0.6s both,animate-svg-fill-31 0.7s cubic-bezier(0.47,0,0.745,0.715) 1.1s both; animation: animate-svg-stroke-31 1s cubic-bezier(0.47,0,0.745,0.715) 0.6s both,animate-svg-fill-31 0.7s cubic-bezier(0.47,0,0.745,0.715) 1.1s both } @-webkit-keyframes animate-svg-stroke-32 { 0% { stroke-dashoffset: 99.34268951416016px; stroke-dasharray: 99.34268951416016px } 100% { stroke-dashoffset: 0; stroke-dasharray: 99.34268951416016px } } @keyframes animate-svg-stroke-32 { 0% { stroke-dashoffset: 99.34268951416016px; stroke-dasharray: 99.34268951416016px } 100% { stroke-dashoffset: 0; stroke-dasharray: 99.34268951416016px } } @-webkit-keyframes animate-svg-fill-32 { 0% { fill: transparent } 100% { fill: rgb(254,0,6) } } @keyframes animate-svg-fill-32 { 0% { fill: transparent } 100% { fill: rgb(254,0,6) } } .svg-elem-32 { -webkit-animation: animate-svg-stroke-32 1s cubic-bezier(0.47,0,0.745,0.715) 0.62s both,animate-svg-fill-32 0.7s cubic-bezier(0.47,0,0.745,0.715) 1.12s both; animation: animate-svg-stroke-32 1s cubic-bezier(0.47,0,0.745,0.715) 0.62s both,animate-svg-fill-32 0.7s cubic-bezier(0.47,0,0.745,0.715) 1.12s both } @-webkit-keyframes animate-svg-stroke-33 { 0% { stroke-dashoffset: 62.0632209777832px; stroke-dasharray: 62.0632209777832px } 100% { stroke-dashoffset: 0; stroke-dasharray: 62.0632209777832px } } @keyframes animate-svg-stroke-33 { 0% { stroke-dashoffset: 62.0632209777832px; stroke-dasharray: 62.0632209777832px } 100% { stroke-dashoffset: 0; stroke-dasharray: 62.0632209777832px } } @-webkit-keyframes animate-svg-fill-33 { 0% { fill: transparent } 100% { fill: rgb(254,0,6) } } @keyframes animate-svg-fill-33 { 0% { fill: transparent } 100% { fill: rgb(254,0,6) } } .svg-elem-33 { -webkit-animation: animate-svg-stroke-33 1s cubic-bezier(0.47,0,0.745,0.715) 0.64s both,animate-svg-fill-33 0.7s cubic-bezier(0.47,0,0.745,0.715) 1.1400000000000001s both; animation: animate-svg-stroke-33 1s cubic-bezier(0.47,0,0.745,0.715) 0.64s both,animate-svg-fill-33 0.7s cubic-bezier(0.47,0,0.745,0.715) 1.1400000000000001s both } @-webkit-keyframes animate-svg-stroke-34 { 0% { stroke-dashoffset: 62.80016326904297px; stroke-dasharray: 62.80016326904297px } 100% { stroke-dashoffset: 0; stroke-dasharray: 62.80016326904297px } } @keyframes animate-svg-stroke-34 { 0% { stroke-dashoffset: 62.80016326904297px; stroke-dasharray: 62.80016326904297px } 100% { stroke-dashoffset: 0; stroke-dasharray: 62.80016326904297px } } @-webkit-keyframes animate-svg-fill-34 { 0% { fill: transparent } 100% { fill: rgb(254,0,6) } } @keyframes animate-svg-fill-34 { 0% { fill: transparent } 100% { fill: rgb(254,0,6) } } .svg-elem-34 { -webkit-animation: animate-svg-stroke-34 1s cubic-bezier(0.47,0,0.745,0.715) 0.66s both,animate-svg-fill-34 0.7s cubic-bezier(0.47,0,0.745,0.715) 1.1600000000000001s both; animation: animate-svg-stroke-34 1s cubic-bezier(0.47,0,0.745,0.715) 0.66s both,animate-svg-fill-34 0.7s cubic-bezier(0.47,0,0.745,0.715) 1.1600000000000001s both } @-webkit-keyframes animate-svg-stroke-35 { 0% { stroke-dashoffset: 98.623291015625px; stroke-dasharray: 98.623291015625px } 100% { stroke-dashoffset: 0; stroke-dasharray: 98.623291015625px } } @keyframes animate-svg-stroke-35 { 0% { stroke-dashoffset: 98.623291015625px; stroke-dasharray: 98.623291015625px } 100% { stroke-dashoffset: 0; stroke-dasharray: 98.623291015625px } } @-webkit-keyframes animate-svg-fill-35 { 0% { fill: transparent } 100% { fill: rgb(254,0,6) } } @keyframes animate-svg-fill-35 { 0% { fill: transparent } 100% { fill: rgb(254,0,6) } } .svg-elem-35 { -webkit-animation: animate-svg-stroke-35 1s cubic-bezier(0.47,0,0.745,0.715) 0.68s both,animate-svg-fill-35 0.7s cubic-bezier(0.47,0,0.745,0.715) 1.1800000000000002s both; animation: animate-svg-stroke-35 1s cubic-bezier(0.47,0,0.745,0.715) 0.68s both,animate-svg-fill-35 0.7s cubic-bezier(0.47,0,0.745,0.715) 1.1800000000000002s both } @-webkit-keyframes animate-svg-stroke-36 { 0% { stroke-dashoffset: 150.2257080078125px; stroke-dasharray: 150.2257080078125px } 100% { stroke-dashoffset: 0; stroke-dasharray: 150.2257080078125px } } @keyframes animate-svg-stroke-36 { 0% { stroke-dashoffset: 150.2257080078125px; stroke-dasharray: 150.2257080078125px } 100% { stroke-dashoffset: 0; stroke-dasharray: 150.2257080078125px } } @-webkit-keyframes animate-svg-fill-36 { 0% { fill: transparent } 100% { fill: rgb(254,0,6) } } @keyframes animate-svg-fill-36 { 0% { fill: transparent } 100% { fill: rgb(254,0,6) } } .svg-elem-36 { -webkit-animation: animate-svg-stroke-36 1s cubic-bezier(0.47,0,0.745,0.715) 0.7000000000000001s both,animate-svg-fill-36 0.7s cubic-bezier(0.47,0,0.745,0.715) 1.2000000000000002s both; animation: animate-svg-stroke-36 1s cubic-bezier(0.47,0,0.745,0.715) 0.7000000000000001s both,animate-svg-fill-36 0.7s cubic-bezier(0.47,0,0.745,0.715) 1.2000000000000002s both } @-webkit-keyframes animate-svg-stroke-37 { 0% { stroke-dashoffset: 100.04650115966797px; stroke-dasharray: 100.04650115966797px } 100% { stroke-dashoffset: 0; stroke-dasharray: 100.04650115966797px } } @keyframes animate-svg-stroke-37 { 0% { stroke-dashoffset: 100.04650115966797px; stroke-dasharray: 100.04650115966797px } 100% { stroke-dashoffset: 0; stroke-dasharray: 100.04650115966797px } } @-webkit-keyframes animate-svg-fill-37 { 0% { fill: transparent } 100% { fill: rgb(254,0,6) } } @keyframes animate-svg-fill-37 { 0% { fill: transparent } 100% { fill: rgb(254,0,6) } } .svg-elem-37 { -webkit-animation: animate-svg-stroke-37 1s cubic-bezier(0.47,0,0.745,0.715) 0.72s both,animate-svg-fill-37 0.7s cubic-bezier(0.47,0,0.745,0.715) 1.22s both; animation: animate-svg-stroke-37 1s cubic-bezier(0.47,0,0.745,0.715) 0.72s both,animate-svg-fill-37 0.7s cubic-bezier(0.47,0,0.745,0.715) 1.22s both } /*-----------------*/ /* ELEMENTS */ /*-----------------*/ 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; } /*----------------- BUTTON ICON -----------------*/ .button.buttonIcon, .underbutton.buttonIcon > * { padding: 18px 15px 18px 45px; font-family: var(--font-text); font-weight: bold; font-size: 12px; } .button.buttonIcon:after, .underbutton.buttonIcon > *:after { content: ""; background-size: contain; background-position: center center; background-repeat: no-repeat; position: absolute; --size: 20px; left: 15px; top: 50%; transform: translateY(-50%); width: var(--size); height: var(--size); display: block; } .contactButton:after { background-image: url(../images/icons/mail-white.svg); } .button.buttonIcon span, .underbutton.buttonIcon span { font-size: 12px; padding-bottom: 3px; letter-spacing: 2.3px; font-family: var(--font-bold); display: block; } #headerButton .buttonIcon { padding: 38px 20px 12px; display: block; } #headerButton .buttonIcon:after { top: 23px; left: 50%; margin-left: -11px; } /*-----------------MODAL RESERVATION -----------------*/ #modal-reservation .innermodal { padding: 60px 20px 20px 20px; background-color: #ffffff; } #modal-reservation .innermodal iframe { height: 500px; width: 100%; max-width: 500px; } /*-----------------*/ /* HEADER */ /*-----------------*/ .nohome #header { background: var(--black); } .ck-kb-logo { width: 100px; height: 60px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23FFF' viewBox='0 0 1640.7003 777.41827'%3E%3Cpath d='M790.3 777c-5.7-1-10-3.4-13.7-7.2-2.2-2.5-3.6-4.8-4.8-8.2l-1-2.8v-45.6l1-3c1.2-3.3 2.6-5.6 4.8-8 3-3.4 7-5.6 11.6-7 2-.5 3.2-.6 7.2-.6s5.2 0 7.2.7c7 1.8 12.2 6 15 11.8 2.5 5.3 2.4 4.2 2.4 29s0 23.6-2.4 28.8c-2.8 5.8-8.2 10-15 11.8-3 .8-9.2 1-12.3.5zm9.8-14c2-1 3.5-2.8 4.4-5l.6-1.6v-40.8l-.6-1.7c-1-2.3-2.4-4-4.3-5-1.4-1-1.8-1-4.6-1-2.7 0-3 0-4.5 1-2 1-3.3 2.4-4.4 4.6l-.8 1.7v20c0 17.7 0 20.3.4 21.8 1 3.4 3 5.7 6.4 6.8.4 0 2 .2 3.3 0 2 0 2.7 0 4-.8zm-88.4 7.2v-6.8l15.8-18.4c17.2-20 18-21.3 18.7-25 .6-4-.6-7.7-3-10-2-1.6-4-2.2-7.4-2-5.5.3-8.4 3-9 8.3l-.2 2h-14.8v-1c0-2 .6-5.2 1.4-7.5 1.7-5.2 6-10 11-12.5 4.3-2.2 6.7-2.7 12.4-2.7 4 0 5.2 0 7.4.7 6.8 1.7 12.2 5.8 15 11.6 1.3 2.4 2 4.7 2.3 8.3.8 6-.6 11.2-4.3 16.5-.8 1-7.2 8.7-14.2 16.8L730 763.3h31.4V777h-49.8v-6.6zm132-26v-33l-8.2 7c-4.4 4-8 7-8 7-.2 0-.3-3.4-.3-7.8v-8l8.4-7 8.2-7.4h15.1v82h-14.9v-33zm35.4 32.5l12.5-32.3 13.2-34 .7-2h-21.6v13h-14V695h51.8v13.5l-13.3 34.2L895 777h-8c-4.4 66-8-.2-8-.3zM233.7 736v-9.8H681V746H233.7v-10zm715.8 0v-9.8H1397V746H949.6v-10zm131-29.5l6.4-13.7c3.4-7.5 6.4-13.7 6.6-14 .2-.2 2.2-.3 8-.3 6.2 0 7.8 0 7.7.4l-4.8 14-4.8 13.7h-9.7c-5.4 0-9.7 0-9.6-.2zM485 667.2c-12.2-1.4-19-3.4-26.6-7.8-3.3-1.8-7.7-5-10.4-7.8l-2.2-2 7-7 6.8-6.8 1.6 1.5c6.5 6.2 15 10 25 11.2 3.8.5 12.3.4 15.7 0 9.4-1.6 15.7-5.4 18.7-11.6 1.5-3.2 2-6 1.8-10.2-.2-6-1.7-9.6-5.5-13-2.3-2.2-5-3.7-8.7-4.6-1.3-.3-7.5-1.3-14-2.2-12.3-1.8-15.2-2.4-19.8-4-9.5-3.3-16.2-8.7-20-16-1.7-3-2.8-6.3-3.5-10-.7-3.7-.7-12.2 0-16 1.5-8 5-14.6 10.5-20 6.8-6.7 15.6-10.6 27-12 4-.4 16.5 0 20.3.5 10.8 2 18.8 5.6 27 12.4l2.8 2.2-6.7 6.5-6.8 6.5-1.8-1.4c-5.2-4.4-10.5-6.8-17.8-8.3-3.8-.7-15-.8-18 0-8 2-13.6 6.7-15.8 13.4-1.8 5.3-1.5 11 .8 15.6 1.4 3 5.6 6.3 10 8 3.5 1.5 6 2 17 3.6l13.7 2.3c9.2 2 15.7 5.5 20.8 11 4.6 4.7 7.3 10.5 8.6 18 .7 3.8.7 11.8 0 15.4-3 16.8-16.2 28-36.8 31.7-2 .4-5 .5-11.3.6H485zm607.3 0c-15.6-2-30.3-12.3-36.6-25.4-2.2-4.8-3.5-9.5-4.4-17-.5-3.8-.5-7-.5-26.7 0-19.6 0-22.7.5-26.6 1.6-13 5-20.7 12.7-28.3 7-6.8 16-11.7 25.8-13.5 2.3-.4 4.4-.5 10.2-.5 8 0 11 .4 16.7 2.2 16.5 5.4 28 19.6 31.5 38.6l.2 1h-21.2l-.5-2c-1.3-5-4-9.8-7.4-13.4-5.2-5.4-11.4-8-19.5-8-5.6 0-10.2 1-14.7 3.7-2.6 1.6-7 6-8.6 8.5-4 6.8-5 15.3-5 38.6 0 20.5.8 29 3.4 35.5 3.2 7.6 10.2 13 19 14.8 3 .7 8.5.7 11.7 0 10.2-2 17.7-9 21.2-20.2l.8-2.6h20.9l-.2 1c-4 22.5-19 37.4-40.3 40.5-3.6.4-12.3.5-15.7 0zm255 0c-12-1.3-22.3-5-30.8-11.4-2.4-1.8-6.8-5.7-7-6 0-.5.3-1 7.6-8l6.3-6 2 2c7 6.2 14.8 9.6 25 10.7 4 .5 14.4.2 17.3-.4 8.3-1.8 13.8-5.4 16.5-10.7 1.6-3 2-5.5 2-9.5 0-4.2-.4-6.4-2-9.6-1.2-2.7-4.4-6-7.3-7.3-3.3-1.6-6-2.2-17.8-4-12.5-1.6-16-2.3-20-3.7-8.8-2.8-15.4-7.5-19.5-13.7-3-4.5-4.4-9-5.2-15-.5-3.5-.2-11.3.4-14.4 3.6-17.2 16.4-28.2 36-31 3.8-.5 13.7-.5 18 0 9.7 1 18.2 4 25.2 8.6 2.6 1.7 8 6 8 6.3 0 .2-3 3.2-6.6 6.8l-6.5 6.5-2.6-2c-4.7-3.8-10-6.2-16.2-7.6-3.8-.8-13-1-16.5-.6-10.5 1.8-17.2 7.6-19 16.7-1.7 7.5.7 14.2 6.3 18.2 4.5 3 8.7 4.3 21.2 6 11.2 1.7 16 2.7 20 4 13.8 4.5 22 14 24 28 .6 3.7.6 10.8 0 14.3-2.8 18-17.4 30-39.4 32.7-3.7.5-15 .5-19.5 0zM233.7 598v-68.5h27c29.4.2 29.5.2 36.2 2 12.6 3.2 22.2 10.7 28 22 2.3 4.8 4.2 11.6 5 18.3 1.2 10.4 1 42.2-.2 52-1 8-2.4 13-5.2 18.7-4 8.3-10 14.4-18.4 18.4-6.5 3.2-12.3 4.7-20.5 5.2-2.6.2-15.4.3-28.4.3h-23.6V598zm53 49c5-1 10-3.2 13.3-6 6-5.2 8.6-11.6 9.6-25 .4-5.3.4-32.4 0-37.5-.6-7.3-2-13.7-4-17.2-3-5.2-8.5-9.4-14.6-11.4-4.8-1.4-6-1.5-21.7-1.5h-14.7v49.3c-.2 27.2 0 49.6 0 49.8.2.6 28.6.3 32-.4zm65.2-49v-68.5H439v18.6H372.5v40h56.7v18.5h-56.7V648H439v18.5H352V598zm246 0v-68.5H685v18.6H618.5V590h56.6v18.6h-56.8v58H598V598zm102.5 0v-68.5H730c28.7.2 29.5.2 33 1 16.7 3 28 13.6 31.7 29.3 1 3.8 1.2 12.7.5 17-2.2 13.3-11 23.6-24 28.2-1.4.4-2.5.8-2.5 1l15.5 30c8.6 16.3 15.6 30 15.6 30 0 .2-5.4.3-12 .3h-12l-14.4-28.8L747 609h-25.8v57.5H700.5V598zm58.6-7.8c8-2.2 13-6.8 15.2-14 .4-1.5.5-2.8.5-6.5 0-4.4 0-5-.8-7.4-1.8-5.2-5.2-9-10-11.4-5.4-2.7-7.6-3-27.3-3h-15.5v43.1l17.8-.2c17.3 0 17.8 0 20-.6zm41.2 75.6c0-.3 11.4-31 25-68.3l25-67.8 8.3-.2h8.4l24.7 67.7c13.7 37.3 25 68 25 68.4.2.5.2.5-11 .4h-11l-4.6-13.7-4.6-13.6h-53.8l-1.4 4.2-4.8 13.8-3.2 9.5h-11c-10.5 0-11 0-11-.5zm79.4-45l-10.3-30-10.3-30.2-.5 1.4-10.5 30c-5.6 15.8-10 28.8-10 29h41.7zm47-23v-68.3h9.6l9.5.2 31.4 47.5 31.5 47.7v-95.5h21.2v136.9h-19l-31.5-48-31.4-47.8v48l-.2 47.8H926.7V598zm221.6 68c0-.3 11.4-31 25-68.3l25-67.8 8.3-.2h8.4l24.7 67.7c13.6 37.2 25 68 25 68.4l.2.5h-22.2l-4.7-13.8-4.5-13.6h-53.8l-1.2 3.3-4.8 13.8-3.5 10.5h-11c-10.5 0-11 0-11-.5zm79.4-45l-10.3-30.2L1207 561l-21 60c0 .2 9.3.2 20.8.2s20.8 0 20.8-.2zm47-23v-68.3h20.9v136.9h-20.6V598zM576 504l-3.7-.4c-10-1.2-20.3-5.7-28.5-12.6-9.7-8-15-17.3-17.6-30-1.2-5.4-1.6-10.2-2-22-.3-13.6 0-33.4 1-39.6 1.6-14 5.8-23.7 13.5-31.8 10.2-10.7 21.5-16.2 36.2-17.6 4.5-.5 14-.2 18.5.5 24.2 3.6 40.5 18.7 46.4 42.7.5 2 1 4.3 1 5.2l.3 1.7h-37.6l-.7-2c-2.6-8.5-7.5-13-15.4-14.5-5.5-1-10.4-.5-14.6 1.5-3 1.4-6.3 4.8-7.7 7.6-2.6 5.5-3.7 15.2-3.7 34.2 0 14.7.7 24.6 2 30.2 2 7 6 11.4 12.7 13.2 3 .8 9.8.7 13 0 4-1.2 6-2.4 9-5.3 4-4 5.5-8 5.8-14.7l.2-3.7h-22.2v-31.2H641l-.2 17c0 18-.3 21-2 28.7-2.6 13.7-8.8 23.6-20 32.3-7.3 5.5-16 9-26.4 10.3-2.4.3-15 .7-16.8.4zm-526-1.4L0 351h38.6L51.3 393c7 23.2 12.8 42.2 13 42l12.5-42 12.5-42 19.4-.2c10.7 0 19.4 0 19.4.2 0 .3-49.6 150.2-50 151l-.3.8H64c-11 0-14 0-14-.4zm79.8-75.6v-76H167v152h-37.4v-76zm54.6 0v-76h37.2v118.6h64V503H184v-76zm115 0v-76h37.3V469.6h63.6l.4-1.3 21.6-59.3 21-58h29.1l27.6 75.7c15 41.5 27.4 75.7 27.4 76 0 .2-4 .3-19.5.3h-19.6l-.3-1c0-.5-1.5-5.3-3.2-10.7-1.6-5.3-3-10-3.3-10.4l-.3-.8h-46.5l-3.7 11.3-3.7 11.4H299v-76zm170 14.4c-6-19-10.5-32.7-10.5-32.5l-6.7 20-6.8 20h26.2l-2.3-7.6zM654.5 427v-76H758V384h-66v25.5h56.5V443H692V469.7h66V503H654.7v-76zm160.5-3.6v-75l33 .2c35.5 0 34.8 0 41.2 1.7 19 5 32 19 35.4 37.8.8 4.2 1 12 .3 16-2.5 15.6-11.5 28.3-25 35-5 2.6-9 4-15.2 5-2.2.5-5.2.7-17.8.8l-15.2.2v53.2H815v-74.8zm61.8-12c4-1 7.2-3.3 9.2-6.3 5.7-8.6 1.5-19.7-8.7-22.8-1.6-.5-3-.5-13.6-.5h-12v30h11.6c9.5 0 12 0 13.5-.3zm59.5 12v-75H967c18.5 0 32.3.2 34.3.4 13.2 1.2 23.2 5.7 31.6 14 8.6 8.7 13 19.2 13.6 32 .7 16.5-7 31-21.3 39.5l-2.5 1.4c-.3.2 4 8.8 15.5 31 8.8 16.8 16 30.8 16 31 .2.5-2.2.5-21 .4h-21.4l-13.3-27.5-13-27.6-6.3-.2h-6.2V498h-36.9v-74.8zm61.7-12c5.6-1.4 9.8-5.3 11.4-10.8.7-2.6.5-7-.6-9.5-1.7-4-5-7-9.4-8.5l-2.4-.8h-12l-11.8-.2v30.3h11.5c9 0 11.8 0 13.3-.4zm65 12v-75H1104.3l3-11.3 3-11 17.7-.2h17.7c0 .2-3.3 5.3-7.3 11.4l-7.4 11.2h33.6v33.1h-64.8v24.9h55.5V439h-55.5v26.5h64.8V498h-101.8v-74.8zm117.2 0v-75H1282v33.1H1217v26h55.6v33.2H1217v57.6h-36.8v-74.8zm116 0v-75h41.6l3-11c1.7-6 3-11.3 3.2-11.4 0-.2 7-.3 17.7-.2h17.6l-7.4 11.4-7.6 11.3h33.6v33h-64.8v24.9h55.5V439H1333v26.5h64.8V498h-101.8v-74.8zm116.2 0v-75l33 .2c29.4 0 33.2.2 35.8.6 6.4 1 11.2 2.7 16.4 5.4 13.2 6.7 22 19 24.5 34.3.8 4 .7 11.5 0 15.5-2 12.4-9.8 23.3-21 30-1.4.7-2.5 1.4-2.5 1.5l16 31 16 31s-9.5.2-21.3.2h-21.4l-13-27.7-13.3-27.8H1449v55.5h-36.6v-75zm61.3-12c2.8-.5 6-2.2 7.8-4.2 5.7-5.8 5.8-15 .2-20.7-2-2-4.2-3.4-7-4.3-1.7-.5-3-.5-13.7-.5h-12v30h11.5c7.2 0 12.2 0 13.2-.2zm65.3 12v-75h41.3l3-11.3 3.2-11.3h17.7c14 0 17.6 0 17.4.4 0 .3-3.4 5.4-7.4 11.4s-7 11-7 11h33.4v33.1h-65v24.9h55.5V439l-27.6.2h-27.7v26.2h65.1v32.7H1539v-74.8zm-1050.3-74c0-1 1.3-12.6 2-17.7 13-95.6 64.2-182.7 141.8-241C683.8 52 744 27.8 807.5 20.4c12.6-1.5 23-2.2 37-2.5l9.4-.2-.7 1-11 14.3L832 46.7l-4 .2c-8.7.5-18.2 1.2-24 1.7-61.6 6.2-114.8 24.4-160.4 55-34.5 23-64 52.4-88.5 89-23 34.3-41.7 75.2-54.2 119.3-3 10.5-6.7 26.3-8.4 35l-.5 3h-1.7c-1.2 0-1.6-.2-1.6-.5zm114-69v-49.8H583c0-.2 11-15.8 24.5-34.8l24.4-34.5h135.3l23.2 31.8 23.2 32h18.5V109.3H815l41.6-54.7L898.4 0c.2 0 19 24.6 42 54.7l41.8 54.7H966v98h125.6l32.2 50.3L1156 308h-60.7l-.3.7-3 10.6-2.6 10.4c0 .5-7 .5-137.2.5h-137v-2c-.2-1-.3-10.2-.4-20.5-.2-18.4-.2-18.8-1-20.6-2.7-7.6-11.4-13.5-22.3-15-4.2-.6-10.6-.2-14.3.7-3.2 1-6.8 2.3-9.4 4-2.6 1.4-6.7 5.6-7.8 8-2 3.8-2 3.4-2 25.5v20H602.8v-49.8zm300.8-107.8c12.7-2.2 22-11 25.7-24 .5-1.7.6-3 .6-7 0-4.5 0-5.4-.8-8-3.7-14-16.2-23.6-30.5-23.6-14.4 0-26.7 9.6-30.5 23.7-.7 2.5-.8 3.5-.8 7.7 0 4 0 5.2.7 7.4 1.4 6 4.2 11 8.3 15 7.2 7 17.4 10.4 27.2 8.8zM299 268v-61.7h19v106.5h59.4V330H299v-62zm90.7 0v-61.7H469l-.2 8.5v8.5h-60.2v35.8H460V276H408.5v36.8H469V330H389.6v-62zm810.3 58.5c-9.6-32.7-20-59.8-33.8-87-25-49.6-57-90.3-95.6-121.4-25.5-20.4-53.4-36.5-84-48.2-3-1-5.5-2.2-5.6-2.3-.7-.7-26-34-26-34.2.2-.2 10.6 3.2 17 5.5 26.4 9.4 51.8 22 75.5 37 12.7 8.3 26.8 18.8 38.4 28.6 15 13 31.3 29.4 43.8 44.5 42 50.2 69.4 110.7 79.6 175.3l.7 4.4H1200.7l-.6-2.2z'/%3E%3C/svg%3E"); z-index: 10; background-size: contain; background-position: center; background-repeat: no-repeat; } #header-coordonnees .flex > div font { display: contents; } #logoCoordonnees { order: -1 } #logoCoordonnees img { width: 140px; } #header-coordonnees { position: fixed; top: 0; right: -400px; width: 400px; height: 100%; min-height: 100%; padding: 120px 40px; display: flex; align-items: center; background-color: var(--black); overflow: hidden; visibility: hidden; z-index: 998; transition: all .6s cubic-bezier(.77, 0, .175, 1); } .is-toggle-open #header-coordonnees { right: 0; visibility: visible; } #header-coordonnees .flex > div { margin: 16px 0; max-width: 220px; width: 100%; } .ckmenu-toogle{z-index: 10001;} /*-----------------*/ /* NAVPRIMARY */ /*-----------------*/ .navigtoogle.social { display: flex; padding-left: 20px; align-items: center; } .navigtoogle.social span { text-transform: uppercase; margin-right: 10px; font-weight: bold; letter-spacing: 2px; font-size: 12px; color: var(--white); padding: 0; } #header-nav { position: fixed; left: 0; top: 0; z-index: 10000; opacity: 0; height: 100vh; width: 100%; background: var(--black); transition: all .8s cubic-bezier(0, 0, 0.2, 1); clip-path: inset(0 0 0 0); -webkit-clip-path: inset(0 0 0 0); pointer-events: none; } body.is-toggle_menu-open #header-nav { opacity: 1; pointer-events: all; } #header-nav > .wrappercontent { height: 100%; padding: 100px 0; max-width: none; } #header-nav_content { position: relative; z-index: 10; } body.is-toggle_menu-open #header-nav_content { pointer-events: all; } #header-nav_content .navigtoogle { transform: translateX(-70px); opacity: 0; transition: opacity .7s cubic-bezier(0.26, 0.12, 0.3, 0.98), transform 1s cubic-bezier(0.26, 0.12, 0.3, 0.98); } body.is-toggle_menu-open #header-nav_content .navigtoogle { transform: translateX(0); opacity: 1; } body.is-toggle_menu-open #header-nav_content .navigtoogle:nth-child(1) { transition-delay: calc(0.0833333333s + .1s); } body.is-toggle_menu-open #header-nav_content .navigtoogle:nth-child(2) { transition-delay: calc(0.1666666667s + .1s); } body.is-toggle_menu-open #header-nav_content .navigtoogle:nth-child(3) { transition-delay: calc(0.25s + .1s); } body.is-toggle_menu-open #header-nav_content .navigtoogle:nth-child(4) { transition-delay: calc(0.3333333333s + .1s); } body.is-toggle_menu-open #header-nav_content .navigtoogle:nth-child(5) { transition-delay: calc(0.4166666667s + .1s); } body.is-toggle_menu-open #header-nav_content .navigtoogle:nth-child(6) { transition-delay: calc(0.5s + .1s); } body.is-toggle_menu-open #header-nav_content .navigtoogle:nth-child(7) { transition-delay: calc(0.5833333333s + .1s); } body.is-toggle_menu-open #header-nav_content .navigtoogle:nth-child(8) { transition-delay: calc(0.6666666667s + .1s); } body.is-toggle_menu-open #header-nav_content .navigtoogle:nth-child(9) { transition-delay: calc(0.75s + .1s); } body.is-toggle_menu-open #header-nav_content .navigtoogle:nth-child(10) { transition-delay: calc(0.8333333333s + .1s); } #header-nav_content .navigtoogle { transform: translateX(-70px); opacity: 0; transition: opacity .7s cubic-bezier(0.26, 0.12, 0.3, 0.98), transform 1s cubic-bezier(0.26, 0.12, 0.3, 0.98); } body.is-toggle_menu-open #header-nav_content .navigtoogle { transform: translateX(0); opacity: 1; } body.is-toggle_menu-open #header-nav_content .navigtoogle:nth-child(1) { transition-delay: calc(0.0833333333s + .1s); } body.is-toggle_menu-open #header-nav_content .navigtoogle:nth-child(2) { transition-delay: calc(0.1666666667s + .1s); } body.is-toggle_menu-open #header-nav_content .navigtoogle:nth-child(3) { transition-delay: calc(0.25s + .1s); } body.is-toggle_menu-open #header-nav_content .navigtoogle:nth-child(4) { transition-delay: calc(0.3333333333s + .1s); } body.is-toggle_menu-open #header-nav_content .navigtoogle:nth-child(5) { transition-delay: calc(0.4166666667s + .1s); } body.is-toggle_menu-open #header-nav_content .navigtoogle:nth-child(6) { transition-delay: calc(0.5s + .1s); } body.is-toggle_menu-open #header-nav_content .navigtoogle:nth-child(7) { transition-delay: calc(0.5833333333s + .1s); } body.is-toggle_menu-open #header-nav_content .navigtoogle:nth-child(8) { transition-delay: calc(0.6666666667s + .1s); } body.is-toggle_menu-open #header-nav_content .navigtoogle:nth-child(9) { transition-delay: calc(0.75s + .1s); } #header-nav_img { position: fixed; top: 100px; height: calc(100vh - 100px * 2); z-index: 0; display: inline-block; } #header-nav_img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0; transition: opacity 0.5s ease-in-out; } #header-nav_img img.active { opacity: 1; } #burgerIcon-name { text-transform: uppercase; letter-spacing: 0.18em; font-family: var(--font-title); color: var(--white); font-weight: bold; padding-left: 6px; font-size: 16px; } .burgerIcon-iconWrapper { position: relative; display: block; --size: 52px; width: var(--size); height: var(--size); transition: margin .8s cubic-bezier(0,0,0.2,1) .2s; } .burgerIcon-icon { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; } .burgerIcon-icon * { transform-box: fill-box; transform-origin: center } .burgerIcon-bar { stroke: var(--primary-color); transition: stroke-dashoffset 1s cubic-bezier(0.4,0,0.2,1),stroke .3s ease } .burgerIcon-bar.first { stroke-dasharray: 100; stroke-dashoffset: 77 } .burgerIcon-bar.second { stroke-dasharray: 150; stroke-dashoffset: 182 } .ckmenu-toogle.open .burgerIcon-bar { stroke: #fff } .ckmenu-toogle.open .burgerIcon-bar.first { stroke-dashoffset: 133 } .ckmenu-toogle.open .burgerIcon-bar.second { stroke-dashoffset: 426 } .ckmenu-toogle.open .burgerIcon-iconWrapper { transition-delay: 0s } .ckmenu-toogle.open .burgerIcon-label { color: #fff } #burgerIcon-name span { display: inline-block; opacity: 0; transform: translateY(0.6em); animation: letterIn 0.4s ease forwards; animation-delay: var(--delay); } @keyframes letterIn { to { opacity: 1; transform: translateY(0); } } .navigmenu .naviglink.lvl-0 span:after, .navigmenu .naviglink:not(.lvl-2) span:before { content: ''; display: block; position: absolute; left: -.1em; bottom: -.4em; width: 100%; height: 1px; border-top: 1px solid var(--primary-color); -webkit-transform: scale(0,1); -ms-transform: scale(0,1); transform: scale(0,1); -webkit-transform-origin: 0 50%; -ms-transform-origin: 0 50%; transform-origin: 0 50%; transition: transform .4s cubic-bezier(.48,.57,.33,.89) .1s; } .navigmenu .naviglink:not(.lvl-2) span:before { padding-bottom: 4px; transition: transform .4s cubic-bezier(.48,.57,.33,.89); } #navprimary .navigmenu .active .naviglink.lvl-0:not(.lvl-2) { color: var(--primary-color) } #navprimary .navigmenu .active .naviglink.lvl-0:not(.lvl-2) span:after, #navprimary .navigmenu .naviglink.lvl-0:hover span:after, #navprimary .navigmenu .active .naviglink.lvl-0:not(.lvl-2) span:before, #navprimary .navigmenu .naviglink:hover span:before { transform: scale(1,1) } /*-----------------*/ /* SOCIAL */ /*-----------------*/ .sociblock:not(#headerHome-social .sociblock) .share-buttons a { --size: 35px; width: var(--size); height: var(--size); align-items: center; justify-content: center; margin: 0 3px; } .sociblock:not(#headerHome-social .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: solid 1px #737373; } .sociblock:not(#headerHome-social .sociblock) .share-buttons a:hover:before { background: var(--primary-color); border-color: var(--primary-color); } .sociblock:not(#headerHome-social .sociblock) .share-buttons a svg { --size: 15px; fill: var(--white); } .sociblock:not(#headerHome-social .sociblock) .share-buttons a:hover svg { fill: var(--white); } /*-----------------*/ /* HEADERHOME + BANNER */ /*-----------------*/ #headerHome .overlay, #banner .overlay { background: linear-gradient(var(--overlay-color), transparent); } /*-----------------*/ /* HEADERHOME */ /*-----------------*/ #headerHome { padding-top: 75px; } #headerHome { background: var(--black); } #headerHome-content { pointer-events: none; } #headerHome-content>* { pointer-events: all; } #headerHome-social .sociblock .share-buttons a svg { --size: 20px; } #headerHome-social .sociblock .share-buttons a:not(:hover) svg { fill: var(--white); } /*-----------------*/ /* VIDEO - HEADERHOME */ /*-----------------*/ #video { position: relative; background: transparent; height: 100%; overflow: hidden; background-position: center; background-repeat: no-repeat; width: 100%; height: 100%; z-index: 2; } #video .overlay { z-index: 3; background: linear-gradient(rgb(0 0 0 / 80%) 3%, transparent 80%, rgb(0 0 0 / 80%)); } .flexible { position: absolute; object-fit: cover; width: 100%; height: 100%; z-index: 2; top: 0; left: 0; /*background: var(--black);*/ } #video:after { content: ""; position: absolute; background-position: center; background-repeat: no-repeat; background-size: cover; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; background-image: url(../video/homeVideo.jpg); } /*-----------------*/ /* GALLERY HOME */ /*-----------------*/ #galleryHome .gallery { display: grid; width: 100%; transition: .6s; grid-template-columns: repeat(3, 1fr); max-width: 100%; grid-auto-rows: 150px; position: relative; grid-gap: 2px; } #galleryHome .gallery .gallery-item { grid-column: span 1; position: relative; width: 100%!important } /*-----------------*/ /* PRODUITS HOME */ /*-----------------*/ /*-----------------*/ /* CONTENT */ /*-----------------*/ .home #content .title{ margin-bottom: 30px;} .home #content .eb-wrapper-outer{background: none!important;} .home #content .wp-block-gallery .gallery-item, .home #content .wp-block-essential-blocks-wrapper{pointer-events: none;} .home #content .wp-block-gallery .gallery-item a, .home #content .eb-wrapper-inner-blocks{pointer-events: all;} .home #content .wp-block-gallery .gallery-item {display: none;} .home #content .wp-block-gallery .gallery-item:nth-child(-n+5) {display: flex} .home #content .logos-list{flex-wrap: nowrap !important;} /*-----------------*/ /* PRESTATIONS */ /*-----------------*/ .nohome #prestations{padding: 0;} #prestations .prestations-wrapper{position: relative;} #prestations .widget_parentpage {gap: 200px 40px;} #prestations .bloc_prestations { display: grid; gap: 10px; align-content: start; padding-left: 70px; overflow: auto; } #prestations .prestations-content { width: 100%; text-align: left; z-index: 1; position: absolute; bottom: 0; left: 0; transform-origin: bottom left; transform: rotate(-90deg); display: flex; align-items: center; padding: 0; } #prestations .prestations-content h3 { margin: 16px 0; letter-spacing: 0.03em; text-transform: uppercase; font-size: 24px; } #prestations .prestations-content .liresuite { margin: 15px 0 0 10px; display: inline-block; text-align: center; width: auto; } #prestations .prestations-content .liresuite .button { background-color: #fff0; background-image: url(../images/icons/arrow.svg); --size: 30px; width: var(--size); height: var(--size); background-position: center; background-repeat: no-repeat; background-size: contain; display: inline-block; padding: 0; } #prestations .prestations-content .liresuite .button span { display: none; } #prestations .prestations-img { overflow: hidden } .home #prestations::before { background: var(--light-color); top: initial; bottom: 20%; width: 65%; height: 42%; } /*-----------------*/ /* CARTE */ /*-----------------*/ .tc_content table { margin-bottom: 0; background: none!important; } .tc_content table td em { font-size: 15px; line-height: 1.4; display: block; font-family: var(--font-text); letter-spacing: 0; text-transform: none; color: var(--text-color); font-weight: normal; } .tc_content table td { padding: 15px 6px !important; border: none !important; border-bottom: 1px dashed #bfbfbf !important; font-weight: bold; } .tc_content table tr td:first-child { min-width: 155px; } .tc_content table tr td:first-child strong { color: var(--title-color) } .tc_content table tr td:not(:first-child) { width: auto!important; display: flex; align-items: center; min-width: 75px; font-family: var(--font-bold); } .tc_content table tr td:not(:first-child) strong { color: var(--primary-color); } /*-----------------*/ /* ACTU */ /*-----------------*/ #news { padding: 150px 30px ; background-image: url(../images/bg-news.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; z-index: 1 } #news .content-news { grid-gap: 0 60px } #news .wrapper_slider { grid-column: span 1; border-bottom: solid 1px rgb(255 255 255 / 20%); padding-bottom: 30px; margin-bottom: 30px } #news .wrapper_inner_slider { height: auto; background: none; border: none; } #news .wrapper_slider:last-of-type, #news .wrapper_slider:first-of-type { border: none; margin: 0; padding: 0 } #news .wrapper_slider:not(:first-of-type) .thumbnail_slider, #news .wrapper_slider:not(:first-of-type) .text_slider { display: none } #news .content_slider { padding: 0 } #news .title_slider a:not(:hover) { color: var(--white) } #news .title_slider { font-size: 28px; } #news .thumbnail_slider .button { position: absolute; left: 0; bottom: 0; border-radius: 0!important; } #news .wrapper_slider:first-of-type .text_slider, #news .wrapper_slider:first-of-type .text_slider a { color: var(--white) } #news .wrapper_slider:first-of-type .next_slider { display: none } #listarticles .listedarticle { background: var(--background-color); height: 100% } .title_link_slider { background-size: 100% 96%; background-repeat: no-repeat; background-image: -o-linear-gradient(transparent calc(100% - 2px),currentColor 2px); background-image: linear-gradient(transparent calc(100% - 2px),currentColor 2px); background-image: -ms-linear-gradient(transparent 95%,currentColor 2px); -webkit-transition: .6s cubic-bezier(.215,.61,.355,1); -o-transition: .6s cubic-bezier(.215,.61,.355,1); transition: .6s cubic-bezier(.215,.61,.355,1); background-size: 0 96% } .title_link_slider:hover { background-size: 100% 96% } /*-----------------*/ /* SECTIONS */ /*-----------------*/ #sections .wp-block-media-text__media { position: relative; } #sections .wp-block-media-text__media img { position: absolute; } .section_thumb { width: 100%; height: 700px } .section_txt { background: var(--white); max-width: 1000px; margin: 0 auto; padding: 90px 6%; box-shadow: 0 0 30px rgb(0 0 0 / 10%); } .sectionsbloc .wrap-text { padding: 100px 120px } .buttons-wrap.tac { justify-content: center; } /*-----------------*/ /* REASSURANCES */ /*-----------------*/ .nohome #reassurances{ background: var(--light-color); } .picto-container li p{ color: var(--title-color); margin: 50px 0 0 0; font-size: 14px; } .picto-container .picto-bloc .icon-box:before { content: ""; height: 100px; width: 100px; font-size: 70px; text-align: center; line-height: 150px; border-radius: 68% 32% 27% 73% / 60% 62% 38% 40%; -webkit-transition: .3s; transition: .3s; display: inline-block; background-color: var(--primary-color); position: relative; position: absolute; left: 50%; z-index: -1; margin-left: -50px; top: 40px; } .picto-container { display: grid; grid-template-columns: repeat(4,1fr); grid-auto-rows: 620px } .picto-container .picto-bloc { display: grid; grid-template-rows: repeat(2,1fr); padding: 0; margin: 0; position: relative; color: var(--white); } .picto-content { padding: 70px 40px 50px; text-align: center; display: flex; flex-direction: column; align-items: center; justify-content: center; position: relative; } .picto-container .picto-bloc:nth-child(2) .picto-content, .picto-container .picto-bloc:nth-child(4) .picto-content {order: 2} .picto-container li { margin: 0; padding: 0 } .picto-img { background-size: cover; background-position: center; background-repeat: no-repeat; height: 100%; width: 100% } .picto-container .picto-bloc:first-child .picto-img {background-image: url(../images/reassurances/reassurance-2.jpg)} .picto-container .picto-bloc:nth-child(2) .picto-img {background-image: url(../images/reassurances/reassurance-1.jpg)} .picto-container .picto-bloc:nth-child(3) .picto-img {background-image: url(../images/reassurances/reassurance-4.jpg)} .picto-container .picto-bloc:nth-child(4) .picto-img {background-image: url(../images/reassurances/reassurance-3.jpg)} .picto-container li p strong { display: block; text-transform: uppercase; margin-bottom: 5px; font-size: 15px; font-family: var(--font-title); letter-spacing: 1px; } /*-----------------*/ /* CERTIFICATIONS */ /*-----------------*/ #certifications{ background: var(--light-color); padding: 60px 15px; } #certifications .title { margin: 0; padding: 60px 0; width: 400px; line-height: 1 } #certifications .title:after, #certifications .title:before { background: var(--primary-color)!important; width: 7px; right: 220px; height: 30px; left: auto; } #certifications .title:before { bottom: 0; top: auto } #certifications .title h2:before{ right: 30px; top: 50%; height: 250px; width: 190px; border: 7px solid var(--primary-color); border-left: none; transform: translateY(-50%); left: auto; } /*-----------------*/ /* NEWSLETTER */ /*-----------------*/ /*-----------------*/ /* SHARE */ /*-----------------*/ /*-----------------*/ /* AGENCES */ /*-----------------*/ /*-----------------*/ /* CONTACTFORM */ /*-----------------*/ /*-----------------*/ /* CTA */ /*-----------------*/ #cta .wrappercontent{ line-height: 1.5; max-width: 600px; background-color: var(--overlay-color); padding: 60px 40px; } #cta .title{margin-bottom: 20px;} #cta .accroche{ margin-bottom: 30px; } #cta .title h2{font-size: 35px;} /*-----------------*/ /* FOOTER */ /*-----------------*/ #footerForm:after{ background: linear-gradient(rgb(0 0 0 / 0%), hsl(0deg 0% 0% / 70%)); } #footer{background-color: var(--black);} #footerLinks a { color: var(--white);} #footer #footerbloc { grid-template-areas: "footerLinks"; grid-template-columns: 1fr; padding: 0; } #footerForm{ background-image: url(../images/bg-footer.jpg); background-position: center; background-size: cover; background-repeat: no-repeat; padding: 100px 50px 220px; z-index: 3; } #footerForm #wrapperForm{ max-width: 700px; margin: auto; background-color: var(--white); padding: 70px 50px; } #footerForm #wrapperForm .title{margin-bottom: 40px;} #footer-coordonnees{ bottom: 0; left: 0; right: 0; z-index: 2; } #footer-coordonnees .wrappercontent > div { line-height: 1.3; font-size: 15px; padding: 45px 20px 20px 20px; } #footer-coordonnees .wrappercontent > div font{display: contents;} #footer-coordonnees .wrappercontent>div:before {top: 20px;}