body
{
   background-color: #000000;
   color: #000000;
   font-family: Arial;
   font-weight: normal;
   font-size: 16px;
   line-height: 1.1875;
   margin: 0;
   padding: 0;
   overflow-x: visible;
   overflow-y: visible;
}
a
{
   color: #000000;
   text-decoration: underline;
}
a:hover
{
   color: #000000;
   text-decoration: underline;
}
#wb_logoText9 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: center;
}
#wb_logoText9 div
{
   text-align: center;
}
#wb_logoText8 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: center;
}
#wb_logoText8 div
{
   text-align: center;
}
#wb_logoText7 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: center;
}
#wb_logoText7 div
{
   text-align: center;
}
#Picture2
{
   box-sizing: border-box;
   padding: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#wb_Picture1
{
   margin: 0;
   vertical-align: top;
   -webkit-clip-path: url(#Picture1-clippath);
   clip-path: url(#Picture1-clippath);
}
#Picture1
{
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   padding: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#Button1
{
   -webkit-appearance: none;
   margin: 0;
}
#Button1:focus
{
   outline: 0;
}
#PhotoGallery1
{
   box-sizing: border-box;
   font-size: 0;
   width: 100%;
   height: 100%;
   table-layout: fixed;
   display: table;
   margin: 0;
}
#PhotoGallery1 .thumbnails
{
   margin: 0;
}
#PhotoGallery1 .thumbnail
{
   position: relative;
   min-height: 1px;
   box-sizing: border-box;
   float: left;
   padding: 5px 5px 5px 5px;
   width: 100%;
   text-align: center;
   vertical-align: top;
}
#PhotoGallery1 .thumbnail img
{
   border: 0px solid #DEE2E6;
   display: block;
   width: 100%;
   height: auto;
   max-width: 100%;
   box-sizing: border-box;
   border-radius: 0px;
}
#PhotoGallery1 .clearfix:before,
#PhotoGallery1 .clearfix:after,
#PhotoGallery1 .thumbnails:before,
#PhotoGallery1 .thumbnails:after
{
   display: table;
   content: " ";
}
#PhotoGallery1 .clearfix:after,
#PhotoGallery1 .thumbnails:after
{
   clear: both;
}
#PhotoGallery1 .visible-col6
{
   display: none;
}
#Button3
{
   -webkit-appearance: none;
   margin: 0;
}
#Button3:focus
{
   outline: 0;
}
#Button4
{
   -webkit-appearance: none;
   margin: 0;
}
#Button4:focus
{
   outline: 0;
}
#Button5
{
   -webkit-appearance: none;
   margin: 0;
}
#Button5:focus
{
   outline: 0;
}
#Button8
{
   -webkit-appearance: none;
   margin: 0;
}
#Button8:focus
{
   outline: 0;
}
#Button14
{
   -webkit-appearance: none;
   margin: 0;
}
#Button14:focus
{
   outline: 0;
}
#wb_logoText1 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: center;
}
#wb_logoText1 div
{
   text-align: center;
}
#Button9
{
   box-sizing: border-box;
   line-height: 36px;
   text-decoration: none;
   vertical-align: top;
   -webkit-appearance: none;
   margin: 0;
}
#Button9:focus
{
   outline: 0;
}
#wb_logoText4 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: center;
}
#wb_logoText4 div
{
   text-align: center;
}
#wb_logoText6 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: center;
}
#wb_logoText6 div
{
   text-align: center;
}
#wb_logoText5 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: center;
}
#wb_logoText5 div
{
   text-align: center;
}
#En-Fr
{
   box-sizing: border-box;
   line-height: 19px;
   text-decoration: none;
   vertical-align: top;
   -webkit-appearance: none;
   margin: 0;
}
#En-Fr:focus
{
   outline: 0;
}
#wb_logoText3 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: center;
}
#wb_logoText3 div
{
   text-align: center;
}
#wb_ResponsiveMenu1
{
   display: block;
   border: 1px solid #000000;
   box-sizing: border-box;
   font-family: Quicksand;
   font-weight: normal;
   text-align: left;
   width: 100%;
}
#ResponsiveMenu1
{
   height: 37px;
}
#wb_ResponsiveMenu1 ul
{
   list-style: none;
   margin: 0;
   padding: 0;
   position: relative;
}
#wb_ResponsiveMenu1 ul:after
{
   clear: both;
   content: "";
   display: block;
}
#wb_ResponsiveMenu1 ul li
{
   border-radius: 0;
   display: list-item;
   float: left;
   list-style: none;
   z-index: 9999;
}
#wb_ResponsiveMenu1 ul li i
{
   font-size: 14px;
   width: 14px;
   margin-bottom: 0px;
}
#wb_ResponsiveMenu1 ul li a
{
   background-color: rgba(0,0,0,0.00);
   color: #FFFFFF;
   font-family: Quicksand;
   font-weight: normal;
   font-size: 16px;
   font-style: normal;
   text-decoration: none;
   text-transform: none;
   padding: 0;
   text-align: center;
}
#wb_ResponsiveMenu1 > ul > li > a 
{
   margin-right: 3px;
   height: 37px;
}
.ResponsiveMenu1 a 
{
   display: block;
}
#wb_ResponsiveMenu1 li:hover > a, #wb_ResponsiveMenu1 li .active
{
   background-color: rgba(0,0,0,0.00);
   color: #FFFFFF;
}
#wb_ResponsiveMenu1 ul ul
{
   display: none;
   position: absolute;
   top: 37px;
}
#wb_ResponsiveMenu1 ul li:hover > ul
{
   display: list-item;
}
#wb_ResponsiveMenu1 ul ul li 
{
   float: none;
   position: relative;
   width: 122px;
}
#wb_ResponsiveMenu1 ul ul li a
{
   background-color: rgba(0,0,0,0.00);
   border: 0px solid #000000;
   color: #FFFFFF;
}
#wb_ResponsiveMenu1 ul ul li:hover > a, #wb_ResponsiveMenu1 ul ul li .active
{
   background-color: rgba(0,0,0,0.00);
   color: #FFFFFF;
}
#wb_ResponsiveMenu1 ul ul li i 
{
   margin-right: 4px;
   vertical-align: middle;
}
#wb_ResponsiveMenu1 ul ul li a 
{
   padding-top: 15px;
   padding-right: 20px;
   padding-bottom: 15px;
   text-align: left;
   vertical-align: middle;
}
#wb_ResponsiveMenu1 ul ul ul li 
{
   left: 122px;
   position: relative;
   top: -37px;
}
#wb_ResponsiveMenu1 .arrow-down 
{
   display: inline-block;
   width: 0;
   height: 0;
   margin-left: 0px;
   vertical-align: middle;
   border-top: 4px solid #FFFFFF;
   border-right: 4px solid transparent;
   border-left: 4px solid transparent;
   border-bottom: 0 dotted;
}
#wb_ResponsiveMenu1 .arrow-left 
{
   display: inline-block;
   width: 0;
   height: 0;
   margin-left: 0px;
   vertical-align: middle;
   border-left: 4px solid #FFFFFF;
   border-top: 4px solid transparent;
   border-bottom: 4px solid transparent;
   border-right: 0 dotted;
}
#wb_ResponsiveMenu1 li:hover > a .arrow-down, #wb_ResponsiveMenu1 li .active .arrow-down
{ 
   border-top-color: #FFFFFF;
}
#wb_ResponsiveMenu1 ul ul li:hover > a .arrow-left, #wb_ResponsiveMenu1 ul ul li .active .arrow-left
{ 
   border-left-color: #FFFFFF;
}
#wb_ResponsiveMenu1 .toggle,[id^=ResponsiveMenu1-submenu]
{
   display: none;
}
@media all and (max-width:768px) 
{
#wb_ResponsiveMenu1
{
   margin: 0;
   text-align: left;
}
#wb_ResponsiveMenu1 ul li a, #wb_ResponsiveMenu1 .toggle
{
   font-size: 16px;
   font-weight: normal;
   font-style: normal;
   text-decoration: none;
   text-transform: none;
   padding: 15px 20px 15px 20px;
}
#wb_ResponsiveMenu1 .toggle + a
{
   display: none !important;
}
.ResponsiveMenu1 
{
   display: none;
   z-index: 9999;
}
#ResponsiveMenu1 
{
   background-color: transparent;
}
#wb_ResponsiveMenu1 > ul > li > a 
{
   height: auto !important;
   margin: 0;
}
#wb_ResponsiveMenu1 .toggle 
{
   display: block;
   background-color: rgba(0,0,0,0.00);
   color: #FFFFFF;
   padding: 0 20px 0 20px;
   line-height: 44px;
   text-decoration: none;
   border: none;
}
#wb_ResponsiveMenu1 .toggle:hover
{
   background-color: rgba(0,0,0,0.00);
   color: #FFFFFF;
}
[id^=ResponsiveMenu1-submenu]:checked + ul 
{
   display: block !important;
}
#ResponsiveMenu1-title
{
   height: 37px !important;
   line-height: 37px !important;
   text-align: left;
}
#wb_ResponsiveMenu1 ul li 
{
   display: block;
   width: 100% !important;
   text-align: left;
}
#wb_ResponsiveMenu1 ul ul .toggle,
#wb_ResponsiveMenu1 ul ul a 
{
   padding: 0 40px;
}
#wb_ResponsiveMenu1 a:hover,
#wb_ResponsiveMenu1 ul ul ul a 
{
   background-color: rgba(0,0,0,0.00);
   color: #FFFFFF;
}
#wb_ResponsiveMenu1 ul li ul li .toggle,
#wb_ResponsiveMenu1 ul ul a 
{
   background-color: rgba(0,0,0,0.00);
   color: #FFFFFF;
}
#wb_ResponsiveMenu1 ul ul ul a 
{
   padding: 15px 20px 15px 60px;
}
#wb_ResponsiveMenu1 ul li a 
{
   text-align: left;
}
#wb_ResponsiveMenu1 ul li a br 
{
   display: none;
}
#wb_ResponsiveMenu1 ul li i 
{
   margin-right: 4px;
}
#wb_ResponsiveMenu1 ul ul 
{
   float: none;
   position: static;
}
#wb_ResponsiveMenu1 ul ul li:hover > ul,
#wb_ResponsiveMenu1 ul li:hover > ul 
{
   display: none;
}
#wb_ResponsiveMenu1 ul ul li 
{
   display: block;
   width: 100%;
}
#wb_ResponsiveMenu1 ul ul ul li 
{
   position: static;
}
#ResponsiveMenu1-icon 
{
   display: block;
   position: absolute;
   left: 50%;
   transform: translateX(-50%);
   top: 6px;
   user-select: none;
}
#ResponsiveMenu1-icon span 
{
   display: block;
   margin-top: 4px;
   height: 2px;
   background-color: #FFFFFF;
   color: #FFFFFF;
   width: 24px;
}
#wb_ResponsiveMenu1 ul li ul li .toggle:hover
{
   background-color: #000000;
   color: #FFFFFF;
}
#wb_ResponsiveMenu1 .toggle .arrow-down 
{
   border-top-color: #FFFFFF;
}
#wb_ResponsiveMenu1 .toggle:hover .arrow-down, #wb_ResponsiveMenu1 li .active .arrow-down
{
   border-top-color: #FFFFFF;
}
#wb_ResponsiveMenu1 ul li ul li .toggle .arrow-down 
{
   border-top-color: #FFFFFF;
}
#wb_ResponsiveMenu1 ul li ul li .toggle:hover .arrow-down, #wb_ResponsiveMenu1 ul li ul li .active .arrow-down
{
   border-top-color: #FFFFFF;
}
}
#wb_ResponsiveMenu1.affix
{
   top: 0 !important;
   position: fixed !important;
}
#wb_logoText 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: center;
}
#wb_logoText div
{
   text-align: center;
}
#wb_logoText2 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: center;
}
#wb_logoText2 div
{
   text-align: center;
}
#Button10
{
   box-sizing: border-box;
   line-height: 36px;
   text-decoration: none;
   vertical-align: top;
   -webkit-appearance: none;
   margin: 0;
}
#Button10:focus
{
   outline: 0;
}
#wb_logoText10 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: center;
}
#wb_logoText10 div
{
   text-align: center;
}
#wb_logoText10
{
   position: absolute;
   left: 964px;
   top: 115px;
   width: 144px;
   height: 21px;
   text-align: center;
   z-index: 27;
}
#Button4
{
   position: absolute;
   left: 724px;
   top: 908px;
   width: 165px;
   height: 30px;
   visibility: hidden;
   z-index: 8;
}
#Button10
{
   position: absolute;
   left: 1262px;
   top: 47px;
   width: 90px;
   height: 40px;
   z-index: 26;
}
#Button3
{
   position: absolute;
   left: 253px;
   top: 925px;
   width: 165px;
   height: 30px;
   visibility: hidden;
   z-index: 7;
}
#wb_Picture2
{
   position: absolute;
   left: 149px;
   top: 2062px;
   width: 1147px;
   height: 593px;
   visibility: hidden;
   z-index: 3;
}
#wb_ResponsiveMenu1
{
   position: absolute;
   left: 421px;
   top: 454px;
   width: 61px;
   height: 73px;
   visibility: hidden;
   z-index: 23;
}
#En-Fr
{
   position: absolute;
   left: 927px;
   top: 17px;
   width: 41px;
   height: 19px;
   z-index: 21;
}
#Button1
{
   position: absolute;
   left: 461px;
   top: 1104px;
   width: 165px;
   height: 30px;
   visibility: hidden;
   z-index: 5;
}
#wb_Picture1
{
   position: absolute;
   left: 157px;
   top: 1322px;
   width: 230px;
   height: 251px;
   visibility: hidden;
   z-index: 4;
}
#Button14
{
   position: absolute;
   left: 1146px;
   top: 250px;
   width: 92px;
   height: 88px;
   visibility: hidden;
   z-index: 11;
}
#wb_PhotoGallery1
{
   position: absolute;
   left: 263px;
   top: 1769px;
   width: 999px;
   height: 1014px;
   visibility: hidden;
   z-index: 6;
}
#palette
{
   position: absolute;
   left: 1242px;
   top: 11px;
   width: 147px;
   height: 28px;
   z-index: 18;
}
#wb_logoText2
{
   position: absolute;
   left: 42px;
   top: 51px;
   width: 59px;
   height: 17px;
   text-align: center;
   z-index: 25;
}
#wb_logoText
{
   position: absolute;
   left: 68px;
   top: 17px;
   width: 46px;
   height: 17px;
   text-align: center;
   z-index: 24;
}
#wb_logoText3
{
   position: absolute;
   left: 978px;
   top: 16px;
   width: 247px;
   height: 21px;
   text-align: center;
   z-index: 22;
}
#fb-wa-ig-tt
{
   position: absolute;
   left: 1130px;
   top: 127px;
   width: 218px;
   height: 32px;
   z-index: 19;
}
#wb_logoText5
{
   position: absolute;
   left: 791px;
   top: 121px;
   width: 144px;
   height: 21px;
   visibility: hidden;
   text-align: center;
   z-index: 16;
}
#wb_logoText6
{
   position: absolute;
   left: 628px;
   top: 121px;
   width: 144px;
   height: 21px;
   visibility: hidden;
   text-align: center;
   z-index: 15;
}
#wb_logoText4
{
   position: absolute;
   left: 421px;
   top: 121px;
   width: 175px;
   height: 21px;
   visibility: hidden;
   text-align: center;
   z-index: 14;
}
#wb_logoText1
{
   position: absolute;
   left: 176px;
   top: 282px;
   width: 1004px;
   height: 48px;
   text-align: center;
   z-index: 12;
}
#wb_logoText7
{
   position: absolute;
   left: 4px;
   top: 346px;
   width: 401px;
   height: 20px;
   visibility: hidden;
   text-align: center;
   z-index: 2;
}
#wb_logoText8
{
   position: absolute;
   left: 471px;
   top: 472px;
   width: 379px;
   height: 20px;
   visibility: hidden;
   text-align: center;
   z-index: 1;
}
#wb_logoText9
{
   position: absolute;
   left: 469px;
   top: 897px;
   width: 397px;
   height: 20px;
   visibility: hidden;
   text-align: center;
   z-index: 0;
}
#topMenu
{
   position: absolute;
   left: 253px;
   top: 32px;
   width: 788px;
   height: 55px;
   z-index: 20;
}
#Button9
{
   position: absolute;
   left: 1262px;
   top: 47px;
   width: 90px;
   height: 40px;
   visibility: hidden;
   z-index: 13;
}
#Button8
{
   position: absolute;
   left: 983px;
   top: 938px;
   width: 164px;
   height: 43px;
   visibility: hidden;
   z-index: 10;
}
#shape
{
   position: absolute;
   left: 3px;
   top: 159px;
   width: 1389px;
   height: 40px;
   z-index: 17;
}
#Button5
{
   position: absolute;
   left: 479px;
   top: 995px;
   width: 165px;
   height: 30px;
   visibility: hidden;
   z-index: 9;
}
@media only screen and (min-width: 970px) and (max-width: 1399px)
{
body
{
   background-color: #000000;
   background-image: none;
}
#wb_logoText9
{
   left: 34px;
   top: 542px;
   width: 397px;
   height: 20px;
   visibility: hidden;
   display: none;
}
#wb_logoText9
{
   margin: 0;
   padding: 0;
}
#wb_logoText8
{
   left: 471px;
   top: 472px;
   width: 379px;
   height: 20px;
   visibility: hidden;
   display: none;
}
#wb_logoText8
{
   margin: 0;
   padding: 0;
}
#wb_logoText7
{
   left: 4px;
   top: 346px;
   width: 401px;
   height: 20px;
   visibility: hidden;
   display: none;
}
#wb_logoText7
{
   margin: 0;
   padding: 0;
}
#wb_Picture2
{
   left: 79px;
   top: 2079px;
   width: 486px;
   height: 354px;
   visibility: hidden;
   display: none;
   margin: 0;
   padding: 0;
}
#wb_Picture1
{
   left: 157px;
   top: 1322px;
   width: 230px;
   height: 251px;
   visibility: hidden;
   display: none;
   margin: 0;
   padding: 0;
}
#Button1
{
   left: 461px;
   top: 1104px;
   width: 165px;
   height: 30px;
   visibility: hidden;
   display: none;
   margin: 0;
   padding: 1px 6px 1px 6px;
}
#wb_PhotoGallery1
{
   left: 109px;
   top: 1740px;
   width: 310px;
   height: 322px;
   visibility: hidden;
   display: none;
   margin: 0;
}
#PhotoGallery1 .thumbnail
{
   width: 100%;
}
#PhotoGallery1 .visible-col6
{
   display: none;
}
#Button3
{
   left: 253px;
   top: 925px;
   width: 165px;
   height: 30px;
   visibility: hidden;
   display: none;
   margin: 0;
   padding: 1px 6px 1px 6px;
}
#Button4
{
   left: 724px;
   top: 908px;
   width: 165px;
   height: 30px;
   visibility: hidden;
   display: none;
   margin: 0;
   padding: 1px 6px 1px 6px;
}
#Button5
{
   left: 479px;
   top: 995px;
   width: 165px;
   height: 30px;
   visibility: hidden;
   display: none;
   margin: 0;
   padding: 1px 6px 1px 6px;
}
#Button8
{
   left: 618px;
   top: 1134px;
   width: 164px;
   height: 43px;
   visibility: hidden;
   display: none;
   margin: 0;
   padding: 1px 6px 1px 6px;
}
#Button14
{
   left: 62px;
   top: 267px;
   width: 92px;
   height: 88px;
   visibility: hidden;
   display: none;
   margin: 0;
   padding: 1px 6px 1px 6px;
}
#wb_logoText1
{
   left: 113px;
   top: 241px;
   width: 740px;
   height: 48px;
   visibility: visible;
   display: inline;
}
#wb_logoText1
{
   margin: 0;
   padding: 0;
}
#Button9
{
   left: 86px;
   top: 752px;
   width: 90px;
   height: 40px;
   visibility: hidden;
   display: none;
   margin: 0;
   padding: 1px 6px 1px 6px;
}
#Button9
{
   line-height: 36px;
}
#wb_logoText4
{
   left: 86px;
   top: 765px;
   width: 175px;
   height: 21px;
   visibility: hidden;
   display: none;
}
#wb_logoText4
{
   margin: 0;
   padding: 0;
}
#wb_logoText6
{
   left: 293px;
   top: 765px;
   width: 144px;
   height: 21px;
   visibility: hidden;
   display: none;
}
#wb_logoText6
{
   margin: 0;
   padding: 0;
}
#wb_logoText5
{
   left: 456px;
   top: 765px;
   width: 144px;
   height: 21px;
   visibility: hidden;
   display: none;
}
#wb_logoText5
{
   margin: 0;
   padding: 0;
}
#shape
{
   left: 11px;
   top: 123px;
   width: 949px;
   height: 40px;
   visibility: visible;
   display: inline;
}
#palette
{
   left: 808px;
   top: 9px;
   width: 147px;
   height: 28px;
   visibility: visible;
   display: inline;
}
#fb-wa-ig-tt
{
   left: 828px;
   top: 42px;
   width: 114px;
   height: 21px;
   visibility: visible;
   display: inline;
}
#topMenu
{
   left: 327px;
   top: 25px;
   width: 491px;
   height: 55px;
   visibility: visible;
   display: inline;
}
#En-Fr
{
   left: 529px;
   top: 15px;
   width: 53px;
   height: 21px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#En-Fr
{
   line-height: 21px;
}
#wb_logoText3
{
   left: 585px;
   top: 15px;
   width: 183px;
   height: 21px;
   visibility: visible;
   display: inline;
}
#wb_logoText3
{
   margin: 0;
   padding: 0;
}
#wb_ResponsiveMenu1
{
   left: 421px;
   top: 454px;
   width: 61px;
   height: 73px;
   visibility: hidden;
   display: none;
   margin: 0 -3px 0 0 ;
   text-align: left;
}
#wb_ResponsiveMenu1 ul li a
{
   font-weight: normal;
   font-size: 16px;
   text-decoration: none;
}
#wb_ResponsiveMenu1 ul li a, #wb_ResponsiveMenu1 .toggle
{
   font-weight: normal;
   font-size: 16px;
}
#ResponsiveMenu1
{
   height: 29px;
}
#wb_ResponsiveMenu1 ul ul
{
   top: 29px;
}
#wb_ResponsiveMenu1 ul ul ul li
{
   left: 122px;
   top: -29px;
}
#wb_ResponsiveMenu1 > ul > li > a
{
   height: 29px;
}
#wb_ResponsiveMenu1 ul ul li
{
   width: 122px;
}
#wb_logoText
{
   left: 51px;
   top: 5px;
   width: 53px;
   height: 17px;
   visibility: visible;
   display: inline;
}
#wb_logoText
{
   margin: 0;
   padding: 0;
}
#wb_logoText2
{
   left: 35px;
   top: 41px;
   width: 85px;
   height: 17px;
   visibility: visible;
   display: inline;
}
#wb_logoText2
{
   margin: 0;
   padding: 0;
}
#Button10
{
   left: 63px;
   top: 658px;
   width: 90px;
   height: 40px;
   visibility: hidden;
   display: none;
   margin: 0;
   padding: 1px 6px 1px 6px;
}
#Button10
{
   line-height: 36px;
}
#wb_logoText10
{
   left: 629px;
   top: 759px;
   width: 144px;
   height: 21px;
   visibility: hidden;
   display: none;
}
#wb_logoText10
{
   margin: 0;
   padding: 0;
}
}
@media only screen and (min-width: 768px) and (max-width: 969px)
{
body
{
   background-color: #000000;
   background-image: none;
}
#wb_logoText9
{
   left: 96px;
   top: 828px;
   width: 397px;
   height: 20px;
   visibility: hidden;
   display: none;
}
#wb_logoText9
{
   margin: 0;
   padding: 0;
}
#wb_logoText8
{
   left: 83px;
   top: 787px;
   width: 379px;
   height: 20px;
   visibility: hidden;
   display: none;
}
#wb_logoText8
{
   margin: 0;
   padding: 0;
}
#wb_logoText7
{
   left: 61px;
   top: 708px;
   width: 401px;
   height: 20px;
   visibility: hidden;
   display: none;
}
#wb_logoText7
{
   margin: 0;
   padding: 0;
}
#wb_Picture2
{
   left: 139px;
   top: 1715px;
   width: 491px;
   height: 403px;
   visibility: hidden;
   display: none;
   margin: 0;
   padding: 0;
}
#wb_Picture1
{
   left: 157px;
   top: 1322px;
   width: 230px;
   height: 251px;
   visibility: hidden;
   display: none;
   margin: 0;
   padding: 0;
}
#Button1
{
   left: 212px;
   top: 1212px;
   width: 165px;
   height: 30px;
   visibility: hidden;
   display: none;
   margin: 0;
   padding: 1px 6px 1px 6px;
}
#wb_PhotoGallery1
{
   left: 72px;
   top: 1742px;
   width: 333px;
   height: 345px;
   visibility: hidden;
   display: none;
   margin: 0;
}
#PhotoGallery1 .thumbnail
{
   width: 100%;
}
#PhotoGallery1 .visible-col6
{
   display: none;
}
#Button3
{
   left: 4px;
   top: 1033px;
   width: 165px;
   height: 30px;
   visibility: hidden;
   display: none;
   margin: 0;
   padding: 1px 6px 1px 6px;
}
#Button4
{
   left: 475px;
   top: 1016px;
   width: 165px;
   height: 30px;
   visibility: hidden;
   display: none;
   margin: 0;
   padding: 1px 6px 1px 6px;
}
#Button5
{
   left: 230px;
   top: 1103px;
   width: 165px;
   height: 30px;
   visibility: hidden;
   display: none;
   margin: 0;
   padding: 1px 6px 1px 6px;
}
#Button8
{
   left: 488px;
   top: 1181px;
   width: 164px;
   height: 43px;
   visibility: hidden;
   display: none;
   margin: 0;
   padding: 1px 6px 1px 6px;
}
#Button14
{
   left: 138px;
   top: 475px;
   width: 92px;
   height: 88px;
   visibility: hidden;
   display: none;
   margin: 0;
   padding: 1px 6px 1px 6px;
}
#wb_logoText1
{
   left: 25px;
   top: 163px;
   width: 725px;
   height: 48px;
   visibility: visible;
   display: inline;
}
#wb_logoText1
{
   margin: 0;
   padding: 0;
}
#Button9
{
   left: 176px;
   top: 850px;
   width: 90px;
   height: 40px;
   visibility: hidden;
   display: none;
   margin: 0;
   padding: 1px 6px 1px 6px;
}
#Button9
{
   line-height: 36px;
}
#wb_logoText4
{
   left: 401px;
   top: 496px;
   width: 175px;
   height: 21px;
   visibility: hidden;
   display: none;
}
#wb_logoText4
{
   margin: 0;
   padding: 0;
}
#wb_logoText6
{
   left: 608px;
   top: 496px;
   width: 144px;
   height: 21px;
   visibility: hidden;
   display: none;
}
#wb_logoText6
{
   margin: 0;
   padding: 0;
}
#wb_logoText5
{
   left: 359px;
   top: 424px;
   width: 144px;
   height: 21px;
   visibility: hidden;
   display: none;
}
#wb_logoText5
{
   margin: 0;
   padding: 0;
}
#shape
{
   left: 9px;
   top: 2px;
   width: 750px;
   height: 6px;
   visibility: visible;
   display: inline;
}
#palette
{
   left: 605px;
   top: 12px;
   width: 147px;
   height: 28px;
   visibility: visible;
   display: inline;
}
#fb-wa-ig-tt
{
   left: 532px;
   top: 32px;
   width: 218px;
   height: 32px;
   visibility: visible;
   display: inline;
}
#topMenu
{
   left: 49px;
   top: 69px;
   width: 703px;
   height: 25px;
   visibility: visible;
   display: inline;
}
#En-Fr
{
   left: 350px;
   top: 14px;
   width: 44px;
   height: 21px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#En-Fr
{
   line-height: 21px;
}
#wb_logoText3
{
   left: 394px;
   top: 14px;
   width: 181px;
   height: 21px;
   visibility: visible;
   display: inline;
}
#wb_logoText3
{
   margin: 0;
   padding: 0;
}
#wb_ResponsiveMenu1
{
   left: 16px;
   top: 7px;
   width: 49px;
   height: 39px;
   visibility: visible;
   display: inline;
   margin: 0 -3px 0 0 ;
   text-align: left;
}
#wb_ResponsiveMenu1 ul li a
{
   font-weight: normal;
   font-size: 16px;
   text-decoration: none;
}
#wb_ResponsiveMenu1 ul li a, #wb_ResponsiveMenu1 .toggle
{
   font-weight: normal;
   font-size: 16px;
}
#ResponsiveMenu1
{
   height: 29px;
}
#wb_ResponsiveMenu1 ul ul
{
   top: 29px;
}
#wb_ResponsiveMenu1 ul ul ul li
{
   left: 122px;
   top: -29px;
}
#wb_ResponsiveMenu1 > ul > li > a
{
   height: 29px;
}
#wb_ResponsiveMenu1 ul ul li
{
   width: 122px;
}
#wb_logoText
{
   left: 59px;
   top: 7px;
   width: 45px;
   height: 17px;
   visibility: visible;
   display: inline;
}
#wb_logoText
{
   margin: 0;
   padding: 0;
}
#wb_logoText2
{
   left: 48px;
   top: 35px;
   width: 61px;
   height: 17px;
   visibility: visible;
   display: inline;
}
#wb_logoText2
{
   margin: 0;
   padding: 0;
}
#Button10
{
   left: 157px;
   top: 230px;
   width: 90px;
   height: 40px;
   visibility: hidden;
   display: none;
   margin: 0;
   padding: 1px 6px 1px 6px;
}
#Button10
{
   line-height: 36px;
}
#wb_logoText10
{
   left: 312px;
   top: 880px;
   width: 144px;
   height: 21px;
   visibility: hidden;
   display: none;
}
#wb_logoText10
{
   margin: 0;
   padding: 0;
}
}
@media only screen and (min-width: 480px) and (max-width: 767px)
{
body
{
   background-color: #000000;
   background-image: none;
}
#wb_logoText9
{
   left: 0px;
   top: 805px;
   width: 443px;
   height: 20px;
   visibility: hidden;
   display: none;
}
#wb_logoText9
{
   margin: 0;
   padding: 0;
}
#wb_logoText8
{
   left: 6px;
   top: 848px;
   width: 323px;
   height: 20px;
   visibility: hidden;
   display: none;
}
#wb_logoText8
{
   margin: 0;
   padding: 0;
}
#wb_logoText7
{
   left: 93px;
   top: 873px;
   width: 295px;
   height: 20px;
   visibility: hidden;
   display: none;
}
#wb_logoText7
{
   margin: 0;
   padding: 0;
}
#wb_Picture2
{
   left: 19px;
   top: 1698px;
   width: 123px;
   height: 160px;
   visibility: hidden;
   display: none;
   margin: 0;
   padding: 0;
}
#wb_Picture1
{
   left: 56px;
   top: 1563px;
   width: 137px;
   height: 149px;
   visibility: hidden;
   display: none;
   margin: 0;
   padding: 0;
}
#Button1
{
   left: 270px;
   top: 1498px;
   width: 23px;
   height: 32px;
   visibility: hidden;
   display: none;
   margin: 0;
   padding: 1px 6px 1px 6px;
}
#wb_PhotoGallery1
{
   left: 37px;
   top: 986px;
   width: 84px;
   height: 94px;
   visibility: hidden;
   display: none;
   margin: 0;
}
#PhotoGallery1 .thumbnail
{
   width: 100%;
}
#PhotoGallery1 .visible-col6
{
   display: none;
}
#Button3
{
   left: 164px;
   top: 1325px;
   width: 23px;
   height: 9px;
   visibility: hidden;
   display: none;
   margin: 0;
   padding: 1px 6px 1px 6px;
}
#Button4
{
   left: 318px;
   top: 1391px;
   width: 23px;
   height: 14px;
   visibility: hidden;
   display: none;
   margin: 0;
   padding: 1px 6px 1px 6px;
}
#Button5
{
   left: 313px;
   top: 1544px;
   width: 23px;
   height: 27px;
   visibility: hidden;
   display: none;
   margin: 0;
   padding: 1px 6px 1px 6px;
}
#Button8
{
   left: 96px;
   top: 1372px;
   width: 23px;
   height: 34px;
   visibility: hidden;
   display: none;
   margin: 0;
   padding: 1px 6px 1px 6px;
}
#Button14
{
   left: 310px;
   top: 279px;
   width: 29px;
   height: 31px;
   visibility: hidden;
   display: none;
   margin: 0;
   padding: 0 0 2px 0;
}
#wb_logoText1
{
   left: 10px;
   top: 113px;
   width: 461px;
   height: 69px;
   visibility: visible;
   display: inline;
}
#wb_logoText1
{
   margin: 0;
   padding: 0;
}
#Button9
{
   left: 83px;
   top: 583px;
   width: 23px;
   height: 28px;
   visibility: hidden;
   display: none;
   margin: 0;
   padding: 1px 6px 1px 6px;
}
#Button9
{
   line-height: 24px;
}
#wb_logoText4
{
   left: 108px;
   top: 151px;
   width: 63px;
   height: 21px;
   visibility: hidden;
   display: none;
}
#wb_logoText4
{
   margin: 0;
   padding: 0;
}
#wb_logoText6
{
   left: 232px;
   top: 102px;
   width: 43px;
   height: 21px;
   visibility: hidden;
   display: none;
}
#wb_logoText6
{
   margin: 0;
   padding: 0;
}
#wb_logoText5
{
   left: 187px;
   top: 102px;
   width: 46px;
   height: 21px;
   visibility: hidden;
   display: none;
}
#wb_logoText5
{
   margin: 0;
   padding: 0;
}
#shape
{
   left: 3px;
   top: 5px;
   width: 468px;
   height: 40px;
   visibility: visible;
   display: inline;
}
#palette
{
   left: 380px;
   top: 9px;
   width: 85px;
   height: 14px;
   visibility: visible;
   display: inline;
}
#fb-wa-ig-tt
{
   left: 358px;
   top: 45px;
   width: 107px;
   height: 12px;
   visibility: visible;
   display: inline;
}
#topMenu
{
   left: 23px;
   top: 97px;
   width: 434px;
   height: 20px;
   visibility: hidden;
   display: none;
}
#En-Fr
{
   left: 182px;
   top: 12px;
   width: 28px;
   height: 10px;
   visibility: hidden;
   display: none;
   margin: 0;
   padding: 0;
}
#En-Fr
{
   line-height: 10px;
}
#wb_logoText3
{
   left: 182px;
   top: 8px;
   width: 171px;
   height: 21px;
   visibility: visible;
   display: inline;
}
#wb_logoText3
{
   margin: 0;
   padding: 0;
}
#wb_ResponsiveMenu1
{
   left: 16px;
   top: 7px;
   width: 49px;
   height: 39px;
   visibility: visible;
   display: inline;
   margin: 0 -3px 0 0 ;
   text-align: left;
}
#wb_ResponsiveMenu1 ul li a
{
   font-weight: normal;
   font-size: 16px;
   text-decoration: none;
}
#wb_ResponsiveMenu1 ul li a, #wb_ResponsiveMenu1 .toggle
{
   font-weight: normal;
   font-size: 16px;
}
#ResponsiveMenu1
{
   height: 29px;
}
#wb_ResponsiveMenu1 ul ul
{
   top: 29px;
}
#wb_ResponsiveMenu1 ul ul ul li
{
   left: 122px;
   top: -29px;
}
#wb_ResponsiveMenu1 > ul > li > a
{
   height: 29px;
}
#wb_ResponsiveMenu1 ul ul li
{
   width: 122px;
}
#wb_logoText
{
   left: 97px;
   top: 1px;
   width: 57px;
   height: 17px;
   visibility: visible;
   display: inline;
}
#wb_logoText
{
   margin: 0;
   padding: 0;
}
#wb_logoText2
{
   left: 81px;
   top: 28px;
   width: 76px;
   height: 17px;
   visibility: visible;
   display: inline;
}
#wb_logoText2
{
   margin: 0;
   padding: 0;
}
#Button10
{
   left: 81px;
   top: 465px;
   width: 27px;
   height: 19px;
   visibility: hidden;
   display: none;
   margin: 0;
   padding: 0;
}
#Button10
{
   line-height: 17px;
}
#wb_logoText10
{
   left: 275px;
   top: 102px;
   width: 61px;
   height: 21px;
   visibility: hidden;
   display: none;
}
#wb_logoText10
{
   margin: 0;
   padding: 0;
}
}
@media only screen and (min-width: 375px) and (max-width: 479px)
{
body
{
   background-color: #000000;
   background-image: none;
}
#wb_logoText9
{
   left: 29px;
   top: 200px;
   width: 290px;
   height: 20px;
   visibility: hidden;
   display: none;
}
#wb_logoText9
{
   margin: 0;
   padding: 0;
}
#wb_logoText8
{
   left: 29px;
   top: 134px;
   width: 290px;
   height: 20px;
   visibility: hidden;
   display: none;
}
#wb_logoText8
{
   margin: 0;
   padding: 0;
}
#wb_logoText7
{
   left: 29px;
   top: 269px;
   width: 290px;
   height: 20px;
   visibility: hidden;
   display: none;
}
#wb_logoText7
{
   margin: 0;
   padding: 0;
}
#wb_Picture2
{
   left: 143px;
   top: 1403px;
   width: 150px;
   height: 138px;
   visibility: hidden;
   display: none;
   margin: 0;
   padding: 0;
}
#wb_Picture1
{
   left: 64px;
   top: 1414px;
   width: 90px;
   height: 99px;
   visibility: hidden;
   display: none;
   margin: 0;
   padding: 0;
}
#Button1
{
   left: 108px;
   top: 462px;
   width: 25px;
   height: 16px;
   visibility: hidden;
   display: none;
   margin: 0;
   padding: 1px 6px 1px 6px;
}
#wb_PhotoGallery1
{
   left: 41px;
   top: 1009px;
   width: 92px;
   height: 102px;
   visibility: hidden;
   display: none;
   margin: 0;
}
#PhotoGallery1 .thumbnail
{
   width: 100%;
}
#PhotoGallery1 .visible-col6
{
   display: none;
}
#Button3
{
   left: 34px;
   top: 504px;
   width: 85px;
   height: 15px;
   visibility: hidden;
   display: none;
   margin: 0;
   padding: 1px 6px 1px 6px;
}
#Button4
{
   left: 23px;
   top: 463px;
   width: 25px;
   height: 15px;
   visibility: hidden;
   display: none;
   margin: 0;
   padding: 1px 6px 1px 6px;
}
#Button5
{
   left: 64px;
   top: 463px;
   width: 25px;
   height: 15px;
   visibility: hidden;
   display: none;
   margin: 0;
   padding: 1px 6px 1px 6px;
}
#Button8
{
   left: 157px;
   top: 415px;
   width: 60px;
   height: 29px;
   visibility: hidden;
   display: none;
   margin: 0;
   padding: 1px 6px 1px 6px;
}
#Button14
{
   left: 21px;
   top: 18px;
   width: 29px;
   height: 31px;
   visibility: hidden;
   display: none;
   margin: 0;
   padding: 0 0 2px 0;
}
#wb_logoText1
{
   left: 13px;
   top: 100px;
   width: 349px;
   height: 48px;
   visibility: visible;
   display: inline;
}
#wb_logoText1
{
   margin: 0;
   padding: 0;
}
#Button9
{
   left: 328px;
   top: 57px;
   width: 27px;
   height: 19px;
   visibility: hidden;
   display: none;
   margin: 0;
   padding: 0;
}
#Button9
{
   line-height: 17px;
}
#wb_logoText4
{
   left: 146px;
   top: 771px;
   width: 83px;
   height: 21px;
   visibility: hidden;
   display: none;
}
#wb_logoText4
{
   margin: 0;
   padding: 0;
}
#wb_logoText6
{
   left: 87px;
   top: 113px;
   width: 83px;
   height: 103px;
   visibility: hidden;
   display: none;
}
#wb_logoText6
{
   margin: 0;
   padding: 0;
}
#wb_logoText5
{
   left: 87px;
   top: 113px;
   width: 83px;
   height: 21px;
   visibility: visible;
   display: inline;
}
#wb_logoText5
{
   margin: 0;
   padding: 0;
}
#shape
{
   left: 6px;
   top: 9px;
   width: 362px;
   height: 40px;
   visibility: visible;
   display: inline;
}
#palette
{
   left: 295px;
   top: 9px;
   width: 73px;
   height: 18px;
   visibility: visible;
   display: inline;
}
#fb-wa-ig-tt
{
   left: 254px;
   top: 45px;
   width: 114px;
   height: 13px;
   visibility: visible;
   display: inline;
}
#topMenu
{
   left: 122px;
   top: 84px;
   width: 165px;
   height: 17px;
   visibility: hidden;
   display: none;
}
#En-Fr
{
   left: 114px;
   top: 13px;
   width: 25px;
   height: 10px;
   visibility: hidden;
   display: none;
   margin: 0;
   padding: 0;
}
#En-Fr
{
   line-height: 10px;
}
#wb_logoText3
{
   left: 114px;
   top: 8px;
   width: 139px;
   height: 21px;
   visibility: visible;
   display: inline;
}
#wb_logoText3
{
   margin: 0;
   padding: 0;
}
#wb_ResponsiveMenu1
{
   left: 3px;
   top: 8px;
   width: 40px;
   height: 40px;
   visibility: visible;
   display: inline;
   margin: 0 -3px 0 0 ;
   text-align: left;
}
#wb_ResponsiveMenu1 ul li a
{
   font-weight: normal;
   font-size: 13px;
   text-decoration: none;
}
#wb_ResponsiveMenu1 ul li a, #wb_ResponsiveMenu1 .toggle
{
   font-weight: normal;
   font-size: 13px;
}
#ResponsiveMenu1
{
   height: 26px;
}
#wb_ResponsiveMenu1 ul ul
{
   top: 26px;
}
#wb_ResponsiveMenu1 ul ul ul li
{
   left: 122px;
   top: -26px;
}
#wb_ResponsiveMenu1 > ul > li > a
{
   height: 26px;
}
#wb_ResponsiveMenu1 ul ul li
{
   width: 122px;
}
#wb_logoText
{
   left: 56px;
   top: 0px;
   width: 47px;
   height: 17px;
   visibility: visible;
   display: inline;
}
#wb_logoText
{
   margin: 0;
   padding: 0;
}
#wb_logoText2
{
   left: 46px;
   top: 22px;
   width: 69px;
   height: 17px;
   visibility: visible;
   display: inline;
}
#wb_logoText2
{
   margin: 0;
   padding: 0;
}
#Button10
{
   left: 200px;
   top: 182px;
   width: 39px;
   height: 14px;
   visibility: hidden;
   display: none;
   margin: 0;
   padding: 1px 6px 1px 6px;
}
#Button10
{
   line-height: 10px;
}
#wb_logoText10
{
   left: 87px;
   top: 113px;
   width: 83px;
   height: 21px;
   visibility: hidden;
   display: none;
}
#wb_logoText10
{
   margin: 0;
   padding: 0;
}
}
@media only screen and (max-width: 374px)
{
body
{
   background-color: #000000;
   background-image: none;
}
#wb_logoText9
{
   left: 24px;
   top: 69px;
   width: 283px;
   height: 20px;
   visibility: hidden;
   display: none;
}
#wb_logoText9
{
   margin: 0;
   padding: 0;
}
#wb_logoText8
{
   left: 21px;
   top: 830px;
   width: 278px;
   height: 20px;
   visibility: hidden;
   display: none;
}
#wb_logoText8
{
   margin: 0;
   padding: 0;
}
#wb_logoText7
{
   left: 1px;
   top: 820px;
   width: 280px;
   height: 20px;
   visibility: hidden;
   display: none;
}
#wb_logoText7
{
   margin: 0;
   padding: 0;
}
#wb_Picture2
{
   left: 2px;
   top: 956px;
   width: 92px;
   height: 92px;
   visibility: hidden;
   display: none;
   margin: 0;
   padding: 0;
}
#wb_Picture1
{
   left: 23px;
   top: 1508px;
   width: 79px;
   height: 79px;
   visibility: hidden;
   display: none;
   margin: 0;
   padding: 0;
}
#Button1
{
   left: 261px;
   top: 94px;
   width: 25px;
   height: 16px;
   visibility: hidden;
   display: none;
   margin: 0;
   padding: 1px 6px 1px 6px;
}
#wb_PhotoGallery1
{
   left: 38px;
   top: 1617px;
   width: 76px;
   height: 86px;
   visibility: hidden;
   display: none;
   margin: 0;
}
#PhotoGallery1 .thumbnail
{
   width: 100%;
}
#PhotoGallery1 .visible-col6
{
   display: none;
}
#Button3
{
   left: 168px;
   top: 94px;
   width: 25px;
   height: 15px;
   visibility: hidden;
   display: none;
   margin: 0;
   padding: 1px 6px 1px 6px;
}
#Button4
{
   left: 199px;
   top: 94px;
   width: 25px;
   height: 15px;
   visibility: hidden;
   display: none;
   margin: 0;
   padding: 1px 6px 1px 6px;
}
#Button5
{
   left: 230px;
   top: 94px;
   width: 25px;
   height: 15px;
   visibility: hidden;
   display: none;
   margin: 0;
   padding: 1px 6px 1px 6px;
}
#Button8
{
   left: 151px;
   top: 260px;
   width: 60px;
   height: 29px;
   visibility: hidden;
   display: none;
   margin: 0;
   padding: 1px 6px 1px 6px;
}
#Button14
{
   left: 182px;
   top: 726px;
   width: 22px;
   height: 20px;
   visibility: hidden;
   display: none;
   margin: 0;
   padding: 1px 6px 1px 6px;
}
#wb_logoText1
{
   left: 25px;
   top: 613px;
   width: 283px;
   height: 48px;
   visibility: visible;
   display: inline;
}
#wb_logoText1
{
   margin: 0;
   padding: 0;
}
#Button9
{
   left: 128px;
   top: 791px;
   width: 27px;
   height: 19px;
   visibility: hidden;
   display: none;
   margin: 0;
   padding: 0;
}
#Button9
{
   line-height: 17px;
}
#wb_logoText4
{
   left: 114px;
   top: 1503px;
   width: 102px;
   height: 21px;
   visibility: hidden;
   display: none;
}
#wb_logoText4
{
   margin: 0;
   padding: 0;
}
#wb_logoText6
{
   left: 142px;
   top: 956px;
   width: 102px;
   height: 21px;
   visibility: hidden;
   display: none;
}
#wb_logoText6
{
   margin: 0;
   padding: 0;
}
#wb_logoText5
{
   left: 124px;
   top: 892px;
   width: 102px;
   height: 21px;
   visibility: hidden;
   display: none;
}
#wb_logoText5
{
   margin: 0;
   padding: 0;
}
#shape
{
   left: 5px;
   top: 0px;
   width: 312px;
   height: 57px;
   visibility: visible;
   display: inline;
}
#palette
{
   left: 253px;
   top: 4px;
   width: 62px;
   height: 15px;
   visibility: visible;
   display: inline;
}
#fb-wa-ig-tt
{
   left: 236px;
   top: 34px;
   width: 79px;
   height: 15px;
   visibility: visible;
   display: inline;
}
#topMenu
{
   left: 8px;
   top: 570px;
   width: 305px;
   height: 55px;
   visibility: hidden;
   display: none;
}
#En-Fr
{
   left: 112px;
   top: 10px;
   width: 21px;
   height: 10px;
   visibility: hidden;
   display: none;
   margin: 0;
   padding: 0;
}
#En-Fr
{
   line-height: 10px;
}
#wb_logoText3
{
   left: 146px;
   top: 4px;
   width: 81px;
   height: 21px;
   visibility: hidden;
   display: none;
}
#wb_logoText3
{
   margin: 0;
   padding: 0;
}
#wb_ResponsiveMenu1
{
   left: 7px;
   top: 2px;
   width: 43px;
   height: 37px;
   visibility: visible;
   display: inline;
   margin: 0 -3px 0 0 ;
   text-align: left;
}
#wb_ResponsiveMenu1 ul li a
{
   font-weight: normal;
   font-size: 16px;
   text-decoration: none;
}
#wb_ResponsiveMenu1 ul li a, #wb_ResponsiveMenu1 .toggle
{
   font-weight: normal;
   font-size: 16px;
}
#ResponsiveMenu1
{
   height: 29px;
}
#wb_ResponsiveMenu1 ul ul
{
   top: 29px;
}
#wb_ResponsiveMenu1 ul ul ul li
{
   left: 122px;
   top: -29px;
}
#wb_ResponsiveMenu1 > ul > li > a
{
   height: 29px;
}
#wb_ResponsiveMenu1 ul ul li
{
   width: 122px;
}
#wb_logoText
{
   left: 74px;
   top: 3px;
   width: 53px;
   height: 17px;
   visibility: visible;
   display: inline;
}
#wb_logoText
{
   margin: 0;
   padding: 0;
}
#wb_logoText2
{
   left: 59px;
   top: 23px;
   width: 84px;
   height: 17px;
   visibility: visible;
   display: inline;
}
#wb_logoText2
{
   margin: 0;
   padding: 0;
}
#Button10
{
   left: 160px;
   top: 202px;
   width: 27px;
   height: 19px;
   visibility: hidden;
   display: none;
   margin: 0;
   padding: 0;
}
#Button10
{
   line-height: 17px;
}
#wb_logoText10
{
   left: 26px;
   top: 1404px;
   width: 102px;
   height: 21px;
   visibility: hidden;
   display: none;
}
#wb_logoText10
{
   margin: 0;
   padding: 0;
}
}
.darktheme body
{
   background-color: #FFFFFF;
}
/* ============================================
   GLOBAL ROOT VARIABLES
============================================ */
:root {
  /* palette dots */
  --pal-dot: clamp(10px, 2.6vw, 16px);
  /* icon colors/sizes if you use them elsewhere */
  --iconGlow: #ffd85c;
  --iconSize: 45px;
  --iconRadius: 14px;
  --iconBorder: 1px;
  --iconFont: 26px;
}

/* ============================================
   BASE
============================================ */
body {
  margin: 0;
  background: #000;
  color: #fff;
  text-align: center;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow-x: hidden;
  position: relative;
}

/* ============================================
   GOLD BUTTONS
============================================ */
.button-gold {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;

  background: linear-gradient(90deg,#cfa03f 0%,#ffd85c 40%,#cfa03f 100%);
  color: #2a1a00;
  box-shadow: 0 0 35px rgba(255,223,128,.35);
  cursor: pointer;
  transition: all .25s ease;

  font-family: inherit !important;
  border-radius: 2px !important; /* pill – WB can still tweak */
}

#En-Fr {
  position: fixed;
  z-index: 9999;
}

/* ============================================
   GOLD GALLERY
============================================ */
.gold-gallery {
  background: transparent;
  border: none;
}
.gold-gallery a {
  position: relative;
  display: block;
  overflow: hidden;
  border-radius: 12px;
  border: 1px solid rgba(255,215,130,0.25);
  box-shadow: 0 0 18px rgba(255,215,130,0.18);
  transition: transform .4s ease, box-shadow .4s ease;
}
.gold-gallery img {
  width: 100%;
  height: auto;
  display: block;
  transition: transform .6s ease;
}
.gold-gallery a:hover {
  transform: scale(1.05);
  box-shadow: 0 0 42px rgba(255,223,128,0.45);
}
.gold-gallery a:hover img { transform: scale(1.15); }
.gold-gallery a::before {
  content: '';
  position: absolute;
  top: 0;
  left: -150%;
  width: 100%;
  height: 100%;
  background: linear-gradient(110deg,
    rgba(255,255,255,0) 0%,
    rgba(255,255,255,0.35) 50%,
    rgba(255,255,255,0) 100%);
  transform: skewX(-20deg);
  transition: all .7s ease;
}
.gold-gallery a:hover::before { left: 150%; }

/* ============================================
   PALETTE BAR – SINGLE VERSION
============================================ */
#btn-palette {
  position: fixed;
  top: 12px;
  right: 13px;
  left: auto;
  transform: none;
  z-index: 9999;

  display: flex;
  flex-wrap: nowrap;
  gap: clamp(4px, 1vw, 8px);
  padding: clamp(4px, 0.8vw, 8px) clamp(6px, 1.2vw, 10px);
  border-radius: 999px;
  background: rgba(10, 10, 10, 0.85);
  backdrop-filter: blur(6px);
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.55);

  max-width: 95vw;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

/* hide scrollbar but keep horizontal scroll if needed */
#btn-palette::-webkit-scrollbar {
  height: 0;
  width: 0;
}
#btn-palette { scrollbar-width: none; }

