div#container
{
   width: 970px;
   position: relative;
   margin: 0 auto 0 auto;
   text-align: left;
}
body
{
   background-color: #FFFFFF;
   color: #000000;
   font-family: Arial;
   font-weight: normal;
   font-size: 16px;
   line-height: 1.1875;
   margin: 0;
   text-align: center;
}
#wb_wb20_photogridHeading1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   margin: 0;
   padding: 0;
   text-align: center;
}
#wb20_photogridHeading1
{
   color: #696969;
   font-family: Arial;
   font-weight: bold;
   font-style: normal;
   font-size: 32px;
   margin: 0;
   text-align: center;
   text-transform: none;
}
#wb_wb20_rolloverimageText1 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: center;
}
#wb_wb20_rolloverimageText1
{
   color: #696969;
   font-family: Arial;
   font-weight: 400;
   font-size: 16px;
   line-height: 18px;
}
#wb_wb20_rolloverimageText1 p, #wb_wb20_rolloverimageText1 ul
{
   margin: 0;
   padding: 0;
}
#wb20_rollovertextRollOverText1 .description
{
   color: #FFFFFF;
   font-family: Arial;
   font-weight: normal;
   font-size: 16px;
   font-style: normal;
   margin: 0;
   padding: 0;
   text-align: center;
}
#wb20_rollovertextRollOverText1 .link
{
   display: inline-block;
   font-family: Arial;
   font-weight: normal;
   font-size: 13px;
   font-style: normal;
   color: #FFFFFF;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   margin: 0;
   padding: 0;
   text-decoration: underline;
}
#wb20_rollovertextRollOverText1 .title
{
   text-align: center;
   padding: 0;
   font-family: Arial;
   font-weight: bold;
   font-size: 16px;
   font-style: normal;
   color: #FFFFFF;
}
#wb20_rollovertextRollOverText1 .caption
{
   box-sizing: border-box;
   position: absolute;
   left: 0;
   top: 100%;
   padding: 10px 10px 10px 10px;
   text-align: center;
   background-color: #000000;
   width: 100%;
   opacity: 0.80;
}
#wb20_rollovertextRollOverText1 .image
{
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#wb20_rollovertextRollOverText1
{
   border: 0px solid #DEE2E6;
   border-radius: 0px;
   margin: 0;
}
#wb20_rollovertextRollOverText2 .image
{
   display: block;
   position: relative;
}
#wb20_rollovertextRollOverText2 .caption 
{
   box-sizing: border-box;
   width: 100%;
   height: 100%;
   position: absolute;
   overflow: hidden;
   left: 0;
   top: 0;
   padding: 10px 10px 10px 10px;
   text-align: center;
   display: flex;
   flex-direction: column;
   justify-content: center;
   width: 100%;
   height: 100%;
   align-items: center;
}
#wb20_rollovertextRollOverText2 .title
{
   position: relative;
   text-align: center;
   padding: 0;
   font-family: Arial;
   font-weight: bold;
   font-size: 16px;
   font-style: normal;
   color: #FFFFFF;
}
#wb20_rollovertextRollOverText2 .description
{
   position: relative;
   margin: 0;
   padding: 0;
   text-align: center;
   font-family: Arial;
   font-weight: normal;
   font-size: 16px;
   font-style: normal;
   color: #FFFFFF;
}
#wb20_rollovertextRollOverText2 .link
{
   display: inline-block;
   z-index: 1;
   color: #FFFFFF;
   font-family: Arial;
   font-weight: normal;
   font-size: 13px;
   font-style: normal;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   margin: 0;
   padding: 0;
   text-align: center;
   text-decoration: underline;
}
#wb20_rollovertextRollOverText2:hover .caption
{
   opacity: 1;
}
#wb20_rollovertextRollOverText2:hover .title
{
}
#wb20_rollovertextRollOverText2:hover .description
{
}
#wb20_rollovertextRollOverText2:hover .link
{
}
#wb20_rollovertextRollOverText2 .image
{
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#wb20_rollovertextRollOverText2
{
   border: 0px solid #DEE2E6;
   border-radius: 0px;
   margin: 0;
   perspective: 1000px;
}
#wb20_rollovertextRollOverText2 .front
{
   backface-visibility: hidden;
   height: 100%;
   position: absolute;
   transform: rotateY(0deg);
   transform-style: preserve-3d;
   transition: all 500ms linear;
   width: 100%;
   z-index: 2;
}
#wb20_rollovertextRollOverText2 .back
{
   background-color: #000000;
   backface-visibility: hidden;
   height: 100%;
   position: absolute;
   transform: rotateY(-180deg);
   transform-style: preserve-3d;
   transition: all 500ms linear;
   width: 100%;
   z-index: 1;
}
#wb20_rollovertextRollOverText2 .back .caption
{
   backface-visibility: hidden;
   transform: translateZ(125px);
   transition: all 250ms linear;
}
#wb20_rollovertextRollOverText2:hover .front
{
   transform: rotateY(180deg);
   transition: all 500ms linear;
}
#wb20_rollovertextRollOverText2:hover .back
{
   transform: rotateY(0deg);
   transition: all 500ms linear;
}
#wb20_rollovertextRollOverText2:hover .back .caption
{
   backface-visibility: hidden;
   transform: translateZ(0px);
   transition: all 250ms linear 250ms;
}