html, body
{
   height: 100%;
}
div#space
{
   width: 1px;
   height: 50%;
   margin-bottom: -525px;
   float:left
}
div#container
{
   width: 970px;
   height: 1050px;
   margin: 0 auto;
   position: relative;
   clear: left;
}
body
{
   background-color: #000000;
   background-image: url('../images/pexels 1.jpg');
   background-attachment: fixed;
   background-position: left top;
   background-repeat: repeat;
   background-size: 100% 100%;
   color: #000000;
   font-family: Arial;
   font-weight: normal;
   font-size: 13px;
   line-height: 1.1875;
   margin: 0;
   padding: 0;
}
#wb_Image1
{
   vertical-align: top;
}
#Image1
{
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#Extension1
{ 
   color: #FFFFFF;
   font-family: Arial; 
   font-size: 15px; 
   padding: 0;
   width: 100%; 
}
#Extension1 audio
{ 
   margin: 0; 
   width: 100%; 
}
#Extension1-player
{ 
   background-color: #231F20; 
   margin: 0 auto; 
}
#Extension1-navigation 
{ 
   position: relative; 
   text-align: center; 
   padding: 0;
   margin: 0;
}
#Extension1-caption
{ 
   display: inline; 
}
#Extension1-title 
{ 
   float: right;
   margin: 0; 
   padding: 10px 20px; 
   text-align: right; 
}
#Extension1-info 
{ 
   float: left; 
   padding: 10px 20px; 
   position: absolute; 
}
#Extension1-playlist 
{ 
   margin: 0 auto; 
}
#Extension1-playlist ul
{ 
   list-style: none;
   margin: 0; 
   padding: 0;
}
#Extension1-playlist ul li 
{ 
   background-color: #231F20; 
   cursor: pointer; 
   display: block; 
   margin: 0; 
   padding: 10px 0; 
}
#Extension1-playlist ul li:hover 
{ 
   background-color: #A9A9A9; 
   color: #222222;
}
#Extension1 .item 
{ 
   padding-left: 20px;
   position: relative; 
}
#Extension1 .length 
{ 
   padding-right: 20px; 
   position: absolute; 
   right: 0; 
   top: 0; 
}
#Extension1 .selected, #Extension1 .selected:hover 
{ 
   background-color: #A9A9A9 !important;
   color: #222222 !important;
   cursor: default !important; 
}
#Extension1-prev, #Extension1-next
{ 
   background-color: #231F20; 
   color: #FFFFFF; 
   cursor: pointer; 
   display: inline-block; 
   font-size: 32px; 
   margin: 0; 
   padding: 10px 16px; 
   text-decoration: none; 
}
#Extension1-prev:hover, #Extension1-prev:active, #Extension1-next:hover, #Extension1-next:active 
{ 
   background-color: #A9A9A9; 
   color: #222222;
}

#InlineFrame1
{
   box-sizing: border-box;
   border: 0px solid #DEE2E6;
   border-radius: 0px;
   margin: 0;
}
#wb_Marquee1 
{
   background-image: linear-gradient(to top, #F5F6F6 0%, #DBDCE2 21%, #B8BAC6 49%, #DDDFE3 80%, #F5F6F6 100%);
   border: 1px solid #889BB2;
   border-radius: 5px;
   overflow-y: hidden;
   padding: 0;
   margin: 0;
   text-align: center;
}
#wb_Marquee1 div
{
   text-align: center;
}
#wb_Marquee1
{
   overflow: hidden;
   position: relative;
}
#Marquee1-3d
{
   width: 100%;
   height: 100%;
   margin: 0;
   padding: 0;
   position: absolute;
   transform-origin: 50% 100%;
   transform: perspective(227px) rotateX(25deg);
}
#wb_Marquee1:after
{
   content: " ";
   position: absolute;
   top: 0;
   right: 0;
   bottom: 60%;
   left: 0;
   pointer-events: none;
   background-image: linear-gradient(to top, rgba(0,0,0,0.00) 0%, rgba(0,0,0,1.00) 75%, rgba(0,0,0,1.00) 100%);
}
#Marquee1
{
   position: absolute;
   width: 100%;
   height: auto;
   margin: 0;
   padding: 0;
   animation: Marquee1-marquee 5000ms cubic-bezier(0.39, 0.575, 0.565, 1) infinite;
}
@keyframes Marquee1-marquee
{
   0%
   {
   transform: translateY(100%);
   opacity: 1.0
   }
   90%
   {
      opacity: 1.0
   }
   100%
   {
   transform: translateY(-200%);
   opacity: 0.0
   }
}
#wb_Image2
{
   vertical-align: top;
}
#Image2
{
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#wb_Image4
{
   vertical-align: top;
}
#Image4
{
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#wb_Image3
{
   vertical-align: top;
}
#Image3
{
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#wb_Text1 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: left;
}
#wb_Text1 div
{
   text-align: left;
}
#Shape4
{
   border-width: 0;
   vertical-align: top;
}
#wb_Image5
{
   vertical-align: top;
}
#Image5
{
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#wb_Image6
{
   vertical-align: top;
}
#Image6
{
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#wb_Text2 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: center;
}
#wb_Text2 div
{
   text-align: center;
}
#wb_Image7
{
   vertical-align: top;
}
#Image7
{
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#wb_Image8
{
   vertical-align: top;
}
#Image8
{
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#Shape1
{
   border-width: 0;
   vertical-align: top;
}