/* color dots */
#btn-palette button,
.pal-dot {
  width: var(--pal-dot);
  height: var(--pal-dot);
  border-radius: 50%;
  border: none;
  cursor: pointer;
  box-shadow:
    0 0 3px rgba(255,255,255,.4) inset,
    0 0 2px rgba(0,0,0,.6);
  padding: 0;
  flex: 0 0 auto;
  transition: transform .18s ease;
}

#btn-palette button:hover,
.pal-dot:hover {
  transform: scale(1.2);
}

/* small screens tweak */
@media (max-width: 600px) {
  #btn-palette {
    top: 10px;
    right: 9px;
    padding: 5px 6px;
  }
  #btn-palette button {
    width: 11px;
    height: 11px;
  }
}

/* ============================================
   LOGO TEXT BASE + METALLIC HOVER
============================================ */
#wb_logoText span,
#wb_logoText1 span,
#wb_logoText2 span,
#wb_logoText3 span,
#wb_logoText4 span,
#wb_logoText5 span,
#wb_logoText6 span,
#wb_logoText7 span,
#wb_logoText8 span,
#wb_logoText9 span,
#wb_logoText10 span {
  display: inline-block;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-shadow: 0 0 12px rgba(255,255,255,0.35);
  background: none !important;
  transition:
    text-shadow 0.35s ease,
    color 0.35s ease,
    -webkit-text-fill-color 0.35s ease,
    transform 0.25s ease,
    background 0.35s ease;
  overflow: visible !important;
}

