body
{
   background-color: #FFFFFF;
   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;
}
#wb_LayoutGrid1
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: transparent;
   background-image: none;
   border: 0px solid #CCCCCC;
   box-sizing: border-box;
   margin: 0;
}
#LayoutGrid1
{
   box-sizing: border-box;
   padding: 0 15px 0 15px;
   margin-right: auto;
   margin-left: auto;
}
#LayoutGrid1 > .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#LayoutGrid1 > .row > .col-1, #LayoutGrid1 > .row > .col-2, #LayoutGrid1 > .row > .col-3, #LayoutGrid1 > .row > .col-4
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#LayoutGrid1 > .row > .col-1, #LayoutGrid1 > .row > .col-2, #LayoutGrid1 > .row > .col-3, #LayoutGrid1 > .row > .col-4
{
   float: left;
}
#LayoutGrid1 > .row > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 33.33333333%;
   text-align: center;
}
#LayoutGrid1 > .row > .col-2
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 33.33333333%;
   text-align: left;
}
#LayoutGrid1 > .row > .col-3
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 16.66666667%;
   text-align: center;
}
#LayoutGrid1 > .row > .col-3 > .col-3-padding
{
   box-sizing: border-box;
   width: 100%;
   padding: 15px 0 0 0;
}
#LayoutGrid1 > .row > .col-4
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 16.66666667%;
   text-align: center;
}
#LayoutGrid1:before,
#LayoutGrid1:after,
#LayoutGrid1 .row:before,
#LayoutGrid1 .row:after
{
   display: table;
   content: " ";
}
#LayoutGrid1:after,
#LayoutGrid1 .row:after
{
   clear: both;
}
@media (max-width: 480px)
{
#LayoutGrid1 > .row > .col-1, #LayoutGrid1 > .row > .col-2, #LayoutGrid1 > .row > .col-3, #LayoutGrid1 > .row > .col-4
{
   float: none;
   width: 100% !important;
}
}
#wb_header
{
   clear: both;
   position: -webkit-sticky;
   position: sticky;
   top: 0;
   z-index: 7776;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: #3588F0;
   background-image: none;
   border: 0px solid #CCCCCC;
   box-sizing: border-box;
   margin: 0;
}
#header
{
   box-sizing: border-box;
   padding: 4px 15px 0 15px;
   margin-right: auto;
   margin-left: auto;
   max-width: 1170px;
}
#header > .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#header > .row > .col-1
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#header > .row > .col-1
{
   float: left;
}
#header > .row > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 100%;
   text-align: center;
}
#header:before,
#header:after,
#header .row:before,
#header .row:after
{
   display: table;
   content: " ";
}
#header:after,
#header .row:after
{
   clear: both;
}
@media (max-width: 320px)
{
#header > .row > .col-1
{
   float: none;
   width: 100% !important;
}
}
#wb_headerLogo1
{
   background-color: #FFFFFF;
   background-image: none;
   border: 3px solid #FFFFFF;
   border-radius: 0px;
   box-sizing: border-box;
   vertical-align: top;
   margin: 0;
   padding: 0 6px 0 6px;
   text-align: center;
}
#headerLogo1
{
   color: #DC143C;
   font-family: Arial;
   font-weight: bold;
   font-style: normal;
   font-size: 32px;
   margin: 0;
   text-align: center;
}
#headerLogo1 a
{
   color: inherit;
   text-decoration: none;
}
#wb_Heading1
{
   background-color: #FFFFFF;
   background-image: none;
   border: 3px solid #FFFFFF;
   border-radius: 0px;
   box-sizing: border-box;
   vertical-align: top;
   margin: 0;
   padding: 0 6px 0 6px;
   text-align: center;
}
#Heading1
{
   color: #00008B;
   font-family: Arial;
   font-weight: bold;
   font-style: normal;
   font-size: 16px;
   margin: 0;
   text-align: center;
}
#wb_Card1
{
   position: relative;
   display: flex;
   flex-direction: column;
   box-sizing: border-box;
   margin: 0;
   background-color: transparent;
   background-image: none;
   border: 1px solid #FFFFFF;
   border-radius: 3px;
   text-align: left;
}
#Card1-card-body
{
   padding: 0;
   flex: 1 1 auto;
   font-size: 0;
}
#Card1-card-item0
{
   box-sizing: border-box;
   margin: 0;
   padding: 0;
   border: 0px solid #000000;
   border-radius: 0px;
   max-width: 70px;
   width: 100%;
   height: 80px;
}
#Card1-card-item1
{
   box-sizing: border-box;
   margin: -70px 0 0 80px;
   padding: 12px 10px 12px 10px;
   background-color: transparent;
   background-image: none;
   color: #000000;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 13px;
}
#Card1-card-item1 i
{
   color: #4169E1;
   margin-right: 10px;
   text-align: center;
   vertical-align: top;
   font-size: 13px;
   width: 13px;
}
#Card1-card-item2
{
   box-sizing: border-box;
   margin: -10px 0 0 80px;
   padding: 12px 10px 12px 10px;
   background-color: transparent;
   background-image: none;
   color: #000000;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 13px;
}
#Card1-card-item2 i
{
   color: #4169E1;
   margin-right: 10px;
   text-align: center;
   vertical-align: top;
   font-size: 13px;
   width: 13px;
}
#wb_IconFont1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #245580;
   border-radius: 0px;
   text-align: center;
   margin: 0;
   padding: 10px 10px 10px 10px;
   vertical-align: top;
   display:inline-block;
   position:relative;
}
#IconFont1
{
   height: 30px;
   width: 34px;
}
#IconFont1 i
{
   color: #0963AD;
   display: inline-block;
   font-size: 30px;
   line-height: 30px;
   vertical-align: middle;
   width: 29px;
}
#IconFont1:hover i
{
   color: #337AB7;
}
#upStickyLayer
{
   background-color: #696969;
   background-image: none;
   border-radius: 50%;
   opacity: 0.77;
}
#wb_upIcon
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #3E3E3E;
   border-radius: 0px;
   text-align: center;
   margin: 0;
   padding: 4px 4px 4px 4px;
   vertical-align: top;
}
#upIcon
{
   height: 24px;
   width: 24px;
}
#upIcon i
{
   color: #FFFFFF;
   display: inline-block;
   font-size: 24px;
   line-height: 24px;
   vertical-align: middle;
   width: 23px;
}
#upIcon:hover i
{
   color: #F9F9F9;
}
#wb_LayoutGrid
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: #FFFFFF;
   background-image: none;
   border: 0px solid #CCCCCC;
   box-sizing: border-box;
   margin: 0;
}
#LayoutGrid
{
   box-sizing: border-box;
   padding: 10px 15px 0 15px;
   margin-right: auto;
   margin-left: auto;
}
#LayoutGrid > .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#LayoutGrid > .row > .col-1, #LayoutGrid > .row > .col-2
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#LayoutGrid > .row > .col-1, #LayoutGrid > .row > .col-2
{
   float: left;
}
#LayoutGrid > .row > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 300px;
   text-align: center;
}
#LayoutGrid > .row > .col-1 > .col-1-padding
{
   box-sizing: border-box;
   width: 100%;
   padding: 20px 0 20px 0;
}
#LayoutGrid > .row > .col-2
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width:  calc((100% - 300px) / 1);
   text-align: right;
}
#LayoutGrid > .row > .col-2 > .col-2-padding
{
   box-sizing: border-box;
   width: 100%;
   padding: 20px 0 20px 0;
}
#LayoutGrid:before,
#LayoutGrid:after,
#LayoutGrid .row:before,
#LayoutGrid .row:after
{
   display: table;
   content: " ";
}
#LayoutGrid:after,
#LayoutGrid .row:after
{
   clear: both;
}
@media (max-width: 480px)
{
#LayoutGrid > .row > .col-1, #LayoutGrid > .row > .col-2
{
   float: none;
   width: 100% !important;
}
}
#wb_LayoutGrid4
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: transparent;
   background-image: none;
   border: 0px solid #CCCCCC;
   box-sizing: border-box;
   margin: 0;
}
#LayoutGrid4
{
   box-sizing: border-box;
   padding: 0 15px 0 15px;
   margin-right: auto;
   margin-left: auto;
}
#LayoutGrid4 > .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#LayoutGrid4 > .row > .col-1, #LayoutGrid4 > .row > .col-2
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#LayoutGrid4 > .row > .col-1, #LayoutGrid4 > .row > .col-2
{
   float: left;
}
#LayoutGrid4 > .row > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 300px;
   text-align: center;
}
#LayoutGrid4 > .row > .col-2
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width:  calc((100% - 300px) / 1);
   text-align: center;
}
#LayoutGrid4:before,
#LayoutGrid4:after,
#LayoutGrid4 .row:before,
#LayoutGrid4 .row:after
{
   display: table;
   content: " ";
}
#LayoutGrid4:after,
#LayoutGrid4 .row:after
{
   clear: both;
}
@media (max-width: 480px)
{
#LayoutGrid4 > .row > .col-1, #LayoutGrid4 > .row > .col-2
{
   float: none;
   width: 100% !important;
}
}
#wb_LayoutGrid2
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: transparent;
   background-image: none;
   border: 0px solid #CCCCCC;
   box-sizing: border-box;
   margin: 0;
}
#LayoutGrid2
{
   box-sizing: border-box;
   padding: 0 15px 0 15px;
   margin-right: auto;
   margin-left: auto;
}
#LayoutGrid2 > .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#LayoutGrid2 > .row > .col-1, #LayoutGrid2 > .row > .col-2
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#LayoutGrid2 > .row > .col-1, #LayoutGrid2 > .row > .col-2
{
   float: left;
}
#LayoutGrid2 > .row > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 300px;
   text-align: left;
}
#LayoutGrid2 > .row > .col-2
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width:  calc((100% - 300px) / 1);
   text-align: left;
}
#LayoutGrid2:before,
#LayoutGrid2:after,
#LayoutGrid2 .row:before,
#LayoutGrid2 .row:after
{
   display: table;
   content: " ";
}
#LayoutGrid2:after,
#LayoutGrid2 .row:after
{
   clear: both;
}
@media (max-width: 480px)
{
#LayoutGrid2 > .row > .col-1, #LayoutGrid2 > .row > .col-2
{
   float: none;
   width: 100% !important;
}
}
#wb_WaterSystemsLayoutGrid1
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: transparent;
   background-image: none;
   border: 0px solid #CCCCCC;
   box-sizing: border-box;
   margin: 0;
}
#WaterSystemsLayoutGrid1
{
   box-sizing: border-box;
   padding: 0 15px 0 15px;
   margin-right: auto;
   margin-left: auto;
}
#WaterSystemsLayoutGrid1 > .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#WaterSystemsLayoutGrid1 > .row > .col-1, #WaterSystemsLayoutGrid1 > .row > .col-2
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#WaterSystemsLayoutGrid1 > .row > .col-1, #WaterSystemsLayoutGrid1 > .row > .col-2
{
   float: left;
}
#WaterSystemsLayoutGrid1 > .row > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 300px;
   text-align: center;
}
#WaterSystemsLayoutGrid1 > .row > .col-1 > .col-1-padding
{
   box-sizing: border-box;
   width: 100%;
   padding: 20px 0 20px 0;
}
#WaterSystemsLayoutGrid1 > .row > .col-2
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width:  calc((100% - 300px) / 1);
   text-align: right;
}
#WaterSystemsLayoutGrid1 > .row > .col-2 > .col-2-padding
{
   box-sizing: border-box;
   width: 100%;
   padding: 20px 0 20px 0;
}
#WaterSystemsLayoutGrid1:before,
#WaterSystemsLayoutGrid1:after,
#WaterSystemsLayoutGrid1 .row:before,
#WaterSystemsLayoutGrid1 .row:after
{
   display: table;
   content: " ";
}
#WaterSystemsLayoutGrid1:after,
#WaterSystemsLayoutGrid1 .row:after
{
   clear: both;
}
@media (max-width: 480px)
{
#WaterSystemsLayoutGrid1 > .row > .col-1, #WaterSystemsLayoutGrid1 > .row > .col-2
{
   float: none;
   width: 100% !important;
}
}
#wb_WaterSystemsLayoutGrid2
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: #FFFFFF;
   background-image: none;
   border: 0px solid #CCCCCC;
   box-sizing: border-box;
   margin: 0;
}
#WaterSystemsLayoutGrid2
{
   box-sizing: border-box;
   padding: 20px 15px 0 15px;
   margin-right: auto;
   margin-left: auto;
}
#WaterSystemsLayoutGrid2 > .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#WaterSystemsLayoutGrid2 > .row > .col-1, #WaterSystemsLayoutGrid2 > .row > .col-2, #WaterSystemsLayoutGrid2 > .row > .col-3, #WaterSystemsLayoutGrid2 > .row > .col-4
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#WaterSystemsLayoutGrid2 > .row > .col-1, #WaterSystemsLayoutGrid2 > .row > .col-2, #WaterSystemsLayoutGrid2 > .row > .col-3, #WaterSystemsLayoutGrid2 > .row > .col-4
{
   float: left;
   height: 360px;
}
#WaterSystemsLayoutGrid2 > .row > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 300px;
   text-align: center;
}
#WaterSystemsLayoutGrid2 > .row > .col-2
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width:  calc((100% - 300px) / 3);
   text-align: left;
}
#WaterSystemsLayoutGrid2 > .row > .col-3
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width:  calc((100% - 300px) / 3);
   text-align: left;
}
#WaterSystemsLayoutGrid2 > .row > .col-4
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width:  calc((100% - 300px) / 3);
   text-align: left;
}
#WaterSystemsLayoutGrid2:before,
#WaterSystemsLayoutGrid2:after,
#WaterSystemsLayoutGrid2 .row:before,
#WaterSystemsLayoutGrid2 .row:after
{
   display: table;
   content: " ";
}
#WaterSystemsLayoutGrid2:after,
#WaterSystemsLayoutGrid2 .row:after
{
   clear: both;
}
@media (max-width: 768px)
{
#WaterSystemsLayoutGrid2 > .row > .col-1, #WaterSystemsLayoutGrid2 > .row > .col-2, #WaterSystemsLayoutGrid2 > .row > .col-3, #WaterSystemsLayoutGrid2 > .row > .col-4
{
   float: none;
   width: 100% !important;
   height: auto;
}
}
#wb_WaterSystemsLayoutGrid4
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: #FFFFFF;
   background-image: none;
   border: 0px solid #CCCCCC;
   box-sizing: border-box;
   margin: 0;
}
#WaterSystemsLayoutGrid4
{
   box-sizing: border-box;
   padding: 20px 15px 0 15px;
   margin-right: auto;
   margin-left: auto;
}
#WaterSystemsLayoutGrid4 > .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#WaterSystemsLayoutGrid4 > .row > .col-1, #WaterSystemsLayoutGrid4 > .row > .col-2, #WaterSystemsLayoutGrid4 > .row > .col-3, #WaterSystemsLayoutGrid4 > .row > .col-4
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#WaterSystemsLayoutGrid4 > .row > .col-1, #WaterSystemsLayoutGrid4 > .row > .col-2, #WaterSystemsLayoutGrid4 > .row > .col-3, #WaterSystemsLayoutGrid4 > .row > .col-4
{
   float: left;
}
#WaterSystemsLayoutGrid4 > .row > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 300px;
   text-align: center;
}
#WaterSystemsLayoutGrid4 > .row > .col-2
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width:  calc((100% - 300px) / 3);
   text-align: left;
}
#WaterSystemsLayoutGrid4 > .row > .col-3
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width:  calc((100% - 300px) / 3);
   text-align: left;
}
#WaterSystemsLayoutGrid4 > .row > .col-4
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width:  calc((100% - 300px) / 3);
   text-align: left;
}
#WaterSystemsLayoutGrid4:before,
#WaterSystemsLayoutGrid4:after,
#WaterSystemsLayoutGrid4 .row:before,
#WaterSystemsLayoutGrid4 .row:after
{
   display: table;
   content: " ";
}
#WaterSystemsLayoutGrid4:after,
#WaterSystemsLayoutGrid4 .row:after
{
   clear: both;
}
@media (max-width: 768px)
{
#WaterSystemsLayoutGrid4 > .row > .col-1, #WaterSystemsLayoutGrid4 > .row > .col-2, #WaterSystemsLayoutGrid4 > .row > .col-3, #WaterSystemsLayoutGrid4 > .row > .col-4
{
   float: none;
   width: 100% !important;
}
}
#wb_LayoutGrid5
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: #FFFFFF;
   background-image: none;
   border: 0px solid #CCCCCC;
   box-sizing: border-box;
   margin: 0;
}
#LayoutGrid5
{
   box-sizing: border-box;
   padding: 20px 15px 0 15px;
   margin-right: auto;
   margin-left: auto;
}
#LayoutGrid5 > .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#LayoutGrid5 > .row > .col-1, #LayoutGrid5 > .row > .col-2, #LayoutGrid5 > .row > .col-3
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#LayoutGrid5 > .row > .col-1, #LayoutGrid5 > .row > .col-2, #LayoutGrid5 > .row > .col-3
{
   float: left;
}
#LayoutGrid5 > .row > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 300px;
   text-align: center;
}
#LayoutGrid5 > .row > .col-2
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width:  calc((100% - 300px) / 2.25);
   text-align: left;
}
#LayoutGrid5 > .row > .col-3
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width:  calc((100% - 300px) / 1.8);
   text-align: left;
}
#LayoutGrid5:before,
#LayoutGrid5:after,
#LayoutGrid5 .row:before,
#LayoutGrid5 .row:after
{
   display: table;
   content: " ";
}
#LayoutGrid5:after,
#LayoutGrid5 .row:after
{
   clear: both;
}
@media (max-width: 768px)
{
#LayoutGrid5 > .row > .col-1, #LayoutGrid5 > .row > .col-2, #LayoutGrid5 > .row > .col-3
{
   float: none;
   width: 100% !important;
}
}
#wb_WaterMaterialLayoutGrid2
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: #FFFFFF;
   background-image: none;
   border: 0px solid #CCCCCC;
   box-sizing: border-box;
   margin: 0;
}
#WaterMaterialLayoutGrid2
{
   box-sizing: border-box;
   padding: 20px 15px 0 15px;
   margin-right: auto;
   margin-left: auto;
}
#WaterMaterialLayoutGrid2 > .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#WaterMaterialLayoutGrid2 > .row > .col-1, #WaterMaterialLayoutGrid2 > .row > .col-2, #WaterMaterialLayoutGrid2 > .row > .col-3, #WaterMaterialLayoutGrid2 > .row > .col-4
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#WaterMaterialLayoutGrid2 > .row > .col-1, #WaterMaterialLayoutGrid2 > .row > .col-2, #WaterMaterialLayoutGrid2 > .row > .col-3, #WaterMaterialLayoutGrid2 > .row > .col-4
{
   float: left;
   height: 466px;
}
#WaterMaterialLayoutGrid2 > .row > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 300px;
   text-align: center;
}
#WaterMaterialLayoutGrid2 > .row > .col-2
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width:  calc((100% - 300px) / 3);
   text-align: left;
}
#WaterMaterialLayoutGrid2 > .row > .col-3
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width:  calc((100% - 300px) / 3);
   text-align: left;
}
#WaterMaterialLayoutGrid2 > .row > .col-4
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width:  calc((100% - 300px) / 3);
   text-align: left;
}
#WaterMaterialLayoutGrid2:before,
#WaterMaterialLayoutGrid2:after,
#WaterMaterialLayoutGrid2 .row:before,
#WaterMaterialLayoutGrid2 .row:after
{
   display: table;
   content: " ";
}
#WaterMaterialLayoutGrid2:after,
#WaterMaterialLayoutGrid2 .row:after
{
   clear: both;
}
@media (max-width: 768px)
{
#WaterMaterialLayoutGrid2 > .row > .col-1, #WaterMaterialLayoutGrid2 > .row > .col-2, #WaterMaterialLayoutGrid2 > .row > .col-3, #WaterMaterialLayoutGrid2 > .row > .col-4
{
   float: none;
   width: 100% !important;
   height: auto;
}
}
#wb_LayoutGrid3
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: transparent;
   background-image: none;
   border: 0px solid #CCCCCC;
   box-sizing: border-box;
   margin: 0;
}
#LayoutGrid3
{
   box-sizing: border-box;
   padding: 25px 15px 25px 15px;
   margin-right: auto;
   margin-left: auto;
   max-width: 1000px;
}
#LayoutGrid3 > .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#LayoutGrid3 > .row > .col-1
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#LayoutGrid3 > .row > .col-1
{
   float: left;
}
#LayoutGrid3 > .row > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 100%;
   text-align: left;
}
#LayoutGrid3:before,
#LayoutGrid3:after,
#LayoutGrid3 .row:before,
#LayoutGrid3 .row:after
{
   display: table;
   content: " ";
}
#LayoutGrid3:after,
#LayoutGrid3 .row:after
{
   clear: both;
}
@media (max-width: 480px)
{
#LayoutGrid3 > .row > .col-1
{
   float: none;
   width: 100%;
}
}
#wb_categoriesText1 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: center;
}
#wb_categoriesText1 div
{
   text-align: center;
}
#wb_categoriesText1
{
   display: block;
   margin: 0;
   box-sizing: border-box;
   width: 100%;
}
#wb_Text3 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: left;
}
#wb_Text3 div
{
   text-align: left;
}
#wb_Text3
{
   display: block;
   margin: 0;
   box-sizing: border-box;
   width: 100%;
}
#wb_Card8
{
   position: relative;
   display: flex;
   flex-direction: column;
   box-sizing: border-box;
   margin: 0 0 20px 0 ;
   background-color: transparent;
   background-image: none;
   border: 1px solid #FFFFFF;
   border-radius: 0px;
   text-align: left;
}
#Card8-card-body
{
   padding: 0;
   flex: 1 1 auto;
   font-size: 0;
}
#Card8-card-header
{
   box-sizing: border-box;
   border-bottom: 1px solid #FFFFFF;
   margin: 0;
   padding: 0 20px 12px 20px;
   background-color: #FFFFFF;
   background-image: none;
   color: #000000;
   font-family: Arial;
   font-weight: bold;
   font-style: normal;
   font-size: 19px;
   text-align: center;
}
#Card8-card-item1
{
   box-sizing: border-box;
   margin: 0 0 -90px 0 ;
   padding: 0;
   border: 0px solid #000000;
   border-radius: 0px;
   max-width: 200px;
   width: 100%;
   height: 200px;
}
#Card8-card-item2
{
   display: inline-block;
   height: 35px;
   box-sizing: border-box;
   margin: 0 20px 6px 20px;
   padding: 10px 16px 10px 16px;
   border: 1px solid #0275D8;
   border-radius: 0px;
   background-color: rgba(2,117,216,0.78);
   background-image: none;
   color: #FFFFFF;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 13px;
}
#Card8-card-item2
{
   -webkit-transform: translate(-200px,0px) rotate(0deg) ;
   transform: translate(-200px,0px) rotate(0deg) ;
   opacity: 0;
   -webkit-transition: -webkit-transform 200ms linear 0ms, opacity 200ms linear 0ms;
   transition: transform 200ms linear 0ms, opacity 200ms linear 0ms;
}
#wb_Card8:hover #Card8-card-item2
{
   -webkit-transform: rotate(0deg) ;
   transform: rotate(0deg) ;
   opacity: 1;
   -webkit-transition: -webkit-transform 200ms linear 0ms, opacity 200ms linear 0ms;
   transition: transform 200ms linear 0ms, opacity 200ms linear 0ms;
}
#Card8-card-item2 a
{
   color: inherit;
   text-decoration: none;
}
#Card8-card-item2 i
{
   text-align: center;
   vertical-align: top;
   font-size: 13px;
   width: 13px;
}
#Card8-card-item3
{
   box-sizing: border-box;
   margin: 0 20px 0 20px;
   border-top: 1px rgba(216,216,216,0.00) solid;
   border-width: 1px 0 0 0;
   height: 0;
   line-height: 0;
}
#Card8-card-item4
{
   box-sizing: border-box;
   margin: 0;
   padding: 0;
   color: #000000;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 13px;
}
#wb_Card2
{
   position: relative;
   display: flex;
   flex-direction: column;
   box-sizing: border-box;
   margin: 0 0 20px 0 ;
   background-color: transparent;
   background-image: none;
   border: 1px solid #FFFFFF;
   border-radius: 0px;
   text-align: left;
}
#Card2-card-body
{
   padding: 0;
   flex: 1 1 auto;
   font-size: 0;
}
#Card2-card-header
{
   box-sizing: border-box;
   border-bottom: 1px solid #FFFFFF;
   margin: 0;
   padding: 0 20px 12px 20px;
   background-color: #FFFFFF;
   background-image: none;
   color: #000000;
   font-family: Arial;
   font-weight: bold;
   font-style: normal;
   font-size: 19px;
   text-align: center;
}
#Card2-card-item1
{
   box-sizing: border-box;
   margin: 0 0 -90px 0 ;
   padding: 0;
   border: 0px solid #000000;
   border-radius: 0px;
   max-width: 200px;
   width: 100%;
   height: 180px;
}
#Card2-card-item2
{
   display: inline-block;
   height: 35px;
   box-sizing: border-box;
   margin: 0 20px 6px 20px;
   padding: 10px 16px 10px 16px;
   border: 1px solid #0275D8;
   border-radius: 0px;
   background-color: rgba(2,117,216,0.78);
   background-image: none;
   color: #FFFFFF;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 13px;
}
#Card2-card-item2
{
   -webkit-transform: translate(-200px,0px) rotate(0deg) ;
   transform: translate(-200px,0px) rotate(0deg) ;
   opacity: 0;
   -webkit-transition: -webkit-transform 200ms linear 0ms, opacity 200ms linear 0ms;
   transition: transform 200ms linear 0ms, opacity 200ms linear 0ms;
}
#wb_Card2:hover #Card2-card-item2
{
   -webkit-transform: rotate(0deg) ;
   transform: rotate(0deg) ;
   opacity: 1;
   -webkit-transition: -webkit-transform 200ms linear 0ms, opacity 200ms linear 0ms;
   transition: transform 200ms linear 0ms, opacity 200ms linear 0ms;
}
#Card2-card-item2 a
{
   color: inherit;
   text-decoration: none;
}
#Card2-card-item2 i
{
   text-align: center;
   vertical-align: top;
   font-size: 13px;
   width: 13px;
}
#Card2-card-item3
{
   box-sizing: border-box;
   margin: 0 20px 0 20px;
   border-top: 1px rgba(216,216,216,0.00) solid;
   border-width: 1px 0 0 0;
   height: 0;
   line-height: 0;
}
#Card2-card-item4
{
   box-sizing: border-box;
   margin: 20px 20px 20px 20px;
   padding: 0;
   color: #292B2C;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 13px;
}
#wb_Card11
{
   position: relative;
   display: flex;
   flex-direction: column;
   box-sizing: border-box;
   margin: 0 0 20px 0 ;
   background-color: transparent;
   background-image: none;
   border: 1px solid #FFFFFF;
   border-radius: 0px;
   text-align: left;
}
#Card11-card-body
{
   padding: 0;
   flex: 1 1 auto;
   font-size: 0;
}
#Card11-card-header
{
   box-sizing: border-box;
   border-bottom: 1px solid #FFFFFF;
   margin: 0;
   padding: 0;
   background-color: #FFFFFF;
   background-image: none;
   color: #000000;
   font-family: Arial;
   font-weight: bold;
   font-style: normal;
   font-size: 19px;
   text-align: center;
}
#Card11-card-item1
{
   box-sizing: border-box;
   margin: 0 0 -90px 0 ;
   padding: 0;
   border: 0px solid #000000;
   border-radius: 0px;
   max-width: 200px;
   width: 100%;
   height: 180px;
}
#Card11-card-item2
{
   display: inline-block;
   height: 35px;
   box-sizing: border-box;
   margin: 0 20px 6px 20px;
   padding: 10px 16px 10px 16px;
   border: 1px solid #0275D8;
   border-radius: 0px;
   background-color: rgba(2,117,216,0.78);
   background-image: none;
   color: #FFFFFF;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 13px;
}
#Card11-card-item2
{
   -webkit-transform: translate(-200px,0px) rotate(0deg) ;
   transform: translate(-200px,0px) rotate(0deg) ;
   opacity: 0;
   -webkit-transition: -webkit-transform 200ms linear 0ms, opacity 200ms linear 0ms;
   transition: transform 200ms linear 0ms, opacity 200ms linear 0ms;
}
#wb_Card11:hover #Card11-card-item2
{
   -webkit-transform: rotate(0deg) ;
   transform: rotate(0deg) ;
   opacity: 1;
   -webkit-transition: -webkit-transform 200ms linear 0ms, opacity 200ms linear 0ms;
   transition: transform 200ms linear 0ms, opacity 200ms linear 0ms;
}
#Card11-card-item2 a
{
   color: inherit;
   text-decoration: none;
}
#Card11-card-item2 i
{
   text-align: center;
   vertical-align: top;
   font-size: 13px;
   width: 13px;
}
#Card11-card-item3
{
   box-sizing: border-box;
   margin: 0 20px 0 20px;
   border-top: 1px rgba(216,216,216,0.00) solid;
   border-width: 1px 0 0 0;
   height: 0;
   line-height: 0;
}
#Card11-card-item4
{
   box-sizing: border-box;
   margin: 20px 20px 20px 20px;
   padding: 0;
   color: #292B2C;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 13px;
}
#wb_Card18
{
   position: relative;
   display: flex;
   flex-direction: column;
   box-sizing: border-box;
   margin: 0 0 20px 0 ;
   background-color: transparent;
   background-image: none;
   border: 1px solid #FFFFFF;
   border-radius: 0px;
   text-align: left;
}
#Card18-card-body
{
   padding: 0;
   flex: 1 1 auto;
   font-size: 0;
}
#Card18-card-header
{
   box-sizing: border-box;
   border-bottom: 1px solid #FFFFFF;
   margin: 0;
   padding: 0 20px 12px 20px;
   background-color: #FFFFFF;
   background-image: none;
   color: #000000;
   font-family: Arial;
   font-weight: bold;
   font-style: normal;
   font-size: 19px;
   text-align: center;
}
#Card18-card-item1
{
   box-sizing: border-box;
   margin: 20px 0 -90px 10px;
   padding: 0;
   border: 0px solid #000000;
   border-radius: 0px;
   max-width: 200px;
   width: 100%;
   height: 150px;
}
#Card18-card-item2
{
   display: inline-block;
   height: 35px;
   box-sizing: border-box;
   margin: 0 20px 6px 20px;
   padding: 10px 16px 10px 16px;
   border: 1px solid #0275D8;
   border-radius: 0px;
   background-color: rgba(2,117,216,0.78);
   background-image: none;
   color: #FFFFFF;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 13px;
}
#Card18-card-item2
{
   -webkit-transform: translate(-200px,0px) rotate(0deg) ;
   transform: translate(-200px,0px) rotate(0deg) ;
   opacity: 0;
   -webkit-transition: -webkit-transform 200ms linear 0ms, opacity 200ms linear 0ms;
   transition: transform 200ms linear 0ms, opacity 200ms linear 0ms;
}
#wb_Card18:hover #Card18-card-item2
{
   -webkit-transform: rotate(0deg) ;
   transform: rotate(0deg) ;
   opacity: 1;
   -webkit-transition: -webkit-transform 200ms linear 0ms, opacity 200ms linear 0ms;
   transition: transform 200ms linear 0ms, opacity 200ms linear 0ms;
}
#Card18-card-item2 a
{
   color: inherit;
   text-decoration: none;
}
#Card18-card-item2 i
{
   text-align: center;
   vertical-align: top;
   font-size: 13px;
   width: 13px;
}
#Card18-card-item3
{
   box-sizing: border-box;
   margin: 0 20px 0 20px;
   border-top: 1px rgba(216,216,216,0.00) solid;
   border-width: 1px 0 0 0;
   height: 0;
   line-height: 0;
}
#Card18-card-item4
{
   box-sizing: border-box;
   margin: 20px 20px 20px 20px;
   padding: 0;
   color: #292B2C;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 13px;
}
#wb_Card5
{
   position: relative;
   display: flex;
   flex-direction: column;
   box-sizing: border-box;
   margin: 0 0 20px 0 ;
   background-color: transparent;
   background-image: none;
   border: 1px solid #FFFFFF;
   border-radius: 0px;
   text-align: left;
}
#Card5-card-body
{
   padding: 0;
   flex: 1 1 auto;
   font-size: 0;
}
#Card5-card-header
{
   box-sizing: border-box;
   border-bottom: 1px solid #FFFFFF;
   margin: 0;
   padding: 0 20px 12px 20px;
   background-color: #FFFFFF;
   background-image: none;
   color: #000000;
   font-family: Arial;
   font-weight: bold;
   font-style: normal;
   font-size: 19px;
   text-align: center;
}
#Card5-card-item1
{
   box-sizing: border-box;
   margin: 20px 0 -90px 20px;
   padding: 0;
   border: 0px solid #000000;
   border-radius: 0px;
   max-width: 150px;
   width: 100%;
   height: 150px;
}
#Card5-card-item2
{
   display: inline-block;
   height: 35px;
   box-sizing: border-box;
   margin: 0 20px 6px 20px;
   padding: 10px 16px 10px 16px;
   border: 1px solid #0275D8;
   border-radius: 0px;
   background-color: rgba(2,117,216,0.78);
   background-image: none;
   color: #FFFFFF;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 13px;
}
#Card5-card-item2
{
   -webkit-transform: translate(-200px,0px) rotate(0deg) ;
   transform: translate(-200px,0px) rotate(0deg) ;
   opacity: 0;
   -webkit-transition: -webkit-transform 200ms linear 0ms, opacity 200ms linear 0ms;
   transition: transform 200ms linear 0ms, opacity 200ms linear 0ms;
}
#wb_Card5:hover #Card5-card-item2
{
   -webkit-transform: rotate(0deg) ;
   transform: rotate(0deg) ;
   opacity: 1;
   -webkit-transition: -webkit-transform 200ms linear 0ms, opacity 200ms linear 0ms;
   transition: transform 200ms linear 0ms, opacity 200ms linear 0ms;
}
#Card5-card-item2 a
{
   color: inherit;
   text-decoration: none;
}
#Card5-card-item2 i
{
   text-align: center;
   vertical-align: top;
   font-size: 13px;
   width: 13px;
}
#Card5-card-item3
{
   box-sizing: border-box;
   margin: 0 20px 0 20px;
   border-top: 1px rgba(216,216,216,0.00) solid;
   border-width: 1px 0 0 0;
   height: 0;
   line-height: 0;
}
#Card5-card-item4
{
   box-sizing: border-box;
   margin: 20px 20px 20px 20px;
   padding: 0;
   color: #292B2C;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 13px;
}
#wb_trendingCard5
{
   position: relative;
   display: flex;
   flex-direction: column;
   box-sizing: border-box;
   margin: 0 0 20px 0 ;
   background-color: transparent;
   background-image: none;
   border: 1px solid #FFFFFF;
   border-radius: 0px;
   text-align: left;
}
#trendingCard5-card-body
{
   padding: 0;
   flex: 1 1 auto;
   font-size: 0;
}
#trendingCard5-card-header
{
   box-sizing: border-box;
   border-bottom: 1px solid #FFFFFF;
   margin: 0;
   padding: 0 20px 12px 12px;
   background-color: #FFFFFF;
   background-image: none;
   color: #000000;
   font-family: Arial;
   font-weight: bold;
   font-style: normal;
   font-size: 19px;
   text-align: center;
}
#trendingCard5-card-item1
{
   box-sizing: border-box;
   margin: 0 0 -90px 0 ;
   padding: 0;
   border: 0px solid #000000;
   border-radius: 0px;
   max-width: 240px;
   width: 100%;
   height: 180px;
}
#trendingCard5-card-item2
{
   display: inline-block;
   height: 35px;
   box-sizing: border-box;
   margin: 0 20px 6px 20px;
   padding: 10px 16px 10px 16px;
   border: 1px solid #0275D8;
   border-radius: 0px;
   background-color: rgba(2,117,216,0.78);
   background-image: none;
   color: #FFFFFF;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 13px;
}
#trendingCard5-card-item2
{
   -webkit-transform: translate(-200px,0px) rotate(0deg) ;
   transform: translate(-200px,0px) rotate(0deg) ;
   opacity: 0;
   -webkit-transition: -webkit-transform 200ms linear 0ms, opacity 200ms linear 0ms;
   transition: transform 200ms linear 0ms, opacity 200ms linear 0ms;
}
#wb_trendingCard5:hover #trendingCard5-card-item2
{
   -webkit-transform: rotate(0deg) ;
   transform: rotate(0deg) ;
   opacity: 1;
   -webkit-transition: -webkit-transform 200ms linear 0ms, opacity 200ms linear 0ms;
   transition: transform 200ms linear 0ms, opacity 200ms linear 0ms;
}
#trendingCard5-card-item2 a
{
   color: inherit;
   text-decoration: none;
}
#trendingCard5-card-item2 i
{
   text-align: center;
   vertical-align: top;
   font-size: 13px;
   width: 13px;
}
#trendingCard5-card-item3
{
   box-sizing: border-box;
   margin: 0 20px 0 20px;
   border-top: 1px rgba(216,216,216,0.00) solid;
   border-width: 1px 0 0 0;
   height: 0;
   line-height: 0;
}
#trendingCard5-card-item4
{
   box-sizing: border-box;
   margin: 20px 20px 20px 20px;
   padding: 0;
   color: #292B2C;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 13px;
}
#wb_Card23
{
   position: relative;
   display: flex;
   flex-direction: column;
   box-sizing: border-box;
   margin: 0 0 20px 0 ;
   background-color: transparent;
   background-image: none;
   border: 1px solid #FFFFFF;
   border-radius: 0px;
   text-align: left;
}
#Card23-card-body
{
   padding: 0;
   flex: 1 1 auto;
   font-size: 0;
}
#Card23-card-header
{
   box-sizing: border-box;
   border-bottom: 1px solid #FFFFFF;
   margin: 0;
   padding: 0 20px 12px 20px;
   background-color: #FFFFFF;
   background-image: none;
   color: #000000;
   font-family: Arial;
   font-weight: bold;
   font-style: normal;
   font-size: 19px;
   text-align: center;
}
#Card23-card-item1
{
   box-sizing: border-box;
   margin: 0 0 -90px 0 ;
   padding: 0;
   border: 0px solid #000000;
   border-radius: 0px;
   max-width: 200px;
   width: 100%;
   height: 200px;
}
#Card23-card-item2
{
   display: inline-block;
   height: 35px;
   box-sizing: border-box;
   margin: 0 20px 6px 20px;
   padding: 10px 16px 10px 16px;
   border: 1px solid #0275D8;
   border-radius: 0px;
   background-color: rgba(2,117,216,0.78);
   background-image: none;
   color: #FFFFFF;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 13px;
}
#Card23-card-item2
{
   -webkit-transform: translate(-200px,0px) rotate(0deg) ;
   transform: translate(-200px,0px) rotate(0deg) ;
   opacity: 0;
   -webkit-transition: -webkit-transform 200ms linear 0ms, opacity 200ms linear 0ms;
   transition: transform 200ms linear 0ms, opacity 200ms linear 0ms;
}
#wb_Card23:hover #Card23-card-item2
{
   -webkit-transform: rotate(0deg) ;
   transform: rotate(0deg) ;
   opacity: 1;
   -webkit-transition: -webkit-transform 200ms linear 0ms, opacity 200ms linear 0ms;
   transition: transform 200ms linear 0ms, opacity 200ms linear 0ms;
}
#Card23-card-item2 a
{
   color: inherit;
   text-decoration: none;
}
#Card23-card-item2 i
{
   text-align: center;
   vertical-align: top;
   font-size: 13px;
   width: 13px;
}
#Card23-card-item3
{
   box-sizing: border-box;
   margin: 0 20px 0 20px;
   border-top: 1px rgba(220,20,60,0.00) solid;
   border-width: 1px 0 0 0;
   height: 0;
   line-height: 0;
}
#Card23-card-item4
{
   box-sizing: border-box;
   margin: 20px 20px 20px 20px;
   padding: 0;
   color: #292B2C;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 13px;
}
#wb_Card24
{
   position: relative;
   display: flex;
   flex-direction: column;
   box-sizing: border-box;
   margin: 0 0 20px 0 ;
   background-color: transparent;
   background-image: none;
   border: 1px solid #FFFFFF;
   border-radius: 0px;
   text-align: left;
}
#Card24-card-body
{
   padding: 0;
   flex: 1 1 auto;
   font-size: 0;
}
#Card24-card-header
{
   box-sizing: border-box;
   border-bottom: 1px solid #FFFFFF;
   margin: 0;
   padding: 0 20px 12px 20px;
   background-color: #FFFFFF;
   background-image: none;
   color: #000000;
   font-family: Arial;
   font-weight: bold;
   font-style: normal;
   font-size: 19px;
   text-align: center;
}
#Card24-card-item1
{
   box-sizing: border-box;
   margin: 0 0 -90px 25px;
   padding: 0;
   border: 0px solid #000000;
   border-radius: 0px;
   max-width: 150px;
   width: 100%;
   height: 150px;
}
#Card24-card-item2
{
   display: inline-block;
   height: 35px;
   box-sizing: border-box;
   margin: 0 20px 6px 20px;
   padding: 10px 16px 10px 16px;
   border: 1px solid #0275D8;
   border-radius: 0px;
   background-color: rgba(2,117,216,0.78);
   background-image: none;
   color: #FFFFFF;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 13px;
}
#Card24-card-item2
{
   -webkit-transform: translate(-200px,0px) rotate(0deg) ;
   transform: translate(-200px,0px) rotate(0deg) ;
   opacity: 0;
   -webkit-transition: -webkit-transform 200ms linear 0ms, opacity 200ms linear 0ms;
   transition: transform 200ms linear 0ms, opacity 200ms linear 0ms;
}
#wb_Card24:hover #Card24-card-item2
{
   -webkit-transform: rotate(0deg) ;
   transform: rotate(0deg) ;
   opacity: 1;
   -webkit-transition: -webkit-transform 200ms linear 0ms, opacity 200ms linear 0ms;
   transition: transform 200ms linear 0ms, opacity 200ms linear 0ms;
}
#Card24-card-item2 a
{
   color: inherit;
   text-decoration: none;
}
#Card24-card-item2 i
{
   text-align: center;
   vertical-align: top;
   font-size: 13px;
   width: 13px;
}
#Card24-card-item3
{
   box-sizing: border-box;
   margin: 0 20px 0 20px;
   border-top: 1px rgba(216,216,216,0.00) solid;
   border-width: 1px 0 0 0;
   height: 0;
   line-height: 0;
}
#Card24-card-item4
{
   box-sizing: border-box;
   margin: 20px 20px 20px 20px;
   padding: 0;
   color: #292B2C;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 13px;
}
#wb_Picture1
{
   margin: 0;
   vertical-align: top;
}
#Picture1
{
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   padding: 0;
   display: block;
   width: 100%;
   height: auto;
   max-width: 1000px;
   margin-left: auto;
   margin-right: auto;
   vertical-align: top;
}
#wb_Text1 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: center;
}
#wb_Text1 div
{
   text-align: center;
}
#wb_Text1
{
   display: block;
   margin: 0;
   box-sizing: border-box;
   width: 100%;
}
#wb_Card4
{
   position: relative;
   display: flex;
   flex-direction: column;
   box-sizing: border-box;
   margin: 0 0 20px 0 ;
   background-color: transparent;
   background-image: none;
   border: 1px solid #FFFFFF;
   border-radius: 0px;
   text-align: left;
}
#Card4-card-body
{
   padding: 0;
   flex: 1 1 auto;
   font-size: 0;
}
#Card4-card-item0
{
   box-sizing: border-box;
   margin: 20px 20px 20px 20px;
   padding: 0;
   color: #292B2C;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 13px;
}
#wb_Card3
{
   position: relative;
   display: flex;
   flex-direction: column;
   box-sizing: border-box;
   margin: 0 0 20px 0 ;
   background-color: transparent;
   background-image: none;
   border: 1px solid #FFFFFF;
   border-radius: 0px;
   text-align: left;
}
#Card3-card-body
{
   padding: 0;
   flex: 1 1 auto;
   font-size: 0;
}
#Card3-card-header
{
   box-sizing: border-box;
   border-bottom: 1px solid #FFFFFF;
   margin: 0;
   padding: 0 0 12px 0;
   background-color: #FFFFFF;
   background-image: none;
   color: #000000;
   font-family: Arial;
   font-weight: bold;
   font-style: normal;
   font-size: 19px;
   text-align: center;
}
#Card3-card-item1
{
   box-sizing: border-box;
   margin: 0 0 -90px 0 ;
   padding: 0;
   border: 0px solid #000000;
   border-radius: 0px;
   max-width: 300px;
   width: 100%;
   height: 250px;
}
#Card3-card-item2
{
   display: inline-block;
   height: 35px;
   box-sizing: border-box;
   margin: 0 20px 6px 20px;
   padding: 10px 16px 10px 16px;
   border: 1px solid #0275D8;
   border-radius: 0px;
   background-color: rgba(2,117,216,0.78);
   background-image: none;
   color: #FFFFFF;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 13px;
}
#Card3-card-item2
{
   -webkit-transform: translate(-200px,0px) rotate(0deg) ;
   transform: translate(-200px,0px) rotate(0deg) ;
   opacity: 0;
   -webkit-transition: -webkit-transform 200ms linear 0ms, opacity 200ms linear 0ms;
   transition: transform 200ms linear 0ms, opacity 200ms linear 0ms;
}
#wb_Card3:hover #Card3-card-item2
{
   -webkit-transform: rotate(0deg) ;
   transform: rotate(0deg) ;
   opacity: 1;
   -webkit-transition: -webkit-transform 200ms linear 0ms, opacity 200ms linear 0ms;
   transition: transform 200ms linear 0ms, opacity 200ms linear 0ms;
}
#Card3-card-item2 a
{
   color: inherit;
   text-decoration: none;
}
#Card3-card-item2 i
{
   text-align: center;
   vertical-align: top;
   font-size: 13px;
   width: 13px;
}
#Card3-card-item3
{
   box-sizing: border-box;
   margin: 0 20px 0 20px;
   border-top: 1px rgba(216,216,216,0.00) solid;
   border-width: 1px 0 0 0;
   height: 0;
   line-height: 0;
}
#wb_Heading8
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   vertical-align: top;
   margin: 0;
   padding: 10px 0 10px 0;
   text-align: center;
}
#Heading8
{
   color: #000000;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 15px;
   margin: 0;
   text-align: center;
}
#Layer1
{
   background-color: #F5FFFA;
   background-image: none;
   border-radius: 0px;
   box-shadow: 0px 0px 10px #000000 inset;
}
#toc_container
{
   background-color: transparent;
   background-image: none;
   border: 1px solid transparent;
   border-radius: 0px;
   color: #000000;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 12px;
   line-height: 2;
   margin: 0;
   text-align: left;
}
#toc_container ul
{
   list-style-type: disc;
   list-style-position: inside;
}
#toc_container > ul
{
   margin: 0;
   padding: 0;
}
#toc_container > ul ul
{
   padding: 0 15px;
}
#toc_container .toc_title
{
   font-weight: bold;
   font-size: 19px;
   padding: 0 0 0.5em 0;
}
#wb_headerMegaMenu
{
   z-index: 1111 !important;
}
#headerMegaMenu
{
   font-size: 0;
   list-style: none;
   margin: 0;
   padding: 0;
   margin: 0;
   text-align: center;
}
#headerMegaMenu
{
   font-family: Arial;
   font-weight: normal;
   font-size: 16px;
}
#headerMegaMenu li
{
   display: inline-block;
   margin: 0;
   padding: 0;
   position: relative;
}
#headerMegaMenu li a
{
   float: left;
}
#headerMegaMenu li .submenu
{
   display: none;
   float: left;
   right: 0;
   padding: 10px 0 10px 10px;
   position: absolute;
   text-align: left;
   top: 0;
   z-index: 9999;
}
#headerMegaMenu li .row
{
   clear: both;
   float: left;
   margin-bottom: 10px;
   width: 100%;
}
#headerMegaMenu li .submenu ul
{
   float: left;
   list-style: none;
   margin: 0;
   padding: 0;
}
#headerMegaMenu .submenu ul li
{
   width: 100%;
}
#headerMegaMenu .submenu ul li h2
{
   font-family: Arial;
   font-weight: bold;
   font-size: 16px;
   font-style: normal;
   margin: 0;
   padding: 0;
   text-decoration: none;
}
#headerMegaMenu .submenu ul li h2
{
   background-image: none;
   background-color: transparent;
   border-width: 0;
   color: #000000;
   display: block;
   font-weight: bold;
   font-style: normal;
   padding: 8px 0;
   text-decoration: none;
}
#headerMegaMenu .submenu ul li h2 a:hover
{
   padding: 8px 0;
}
#headerMegaMenu .submenu ul li a
{
   display: block;
   float: none;
   font-weight: normal;
   font-style: normal;
   height: auto;
   padding: 9px 81px 9px 1px;
   text-decoration: none;
   text-indent: 0;
   white-space: nowrap;
}
#headerMegaMenu .submenu ul li a:hover
{
   border-style: solid;
   border-width: 1px;
   padding: 8px 80px 8px 0;
}
#headerMegaMenu .button
{
   cursor: pointer;
   font-weight: bold;
   font-style: normal;
   margin: 0 1px 0 0;
   outline: 0;
   padding: 15px 10px 15px 10px;
   position: relative;
   text-align: center;
   text-decoration: none;
   color: #FFFFFF;
}
#headerMegaMenu .button:hover
{
   color: #3588F0;
}
#headerMegaMenu .button:active
{
   color: #3588F0;
}
#headerMegaMenu .ui-widget-content a
{
   color: #FFFFFF;
}
#headerMegaMenu .ui-widget-content a:hover
{
   color: #3588F0;
}
#headerMegaMenu .ui-state-default
{
   background-color: #3588F0;
   background-image: none;
   border: 1px solid #3588F0;
   color: #FFFFFF;
}
#headerMegaMenu .ui-state-hover
{
   background-color: #FFFFFF;
   background-image: none;
   border-color: #3588F0;
   color: #3588F0;
}
#headerMegaMenu .ui-widget-content
{
   background-color: #3588F0;
   background-image: none;
   border: 1px solid #3588F0;
   color: #FFFFFF;
}
#headerMegaMenu li i
{
   font-size: 16px;
   width: 18px;
}
#headerMegaMenu .arrow
{
   margin-top: -8px;
   margin-left: 0;
   position: absolute;
   right: 2px;
   top: 50%;
   display: block;
   overflow: hidden;
   width: 16px;
   height: 16px;
}
#headerMegaMenu .bullet, #headerMegaMenu .icon
{
   left: 0;
   margin-top: -8px;
   position: absolute;
   top: 50%;
   display: block;
   overflow: hidden;
   width: 16px;
   height: 16px;
}
#headerMegaMenu-hamburger
{
   background: #3588F0;
   border: 1px solid #3588F0;
   cursor: pointer;
   display: none;
   padding: 5px 10px 6px 10px;
}
#headerMegaMenu-hamburger .line
{
   width: 22px;
   height: 4px;
   background: #FFFFFF;
   display: block;
   margin: 4px auto;
}
#headerMegaMenu-close
{
   display: none;
}
@media all and (max-width:600px) 
{
#headerMegaMenu-hamburger
{
   display: inline-block;
}
#headerMegaMenu > li
{
   width: 100%;
}
#headerMegaMenu > li > a
{
   display: none;
}
#headerMegaMenu-nav{
   display: none;
   height: 100% !important;
   left: 0 !important;
   overflow-y: auto;
   position: fixed !important;
   top: 0 !important;
   width: 100% !important;
   z-index: 9998;
}
#headerMegaMenu{
   height: 100% !important;
   width: 100% !important;
}
#headerMegaMenu > li > div
{
   box-sizing: border-box;
   border-width: 0 0 1px 0 !important;
   display: inline-block !important;
   float: none;
   position: static !important;
   width: 100% !important;
}
#headerMegaMenu li .submenu ul, #headerMegaMenu li .submenu ul li
{
   width: 100% !important;
}
#headerMegaMenu .nav-link
{
 box-sizing: border-box;
 display: inline-block !important;
 float: none;
   padding: 9px 81px 9px 1px;
 position: static !important;
   text-align: left;
 width: 100% !important;
}
#headerMegaMenu .nav-link:not(.ui-state-hover)
{
   border-color: transparent;
}
#headerMegaMenu-close
{
   display: block;
   left: 0;
   pointer-events: none;
   position: fixed;
   text-align: right;
   top: 0;
   width: 100%;
   z-index: 9999;
}
#headerMegaMenu-close a
{
   color: #FFFFFF;
   display: inline-block;
   font-size: 24px;
   font-weight: bold;
   padding: 10px 40px 10px 10px;
   pointer-events: all;
   text-decoration: none;
}
#wb_headerMegaMenu.open
{
   z-index: 9998 !important
}
#wb_headerMegaMenu.open #headerMegaMenu-nav
{
   display: block !important;
}
.overflow-no-scroll
{
   overflow: hidden !important;
}
}
#wb_footer
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: #000000;
   background-image: none;
   border: 0px solid #CCCCCC;
   box-sizing: border-box;
   margin: 0;
}
#footer
{
   box-sizing: border-box;
   padding: 25px 15px 25px 15px;
   margin-right: auto;
   margin-left: auto;
   max-width: 1140px;
}
#footer > .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#footer > .row > .col-1, #footer > .row > .col-2, #footer > .row > .col-3
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#footer > .row > .col-1, #footer > .row > .col-2, #footer > .row > .col-3
{
   float: left;
}
#footer > .row > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 8.33333333%;
   text-align: center;
}
#footer > .row > .col-2
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 83.33333333%;
   text-align: left;
}
#footer > .row > .col-3
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 8.33333333%;
   text-align: left;
}
#footer:before,
#footer:after,
#footer .row:before,
#footer .row:after
{
   display: table;
   content: " ";
}
#footer:after,
#footer .row:after
{
   clear: both;
}
@media (max-width: 480px)
{
#footer > .row > .col-1, #footer > .row > .col-2, #footer > .row > .col-3
{
   float: none;
   width: 100%;
}
}