/*-----------------*/
/* LOADER */
/*-----------------*/
#loader-wrapper svg{
    height: auto;
    width: 250px;
}

/***************************************************
 * Generated by SVG Artista on 10/8/2026, 2:23:13 PM
 * MIT license (https://opensource.org/licenses/MIT)
 * W. https://svgartista.net
 **************************************************/

@-webkit-keyframes animate-svg-stroke-1{0%{stroke-dashoffset:1128.1046142578125px;stroke-dasharray:1128.1046142578125px}100%{stroke-dashoffset:0;stroke-dasharray:1128.1046142578125px}}@keyframes animate-svg-stroke-1{0%{stroke-dashoffset:1128.1046142578125px;stroke-dasharray:1128.1046142578125px}100%{stroke-dashoffset:0;stroke-dasharray:1128.1046142578125px}}@-webkit-keyframes animate-svg-fill-1{0%{fill:transparent}100%{fill:rgb(18,83,155)}}@keyframes animate-svg-fill-1{0%{fill:transparent}100%{fill:rgb(18,83,155)}}.svg-elem-1{-webkit-animation:animate-svg-stroke-1 0.5s 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.5s both;animation:animate-svg-stroke-1 0.5s 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.5s both}@-webkit-keyframes animate-svg-stroke-2{0%{stroke-dashoffset:1434.656005859375px;stroke-dasharray:1434.656005859375px}100%{stroke-dashoffset:0;stroke-dasharray:1434.656005859375px}}@keyframes animate-svg-stroke-2{0%{stroke-dashoffset:1434.656005859375px;stroke-dasharray:1434.656005859375px}100%{stroke-dashoffset:0;stroke-dasharray:1434.656005859375px}}@-webkit-keyframes animate-svg-fill-2{0%{fill:transparent}100%{fill:rgb(18,83,155)}}@keyframes animate-svg-fill-2{0%{fill:transparent}100%{fill:rgb(18,83,155)}}.svg-elem-2{-webkit-animation:animate-svg-stroke-2 0.5s 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.53s both;animation:animate-svg-stroke-2 0.5s 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.53s both}@-webkit-keyframes animate-svg-stroke-3{0%{stroke-dashoffset:905.6063232421875px;stroke-dasharray:905.6063232421875px}100%{stroke-dashoffset:0;stroke-dasharray:905.6063232421875px}}@keyframes animate-svg-stroke-3{0%{stroke-dashoffset:905.6063232421875px;stroke-dasharray:905.6063232421875px}100%{stroke-dashoffset:0;stroke-dasharray:905.6063232421875px}}@-webkit-keyframes animate-svg-fill-3{0%{fill:transparent}100%{fill:rgb(242,216,74)}}@keyframes animate-svg-fill-3{0%{fill:transparent}100%{fill:rgb(242,216,74)}}.svg-elem-3{-webkit-animation:animate-svg-stroke-3 0.5s 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.56s both;animation:animate-svg-stroke-3 0.5s 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.56s both}@-webkit-keyframes animate-svg-stroke-4{0%{stroke-dashoffset:328.36346435546875px;stroke-dasharray:328.36346435546875px}100%{stroke-dashoffset:0;stroke-dasharray:328.36346435546875px}}@keyframes animate-svg-stroke-4{0%{stroke-dashoffset:328.36346435546875px;stroke-dasharray:328.36346435546875px}100%{stroke-dashoffset:0;stroke-dasharray:328.36346435546875px}}@-webkit-keyframes animate-svg-fill-4{0%{fill:transparent}100%{fill:rgb(219,50,129)}}@keyframes animate-svg-fill-4{0%{fill:transparent}100%{fill:rgb(219,50,129)}}.svg-elem-4{-webkit-animation:animate-svg-stroke-4 0.5s 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.59s both;animation:animate-svg-stroke-4 0.5s 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.59s both}@-webkit-keyframes animate-svg-stroke-5{0%{stroke-dashoffset:228.0923614501953px;stroke-dasharray:228.0923614501953px}100%{stroke-dashoffset:0;stroke-dasharray:228.0923614501953px}}@keyframes animate-svg-stroke-5{0%{stroke-dashoffset:228.0923614501953px;stroke-dasharray:228.0923614501953px}100%{stroke-dashoffset:0;stroke-dasharray:228.0923614501953px}}@-webkit-keyframes animate-svg-fill-5{0%{fill:transparent}100%{fill:rgb(242,216,74)}}@keyframes animate-svg-fill-5{0%{fill:transparent}100%{fill:rgb(242,216,74)}}.svg-elem-5{-webkit-animation:animate-svg-stroke-5 0.5s 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.62s both;animation:animate-svg-stroke-5 0.5s 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.62s both}@-webkit-keyframes animate-svg-stroke-6{0%{stroke-dashoffset:642.2852172851562px;stroke-dasharray:642.2852172851562px}100%{stroke-dashoffset:0;stroke-dasharray:642.2852172851562px}}@keyframes animate-svg-stroke-6{0%{stroke-dashoffset:642.2852172851562px;stroke-dasharray:642.2852172851562px}100%{stroke-dashoffset:0;stroke-dasharray:642.2852172851562px}}@-webkit-keyframes animate-svg-fill-6{0%{fill:transparent}100%{fill:rgb(18,83,155)}}@keyframes animate-svg-fill-6{0%{fill:transparent}100%{fill:rgb(18,83,155)}}.svg-elem-6{-webkit-animation:animate-svg-stroke-6 0.5s 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.65s both;animation:animate-svg-stroke-6 0.5s 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.65s both}@-webkit-keyframes animate-svg-stroke-7{0%{stroke-dashoffset:562.8513793945312px;stroke-dasharray:562.8513793945312px}100%{stroke-dashoffset:0;stroke-dasharray:562.8513793945312px}}@keyframes animate-svg-stroke-7{0%{stroke-dashoffset:562.8513793945312px;stroke-dasharray:562.8513793945312px}100%{stroke-dashoffset:0;stroke-dasharray:562.8513793945312px}}@-webkit-keyframes animate-svg-fill-7{0%{fill:transparent}100%{fill:rgb(18,83,155)}}@keyframes animate-svg-fill-7{0%{fill:transparent}100%{fill:rgb(18,83,155)}}.svg-elem-7{-webkit-animation:animate-svg-stroke-7 0.5s 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.6799999999999999s both;animation:animate-svg-stroke-7 0.5s 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.6799999999999999s both}@-webkit-keyframes animate-svg-stroke-8{0%{stroke-dashoffset:590.0192260742188px;stroke-dasharray:590.0192260742188px}100%{stroke-dashoffset:0;stroke-dasharray:590.0192260742188px}}@keyframes animate-svg-stroke-8{0%{stroke-dashoffset:590.0192260742188px;stroke-dasharray:590.0192260742188px}100%{stroke-dashoffset:0;stroke-dasharray:590.0192260742188px}}@-webkit-keyframes animate-svg-fill-8{0%{fill:transparent}100%{fill:rgb(18,83,155)}}@keyframes animate-svg-fill-8{0%{fill:transparent}100%{fill:rgb(18,83,155)}}.svg-elem-8{-webkit-animation:animate-svg-stroke-8 0.5s 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.71s both;animation:animate-svg-stroke-8 0.5s 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.71s both}@-webkit-keyframes animate-svg-stroke-9{0%{stroke-dashoffset:454.7647705078125px;stroke-dasharray:454.7647705078125px}100%{stroke-dashoffset:0;stroke-dasharray:454.7647705078125px}}@keyframes animate-svg-stroke-9{0%{stroke-dashoffset:454.7647705078125px;stroke-dasharray:454.7647705078125px}100%{stroke-dashoffset:0;stroke-dasharray:454.7647705078125px}}@-webkit-keyframes animate-svg-fill-9{0%{fill:transparent}100%{fill:rgb(18,83,155)}}@keyframes animate-svg-fill-9{0%{fill:transparent}100%{fill:rgb(18,83,155)}}.svg-elem-9{-webkit-animation:animate-svg-stroke-9 0.5s 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.74s both;animation:animate-svg-stroke-9 0.5s 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.74s both}@-webkit-keyframes animate-svg-stroke-10{0%{stroke-dashoffset:672.6278076171875px;stroke-dasharray:672.6278076171875px}100%{stroke-dashoffset:0;stroke-dasharray:672.6278076171875px}}@keyframes animate-svg-stroke-10{0%{stroke-dashoffset:672.6278076171875px;stroke-dasharray:672.6278076171875px}100%{stroke-dashoffset:0;stroke-dasharray:672.6278076171875px}}@-webkit-keyframes animate-svg-fill-10{0%{fill:transparent}100%{fill:rgb(18,83,155)}}@keyframes animate-svg-fill-10{0%{fill:transparent}100%{fill:rgb(18,83,155)}}.svg-elem-10{-webkit-animation:animate-svg-stroke-10 0.5s 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.77s both;animation:animate-svg-stroke-10 0.5s 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.77s both}@-webkit-keyframes animate-svg-stroke-11{0%{stroke-dashoffset:358.2586669921875px;stroke-dasharray:358.2586669921875px}100%{stroke-dashoffset:0;stroke-dasharray:358.2586669921875px}}@keyframes animate-svg-stroke-11{0%{stroke-dashoffset:358.2586669921875px;stroke-dasharray:358.2586669921875px}100%{stroke-dashoffset:0;stroke-dasharray:358.2586669921875px}}@-webkit-keyframes animate-svg-fill-11{0%{fill:transparent}100%{fill:rgb(18,83,155)}}@keyframes animate-svg-fill-11{0%{fill:transparent}100%{fill:rgb(18,83,155)}}.svg-elem-11{-webkit-animation:animate-svg-stroke-11 0.5s 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.8s both;animation:animate-svg-stroke-11 0.5s 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.8s both}@-webkit-keyframes animate-svg-stroke-12{0%{stroke-dashoffset:562.8269653320312px;stroke-dasharray:562.8269653320312px}100%{stroke-dashoffset:0;stroke-dasharray:562.8269653320312px}}@keyframes animate-svg-stroke-12{0%{stroke-dashoffset:562.8269653320312px;stroke-dasharray:562.8269653320312px}100%{stroke-dashoffset:0;stroke-dasharray:562.8269653320312px}}@-webkit-keyframes animate-svg-fill-12{0%{fill:transparent}100%{fill:rgb(18,83,155)}}@keyframes animate-svg-fill-12{0%{fill:transparent}100%{fill:rgb(18,83,155)}}.svg-elem-12{-webkit-animation:animate-svg-stroke-12 0.5s 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.83s both;animation:animate-svg-stroke-12 0.5s 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.83s both}@-webkit-keyframes animate-svg-stroke-13{0%{stroke-dashoffset:589.8070068359375px;stroke-dasharray:589.8070068359375px}100%{stroke-dashoffset:0;stroke-dasharray:589.8070068359375px}}@keyframes animate-svg-stroke-13{0%{stroke-dashoffset:589.8070068359375px;stroke-dasharray:589.8070068359375px}100%{stroke-dashoffset:0;stroke-dasharray:589.8070068359375px}}@-webkit-keyframes animate-svg-fill-13{0%{fill:transparent}100%{fill:rgb(18,83,155)}}@keyframes animate-svg-fill-13{0%{fill:transparent}100%{fill:rgb(18,83,155)}}.svg-elem-13{-webkit-animation:animate-svg-stroke-13 0.5s 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.86s both;animation:animate-svg-stroke-13 0.5s 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.86s both}@-webkit-keyframes animate-svg-stroke-14{0%{stroke-dashoffset:2007.8785400390625px;stroke-dasharray:2007.8785400390625px}100%{stroke-dashoffset:0;stroke-dasharray:2007.8785400390625px}}@keyframes animate-svg-stroke-14{0%{stroke-dashoffset:2007.8785400390625px;stroke-dasharray:2007.8785400390625px}100%{stroke-dashoffset:0;stroke-dasharray:2007.8785400390625px}}@-webkit-keyframes animate-svg-fill-14{0%{fill:transparent}100%{fill:rgb(219,50,129)}}@keyframes animate-svg-fill-14{0%{fill:transparent}100%{fill:rgb(219,50,129)}}.svg-elem-14{-webkit-animation:animate-svg-stroke-14 0.5s 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.89s both;animation:animate-svg-stroke-14 0.5s 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.89s both}@-webkit-keyframes animate-svg-stroke-15{0%{stroke-dashoffset:415.97979736328125px;stroke-dasharray:415.97979736328125px}100%{stroke-dashoffset:0;stroke-dasharray:415.97979736328125px}}@keyframes animate-svg-stroke-15{0%{stroke-dashoffset:415.97979736328125px;stroke-dasharray:415.97979736328125px}100%{stroke-dashoffset:0;stroke-dasharray:415.97979736328125px}}@-webkit-keyframes animate-svg-fill-15{0%{fill:transparent}100%{fill:rgb(255,255,255)}}@keyframes animate-svg-fill-15{0%{fill:transparent}100%{fill:rgb(255,255,255)}}.svg-elem-15{-webkit-animation:animate-svg-stroke-15 0.5s 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.9199999999999999s both;animation:animate-svg-stroke-15 0.5s 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.9199999999999999s both}@-webkit-keyframes animate-svg-stroke-16{0%{stroke-dashoffset:458.65576171875px;stroke-dasharray:458.65576171875px}100%{stroke-dashoffset:0;stroke-dasharray:458.65576171875px}}@keyframes animate-svg-stroke-16{0%{stroke-dashoffset:458.65576171875px;stroke-dasharray:458.65576171875px}100%{stroke-dashoffset:0;stroke-dasharray:458.65576171875px}}@-webkit-keyframes animate-svg-fill-16{0%{fill:transparent}100%{fill:rgb(255,255,255)}}@keyframes animate-svg-fill-16{0%{fill:transparent}100%{fill:rgb(255,255,255)}}.svg-elem-16{-webkit-animation:animate-svg-stroke-16 0.5s 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) 0.95s both;animation:animate-svg-stroke-16 0.5s 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) 0.95s both}@-webkit-keyframes animate-svg-stroke-17{0%{stroke-dashoffset:380.0361328125px;stroke-dasharray:380.0361328125px}100%{stroke-dashoffset:0;stroke-dasharray:380.0361328125px}}@keyframes animate-svg-stroke-17{0%{stroke-dashoffset:380.0361328125px;stroke-dasharray:380.0361328125px}100%{stroke-dashoffset:0;stroke-dasharray:380.0361328125px}}@-webkit-keyframes animate-svg-fill-17{0%{fill:transparent}100%{fill:rgb(255,255,255)}}@keyframes animate-svg-fill-17{0%{fill:transparent}100%{fill:rgb(255,255,255)}}.svg-elem-17{-webkit-animation:animate-svg-stroke-17 0.5s 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) 0.98s both;animation:animate-svg-stroke-17 0.5s 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) 0.98s both}@-webkit-keyframes animate-svg-stroke-18{0%{stroke-dashoffset:288.6837158203125px;stroke-dasharray:288.6837158203125px}100%{stroke-dashoffset:0;stroke-dasharray:288.6837158203125px}}@keyframes animate-svg-stroke-18{0%{stroke-dashoffset:288.6837158203125px;stroke-dasharray:288.6837158203125px}100%{stroke-dashoffset:0;stroke-dasharray:288.6837158203125px}}@-webkit-keyframes animate-svg-fill-18{0%{fill:transparent}100%{fill:rgb(255,255,255)}}@keyframes animate-svg-fill-18{0%{fill:transparent}100%{fill:rgb(255,255,255)}}.svg-elem-18{-webkit-animation:animate-svg-stroke-18 0.5s cubic-bezier(0.47,0,0.745,0.715) 0.34s both,animate-svg-fill-18 0.5s cubic-bezier(0.47,0,0.745,0.715) 1.01s both;animation:animate-svg-stroke-18 0.5s cubic-bezier(0.47,0,0.745,0.715) 0.34s both,animate-svg-fill-18 0.5s cubic-bezier(0.47,0,0.745,0.715) 1.01s both}@-webkit-keyframes animate-svg-stroke-19{0%{stroke-dashoffset:54.158935546875px;stroke-dasharray:54.158935546875px}100%{stroke-dashoffset:0;stroke-dasharray:54.158935546875px}}@keyframes animate-svg-stroke-19{0%{stroke-dashoffset:54.158935546875px;stroke-dasharray:54.158935546875px}100%{stroke-dashoffset:0;stroke-dasharray:54.158935546875px}}@-webkit-keyframes animate-svg-fill-19{0%{fill:transparent}100%{fill:rgb(255,255,255)}}@keyframes animate-svg-fill-19{0%{fill:transparent}100%{fill:rgb(255,255,255)}}.svg-elem-19{-webkit-animation:animate-svg-stroke-19 0.5s cubic-bezier(0.47,0,0.745,0.715) 0.36s both,animate-svg-fill-19 0.5s cubic-bezier(0.47,0,0.745,0.715) 1.04s both;animation:animate-svg-stroke-19 0.5s cubic-bezier(0.47,0,0.745,0.715) 0.36s both,animate-svg-fill-19 0.5s cubic-bezier(0.47,0,0.745,0.715) 1.04s both}@-webkit-keyframes animate-svg-stroke-20{0%{stroke-dashoffset:328.47137451171875px;stroke-dasharray:328.47137451171875px}100%{stroke-dashoffset:0;stroke-dasharray:328.47137451171875px}}@keyframes animate-svg-stroke-20{0%{stroke-dashoffset:328.47137451171875px;stroke-dasharray:328.47137451171875px}100%{stroke-dashoffset:0;stroke-dasharray:328.47137451171875px}}@-webkit-keyframes animate-svg-fill-20{0%{fill:transparent}100%{fill:rgb(255,255,255)}}@keyframes animate-svg-fill-20{0%{fill:transparent}100%{fill:rgb(255,255,255)}}.svg-elem-20{-webkit-animation:animate-svg-stroke-20 0.5s cubic-bezier(0.47,0,0.745,0.715) 0.38s both,animate-svg-fill-20 0.5s cubic-bezier(0.47,0,0.745,0.715) 1.0699999999999998s both;animation:animate-svg-stroke-20 0.5s cubic-bezier(0.47,0,0.745,0.715) 0.38s both,animate-svg-fill-20 0.5s cubic-bezier(0.47,0,0.745,0.715) 1.0699999999999998s both}@-webkit-keyframes animate-svg-stroke-21{0%{stroke-dashoffset:318.7874755859375px;stroke-dasharray:318.7874755859375px}100%{stroke-dashoffset:0;stroke-dasharray:318.7874755859375px}}@keyframes animate-svg-stroke-21{0%{stroke-dashoffset:318.7874755859375px;stroke-dasharray:318.7874755859375px}100%{stroke-dashoffset:0;stroke-dasharray:318.7874755859375px}}@-webkit-keyframes animate-svg-fill-21{0%{fill:transparent}100%{fill:rgb(255,255,255)}}@keyframes animate-svg-fill-21{0%{fill:transparent}100%{fill:rgb(255,255,255)}}.svg-elem-21{-webkit-animation:animate-svg-stroke-21 0.5s cubic-bezier(0.47,0,0.745,0.715) 0.4s both,animate-svg-fill-21 0.5s cubic-bezier(0.47,0,0.745,0.715) 1.1s both;animation:animate-svg-stroke-21 0.5s cubic-bezier(0.47,0,0.745,0.715) 0.4s both,animate-svg-fill-21 0.5s cubic-bezier(0.47,0,0.745,0.715) 1.1s both}@-webkit-keyframes animate-svg-stroke-22{0%{stroke-dashoffset:150.71304321289062px;stroke-dasharray:150.71304321289062px}100%{stroke-dashoffset:0;stroke-dasharray:150.71304321289062px}}@keyframes animate-svg-stroke-22{0%{stroke-dashoffset:150.71304321289062px;stroke-dasharray:150.71304321289062px}100%{stroke-dashoffset:0;stroke-dasharray:150.71304321289062px}}@-webkit-keyframes animate-svg-fill-22{0%{fill:transparent}100%{fill:rgb(255,255,255)}}@keyframes animate-svg-fill-22{0%{fill:transparent}100%{fill:rgb(255,255,255)}}.svg-elem-22{-webkit-animation:animate-svg-stroke-22 0.5s cubic-bezier(0.47,0,0.745,0.715) 0.42s both,animate-svg-fill-22 0.5s cubic-bezier(0.47,0,0.745,0.715) 1.13s both;animation:animate-svg-stroke-22 0.5s cubic-bezier(0.47,0,0.745,0.715) 0.42s both,animate-svg-fill-22 0.5s cubic-bezier(0.47,0,0.745,0.715) 1.13s both}@-webkit-keyframes animate-svg-stroke-23{0%{stroke-dashoffset:289.7005310058594px;stroke-dasharray:289.7005310058594px}100%{stroke-dashoffset:0;stroke-dasharray:289.7005310058594px}}@keyframes animate-svg-stroke-23{0%{stroke-dashoffset:289.7005310058594px;stroke-dasharray:289.7005310058594px}100%{stroke-dashoffset:0;stroke-dasharray:289.7005310058594px}}@-webkit-keyframes animate-svg-fill-23{0%{fill:transparent}100%{fill:rgb(255,255,255)}}@keyframes animate-svg-fill-23{0%{fill:transparent}100%{fill:rgb(255,255,255)}}.svg-elem-23{-webkit-animation:animate-svg-stroke-23 0.5s cubic-bezier(0.47,0,0.745,0.715) 0.44s both,animate-svg-fill-23 0.5s cubic-bezier(0.47,0,0.745,0.715) 1.16s both;animation:animate-svg-stroke-23 0.5s cubic-bezier(0.47,0,0.745,0.715) 0.44s both,animate-svg-fill-23 0.5s cubic-bezier(0.47,0,0.745,0.715) 1.16s both}@-webkit-keyframes animate-svg-stroke-24{0%{stroke-dashoffset:328.7507629394531px;stroke-dasharray:328.7507629394531px}100%{stroke-dashoffset:0;stroke-dasharray:328.7507629394531px}}@keyframes animate-svg-stroke-24{0%{stroke-dashoffset:328.7507629394531px;stroke-dasharray:328.7507629394531px}100%{stroke-dashoffset:0;stroke-dasharray:328.7507629394531px}}@-webkit-keyframes animate-svg-fill-24{0%{fill:transparent}100%{fill:rgb(255,255,255)}}@keyframes animate-svg-fill-24{0%{fill:transparent}100%{fill:rgb(255,255,255)}}.svg-elem-24{-webkit-animation:animate-svg-stroke-24 0.5s cubic-bezier(0.47,0,0.745,0.715) 0.46s both,animate-svg-fill-24 0.5s cubic-bezier(0.47,0,0.745,0.715) 1.19s both;animation:animate-svg-stroke-24 0.5s cubic-bezier(0.47,0,0.745,0.715) 0.46s both,animate-svg-fill-24 0.5s cubic-bezier(0.47,0,0.745,0.715) 1.19s both}@-webkit-keyframes animate-svg-stroke-25{0%{stroke-dashoffset:328.4120178222656px;stroke-dasharray:328.4120178222656px}100%{stroke-dashoffset:0;stroke-dasharray:328.4120178222656px}}@keyframes animate-svg-stroke-25{0%{stroke-dashoffset:328.4120178222656px;stroke-dasharray:328.4120178222656px}100%{stroke-dashoffset:0;stroke-dasharray:328.4120178222656px}}@-webkit-keyframes animate-svg-fill-25{0%{fill:transparent}100%{fill:rgb(255,255,255)}}@keyframes animate-svg-fill-25{0%{fill:transparent}100%{fill:rgb(255,255,255)}}.svg-elem-25{-webkit-animation:animate-svg-stroke-25 0.5s cubic-bezier(0.47,0,0.745,0.715) 0.48s both,animate-svg-fill-25 0.5s cubic-bezier(0.47,0,0.745,0.715) 1.22s both;animation:animate-svg-stroke-25 0.5s cubic-bezier(0.47,0,0.745,0.715) 0.48s both,animate-svg-fill-25 0.5s cubic-bezier(0.47,0,0.745,0.715) 1.22s both}@-webkit-keyframes animate-svg-stroke-26{0%{stroke-dashoffset:218.45851135253906px;stroke-dasharray:218.45851135253906px}100%{stroke-dashoffset:0;stroke-dasharray:218.45851135253906px}}@keyframes animate-svg-stroke-26{0%{stroke-dashoffset:218.45851135253906px;stroke-dasharray:218.45851135253906px}100%{stroke-dashoffset:0;stroke-dasharray:218.45851135253906px}}@-webkit-keyframes animate-svg-fill-26{0%{fill:transparent}100%{fill:rgb(255,255,255)}}@keyframes animate-svg-fill-26{0%{fill:transparent}100%{fill:rgb(255,255,255)}}.svg-elem-26{-webkit-animation:animate-svg-stroke-26 0.5s cubic-bezier(0.47,0,0.745,0.715) 0.5s both,animate-svg-fill-26 0.5s cubic-bezier(0.47,0,0.745,0.715) 1.25s both;animation:animate-svg-stroke-26 0.5s cubic-bezier(0.47,0,0.745,0.715) 0.5s both,animate-svg-fill-26 0.5s cubic-bezier(0.47,0,0.745,0.715) 1.25s both}