/* Hover Metallic Effect */
#wb_logoText:hover span,
#wb_logoText1:hover span,
#wb_logoText2:hover span,
#wb_logoText3:hover span,
#wb_logoText4:hover span,
#wb_logoText5:hover span,
#wb_logoText6:hover span,
#wb_logoText7:hover span,
#wb_logoText8:hover span,
#wb_logoText9:hover span,
#wb_logoText10:hover span {
  background: var(--logoGrad) !important;
  background-size: 160% 100% !important;
  background-position: 70% 0 !important;

  -webkit-background-clip: text !important;
  background-clip: text !important;

  color: transparent !important;
  -webkit-text-fill-color: transparent !important;

  text-shadow: none !important;
  transform: translateY(-4px);
}
#wb_logoText,
#wb_logoText2,
#wb_logoText3 {
  position: fixed !important;
  z-index: 99999;
  pointer-events: auto;
}

/* Important: DO NOT set top/left here.
   WB will set the top/left for every breakpoint. */


/* ============================================
   LOGO FONT-SIZE BREAKPOINTS
============================================ */
/* DESKTOP (default) */
#wb_logoText span { font-size: 50px !important; }

#wb_logoText1 span { font-size: 50px !important; }
#wb_logoText2 span { font-size: 50px !important; }
#wb_logoText3 span { font-size: 18px !important; }
#wb_logoText4 span { font-size: 18px !important; }
#wb_logoText5 span { font-size: 18px !important; }
#wb_logoText6 span { font-size: 18px !important; }
#wb_logoText7 span { font-size: 24px !important; }
#wb_logoText8 span { font-size: 24px !important; }
#wb_logoText9 span { font-size: 24px !important; }
#wb_logoText10 span { font-size: 18px !important; }

