body
{
   background-color: #FFFFFF;
   color: #000000;
   font-family: Arial;
   font-weight: normal;
   font-size: 16px;
   line-height: 1.1875;
   margin: 0;
   padding: 0;
}
.visibility-hidden
{
   visibility: hidden;
}
#SlideShow1 .image
{
   border-width: 0;
   border-radius: inherit;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#SlideShow1 .pagination
{
   bottom: 0;
   left: 0;
   position: absolute;
   text-align: center;
   vertical-align: middle;
   width: 100%;
   z-index: 998;
}
#SlideShow1 .pagination a
{
   display: inline-block;
   margin: 12px 12px 12px 12px;
   width: 7px;
   height: 7px;
   cursor: pointer;
   text-indent: -999px;
   border-radius: 50%;
   background-color: rgba(255,255,255,1.00);
   border: 1px solid rgba(0,0,0,1.00);
}
#SlideShow1 .pagination a.active
{
   background-color: rgba(0,0,0,1.00);
}
#SlideShow1 .carousel-control-next, #SlideShow1 .carousel-control-prev
{
   cursor: pointer;
   position: absolute;
   text-align: center;
   top: 0;
   left: 0;
   opacity: 0.5;
   transition: opacity 0.3s ease;
}
#SlideShow1 .carousel-control-next-icon, #SlideShow1 .carousel-control-prev-icon
{
   display: inline-block;
   width: 32px;
   height: 32px;
   background: transparent no-repeat center center;
   background-size: 100% 100%;
}
#SlideShow1 .carousel-control-next:hover, #SlideShow1 .carousel-control-prev:hover
{
   text-decoration: none;
   outline: 0;
   opacity: 1;
}
#SlideShow1 .carousel-control-prev-icon
{
   background: url('data:image/svg+xml,%3csvg%20style%3d%22fill:%23000000%22%20viewBox%3d%220%200%20128%20128%22%20version%3d%221.1%22%20xmlns%3d%22http://www.w3.org/2000/svg%22%3e%0d%0a%20%20%20%3cpath%20d%3d%22M35%2058%20C32%2062%2c%2032%2067%2c%2035%2070%20L83%20118%20C86%20121%2c%2091%20121%2c%2094%20118%20C97%20115%2c%2097%20110%2c%2094%20106%20L52%2064%20L94%2022%20C97%2019%2c%2097%2014%2c%2094%2010%20C91%207%2c%2086%207%2c%2083%2010%20L35%2058Z%20%22/%3e%0d%0a%3c/svg%3e%0d%0a') no-repeat center center;
}
#SlideShow1 .carousel-control-next-icon
{
   background: url('data:image/svg+xml,%3csvg%20style%3d%22fill:%23000000%22%20viewBox%3d%220%200%20128%20128%22%20version%3d%221.1%22%20xmlns%3d%22http://www.w3.org/2000/svg%22%3e%0d%0a%20%20%20%3cpath%20d%3d%22M94%2058%20C97%2062%2c%2097%2067%2c%2094%2070%20L46%20118%20C43%20121%2c%2038%20121%2c%2035%20118%20C32%20115%2c%2032%20110%2c%2035%20106%20L77%2064%20L35%2022%20C32%2019%2c%2032%2014%2c%2035%2010%20C38%207%2c%2043%207%2c%2046%2010%20L94%2058Z%20%22/%3e%0d%0a%3c/svg%3e%0d%0a') no-repeat center center;
}
#SlideShow1
{
   border: 0px solid #DEE2E6;
   border-radius: 0px;
}
#Shape6
{
   border-width: 0;
   vertical-align: top;
}
#wb_Image1
{
   vertical-align: top;
}
#Image1
{
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#wb_Text1 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: left;
}
#wb_Text1 div
{
   text-align: left;
}
#wb_Extension1
{
   text-align: left;
}
#Extension1, #Extension1 ul 
{
   list-style: none;
}
#Extension1 
{
   display: inline-block;
   font-size: 0px;
   margin: 0;
   padding: 0;
}
#Extension1 > li 
{
   background-color: #FFFFFF;
   border: 0px solid #FFFF00;
   border-radius: 0px;
   color: #000000;
   display: inline-block;
   font-family: "Castellar";
   font-weight: normal;
   font-style: normal;
   font-size: 19px;
   margin: 0 4px 0 0;
   position: relative;
   text-decoration: none;
}
#Extension1 > li > a 
{
   color: inherit;
   display: block;
   padding: 12px 20px 12px 20px;
   text-decoration: none;
}
#Extension1 > li:hover
{
   background-color: #DC143C;
   border-color: #0000CD;
   color: #FFFFFF;
}
.Extension1-submenu 
{
   right: 0%;
   padding: 0;
   position: absolute;
   text-align: center;
   top: 100%;
   width: 100%;
   z-index: 8888;
}
.Extension1-submenu li
{
   background-color: #D3D3D3;
   border: 0px solid #3483AD;
   color: #FFFFFF;
   display: none;
   margin: 0px 0 0 0;
}
.Extension1-submenu li:hover
{
   background-color: #DC143C;
   border-color: #4FA9D8;
   color: #FFFFFF;
}
.Extension1-submenu li:first-child
{
   border-top-left-radius: 0px;
   border-top-right-radius: 0px;
}
.Extension1-submenu li:last-child
{
   border-bottom-left-radius: 0px;
   border-bottom-right-radius: 0px;
}
.Extension1-submenu li a
{
   color: inherit;
   display: block;
   padding: 12px 20px 12px 20px;
   text-decoration: none;
}
.Extension1-submenu li:hover a
{
   color: inherit;
}
#Extension1 > li:hover > .Extension1-submenu li
{
   display: block;
}
#Extension1 > li:hover > .Extension1-submenu
{
   perspective: 1000px;
}
#Extension1 > li:hover > .Extension1-submenu li:nth-child(1)
{
   animation-name: Extension1;
   animation-fill-mode: forwards;
   animation-timing-function: ease-out;
   animation-duration: 666ms;
   animation-delay: -333ms;
}
#Extension1 > li:hover > .Extension1-submenu li:nth-child(2)
{
   animation-name: Extension1;
   animation-fill-mode: forwards;
   animation-timing-function: ease-out;
   animation-duration: 666ms;
   animation-delay: 0ms;
}
#Extension1 > li:hover > .Extension1-submenu li:nth-child(3)
{
   animation-name: Extension1;
   animation-fill-mode: forwards;
   animation-timing-function: ease-out;
   animation-duration: 666ms;
   animation-delay: 333ms;
}
#Extension1 > li:hover > .Extension1-submenu li
{
   opacity: 0;
   transform-origin: top center;
}
@keyframes Extension1
{
   0% { transform: rotate(0deg) scale(2,2) ; opacity: 0; transform-origin: 50% 50%;  }
   100% { transform: rotate(0deg) scale(1,1) ; opacity: 1; transform-origin: 50% 50%;  }
}
#Extension1 .menu-icon
{
   font-size: 19px;
   margin-right: 10px;
   top: 50%;
   margin-top: -0.5em;
   width: 19px;
}
.Extension1-submenu .divider 
{
   overflow: hidden;
   border-width: 1px 0 0 0;
   border-style: solid;
   border-color: #FFFFFF;
}
@media screen and (max-width:480px)
{
#Extension1
{
   padding: 0;
   position: relative;
   top: auto;
   width: 100%;
}
#Extension1 > li 
{
   display: block;
   margin: 0;
}
.Extension1-submenu 
{
   position: relative;
   display: none;
   width: 100%;
}
.Extension1-submenu > li 
{
   display: block;
   opacity: 1 !important;
   padding: 0;
   animation-name: none !important;
}
.Extension1-submenu > li > a 
{
   padding: 12px 20px 12px 20px;
}
.Extension1-submenu:target
{
   display: block;
   width: 100%;
   left: 0;
   margin: 0;
   padding: 0;
}
}
#Shape1
{
   border-width: 0;
   vertical-align: top;
}
#Extension2, #Extension2:after
{
   box-sizing: border-box;
   height: 100%;
   left: 0;
   list-style-type: none;
   margin: 0;
   overflow: hidden;
   padding: 0;
   position: absolute;
   top: 0;
   width: 100%;
}
#Extension2
{
   border: 0px solid #000000;
   border-radius: 0px;
   position: relative;
}
#Extension2:after
{
   background: url(images/zoomslider_pattern.png) repeat;
   content: '';
}
#Extension2 .image
{
   animation: animation-image 48s linear infinite;
   background-position: 50% 50%;
   background-repeat: none;
   background-size: cover;
   color: #F5F5F5;
   height: 100%;
   left: 0;
   opacity: 0;
   position: absolute;
   top: 0;
   width: 100%;
}
#Extension2 .caption
{
   align-items: flex-start;
   animation: animation-caption 48s linear infinite;
   box-sizing: border-box;
   display: flex;
   flex-direction: column;
   justify-content: center;
   height: 100%;
   left: 0;
   margin-left: 100%;
   opacity: 0;
   padding: 20px 20px;
   position: absolute;
   top: 0;
   width: 100%;
}
#Extension2 .title
{  
   color: rgba(255,255,255,1.00);
   font-family: "Arial";
   font-size: 43px;
   font-weight: bold;
   margin: 0 0 2px 0;
}
#Extension2 .description
{  
   color: rgba(255,255,255,1.00);
   font-family: "Arial";
   font-size: 13px;
}
#Extension2 li:nth-child(1) .image
{
   animation-delay: 0s;
   background-image: url("bmp1.bmp");
}
#Extension2 li:nth-child(1) .caption
{ 
   animation-delay: 0s;
}
#Extension2 li:nth-child(2) .image
{
   animation-delay: 6s;
   background-image: url("bmp2.bmp");
}
#Extension2 li:nth-child(2) .caption
{ 
   animation-delay: 6s;
}
#Extension2 li:nth-child(3) .image
{
   animation-delay: 12s;
   background-image: url("bmp3.bmp");
}
#Extension2 li:nth-child(3) .caption
{ 
   animation-delay: 12s;
}
#Extension2 li:nth-child(4) .image
{
   animation-delay: 18s;
   background-image: url("bmp4.bmp");
}
#Extension2 li:nth-child(4) .caption
{ 
   animation-delay: 18s;
}
#Extension2 li:nth-child(5) .image
{
   animation-delay: 24s;
   background-image: url("bmp5.bmp");
}
#Extension2 li:nth-child(5) .caption
{ 
   animation-delay: 24s;
}
#Extension2 li:nth-child(6) .image
{
   animation-delay: 30s;
   background-image: url("bmp6.bmp");
}
#Extension2 li:nth-child(6) .caption
{ 
   animation-delay: 30s;
}
#Extension2 li:nth-child(7) .image
{
   animation-delay: 36s;
   background-image: url("bmp7.bmp");
}
#Extension2 li:nth-child(7) .caption
{ 
   animation-delay: 36s;
}
#Extension2 li:nth-child(8) .image
{
   animation-delay: 42s;
   background-image: url("bmp8.bmp");
}
#Extension2 li:nth-child(8) .caption
{ 
   animation-delay: 42s;
}
@keyframes animation-image 
{ 
   0% 
   {
      opacity: 0;
      transform: scale(1.1, 1.1);
   }
   1%
   {
      opacity: 1;
      transform: scale(1.2, 1.2);
   }
   3% 
   {
      opacity: 1;
      transform: scale(1.3, 1.3);
   }
   5% 
   {
      opacity: 1;
      transform: scale(1.4, 1.4);
   }
   9% 
   {
      opacity: 1;
      transform: scale(1.5, 1.5);
   }
   14% 
   {
      opacity: 0;
      transform: scale(2, 2);
   }
   100% 
   {
      opacity: 0;
      transform: scale(2, 2);
   }
}
@keyframes animation-caption
{
   0%
   {
      opacity: 0; 
      margin-left: 65%;
   }
   1%
   {
      opacity: 1;
      margin-left: 60%;
   }
   3%
   {
      opacity: 1;
      margin-left: 55%;
   }
   5%
   {
      opacity: 1;
      margin-left: 50%;
   }
   7% 
   {
      opacity: 0;
      margin-left: 0;
   }
   100% 
   {
      opacity: 0;
      margin-left: 0;
   }
}
#wb_Text2 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: center;
}
#wb_Text2 div
{
   text-align: center;
}
#wb_Text3 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: justify;
}
#wb_Text3 div
{
   text-align: justify;
}
#info3Button1
{
   font-family: "Friz Quadrata";
   font-weight: bold;
   font-size: 16px;
   font-style: normal;
   display: inline-block;
   position: relative;
   vertical-align: middle;
   user-select: none;
   overflow: visible;
   text-decoration: none;
   cursor: pointer;
}
#wb_info3Button1
{
   border-radius: 0px;
   margin: 0 15px 0 0 ;
   vertical-align: top;
}
#info3Button1
{
   box-sizing: border-box;
   padding: 0;
   text-align: center;
}
#wb_info3Button1 .ui-button
{
   display: flex;
   align-items: center;
   margin: 0;
   justify-content: center;
}
#info3Button1
{
   color: inherit;
}
#wb_info3Button1 .ui-corner-all, #wb_info3Button1 .ui-corner-left
{
   border-bottom-left-radius: 0px;
   border-top-left-radius: 0px;
}
#wb_info3Button1 .ui-corner-all, #wb_info3Button1 .ui-corner-right
{
   border-bottom-right-radius: 0px;
   border-top-right-radius: 0px;
}
#wb_info3Button1 .ui-button
{
   background-color: #FFFFFF;
   background-image: none;
   border: 1px solid #BDB76B;
   color: #000000;
}
#wb_info3Button1 .ui-state-hover, #wb_info3Button1 .ui-button:hover
{
   border-color: #BDB76B;
   background-color: #F5F5F5;
   background-image: none;
   color: #302018;
}
#wb_info3Button1 .ui-button:disabled
{
   opacity: .5;
   pointer-events: none;
}
#wb_info3Button1 .ui-state-active, #wb_info3Button1 .ui-button:active
{
   border-color: #FFFFFF;
   background-color: #FFFFFF;
   background-image: none;
   color: #302018;
}
#Shape2
{
   border-width: 0;
   vertical-align: top;
}
#wb_Text5 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: justify;
}
#wb_Text5 div
{
   text-align: justify;
}
#ThemeableButton1
{
   font-family: "Friz Quadrata";
   font-weight: bold;
   font-size: 16px;
   font-style: normal;
   display: inline-block;
   position: relative;
   vertical-align: middle;
   user-select: none;
   overflow: visible;
   text-decoration: none;
   cursor: pointer;
}
#wb_ThemeableButton1
{
   border-radius: 0px;
   margin: 0 15px 0 0 ;
   vertical-align: top;
}
#ThemeableButton1
{
   box-sizing: border-box;
   padding: 0;
   text-align: center;
}
#wb_ThemeableButton1 .ui-button
{
   display: flex;
   align-items: center;
   margin: 0;
   justify-content: center;
}
#ThemeableButton1
{
   color: inherit;
}
#wb_ThemeableButton1 .ui-corner-all, #wb_ThemeableButton1 .ui-corner-left
{
   border-bottom-left-radius: 0px;
   border-top-left-radius: 0px;
}
#wb_ThemeableButton1 .ui-corner-all, #wb_ThemeableButton1 .ui-corner-right
{
   border-bottom-right-radius: 0px;
   border-top-right-radius: 0px;
}
#wb_ThemeableButton1 .ui-button
{
   background-color: #FFFFFF;
   background-image: none;
   border: 1px solid #BDB76B;
   color: #000000;
}
#wb_ThemeableButton1 .ui-state-hover, #wb_ThemeableButton1 .ui-button:hover
{
   border-color: #BDB76B;
   background-color: #F5F5F5;
   background-image: none;
   color: #302018;
}
#wb_ThemeableButton1 .ui-button:disabled
{
   opacity: .5;
   pointer-events: none;
}
#wb_ThemeableButton1 .ui-state-active, #wb_ThemeableButton1 .ui-button:active
{
   border-color: #FFFFFF;
   background-color: #FFFFFF;
   background-image: none;
   color: #302018;
}
#SlideShow2 .image
{
   border-width: 0;
   border-radius: inherit;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#SlideShow2 .pagination
{
   bottom: 0;
   left: 0;
   position: absolute;
   text-align: center;
   vertical-align: middle;
   width: 100%;
   z-index: 998;
}
#SlideShow2 .pagination a
{
   display: inline-block;
   margin: 12px 12px 12px 12px;
   width: 7px;
   height: 7px;
   cursor: pointer;
   text-indent: -999px;
   border-radius: 50%;
   background-color: rgba(255,255,255,1.00);
   border: 1px solid rgba(0,0,0,1.00);
}
#SlideShow2 .pagination a.active
{
   background-color: rgba(0,0,0,1.00);
}
#SlideShow2 .carousel-control-next, #SlideShow2 .carousel-control-prev
{
   cursor: pointer;
   position: absolute;
   text-align: center;
   top: 0;
   left: 0;
   opacity: 0.5;
   transition: opacity 0.3s ease;
}
#SlideShow2 .carousel-control-next-icon, #SlideShow2 .carousel-control-prev-icon
{
   display: inline-block;
   width: 32px;
   height: 32px;
   background: transparent no-repeat center center;
   background-size: 100% 100%;
}
#SlideShow2 .carousel-control-next:hover, #SlideShow2 .carousel-control-prev:hover
{
   text-decoration: none;
   outline: 0;
   opacity: 1;
}
#SlideShow2 .carousel-control-prev-icon
{
   background: url('data:image/svg+xml,%3csvg%20style%3d%22fill:%23000000%22%20viewBox%3d%220%200%20128%20128%22%20version%3d%221.1%22%20xmlns%3d%22http://www.w3.org/2000/svg%22%3e%0d%0a%20%20%20%3cpath%20d%3d%22M35%2058%20C32%2062%2c%2032%2067%2c%2035%2070%20L83%20118%20C86%20121%2c%2091%20121%2c%2094%20118%20C97%20115%2c%2097%20110%2c%2094%20106%20L52%2064%20L94%2022%20C97%2019%2c%2097%2014%2c%2094%2010%20C91%207%2c%2086%207%2c%2083%2010%20L35%2058Z%20%22/%3e%0d%0a%3c/svg%3e%0d%0a') no-repeat center center;
}
#SlideShow2 .carousel-control-next-icon
{
   background: url('data:image/svg+xml,%3csvg%20style%3d%22fill:%23000000%22%20viewBox%3d%220%200%20128%20128%22%20version%3d%221.1%22%20xmlns%3d%22http://www.w3.org/2000/svg%22%3e%0d%0a%20%20%20%3cpath%20d%3d%22M94%2058%20C97%2062%2c%2097%2067%2c%2094%2070%20L46%20118%20C43%20121%2c%2038%20121%2c%2035%20118%20C32%20115%2c%2032%20110%2c%2035%20106%20L77%2064%20L35%2022%20C32%2019%2c%2032%2014%2c%2035%2010%20C38%207%2c%2043%207%2c%2046%2010%20L94%2058Z%20%22/%3e%0d%0a%3c/svg%3e%0d%0a') no-repeat center center;
}
#SlideShow2
{
   border: 0px solid #DEE2E6;
   border-radius: 0px;
}
#Shape3
{
   border-width: 0;
   vertical-align: top;
}
#wb_Text6 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: center;
}
#wb_Text6 div
{
   text-align: center;
}
#wb_Text7 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: justify;
}
#wb_Text7 div
{
   text-align: justify;
}
#ThemeableButton2
{
   font-family: "Friz Quadrata";
   font-weight: bold;
   font-size: 16px;
   font-style: normal;
   display: inline-block;
   position: relative;
   vertical-align: middle;
   user-select: none;
   overflow: visible;
   text-decoration: none;
   cursor: pointer;
}
#wb_ThemeableButton2
{
   border-radius: 0px;
   margin: 0 15px 0 0 ;
   vertical-align: top;
}
#ThemeableButton2
{
   box-sizing: border-box;
   padding: 0;
   text-align: center;
}
#wb_ThemeableButton2 .ui-button
{
   display: flex;
   align-items: center;
   margin: 0;
   justify-content: center;
}
#ThemeableButton2
{
   color: inherit;
}
#wb_ThemeableButton2 .ui-corner-all, #wb_ThemeableButton2 .ui-corner-left
{
   border-bottom-left-radius: 0px;
   border-top-left-radius: 0px;
}
#wb_ThemeableButton2 .ui-corner-all, #wb_ThemeableButton2 .ui-corner-right
{
   border-bottom-right-radius: 0px;
   border-top-right-radius: 0px;
}
#wb_ThemeableButton2 .ui-button
{
   background-color: #FFFFFF;
   background-image: none;
   border: 1px solid #BDB76B;
   color: #000000;
}
#wb_ThemeableButton2 .ui-state-hover, #wb_ThemeableButton2 .ui-button:hover
{
   border-color: #BDB76B;
   background-color: #F5F5F5;
   background-image: none;
   color: #302018;
}
#wb_ThemeableButton2 .ui-button:disabled
{
   opacity: .5;
   pointer-events: none;
}
#wb_ThemeableButton2 .ui-state-active, #wb_ThemeableButton2 .ui-button:active
{
   border-color: #FFFFFF;
   background-color: #FFFFFF;
   background-image: none;
   color: #302018;
}
#wb_Image3
{
   vertical-align: top;
}
#Image3
{
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#Shape4
{
   border-width: 0;
   vertical-align: top;
}
#wb_Text8 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: center;
}
#wb_Text8 div
{
   text-align: center;
}
#wb_Text9 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: justify;
}
#wb_Text9 div
{
   text-align: justify;
}
#ThemeableButton3
{
   font-family: "Friz Quadrata";
   font-weight: bold;
   font-size: 16px;
   font-style: normal;
   display: inline-block;
   position: relative;
   vertical-align: middle;
   user-select: none;
   overflow: visible;
   text-decoration: none;
   cursor: pointer;
}
#wb_ThemeableButton3
{
   border-radius: 0px;
   margin: 0 15px 0 0 ;
   vertical-align: top;
}
#ThemeableButton3
{
   box-sizing: border-box;
   padding: 0;
   text-align: center;
}
#wb_ThemeableButton3 .ui-button
{
   display: flex;
   align-items: center;
   margin: 0;
   justify-content: center;
}
#ThemeableButton3
{
   color: inherit;
}
#wb_ThemeableButton3 .ui-corner-all, #wb_ThemeableButton3 .ui-corner-left
{
   border-bottom-left-radius: 0px;
   border-top-left-radius: 0px;
}
#wb_ThemeableButton3 .ui-corner-all, #wb_ThemeableButton3 .ui-corner-right
{
   border-bottom-right-radius: 0px;
   border-top-right-radius: 0px;
}
#wb_ThemeableButton3 .ui-button
{
   background-color: #FFFFFF;
   background-image: none;
   border: 1px solid #BDB76B;
   color: #000000;
}
#wb_ThemeableButton3 .ui-state-hover, #wb_ThemeableButton3 .ui-button:hover
{
   border-color: #BDB76B;
   background-color: #F5F5F5;
   background-image: none;
   color: #302018;
}
#wb_ThemeableButton3 .ui-button:disabled
{
   opacity: .5;
   pointer-events: none;
}
#wb_ThemeableButton3 .ui-state-active, #wb_ThemeableButton3 .ui-button:active
{
   border-color: #FFFFFF;
   background-color: #FFFFFF;
   background-image: none;
   color: #302018;
}
#wb_Image4
{
   vertical-align: top;
}
#Image4
{
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#Shape5
{
   border-width: 0;
   vertical-align: top;
}
#wb_Text10 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: center;
}
#wb_Text10 div
{
   text-align: center;
}
#wb_Text11 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: center;
}
#wb_Text11 div
{
   text-align: center;
}
#wb_Image5
{
   vertical-align: top;
}
#Image5
{
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#wb_Form1
{
   background-color: #C0C0C0;
   background-image: none;
   border: 0px solid #CCCCCC;
   border-radius: 0px;
}
#Label1
{
   margin: 0;
   border: 0px solid #CCCCCC;
   border-radius: 4px;
   background-color: transparent;
   background-image: none;
   color: #000000;
   font-family: "Friz Quadrata";
   font-weight: normal;
   font-style: normal;
   font-size: 16px;
   text-align: left;
   vertical-align: top;
   padding: 4px 4px 4px 4px;
}
#Label1:focus
{
   outline: 0;
}
#Editbox1
{
   line-height: 18px;
   margin: 0;
   border: 1px solid #CCCCCC;
   border-radius: 4px;
   background-color: #FFFFFF;
   background-image: none;
   color: #000000;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 16px;
   text-align: left;
   padding: 4px 4px 4px 4px;
}
#Editbox1:focus
{
   border-color: #66AFE9;
   box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(102,175,233,0.60);
   outline: 0;
}
#Label2
{
   margin: 0;
   border: 0px solid #CCCCCC;
   border-radius: 4px;
   background-color: transparent;
   background-image: none;
   color: #000000;
   font-family: "Friz Quadrata";
   font-weight: normal;
   font-style: normal;
   font-size: 16px;
   text-align: left;
   vertical-align: top;
   padding: 4px 4px 4px 4px;
}
#Label2:focus
{
   outline: 0;
}
#Editbox2
{
   line-height: 18px;
   margin: 0;
   border: 1px solid #CCCCCC;
   border-radius: 4px;
   background-color: #FFFFFF;
   background-image: none;
   color: #000000;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 16px;
   text-align: left;
   padding: 4px 4px 4px 4px;
}
#Editbox2:focus
{
   border-color: #66AFE9;
   box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(102,175,233,0.60);
   outline: 0;
}
#Label3
{
   margin: 0;
   border: 0px solid #CCCCCC;
   border-radius: 4px;
   background-color: transparent;
   background-image: none;
   color: #000000;
   font-family: "Friz Quadrata";
   font-weight: normal;
   font-style: normal;
   font-size: 16px;
   text-align: left;
   vertical-align: top;
   padding: 4px 4px 4px 4px;
}
#Label3:focus
{
   outline: 0;
}
#TextArea1
{
   border: 1px solid #CCCCCC;
   border-radius: 4px;
   background-color: #FFFFFF;
   background-image: none;
   color: #000000;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 16px;
   text-align: left;
   padding: 4px 4px 4px 4px;
   margin: 0;
   overflow: auto;
   resize: none;
}
#TextArea1:focus
{
   border-color: #66AFE9;
   box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(102,175,233,0.60);
   outline: 0;
}
#Button1
{
   border: 1px solid #2E6DA4;
   border-radius: 4px;
   background-color: #3370B7;
   background-image: none;
   color: #FFFFFF;
   font-family: "Friz Quadrata";
   font-weight: normal;
   font-style: normal;
   font-size: 16px;
   padding: 1px 6px 1px 6px;
   text-align: center;
   -webkit-appearance: none;
   margin: 0;
}
#Button1:focus
{
   outline: 0;
}
#wb_Image6
{
   vertical-align: top;
}
#Image6
{
   border-top-width: 0px;
   border-right-width: 0px;
   border-bottom-width: 0px;
   border-left-width: 0px;
   border-top-style: solid;
   border-right-style: solid;
   border-bottom-style: solid;
   border-left-style: solid;
   border-top-color: #000000;
   border-right-color: #000000;
   border-bottom-color: #000000;
   border-left-color: #000000;
   box-sizing: border-box;
   padding: 0;
   box-shadow: 0px 0px 10px #000000;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#wb_Text12 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: center;
}
#wb_Text12 div
{
   text-align: center;
}
#wb_Image2
{
   vertical-align: top;
}
#Image2
{
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#IconButton1
{
   font-family: "Friz Quadrata";
   font-weight: bold;
   font-size: 16px;
   font-style: normal;
   display: inline-block;
   position: relative;
   vertical-align: middle;
   user-select: none;
   overflow: visible;
   text-decoration: none;
   cursor: pointer;
}
#wb_IconButton1
{
   border-radius: 0px;
   margin: 0 15px 0 0 ;
   vertical-align: top;
}
#IconButton1
{
   box-sizing: border-box;
   padding: 0;
   text-align: center;
}
#wb_IconButton1 .ui-button
{
   display: flex;
   align-items: center;
   margin: 0;
   justify-content: center;
}
#IconButton1
{
   color: inherit;
}
#wb_IconButton1 .ui-corner-all, #wb_IconButton1 .ui-corner-left
{
   border-bottom-left-radius: 0px;
   border-top-left-radius: 0px;
}
#wb_IconButton1 .ui-corner-all, #wb_IconButton1 .ui-corner-right
{
   border-bottom-right-radius: 0px;
   border-top-right-radius: 0px;
}
#wb_IconButton1 .ui-button
{
   background-color: #FFFFFF;
   background-image: none;
   border: 1px solid #BDB76B;
   color: #000000;
}
#wb_IconButton1 .ui-state-hover, #wb_IconButton1 .ui-button:hover
{
   border-color: #BDB76B;
   background-color: #F5F5F5;
   background-image: none;
   color: #302018;
}
#wb_IconButton1 .ui-button:disabled
{
   opacity: .5;
   pointer-events: none;
}
#wb_IconButton1 .ui-state-active, #wb_IconButton1 .ui-button:active
{
   border-color: #FFFFFF;
   background-color: #FFFFFF;
   background-image: none;
   color: #302018;
}
#wb_Text13 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: center;
}
#wb_Text13 div
{
   text-align: center;
}
#IconButton2
{
   font-family: "Friz Quadrata";
   font-weight: bold;
   font-size: 16px;
   font-style: normal;
   display: inline-block;
   position: relative;
   vertical-align: middle;
   user-select: none;
   overflow: visible;
   text-decoration: none;
   cursor: pointer;
}
#wb_IconButton2
{
   border-radius: 0px;
   margin: 0 15px 0 0 ;
   vertical-align: top;
}
#IconButton2
{
   box-sizing: border-box;
   padding: 0;
   text-align: center;
}
#wb_IconButton2 .ui-button
{
   display: flex;
   align-items: center;
   margin: 0;
   justify-content: center;
}
#IconButton2
{
   color: inherit;
}
#wb_IconButton2 .ui-corner-all, #wb_IconButton2 .ui-corner-left
{
   border-bottom-left-radius: 0px;
   border-top-left-radius: 0px;
}
#wb_IconButton2 .ui-corner-all, #wb_IconButton2 .ui-corner-right
{
   border-bottom-right-radius: 0px;
   border-top-right-radius: 0px;
}
#wb_IconButton2 .ui-button
{
   background-color: #FFFFFF;
   background-image: none;
   border: 1px solid #BDB76B;
   color: #000000;
}
#wb_IconButton2 .ui-state-hover, #wb_IconButton2 .ui-button:hover
{
   border-color: #BDB76B;
   background-color: #F5F5F5;
   background-image: none;
   color: #302018;
}
#wb_IconButton2 .ui-button:disabled
{
   opacity: .5;
   pointer-events: none;
}
#wb_IconButton2 .ui-state-active, #wb_IconButton2 .ui-button:active
{
   border-color: #FFFFFF;
   background-color: #FFFFFF;
   background-image: none;
   color: #302018;
}
#IconButton3
{
   font-family: "Friz Quadrata";
   font-weight: bold;
   font-size: 16px;
   font-style: normal;
   display: inline-block;
   position: relative;
   vertical-align: middle;
   user-select: none;
   overflow: visible;
   text-decoration: none;
   cursor: pointer;
}
#wb_IconButton3
{
   border-radius: 0px;
   margin: 0 15px 0 0 ;
   vertical-align: top;
}
#IconButton3
{
   box-sizing: border-box;
   padding: 0;
   text-align: center;
}
#wb_IconButton3 .ui-button
{
   display: flex;
   align-items: center;
   margin: 0;
   justify-content: center;
}
#IconButton3
{
   color: inherit;
}
#wb_IconButton3 .ui-corner-all, #wb_IconButton3 .ui-corner-left
{
   border-bottom-left-radius: 0px;
   border-top-left-radius: 0px;
}
#wb_IconButton3 .ui-corner-all, #wb_IconButton3 .ui-corner-right
{
   border-bottom-right-radius: 0px;
   border-top-right-radius: 0px;
}
#wb_IconButton3 .ui-button
{
   background-color: #FFFFFF;
   background-image: none;
   border: 1px solid #BDB76B;
   color: #000000;
}
#wb_IconButton3 .ui-state-hover, #wb_IconButton3 .ui-button:hover
{
   border-color: #BDB76B;
   background-color: #F5F5F5;
   background-image: none;
   color: #302018;
}
#wb_IconButton3 .ui-button:disabled
{
   opacity: .5;
   pointer-events: none;
}
#wb_IconButton3 .ui-state-active, #wb_IconButton3 .ui-button:active
{
   border-color: #FFFFFF;
   background-color: #FFFFFF;
   background-image: none;
   color: #302018;
}
#PageFooter4
{
   background-color: #F8F9FA;
   background-image: none;
   border-radius: 0px;
   box-sizing: border-box;
}
#PageFooter1
{
   background-color: #F8F9FA;
   background-image: none;
   border-radius: 0px;
   box-sizing: border-box;
}
#PageFooter2
{
   background-color: #F8F9FA;
   background-image: none;
   border-radius: 0px;
   box-sizing: border-box;
}
#PageFooter3
{
   background-color: #F8F9FA;
   background-image: none;
   border-radius: 0px;
   box-sizing: border-box;
}
        body {
            font-family: 'Inter', sans-serif;
            margin: 0;
            padding: 0;
        }
        /* Animation douce pour l'apparition */
        .modal-transition {
            transition: opacity 0.3s ease-in-out;
            opacity: 0;
            pointer-events: none;
        }
        .modal-active {
            opacity: 1;
            pointer-events: auto;
        }
    