/*-----------------*/
/* ELEMENTS */
/*-----------------*/


*:not(.wp-block-button__link, .button, .wp-block-separator).has-background  a:not([class*="button"]), 
*:not(.wp-block-button__link, .button, .wp-block-separator).has-background a:not([class*="button"]) strong{background-image: linear-gradient(to bottom, transparent 20%, var(--white) 21%);}

*:not(.wp-block-button__link, .button, .wp-block-separator).has-background  a:not([class*="button"]):hover, 
*:not(.wp-block-button__link, .button, .wp-block-separator).has-background a:not([class*="button"]):hover strong{color:var(--white)}

/*----------------- MORE LINKS -----------------*/
.moreLinks {
    color: var(--title-color);
    position: relative;
    padding: 0 20px;
    font-family: var(--font-title);
    font-weight: bold;
    letter-spacing: 1px;
    font-size: 15px;
    z-index: 1;
    display: inline-block
}

.more-links_icon {
    margin-left: 20px;
    bottom: -2px;
    position: relative
}

.more-links_icon svg {
    --size: 16px;
    width: var(--size);
    height: var(--size);
    stroke: var(--title-color);
    stroke-width: 10px;
    transform: rotate(-35deg);
    transition: all .4s
}

.moreLinks:after {
    content: '';
    --size: 40px;
    position: absolute;
    right: 7px;
    top: -6px;
    width: var(--size);
    height: var(--size);
    border-radius: var(--size);
    background: var(--primary-color);
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    z-index: -1;
}