/* TABLET ≤ 970px */
@media (max-width: 970px) {
  #wb_logoText span { font-size: 35px !important; }

  #wb_logoText1 span { font-size: 36px !important; }
  #wb_logoText2 span { font-size: 35px !important; }
  #wb_logoText3 span { font-size: 16px !important; }
  #wb_logoText4 span { font-size: 25px !important; }
  #wb_logoText5 span { font-size: 25px !important; }
  #wb_logoText6 span { font-size: 25px !important; }
  #wb_logoText7 span { font-size: 25px !important; }
  #wb_logoText8 span { font-size: 25px !important; }
  #wb_logoText9 span { font-size: 25px !important; }
  #wb_logoText10 span { font-size: 25px !important; }
}



/* TABLET ≤ 768px */
@media (max-width: 768px) {
  #wb_logoText span { font-size: 32px !important; }

  #wb_logoText1 span { font-size: 26px !important; }
  #wb_logoText2 span { font-size: 32px !important; }
  #wb_logoText3 span { font-size: 16px !important; }
  #wb_logoText4 span { font-size: 25px !important; }
  #wb_logoText5 span { font-size: 25px !important; }
  #wb_logoText6 span { font-size: 25px !important; }
  #wb_logoText7 span { font-size: 25px !important; }
  #wb_logoText8 span { font-size: 25px !important; }
  #wb_logoText9 span { font-size: 25px !important; }
  #wb_logoText10 span { font-size: 25px !important; }
}

