#mva_LayoutGrid
{
   display: flex;
   width: 100%;
   height: 100%;
   align-items: center;
   justify-content: center;
   flex-direction: column;
   background: transparent;
}
#LayoutGrid
{
   box-sizing: border-box;
   padding: 5px 0px 5px 0px;
   margin-right: auto;
   margin-left: auto;
   max-width: 1100px;
}
#LayoutGrid > .row
{
   margin-right: 0px;
   margin-left: 0px;
}
#LayoutGrid > .row > .col-1
{
   box-sizing: border-box;
   font-size: 0px;
   min-height: 1px;
   padding-right: 0px;
   padding-left: 0px;
   position: relative;
}
#LayoutGrid > .row > .col-1
{
   float: left;
}
#LayoutGrid > .row > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   width: 100%;
   text-align: left;
}
#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
{
   float: none;
   width: 100% !important;
}
}
#Extension1, #Extension1 *, #Extension1 *:before, #Extension1 *:after,
#Extension3, #Extension3 *, #Extension3 *:before, #Extension3 *:after,
#Extension4, #Extension4 *, #Extension4 *:before, #Extension4 *:after,
#Extension5, #Extension5 *, #Extension5 *:before, #Extension5 *:after
{
   box-sizing: border-box;
   margin: 0;
   padding: 0;
}
#Extension1, #Extension3, #Extension4, #Extension5
{
   border-radius: 5px;
   flex-shrink: 0;
   font-size: 0;
   padding: 1px;
   perspective: 100%;
   width: 100%;
}
#Extension1 .block-placeholder, #Extension3 .block-placeholder,
#Extension4 .block-placeholder, #Extension5 .block-placeholder
{
   border: 0px solid #000000;
   border-radius: 5px;
   display: inline-block;
   height: 100px;
   margin: 1px;
   width: 100px;
}
#Extension1 .block, #Extension3 .block, #Extension4 .block, #Extension5 .block
{
   display: inline-block;
   height: 100px;
   margin: 1px;
   position: relative;
   transform: rotateY(180deg);
   transform-style: preserve-3d;
   transition: all 300ms ease-in-out;
   width: 100px;
}
#Extension1 .block:hover .block-front:after, #Extension3 .block:hover .block-front:after, 
#Extension4 .block:hover .block-front:after, #Extension5 .block:hover .block-front:after
{
   opacity: 0;
}
#Extension1 .block-front, #Extension1 .block-back,
#Extension3 .block-front, #Extension3 .block-back,
#Extension4 .block-front, #Extension4 .block-back,
#Extension5 .block-front, #Extension5 .block-back
{
   -webkit-backface-visibility: hidden;
   backface-visibility: hidden;
   border: 0px solid #000000;
   border-radius: 5px;
   cursor: pointer;
   height: 100%;
   left: 0;
   overflow: hidden;
   position: absolute;
   top: 0;
   width: 100%;
}
#Extension1 .block-front, #Extension3 .block-front, #Extension4 .block-front, #Extension5 .block-front
{
   background-size: cover;
   background-position: center;
   transform: rotateX(0deg);
   transition: all 200ms ease;
}
#Extension1 .block-front:after, #Extension3 .block-front:after, #Extension4 .block-front:after, #Extension5 .block-front:after
{
   background-color: black;
   content: "";
   height: 100%;
   left: 0;
   opacity: 0;
   position: absolute;
   top: 0;
   transition: all 0.2s ease;
   width: 100%;
}
#Extension1 .block-back, #Extension3 .block-back, #Extension4 .block-back, #Extension5 .block-back
{
   transform: rotateY(180deg) rotateX(0deg);
}
#Extension1 .block-back-inner, #Extension3 .block-back-inner, #Extension4 .block-back-inner, #Extension5 .block-back-inner
{
   -webkit-backface-visibility: hidden;
   backface-visibility: hidden;
   background-image: ;
   background-size: cover;
   background-position: center;
   height: 100%;
   width: 100%;
}
#Extension1 .show-front, #Extension3 .show-front, #Extension4 .show-front, #Extension5 .show-front
{
   transform: none;
}
#Extension2, #Extension2 *, #Extension2 *:before, #Extension2 *:after
{
   box-sizing: border-box;
   margin: 0;
   padding: 0;
}
#Extension2
{
   border-radius: 0px;
   flex-shrink: 0;
   font-size: 0;
   padding: 1px;
   perspective: 700px;
   width: 100%;
}
#Extension2 .block-placeholder
{
   border: 0px solid #000000;
   border-radius: 5px;
   display: inline-block;
   height: 200px;
   margin: 1px;
   width: 200px;
}
#Extension2 .block
{
   display: inline-block;
   height: 200px;
   margin: 1px;
   position: relative;
   transform: rotateY(180deg);
   transform-style: preserve-3d;
   transition: all 300ms ease-in-out;
   width: 200px;
}
#Extension2 .block:hover .block-front:after
{
   opacity: 0;
}
#Extension2 .block-front, #Extension2 .block-back
{
   -webkit-backface-visibility: hidden;
   backface-visibility: hidden;
   border: 0px solid #000000;
   border-radius: 5px;
   cursor: pointer;
   height: 100%;
   left: 0;
   overflow: hidden;
   position: absolute;
   top: 0;
   width: 100%;
}
#Extension2 .block-front
{
   background-size: cover;
   background-position: center;
   transform: rotateX(0deg);
   transition: all 200ms ease;
}
#Extension2 .block-front:after 
{
   background-color: black;
   content: "";
   height: 100%;
   left: 0;
   opacity: 0;
   position: absolute;
   top: 0;
   transition: all 0.2s ease;
   width: 100%;
}
#Extension2 .block-back 
{
   transform: rotateY(180deg) rotateX(0deg);
}
#Extension2 .block-back-inner
{
   -webkit-backface-visibility: hidden;
   backface-visibility: hidden;
   background-image: ;
   background-size: cover;
   background-position: center;
   height: 100%;
   width: 100%;
}
#Extension2 .show-front
{
   transform: none;
}