.moreLinks:hover:after {
    width: 100%;
    right: 0
}

.moreLinks:hover .more-links_icon svg { transform: rotate(0)}

.moreLinks.white {color: var(--white)}
.moreLinks:hover{
    color: var(--title-color);
}

.moreLinks.bigLink .more-links_icon {
    margin-left: 60px;
    bottom: -3px
}

.moreLinks.bigLink .more-links_icon svg {--size: 36px;}
.moreLinks.bigLink.white .more-links_icon svg{stroke: var(--white);}
.moreLinks.bigLink:after {
    margin-left: 30px;
    border: solid 1px;
    --size: 100px;
    top: 50%;
    transform: translateY(-50%);
    background: none;
}

.moreLinks.bigLink {
    text-transform: uppercase;
    padding: 30px 43px 30px 0;
    display: flex;
    align-items: center;
    width: max-content;
   
}
.moreLinks.bigLink{font-size: 0;}
.moreLinks.bigLink span{ font-size: 16px}
.moreLinks.bigLink:hover:after {
    width: var(--size);
    right: 7px;
    background: var(--primary-color);
    transform: translateY(-50%) scale(1.2);
    z-index: -1
}

.moreLinks.bigLink:hover .more-links_icon svg {
    stroke: var(--white);
    z-index: 2;
    transform: scale(1.2) rotate(0)
}


