html, body
{
   height: 100%;
}
div#space
{
   width: 1px;
   height: 50%;
   margin-bottom: -500px;
   float:left
}
div#container
{
   width: 970px;
   height: 1000px;
   margin: 0 auto;
   position: relative;
   clear: left;
}
body
{
   background-color: #4F4F4F;
   color: #000000;
   font-family: Arial;
   font-weight: normal;
   font-size: 13px;
   line-height: 1.1875;
   margin: 0;
   padding: 0;
}
a
{
   color: #0000FF;
   text-decoration: underline;
}
a:visited
{
   color: #800080;
}
a:active
{
   color: #FF0000;
}
a:hover
{
   color: #0000FF;
   text-decoration: underline;
}
input:focus, textarea:focus, select:focus
{
   outline: none;
}
#Shape4
{
   border-width: 0;
   vertical-align: top;
}
#Shape1
{
   border-width: 0;
   vertical-align: top;
}
#Shape2
{
   border-width: 0;
   vertical-align: top;
}
#Shape3
{
   border-width: 0;
   vertical-align: top;
}
#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_Text2 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid transparent;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: left;
}
#wb_Text2
{
   color: #FFFFFF;
   font-family: Arial;
   font-weight: normal;
   font-size: 16px;
   line-height: 28px;
}
#wb_Text2 p, #wb_Text2 ul
{
   margin: 0;
   padding: 0;
}
#wb_Text3 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: left;
}
#wb_Text3
{
   color: #FFDAB9;
   font-family: Arial;
   font-weight: normal;
   font-size: 17px;
   line-height: 28px;
}
#wb_Text3 p, #wb_Text3 ul
{
   margin: 0;
   padding: 0;
}
#Shape6
{
   border-width: 0;
   vertical-align: top;
}
#wb_Text7 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: left;
}
#wb_Text7 div
{
   text-align: left;
}
#wb_Image1
{
   vertical-align: top;
}
#Image1
{
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#Extension8
{
   align-items: stretch;
   border: 0px solid #6D7481;
   border-radius: 0px;
   box-sizing: border-box;
   display: flex;
   font-family: "Arial";
   list-style: none;
   margin: 0;
   min-height: 100%;
   overflow: hidden;
   padding: 0;
   position: relative;
}
#Extension8 .item
{
   bottom: auto;
   box-sizing: border-box;
   display: flex;
   left: 0;
   pointer-events: none;
   position: absolute;
   top: 0;
   user-select: none;
   width: 100%;
   z-index: 1;
}
#Extension8 .item.active .content
{
   transform: translateX(0%);
}
#Extension8 .item.active .image
{
   transform: translateX(0%);
}
#Extension8 .content, #Extension8 .image
{
   box-sizing: border-box;
   flex: 0 1 auto;
   pointer-events: auto;
   position: relative;
}
#Extension8 .content
{
   background: #6D7481;
   display: flex;
   flex-direction: column;
   justify-content: flex-start;
   position: relative;
   text-align: left;
   transform: translateX(200%);
   transition: transform 1000ms 0ms ease-in-out;
   width: 50%;
   z-index: 2;
}
#Extension8 .content-inner
{
   box-sizing: border-box;
   padding: 20px 20px 20px 20px;
}
#Extension8 .content .title
{
   color: #FFFFFF;
   font-size: 16px;
   margin: 0 0 10px 0;
}
#Extension8 .content .description p
{
   color: rgba(255,255,255,0.78);
   font-size: 13px;
   margin: 0 0 20px 0;
}
#Extension8 .button
{
   color: rgba(255,255,255,0.78);
   font-size: 13px;
   border: 0px solid rgba(255,255,255,0.78);
   background: transparent;
   border-radius: 8px;
   box-sizing: border-box;
   display: inline-block;
   padding: 8px 16px;
   text-decoration: none;
   transition: all 300ms ease;
}
#Extension8 .button:hover
{
   border-color: #FFFFFF;
   color: #FFFFFF;
}
#Extension8 .image
{
   background-position: center center;
   background-repeat: no-repeat;
   background-size: cover;
   transform: translateX(100%);
   transition: transform 0ms 500ms ease-in-out;
   width: 50%;
   z-index: 1;
}
#Extension8 .controls
{
   align-items: center;
   bottom: 0;
   box-sizing: border-box;
   color: #FFFFFF;
   display: flex;
   justify-content: flex-end;
   left: 0;
   padding: 20px 20px;
   position: absolute;
   width: 50%;
   z-index: 10;
}
#Extension8 .pagination
{
   align-self: flex-end;
   display: flex;
   font-size: 13px;
   margin-right: auto;
}
#Extension8 .pagination span
{
   font-size: 0.8em;
}
#Extension8 .controls a 
{
   align-items: center;
   border: 2px solid #FFFFFF;
   border-radius: 50%;
   color: inherit;
   cursor: pointer;
   display: flex;
   height: 40px;
   justify-content: center;
   line-height: 0;
   opacity: 0.5;
   position: relative;
   transition: all 300ms ease-in-out;
   width: 40px;
}
#Extension8 .controls a:after
{
   position: absolute;
   content: "";
   background-position: 50% 50%;
   background-repeat: no-repeat;
   background-size: 20px;
   width: 100%;
   height: 100%;
}
#Extension8 .controls .prev:after
{
   background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23FFFFFF' viewBox='0 0 100 100'%3E%3Cpath d='M100 45 L100 53 C100 56, 99 58, 98 59 C96 61, 94 62, 92 62 L44 62 L64 80 C66 82, 67 84, 67 86 C67 88, 66 90, 64 92 L59 97 C57 98, 55 99, 53 99 C51 99, 48 98, 47 97 L2 55 C1 54, 0 52, 0 49 C0 47, 1 45, 2 44 L47 2 C48 1, 50 0, 53 0 C55 0, 57 1, 59 2 L64 7 C66 9, 67 11, 67 13 C67 15, 66 17, 64 19 L44 37 L92 37 C94 37, 96 38, 98 40 C99 41, 100 43, 100 45'/%3E%3C/svg%3E");
}
#Extension8 .controls .next:after
{
   background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23FFFFFF' viewBox='0 0 100 100'%3E%3Cpath d='M99 50 C99 52, 98 54, 97 56 L53 98 C51 99, 49 100, 47 100 C44 100, 42 99, 40 98 L36 93 C34 91, 33 89, 33 87 C33 85, 34 83, 36 81 L55 62 L8 62 C6 62, 4 62, 2 60 C1 58, 0 56, 0 54 L0 46 C0 44, 1 42, 2 40 C4 38, 6 38, 8 38 L55 38 L36 19 C34 17, 33 15, 33 13 C33 11, 34 9, 36 7 L40 2 C42 1, 44 0, 47 0 C49 0, 51 1, 53 2 L97 44 C98 46, 99 48, 99 50'/%3E%3C/svg%3E");
}
#Extension8 .controls a:hover
{
   opacity: 1;
}
#Extension8 .controls .prev
{
   margin-right: 25px;
}
#Extension8 .no-events
{
   opacity: 0.3 !important;
   pointer-events: none;
}
#Extension8.has-height .item
{
   bottom: 0;
}
#Extension8 .item:nth-of-type(1) .image
{
   background-image: url("images/20210923_171840.jpg");
}
@media (max-width: 480px)
{
   #wb_Extension8
   {
      height: auto !important;
   }
   #Extension8 
   {
      min-height: 500px;
      height: auto !important;
   }
   #Extension8 .controls
   {
      width: 100%;
   }
   #Extension8 .item
   {
      flex: 1 0 auto;
      flex-direction: column-reverse;
      width: 100%;
   }
   #Extension8 .content
   {
      flex: 1 1 auto;
      height: 50%;
      transform: translateX(100%);
      width: 100%;
   }
   #Extension8 .image
   {
      flex: 1 1 auto;
      height: 50%;
      transform: translateX(100%);
      transition: transform 1000ms 0s ease-in-out;
      width: 100%;
   }
}
#wb_Text4 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: left;
}
#wb_Text4
{
   color: #000000;
   font-family: Arial;
   font-weight: normal;
   font-size: 13px;
   line-height: 16px;
}
#wb_Text4 p, #wb_Text4 ul
{
   margin: 0;
   padding: 0;
}
#wb_Text6 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: left;
}
#wb_Text6 div
{
   text-align: left;
}
.ca-menu
{
   padding: 0;
   margin: 0;
   width: 621px;
}
.ca-menu h2, .ca-menu h3
{
   display: block;
   padding: 0;
   margin: 0;
}
.ca-menu li
{
   overflow: hidden;
   position: relative;
   float: left;
   width: 118px;
   height: 78px;
   background: #6D7481;
   margin-right: 4px;
   border: 1px solid #A3A3A3;
   -webkit-transition: all 300ms ease-in-out;
   -moz-transition: all 300ms ease-in-out;
   -o-transition: all 300ms ease-in-out;
   -ms-transition: all 300ms ease-in-out;
   transition: all 300ms ease-in-out;
}
.ca-menu li:last-child
{
   margin-right: 0px;
}
.ca-menu li a
{
   text-align: left;
   display: block;
   width: 100%;
   height: 100%;
   color: #F5DEB3;
   position: absolute;
}
.ca-menu li a h2
{
   color: #F5DEB3;
}
.ca-icon
{
   line-height: 90px;
   position: absolute;
   text-align: center;
   width: 100%;
   height: 50%;
   left: 0px;
   top: 0px;
   -webkit-transition: all 300ms linear;
   -moz-transition: all 300ms linear;
   -o-transition: all 300ms linear;
   -ms-transition: all 300ms linear;
   transition: all 300ms linear;
}
.ca-icon img
{
   border-width: 0;
   margin: auto;
   position: absolute;
   top: 0;
   left: 0;
   bottom: 0;
   right: 0;
}
.ca-content
{
   position: absolute;
   left: 0px;
   width: 100%;
   height: 50%;
   top: 50%;
}
.ca-main
{
   text-align: center;
   font-family: 'Arial';
   font-size: 13px;
   font-weight: bold;
   font-style: normal;
   -webkit-transition: all 300ms linear;
   -moz-transition: all 300ms linear;
   -o-transition: all 300ms linear;
   -ms-transition: all 300ms linear;
   transition: all 300ms linear;
}
.ca-sub
{
   text-align: center;
   font-family: 'Arial';
   font-size: 11px;
   font-weight: normal;
   font-style: normal;
   color: #000000;
   -webkit-transition: all 500ms linear;
   -moz-transition: all 500ms linear;
   -o-transition: all 500ms linear;
   -ms-transition: all 500ms linear;
   transition: all 500ms linear;
}
.ca-menu li:hover
{
   border-color: #A3A3A3;
   background: #DCDCDC;
}
.ca-menu li:hover .ca-icon
{
   transform: scale(0.5);
}
.ca-menu li:hover .ca-main
{
   color: #2676AC;
}
.ca-menu li:hover .ca-sub
{
   color: #A3A3A3;
   transform: scale(0.5);
}