/* PHONE ≤ 480px */
@media (max-width: 480px) {
  #wb_logoText span { font-size: 30px !important; }

  #wb_logoText1 span { font-size: 24px !important; }
  #wb_logoText2 span { font-size: 30px !important; }
  #wb_logoText3 span { font-size: 14px !important; }
  #wb_logoText4 span { font-size: 25px !important; }
  #wb_logoText5 span { font-size: 25px !important; }
  #wb_logoText6 span { font-size: 25px !important; }
  #wb_logoText7 span { font-size: 25px !important; }
  #wb_logoText8 span { font-size: 25px !important; }
  #wb_logoText9 span { font-size: 25px !important; }
  #wb_logoText10 span { font-size: 25px !important; }
}

/* SMALL PHONES ≤ 375px */
@media (max-width: 375px) {
  #wb_logoText span { font-size: 28px !important; }

  #wb_logoText1 span { font-size: 22px !important; }
  #wb_logoText2 span { font-size: 28px !important; }
  #wb_logoText3 span { font-size: 12px !important; }
  #wb_logoText4 span { font-size: 25px !important; }
  #wb_logoText5 span { font-size: 25px !important; }
  #wb_logoText6 span { font-size: 25px !important; }
  #wb_logoText7 span { font-size: 25px !important; }
  #wb_logoText8 span { font-size: 25px !important; }
  #wb_logoText9 span { font-size: 25px !important; }
  #wb_logoText10 span { font-size: 25px !important; }
}