.more-links{
	text-transform: uppercase;
	font-size: .85rem;
	padding: 0 10px 0 0;
	text-decoration: none;
	display: inline-block;
	position: relative;
	font-family: var(--font-bold);
	font-size: 12px;
	letter-spacing: 1px;
	line-height: 1;
	z-index: 0;
	color: var(--title-color);
	transition: 250ms all ease-in-out;
}

.more-links:after{
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(136, 183, 213, 0);
	border-left-color: var(--primary-color);
	border-width: 4px;
	margin-top: -4px;
	transition: 250ms all ease-in-out;
}
.more-links.white{color: var(--white);}
.more-links.white:after{border-left-color: var(--white);}
.more-links:hover{color: var(--primary-color);}

.more-links:hover:after{border-left-color: var(--primary-color);}



.button.btn-professionnels:not(:hover){background: var(--base-color)}
.button.btn-sanitaire:not(:hover){background: var(--sanitaire-color)}
.button.btn-relamping:not(:hover){background: var(--relamping-color);}


.button.buttonIcon,
.underbutton.buttonIcon > *{padding: 15px 10px 15px 40px;font-size: 12px;letter-spacing: 0;}

.button.buttonIcon:before,
.underbutton.buttonIcon > *:before{
	content: "";
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
	position: absolute;
	--size: 20px;
	left: 10px;
	top: 50%;
	transform: translateY(-50%);
	width: var(--size);
	height: var(--size);
	display: block;
}
.contactButton:before {background-image: url(../images/icons/mail-white.svg);}
.recrutement:before{
	--size: 30px!important;
	background-image: url(../images/icons/recruitment.svg);
	top: calc(50% + 3px)!important;
	left: 5px!important;
}

