body
{
   background-color: transparent;
   color: #000000;
   font-family: Arial;
   font-weight: normal;
   font-size: 19px;
   line-height: 1.3;
   margin: 0;
   padding: 0;
}
a
{
   color: #00008B;
   text-decoration: none;
}
a:active
{
   color: #D6000B;
}
a:hover
{
   color: #D6000B;
   text-decoration: underline;
}
#wb_online_letterLayoutGrid1
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: transparent;
   background-image: none;
   border: 0px solid #CCCCCC;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 0;
}
#online_letterLayoutGrid1
{
   box-sizing: border-box;
   padding: 10px 5px 0 5px;
   margin-right: auto;
   margin-left: auto;
}
#online_letterLayoutGrid1 > .row
{
   margin-right: -5px;
   margin-left: -5px;
}
#online_letterLayoutGrid1 > .row > .col-1
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 5px;
   padding-left: 5px;
   position: relative;
}
#online_letterLayoutGrid1 > .row > .col-1
{
   float: left;
}
#online_letterLayoutGrid1 > .row > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 100%;
   text-align: left;
}
#online_letterLayoutGrid1:before,
#online_letterLayoutGrid1:after,
#online_letterLayoutGrid1 .row:before,
#online_letterLayoutGrid1 .row:after
{
   display: table;
   content: " ";
}
#online_letterLayoutGrid1:after,
#online_letterLayoutGrid1 .row:after
{
   clear: both;
}
@media (max-width: 480px)
{
#online_letterLayoutGrid1 > .row > .col-1
{
   float: none;
   width: 100% !important;
}
}
@media only screen and (max-width: 1024px)
{
body
{
   background-color: transparent;
   background-image: none;
}
#wb_online_letterLayoutGrid1
{
   visibility: visible;
   display: table;
}
#wb_online_letterLayoutGrid1
{
   height: auto;
   margin-top: 0px;
   margin-bottom: 0px;
}
#online_letterLayoutGrid1
{
   height: auto;
   padding: 10px 5px 0 5px;
}
#online_letterLayoutGrid1 .row
{
   margin-right: -5px;
   margin-left: -5px;
}
#online_letterLayoutGrid1 > .row > .col-1
{
   padding-right: 5px;
   padding-left: 5px;
}
#online_letterLayoutGrid1 > .row > .col-1
{
   display: block;
   width: 100%;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   text-align: left;
}
}
@media only screen and (max-width: 768px)
{
body
{
   background-color: transparent;
}
#wb_online_letterLayoutGrid1
{
   visibility: visible;
   display: table;
}
#wb_online_letterLayoutGrid1
{
   height: auto;
   margin-top: 0px;
   margin-bottom: 0px;
}
#online_letterLayoutGrid1
{
   height: auto;
   padding: 10px 5px 0 5px;
}
#online_letterLayoutGrid1 .row
{
   margin-right: -5px;
   margin-left: -5px;
}
#online_letterLayoutGrid1 > .row > .col-1
{
   padding-right: 5px;
   padding-left: 5px;
}
#online_letterLayoutGrid1 > .row > .col-1
{
   display: block;
   width: 100%;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   text-align: left;
}
}
  .cookie-notice {
    position: fixed;
    left: 16px;
    right: 16px;
    bottom: 16px;
    z-index: 9999;
    max-width: 620px;
    margin: 0 auto;
    padding: 10px 14px;
    border-radius: 12px;
    background: rgba(30, 30, 30, 0.92);
    color: #fff;
    font-size: 13px;
    line-height: 1.4;
    display: none;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    box-shadow: 0 6px 24px rgba(0,0,0,.18);
  }

  .cookie-notice a {
    color: #fff;
    text-decoration: underline;
  }

  .cookie-notice button {
    border: 0;
    border-radius: 999px;
    padding: 6px 12px;
    background: #fff;
    color: #222;
    font-size: 13px;
    cursor: pointer;
    white-space: nowrap;
  }

  @media (max-width: 480px) {
    .cookie-notice {
      left: 10px;
      right: 10px;
      bottom: 10px;
      font-size: 12px;
      padding: 9px 12px;
    }
  }