/* TINY PHONES ≤ 320px */
@media (max-width: 320px) {
  #wb_logoText span { font-size: 24px !important; }

  #wb_logoText1 span { font-size: 18px !important; }
  #wb_logoText2 span { font-size: 24px !important; }
  #wb_logoText3 span { font-size: 10px !important; }
  #wb_logoText4 span { font-size: 22px !important; }
  #wb_logoText5 span { font-size: 22px !important; }
  #wb_logoText6 span { font-size: 22px !important; }
  #wb_logoText7 span { font-size: 22px !important; }
  #wb_logoText8 span { font-size: 22px !important; }
  #wb_logoText9 span { font-size: 22px !important; }
  #wb_logoText10 span { font-size: 22px !important; }
}

  /* ===== FULL-SCREEN FLOATING DUST FIELD ===== */
  #dustLayer {
    position: fixed;
    inset: 0;               /* top:0; right:0; bottom:0; left:0 */
    pointer-events: none;
    z-index: 60;             /* under your header icons (which probably use higher z-index) */
    overflow: hidden;
  }

  .dust {
    position: absolute;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: var(--iconGlow);
    opacity: 0.90;
    pointer-events: none;
    mix-blend-mode: screen;
    filter: blur(1px);
    transition: transform 0.25s ease-out;
  }
