body
{
   background-color: #F0F8FF;
   background-image: url('../images/beach1.png');
   background-attachment: fixed;
   background-position: center top;
   background-repeat: repeat;
   background-size: 100% 100%;
   color: #000000;
   font-family: Arial;
   font-weight: normal;
   font-size: 13px;
   line-height: 1.1875;
   margin: 0;
   padding: 0;
}
#FlexGrid1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid transparent;
   box-sizing: border-box;
   margin: 0;
   padding: 0;
}
#FlexGrid1-grid
{
   display: grid;
   margin-right: auto;
   margin-left: auto;
   max-width: 1384px;
   font-size: 0;
   grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
   grid-template-rows: 100px auto auto auto auto auto;
   grid-template-areas:
      "header header header header header login"
      "left left left right right login"
      "left left left right right ."
      "bottomleft bottomleft bottomleft bottomright bottomright bottomright"
      "bottomleft bottomleft bottomleft bottomright bottomright bottomright"
      "footer footer footer footer footer footer";
}
#FlexGrid1 .header
{
   display: flex;
   grid-area: header;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: center;
   align-items: flex-end;
   align-content: flex-end;
}
#FlexGrid1 .login
{
   display: flex;
   grid-area: login;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: center;
   align-items: center;
   align-content: center;
}
#FlexGrid1 .left
{
   display: flex;
   grid-area: left;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: flex-start;
   align-items: center;
   align-content: center;
}
#FlexGrid1 .right
{
   display: flex;
   grid-area: right;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: flex-start;
   align-items: flex-start;
   align-content: flex-start;
}
#FlexGrid1 .bottomleft
{
   display: flex;
   grid-area: bottomleft;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: flex-start;
   align-items: flex-start;
   align-content: flex-start;
}
#FlexGrid1 .bottomright
{
   display: flex;
   grid-area: bottomright;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: flex-start;
   align-items: flex-start;
   align-content: flex-start;
}
#FlexGrid1 .footer
{
   display: flex;
   grid-area: footer;
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: center;
   align-items: flex-end;
   align-content: flex-end;
}
#wb_Text1 
{
   background-color: #D2D2D2;
   background-image: none;
   border: 0px solid rgba(0,0,0,0.20);
   border-radius: 0px;
   padding: 0;
   margin: 0;
   opacity: 0.75;
   text-align: center;
}
#wb_Text1 div
{
   text-align: center;
}
#wb_Text1
{
   display: block;
   margin: 0;
   box-sizing: border-box;
   width: 100%;
}
#Shape4
{
   border-width: 0;
   vertical-align: top;
}
#Shape1
{
   border-width: 0;
   vertical-align: top;
}
#Shape3
{
   border-width: 0;
   vertical-align: top;
}
#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_Text2
{
   display: block;
   margin: 0;
   box-sizing: border-box;
   width: 100%;
}
#Login1
{
   background-color: rgba(255,255,255,0.40);
   border: 1px solid rgba(204,204,204,0.40);
   border-radius: 4px;
   color: #000000;
   font-family: Arial;
   font-weight: normal;
   font-size: 15px;
   font-style: normal;
   text-align: left;
   text-decoration: none;
   border-spacing: 6px;
   width: 100%;
   height: 231px;
}
#Login1 td
{
   padding: 0;
}
#Login1 .header
{
   background-color: #878787;
   color: #FFFFFF;
   height: 17px;
   padding: 6px 6px 6px 6px;
   text-align: center;
}
#Login1 .label
{
   height: 17px;
}
#Login1 .row
{
   height: 29px;
   text-align: left;
}
#Login1 .input
{
   background-color: #FFFFFF;
   border: 0px solid #CCCCCC;
   border-radius: 0px;
   color: #000000;
   font-family: Arial;
   font-weight: normal;
   font-size: 15px;
   font-style: normal;
   text-decoration: none;
   width: 100%;
   height: 29px;
   box-sizing: border-box;
   padding: 6px 6px 6px 6px;
}
#Login1 .input:focus
{
   border-color: #66AFE9;
   outline: 0;
   box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(102,175,233,0.60);
}
#Login1 .button
{
   background-color: #3370B7;
   border: 0px solid #2E6DA4;
   border-radius: 3px;
   color: #FFFFFF;
   font-family: Arial;
   font-weight: normal;
   font-size: 15px;
   font-style: normal;
   text-decoration: none;
   padding: 10px 50px 10px 50px;
   -webkit-appearance: none;
}
#wb_header
{
   position: fixed !important;
   float: none !important;
   transition: all 500ms linear;   
   z-index: 9990 !important;
}
#wb_header.affix
{
   background: #090504;
   transition: all 500ms linear;   
}
#wb_header.affix #headerMenu a
{
   color: #FFFFFF;
}
#wb_header #headerMenu .navbar-nav
{
   background-color: rgba(255,255,255,0.2);
}
#wb_header.affix #headerMenu .navbar-nav
{
   background-color: transparent;
}
#wb_header.affix .headerMenu .navbar-nav > .dropdown > a .caret 
{
   border-top-color: #FFFFFF;
   border-bottom-color: #FFFFFF;
}
#wb_header.affix .headerMenu .dropdown-menu > li > a
{
   color: #090504 !important;
}
#wb_header.affix #headerLogo a
{
   color: #FFFFFF;
}
@media (max-width: 480px) 
{
#wb_header.affix .headerMenu .navbar-nav>li>a 
{
   color: #090504  !important;
}
#wb_header.affix .headerMenu .navbar-nav>li>a:hover,
#wb_header.affix .headerMenu .navbar-nav>li>a:focus 
{
   background-color: #EDEDED !important;
   color: #2B2B2B  !important;
}
#wb_header.affix .headerMenu .navbar-nav > .dropdown > a .caret 
{
   border-top-color: #2B2B2B;
   border-bottom-color: #2B2B2B;
}
#wb_header.affix
{
   background: transparent;
}
}