html, body, #container
{
   width: 100%;
   height: 100%;
}
body
{
   color: #000000;
   font-family: Arial;
   font-weight: normal;
   font-size: 13px;
   line-height: 1.1875;
   margin: 0;
   padding: 0;
   overflow-x: auto;
   overflow-y: auto;
}
body:after
{
   background-color: #696969;
   background-image: url('images/WENB.JPG');
   background-position: center top;
   background-repeat: no-repeat;
   background-size: cover;
   content: "";
   height: 100vh;
   left: 0;
   position: fixed;
   right: 0;
   top: 0;
   z-index: -1;
}
#Html1
{
   position: absolute;
   left: 1360px;
   top: 800px;
   width: 500px;
   height: 140px;
   z-index: 10;
}
#wb_Extension11
{
   position: absolute;
   left: 140px;
   top: 680px;
   width: 280px;
   height: 70px;
   z-index: 11;
}
#wb_Extension10
{
   position: absolute;
   left: 140px;
   top: 180px;
   width: 280px;
   height: 70px;
   z-index: 9;
}
#wb_Extension2
{
   position: absolute;
   left: 140px;
   top: 380px;
   width: 280px;
   height: 70px;
   z-index: 1;
}
#wb_Extension3
{
   position: absolute;
   left: 140px;
   top: 280px;
   width: 280px;
   height: 70px;
   z-index: 2;
}
#wb_Extension4
{
   position: absolute;
   left: 140px;
   top: 80px;
   width: 280px;
   height: 70px;
   z-index: 8;
}
#wb_Extension5
{
   position: absolute;
   left: 140px;
   top: 580px;
   width: 280px;
   height: 70px;
   z-index: 3;
}
#wb_Extension6
{
   position: absolute;
   left: 140px;
   top: 780px;
   width: 280px;
   height: 70px;
   z-index: 4;
}
#wb_JavaScript2
{
   position: absolute;
   left: 720px;
   top: 840px;
   width: 655px;
   height: 40px;
   z-index: 13;
}
#copyrightnotice
{
   color: #D3D3D3;
   font-size: 21px;
   font-family: "Arial Black";
   font-weight: bold;
   font-style: italic;
   text-align: left;
   text-decoration: none;
}
#wb_Extension9
{
   position: absolute;
   left: 140px;
   top: 480px;
   width: 280px;
   height: 70px;
   z-index: 7;
}
#Html2
{
   position: absolute;
   left: 900px;
   top: 240px;
   width: 340px;
   height: 93px;
   z-index: 6;
}
@media only screen and (min-width: 320px) and (max-width: 1899px) and (orientation: portrait)
{
body
{
   background-color: #808080;
   background-image: url('images/WENB.JPG');
   background-attachment: scroll;
   background-position: center top;
   background-repeat: no-repeat;
   background-size: cover;
}
#Extension1
{
   left: 722px;
   top: 185px;
   width: 1320px;
   height: 319px;
   visibility: visible;
   display: inline;
}
#wb_Extension2
{
   left: 60px;
   top: 819px;
   width: 280px;
   height: 70px;
   visibility: visible;
   display: inline;
}
#wb_Extension3
{
   left: 60px;
   top: 740px;
   width: 280px;
   height: 70px;
   visibility: visible;
   display: inline;
}
#wb_Extension5
{
   left: 60px;
   top: 503px;
   width: 280px;
   height: 70px;
   visibility: visible;
   display: inline;
}
#wb_Extension6
{
   left: 60px;
   top: 583px;
   width: 280px;
   height: 70px;
   visibility: visible;
   display: inline;
}
#Extension7
{
   left: 654px;
   top: 438px;
   width: 1370px;
   height: 786px;
   visibility: visible;
   display: inline;
}
#Html2
{
   left: 60px;
   top: 210px;
   width: 280px;
   height: 93px;
   visibility: visible;
   display: inline;
}
#wb_Extension9
{
   left: 60px;
   top: 902px;
   width: 280px;
   height: 70px;
   visibility: visible;
   display: inline;
}
#wb_Extension4
{
   left: 60px;
   top: 503px;
   width: 280px;
   height: 70px;
   visibility: visible;
   display: inline;
}
#wb_Extension10
{
   left: 60px;
   top: 503px;
   width: 280px;
   height: 70px;
   visibility: visible;
   display: inline;
}
#Html1
{
   left: 220px;
   top: 960px;
   width: 140px;
   height: 60px;
   visibility: visible;
   display: inline;
}
#wb_Extension11
{
   left: 60px;
   top: 503px;
   width: 280px;
   height: 70px;
   visibility: visible;
   display: inline;
}
}
@media only screen and (max-width: 319px)
{
}
.Extension2
{
   -moz-border-radius: 12px;
   -webkit-border-radius: 12px;
   -o-border-radius: 12px;
   -ms-border-radius: 12px;
   border-radius: 12px;
   color: #FFFFFF;
   cursor: pointer;
   font-family: Arial;
   font-size: 27px;
   font-weight: bold;
   font-style: normal;
   height: 70px;
   outline: 0;
   position: absolute;
   text-decoration: none;
   -webkit-transition: all 0.1s ease-in-out;
   -moz-transition: all 0.1s ease-in-out;
   -o-transition: all 0.1s ease-in-out;
   -ms-transition: all 0.1s ease-in-out;
   transition: all 0.1s ease-in-out;
   width: 280px;
}
.Extension2_glass
{
   background: -moz-linear-gradient(top, rgba(101,101,101,0.3) 0%, rgba(181,181,181,0.3) 2%, rgba(181,181,181,0.3) 5%, rgba(0,0,0,0.3) 10%, rgba(0,0,0,0.3) 47%, rgba(181,181,181,0.3) 88%, rgba(81,81,81,0.3) 92%, rgba(0,0,0,0.3) 97%, rgba(0,0,0,0.3) 100%);
   background: -webkit-linear-gradient(top, rgba(101,101,101,0.3) 0%, rgba(181,181,181,0.3) 2%, rgba(181,181,181,0.3) 5%, rgba(0,0,0,0.3) 10%, rgba(0,0,0,0.3) 47%, rgba(181,181,181,0.3) 88%, rgba(81,81,81,0.3) 92%, rgba(0,0,0,0.3) 97%, rgba(0,0,0,0.3) 100%);
   background: -o-linear-gradient(top, rgba(101,101,101,0.3) 0%, rgba(181,181,181,0.3) 2%, rgba(181,181,181,0.3) 5%, rgba(0,0,0,0.3) 10%, rgba(0,0,0,0.3) 47%, rgba(181,181,181,0.3) 88%, rgba(81,81,81,0.3) 92%, rgba(0,0,0,0.3) 97%, rgba(0,0,0,0.3) 100%);
   background: -ms-linear-gradient(top, rgba(101,101,101,0.3) 0%, rgba(181,181,181,0.3) 2%, rgba(181,181,181,0.3) 5%, rgba(0,0,0,0.3) 10%, rgba(0,0,0,0.3) 47%, rgba(181,181,181,0.3) 88%, rgba(81,81,81,0.3) 92%, rgba(0,0,0,0.3) 97%, rgba(0,0,0,0.3) 100%);
   background: linear-gradient(to bottom, rgba(101,101,101,0.3) 0%, rgba(181,181,181,0.3) 2%, rgba(181,181,181,0.3) 5%, rgba(0,0,0,0.3) 10%, rgba(0,0,0,0.3) 47%, rgba(181,181,181,0.3) 88%, rgba(81,81,81,0.3) 92%, rgba(0,0,0,0.3) 97%, rgba(0,0,0,0.3) 100%);
   border-color: rgba(0, 0, 0, 0.6);
   border-style: solid;
   border-width: 1px;
   box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.4) inset, 0 2px 6px rgba(0, 0, 0, 0.5), 0 10px rgba(0, 0, 0, 0.05) inset;
}
.Extension2_background
{
   background-color: rgba(120,200,255,0.25);
}
.Extension2:hover.Extension2_background
{
   border-color: rgba(120,200,255,0.40);
   box-shadow: 0 1px 0 0 rgba(120,200,255,0.44) inset, 0 2px 6px rgba(0, 0, 0, 0.5), 0 10px rgba(0, 0, 0, 0.05) inset, 0 0 5px 2px rgba(120,200,255,0.79), 0 0 10px 2px rgba(120,200,255,0.79) inset;
   color: rgba(0,0,0,1.00);
}
.Extension2:active.Extension2_background
{
   background: -moz-radial-gradient(center, ellipse cover, rgba(120,200,255,1.00) 0%, rgba(120,200,255,0.00) 100%);
   background: -webkit-radial-gradient(center, ellipse cover, rgba(120,200,255,1.00) 0%, rgba(120,200,255,0.00) 100%);
   background: -o-radial-gradient(center, ellipse cover, rgba(120,200,255,1.00) 0%, rgba(120,200,255,0.00) 100%);
   background: -ms-radial-gradient(center, ellipse cover, rgba(120,200,255,1.00) 0%, rgba(120,200,255,0.00) 100%);
   background: radial-gradient(ellipse at center, rgba(120,200,255,1.00) 0%, rgba(120,200,255,0.00) 100%);
   border-color: rgba(120,200,255,0.61) !important;
   border-style: solid;
   border-width: 1px;
   box-shadow: 0 1px 0 0 rgba(120,200,255,0.44) inset, 0 10px 0 0 rgba(120,200,255,0.51) inset, 0 0 5px 2px rgba(120,200,255,0.79), 0 0 10px 2px rgba(120,200,255,0.79) inset !important;
   color: rgba(0,0,0,1.00);
}
.Extension3
{
   -moz-border-radius: 12px;
   -webkit-border-radius: 12px;
   -o-border-radius: 12px;
   -ms-border-radius: 12px;
   border-radius: 12px;
   color: #FFFFFF;
   cursor: pointer;
   font-family: Arial;
   font-size: 27px;
   font-weight: bold;
   font-style: normal;
   height: 70px;
   outline: 0;
   position: absolute;
   text-decoration: none;
   -webkit-transition: all 0.1s ease-in-out;
   -moz-transition: all 0.1s ease-in-out;
   -o-transition: all 0.1s ease-in-out;
   -ms-transition: all 0.1s ease-in-out;
   transition: all 0.1s ease-in-out;
   width: 280px;
}
.Extension3_glass
{
   background: -moz-linear-gradient(top, rgba(101,101,101,0.3) 0%, rgba(181,181,181,0.3) 2%, rgba(181,181,181,0.3) 5%, rgba(0,0,0,0.3) 10%, rgba(0,0,0,0.3) 47%, rgba(181,181,181,0.3) 88%, rgba(81,81,81,0.3) 92%, rgba(0,0,0,0.3) 97%, rgba(0,0,0,0.3) 100%);
   background: -webkit-linear-gradient(top, rgba(101,101,101,0.3) 0%, rgba(181,181,181,0.3) 2%, rgba(181,181,181,0.3) 5%, rgba(0,0,0,0.3) 10%, rgba(0,0,0,0.3) 47%, rgba(181,181,181,0.3) 88%, rgba(81,81,81,0.3) 92%, rgba(0,0,0,0.3) 97%, rgba(0,0,0,0.3) 100%);
   background: -o-linear-gradient(top, rgba(101,101,101,0.3) 0%, rgba(181,181,181,0.3) 2%, rgba(181,181,181,0.3) 5%, rgba(0,0,0,0.3) 10%, rgba(0,0,0,0.3) 47%, rgba(181,181,181,0.3) 88%, rgba(81,81,81,0.3) 92%, rgba(0,0,0,0.3) 97%, rgba(0,0,0,0.3) 100%);
   background: -ms-linear-gradient(top, rgba(101,101,101,0.3) 0%, rgba(181,181,181,0.3) 2%, rgba(181,181,181,0.3) 5%, rgba(0,0,0,0.3) 10%, rgba(0,0,0,0.3) 47%, rgba(181,181,181,0.3) 88%, rgba(81,81,81,0.3) 92%, rgba(0,0,0,0.3) 97%, rgba(0,0,0,0.3) 100%);
   background: linear-gradient(to bottom, rgba(101,101,101,0.3) 0%, rgba(181,181,181,0.3) 2%, rgba(181,181,181,0.3) 5%, rgba(0,0,0,0.3) 10%, rgba(0,0,0,0.3) 47%, rgba(181,181,181,0.3) 88%, rgba(81,81,81,0.3) 92%, rgba(0,0,0,0.3) 97%, rgba(0,0,0,0.3) 100%);
   border-color: rgba(0, 0, 0, 0.6);
   border-style: solid;
   border-width: 1px;
   box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.4) inset, 0 2px 6px rgba(0, 0, 0, 0.5), 0 10px rgba(0, 0, 0, 0.05) inset;
}
.Extension3_background
{
   background-color: rgba(120,200,255,0.25);
}
.Extension3:hover.Extension3_background
{
   border-color: rgba(120,200,255,0.40);
   box-shadow: 0 1px 0 0 rgba(120,200,255,0.44) inset, 0 2px 6px rgba(0, 0, 0, 0.5), 0 10px rgba(0, 0, 0, 0.05) inset, 0 0 5px 2px rgba(120,200,255,0.79), 0 0 10px 2px rgba(120,200,255,0.79) inset;
   color: rgba(0,0,0,1.00);
}
.Extension3:active.Extension3_background
{
   background: -moz-radial-gradient(center, ellipse cover, rgba(120,200,255,1.00) 0%, rgba(120,200,255,0.00) 100%);
   background: -webkit-radial-gradient(center, ellipse cover, rgba(120,200,255,1.00) 0%, rgba(120,200,255,0.00) 100%);
   background: -o-radial-gradient(center, ellipse cover, rgba(120,200,255,1.00) 0%, rgba(120,200,255,0.00) 100%);
   background: -ms-radial-gradient(center, ellipse cover, rgba(120,200,255,1.00) 0%, rgba(120,200,255,0.00) 100%);
   background: radial-gradient(ellipse at center, rgba(120,200,255,1.00) 0%, rgba(120,200,255,0.00) 100%);
   border-color: rgba(120,200,255,0.61) !important;
   border-style: solid;
   border-width: 1px;
   box-shadow: 0 1px 0 0 rgba(120,200,255,0.44) inset, 0 10px 0 0 rgba(120,200,255,0.51) inset, 0 0 5px 2px rgba(120,200,255,0.79), 0 0 10px 2px rgba(120,200,255,0.79) inset !important;
   color: rgba(0,0,0,1.00);
}
.Extension5
{
   -moz-border-radius: 12px;
   -webkit-border-radius: 12px;
   -o-border-radius: 12px;
   -ms-border-radius: 12px;
   border-radius: 12px;
   color: #FFFFFF;
   cursor: pointer;
   font-family: Arial;
   font-size: 27px;
   font-weight: bold;
   font-style: normal;
   height: 70px;
   outline: 0;
   position: absolute;
   text-decoration: none;
   -webkit-transition: all 0.1s ease-in-out;
   -moz-transition: all 0.1s ease-in-out;
   -o-transition: all 0.1s ease-in-out;
   -ms-transition: all 0.1s ease-in-out;
   transition: all 0.1s ease-in-out;
   width: 280px;
}
.Extension5_glass
{
   background: -moz-linear-gradient(top, rgba(101,101,101,0.3) 0%, rgba(181,181,181,0.3) 2%, rgba(181,181,181,0.3) 5%, rgba(0,0,0,0.3) 10%, rgba(0,0,0,0.3) 47%, rgba(181,181,181,0.3) 88%, rgba(81,81,81,0.3) 92%, rgba(0,0,0,0.3) 97%, rgba(0,0,0,0.3) 100%);
   background: -webkit-linear-gradient(top, rgba(101,101,101,0.3) 0%, rgba(181,181,181,0.3) 2%, rgba(181,181,181,0.3) 5%, rgba(0,0,0,0.3) 10%, rgba(0,0,0,0.3) 47%, rgba(181,181,181,0.3) 88%, rgba(81,81,81,0.3) 92%, rgba(0,0,0,0.3) 97%, rgba(0,0,0,0.3) 100%);
   background: -o-linear-gradient(top, rgba(101,101,101,0.3) 0%, rgba(181,181,181,0.3) 2%, rgba(181,181,181,0.3) 5%, rgba(0,0,0,0.3) 10%, rgba(0,0,0,0.3) 47%, rgba(181,181,181,0.3) 88%, rgba(81,81,81,0.3) 92%, rgba(0,0,0,0.3) 97%, rgba(0,0,0,0.3) 100%);
   background: -ms-linear-gradient(top, rgba(101,101,101,0.3) 0%, rgba(181,181,181,0.3) 2%, rgba(181,181,181,0.3) 5%, rgba(0,0,0,0.3) 10%, rgba(0,0,0,0.3) 47%, rgba(181,181,181,0.3) 88%, rgba(81,81,81,0.3) 92%, rgba(0,0,0,0.3) 97%, rgba(0,0,0,0.3) 100%);
   background: linear-gradient(to bottom, rgba(101,101,101,0.3) 0%, rgba(181,181,181,0.3) 2%, rgba(181,181,181,0.3) 5%, rgba(0,0,0,0.3) 10%, rgba(0,0,0,0.3) 47%, rgba(181,181,181,0.3) 88%, rgba(81,81,81,0.3) 92%, rgba(0,0,0,0.3) 97%, rgba(0,0,0,0.3) 100%);
   border-color: rgba(0, 0, 0, 0.6);
   border-style: solid;
   border-width: 1px;
   box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.4) inset, 0 2px 6px rgba(0, 0, 0, 0.5), 0 10px rgba(0, 0, 0, 0.05) inset;
}
.Extension5_background
{
   background-color: rgba(120,200,255,0.25);
}
.Extension5:hover.Extension5_background
{
   border-color: rgba(120,200,255,0.40);
   box-shadow: 0 1px 0 0 rgba(120,200,255,0.44) inset, 0 2px 6px rgba(0, 0, 0, 0.5), 0 10px rgba(0, 0, 0, 0.05) inset, 0 0 5px 2px rgba(120,200,255,0.79), 0 0 10px 2px rgba(120,200,255,0.79) inset;
   color: rgba(0,0,0,1.00);
}
.Extension5:active.Extension5_background
{
   background: -moz-radial-gradient(center, ellipse cover, rgba(120,200,255,1.00) 0%, rgba(120,200,255,0.00) 100%);
   background: -webkit-radial-gradient(center, ellipse cover, rgba(120,200,255,1.00) 0%, rgba(120,200,255,0.00) 100%);
   background: -o-radial-gradient(center, ellipse cover, rgba(120,200,255,1.00) 0%, rgba(120,200,255,0.00) 100%);
   background: -ms-radial-gradient(center, ellipse cover, rgba(120,200,255,1.00) 0%, rgba(120,200,255,0.00) 100%);
   background: radial-gradient(ellipse at center, rgba(120,200,255,1.00) 0%, rgba(120,200,255,0.00) 100%);
   border-color: rgba(120,200,255,0.61) !important;
   border-style: solid;
   border-width: 1px;
   box-shadow: 0 1px 0 0 rgba(120,200,255,0.44) inset, 0 10px 0 0 rgba(120,200,255,0.51) inset, 0 0 5px 2px rgba(120,200,255,0.79), 0 0 10px 2px rgba(120,200,255,0.79) inset !important;
   color: rgba(0,0,0,1.00);
}
.Extension6
{
   -moz-border-radius: 12px;
   -webkit-border-radius: 12px;
   -o-border-radius: 12px;
   -ms-border-radius: 12px;
   border-radius: 12px;
   color: #FFFFFF;
   cursor: pointer;
   font-family: Arial;
   font-size: 27px;
   font-weight: bold;
   font-style: normal;
   height: 70px;
   outline: 0;
   position: absolute;
   text-decoration: none;
   -webkit-transition: all 0.1s ease-in-out;
   -moz-transition: all 0.1s ease-in-out;
   -o-transition: all 0.1s ease-in-out;
   -ms-transition: all 0.1s ease-in-out;
   transition: all 0.1s ease-in-out;
   width: 280px;
}
.Extension6_glass
{
   background: -moz-linear-gradient(top, rgba(101,101,101,0.3) 0%, rgba(181,181,181,0.3) 2%, rgba(181,181,181,0.3) 5%, rgba(0,0,0,0.3) 10%, rgba(0,0,0,0.3) 47%, rgba(181,181,181,0.3) 88%, rgba(81,81,81,0.3) 92%, rgba(0,0,0,0.3) 97%, rgba(0,0,0,0.3) 100%);
   background: -webkit-linear-gradient(top, rgba(101,101,101,0.3) 0%, rgba(181,181,181,0.3) 2%, rgba(181,181,181,0.3) 5%, rgba(0,0,0,0.3) 10%, rgba(0,0,0,0.3) 47%, rgba(181,181,181,0.3) 88%, rgba(81,81,81,0.3) 92%, rgba(0,0,0,0.3) 97%, rgba(0,0,0,0.3) 100%);
   background: -o-linear-gradient(top, rgba(101,101,101,0.3) 0%, rgba(181,181,181,0.3) 2%, rgba(181,181,181,0.3) 5%, rgba(0,0,0,0.3) 10%, rgba(0,0,0,0.3) 47%, rgba(181,181,181,0.3) 88%, rgba(81,81,81,0.3) 92%, rgba(0,0,0,0.3) 97%, rgba(0,0,0,0.3) 100%);
   background: -ms-linear-gradient(top, rgba(101,101,101,0.3) 0%, rgba(181,181,181,0.3) 2%, rgba(181,181,181,0.3) 5%, rgba(0,0,0,0.3) 10%, rgba(0,0,0,0.3) 47%, rgba(181,181,181,0.3) 88%, rgba(81,81,81,0.3) 92%, rgba(0,0,0,0.3) 97%, rgba(0,0,0,0.3) 100%);
   background: linear-gradient(to bottom, rgba(101,101,101,0.3) 0%, rgba(181,181,181,0.3) 2%, rgba(181,181,181,0.3) 5%, rgba(0,0,0,0.3) 10%, rgba(0,0,0,0.3) 47%, rgba(181,181,181,0.3) 88%, rgba(81,81,81,0.3) 92%, rgba(0,0,0,0.3) 97%, rgba(0,0,0,0.3) 100%);
   border-color: rgba(0, 0, 0, 0.6);
   border-style: solid;
   border-width: 1px;
   box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.4) inset, 0 2px 6px rgba(0, 0, 0, 0.5), 0 10px rgba(0, 0, 0, 0.05) inset;
}
.Extension6_background
{
   background-color: rgba(120,200,255,0.25);
}
.Extension6:hover.Extension6_background
{
   border-color: rgba(120,200,255,0.40);
   box-shadow: 0 1px 0 0 rgba(120,200,255,0.44) inset, 0 2px 6px rgba(0, 0, 0, 0.5), 0 10px rgba(0, 0, 0, 0.05) inset, 0 0 5px 2px rgba(120,200,255,0.79), 0 0 10px 2px rgba(120,200,255,0.79) inset;
   color: rgba(0,0,0,1.00);
}
.Extension6:active.Extension6_background
{
   background: -moz-radial-gradient(center, ellipse cover, rgba(120,200,255,1.00) 0%, rgba(120,200,255,0.00) 100%);
   background: -webkit-radial-gradient(center, ellipse cover, rgba(120,200,255,1.00) 0%, rgba(120,200,255,0.00) 100%);
   background: -o-radial-gradient(center, ellipse cover, rgba(120,200,255,1.00) 0%, rgba(120,200,255,0.00) 100%);
   background: -ms-radial-gradient(center, ellipse cover, rgba(120,200,255,1.00) 0%, rgba(120,200,255,0.00) 100%);
   background: radial-gradient(ellipse at center, rgba(120,200,255,1.00) 0%, rgba(120,200,255,0.00) 100%);
   border-color: rgba(120,200,255,0.61) !important;
   border-style: solid;
   border-width: 1px;
   box-shadow: 0 1px 0 0 rgba(120,200,255,0.44) inset, 0 10px 0 0 rgba(120,200,255,0.51) inset, 0 0 5px 2px rgba(120,200,255,0.79), 0 0 10px 2px rgba(120,200,255,0.79) inset !important;
   color: rgba(0,0,0,1.00);
}
.Extension9
{
   -moz-border-radius: 12px;
   -webkit-border-radius: 12px;
   -o-border-radius: 12px;
   -ms-border-radius: 12px;
   border-radius: 12px;
   color: #FFFFFF;
   cursor: pointer;
   font-family: Arial;
   font-size: 27px;
   font-weight: bold;
   font-style: normal;
   height: 70px;
   outline: 0;
   position: absolute;
   text-decoration: none;
   -webkit-transition: all 0.1s ease-in-out;
   -moz-transition: all 0.1s ease-in-out;
   -o-transition: all 0.1s ease-in-out;
   -ms-transition: all 0.1s ease-in-out;
   transition: all 0.1s ease-in-out;
   width: 280px;
}
.Extension9_glass
{
   background: -moz-linear-gradient(top, rgba(101,101,101,0.3) 0%, rgba(181,181,181,0.3) 2%, rgba(181,181,181,0.3) 5%, rgba(0,0,0,0.3) 10%, rgba(0,0,0,0.3) 47%, rgba(181,181,181,0.3) 88%, rgba(81,81,81,0.3) 92%, rgba(0,0,0,0.3) 97%, rgba(0,0,0,0.3) 100%);
   background: -webkit-linear-gradient(top, rgba(101,101,101,0.3) 0%, rgba(181,181,181,0.3) 2%, rgba(181,181,181,0.3) 5%, rgba(0,0,0,0.3) 10%, rgba(0,0,0,0.3) 47%, rgba(181,181,181,0.3) 88%, rgba(81,81,81,0.3) 92%, rgba(0,0,0,0.3) 97%, rgba(0,0,0,0.3) 100%);
   background: -o-linear-gradient(top, rgba(101,101,101,0.3) 0%, rgba(181,181,181,0.3) 2%, rgba(181,181,181,0.3) 5%, rgba(0,0,0,0.3) 10%, rgba(0,0,0,0.3) 47%, rgba(181,181,181,0.3) 88%, rgba(81,81,81,0.3) 92%, rgba(0,0,0,0.3) 97%, rgba(0,0,0,0.3) 100%);
   background: -ms-linear-gradient(top, rgba(101,101,101,0.3) 0%, rgba(181,181,181,0.3) 2%, rgba(181,181,181,0.3) 5%, rgba(0,0,0,0.3) 10%, rgba(0,0,0,0.3) 47%, rgba(181,181,181,0.3) 88%, rgba(81,81,81,0.3) 92%, rgba(0,0,0,0.3) 97%, rgba(0,0,0,0.3) 100%);
   background: linear-gradient(to bottom, rgba(101,101,101,0.3) 0%, rgba(181,181,181,0.3) 2%, rgba(181,181,181,0.3) 5%, rgba(0,0,0,0.3) 10%, rgba(0,0,0,0.3) 47%, rgba(181,181,181,0.3) 88%, rgba(81,81,81,0.3) 92%, rgba(0,0,0,0.3) 97%, rgba(0,0,0,0.3) 100%);
   border-color: rgba(0, 0, 0, 0.6);
   border-style: solid;
   border-width: 1px;
   box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.4) inset, 0 2px 6px rgba(0, 0, 0, 0.5), 0 10px rgba(0, 0, 0, 0.05) inset;
}
.Extension9_background
{
   background-color: rgba(120,200,255,0.25);
}
.Extension9:hover.Extension9_background
{
   border-color: rgba(120,200,255,0.40);
   box-shadow: 0 1px 0 0 rgba(120,200,255,0.44) inset, 0 2px 6px rgba(0, 0, 0, 0.5), 0 10px rgba(0, 0, 0, 0.05) inset, 0 0 5px 2px rgba(120,200,255,0.79), 0 0 10px 2px rgba(120,200,255,0.79) inset;
   color: rgba(0,0,0,1.00);
}
.Extension9:active.Extension9_background
{
   background: -moz-radial-gradient(center, ellipse cover, rgba(120,200,255,1.00) 0%, rgba(120,200,255,0.00) 100%);
   background: -webkit-radial-gradient(center, ellipse cover, rgba(120,200,255,1.00) 0%, rgba(120,200,255,0.00) 100%);
   background: -o-radial-gradient(center, ellipse cover, rgba(120,200,255,1.00) 0%, rgba(120,200,255,0.00) 100%);
   background: -ms-radial-gradient(center, ellipse cover, rgba(120,200,255,1.00) 0%, rgba(120,200,255,0.00) 100%);
   background: radial-gradient(ellipse at center, rgba(120,200,255,1.00) 0%, rgba(120,200,255,0.00) 100%);
   border-color: rgba(120,200,255,0.61) !important;
   border-style: solid;
   border-width: 1px;
   box-shadow: 0 1px 0 0 rgba(120,200,255,0.44) inset, 0 10px 0 0 rgba(120,200,255,0.51) inset, 0 0 5px 2px rgba(120,200,255,0.79), 0 0 10px 2px rgba(120,200,255,0.79) inset !important;
   color: rgba(0,0,0,1.00);
}
.Extension4
{
   -moz-border-radius: 12px;
   -webkit-border-radius: 12px;
   -o-border-radius: 12px;
   -ms-border-radius: 12px;
   border-radius: 12px;
   color: #FFFFFF;
   cursor: pointer;
   font-family: Arial;
   font-size: 27px;
   font-weight: bold;
   font-style: normal;
   height: 70px;
   outline: 0;
   position: absolute;
   text-decoration: none;
   -webkit-transition: all 0.1s ease-in-out;
   -moz-transition: all 0.1s ease-in-out;
   -o-transition: all 0.1s ease-in-out;
   -ms-transition: all 0.1s ease-in-out;
   transition: all 0.1s ease-in-out;
   width: 280px;
}
.Extension4_glass
{
   background: -moz-linear-gradient(top, rgba(101,101,101,0.3) 0%, rgba(181,181,181,0.3) 2%, rgba(181,181,181,0.3) 5%, rgba(0,0,0,0.3) 10%, rgba(0,0,0,0.3) 47%, rgba(181,181,181,0.3) 88%, rgba(81,81,81,0.3) 92%, rgba(0,0,0,0.3) 97%, rgba(0,0,0,0.3) 100%);
   background: -webkit-linear-gradient(top, rgba(101,101,101,0.3) 0%, rgba(181,181,181,0.3) 2%, rgba(181,181,181,0.3) 5%, rgba(0,0,0,0.3) 10%, rgba(0,0,0,0.3) 47%, rgba(181,181,181,0.3) 88%, rgba(81,81,81,0.3) 92%, rgba(0,0,0,0.3) 97%, rgba(0,0,0,0.3) 100%);
   background: -o-linear-gradient(top, rgba(101,101,101,0.3) 0%, rgba(181,181,181,0.3) 2%, rgba(181,181,181,0.3) 5%, rgba(0,0,0,0.3) 10%, rgba(0,0,0,0.3) 47%, rgba(181,181,181,0.3) 88%, rgba(81,81,81,0.3) 92%, rgba(0,0,0,0.3) 97%, rgba(0,0,0,0.3) 100%);
   background: -ms-linear-gradient(top, rgba(101,101,101,0.3) 0%, rgba(181,181,181,0.3) 2%, rgba(181,181,181,0.3) 5%, rgba(0,0,0,0.3) 10%, rgba(0,0,0,0.3) 47%, rgba(181,181,181,0.3) 88%, rgba(81,81,81,0.3) 92%, rgba(0,0,0,0.3) 97%, rgba(0,0,0,0.3) 100%);
   background: linear-gradient(to bottom, rgba(101,101,101,0.3) 0%, rgba(181,181,181,0.3) 2%, rgba(181,181,181,0.3) 5%, rgba(0,0,0,0.3) 10%, rgba(0,0,0,0.3) 47%, rgba(181,181,181,0.3) 88%, rgba(81,81,81,0.3) 92%, rgba(0,0,0,0.3) 97%, rgba(0,0,0,0.3) 100%);
   border-color: rgba(0, 0, 0, 0.6);
   border-style: solid;
   border-width: 1px;
   box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.4) inset, 0 2px 6px rgba(0, 0, 0, 0.5), 0 10px rgba(0, 0, 0, 0.05) inset;
}
.Extension4_background
{
   background-color: rgba(120,200,255,0.25);
}
.Extension4:hover.Extension4_background
{
   border-color: rgba(120,200,255,0.40);
   box-shadow: 0 1px 0 0 rgba(120,200,255,0.44) inset, 0 2px 6px rgba(0, 0, 0, 0.5), 0 10px rgba(0, 0, 0, 0.05) inset, 0 0 5px 2px rgba(120,200,255,0.79), 0 0 10px 2px rgba(120,200,255,0.79) inset;
   color: rgba(0,0,0,1.00);
}
.Extension4:active.Extension4_background
{
   background: -moz-radial-gradient(center, ellipse cover, rgba(120,200,255,1.00) 0%, rgba(120,200,255,0.00) 100%);
   background: -webkit-radial-gradient(center, ellipse cover, rgba(120,200,255,1.00) 0%, rgba(120,200,255,0.00) 100%);
   background: -o-radial-gradient(center, ellipse cover, rgba(120,200,255,1.00) 0%, rgba(120,200,255,0.00) 100%);
   background: -ms-radial-gradient(center, ellipse cover, rgba(120,200,255,1.00) 0%, rgba(120,200,255,0.00) 100%);
   background: radial-gradient(ellipse at center, rgba(120,200,255,1.00) 0%, rgba(120,200,255,0.00) 100%);
   border-color: rgba(120,200,255,0.61) !important;
   border-style: solid;
   border-width: 1px;
   box-shadow: 0 1px 0 0 rgba(120,200,255,0.44) inset, 0 10px 0 0 rgba(120,200,255,0.51) inset, 0 0 5px 2px rgba(120,200,255,0.79), 0 0 10px 2px rgba(120,200,255,0.79) inset !important;
   color: rgba(0,0,0,1.00);
}
.Extension10
{
   -moz-border-radius: 12px;
   -webkit-border-radius: 12px;
   -o-border-radius: 12px;
   -ms-border-radius: 12px;
   border-radius: 12px;
   color: #FFFFFF;
   cursor: pointer;
   font-family: Arial;
   font-size: 27px;
   font-weight: bold;
   font-style: normal;
   height: 70px;
   outline: 0;
   position: absolute;
   text-decoration: none;
   -webkit-transition: all 0.1s ease-in-out;
   -moz-transition: all 0.1s ease-in-out;
   -o-transition: all 0.1s ease-in-out;
   -ms-transition: all 0.1s ease-in-out;
   transition: all 0.1s ease-in-out;
   width: 280px;
}
.Extension10_glass
{
   background: -moz-linear-gradient(top, rgba(101,101,101,0.3) 0%, rgba(181,181,181,0.3) 2%, rgba(181,181,181,0.3) 5%, rgba(0,0,0,0.3) 10%, rgba(0,0,0,0.3) 47%, rgba(181,181,181,0.3) 88%, rgba(81,81,81,0.3) 92%, rgba(0,0,0,0.3) 97%, rgba(0,0,0,0.3) 100%);
   background: -webkit-linear-gradient(top, rgba(101,101,101,0.3) 0%, rgba(181,181,181,0.3) 2%, rgba(181,181,181,0.3) 5%, rgba(0,0,0,0.3) 10%, rgba(0,0,0,0.3) 47%, rgba(181,181,181,0.3) 88%, rgba(81,81,81,0.3) 92%, rgba(0,0,0,0.3) 97%, rgba(0,0,0,0.3) 100%);
   background: -o-linear-gradient(top, rgba(101,101,101,0.3) 0%, rgba(181,181,181,0.3) 2%, rgba(181,181,181,0.3) 5%, rgba(0,0,0,0.3) 10%, rgba(0,0,0,0.3) 47%, rgba(181,181,181,0.3) 88%, rgba(81,81,81,0.3) 92%, rgba(0,0,0,0.3) 97%, rgba(0,0,0,0.3) 100%);
   background: -ms-linear-gradient(top, rgba(101,101,101,0.3) 0%, rgba(181,181,181,0.3) 2%, rgba(181,181,181,0.3) 5%, rgba(0,0,0,0.3) 10%, rgba(0,0,0,0.3) 47%, rgba(181,181,181,0.3) 88%, rgba(81,81,81,0.3) 92%, rgba(0,0,0,0.3) 97%, rgba(0,0,0,0.3) 100%);
   background: linear-gradient(to bottom, rgba(101,101,101,0.3) 0%, rgba(181,181,181,0.3) 2%, rgba(181,181,181,0.3) 5%, rgba(0,0,0,0.3) 10%, rgba(0,0,0,0.3) 47%, rgba(181,181,181,0.3) 88%, rgba(81,81,81,0.3) 92%, rgba(0,0,0,0.3) 97%, rgba(0,0,0,0.3) 100%);
   border-color: rgba(0, 0, 0, 0.6);
   border-style: solid;
   border-width: 1px;
   box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.4) inset, 0 2px 6px rgba(0, 0, 0, 0.5), 0 10px rgba(0, 0, 0, 0.05) inset;
}
.Extension10_background
{
   background-color: rgba(120,200,255,0.25);
}
.Extension10:hover.Extension10_background
{
   border-color: rgba(120,200,255,0.40);
   box-shadow: 0 1px 0 0 rgba(120,200,255,0.44) inset, 0 2px 6px rgba(0, 0, 0, 0.5), 0 10px rgba(0, 0, 0, 0.05) inset, 0 0 5px 2px rgba(120,200,255,0.79), 0 0 10px 2px rgba(120,200,255,0.79) inset;
   color: rgba(0,0,0,1.00);
}
.Extension10:active.Extension10_background
{
   background: -moz-radial-gradient(center, ellipse cover, rgba(120,200,255,1.00) 0%, rgba(120,200,255,0.00) 100%);
   background: -webkit-radial-gradient(center, ellipse cover, rgba(120,200,255,1.00) 0%, rgba(120,200,255,0.00) 100%);
   background: -o-radial-gradient(center, ellipse cover, rgba(120,200,255,1.00) 0%, rgba(120,200,255,0.00) 100%);
   background: -ms-radial-gradient(center, ellipse cover, rgba(120,200,255,1.00) 0%, rgba(120,200,255,0.00) 100%);
   background: radial-gradient(ellipse at center, rgba(120,200,255,1.00) 0%, rgba(120,200,255,0.00) 100%);
   border-color: rgba(120,200,255,0.61) !important;
   border-style: solid;
   border-width: 1px;
   box-shadow: 0 1px 0 0 rgba(120,200,255,0.44) inset, 0 10px 0 0 rgba(120,200,255,0.51) inset, 0 0 5px 2px rgba(120,200,255,0.79), 0 0 10px 2px rgba(120,200,255,0.79) inset !important;
   color: rgba(0,0,0,1.00);
}
.Extension11
{
   -moz-border-radius: 12px;
   -webkit-border-radius: 12px;
   -o-border-radius: 12px;
   -ms-border-radius: 12px;
   border-radius: 12px;
   color: #FFFFFF;
   cursor: pointer;
   font-family: Arial;
   font-size: 24px;
   font-weight: bold;
   font-style: normal;
   height: 70px;
   outline: 0;
   position: absolute;
   text-decoration: none;
   -webkit-transition: all 0.1s ease-in-out;
   -moz-transition: all 0.1s ease-in-out;
   -o-transition: all 0.1s ease-in-out;
   -ms-transition: all 0.1s ease-in-out;
   transition: all 0.1s ease-in-out;
   width: 280px;
}
.Extension11_glass
{
   background: -moz-linear-gradient(top, rgba(101,101,101,0.3) 0%, rgba(181,181,181,0.3) 2%, rgba(181,181,181,0.3) 5%, rgba(0,0,0,0.3) 10%, rgba(0,0,0,0.3) 47%, rgba(181,181,181,0.3) 88%, rgba(81,81,81,0.3) 92%, rgba(0,0,0,0.3) 97%, rgba(0,0,0,0.3) 100%);
   background: -webkit-linear-gradient(top, rgba(101,101,101,0.3) 0%, rgba(181,181,181,0.3) 2%, rgba(181,181,181,0.3) 5%, rgba(0,0,0,0.3) 10%, rgba(0,0,0,0.3) 47%, rgba(181,181,181,0.3) 88%, rgba(81,81,81,0.3) 92%, rgba(0,0,0,0.3) 97%, rgba(0,0,0,0.3) 100%);
   background: -o-linear-gradient(top, rgba(101,101,101,0.3) 0%, rgba(181,181,181,0.3) 2%, rgba(181,181,181,0.3) 5%, rgba(0,0,0,0.3) 10%, rgba(0,0,0,0.3) 47%, rgba(181,181,181,0.3) 88%, rgba(81,81,81,0.3) 92%, rgba(0,0,0,0.3) 97%, rgba(0,0,0,0.3) 100%);
   background: -ms-linear-gradient(top, rgba(101,101,101,0.3) 0%, rgba(181,181,181,0.3) 2%, rgba(181,181,181,0.3) 5%, rgba(0,0,0,0.3) 10%, rgba(0,0,0,0.3) 47%, rgba(181,181,181,0.3) 88%, rgba(81,81,81,0.3) 92%, rgba(0,0,0,0.3) 97%, rgba(0,0,0,0.3) 100%);
   background: linear-gradient(to bottom, rgba(101,101,101,0.3) 0%, rgba(181,181,181,0.3) 2%, rgba(181,181,181,0.3) 5%, rgba(0,0,0,0.3) 10%, rgba(0,0,0,0.3) 47%, rgba(181,181,181,0.3) 88%, rgba(81,81,81,0.3) 92%, rgba(0,0,0,0.3) 97%, rgba(0,0,0,0.3) 100%);
   border-color: rgba(0, 0, 0, 0.6);
   border-style: solid;
   border-width: 1px;
   box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.4) inset, 0 2px 6px rgba(0, 0, 0, 0.5), 0 10px rgba(0, 0, 0, 0.05) inset;
}
.Extension11_background
{
   background-color: rgba(120,200,255,0.25);
}
.Extension11:hover.Extension11_background
{
   border-color: rgba(120,200,255,0.40);
   box-shadow: 0 1px 0 0 rgba(120,200,255,0.44) inset, 0 2px 6px rgba(0, 0, 0, 0.5), 0 10px rgba(0, 0, 0, 0.05) inset, 0 0 5px 2px rgba(120,200,255,0.79), 0 0 10px 2px rgba(120,200,255,0.79) inset;
   color: rgba(0,0,0,1.00);
}
.Extension11:active.Extension11_background
{
   background: -moz-radial-gradient(center, ellipse cover, rgba(120,200,255,1.00) 0%, rgba(120,200,255,0.00) 100%);
   background: -webkit-radial-gradient(center, ellipse cover, rgba(120,200,255,1.00) 0%, rgba(120,200,255,0.00) 100%);
   background: -o-radial-gradient(center, ellipse cover, rgba(120,200,255,1.00) 0%, rgba(120,200,255,0.00) 100%);
   background: -ms-radial-gradient(center, ellipse cover, rgba(120,200,255,1.00) 0%, rgba(120,200,255,0.00) 100%);
   background: radial-gradient(ellipse at center, rgba(120,200,255,1.00) 0%, rgba(120,200,255,0.00) 100%);
   border-color: rgba(120,200,255,0.61) !important;
   border-style: solid;
   border-width: 1px;
   box-shadow: 0 1px 0 0 rgba(120,200,255,0.44) inset, 0 10px 0 0 rgba(120,200,255,0.51) inset, 0 0 5px 2px rgba(120,200,255,0.79), 0 0 10px 2px rgba(120,200,255,0.79) inset !important;
   color: rgba(0,0,0,1.00);
}
body {
  margin: 0;
  background: transparent;
  font-family: Arial, Helvetica, sans-serif;
}

.menu-player {
  width: 220px;
  height: 44px;
  margin: 10px auto;
  cursor: pointer;

  background: linear-gradient(#8fa1ab, #6f7f88);
  border: 1px solid #3f4a50;
  border-radius: 10px;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.6),
    inset 0 -1px 0 rgba(0,0,0,0.4),
    0 3px 6px rgba(0,0,0,0.6);

  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;

  color: #ffffff;
  font-size: 16px;
  font-weight: bold;
  text-shadow: 0 -1px 0 rgba(0,0,0,0.6);
}

.menu-player:hover {
  background: linear-gradient(#9fb2bc, #7f8f98);
}

.icon {
  font-size: 14px;
}

.live {
  color: #ff3b30;
  font-size: 13px;
  font-weight: bold;
  animation: pulse 1.5s infinite;
}

.hidden {
  display: none;
}

@keyframes pulse {
  0%   { opacity: 1; }
  50%  { opacity: 0.4; }
  100% { opacity: 1; }
}