/* ============================================  
   SOCIAL ICONS — Palette Reactive + FIXED
   (responsive sizes via CSS variables)
============================================ */

:root {
  --iconSize: 45px;       /* base size for large screens */
  --iconRadius: 12px;
  --iconFontWA: 30px;     /* WhatsApp icon font size */
  --iconFont: 26px;       /* other icons font size */
}

/* 1400px and down */
@media (max-width: 1400px) {
  :root {
    --iconSize: 40px;
    --iconFontWA: 32px;
    --iconFont: 22px;
  }
}

/* 970px and down */
@media (max-width: 970px) {
  :root {
    --iconSize: 39px;
    --iconFontWA: 31px;
    --iconFont: 21px;
  }
}

/* 768px and down */
@media (max-width: 768px) {
  :root {
    --iconSize: 38px;
    --iconFontWA: 30px;
    --iconFont: 20px;
  }
}

/* 480px and down */
@media (max-width: 480px) {
  :root {
    --iconSize: 36px;
    --iconFontWA: 28px;
    --iconFont: 22px;
  }
}

/* 375px and down */
@media (max-width: 375px) {
  :root {
    --iconSize: 34px;
    --iconFontWA: 24px;
    --iconFont: 18px;
  }
}
/* 320px and down */
@media (max-width: 320px) {
  :root {
    --iconSize: 28px;
    --iconFontWA: 20px;
    --iconFont: 14px;
  }
}
/* WHATSAPP */
.wa-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  width: var(--iconSize);
  height: var(--iconSize);

  border-radius: var(--iconRadius);
  border: 1px solid var(--iconGlow);

  transition:
    transform .25s ease,
    box-shadow .25s ease,
    filter .25s ease,
    border-color .25s ease;
  text-decoration: none !important;
}
.wa-icon i {
  font-size: var(--iconFontWA);
  color: var(--iconGlow);
  line-height: 1;
  pointer-events: none;
}
.wa-icon:hover {
  transform: translateY(-3px) scale(1.05);
  box-shadow:
    0 0 5px var(--iconGlow),
    0 0 0px var(--iconGlow),
    0 0 20px var(--iconGlow);
  filter: brightness(1.15);
}

/* FACEBOOK */
.fb-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  width: var(--iconSize);
  height: var(--iconSize);

  border-radius: var(--iconRadius);
  border: 1px solid var(--iconGlow);
  text-decoration: none !important;

  transition:
    transform .25s ease,
    box-shadow .25s ease,
    filter .25s ease,
    border-color .25s ease;
}
.fb-icon i {
  font-size: var(--iconFont);
  color: var(--iconGlow);
  line-height: 1;
  pointer-events: none;
}
.fb-icon:hover {
  transform: translateY(-3px) scale(1.05);
  box-shadow:
    0 0 5px var(--iconGlow),
    0 0 0px var(--iconGlow),
    0 0 20px var(--iconGlow);
  filter: brightness(1.12);
}

/* INSTAGRAM */
.ig-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  width: var(--iconSize);
  height: var(--iconSize);

  border-radius: var(--iconRadius);
  border: 1px solid var(--iconGlow);
  text-decoration: none !important;

  transition:
    transform .25s ease,
    box-shadow .25s ease,
    filter .25s ease,
    border-color .25s ease;
}
.ig-icon i {
  font-size: var(--iconFont);
  color: var(--iconGlow);
  line-height: 1;
  pointer-events: none;
}
.ig-icon:hover {
  transform: translateY(-3px) scale(1.05);
  box-shadow:
    0 0 5px var(--iconGlow),
    0 0 0px var(--iconGlow),
    0 0 20px var(--iconGlow);
  filter: brightness(1.12);
}

