a
{
   color: #0000FF;
   text-decoration: underline;
}
a:visited
{
   color: #8abe01;
}
a:active
{
   color: #FF0000;
}
a:hover
{
   color: #0000FF;
   text-decoration: underline;
   
}
#Extension1:after 
{
   content: '';
   display: block;
   clear: both;
}

#Extension1 .grid-sizer,
#Extension1 .grid-item 
{
   width: 33%;
}
#Extension1 .grid-item 
{
   float: left;
   margin-bottom: 0px;
}
#Extension1 .gutter-sizer
{
   width: 0px;
}
#Extension1 .grid-item img 
{
   border-width: 0;
   display: block;
   max-width: 100%;
}
#Extension1 .caption 
{
   background-color: #000000;
   background-color: rgba(0,0,0,0.50);
   opacity: 0;
   -webkit-transition: opacity 0.5s ease-in-out;
   transition: opacity 0.5s ease-in-out;
   position: absolute;
   bottom: 0;
   top: auto;
   left: 0;
   right: 0;
   padding: 8px;
}
#Extension1 .caption .title 
{
   font-family: Arial;
   font-size: 13px;
   color: #FFFFFF;
   font-weight: bold;
   text-align: left;
   margin: 0;
   padding: 0;
}
#Extension1 .caption .description 
{
   color: #FFFFFF;
   margin: 0;
   padding: 0;
   font-family: Arial;
   font-size: 13px;
   text-align: left;
}
#Extension1 .grid-item:hover .caption 
{
   opacity: 1;
   -webkit-transition: opacity 0.5s ease-in-out;
   transition: opacity 0.5s ease-in-out;
}
@media screen and (max-width:980px)
{
   #Extension1 .grid-sizer,
   #Extension1 .grid-item 
   {
      width: calc((100% - 4*0px)/5);
   }
}
@media screen and (max-width:768px)
{
   #Extension1 .grid-sizer,
   #Extension1 .grid-item 
   {
      width: calc((100% - 3*0px)/4);
   }
}
@media screen and (max-width:450px)
{
   #Extension1 .grid-sizer,
   #Extension1 .grid-item 
   {
      width: calc((100% - 2*0px)/3);
   }
}
@media screen and (max-width:320px)
{
   #Extension1 .grid-sizer,
   #Extension1 .grid-item 
   {
      width: calc((100% - 1*0px)/2);
   }
}
#wb_LayoutGrid1
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: transparent;
   background-image: none;
   border: 0px #CCCCCC solid;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}
a.#wb_LayoutGrid1:hover{
    
}
#LayoutGrid1
{
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
   padding: 0px 0px 0px 0px;
   margin-right: auto;
   margin-left: auto;
}
#LayoutGrid1 .row
{
   margin-right: -0px;
   margin-left: -0px;
}
#LayoutGrid1 .col-1
{
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
   font-size: 0px;
   min-height: 1px;
   padding-right: 0px;
   padding-left: 0px;
   position: relative;
}
#LayoutGrid1
{
}
#LayoutGrid1 .col-1
{
   float: left;
}
#LayoutGrid1 .col-1
{
   width: 100%;
   text-align: left;
}
#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 .col-1
{
   float: none;
   width: 100%;
}
}
#wb_Heading1
{
   background-color: transparent;
   background-image: none;
   border: 0px #FFFFFF solid;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
   padding: 25px 0px 25px 0px;
}
#Heading1
{
   color: #FFFFFF;
   font-family: Arial;
   font-weight: bold;
   font-size: 32px;
   margin: 0;
   text-align: center;
}