.upp-link svg{
	fill: var(--primary-color);
	--size: 15px;
	width: var(--size);
	height: var(--size);
	position: absolute;
	left: 0;
	top: 2px;
}

.upp-link{
    color: var(--secondary-color);
    position: relative;
    padding-left: 17px;
    text-transform: uppercase;
    font-size: 12px;
    font-family: var(--font-bold);
    letter-spacing: 0;
}

.upp-link a{color: var(--secondary-color);}

.upp-link:not(.sav) a:hover,
.upp-link:not(.sav):hover{color: var(--primary-color);}

.sav a:hover strong{color: var(--secondary-color);}

.upp-link:before{
    content : "";
    position: absolute;
    left: 0;
    top: 4px;
    --size: 12px;
    width: var(--size);
    height: var(--size);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.sav{padding-left: 21px;}
.sav strong{
	color: var(--primary-color);
	transition: 250ms all ease-in-out;
}

.espacepro:before{background-image: url(../images/icons/briefcase.svg);}

/*-----------------*/
/* HEADER */
/*-----------------*/
#info-toogle:hover{background-color: var(--primary-color)}
#header{
	background-color: var(--white);
	/* box-shadow: 0 0 30px rgba(0, 0, 0, .2); */
}
#header-top{
	background-color: var(--light-color);
    padding: 0 15px;
}
#info-toogle{display: flex;}

#header-coordonnees {
    position: fixed;
    top: 0;
    right: -320px;
    width: 320px;
    height: 100%;
    min-height: 100%;
    padding: 70px 30px 65px;
    background-color: var(--light-color);
    overflow: hidden;
    visibility: hidden;
    overflow: scroll;
    z-index: 9998;
    transition: all .6s cubic-bezier(.77,0,.175,1);
    text-align: left;
    box-shadow: 0 0 30px #00000057
}

body.is-toggle-open #header-coordonnees {
    right: 0;
    visibility: visible
}
#header-coordonnees .button{margin: 4px 0;}
#header-coordonnees .flex>div {
	margin: 15px auto;
	width: 100%;
}

/*-----------------*/
/* SOCIAL */
/*-----------------*/
.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: solid 1px #acacac;
}

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