/* TIKTOK */
.tt-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  width: var(--iconSize);
  height: var(--iconSize);

  border-radius: var(--iconRadius);
  border: 1px solid var(--iconGlow);
  text-decoration: none !important;

  transition:
    transform .25s ease,
    box-shadow .25s ease,
    filter .25s ease,
    border-color .25s ease;
}
.tt-icon i {
  font-size: var(--iconFont);
  color: var(--iconGlow);
  line-height: 1;
  pointer-events: none;
}
.tt-icon:hover {
  transform: translateY(-3px) scale(1.05);
  box-shadow:
    0 0 5px var(--iconGlow),
    0 0 0px var(--iconGlow),
    0 0 20px var(--iconGlow);
  filter: brightness(1.12);
}

/* =========================================
   SOCIAL ICONS – GRADIENT BORDER + HOVER GLOW
   Uses your existing vars: --logoGrad, --iconGlow,
   --iconSize, --iconRadius, --iconBorder, --iconFont
========================================= */

.wa-icon,
.fb-icon,
.ig-icon,
.tt-icon {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;

  width: var(--iconSize);
  height: var(--iconSize);
  border-radius: var(--iconRadius);

  background: #000;           /* inner card */
  border: none;               /* border comes from ::before */
  text-decoration: none !important;

  transition:
    transform .25s ease,
    box-shadow .25s ease,
    filter .25s ease;
}

/* Gradient border ring (follows palette) */
.wa-icon::before,
.fb-icon::before,
.ig-icon::before,
.tt-icon::before {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: inherit;
  padding: var(--iconBorder);       /* thickness of the ring */

  background: var(--logoGrad);      /* gold / rose / neonMix, etc. */

  /* Mask trick: keep only the ring, center stays black */
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
          mask-composite: exclude;

  pointer-events: none;
  z-index: -1;                      /* behind the icon card */
}

/* Icon glyphs */
.wa-icon i,
.fb-icon i,
.ig-icon i,
.tt-icon i {
  font-size: var(--iconFont);
  color: var(--iconGlow);           /* color from palette */
  line-height: 1;
  pointer-events: none;
}

/* HOVER: lift + glow ONLY on mouse over */
.wa-icon:hover,
.fb-icon:hover,
.ig-icon:hover,
.tt-icon:hover {
  transform: translateY(-3px) scale(1.05);
  box-shadow:
    0 0 18px rgba(0,0,0,0.7),
    0 0 26px var(--iconGlow),
    0 0 12px var(--iconGlow);
  filter: brightness(1.08);
}
/* =========================================
   FIXED BLACK BAR – full responsive width
   ========================================= */

.hrClean {
  position: fixed;
  left: 50%;
  transform: translateX(-50%);

  top: 0px;        /* move up/down as you like */

  width: 100%;      /* full screen width, responsive */
  max-width: 100%;
  
  height: 165px;       /* make it thick enough to see */
  border: 0;
  margin: 0;
  padding: 0;

  background: #000000;   /* solid black bar */

  z-index: 9999;         /* on top of other layers */
}

/* =========================================
   TOP TEXT MENU – FIXED + RESPONSIVE
========================================= */

/* Base (just in case, used under 769 too if visible) */
#topMenu {
  position: fixed;
  top: 80px;            /* default vertical */
  left: 50%;             /* default center */
  transform: translateX(-50%);

  display: flex;
  gap: 30px;             /* default spacing between items */

  z-index: 9999;
  pointer-events: auto;
}

.navLink {
  font-family: "Quicksand", sans-serif;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.06em;

  color: #ffffff;
  text-decoration: none;
  cursor: pointer;

  text-shadow: 0 0 1px rgba(255,255,255,0.20);
  transition:
    color .25s ease,
    text-shadow .25s ease,
    transform .25s ease;
}

/* Hover = gold like palette */
.navLink:hover {
  color: var(--iconGlow);
  text-shadow:
    0 0 1px var(--iconGlow),
    0 0 1px var(--iconGlow);
  transform: translateY(-2px);
}

/* Active page (optional) */
.navLink.active {
  color: var(--iconGlow);
}

/* =========================================
   BREAKPOINTS
========================================= */

/* === 1400px and up (big desktop) === */
@media (min-width: 1400px) {
  #topMenu {
    top: 40px;          /* move menu down/up */
    left: 64%;           /* shift menu horizontally */
    gap: 50px;           /* spacing between “Our Story / Work / …” */
  }

  .navLink {
    font-size: 18px;
    letter-spacing: 0.10em;
  }
}

/* === 971px – 1399px (normal laptop) === */
@media (max-width: 1399px) and (min-width: 971px) {
  #topMenu {
    top: 37px;
    left: 59%;
    gap: 33px;
  }

  .navLink {
    font-size: 16px;
    letter-spacing: 0.08em;
  }
}

/* === 769px – 970px (small laptop / big tablet) === */
@media (max-width: 970px) and (min-width: 769px) {
  #topMenu {
    top: 34px;
    left: 62%;
    gap: 24px;
  }

  .navLink {
    font-size: 16px;
    letter-spacing: 0.06em;
  }
}
/* =========================================================
   SOCIAL BAR FIXED — FULL RESPONSIVE CONTROL
   ========================================================= */
#socialBarFixed {
  position: fixed;
  z-index: 9999;
  display: flex;
  gap: 20px;
  pointer-events: auto;
}

/* ===== DEFAULT (1400px+) ===== */
@media (min-width: 1400px) {
  #socialBarFixed {
    top: 70px;     /* move DOWN */
    right: 10px;    /* move LEFT (bigger = more left) */
  }
}

/* ===== 970px – 1399px ===== */
@media (max-width: 1399px) and (min-width: 971px) {
  #socialBarFixed {
    top:65px;
    right: 10px;
    gap: 10px;
  }
}

/* ===== 970px and below ===== */
@media (max-width: 970px) {
  #socialBarFixed {
    top: 60px;
    right: 10px;
    gap: 10px;
  }
}

/* ===== 768px ===== */
@media (max-width: 768px) {
  #socialBarFixed {
    top: 50px;
    right: 10px;
    gap: 10px;
  }
}

/* ===== 480px ===== */
@media (max-width: 480px) {
  #socialBarFixed {
    top: 37px;
    right: 9px;
    gap: 7px;
  }
}

/* ===== 375px ===== */
@media (max-width: 375px) {
  #socialBarFixed {
    top: 35px;
    right: 9px;
    gap: 6px;
  }
}

/* ===== 320px ===== */
@media (max-width: 320px) {
  #socialBarFixed {
    top: 30px;
    right: 8px;
    gap: 4px;
  }
}

/* ==== FIXED RESPONSIVE MENU – NO GREY BACKGROUND ==== */
/* 1) FIXED POSITION */
#wb_ResponsiveMenu1 {
  position: fixed !important;
  top: 0;
  left: 0;
  z-index: 99999;
  background: transparent !important;   /* wrapper transparent */
}

/* 2) KILL ALL GREY BACKGROUNDS / BORDERS */
#ResponsiveMenu1,
#ResponsiveMenu1 ul,
#ResponsiveMenu1 li,
#ResponsiveMenu1 li a {
  background-color: transparent !important;
  border-color: transparent !important;
}

/* Hover / active states also transparent (no grey flash) */
#ResponsiveMenu1 li a:hover,
#ResponsiveMenu1 li a:active,
#ResponsiveMenu1 li a:focus,
#ResponsiveMenu1 li a.rm-link-on {
  background-color: transparent !important;
}

/* Optional: if the widget adds a mobile panel, force it too */
#ResponsiveMenu1 .panel,
#ResponsiveMenu1 .rm-panel,
#ResponsiveMenu1 .rm-opened {
  background-color: transparent !important;
  border-color: transparent !important;
}
  /* Hide the responsive menu on desktop */
  @media (min-width: 769px) {
    #ResponsiveMenu1 {
      display: none !important;
    }
  }
/* MOBILE 0–768px  → show responsive menu, hide text menu */
@media (max-width: 768px) {
  #wb_ResponsiveMenu1 {          /* WB responsive component */
    display: block !important;
  }

  #topMenu {                     /* your CSS text menu */
    display: none !important;
  }
}

/* DESKTOP 769px+  → hide responsive, show text menu */
@media (min-width: 769px) {
  #wb_ResponsiveMenu1 {
    display: none !important;
  }

  #topMenu {
    display: flex !important;    /* or inline-flex / block, whatever you use */
  }
}

/* =========================================
   FORCE RESPONSIVE MENU TO FOLLOW PALETTE
========================================= */

/* main mobile menu text */
#ResponsiveMenu1 a,
#ResponsiveMenu1 li a {
  color: #ffffff !important;
  transition: color .25s ease, text-shadow .25s ease, filter .25s ease;
}

/* hover = ALWAYS PALETTE */
#ResponsiveMenu1 a:hover,
#ResponsiveMenu1 li a:hover,
#ResponsiveMenu1 li.active > a {
  color: var(--iconGlow) !important;

  filter:
    hue-rotate(var(--hueShift))
    saturate(1.8)
    brightness(1.15);

  text-shadow:
    0 0 1px var(--iconGlow),
    0 0 1px var(--iconGlow);
}