div#container
{
   width: 768px;
   position: relative;
   margin: 0 auto 0 auto;
   text-align: left;
}
body
{
   background-color: #151515;
   color: #000000;
   font-family: Arial;
   font-weight: normal;
   font-size: 16px;
   line-height: 1.1875;
   margin: 0;
   text-align: center;
}
#wb_Icon3
{
   background-color: #D9C19B;
   background-image: none;
   border: 0px solid #245580;
   border-radius: 0px;
   text-align: center;
   animation: transform-bounce-in-left 3000ms linear 0ms 1 normal both;
   box-shadow: 4px 0px 5px #000000 inset;
   margin: 0;
   padding: 0;
   vertical-align: top;
}
#wb_Icon3 a::after
{
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   z-index: 1;
   pointer-events: auto;
   content: "";
}
#wb_Icon3:hover
{
   background-color: #BFBFBF;
   background-image: none;
   border: 0px solid #245580;
}
#Icon3
{
   height: 38px;
   width: 53px;
}
#Icon3 i
{
   color: #000000;
   display: inline-block;
   font-size: 38px;
   line-height: 38px;
   vertical-align: middle;
   width: 37px;
}
#wb_Icon3:hover #Icon3 i
{
   color: #FFFFFF;
}
#wb_Icon2
{
   background-color: #D9C19B;
   background-image: none;
   border: 0px solid #245580;
   border-radius: 0px;
   text-align: center;
   animation: transform-bounce-in-left 2750ms linear 0ms 1 normal both;
   box-shadow: 4px 0px 5px #000000 inset;
   margin: 0;
   padding: 0;
   vertical-align: top;
}
#wb_Icon2 a::after
{
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   z-index: 1;
   pointer-events: auto;
   content: "";
}
#wb_Icon2:hover
{
   background-color: #BFBFBF;
   background-image: none;
   border: 0px solid #245580;
}
#Icon2
{
   height: 38px;
   width: 53px;
}
#Icon2 i
{
   color: #000000;
   display: inline-block;
   font-size: 38px;
   line-height: 38px;
   vertical-align: middle;
   width: 37px;
}
#wb_Icon2:hover #Icon2 i
{
   color: #FFFFFF;
}
#wb_Icon1
{
   background-color: #D9C19B;
   background-image: none;
   border: 0px solid #245580;
   border-radius: 0px;
   text-align: center;
   animation: transform-bounce-in-left 2500ms linear 0ms 1 normal both;
   box-shadow: 4px 0px 5px #000000 inset;
   margin: 0;
   padding: 0;
   vertical-align: top;
}
#wb_Icon1:hover
{
   background-color: #BFBFBF;
   background-image: none;
   border: 0px solid #245580;
}
#Icon1
{
   height: 38px;
   width: 53px;
}
#Icon1 i
{
   color: #000000;
   display: inline-block;
   font-size: 38px;
   line-height: 38px;
   vertical-align: middle;
   width: 41px;
}
#wb_Icon1:hover #Icon1 i
{
   color: #FFFFFF;
}
#wb_Shape5
{
   filter: drop-shadow(-3px 0px 9px rgba(0,0,0,0.20));
}
#Shape5
{
   top: 0px;
   width: 127px;
   height: 47px;
   background-image: linear-gradient(to top, #AC955F 0%, #D2B48C 100%);
   border: 0px #D2D2D2 solid;
   -webkit-clip-path: url(#Shape5-clippath);
   clip-path: url(#Shape5-clippath);
}
#Shape5:hover
{
   background-image: linear-gradient(to top, #7F7F7F 0%, #BFBFBF 100%);
   border: 0px #0963AD solid;
}
#Shape5_text
{
   position: absolute;
   pointer-events: none;
   display: flex;
   align-items: flex-start;
   justify-content: center;
   flex-direction: column;
    left: 10.24%;
   top: 14.89%;
   width: 88.98%;
   height: 68.09%;
   box-sizing: border-box;
   overflow: hidden;
   text-align: left;
   word-wrap: break-word;
}
#Shape5
{
   filter: drop-shadow(-3px 0px 6px rgba(0,0,0,0.20));
}
#wb_Shape5
{
   margin: 0;
   animation: animate-fade-in-right 1750ms linear 3ms 1 normal both;
   vertical-align: top;
}
#wb_Shape3
{
   filter: drop-shadow(-3px 0px 9px rgba(0,0,0,0.20));
}
#Shape3
{
   top: 0px;
   width: 127px;
   height: 47px;
   background-image: linear-gradient(to top, #AC955F 0%, #D2B48C 100%);
   border: 0px #D2D2D2 solid;
   -webkit-clip-path: url(#Shape3-clippath);
   clip-path: url(#Shape3-clippath);
}
#Shape3:hover
{
   background-image: linear-gradient(to top, #7F7F7F 0%, #BFBFBF 100%);
   border: 0px #0963AD solid;
}
#Shape3_text
{
   position: absolute;
   pointer-events: none;
   display: flex;
   align-items: flex-start;
   justify-content: center;
   flex-direction: column;
    left: 10.24%;
   top: 14.89%;
   width: 88.98%;
   height: 68.09%;
   box-sizing: border-box;
   overflow: hidden;
   text-align: left;
   word-wrap: break-word;
}
#Shape3
{
   filter: drop-shadow(-3px 0px 6px rgba(0,0,0,0.20));
}
#wb_Shape3
{
   margin: 0;
   animation: animate-fade-in-right 1500ms linear 2ms 1 normal both;
   vertical-align: top;
}
#wb_Shape2
{
   filter: drop-shadow(-3px 0px 9px rgba(0,0,0,0.20));
}
#Shape2
{
   top: 0px;
   width: 127px;
   height: 47px;
   background-image: linear-gradient(to top, #AC955F 0%, #D2B48C 100%);
   border: 0px #D2D2D2 solid;
   -webkit-clip-path: url(#Shape2-clippath);
   clip-path: url(#Shape2-clippath);
}
#Shape2:hover
{
   background-image: linear-gradient(to top, #7F7F7F 0%, #BFBFBF 100%);
   border: 0px #0963AD solid;
}
#Shape2_text
{
   position: absolute;
   pointer-events: none;
   display: flex;
   align-items: flex-start;
   justify-content: center;
   flex-direction: column;
    left: 10.24%;
   top: 14.89%;
   width: 88.98%;
   height: 68.09%;
   box-sizing: border-box;
   overflow: hidden;
   text-align: left;
   word-wrap: break-word;
}
#Shape2
{
   filter: drop-shadow(-3px 0px 6px rgba(0,0,0,0.20));
}
#wb_Shape2
{
   margin: 0;
   animation: animate-fade-in-right 1250ms linear 1ms 1 normal both;
   vertical-align: top;
}
#wb_Shape1
{
   filter: drop-shadow(-3px 0px 9px rgba(0,0,0,0.20));
}
#Shape1
{
   top: 0px;
   width: 127px;
   height: 47px;
   background-image: linear-gradient(to top, #AC955F 0%, #D2B48C 100%);
   border: 0px #D2D2D2 solid;
   -webkit-clip-path: url(#Shape1-clippath);
   clip-path: url(#Shape1-clippath);
}
#Shape1:hover
{
   background-image: linear-gradient(to top, #7F7F7F 0%, #BFBFBF 100%);
   border: 0px #0963AD solid;
}
#Shape1_text
{
   position: absolute;
   pointer-events: none;
   display: flex;
   align-items: flex-start;
   justify-content: center;
   flex-direction: column;
    left: 10.24%;
   top: 14.89%;
   width: 88.98%;
   height: 68.09%;
   box-sizing: border-box;
   overflow: hidden;
   text-align: left;
   word-wrap: break-word;
}
#Shape1
{
   filter: drop-shadow(-3px 0px 6px rgba(0,0,0,0.20));
}
#wb_Shape1
{
   margin: 0;
   animation: animate-fade-in-right 1000ms linear 0ms 1 normal both;
   vertical-align: top;
}
#Layer1
{
   background-color: transparent;
   background-image: url('images/blackgold middleasset top.png');
   background-repeat: no-repeat;
   background-position: center top;
   background-size: contain;
   border-radius: 0px;
   box-sizing: border-box;
}
#Layer7
{
   background-color: transparent;
   background-image: url('images/blackgold middleasset mdl.png');
   background-repeat: no-repeat;
   background-position: center top;
   background-size: cover;
   border-radius: 0px;
}
#Layer18
{
   background-color: transparent;
   background-image: url('images/blackgold middleasset mdl.png');
   background-repeat: no-repeat;
   background-position: center top;
   background-size: cover;
   border-radius: 0px;
}
#Layer8
{
   background-color: transparent;
   background-image: url('images/blackgold middleasset btm.png');
   background-repeat: no-repeat;
   background-position: center top;
   background-size: contain;
   border-radius: 0px;
   box-sizing: border-box;
}
#wb_Image1
{
   vertical-align: top;
}
#Image1
{
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   animation: swash-in 1000ms linear 0ms 1 normal both;
   box-shadow: 3px 1px 8px #000000;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#Banner1
{
   background-color: transparent;
   background-image: url('images/234x60.png');
   background-repeat: no-repeat;
   background-position: left top;
   border: 0px solid #D2D2D2;
   border-radius: 0px;
   color: #212529;
   font-family: Arial;
   font-weight: bold;
   font-style: normal;
   font-size: 27px;
   text-decoration: none;
   text-align: center;
   margin: 0;
}
#Banner1 span
{
   display: block;
   height: 27px;
   margin: 14px 0 14px 0 ;
}
#Banner1
{
   box-shadow: 3px 1px 8px #000000;
   margin: 0;
   animation: swash-in 1000ms linear 0ms 1 normal both;
}
#wb_Image2
{
   vertical-align: top;
}
#Image2
{
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   animation: swash-in 1000ms linear 0ms 1 normal both;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#wb_Icon4
{
   background-color: transparent;
   background-image: none;
   border-radius: 1px;
   text-align: center;
   margin: 0;
   padding: 0;
   vertical-align: top;
   transition: all 1ms ease;
}
#Icon4
{
   -webkit-text-stroke: 2px #000000;
   text-stroke: 2px #000000;
}
#Icon4
{
   height: 51px;
   width: 54px;
}
#Icon4 i
{
   color: #F2DA31;
   display: inline-block;
   font-size: 51px;
   line-height: 51px;
   vertical-align: middle;
   width: 54px;
   transition: all 1ms ease;
}
#wb_Icon4:hover #Icon4 i
{
   color: #F1E27C;
}
#wb_Icon5
{
   background-color: transparent;
   background-image: none;
   border-radius: 1px;
   text-align: center;
   margin: 0;
   padding: 0;
   vertical-align: top;
   transition: all 1ms ease;
}
#Icon5
{
   -webkit-text-stroke: 2px #000000;
   text-stroke: 2px #000000;
}
#Icon5
{
   height: 51px;
   width: 54px;
}
#Icon5 i
{
   color: #F2DA31;
   display: inline-block;
   font-size: 51px;
   line-height: 51px;
   vertical-align: middle;
   width: 54px;
   transition: all 1ms ease;
}
#wb_Icon5:hover #Icon5 i
{
   color: #F1E27C;
}
#Shape6
{
   border-width: 0;
   vertical-align: top;
}
#MediaPlayer1
{
   box-sizing: border-box;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   border: 0px solid #DEE2E6;
   border-radius: 0px;
}
.darktheme body
{
   background-color: #EAEAEA;
}
.darktheme #wb_Icon3,
.darktheme #wb_Icon2,
.darktheme #wb_Icon1,
.darktheme #Layer1,
.darktheme #Layer7,
.darktheme #Layer18,
.darktheme #Layer8,
.darktheme #Banner1
{
   filter: invert(100%);
}