.sociblock .share-buttons a svg {
    --size: 15px
}

/*-----------------*/
/* NAVPRIMARY */
/*-----------------*/
#navprimary .naviglink.lvl-0.item-icon:after {
	content: "";
	position: absolute;
	transform: translateY(-50%);
	top: 50%;
	left: 8px;
	--size: 15px;
	width: var(--size);
	height: var(--size);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}

#navprimary .navigmenu .naviglink.lvl-0 span:before{
	position: absolute;
	bottom: -5px;
	left: 0;
	width: 100%;
	height: 2px;
	content: '';
	background-color: var(--base-color);
	opacity: 0;
	transition: all 200ms linear;
}
#navprimary .navigtoogle.active .naviglink.lvl-0 span:before,
#navprimary .navigmenu .naviglink.lvl-0:hover span:before{
	bottom: 0;
    opacity: 1;
}

#navprimary .naviglink.lvl-0.item-icon:before{
	content: "";
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
    left: 0;
	--size: 30px;
	width: var(--size);
	height: var(--size);
    background-color: var(--base-color);
    border-radius: 100px;
}
#navprimary .naviglink.lvl-0.item-home:hover,
#navprimary .navigtoogle.active .naviglink.lvl-0.item-home{color: var(--base-color)}
#navprimary .naviglink.lvl-0.item-home:after {background-image: url(../images/icons/home-white.svg);}

#navprimary .naviglink.lvl-0.item-cvc span:before {background-color: var(--cvc-color)!important;}
#navprimary .naviglink.lvl-0.item-cvc:after {background-image: url('../images/icons/picto-prestations/picto_chauffage.svg');}
#navprimary .naviglink.lvl-0.item-cvc:hover,
#navprimary .navigtoogle.active .naviglink.lvl-0.item-cvc{color: var(--cvc-color);}
#navprimary .naviglink.lvl-0.item-cvc:before{background-color: var(--cvc-color)!important;}

#navprimary .naviglink.lvl-0.item-sanitaire span:before {background-color: var(--sanitaire-color)!important;}
#navprimary .naviglink.lvl-0.item-sanitaire:after {background-image: url('../images/icons/picto-prestations/picto_sanitaire.svg');}
#navprimary .naviglink.lvl-0.item-sanitaire:hover,
#navprimary .navigtoogle.active .naviglink.lvl-0.item-sanitaire{color: var(--sanitaire-color);}
#navprimary .naviglink.lvl-0.item-sanitaire:before{background-color: var(--sanitaire-color)!important;}

#navprimary .naviglink.lvl-0.item-electricite span:before {background-color: var(--electricite-color)!important;}
#navprimary .naviglink.lvl-0.item-electricite:after {background-image: url('../images/icons/picto-prestations/picto_electricite.svg');}
#navprimary .naviglink.lvl-0.item-electricite:hover,
#navprimary .navigtoogle.active .naviglink.lvl-0.item-electricite{color: var(--electricite-color);}
#navprimary .naviglink.lvl-0.item-electricite:before{background-color: var(--electricite-color) !important;}

#navprimary .naviglink.lvl-0.item-maintenance span:before {background-color: var(--maintenance-color)!important;}
#navprimary .naviglink.lvl-0.item-maintenance:after {background-image: url('../images/icons/picto-prestations/picto_sav.svg');}
#navprimary .naviglink.lvl-0.item-maintenance:hover,
#navprimary .navigtoogle.active .naviglink.lvl-0.item-maintenance{color: var(--maintenance-color);}
#navprimary .naviglink.lvl-0.item-maintenance:before{background-color: var(--maintenance-color)!important;}



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

#navsecondary .navigmenu .naviglink.lvl-0: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):after {
    content: "";
    height: 10px;
    width: 1px;
    position: absolute;
    right: 0;
    background-color: var(--title-color);
    transform: translateY(-50%);
    opacity: 0.4;
    top: 50%;
}

body.page_electricite-et-bornes-irve #navsecondary .navigmenu .naviglink.lvl-0.item-logo span {background-image: url(../images/logo-electricite.png);}
body.page_chauffage-climatisation-ventilation #navsecondary .navigmenu .naviglink.lvl-0.item-logo span {background-image: url(../images/logo-cvc.png);}
body.page_sanitaire-et-salle-de-bain #navsecondary .navigmenu .naviglink.lvl-0.item-logo span {background-image: url(../images/logo-sanitaire.png);}
body.page_entretien-et-depannage #navsecondary .navigmenu .naviglink.lvl-0.item-logo span {background-image: url(../images/logo-sav.png);}

/*-----------------*/
/* HEADERHOME */
/*-----------------*/

/*-----------------*/
/* GALLERY HOME */
/*-----------------*/

/*-----------------*/
/* CTA */
/*-----------------*/
#cta{
	padding: 70px 30px;
	background: var(--dark-color);
}
#cta .cta-item{margin: 5px 10px;}
#cta .title {margin-bottom: 30px;}

/*-----------------*/
/* CONTENT */
/*-----------------*/
.has-background.atouts{margin-bottom: 0;}
#intro-content #pageTitle{display: flow-root;}

#content *:not(.wp-block-button__link, .button, .wp-block-separator).has-background.has-drop-cap:first-letter{
	font-size: 80px;
	font-family: var(--font-title);
	line-height: 18px;
	position: relative;
	top: -10px;
}

#content .uagb-timeline__events-inner-new{max-width:/ 350px;}

#content :is(.uagb-timeline__date-new, .uagb-timeline__inner-date-new){
	font-family: var(--font-title);
	font-size: 25px;
	font-weight: bold;
}
/*-----------------*/
/* ATOUTS */
/*-----------------*/
.atouts h2{
	margin-top: 0;
    font-size: 22px;
    margin-bottom: 10px;
    color: var(--white);
}
.atouts .wp-block-cover h2:after{content: none;}
.atouts .wp-block-cover{
    margin: 0;
    padding: 40px 30px;
}
.atouts .wp-block-cover p{padding: 0;}

/*-----------------*/
/* A PROPOS - VALEURS */
/*-----------------*/

.valeurs .has-background{
	background-color: var(--primary-color)!important;
	margin: 0;
	padding: 30px 20px!important;
}
/*-----------------*/
/* VALEURS */
/*-----------------*/
#valeurs {
	background-color: var(--secondary-color);
	padding: 30px 20px;
	color: var(--white);
	position: relative;
}
#valeurs h2{
	font-family: var(--font-bold);
	text-transform: uppercase;
	font-size: 18px;
}

