body
{
   background-color: #FFFFFF;
   color: #000000;
   font-family: Arial;
   font-weight: normal;
   font-size: 13px;
   line-height: 1.1875;
   margin: 0;
   padding: 0;
}
#wb_videoImageHotspots
{
   margin: 0;
   vertical-align: top;
}
#videoImageHotspots
{
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   padding: 0;
   display: block;
   width: 100%;
   height: auto;
   max-width: 1280px;
   margin-left: auto;
   margin-right: auto;
   vertical-align: top;
}
.videoImageHotspots-tooltip
{
   position: absolute;
   z-index: 1070;
   display: block;
   margin: 0;
   font-family: Arial;
   font-weight: normal;
   font-size: 15px;
   font-style: normal;
   line-height: 1.5;
   text-align: left;
   text-decoration: none;
   opacity: 0;
}
.videoImageHotspots-tooltip.show
{
   opacity: 0.9;
}
.videoImageHotspots-tooltip .tooltip-arrow
{
   position: absolute;
   display: block;
   width: 12px;
   height: 6px;
}
.videoImageHotspots-tooltip .tooltip-arrow::before
{
   position: absolute;
   content: "";
   border-color: transparent;
   border-style: solid;
}
.videoImageHotspots-tooltip.bs-tooltip-top, .videoImageHotspots-tooltip.bs-tooltip-auto[x-placement^="top"]
{
   padding: 6px 0;
}
.videoImageHotspots-tooltip.bs-tooltip-top .tooltip-arrow, .videoImageHotspots-tooltip.bs-tooltip-auto[x-placement^="top"] .tooltip-arrow
{
   bottom: 0;
}
.videoImageHotspots-tooltip.bs-tooltip-top .tooltip-arrow::before, .videoImageHotspots-tooltip.bs-tooltip-auto[x-placement^="top"] .tooltip-arrow::before
{
   top: 0;
   border-width: 6px 6px 0;
   border-top-color: rgba(0,0,0,1.00);
}
.videoImageHotspots-tooltip .tooltip-inner 
{
   max-width: 200px;
   border: 0px solid #000000;
   padding: 4px 8px 4px 8px;
   color: #FFFFFF;
   text-align: center;
   background-color: rgba(0,0,0,1.00);
   border-radius: 4px;
}
.fade
{
   opacity: 0;
   transition: opacity .15s linear;
}
.fade.show
{
   opacity: 1;
}
@keyframes pulsate
{
   0% 
   {
      transform: scale(.75);
      opacity: 1;
   }
   30%
   {
      transform: scale(.75);
      opacity: 1;
   }
   100% 
   {
      transform: scale(2);
      opacity: 0;
   }
}
.pulsate:before
{
   position: absolute;
   left:0;
   top: 0;
   width: 100%;
   height: 100%;
   content: "";
   background-color: inherit;
   border-radius: inherit;
   animation: pulsate 1.5s ease-out infinite;
}
#videoImageHotspots-icons
{
   position: absolute;
   left:0;
   top:0;
   width:100%;
   height:100%;
   pointer-events:none;
}
#videoImageHotspots-icons-inner
{
   position: relative;
   left:0;
   top:0;
   width:100%;
   height:100%;
   pointer-events:none;
   margin: 0 auto 0 auto;
   max-width: 1280px;
}
#videoImageHotspots-icons svg
{
   overflow: visible;
}
#wb_videoImageHotspots
{
   position: relative;
}
#FlexGrid1
{
   display: grid;
   background-color: transparent;
   background-image: none;
   border: 0px solid #CCCCCC;
   box-sizing: border-box;
   margin: 0;
   padding: 0;
   font-size: 0;
   grid-template-columns: 1fr 1fr 1fr 1fr;
   grid-template-rows: 100px auto 100px;
   grid-template-areas:
      "header header header header"
      "nav main main sidebar"
      "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: space-around;
   align-items: center;
   align-content: center;
}
#FlexGrid1 .nav
{
   display: flex;
   grid-area: nav;
   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 .main
{
   display: flex;
   grid-area: main;
   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 .sidebar
{
   display: flex;
   grid-area: sidebar;
   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-end;
   align-content: flex-end;
}
#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: center;
   align-content: center;
}