#valeurs .bloc_valeurs .title{
	padding-bottom: 20px;
	margin-bottom: 20px;
}
#valeurs .element_content ul {margin-left: 10px;}

/*-----------------*/
/* PRESTATIONS */
/*-----------------*/
.home #prestations{background-color: var(--dark-color);}
.nohome #prestations{padding: 0;}
#presta_chauffage-climatisation-ventilation{--primary-color:var(--cvc-color);}
#presta_sanitaire-et-salle-de-bain{--primary-color:var(--sanitaire-color);}
#presta_electricite-et-bornes-irve{--primary-color:var(--electricite-color);}
#presta_entretien-et-depannage{--primary-color:var(--maintenance-color);}

.title_content {
	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_content:hover{background-size: 100% 96%}

.prestations-wrapper{
	padding-top: 35px;
    padding-bottom: 35px;
}
.bloc_prestations:not(:last-child){border-bottom: solid 1px #545454;}

.prestations-title{
	height: 30%;
	margin: auto 0;
	will-change: transform;
	flex: 0 0 auto;
	width: 50%;
	-webkit-transition: -webkit-transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: -webkit-transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
	display: flex;
	align-items: center;
	padding-right: 30px;
}
.prestations-title .specialthumb{
    --size: 50px;
    width: var(--size);
    max-width: var(--size);
    min-width: var(--size);
    margin-right: 10px;
    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.prestations-title .specialthumb a{
	display: flex;
    align-items: center;
    justify-content: center;
}
.prestations-title h2 a{
	color: var(--title-color);
	transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.prestations-title h2{
	margin: 0;
	font-size: 26px;
	text-transform: uppercase;
}

.bloc_prestations .tc_excerpt{
	height: 53%;
	margin: auto 0 auto 0;
	width: 35%;
	flex: 0 0 auto;
	-webkit-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.bloc_prestations .liresuite{
	height: 0%;
    margin: auto 0 auto auto;
	
}
.bloc_prestations:hover .prestations-title h2 a{color: var(--primary-color);}

.home .prestations-title h2 a,
.home .bloc_prestations .tc_excerpt{color: var(--white)}
/*-----------------*/
/* PAGE ACTU */
/*-----------------*/
#listarticles .wrapper_slider{
    display: flex;
    align-items: center;
}
#listarticles .wrapper_slider:hover .title_slider {transform: translateY(-60px);}
#listarticles .wrapper_slider:hover .wrap_slider {transform: translateY(-57px);}

/*-----------------*/
/* ACTU */
/*-----------------*/
#news{background-color: var(--light-color);}
.content_slider {
    position: absolute;
    left: 0;
    bottom: 10px;
    right: 0;
    z-index: 1;
    padding: 30px 20px;
    text-shadow: 1px 1px 1px rgb(0 0 0 / 50%);
    color: var(--white);
}
.newsdate{
	font-family: var(--font-text);
	color: var(--white);
	font-weight: bold;
	padding: 0 0px 0px 25px;
	margin-bottom: 10px;
}
.newsdate:before{
	background-image: url(../images/icons/calendar.svg);
	--size: 15px;
	width: var(--size);
	height: var(--size);
	top: 50%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	transform: translateY(-50%);
}
.content_slider .title{transition: .5s;}
.wrapper_slider:hover .content_slider .title{transform: translateY(-140px);}
#news .content_slider .title_slider{font-size: 22px;}
.content_slider .title_link_slider{color: var(--white)}

.content_slider .wrap_slider{
	position: absolute;
	transition: .5s;
	opacity: 0;
	transform: translateY(30px);
	right: 20px;
	left: 20px;
}
.wrapper_slider:hover .content_slider .wrap_slider {
    opacity: 1;
    transform: translateY(-130px);
}

.thumbnail_slider:before{
	background-image: -webkit-linear-gradient(-90deg, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 100%);
	opacity: .8;
    z-index: 1;
}

#news .category {
    position: absolute;
    left: -10px;
    top: 20px;
    z-index: 2;
    background-color: var(--primary-color);
    padding: 5px 32px 5px 10px;
    color: var(--white);
    font-family: var(--font-bold);
    text-transform: uppercase;
    font-size: 10px;
    letter-spacing: 1px;
    border-radius: 0 5px 5px 0;
}
#news .category:before{
	content: "";
	position: absolute;
	--size: 15px;
	width: var(--size);
	height: var(--size);
	background-image: url('../images/icons/star-white.svg');
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	right: 8px;
	top: 50%;
	transform: translateY(-50%);
}

#news .category:after {
    content: "";
    display: block;
    background-color: #a70650;
    height: 5px;
    width: 10px;
    left: 0px;
    position: absolute;
    top: -2px;
    transform: skewY(-18deg);
    z-index: -1;
}

#news .category.sanitaire-salle-de-bain{background-color: var(--sanitaire-color);}
#news .category.sanitaire-salle-de-bain:after{background-color: #4b93b9;}
#news .category.sanitaire-salle-de-bain:before{background-image: url('../images/icons/picto-prestations/picto_sanitaire.svg');}


#news .category.chauffage-ventilation-climatisation{background-color: var(--cvc-color);}
#news .category.chauffage-ventilation-climatisation:after{background-color: #9a5d00;}
#news .category.chauffage-ventilation-climatisation:before{background-image: url('../images/icons/picto-prestations/picto_chauffage.svg');}

#news .category.electricite{background-color: var(--electricite-color);}
#news .category.electricite:after{background-color: #b79900;}
#news .category.electricite:before{background-image: url('../images/icons/picto-prestations/picto_electricite.svg');}

#news .category.entretien-depannage{background-color: var(--maintenance-color);}
#news .category.entretien-depannage:after{background-color: #980d04;}
#news .category.entretien-depannage:before{background-image: url('../images/icons/picto-prestations/picto_sav.svg');}

/*-----------------*/
/* SECTIONS */
/*-----------------*/
#choixSections {
    position: relative;
    border-right: 2px solid #ebebeb;
    padding-right: 10px;
}

.choixLine {
    position: absolute;
    background-color: var(--black);
    top: 0;
    height: 53px;
    right: -2px;
    width: 3px;
    -webkit-transition: all .4s ease 30ms;
    -moz-transition: all .4s ease 30ms;
    transition: all .4s ease 30ms
}

#choixSections .linkSections p {
    padding: 15px 0;
    text-transform: uppercase;
    color: var(--text-color);
    font-size: 12px;
    cursor: pointer;
    transition: 250ms all ease-in-out;
    font-family: var(--font-title);
    height: 53px;
    display: flex;
    align-items: center;
}

#choixSections .linkSections.active p,
#choixSections .linkSections:hover p {color: var(--black);}
#choixSections .linkSections.active p{font-weight: bold;}

#choixSections .linkSections:nth-child(1).active ~ .choixLine, 
#choixSections .linkSections:nth-child(1)[class]:hover ~ .choixLine {transform: translateY(0)}

#choixSections .linkSections:nth-child(2).active ~ .choixLine, 
#choixSections .linkSections:nth-child(2)[class]:hover ~ .choixLine {transform: translateY(53px)}

#choixSections .linkSections:nth-child(3).active ~ .choixLine, 
#choixSections .linkSections:nth-child(3)[class]:hover ~ .choixLine {transform: translateY(106px)}

#choixSections .linkSections:nth-child(4).active ~ .choixLine, 
#choixSections .linkSections:nth-child(4)[class]:hover ~ .choixLine {transform: translateY(159px)}

#choixSections .linkSections:nth-child(5).active ~ .choixLine, 
#choixSections .linkSections:nth-child(5)[class]:hover ~ .choixLine {transform: translateY(212px)}

#choixSections .linkSections:nth-child(6).active ~ .choixLine, 
#choixSections .linkSections:nth-child(6)[class]:hover ~ .choixLine {transform: translateY(265px)}

#choixSections .linkSections:nth-child(7).active ~ .choixLine, 
#choixSections .linkSections:nth-child(7)[class]:hover ~ .choixLine {transform: translateY(318px)}

#choixSections .linkSections:nth-child(8).active ~ .choixLine, 
#choixSections .linkSections:nth-child(8)[class]:hover ~ .choixLine {transform: translateY(371px)}

#choixSections .linkSections:nth-child(9).active ~ .choixLine, 
#choixSections .linkSections:nth-child(9)[class]:hover ~ .choixLine {transform: translateY(424px)}

#choixSections .linkSections:nth-child(10).active ~ .choixLine, 
#choixSections .linkSections:nth-child(10)[class]:hover ~ .choixLine {transform: translateY(477px)}

#choixSections .linkSections:nth-child(11).active ~ .choixLine, 
#choixSections .linkSections:nth-child(11)[class]:hover ~ .choixLine {transform: translateY(530px)}

#choixSections .linkSections:nth-child(12).active ~ .choixLine, 
#choixSections .linkSections:nth-child(12)[class]:hover ~ .choixLine {transform: translateY(583px)}

#choixSections .linkSections:nth-child(13).active ~ .choixLine, 
#choixSections .linkSections:nth-child(13)[class]:hover ~ .choixLine {transform: translateY(636px)}

.sectionsbloc.section_num4 .section_thumb{
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	z-index: -1;
}
.sectionsbloc.section_num4 .section_txt {grid-column: span 5;}
.sectionsbloc.section_num4 .section_txt .wrap-text {
    background-color: rgb(0 25 58 / 90%);
    color: var(--white);
}
.sectionsbloc.section_num4 .section_txt .wrap-text .title h2{color: var(--white);}

/*-----------------*/
/* REASSURANCES */
/*-----------------*/
#reassurances {background-color: var(--secondary-color);}
.home #reassurances,
.template-prestations-php #reassurances{ background-color: var(--dark-color);}

.picto-container li{
	position: relative;
	flex: 1 1 50%;
	text-align: left;
	flex-direction: row;
	padding: 20px 40px;
}
.picto-container li:nth-child(odd){
	text-align: right;
	flex-direction: row-reverse;
}
.picto-container{ flex-wrap: wrap;}

.picto-container li:nth-child(odd):before{
	right: 20px;
	left: auto;
}

.picto-container li:nth-child(odd) p{
	margin: 0 40px  0 0;
}
.picto-container li:before{
	content: "";
	--size: 70px;
	width: var(--size);
	height: var(--size);
	border: solid 2px var(--primary-color);
	position: absolute;
	top: 50%;
	left: 20px;
	transform: translateY(-50%);
}
.picto-container li p {
    color: rgba(255, 255, 255, .8);
    margin: 0 0 0 40px;
}
.picto-container li p strong{
    font-family: var(--font-title);
    color: var(--white);
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 2px;
    display: block;
}


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

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

/*-----------------*/
/* TEMOIGNAGES */
/*-----------------*/
#banner.temoignagesBanner #bannerImg{
    background: var(--secondary-color);
}
#banner.temoignagesBanner #bannerTitle{
    font-size: 45px;
    font-family: var(--font-title);
    text-shadow: 1px 1px 1px var(--black);
    text-transform: uppercase;
    line-height: 1.2;
}
#banner.temoignagesBanner #bannerTitle small{
	color: var(--white);
	padding: 10px 0 0;
	font-size: 16px;
}

#contentPageLBP{
	margin-top: 80px;
    border-top: solid 1px rgb(0 0 0 / 10%);
    padding-top: 50px;
}

/*-----------------*/
/* REFERENCES */
/*-----------------*/
#references .bloc_references{
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
	margin-bottom: 50px;
}
#references .references-inner{padding: 30px 0;}
#references .references-inner h2{margin-top: 0;}
#references .references-text{
	font-size: 14px;
    margin-bottom: 30px;
}
#references .wp-block-gallery{gap: 2px}
#references .wp-block-gallery .gallery-item {
	width: calc(100% / 5)!important;
	min-width: calc(100% / 5)!important;
    height: 120px
}

#references .references-img img {
    position: absolute;
    top: 0;
    left: 0;
}
#references .ckslidercontrols .prev {left: 10px;}
#references .ckslidercontrols .next {right: 10px;}
#references .ckslidercontrols :is(.prev, .next){background-color: rgb(0 0 0 / 55%);}
#references .ckslidercontrols :is(.prev, .next):hover{background-color: var(--primary-color);}


/*-----------------*/
/* CONTACTFORM */
/*-----------------*/

/*-----------------*/
/* FOOTER */
/*-----------------*/
#footerLinks{background-color: var(--secondary-color);}
#footerSeo{
	font-size: 12px;
	font-style: italic;
	border-top: solid 1px rgb(0 0 0 / 20%);
	margin-top: 20px;
	padding-top: 20px;
}

#footerLogo img{width: 90px;}

#footer #footerMap{ width: 100%;}
#footer #footerMap .maps_canvas{min-height: 330px;}
#coordonneesFooter > div:not(:last-child){margin-bottom: 15px;}