@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@200;300;400;500;600;700;800&display=swap');
html {
scroll-behavior: smooth !important;
}
::-webkit-scrollbar-track
{
	width: 6px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1);
	background-color: transparent;
}
::-webkit-scrollbar
{
	width: 6px;
	background-color: transparent;
	visibility:visible;
}
::-webkit-scrollbar:hover
{
	visibility:visible !important;
	display:inline !important;
}
::-webkit-scrollbar-thumb
{
	background-color: #fcde23;
	visibility:visible;
	/*display:none;*/
}	 
::-webkit-scrollbar-thumb:hover
{
	background-color: #e11f1f;
	visibility:visible !important;
	display:inline !important;
}
::-moz-selection {background:#fcde23;color:#E32828;}
::selection {background:#fcde23;color:#E32828;}
* {
     font-family: 'Cairo'; font-weight:200;
     font-size:18px;
     border:0px;
     border-radius: 0px;
     border-collapse:collapse;
     border-collapse: separate;
     webkit-font-smoothing: antialiased;
     -webkit-appearance: none;
     -webkit-text-size-adjust:none;
     box-decoration-break: clone;
     outline: 0;
     margin: 0;
     padding: 0;
     font-weight:normal;
}
html,body {
     padding:0px;
     margin:0px;
     height:100%;
     width:100%;
}
.ui-loader{
     display: none !important;
}
input[type='radio']{
     -webkit-appearance: radio;
}
input[type='checkbox']{
     -webkit-appearance: checkbox;
}
a {
     color:#fff;
     cursor: pointer;
}
a:hover {
     color: #FFFF00;
     -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
     box-sizing: content-box;
     border: none;
     //color: rgb(51, 51, 51);
     //text-align: center;
     -o-text-overflow: clip;
     //text-overflow: clip;
     //letter-spacing: 3px;
     text-shadow: -2px 2px 1px rgb(228,33,33) ;
     //cursor:crosshair;
}
a.hidden{
     display: none;
}
p{
     margin: 12px 0px;
}
body{
     padding-top: 44px;
}
b,strong {
     font-family: 'Cairo'; font-weight:700;
}
hr{
     border-top: solid 1px #000;
}
#bg{
     position: fixed;
     top: 0;
     left: 0;
     background-image: url(../img/summer_bg.jpg);
	 background-size: cover;
     background-position: center 0px;
     background-repeat: no-repeat;
     z-index: -1;
     height: 100%;
     width: 100%;
}
#bg:after {
     content: "";
     display: block;
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     background: url(dots.png);
	 background-color: rgba(255, 255, 255, 0.5);
}
#bg.homer{
     background-image: url(../img/summer_bg.jpg);
}
#bg.lounger{
     background-image: url(../img/summer_bg_l.jpg);
}
#bg.clubr{
     background-image: url(../img/summer_bg_p.png);
}
#bg1{
     position: fixed;
     top: 0;
     left: 0;
     background-image: url(../img/summer1.png);
     background-size: contain;
     background-position: center 0px;
	 background-repeat: no-repeat;
     z-index: -1;
     height: 140%;
     width: 100%;
}
#bg1.homer{
     background-image: url(../img/summer.png);
}
#bg1.lounger{
     background-image: url(../img/summer_l.png);
}
#bg1.clubr{
     background-image: url(../img/summer_p.png);
}

/* REQUEST FORM */

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  color: #aca49c;
  font-size: 0.875em;
}

input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder {
  color: #bbb5af;
}

input::-moz-placeholder, textarea::-moz-placeholder {
  color: #aca49c;
  font-size: 0.875em;
}

input:focus::-moz-placeholder, textarea:focus::-moz-placeholder {
  color: #bbb5af;
}

input::placeholder, textarea::placeholder {
  color: #aca49c;
  font-size: 0.875em;
}

input:focus::placeholder, textarea::focus:placeholder {
  color: #bbb5af;
}

input::-ms-placeholder, textarea::-ms-placeholder {
  color: #aca49c;
  font-size: 0.875em;
}

input:focus::-ms-placeholder, textarea:focus::-ms-placeholder {
  color: #bbb5af;
}

/* on hover placeholder */

input:hover::-webkit-input-placeholder, textarea:hover::-webkit-input-placeholder {
  color: #e2dedb;
  font-size: 0.875em;
}

input:hover:focus::-webkit-input-placeholder, textarea:hover:focus::-webkit-input-placeholder {
  color: #cbc6c1;
}

input:hover::-moz-placeholder, textarea:hover::-moz-placeholder {
  color: #e2dedb;
  font-size: 0.875em;
}

input:hover:focus::-moz-placeholder, textarea:hover:focus::-moz-placeholder {
  color: #cbc6c1;
}

input:hover::placeholder, textarea:hover::placeholder {
  color: #e2dedb;
  font-size: 0.875em;
}

input:hover:focus::placeholder, textarea:hover:focus::placeholder {
  color: #cbc6c1;
}

input:hover::placeholder, textarea:hover::placeholder {
  color: #e2dedb;
  font-size: 0.875em;
}

input:hover:focus::-ms-placeholder, textarea:hover::focus:-ms-placeholder {
  color: #cbc6c1;
}


.cc_request_form {
  //position: relative;
  width:100%;
  margin: 50px auto 100px auto;
  top: 0;
  bottom:0;
  left:0;
  right:0;
  vertical-align: top;
}
/*
input {
  font-family: 'Cairo', sans-serif;
  font-size: 0.875em;
  width: 470px;
  height: 50px;
  padding: 0px 15px 0px 15px;
  
  background: transparent;
  outline: none;
  color: #726659;
  
  border: solid 1px #b3aca7;
  border-bottom: none;
  
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
}

input:hover {
  background: #b3aca7;
  color: #e2dedb;
}

textarea {
  width: 470px;
  max-width: 470px;
  height: 110px;
  max-height: 110px;
  padding: 15px;
  
  background: transparent;
  outline: none;
  
  color: #726659;
  font-family: 'Cairo', sans-serif;
  font-size: 0.875em;
  
  border: solid 1px #b3aca7;
  
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
}

textarea:hover {
  background: #b3aca7;
  color: #e2dedb;
}

#submit {
  width: 502px;
  
  padding: 0;
  margin: -5px 0px 0px 0px;
  
  font-family: 'Cairo', sans-serif;
  font-size: 0.875em;
  color: #b3aca7;
  
  outline:none;
  cursor: pointer;
  
  border: solid 1px #b3aca7;
  border-top: none;
}

#submit:hover {
  color: #e2dedb;
}

.btn {
	cursor: pointer;
	display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	color: #212529;
    background-color: #ffc107;
    border-color: #ffc107;	
}
*/

#alb {
     position:absolute;
     top:8px;
     width:728px;
     height:90px;
     margin-left:233px;
     //z-index: 1000;
}
#ask {
     position:absolute;
     top:8px;
     width:160px;
     height:600px;
     margin-left:965px;
     //z-index: 1000;
	 overflow: hidden;
}
#ask1 {
     position: absolute;
     width: 160px;
     height: 600px !important;
     margin-left: 965px;
     //z-index: 1000;
	 overflow: hidden;
	 margin-top: 30px;
}
a{
     text-decoration: none;
}
a span{
     //color: #FFF;
}
.yellow {
     color: #ffde00 !important;
}
.errorborder{
     border-color: red !important;
}
img.fbicon{
     height: 30px;
     width: 133px;
}
.popup-image {
     width:200px;
     float:left;
     margin-right:20px;
}
.team {
     float:left;
     margin-right:5px;
     margin-left:5px;
     margin-bottom:5px;
}
.team img {
     width:180px;
     height:180px;
}
.team:hover {
     cursor:pointer;
}
h1, h2, h3, h4{
     margin: 0px;
     //margin-left: 20px;
     margin-bottom: 11px;
     font-family: 'Cairo'; font-weight:600;
     text-transform:uppercase;
}
h1 {
     line-height:39px;
}
h1 span, h2 span, h3 span{
     font-family: 'Cairo'; font-weight:600;
     text-transform: uppercase;
     color: #FFFFFF;
     //background-color: #000000;
     display: inline;
}
header span /*, footer span*/ {
     //box-shadow: 12px 0 0 #000,-12px 0 0 #000;
     //-moz-box-shadow: 12px 0 0 #000,-12px 0 0 #000;
     //-webkit-box-shadow: 12px 0 0 #000,-12px 0 0 #000;
     /*background-color: #000;*/
     padding: 4px 0;
     //color: #FFF;
     text-transform: uppercase;
}
.mejs-offscreen{
     display: none;
}
.mejs-container header span, .mejs-container footer span{
     box-shadow: none;
     -moz-box-shadow: none;
     -webkit-box-shadow: none;
     background-color: transparent;
     padding: 0;
}
p span{
     box-shadow: none !important;
     -moz-box-shadow: none !important;
     -webkit-box-shadow: none !important;
     background-color: transparent;
}
h1 span{
     font-size: 44px;
     //box-shadow:20px 0 0 #000,-20px 0 0 #000;
     //-moz-box-shadow:20px 0 0 #000,-20px 0 0 #000;
     //-webkit-box-shadow:20px 0 0 #000,-20px 0 0 #000;
}
h2 span{
     font-size: 32px;
     line-height: 36px;
     //box-shadow:20px 0 0 #000,-20px 0 0 #000;
     //-moz-box-shadow:20px 0 0 #000,-20px 0 0 #000;
     //-webkit-box-shadow:20px 0 0 #000,-20px 0 0 #000;
}
h3 span{
     font-size: 18px;
     line-height: 45px;
     //box-shadow:20px 0 0 #000,-20px 0 0 #000;
     //-moz-box-shadow:20px 0 0 #000,-20px 0 0 #000;
     //-webkit-box-shadow:20px 0 0 #000,-20px 0 0 #000;
}
header, main, footer{
     width: 1121px;
     margin: 0 auto;
     display: block;
}
header > div{
     position: relative;
     height: 192px;
}
header #logo{
     width: 280px;
     height: 190px;
     background-image: url(../img/logo.png);
     position: absolute;
     z-index: 2;
     background-position: right;
     background-repeat: no-repeat;
     left: -85px;
     top: 30px;
}
header #logo.homer{
     background-image: url(../img/logo.png);
}
header #logo.lounger{
     background-image: url(../img/logo_lounge.png);
}
header #logo.clubr{
     background-image: url(../img/logo_club.png);
}
header nav{
    position: absolute;
    height: 86px;
    width: 781px;
    top: 62px;
    left: 160px;
     padding-left:20px;
     //background-color: #000000;
     z-index: 1;
	 border-top-right-radius: 12px;
    backdrop-filter: blur(16px) saturate(180%);
    -webkit-backdrop-filter: blur(16px) saturate(180%);
    background-color: rgba(0, 0, 0, 0.5);	 
}
header nav ul{
    margin-left: 19px;
    margin-top: 0px;
    margin-bottom: 0px;
    line-height: 40px;
    position: relative;
    text-align: left;
    margin: auto;
    padding: auto;
    -moz-border-radius-topleft: 4px;
    -webkit-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
    -moz-border-radius-topright: 4px;
    -webkit-border-top-right-radius: 4px;
    border-top-right-radius: 4px;
}
header nav li{
     display: block;
     float: left;
     padding-right: 16px;
     padding-left: 16px;
     line-height: 86px;
}
header nav ul > li{
     margin-left:2px;
}
header nav li#homer{
     display: none;
     background-color: #fefe01;
     color: #000;
     cursor: pointer;
}
header nav li#lounger{
     display: none;
     background-color: #04f5f5;
     color: #000;
     cursor: pointer;
}
header nav li#clubr{
     display: none;
     background-color: #f33ac4;
     color: #000;
     cursor: pointer;
}
header nav li.lounger{
     width: 222px;
}
header nav li.selected{
     /*background-color: #FFFFFF;*/
     text-decoration:underline;
}
header nav li li.selected{
     //background-color: #FFFFFF;
     //color: #FFFF00 !important;
}
header nav li a, header nav li{
     font-family: 'Cairo'; font-weight:800;
     text-transform: uppercase;
     color: #FFFFFF;
     font-size: 22px;
}
header nav li a:hover, header nav li:hover {
     color: #FFFF00;
}
header nav li.selected a{
     //color: #FFFF00;
}
header nav li ul{
    display: block;
    margin: 0;
    position: absolute;
    top: 57px;
    padding-top: 10px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    background-color: #000;
}
 header nav li ul.ie{
     background-color: #000;
     margin-left: -12px;
}
header nav li ul.ie span{
     padding-left: 12px;
     padding-right: 12px;
     box-shadow: none;
     -moz-box-shadow: none;
     -webkit-box-shadow: none;
}
header nav li ul li{
    display: none;
    list-style: none;
    float: none;
    padding: 10px;
    line-height: 20px;
    text-align: center;
}
header nav li ul li span{
     background-color: #000;
     font-family: 'Cairo'; font-weight:400;
     cursor: pointer;
}
header #play{
     position: absolute;
     height: 86px;
     width: 44px;
     right: 185px;
     top: 62px;
     background-image: url(../img/play.png);
     background-repeat:no-repeat;
     background-position:center center;
     cursor: pointer;
     //background-color:#000;
     z-index: 1;
}
header #play #playstart{
     height: 57px;
     width: 44px;
}
header #play.active{
     background-image: url(../img/pause.png);
     background-repeat:no-repeat;
     background-position:center center;
}
header #mobileactive{
     display: none;
     position: absolute;
     left: 270px;
     top: 79px;
     color: #fff;
     z-index: 2;
     font-size: 34px;
     line-height:48px;
     font-family: 'Cairo'; font-weight:600;
     text-transform: uppercase;
}
header #mobile{
     display: none;
     position: absolute;
     left: 210px;
     top: 87px;
     height: 5.5px;
     width: 37px;
     border-top: 16.5px double #fff;
     border-bottom: 5.5px solid #fff;
     cursor: pointer;
     z-index: 2;
}
header #playercontainer{
     position: absolute;
     top: 61px;
     padding-top: 1px;
     z-index: 0;
     left:173px;
}
header #playercontainer ul{
     padding: 0;
     margin: 0;
}
header #playercontainer li{
     display: block;
     list-style: none;
     text-align: left;
     padding: 4px 0px;
     line-height: 20px;
     width:248px;
     float:left;
     text-align:center;
     cursor:pointer;
}
header #playercontainer li span{
     font-family: 'Cairo'; font-weight:400;
     color: #000;
     background-color:transparent;
     box-shadow: none;
     -moz-box-shadow:none;
     -webkit-box-shadow:none;
}
header #playercontainer li.homer {
     background-color: #fefe01;
}
header #playercontainer li.lounger {
     background-color: #04f5f5;
}
header #playercontainer li.clubr {
     background-color: #f33ac4;
}
/*header #playercontainer li.homer span{
     background-color: #fefe01;
     box-shadow: 12px 0 0 #fefe01, -12px 0 0 #fefe01;
     -moz-box-shadow:12px 0 0 #fefe01,-12px 0 0 #fefe01;
     -webkit-box-shadow:12px 0 0 #fefe01,-12px 0 0 #fefe01;
     cursor: pointer;
}
header #playercontainer li.lounger span{
     background-color: #04f5f5;
     box-shadow:12px 0 0 #04f5f5,-12px 0 0 #04f5f5;
     -moz-box-shadow:12px 0 0 #04f5f5,-12px 0 0 #04f5f5;
     -webkit-box-shadow:12px 0 0 #04f5f5,-12px 0 0 #04f5f5;
     cursor: pointer;
}
header #playercontainer li.clubr span{
     background-color: #f33ac4;
     box-shadow:12px 0 0 #f33ac4,-12px 0 0 #f33ac4;
     -moz-box-shadow:12px 0 0 #f33ac4,-12px 0 0 #f33ac4;
     -webkit-box-shadow:12px 0 0 #f33ac4,-12px 0 0 #f33ac4;
     cursor: pointer;
}
*/
#headerapp{
     position: fixed;
     top: 0px;
     left: 0px;
     width: 100%;
     height: 54px;
     background-color: #000;
     z-index: 5;
}
#headerapp #logo{
     width: 45px;
     height: 45px;
     background-size: contain;
     background-image: url(../img/logo.png);
     left: 50%;
     margin-left: -22.5px;
     top: 4px;
     z-index: 5;
}
#headerapp #mainnav{
     position: fixed;
     top: 0px;
     left: calc(-100% - 50px);
     width: calc(100% - 50px);
     height: 100%;
     background-color: #FFF;
     display: block;
     z-index: 6;
     overflow-y: scroll;
}
#headerapp #mainnav ul{
     width: 100%;
     margin: 0px;
     padding: 0px;
     background-color: #FFF;
     position: absolute !important;
     top: 0px;
}
#headerapp #mainnav li{
     padding: 0px;
     margin: 0px;
    /*line-height: 40px;
    */
     line-height: normal;
     height: auto;
     border-bottom-width: 1px;
     border-color: #000;
     border-style: solid;
     text-align: left;
     padding-left: 25px;
     padding-right:25px;
     padding: 13.5px 25px;
}
#headerapp #mainnav .navheader{
     color: #fff;
     background-color: #000;
     border-bottom: none;
     padding-top: 19px;
     padding-bottom: 16px;
}
#headerapp #mainnav .navheader img{
     height: 12px;
     width: auto;
}
#headerapp #mainnav li ul{
     right: -100%;
}
#headerapp #mainnav li li{
     line-height: normal;
     padding: 13.5px 25px;
     border-bottom: 1px solid #000;
}
#headerapp #mainnav li a{
     color: #000;
}
#headerapp #mainnav > ul {
     display: block;
     position: static;
}
#headerapp #mainnav > ul > li{
     height: 100%;
}
/*#headerapp #mainnav li ul{
     background-color: #000 !important;
}
*/
#headerapp #mainnav li ul li a{
     color: #000;
}
#headerapp #mainnav li ul li.selected{
     background-color: #000;
}
#headerapp #mobile{
     left: 0px;
     top: 0px;
     background-image: url(../img/mobile.png);
     height: 54px;
     width: 44px;
     border:none;
     position: absolute;
     z-index: 6;
}
#headerapp #play{
     height: 54px;
     width: 54px;
     background-size: cover;
     background-color: transparent;
     right: 0px;
     top: 0px;
     position: absolute;
     background-image: url(../img/appplay.png);
}
#headerapp #play.active{
     background-color: transparent;
     background-size: cover;
     background-image: url(../img/apppause.png);
}
audio{
     width: 0;
     height: 0;
}
#show-image {
     width:600px;
     height:188px;
     background-color:#000000;
     margin:0px auto;
     background-size:cover;
}
#homeapp{
     background-color: #000;
     position: fixed;
     width: 100%;
     height: 100%;
     top: 53px;
     left: 0px;
     z-index: 2;
}
#homeapp #playercontainer{
     height: calc(100% - 275px);
}
#homeapp #playercontainer div{
     height: 33%;
     width: 100%;
     background-image: url(../img/APP_TBM_HG.jpg);
     background-size: cover;
     background-position: left center;
     background-repeat: no-repeat;
}
#homeapp #playercontainer div#homer{
     border-bottom-width: 3px;
     border-style: solid;
     border-color: #fefe01;
}
#homeapp #playercontainer div#lounger{
     border-bottom-width: 3px;
     border-style: solid;
     border-color: #04f5f5;
}
#homeapp #playercontainer div#clubr{
     border-bottom-width: 3px;
     border-style: solid;
     border-color: #f33ac4;
}
#homeapp #playercontainer div#homer.active{
     background-image: url(../img/APP_TBM_HGA.jpg);
}
#homeapp #playercontainer div#lounger.active{
     background-image: url(../img/APP_Lounge_HG.jpg);
}
#homeapp #playercontainer div#clubr.active{
     background-image: url(../img/APP_Club_HG.jpg);
}
#homeapp #playercontainer div:last-child{
     height: 31%;
}
#homeapp #playercontainer div div{
     height: 100%;
     float: left;
     position: relative;
     background: none;
}
#homeapp #playercontainer div .play{
     width: 70px;
}
#homeapp #playercontainer div .play img{
     height: 44px;
     width: 43px;
}
#homeapp #playercontainer div .play p{
     position: absolute;
     margin: 0;
     padding: 0;
     left: 50%;
     top: 50%;
     margin-left: -22.5px;
     margin-top: -22.5px;
}
#homeapp #playercontainer div .title{
     width: calc(100% - 70px);
}
#homeapp #playercontainer div .title p{
     position: absolute;
     margin: 0;
     padding-left: 14px;
     margin-top: -7px;
     top: 50%;
     font-size: 14px;
     font-family: 'Cairo'; font-weight:600;
     text-transform: uppercase;
     color: #fff;
}
#homeapp #feature{
     height: 58px;
     background-color: #000;
     background-image: url(../img/featurebg.png);
     background-repeat: repeat-x;
}
#homeapp #feature table{
     table-layout: fixed;
     width: 100%;
     height: 100%;
}
#homeapp #feature table td{
     text-align: center;
     vertical-align: middle;
}
#homeapp #feature #appfoto{
     width: 31px;
     height: 24px;
}
#homeapp #feature #appalarm{
     width: 29px;
     height: 24px;
}
#homeapp #feature #appcall{
     width: 23px;
     height: 24px;
}
#homeapp #feature #appmessage{
     width: 30px;
     height: 24px;
}
#homeapp #appnav{
     height: 164px
}
#homeapp #appnav ul{
     background-color: #000;
     margin: 0;
     padding: 0px;
}
#homeapp #appnav ul li{
     margin: 0;
     padding: 0px;
     display: block;
     height: 40px;
     border-bottom-width: 1px;
     border-color: #fff;
     border-style: solid;
     width: 100%;
     text-align: center;
}
#homeapp #appnav ul li:last-child{
     border-bottom: none;
}
#homeapp #appnav ul li a{
     line-height: 40px;
     font-size: 14px;
     color: #fff;
     font-family: 'Cairo'; font-weight:600;
     text-transform: uppercase
}
main .body{
     margin-top: 62px;
}
#mainapp{
     margin-top: 84px;
}
main .timeline{
     width: 961px;
     margin: 0px;
     float: none;
     overflow:hidden;
     background: rgba(0, 0, 0, 0.2);
     margin-top: 40px;
     padding-bottom: 60px;
	 border-radius: 12px;
}
main .timeline header{
     width: 961px;
     margin-top: 70px;
     text-align: center;
	 margin-left: 10px;
}
main .timeline.noportrait header{
     margin-bottom: 155px;
}
main .timeline #time, main .timeline #date{
     text-transform: uppercase;
     color: #FFFFFF;
     margin-bottom: 1px;
}
main .timeline #time span, main .timeline #date span{
     font-family: 'Cairo'; font-weight:800;
     text-transform: uppercase;
     font-size: 44px;
	 //background-color: #000;
}
main .timeline header h1{
     margin-left: 12px;
}
main .timeline header div{
     height: auto;
}
main .timeline header .portrait{
     height: 145px;
     width: 145px;
     margin: 0 auto;
}
main .timeline .timelinecontainer{
     width: 1020px;
}
.filter-box{
     background-color:#000;
     padding:10px 15px;
     float:left;
     margin-top:60px;
     //cursor:pointer;
     display:block;
}
 .filter-box > div{
     float:left;
     color:#FFF;
     margin:0px;
     text-transform:uppercase;
}
 .filter-title {
     font-family: 'Cairo'; font-weight:600;
     padding-right:10px;
}
#filter-news {
     position:absolute;
     margin-top:82px;
     margin-left:510px;
     display: none !important;
}
 .filter-preview {
     position:absolute;
     background-color:#000;
     padding:10px 15px;
     color:#FFF;
     margin-top:59px !important;
     z-index:10;
     display:none;
}
 .filter-preview li {
     list-style:none;
     cursor:pointer;
     width:240px;
}
 #preview-news {
     width:290px;
     margin-left:510px;
     margin-top:82px !important;
}
 main .timeline .filter-preview input[type=text] {
     padding:0px 6px;
     width:145px;
     border:0px;
}
 main .timeline .filter-preview input[type=button] {
     background-color:#000;
     color:#FFF;
     border:0px;
     font-family: 'Cairo'; font-weight:600;
     text-transform:uppercase;
     padding-left:10px;
}
 ::-webkit-input-placeholder {
     color: #000;
}
 :-moz-placeholder {
     color: #000;
}
 ::-moz-placeholder {
     color: #000;
}
 :-ms-input-placeholder {
     color: #000;
}
 main .timeline .timelinecontainer > div{
     float: left;
     width: 450px;
     margin-right: 60px;
}
main .timeline .timelinecontainer div div{
     margin: 16px 0;
}
main .timeline .timelinecontainer div .popup{
     cursor: pointer;
}
#popup #popupcontainer #popupcontent h1, #game #gamecontainer #gamecontent h1, .lightbox .lightboxcontainer .lightboxcontent h1{
     font-size:20px;
     line-height:20px;
}
#popup #popupcontainer #popupcontent h2, #game #gamecontainer #gamecontent h2, .lightbox .lightboxcontainer .lightboxcontent h2{
     font-size:18px;
     line-height:20px;
}
main .timeline .timelinecontainer div .timelineimg {
     position: relative;
     float: left;
     width: 64px;
     height: 64px;
     background-color: #000;
     border-width: 5px;
     border-style: solid;
     border-color: #fff;
     margin: 0px;
     margin-right: 11px;
     background-size:cover;
     background-position:center center;
     background-image:url(../img/no-cover.jpg);
}
main .timeline .timelinecontainer div .timelineimg .hot{
     position: absolute;
     margin: 0;
     bottom: 0px;
     right: 0px;
     height: 35px;
     width: 35px;
     background-image:url(../img/hotstar.png);
     background-size: contain;
}
main .timeline .timelinecontainer div .timelineinfo {
    /* float: left; */
    padding-top: 0px;
    width: 284px;
    min-height: 64px;
    position: relative;
    /* top: 0; */
    margin-left: 80px;
	margin-top:1px;
}
main .timeline .timelinecontainer div .timelineinfo h2, main .timeline .timelinecontainer div .timelineinfo h3{
     margin-left: 12px;
     margin-bottom: 0px;
}
main .timeline .timelinecontainer div .timelineinfo h2 span, main .timeline .timelinecontainer div .timelineinfo h3 span, span#city{
     font-size: 20px;
     line-height: 29px;
     //box-shadow: 12px 0 0 #000,-12px 0 0 #000;
     //-moz-box-shadow: 12px 0 0 #000,-12px 0 0 #000;
     //-webkit-box-shadow: 12px 0 0 #000,-12px 0 0 #000;
}
main .timeline .timelinecontainer div .timelineinfo h3 span{
     font-family: 'Cairo'; font-weight:200;
}
main .timeline .timelinecontainer div .timelineinfo .time{
     margin: 0px;
     margin-left: 12px;
     position: absolute;
     bottom: 0px;
}
main .timeline .timelinecontainer div .timelineinfo .time span{
     font-family: 'Cairo'; font-weight:600;
     color: #fff;
     font-size: 14px;
}
main .timeline .timelinecontainer div .adv{
     width: 440px;
     height: 145px;
     border-style: solid;
     border-width: 5px;
     border-color: #fff;
}
main #rubric{
     display: none;
     position: fixed;
     bottom: 0px;
     height: 53px;
     width: 100%;
     left: 0px;
}
main #rubric div{
     line-height: 53px;
     font-family: 'Cairo'; font-weight:600;
     width: 50%;
     height: 100%;
     float: left;
     text-align: center;
     font-size: 12px;
     text-transform: uppercase;
     position: relative;
}
main #rubric .music{
     background-color: #000;
     color: #fff;
}
main #rubric .news{
     background-color: #000;
     color: #fff;
}
main #rubric div .arrow{
     display: none;
     position: absolute;
     text-align: center;
     width: 17px;
     height: 8px;
     margin-left: -9px;
     left: 50%;
     top: -8px;
}
main #rubric .active {
     background-color: #fff;
     color:#000;
}
main #rubric .music.active .arrow{
     background-image: url(../img/activearrowwhite.png);
     background-repeat: no-repeat;
     display: block;
}
main #rubric .news.active .arrow{
     background-image: url(../img/activearrowwhite.png);
     background-repeat: no-repeat;
     display: block;
}
main #moreline{
     position: absolute;
     width: 2px;
     left: 50%;
     margin-left: -81px;
     height: 100px;
     background-color: #000;
     z-index: -1;
}
main #more{
     position:absolute;
     width: 78px;
    /*margin: 73px auto;
    */
     margin-top:73px;
     left:50%;
     margin-left:-116px;
     cursor:pointer;
}
main #more div{
     margin-left: 12px;
}
main #more span{
     font-family: 'Cairo'; font-weight:400;
     font-size: 18px;
}
main #advcarousel{
	width: 960px;
    /* border-width: 5px; */
    /* border-style: solid; */
    /* border-color: #fff; */
    height: 300px;
    /* background-color: #fff; */
    /* margin-left: -9px; */
    border-radius: 12px;
	padding-bottom: 40px;
}
main #advcarousel ul{
     background-color:#000000;
}
main #advcarousel li{
     list-style: none;
}
main #advcarousel li iframe,main #advcarousel li object,main #advcarousel li embed,main #advcarousel li img{
     width:960px !important;
     height:300px !important;
}
main #advcarousel li iframe{
     width:960px;
     height:300px;
}
main #advcarousel div{
	height: 300px;
    background-size: cover;
    width: 960px;
    background-repeat: no-repeat;
    border-radius: 12px;
	box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px;
}
main section .body{
     width: 617px;
     margin-right: 44px;
     float: left;
}
main section > div, main section > aside{
    /* margin: 18px 0px;
     */
}
main section article{
     margin: 47px 0px;
}
main section article:first-child{
     margin: 0px;
}
main section article .content{
     margin: 18px 0px;
     padding: 22px;
     background-color: #FFFFFF;
}
main section article .content ul {
     margin-left:20px;
}
main section article .content li {
     margin-bottom:10px;
}
main section article .content h1,main section article .content h2,main section article .content h3 {
     margin-left:0px;
}
main section article .content iframe {
     width:100% !important;
}
 main section article .content p:first-child, main section article .content h1:first-child, main section article .content h2:first-child, main section article .content h3:first-child{
     margin-top: 0px;
}
main section article p img{
     max-width: 573px !important;
     height: auto !important;
}
main section article p iframe{
     max-width: 573px !important;
}
main section article .playercontainer,#popup .playercontainer,.lightbox .playercontainer{
     margin: 18px 0;
     padding-top: 6px;
     padding-bottom: 4px;
     background-color: #000000;
     overflow:hidden;
}
main section article .playercontainer h1,#popup .playercontainer h1,.lightbox .playercontainer h1{
     margin-left: 12px;
     font-size: 16px;
     padding: 0;
     margin-bottom: 8px;
     margin-top: 8px;
     color: #fff;
     text-align:left;
     font-family:'Effra-Medium';
     font-weight:normal;
}
main section article .playercontainer h2,#popup .playercontainer h2,.lightbox .playercontainer h2{
     margin-left: 12px;
     font-size: 14px;
     padding: 0;
     margin-bottom: 8px;
     margin-top: 8px;
     color: #fff;
     text-align:left;
     font-family:'Effra-Regular';
     font-weight:normal;
}
main section article .playercontainer aside,#popup .playercontainer aside,.lightbox .playercontainer aside{
     margin: 0;
     margin-left: 12px;
}
main section article .playercontainer aside a,#popup .playercontainer aside a,.lightbox .playercontainer aside a{
     color: #fff;
     font-family:'Effra-Medium';
}
main section article .playercontainer .player{
     width:605px !important;
     margin-left:4px;
}
main section article .content .playercontainer .player{
     width: 531px !important;
}
#popup .videocontainer, .lightbox .videocontainer{
     margin-top: 8px;
     overflow: hidden;
     width: 570px;
}
#popup .videocontainer .video, .lightbox .videocontainer .video{
     width:570px !important;
     height:279px !important;
}
#popup .videocontainer .player, .lightbox .videocontainer .player{
     width:558px !important;
     margin-left:4px;
}
main section article aside{
     margin: 18px 0;
}
main section article aside div{
     float: left;
     width: 302.5px;
}
main section article aside div.right.noleft{
     width: 605px;
}
main section article aside div.right *{
     text-align: right;
}
main #hottracksnewcontainer {
     padding-bottom:40px;
}
main #hottracksnewcontainer div {
     width: 968px;
}
main #hottracksnewcontainer div div{
     width: 222px;
     margin: 16px 0;
     height: auto;
     float: left;
     margin-right: 20px;
}
main #hottracksnewcontainer div div .hottracknewimage{
     margin: 0;
     border-width: 5px;
     border-color: #fff;
     border-style: solid;
     width: 100%;
     height: 222px;
     background-size: cover;
     cursor: pointer;
}
main #hottracksnewcontainer div div .hottracknewinfo h3{
     margin-bottom: 4px;
     margin-left: 12px;
     padding: 0;
}
main #hottracksnewcontainer div div .hottracknewinfo h3 span{
     line-height: 28px;
     padding: 4px 0;
     font-size: 20px;
     box-shadow: 12px 0 0 #000,-12px 0 0 #000;
     -moz-box-shadow: 12px 0 0 #000,-12px 0 0 #000;
     -webkit-box-shadow: 12px 0 0 #000,-12px 0 0 #000;
}
main #hottracksnewcontainer div div .hottracknewinfo h4{
     margin: 0px;
     margin-left: 12px;
     padding: 0;
}
main #hottracksnewcontainer div div .hottracknewinfo h4 span{
     padding: 4px 0;
     font-size: 18px;
     box-shadow: 12px 0 0 #000,-12px 0 0 #000;
     -moz-box-shadow: 12px 0 0 #000,-12px 0 0 #000;
     -webkit-box-shadow: 12px 0 0 #000,-12px 0 0 #000;
     background-color: #000;
     color: #fff;
     text-transform: uppercase;
}
main #hottracksnewcontainer div div .hottracknewinfo .vote span{
     margin-left: 12px;
}
main section article #hottrackscontainer div{
     width: 100%;
     margin: 16px 0;
     height: 100px;
}
main section article #hottrackscontainer div .popupcontainer{
     width: auto;
     height: auto;
     margin: 0;
     cursor: pointer;
}
main section article #hottrackscontainer div .hottracksimage{
     margin: 0;
     float: left;
     border-width: 5px;
     border-color: #fff;
     border-style: solid;
     width: 90px;
     height: 90px;
     background-size: cover;
     margin-right: 11px;
     cursor: pointer;
}
main section article #hottrackscontainer div .hottracksinfo{
     float: left;
     width: 444px;
     margin: 0;
     margin-top: 6px;
}
main section article #hottrackscontainer div .hottracksinfo h4, main section article #hottrackscontainer div .hottracksinfo h3{
     margin: 0;
     padding: 0;
     margin-left: 12px;
     margin-bottom: 6px;
}
main section article #hottrackscontainer div .hottracksinfo h3{
     margin-top: 5px;
}
main section article #hottrackscontainer div .hottracksinfo h4 span, main section article #hottrackscontainer div .hottracksinfo h3 span{
     box-shadow: 12px 0 0 #000,-12px 0 0 #000;
     -moz-box-shadow: 12px 0 0 #000,-12px 0 0 #000;
     -webkit-box-shadow: 12px 0 0 #000,-12px 0 0 #000;
     background-color: #000;
     color: #Fff;
     line-height: 18px;
     padding: 4px 0;
     font-size: 20px;
}
main section article #hottrackscontainer div .hottracksinfo h4 span{
     font-size: 18px;
     font-family: 'Cairo'; font-weight:200;
    ;
     text-transform: uppercase;
}
main section article #hottrackscontainer div .hottracksvote div img{
     height: 14px;
     width: 14px;
}
main section article #hottrackscontainer div .hottracksvote{
     float: left;
     width: 62px;
     margin: 0;
     margin-top: 9px;
}
main section article #hottrackscontainer div .hottracksvote div{
     margin: 0;
     height: auto;
}
main section article #hottrackscontainer div .hottracksvote div div{
     height: 18px;
     text-align: right;
     margin:0;
     margin-bottom: 9px;
     margin-left: -12px;
}
main section article #hottrackscontainer div .hottracksvote div div.rank span{
     font-family: 'Cairo'; font-weight:400;
}
main section article #hottrackscontainer div .hottracksvote div div span a{
     color: #fff;
     text-transform: uppercase;
}
#sitemap *{
     text-align: left;
}
main section article aside h1, footer #sitemap h1{
     margin-left: 12px;
     margin-bottom: 3px;
}
main section article aside h1 span, footer #sitemap h1 span{
     font-size: 20px;
	 font-weight: 800;
     //box-shadow:12px 0 0 #000,-12px 0 0 #000;
     //-moz-box-shadow:12px 0 0 #000,-12px 0 0 #000;
     -//webkit-box-shadow: 12px 0 0 #000,-12px 0 0 #000;
}
main section article aside li, main > aside li, footer #sitemap li{
     list-style: none;
     color: #FFFFFF;
     margin-left: 12px;
     margin-bottom: 1px;
}
main section article aside li span, main > aside li span, footer #sitemap li span{
     font-family: 'Cairo'; font-weight:400;
     text-transform: uppercase;
     font-size: 16px;
     display: inline-block;
     cursor:pointer;
	 //background-color: #000;
}
main > aside {
     width: 300px;
     float: left;
     line-height: 0px;
}
main > aside a .adv{
     margin: 18px 0;
}
main > aside a:first-child .adv{
     margin: 0px;
}
main > aside #subnav{
     margin-top: 4px;
}
main > aside h1{
     padding-bottom: 5px;
     margin-left: 12px
}
main > aside iframe:first-child{
     margin-top:-4px;
}
main > aside iframe{
     margin: 4px 0;
}
footer{
     /*margin-top: 110px;*/
     padding-bottom: 100px;
}
footer #sitemap {
    backdrop-filter: blur(16px) saturate(180%);
    -webkit-backdrop-filter: blur(16px) saturate(180%);
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 12px;
    border: 1px solid rgba(209, 213, 219, 0.3);
	padding: 20px;
}
footer #sitemap div{
     float: left;
     margin-right: 70px;
}
footer #sitemap a{
}
#popup, #game, .lightbox{
     top:0;
     left:0;
     display: none;
     position: fixed;
     height: 100%;
     width: 100%;
     background-image: url(../img/popupbg.png);
     background-repeat: repeat;
     z-index: 1001;
}
#popup > div, #game > div, .lightbox > div{
     padding-top: 200px;
     padding-bottom: 200px;
}
#popup #popupcontainer, #game #gamecontainer, .lightbox .lightboxcontainer{
     position: relative;
     margin: 0 auto;
     width: 570px;
     height: auto;
     padding: 30px;
     background-color: #fff;
}
#popup h1, .lightbox h1{
     font-size: 20px;
     margin: 0;
}
#popup h2, .lightbox h2{
     margin: 0 0 8px 0 ;
     font-family: 'Cairo'; font-weight:400;
}
#popup h3, .lightbox h3{
     margin: 18px 0;
}
#popup #popupimg{
     width: 630px;
     height: 315px;
     margin-left: -30px;
}
#popup .right{
     float: left;
     width: 350px;
}
#popup .right #pplay,#popup .right #pitunes,#popup .right #pstar{
     width:16px;
}
 #popup #popupimg div{
     width: 630px;
     height: 315px;
     background-size: cover;
     background-position: center center;
}
#popup .fb-like{
     margin-bottom: 10px;
     height: 21px;
}
#popup form, .lightbox form{
     margin-bottom: 30px;
}
.voteform table, article table{
     width: 100%;
}
#popup th, .voteform th, article form th, .lightbox th{
     padding-right: 45px;
     vertical-align: middle;
     text-align: left;
}
#popup .voteform td:first-child, .voteform td:first-child, article form td:first-child{
     padding-right:10px;
     width: 40px;
}
#popup .voteform td, .voteform td, article form td{
     padding-right:20px;
     vertical-align: middle;
}
#popup .voteform td img, .voteform td img, article form td img{
     height: 30px;
     width: 30px;
     margin-bottom: -5px;
     cursor: pointer;
}
#popup iframe, .lightbox iframe {
     width:100% !important;
}
#popup .fullwidth, .lightbox .fullwidth{
     width: 296px !important;
}
#popup input[type='text'], #popup input[type='email'], #popup input[type='password'],article form input[type='text'], article form input[type='email'], article form input[type='password'], input[type='number'],.lightbox input[type='text'], .lightbox input[type='email'], .lightbox input[type='password']{
     padding:0px;
     margin:0px;
     margin-top: 4px;
     margin-bottom: 4px;
     padding-left: 4px;
     border-width: 1px;
     border-style: solid;
     border-color: #000;
     width: 370px;
     height: 38px;
}
#popup select, article form select, .lightbox select{
     margin-top: 4px;
     margin-bottom: 4px;
     padding-left: 4px;
     border-width: 1px;
     border-style: solid;
     border-color: #000;
     width: 376px;
     height: 42px;
}
#popup input[type='button'],#popup input[type='button'],article form input[type='button'],article form input[type='button'], a.button, div.button, .lightbox input[type='button'], .lightbox input[type='button']{
     padding: 8px;
}
#popup textarea, article form textarea, .lightbox textarea{
     padding:5px 0px;
     margin:0px;
     margin-top: 4px;
     margin-bottom: 4px;
     padding-left: 4px;
     border-width: 1px;
     border-style: solid;
     border-color: #000;
     width: 370px;
     height: 190px;
     resize:none;
}
.nobutton{
     margin-top: 4px;
     margin-bottom: 4px;
     color: #60851e;
     padding: 13px;
     text-transform: uppercase;
     font-family: 'Cairo'; font-weight:400;
     background-color: transparent;
}
.alarmradiocontainer{
     height: 70px;
     padding: 0;
     margin: 0;
}
.alarmradiocontainer .alarmradio{
     position: absolute;
     left: 0px;
     width: 100%;
}
.bpurple{
     background-image: url(../img/APP_TBM_HG.jpg);
     background-size: cover;
     background-position: left center;
     color:#fff !important;
     width: 100% !important;
     border-bottom-width: 1px;
     border-style: solid;
     border-color: #f33ac4;
     font-family: 'Effra-Heavy' !important;
     height: 70px;
     padding: 0;
     padding-top: 1px;
}
.bblue{
     background-image: url(../img/APP_TBM_HG.jpg);
     background-size: cover;
     background-position: left center;
     color:#fff !important;
     width: 100% !important;
     border-bottom-width: 1px;
     border-style: solid;
     border-color: #04f5f5;
     font-family: 'Effra-Heavy' !important;
     height: 70px;
     padding: 0;
     padding-top: 1px;
}
.byellow{
     background-image: url(../img/APP_TBM_HG.jpg);
     background-size: cover;
     background-position: left center;
     color:#fff !important;
     width: 100% !important;
     border-bottom-width: 1px;
     border-style: solid;
     border-color: #fefe01;
     font-family: 'Effra-Heavy' !important;
     height: 70px;
     padding: 0;
     padding-top: 1px;
}
.bpurple.active{
     background-image: url(../img/APP_Club_HG.jpg) !important;
}
.bblue.active{
     background-image: url(../img/APP_Lounge_HG.jpg) !important;
}
.byellow.active{
     background-image: url(../img/APP_TBM_HGA.jpg) !important;
}
#popup input[type='button'],.lightbox input[type='button'], a.button, div.button, .button, .voteform input[type='button'], article form input[type='button']{
     margin-top: 4px;
     margin-bottom: 4px;
     background-color: #000;
     color: #fff;
     padding: 13px;
     text-transform: uppercase;
     font-family: 'Cairo'; font-weight:400;
}
a.button, div.button{
     display: inline-block;
}
#popup.notclose #popupclose, .lightbox.notclose .lightboxclose{
     display: none;
}
#popup #popupclose,.lightbox .lightboxclose{
     width: 40px;
     height: 40px;
     background-size: contain;
     background-image: url(../img/popupclose.jpg);
     position: absolute;
     right: 0px;
     top: 0px;
     cursor: pointer;
}
#popup #inbox header {
     padding:0px;
     margin:0px;
}
#popup #inbox img{
     max-width: 100%;
}
#popup #inbox #inboxcontent > div{
     display: none;
}
#popup #inbox #inboxcontent .active{
     display: block;
}
#popup #inbox #inboxcontent *{
     text-align: left;
}
#popup #inbox #inboxcontent #inboxroot div{
     min-height: 40px;
     padding-bottom: 10px;
     border-bottom-width: 1px;
     border-color: #000;
     border-style: solid;
     padding-left:10px;
}
#popup #inbox #inboxcontent #inboxroot div:first-child{
     border-top-width: 1px;
     border-color: #000;
     border-style: solid;
}
#popup #inbox #inboxcontent #inboxroot div.notread{
     background-color: #DDDDDD;
}
#popup #inbox #inboxcontent #inboxroot div h1{
     font-size: 14px;
     margin: 0;
     padding: 0;
     padding-top: 10px;
}
#popup #inbox #inboxcontent h2{
     font-size: 20px;
     font-family: 'Cairo'; font-weight:400;
}
#popup #inbox #inboxcontent #inboxroot div p{
     margin: 0;
     padding: 0;
}
#popup #inbox #inboxcontent div h1{
     margin-top: 10px;
}
#popup #alarm #alarmcontent p.popupcenter{
     text-align: center;
     font-size: 28px;
}
#popup #alarm #alarmcontent input[type='number']{
     margin-top: 4px;
     margin-bottom: 4px;
     border-width: 1px;
     border-style: solid;
     border-color: #000;
     width: 130px;
     height: 38px;
     text-align: center;
     font-size: 28px;
}
#popup #takemessagecontent{
     margin-top: 5px;
}
#pushmessage{
     display: none;
     height: 20px;
     position: absolute;
     top: 0px;
     left: 0px;
     width: 100%;
     background-color: #000;
     color: #fff;
     padding: 10px;
     font-size: 14px;
     text-align: center;
}
#appblack{
     position: fixed;
     display: block;
     top: 0px;
     left: 0px;
     height: 100%;
     width: 100%;
     background-color: #000000;
     z-index: 999;
}
#app{
     position: fixed;
     display: block;
     top: 0px;
     left: -100%;
     height: 100%;
     width: 100%;
     background-color: #000000;
     z-index: 1002;
     background-image:url(../img/logo.png);
     background-repeat:no-repeat;
     background-position:center center;
     background-size:100px 100px;
}
#app div{
     position: absolute;
     top:50%;
     color: #fff;
     font-size: 30px;
     margin-top: -15px;
     width: 100%;
     font-family: 'Cairo'; font-weight:400;
     text-align: center;
}
#king > h1{
     display: none;
}
#king > h2{
     display: none;
}
#king hr{
     border-top: solid 1px #FFF;
}
#king .content{
     background-color: #000;
     background-image: url(../img/kingbg.png);
     margin-top: -4px;
}
#king .content *{
     color: #fff;
}
#king #kingcontainer{
     width: 573px;
     overflow: hidden;
}
#king #kingcontainerview{
     width: 588px;
}
#king #kingcontainerview .king{
     float: left;
     margin-right: 11px;
     margin-bottom: 11px;
     cursor: pointer;
}
#king #kingcontainerview .king .kingimg{
     width: 135px;
     height: 143px;
     background-color: #000;
     position: relative;
     background-size: contain;
     background-position: center center;
     background-repeat: no-repeat;
}
#king #kingcontainerview .king .kinglayout{
     background-image: url(../img/kinglayout.png);
     width: 100%;
     height: 100%;
     background-size: contain;
     background-repeat: no-repeat;
     display: none;
}
#king #kingcontainerview .king .sponsor{
     position: absolute;
     bottom: 13px;
     background-size: cover;
     left: 22px;
     height: 28px;
     width: 91px;
     background-position: center center;
     display: none;
}
#game.king{
     background-image: url(../img/kingbg.png);
     overflow: hidden !important;
     position: fixed !important;
}
#game.king > div{
     padding: 0 !important;
     height: 100%;
     width: 100%;
}
#game.king #gamecontainer{
     background-color: transparent !important;
     height: 100%;
     width: 100%;
}
#game.king #gamecontainer #gamecontent{
     padding: 0 !important;
     height: 100%;
     width: 100%;
}
#game.king #kinglogo{
     background-image: url(../img/kingclickme.png);
     height: 100px;
     width: 100px;
     top: 10px;
     right: 10px;
     position: absolute;
     background-size: contain;
     display: none;
}
#game.king.leftlogo #kinglogo{
     right: auto;
     left: 10px;
}
#game.king #clickme{
     background-image: url(../img/kingclickme.png);
     width: 280px;
     height: 280px;
     position: absolute;
     margin-top: -140px;
     margin-left: -140px;
     top: 50%;
     left: 50%;
     background-size: contain;
     text-align: center;
     color: #e8be2d;
     font-size: 40px;
}
#game.king #clickme.is18{
     font-size: 24px;
}
#game.king #clickme button{
     background-color: #e8be2d;
     color: #000;
     font-size: 30px;
     margin-right: 10px;
     margin-left: 10px;
     width: 100px;
     padding: 20px;
}
#game.king #gameclose{
     width: 35px;
     height: 35px;
     background-size: contain;
     background-image: url(../img/gameclose.png);
     position: absolute;
     right: 0px;
     top: 0px;
     display: none;
}
.kingpopupimage {
     width:200px;
     height: 212px;
     float:left;
     margin-right:20px;
}
.kingpopupimage .kingpopupimg{
     width: 100%;
     height: 100%;
     position: relative;
     background-size: contain;
     background-position: center center;
     background-repeat: no-repeat;
}
.kingpopupimage .kingpopuplayout{
     background-image: url(../img/kinglayout.png);
     width: 100%;
     height: 100%;
     background-size: contain;
     background-repeat: no-repeat;
     display: none;
}
.kingpopupimage .popupsponsor{
     position: absolute;
     bottom: 20px;
     background-size: cover;
     left: 33px;
     height: 41px;
     width: 135px;
     background-position: center center;
     display: none;
}
.cron{
     width: 30px;
}
.gallery{
     margin: 12px 0px;
}
.tiles .tilescontainer{
     width: 100%;
     overflow: hidden
}
.tiles .tilescontainer .tilescontent{
     width: 584px;
}
.tiles .tilescontainer .tilescontent .tile div{
     width: 136px;
     height: 136px;
     background-size: cover;
     background-position: center center;
     float: left;
     margin-right: 10px;
     margin-bottom: 10px;
}
.slider{
     height: 350px;
     position: relative;
     overflow: hidden;
}
.slider .slides{
     margin: 0;
}
.slider .flex-direction-nav{
     position: absolute;
     top: 50%;
     width: 100%;
     margin: 0 !important;
}
.slider .flex-direction-nav .flex-prev{
     left: 0px;
}
.slider .flex-direction-nav .flex-next{
     right: 0px;
}
.slider .flex-direction-nav a{
     opacity: 1;
}
.slider .slide{
     height: 350px;
     width: 573px;
     background-size: cover;
     background-repeat: no-repeat;
     background-position: center center
}
#popup .slider .slide, .lightbox .slider .slide{
     width: 570px;
}
main .theshow{
     overflow: hidden;
     text-align: center;
}
main .theshow .showcontainer{
     text-align: left;
     width: calc(100% + 15px);
}
main .theshow .showcontainer > div{
     float: left;
     width: 301px;
     margin-right: 15px;
}
main .theshow .showcontainer > div h3{
     margin-left: 10px;
     font-size: 20px;
}
main .theshow .showcontainer > div h3 span{
     box-shadow: 12px 0 0 #000,-12px 0 0 #000;
     -moz-box-shadow: 12px 0 0 #000,-12px 0 0 #000;
     -webkit-box-shadow: 12px 0 0 #000,-12px 0 0 #000;
}
main .theshow .showcontainer div div{
     margin: 10px 0;
}
main .theshow .showcontainer div .popup{
     cursor: pointer;
}
main .theshow .showcontainer div .timelineimg {
     position: relative;
     float: left;
     width: 124px;
     height: 124px;
     background-color: #000;
     border-width: 5px;
     border-style: solid;
     border-color: #fff;
     margin: 0px;
     margin-right: 11px;
     background-size:cover;
     background-position:center center;
     background-image:url(/media/dabis/cover/default.jpg);
}
main .theshow .showcontainer div .timelineinfo {
     float: left;
     padding-top: 0px;
     width: 128px;
     min-height: 123px;
     position: relative;
     margin: 5px 0px;
}
main .theshow .showcontainer div .timelineinfo h2, main .theshow .showcontainer div .timelineinfo h3{
     margin-left: 12px;
     margin-bottom: 0px;
}
main .theshow .showcontainer div .timelineinfo h2 span, main .theshow .showcontainer div .timelineinfo h3 span{
     font-size: 14px;
     line-height: 24px;
     box-shadow: 12px 0 0 #000,-12px 0 0 #000;
     -moz-box-shadow: 12px 0 0 #000,-12px 0 0 #000;
     -webkit-box-shadow: 12px 0 0 #000,-12px 0 0 #000;
}
main .theshow .showcontainer div .timelineinfo h3 span{
     font-family: 'Cairo'; font-weight:200;
}
main .theshow .showcontainer div .timelineinfo .time{
     margin: 0px;
     margin-left: 12px;
     position: absolute;
     bottom: 0px;
}
main .theshow .showcontainer div .timelineinfo .time span{
     font-family: 'Cairo'; font-weight:600;
     color: #fff;
     font-size: 12px;
     line-height: 21px;
}
main .theshow .showcontainer div .adv{
     width: 440px;
     height: 145px;
     border-style: solid;
     border-width: 5px;
     border-color: #fff;
}
main .theshow #theshowmore{
     margin-left: 12px;
     margin-top: 15px;
     padding: 2px 0px;
     display: inline-block;
     cursor: pointer;
}
main .theshow #theshowmore span{
     font-family: 'Cairo'; font-weight:400;
     font-size: 18px;
}
@media only screen and (max-width : 1180px) {
     header, main, footer{
         width: 961px;
         margin: 0 auto;
    }
     main{
         margin-top: 30px;
    }
     footer{
         margin-top: 120px;
         margin-bottom: 100px;
    }
     header #play{
         right: 10px;
    }
     #ask, #ask1 {
         display:none;
    }
     main #moreline{
         margin-left: -1px;
    }
     main #more{
         position:static;
         width: 78px;
         margin: 73px auto;
         left:auto;
    }
	footer #sitemap div {
    float: left;
    margin-right: 50px;
	}	
}
#popup img, .lightbox img{
     max-width: 570px;
     height: auto;
}
.commentcontainer > div{
     border-bottom: 1px solid #000;
     margin-bottom: 15px;
}
.commentcontainer > div:last-child{
     border-bottom: none;
}
#f-show-image, #f-show-image_clone{
     position: relative;
}
@media only screen and (max-width : 1023px) {
     .tickerwrapper {
	left: 40px !important;
    width: 88% !important;
    top: 170px !important;
    border-radius: 0 !important;
    }
     header nav ul > li{
         margin-left:0px;
    }
     #filter-news {
         position:absolute;
         margin-top:82px;
         margin-left:315px;
    }
     #preview-news {
         margin-left:315px;
         margin-top:82px !important;
    }
     main section article .playercontainer .player{
         width:575px !important;
    }
     body{
         padding-top: 26px;
    }
     header, main, footer{
         width: 587px;
    }
     header #mobile{
         display: block;
    }
     header #mobileactive{
         display: block;
    }
     .team img {
         width:170px;
         height:170px;
    }
     header nav{
         width: 450px;
         height: 78px;
         top: 62px;
         padding-left:0px;
         left: 102px;
    }
     header nav ul{
         position: absolute;
         top: 78px;
         padding-left: 0px;
         display: none;
         background-color: #000;
         width: 350px;
         margin: 0;
    }
     header nav li{
         text-align: center;
         float: none;
         padding: 0;
         height: auto;
    }
     header nav li.lounger{
         width: auto;
    }
     header nav li#lounger, header nav li#clubr, header nav li#homer{
         display: block;
    }
     header nav li ul{
         display: none;
         position: static;
         margin-left: 0px;
         padding: 0;
         background-color: #FFF;
    }
     header nav li ul.ie{
         background-color: #FFF;
         margin-left: 0px;
    }
     header nav li ul.ie span{
         padding-left: 0px;
         padding-right: 0px;
    }
     header nav li ul li{
         display: block !important;
         height: auto;
        /*line-height: 57px;
        */
         padding: 15px 0;
         margin-left: 0px;
         margin-bottom: 0px;
    }
     header nav li ul li span{
         background-color: transparent;
         box-shadow: none;
         -moz-box-shadow: none;
         -webkit-box-shadow: none;
         cursor: pointer;
    }
     header nav li ul li a, header nav li ul li a span, header nav li ul li span{
         color: #000;
         font-family: 'Cairo'; font-weight:600;
         text-transform: uppercase;
         font-size: 22px;
    }
     header #logo{
         width: 160px;
         background-size: contain;
         height: 190px;
         left: -30px;
         top: 5px;
    }
     header #play{
         width: 65px;
         height: 78px;
         background-image: url(../img/playmobile.jpg);
    }
     header #play #playstart{
         width: 65px;
         height: 78px;
    }
     header #play.active{
         background-image: url(../img/pausemobile.jpg);
    }
     header #playercontainer{
         display: none;
    }
     main #advcarousel{
         width: 577px;
         height: 172px;
         margin-left: 1px;
    }
     main #advcarousel div{
         height: 172px;
         width: 577px;
    }
     main #advcarousel li iframe, main #advcarousel li object, main #advcarousel li embed, main #advcarousel li img{
         width:577px !important;
         height:172px !important;
    }
     main .timeline header{
         width: 587px;
		 margin-left: 10px;
    }
     main .timeline{
         width: 587px;
    }
     main .timeline .timelinecontainer{
         width: 630px;
    }
     main .timeline .timelinecontainer > div{
         width: 245px;
         margin-right: 70px;
    }
     main .timeline .timelinecontainer div .timelineimg{
         float: none;
    }
     main .timeline .timelinecontainer div .timelineinfo{
         float: none;
         position: static;
         min-height: 0;
    }
     main .timeline .timelinecontainer div .timelineinfo .time{
         position: static;
         padding-top:5px;
    }
     main .timeline .timelinecontainer div .adv{
         width: 245px;
         height: 81px;
         background-size: contain;
    }
     main section{
         float: none;
         width: 587px;
    }
     main section article aside div{
         width: 287.5px;
    }
     main section article aside div.right.noleft{
         width: 575px;
    }
     main section article p img {
         max-width: 543px !important;
    }
     main section article p iframe {
         max-width: 543px !important;
    }
     main section article .playercontainer .player{
         width: 587px;
         background-size: contain;
    }
     main #hottracksnewcontainer div {
         width: 597px;
    }
     main #hottracksnewcontainer div div {
         width: 179px;
    }
     main #hottracksnewcontainer div div .hottracknewimage{
         height: 179px;
    }
     main #hottracksnewcontainer div div {
         width: 179px;
    }
     main section article #hottrackscontainer div .hottracksinfo{
         width: 414px;
    }
     main > aside iframe{
         display: none;
    }
     #alb, #ask, #ask1 main > aside #subnav{
         display:none;
    }
     #king #kingcontainer{
         width: 541px;
    }
     #king #kingcontainerview{
         width: 600px;
    }
     #king #kingcontainerview .king .kingimg{
         width: 127px;
         height: 134px;
    }
     #king #kingcontainerview .king .sponsor{
         bottom: 12px;
         left: 21px;
         height: 26px;
         width: 85px;
    }
     #king #kingcontainerview .king .name{
         bottom: 12px;
    }
     header #mobileactive .cron{
         width: 45px;
    }
     .tiles .tilescontainer .tilescontent{
         width: 552px;
    }
     .tiles .tilescontainer .tilescontent .tile div{
         width: 128px;
         height: 128px;
    }
     .slider .slide{
         height: 329px;
         width: 543px;
    }
     #popup .tiles .tilescontainer .tilescontent, .lightbox .tiles .tilescontainer .tilescontent{
         width: 584px;
    }
     #popup .tiles .tilescontainer .tilescontent .tile div, .lightbox .tiles .tilescontainer .tilescontent .tile div{
         width: 136px;
         height: 136px;
    }
     main .theshow .showcontainer > div{
         width: 264px;
         margin-right: 0px;
    }
     main .theshow .showcontainer div .timelineimg{
         width: 115px;
         height: 115px;
    }
     main .theshow .showcontainer div .timelineinfo{
         width: 128px;
         min-height: 109px;
    }
	footer #sitemap div {
		float: left;
		margin-right: 70px;
	}	
}
@media only screen and (max-width : 680px) {
     .tickerwrapper {
	top: 80px !important;
    width: 90% !important;
    left: 0 !important;
    }
	.tickhead {
		display: none !important;
	}
	.ticker2 {
		padding: 0 !important;
	}
	.ticker2 ul li a {
		font-size: 12px;
	}
     main section article .playercontainer {
         width:294px;
    }
     main section article .playercontainer .player{
         width:280px !important;
    }
     main section article .content .playercontainer{
         width: 250px;
    }
     main section article .content .playercontainer .player{
         width: 238px !important;
    }
     #popup .videocontainer, .lightbox .videocontainer{
         width: 300px;
    }
     #popup .videocontainer .video, .lightbox .videocontainer .video{
         width:300px !important;
         height:300px !important;
    }
     #popup .playercontainer, .lightbox .playercontainer{
         width:300px;
    }
     #popup .playercontainer .player, .lightbox .playercontainer .player{
         width:265px !important;
         margin-left:4px;
    }
     .team img {
         width:114px;
         height:114px;
    }
     h1, h2, h3{
         margin-left: 10px;
         margin-bottom: 3px;
         text-transform:uppercase;
    }
     h1 {
         margin-bottom:7px;
    }
     main span{
         //box-shadow: 6px 0 0 #000,-6px 0 0 #000;
         //-moz-box-shadow: 6px 0 0 #000,-6px 0 0 #000;
         //-webkit-box-shadow: 6px 0 0 #000,-6px 0 0 #000;
         padding: 3px 0px;
    }
     h1 span{
         font-size: 26px;
         line-height:28px;
         padding: 6px 0px;
         //box-shadow:10px 0 0 #000,-10px 0 0 #000;
         //-moz-box-shadow:10px 0 0 #000,-10px 0 0 #000;
         //-webkit-box-shadow:10px 0 0 #000,-10px 0 0 #000;
    }
     h2 span{
         font-size: 18px;
         line-height:22px;
         //box-shadow:10px 0 0 #000,-10px 0 0 #000;
         //-moz-box-shadow:10px 0 0 #000,-10px 0 0 #000;
         //-webkit-box-shadow:10px 0 0 #000,-10px 0 0 #000;
    }
     h3 span{
         font-size: 13px;
         line-height:17px;
         //box-shadow:10px 0 0 #000,-10px 0 0 #000;
         //-moz-box-shadow:10px 0 0 #000,-10px 0 0 #000;
         //-webkit-box-shadow:10px 0 0 #000,-10px 0 0 #000;
    }
     .popup-image {
         width:300px;
         height: auto;
         float:none;
         margin-right:0px;
    }
     header, main, footer{
         width: 293.5px;
    }
     header > div{
         height: 96px;
    }
     header nav{
         width: 230px;
         height: 39px;
         left: 50px;
         top: 31px 
    }
     header #logo{
         width: 85px;
         height: 96px;
         background-size: contain;
         left: -20px;
         top: 2px;
    }
     header #play{
         width: 32.5px;
         height: 39px;
         background-size: contain;
         top: 31px;
    }
     header #play #playstart{
         width: 32.5px;
         height: 39px;
    }
     header #mobile{
         left: 105px;
         top: 43.5px;
         height: 2px;
         width: 18.5px;
         margin: 0px;
         border-top: 8.25px double #fff;
         border-bottom: 3px solid #fff;
    }
     header #mobileactive{
         left: 135px;
         top: 32.75px;
         font-size: 16px;
         line-height:38px;
    }
     header nav ul{
         top: 39px;
         width: 175px;
    }
     header nav li{
         line-height: 28.5px;
    }
     header nav li a, header nav li{
         font-size: 16px;
    }
     header nav li ul li{
         line-height: normal;
         height: auto;
         padding: 3.25px 0;
    }
     header nav li ul li a, header nav li ul li a span, header nav li ul li span{
         font-size: 16px;
    }
     main{
         margin-top: 27.5px 
    }
     main #advcarousel{
         width: 288.5px;
         height: 86px;
         border-width: 2.75px;
    }
     main #advcarousel li iframe, main #advcarousel li object, main #advcarousel li embed, main #advcarousel li img{
         width:288.5px !important;
         height:86px !important;
    }
     main #advcarousel div{
         width: 288.5px;
         height: 86px;
    }
     main #advcarousel li iframe{
         width:288.5px;
         height:86px;
    }
     main .timeline{
         width: 293.5px;
    }
     main .timeline header{
         width: 293.5px;
         margin-top: 27.5px;
    }
     main .timeline #time, main .timeline #date{
         margin-left: 6px;
    }
     main .timeline #time span, main .timeline #date span{
         font-size: 22px;
         //box-shadow: 6px 0 0 #000,-6px 0 0 #000;
         //-moz-box-shadow: 6px 0 0 #000,-6px 0 0 #000;
         //-webkit-box-shadow: 6px 0 0 #000,-6px 0 0 #000;
    }
     main .timeline header h1{
         margin-left: 6px;
    }
     main .timeline header h1 span{
         //box-shadow: 6px 0 0 #000,-6px 0 0 #000;
         //-moz-box-shadow: 6px 0 0 #000,-6px 0 0 #000;
         //-webkit-box-shadow: 6px 0 0 #000,-6px 0 0 #000;
    }
     main .timeline header .portrait{
         height: 72.5px;
         width: 72.5px;
         margin-top: 1px;
         background-size: contain;
    }
     main .timeline .timelinecontainer{
         width: 315px;
    }
     main .timeline .timelinecontainer > div{
         width: 293px;
         margin-right: 0px;
		 margin-top: 40px;
         /*display: none;*/
    }
     main .timeline .timelinecontainer > div.active{
         display: block;
    }
     main .timeline .timelinecontainer div div{
         margin: 8px 0;
    }
     main .timeline .timelinecontainer div .timelineimg{
         width: 64px;
         height: 64px;
         background-color: #000;
         border-width: 2.75px;
         border-style: solid;
         border-color: #fff;
         margin: 0px;
         margin-right: 10px;
         float: left;
    }
     main .timeline .timelinecontainer div .timelineinfo{
         width: 168px;
         /*float: left;*/
    }
     main .widgetinfo{
		text-align: center;
		margin-top: 40px;
    }	
     main .timeline .timelinecontainer div .timelineinfo h2{
         margin-bottom: 4px;
         margin-left: 6px;
    }
     main .timeline .timelinecontainer div .timelineinfo h2 span, main .timeline .timelinecontainer div .timelineinfo h3 span{
         font-size: 14px;
         line-height:18px;
         //box-shadow: 6px 0 0 #000,-6px 0 0 #000;
         //-moz-box-shadow: 6px 0 0 #000,-6px 0 0 #000;
         //-webkit-box-shadow: 6px 0 0 #000,-6px 0 0 #000;
    }
     main .timeline .timelinecontainer div .timelineinfo h3{
         margin-left: 6px;
    }
     main .timeline .timelinecontainer div .timelineinfo h3 span{
         line-height: 13px;
    }
     main .timeline .timelinecontainer div .timelineinfo .time{
         margin-left: 6px;
    }
     main .timeline .timelinecontainer div .timelineinfo .time span{
         font-size: 11px;
    }
     main .timeline .timelinecontainer div .adv{
         width: 122.5px;
         height: 40.5px;
         background-size: contain;
    }
     main .timeline.noportrait header{
         margin-bottom: 77.5px;
    }
     main #moreline{
         display: none;
    }
     main #more{
         width: 51px;
         margin: 0px;
         margin-left:-6px;
    }
     main #more span{
         font-size: 13px;
    }
     main section{
         width: 293.5px;
    }
     main section article p img {
         max-width: 250px !important;
    }
     main section article p iframe {
         max-width: 250px !important;
    }
     main section article .playercontainer h1{
         font-size: 14px;
    }
     main section article .playercontainer .player{
         width: 293.5px;
         height: 29px 
    }
     main section article aside div{
         width: 143.5px;
    }
     main section article aside div.right.noleft{
         width: 287px;
    }
     main section article aside h1, footer #sitemap h1{
         margin-left: 6px;
         margin-bottom:3px !important;
    }
     main section article aside h1 span, footer #sitemap h1 span{
         font-size: 14px;
         line-height:14px;
         padding:4px 0px;
         //box-shadow: 6px 0 0 #000,-6px 0 0 #000;
         //-moz-box-shadow: 6px 0 0 #000,-6px 0 0 #000;
         //-webkit-box-shadow: 6px 0 0 #000,-6px 0 0 #000;
    }
     main section article aside li, main > aside li, footer #sitemap li{
         margin-left: 6px;
         margin-bottom:1px;
    }
     main section article aside li span, main > aside li span, footer #sitemap li span{
         font-size: 13px;
         line-height:13px;
    }
     main #hottracksnewcontainer{
         margin: 8px 0;
    }
     main #hottracksnewcontainer div {
         width: 100%;
         margin: 0;
    }
     main #hottracksnewcontainer div div {
         width: 100%;
         margin: 0;
         margin: 4px 0;
    }
     ain #hottracksnewcontainer div div div {
         float: left;
    }
     main #hottracksnewcontainer div div .hottracknewimage{
         height: 110.5px;
         width: 110.5px;
         border-width: 2.75px;
         margin-right: 10px;
    }
     main #hottracksnewcontainer div div .hottracknewinfo{
         width: 160px;
    }
     main #hottracksnewcontainer div div .hottracknewinfo h3{
         margin-left: 6px;
         margin-bottom: 5px;
    }
     main #hottracksnewcontainer div div .hottracknewinfo h3 span{
         font-size: 14px;
         line-height:16px;
         box-shadow: 6px 0 0 #000,-6px 0 0 #000;
         -moz-box-shadow: 6px 0 0 #000,-6px 0 0 #000;
         -webkit-box-shadow: 6px 0 0 #000,-6px 0 0 #000 
    }
     main #hottracksnewcontainer div div .hottracknewinfo h4{
         margin-left: 6px;
    }
     main #hottracksnewcontainer div div .hottracknewinfo h4 span{
         font-size: 13px;
         line-height: 13px;
         box-shadow: 6px 0 0 #000,-6px 0 0 #000;
         -moz-box-shadow: 6px 0 0 #000,-6px 0 0 #000;
         -webkit-box-shadow: 6px 0 0 #000,-6px 0 0 #000;
    }
     main #hottracksnewcontainer div div .hottracknewinfo .vote{
         margin-top: 10px;
    }
     main #hottracksnewcontainer div div .hottracknewinfo .vote span{
         margin-left: 6px;
    }
     main section article #hottrackscontainer{
         margin: 8px 0;
         width: 294px;
    }
     main section article #hottrackscontainer div{
         height: 100%;
         margin: 8px 0;
    }
     main section article #hottrackscontainer div .hottracksinfo{
         width: 160px;
         height: auto;
         float:left;
         margin-top: 1px;
    }
     main section article #hottrackscontainer div .hottracksinfo h3{
         margin-bottom: 5px;
         margin-left: 6px;
    }
     main section article #hottrackscontainer div .hottracksinfo h4{
         margin-left: 6px;
         margin-bottom: 5px;
    }
     main section article #hottrackscontainer div .hottracksinfo h3 span{
         font-size: 14px;
         box-shadow: 6px 0 0 #000,-6px 0 0 #000;
         -moz-box-shadow: 6px 0 0 #000,-6px 0 0 #000;
         -webkit-box-shadow: 6px 0 0 #000,-6px 0 0 #000;
    }
     main section article #hottrackscontainer div .hottracksinfo h4 span{
         font-size: 13px;
         box-shadow: 6px 0 0 #000,-6px 0 0 #000;
         -moz-box-shadow: 6px 0 0 #000,-6px 0 0 #000;
         -webkit-box-shadow: 6px 0 0 #000,-6px 0 0 #000;
    }
     main section article #hottrackscontainer div .hottracksvote{
         width: 100%;
    }
     main section article #hottrackscontainer div .hottracksimage{
         margin-bottom: 3px;
         border-width: 2.75px;
         width: 110.5px;
         height: 110.5px;
    }
     main section article #hottrackscontainer div .hottracksvote div img{
         height: 12px;
         width: 12px;
    }
     main section article #hottrackscontainer div .hottracksvote div{
         width: 100%;
         margin: 0;
         margin-top: 1px;
    }
     main section article #hottrackscontainer div .hottracksvote div div{
         float: left;
         margin: 0;
    }
     main section article #hottrackscontainer div .hottracksvote div div span{
         font-size: 13px;
    }
     main section article #hottrackscontainer div .hottracksvote div div:first-child{
         margin: 0;
    }
     main section article #hottrackscontainer div .hottracksvote div div.rank{
         text-align: left;
         width: 43px;
         margin-left: 6px;
    }
     main section article #hottrackscontainer div .hottracksvote div div.state{
         width: auto;
         text-align: center;
    }
     main section article #hottrackscontainer div .hottracksvote div div.vote{
         width: 69px;
         text-align: left;
         margin-left: 13px;
    }
     main section article #hottrackscontainer div .hottracksvote div div.vote span{
         font-size: 13px;
    }
     main #rubric{
         display: block;
    }
     footer {
         margin-top: 113.5px;
         margin-bottom: 50px;
    }
	footer #sitemap {
		padding: 10px;
	}
     footer #sitemap div{
		float: left;
		margin: 0;
    }
     #popup, #game, .lightbox{
         position: absolute;
         background-image: none;
         background-color: #fff;
    }
     #popup, .lightbox{
         overflow: auto;
         -webkit-overflow-scrolling: auto;
    }
     #popup .right{
         width: auto;
    }
     #popup > div, #game > div, .lightbox > div{
         padding-top: 0px;
         padding-bottom: 0px;
    }
     #popup #popupcontainer, #game #gamecontainer, .lightbox .lightboxcontainer{
         width: 100%;
         padding: 0px;
    }
     #popup #popupcontainer #popupcontent, #game #gamecontainer #gamecontent, .lightbox .lightboxcontainer .lightboxcontent{
         padding: 10px;
         width:300px;
         margin: 0 auto;
    }
     #popup #popupcontainer #popupcontent h1, #game #gamecontainer #gamecontent h1, .lightbox .lightboxcontainer .lightboxcontent h1{
         font-size:18px;
         line-height:20px;
    }
     #popup #popupcontainer #popupcontent h2, #game #gamecontainer #gamecontent h2, .lightbox .lightboxcontainer .lightboxcontent h2{
         font-size:18px;
         line-height:20px;
    }
     #popup #popupclose, .lightbox .lightboxclose{
         background-size: contain;
         width: 35px;
         height: 35px;
         z-index: 104;
    }
     #popup #popupimg{
         width: 100%;
         height: 150px;
         margin-left: 0px;
    }
     #popup #popupimg div{
         width: 100%;
         height: 150px;
    }
     #popup table, .lightbox table{
         width: 100%;
    }
     #popup form th, article form th, .lightbox form th{
         padding-right: 20px;
         text-align: left;
    }
     #popup form td, article form td, .lightbox form td{
         text-align: right;
         padding-right: 5px;
    }
     #popup .voteform td:first-child, .voteform td:first-child{
         padding-right: 0;
         width: 40px;
    }
     #popup .voteform td, .voteform td{
         text-align: left;
         height: 40px;
         padding-right: 0px;
    }
     #popup input[type='text'], #popup input[type='email'], #popup input[type='password'], article form input[type='text'], article form input[type='email'], article form input[type='password'], #popup input[type='number'], .lightbox input[type='text'], .lightbox input[type='email'], .lightbox input[type='password']{
         width: 140px;
         height: 25px 
    }
     #popup select, article form select, .lightbox select{
         width: 145px;
         height: 32px 
    }
     #popup textarea, article form textarea, .lightbox textarea{
         width: 140px;
    }
     #popup input[type='button'],#popup input[type='button'],article form input[type='button'],article form input[type='button'], a.button, div.button, .lightbox input[type='button'], .lightbox input[type='button']{
         padding: 8px;
    }
     #popup .player, .lightbox .player{
         width: 280px;
         height: 27px;
    }
     #show-image {
         width:300px;
         height:94px;
         background-color:#000000;
         margin:0px auto;
    }
     .flex-control-nav {
         display:none;
    }
     #filter-news {
         position:static;
         margin-top:76px;
         margin-left:0px;
         display:none;
    }
     #preview-news {
         width:260px;
         margin-left:0px;
         margin-top:76px !important;
    }
     #king #kingcontainer{
         width: 249px;
    }
     #king #kingcontainerview{
         width: 280px;
    }
     #king #kingcontainerview .king .kingimg{
         width: 119px;
         height: 126px;
    }
     #king #kingcontainerview .king .sponsor{
         bottom: 11px;
         left: 19px;
         height: 25px;
         width: 81px;
    }
     #king #kingcontainerview .king .name{
         bottom: 11px;
         font-size: 9px;
    }
     .kingpopupimage {
         width: 300px;
         height: 318px;
         margin: 0;
         float: none;
    }
     .kingpopupimage .popupsponsor {
         left: 49px;
         height: 61px;
         width: 202px;
         bottom: 30px;
    }
     header #mobileactive .cron, .cron{
         width: 23px;
    }
     #popup img, .lightbox img{
         max-width: 300px;
    }
     .tiles .tilescontainer .tilescontent{
         width: 260px;
    }
     .tiles .tilescontainer .tilescontent .tile div{
         width: 120px;
         height: 120px;
    }
     .slider .slide{
         height: 329px;
         width: 250px;
    }
     #popup .tiles .tilescontainer .tilescontent, .lightbox .tiles .tilescontainer .tilescontent{
         width: 311px;
    }
     #popup .tiles .tilescontainer .tilescontent .tile div, .lightbox .tiles .tilescontainer .tilescontent .tile div{
         width: 93.5px;
         height: 93.5px;
    }
     #popup .slider .slide, .lightbox .slider .slide{
         width: 300px;
    }
     main .theshow .showcontainer > div{
         width: 293px;
    }
     main .theshow .showcontainer div .timelineinfo{
         width: 157px;
    }
}
@media only screen and (min-width : 681px) {
     .filter-box {
         display:block !important;
    }
}
#played {
     //height:350px;
     height: 192px;
	 margin-left: 10px;
}
 #ondemand, #contact, #donate {
     width : 100%;
    height : 100%;
    max-width : 80%;
    max-height : 80%;
}
#crew{
     width: 100%;
     height: 100%;
     max-width: 100%;
     max-height: 100%;
     margin: 0 auto;
     text-align: center;
}
 #members{
     display: inline-block;
}
#ondemand h2, #crew h2, #contact h2, #donate h2 {
     font-size:30px;
}
 #ondemand p, #crew p, #contact p, #donate p{
     font-size: 16px;
}
@-webkit-keyframes loaderAnim {
     to {
         opacity: 0.3;
         -webkit-transform: translate3d(0,-100px,0);
         transform: translate3d(0,-100px,0);
    }
}
@keyframes loaderAnim {
     to {
         opacity: 0.3;
         -webkit-transform: translate3d(0,-100px,0);
         transform: translate3d(0,-100px,0);
    }
}
/* Content */
.crew {
     padding: 0 0 4em;
     height: 800px;
     min-height: 100vh;
     display: flex;
     flex-wrap: wrap;
     align-items: center;
     justify-content: center;
     position: relative;
}
.crew:not(:first-child) {
     padding: 4em 0;
}
.content--c2 {
     background: #e5f8a3;
}
.content--c3 {
     background: #2e27ad;
}
.content--c4 {
     background: #ffb59c;
}
.content--c5 {
     background: #e0f0f9;
}
.content--c6 {
     background: #232138;
}
.content--c7 {
     background: #99e4a2;
}
.media-item {
     display: inline-block;
     padding: 1em;
     vertical-align: top;
     -webkit-transition: color 0.3s;
     transition: color 0.3s;
}
.media-item__img {
     max-width: 100%;
     opacity: 0.3;
     -webkit-transition: opacity 0.3s;
     transition: opacity 0.3s;
}
.media-item:hover .media-item__img,.media-item:focus .media-item__img {
     opacity: 1;
}
.media-item__title {
     margin: 0;
     padding: 0.5em;
     font-size: 1em;
}
@media screen and (max-width: 55.625em) {
     .content {
         height: auto;
    }
}
.tilter {
     display: block;
     position: relative;
     width: 300px;
     height: 415px;
     margin: 1.5em 2.5em;
     color: #fff;
     flex: none;
     perspective: 1000px;
     font-family: 'Effra-Regular', serif;
}
.tilter *, .tilter *::after, .tilter *::before {
     pointer-events: none;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
}
.tilter:hover,.tilter:focus {
     color: #fff;
     outline: none;
}
/*.tilter__figure,.tilter__deco,.tilter__title,.tilter__caption {
     text-transform: capitalize;
}
*/
.tilter__figure,.tilter__image {
     margin: 0;
     width: 100%;
     height: 100%;
     display: block;
}
.tilter__figure > * {
     transform: translateZ(0px);
    /* Force correct stacking order */
}
.smooth .tilter__figure,.smooth .tilter__deco--overlay,.smooth .tilter__deco--lines,.smooth .tilter__deco--shine div,.smooth .tilter__caption {
     transition: transform 0.2s ease-out;
}
.tilter__figure {
     position: relative;
}
.tilter__figure::before {
     content: '';
     position: absolute;
     width: 90%;
     height: 90%;
     top: 5%;
     left: 5%;
     box-shadow: 0 30px 20px rgba(35,32,39,0.5);
}
.tilter__deco {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     overflow: hidden;
}
.tilter__deco--overlay {
     background-image: linear-gradient(45deg, rgba(226, 60, 99, 0.4), rgba(145, 58, 252, 0.4), rgba(16, 11, 192, 0.4));
}
.tilter__deco--shine div {
     position: absolute;
     width: 200%;
     height: 200%;
     top: -50%;
     left: -50%;
     background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.5) 0%, rgba(255, 255, 255, 0.25) 50%, transparent 100%);
}
.tilter__deco--lines {
     fill: none;
     stroke: #fff;
     stroke-width: 1.5px;
}
.tilter__caption {
     position: absolute;
     bottom: 0;
     width: 100%;
     padding: 4em;
}
.tilter__title {
     margin: 0;
     font-weight: normal;
     font-size: 2.5em;
     font-family: 'Effra-Regular', serif;
     line-height: 1;
     text-transform: capitalize;
}
.tilter__description {
     margin: 1em 0 0 0;
     font-size: 0.85em;
     letter-spacing: 0.15em;
}
/* Individual styles */
/* Example 1 (Default) */
.tilter--1 .tilter__figure::before {
     box-shadow: 0 30px 20px rgba(0,0,0,0.5);
}
/* Example 2 (thicker lines, overlay) */
.tilter--2,.tilter--2:hover,.tilter--2:focus {
     color: #2e27ad;
}
.tilter--2 .tilter__deco--overlay {
     background-image: linear-gradient(45deg, rgba(245, 239, 40, 0.6), rgba(164, 22, 169, 0.6));
}
.tilter--2 .tilter__deco--lines {
     stroke: #2e27ad;
     stroke-width: 4px;
}
/* Example 3 (no lines, overlay hard-light) */
.tilter--3 .tilter__deco--overlay {
     background-image: linear-gradient(45deg, rgba(205, 81, 220, 0.6), rgba(41, 94, 230,0.5));
}
.tilter--3 .tilter__caption {
     padding: 2em;
     text-align: right;
     text-shadow: 0.1em 0.8em 1em rgba(0,0,0,0.35);
}
/* Example 4 (caption sliding in) */
.tilter--4 .tilter__deco--overlay {
     background-image: linear-gradient(20deg, rgb(214, 100, 40), rgba(46, 39, 173, 0.58), rgba(53, 74, 165, 0.6));
}
@media screen and (min-width: 30em) {
     .tilter--4 .tilter__deco--lines {
         transform: scale3d(0.8,0.8,1);
         transition: transform 0.4s;
    }
     .tilter--4:hover .tilter__deco--lines {
         transform: scale3d(1,1,1);
    }
     .tilter--4 .tilter__title, .tilter--4 .tilter__description {
         transform: translate3d(0,80px,0);
         opacity: 0;
         transition: transform 0.4s, opacity 0.4s;
    }
     .tilter--4:hover .tilter__description {
         transition-delay: 0.1s;
    }
     .tilter--4:hover .tilter__title, .tilter--4:hover .tilter__description {
         transform: translate3d(0,0,0);
         opacity: 1;
    }
}
/* Example 5 (line animating) */
.tilter--5 .tilter__deco--lines path {
     stroke-dasharray: 1270;
     stroke-dashoffset: 1270;
     transition: stroke-dashoffset 0.7s;
}
.tilter--5:hover .tilter__deco--lines path {
     stroke-dashoffset: 0;
}
.tilter--5 .tilter__figure::before {
     box-shadow: none;
}
/* Example 6 (different line position) */
.tilter--6,.tilter--6:hover,.tilter--6:focus {
     color: #2e27ad;
}
.tilter--6 .tilter__deco--overlay {
     background-image: linear-gradient(45deg, rgba(46, 39, 173, 0.2), rgba(255, 186, 59, 0.58));
}
.tilter--6 .tilter__deco--lines {
     stroke: #2e27ad;
     stroke-width: 6px;
     top: -50px;
     left: -50px;
}
.tilter--6 .tilter__caption {
     padding: 0 4em 5.5em 1em;
}
.tilter--6 .tilter__figure::before {
     box-shadow: none;
}
/* Example 7 (different line) */
.tilter--7 .tilter__deco--overlay {
     background-image: linear-gradient(45deg, rgba(93, 203, 106, 0.48), rgba(59, 239, 255, 0.58));
}
.tilter--7 .tilter__deco--lines {
     stroke-width: 20px;
     transform: scale3d(0.9,0.9,1);
     opacity: 0;
     transition: transform 0.3s, opacity 0.3s;
}
.tilter--7:hover .tilter__deco--lines {
     opacity: 1;
     transform: scale3d(1,1,1);
}
.tilter--7 .tilter__figure::before {
     box-shadow: none;
}
/* Example 8 (different line) */
.tilter--8 {
     perspective: none;
}
.tilter--8 .tilter__figure {
     transform-style: flat;
}
.tilter--8 .tilter__deco--lines {
     stroke: #9255ae;
     stroke-width: 6px;
     mix-blend-mode: color-burn;
}
.tilter--8 .tilter__caption {
     color: #9255ae;
     mix-blend-mode: color-burn;
}
.tilter--8 .tilter__figure::before {
     box-shadow: none;
}

/* Ajax Song Request Fancybox */
.fancybox-slider, .fancybox-slide { /*height: 100% !important;*/ width: 100% !important; position:relative !important;}	

input,
.submit,
.email, 
.typeahead,
.tt-query,
.tt-hint {
  font-family: 'Cairo', sans-serif;
  //width: 90% !important;
  padding: 8px 12px !important;
  font-size: 20px !important;
  line-height: 30px !important;
  border: 2px solid #ccc;
  -webkit-border-radius: 8px;
     -moz-border-radius: 8px;
          border-radius: 8px;
  outline: none !important;
}

.email,
.typeahead {
  background-color: #fff !important;
}

.submit {color: #fff !important; background-color: #FFC300 !important; border: 2px solid #FFC300 !important; cursor: pointer;}

.submit:focus, .submit:hover {color: #fff !important; background-color: #FFC300 !important; border: 2px solid #FF1818 !important;}

.email:focus, .typeahead:focus {
  border: 2px solid #FFC300;
}

.tt-query {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.tt-hint {
  color: #999
}

.tt-menu {
  width: 100%;
  margin: 12px 0;
  padding: 8px 0;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 8px;
     -moz-border-radius: 8px;
          border-radius: 8px;
  -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
     -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
          box-shadow: 0 5px 10px rgba(0,0,0,.2);
}

.tt-suggestion {
  padding: 3px 20px;
  font-size: 18px;
  line-height: 24px;
}

.tt-suggestion:hover {
  cursor: pointer;
  color: #000;
  background-color: #FFC300;
}

.tt-suggestion.tt-cursor {
  color: #fff;
  background-color: #FFC300;

}

.tt-suggestion p {
  margin: 0;
}
.tt-selectable strong {
  font-style: bold !important;
  color: #FF1818;
}
.tt-selectable:hover strong {
  font-style: bold !important;
}

/* Blog Feed */
.blog-slider {
  width: 95%;
  position: relative;
  max-width: 800px;
  margin: auto;
  background: #fff;
  box-shadow: 0px 14px 80px rgba(34, 35, 58, 0.2);
  padding: 25px;
  border-radius: 25px;
  height: 400px; 
  transition: all 0.3s;
  margin-bottom: 35px;
} 
 
@media screen and (max-width: 992px) {
  .blog-slider {
    max-width: 680px; 
    height: 400px;
  
  }
}
@media screen and (max-width: 768px) {
  .blog-slider {
    min-height: 500px;
    height: auto;
    margin: 180px auto;
  }
}
@media screen and (max-height: 500px) and (min-width: 992px) {
  .blog-slider {
    height: 350px;
  }
}
.blog-slider__item {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .blog-slider__item {
    flex-direction: column;
  }
}
.blog-slider__item.swiper-slide-active .blog-slider__img img {
  opacity: 1;
  transition-delay: 0.3s;
}
.blog-slider__item.swiper-slide-active .blog-slider__content > * {
  opacity: 1;
  transform: none;
}
.blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(1) {
  transition-delay: 0.3s;
}
.blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(2) {
  transition-delay: 0.4s;
}
.blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(3) {
  transition-delay: 0.5s;
}
.blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(4) {
  transition-delay: 0.6s;
}
.blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(5) {
  transition-delay: 0.7s;
}
.blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(6) {
  transition-delay: 0.8s;
}
.blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(7) {
  transition-delay: 0.9s;
}
.blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(8) {
  transition-delay: 1s;
}
.blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(9) {
  transition-delay: 1.1s;
}
.blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(10) {
  transition-delay: 1.2s;
}
.blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(11) {
  transition-delay: 1.3s;
}
.blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(12) {
  transition-delay: 1.4s;
}
.blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(13) {
  transition-delay: 1.5s;
}
.blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(14) {
  transition-delay: 1.6s;
}
.blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(15) {
  transition-delay: 1.7s;
}
.blog-slider__img {
    width: 250px;
    flex-shrink: 0;
    height: 250px;
    background-image: linear-gradient(147deg, #FFC300 0%, #FF1818 74%);
    box-shadow: 0px 13px 27px -5px rgb(255 24 24 / 20%);
    border-radius: 20px;
    transform: translateX(-80px);
    overflow: hidden;
}
.blog-slider__img:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(147deg, #FFC300 0%, #FF1818 74%);
  border-radius: 20px;
  opacity: 0.5;
}
.blog-slider__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  opacity: 0;
  border-radius: 20px;
  transition: all 0.3s;
}
@media screen and (max-width: 768px) {
  .blog-slider__img {
    transform: translateY(-50%);
    width: 90%;
  }
}
@media screen and (max-width: 576px) {
  .blog-slider__img {
    width: 95%;
  }
}
@media screen and (max-height: 500px) and (min-width: 992px) {
  .blog-slider__img {
    height: 270px;
  }
}
.blog-slider__content {
  padding-right: 25px;
}
@media screen and (max-width: 768px) {
  .blog-slider__content {
    margin-top: -80px;
    text-align: center;
    padding: 0 30px;
  }
}
@media screen and (max-width: 576px) {
  .blog-slider__content {
    padding: 0;
  }
}
.blog-slider__content > * {
  opacity: 0;
  transform: translateY(25px);
  transition: all 0.4s;
}
.blog-slider__code {
  color: #7b7992;
  margin-bottom: 15px;
  display: block;
  font-weight: 500;
}
.blog-slider__title {
  font-family: "Cairo",Helvetica,sans-serif !important;
  font-size: 24px;
  font-weight: 700;
  color: #0d0925;
  margin-bottom: 20px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;  
  overflow: hidden;
  line-height: 1.2em;
}
.blog-slider__text {
  font-family: "Cairo",Helvetica,sans-serif !important;
  color: #4e4a67;
  margin-bottom: 30px;
  line-height: 1.5em;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;  
  overflow: hidden;
}
.blog-slider__button {
  display: inline-flex;
  background-image: linear-gradient(147deg, #FFC300 0%, #FF1818 74%);
  padding: 15px 35px;
  border-radius: 50px;
  color: #fff;
  box-shadow: 0px 14px 80px rgba(252, 56, 56, 0.4);
  text-decoration: none;
  font-family: "Cairo",Helvetica,sans-serif !important;
  font-weight: 500;
  justify-content: center;
  text-align: center;
  letter-spacing: 1px;
}
.blog-slider__button:hover {
  color: #FFC300;
}
@media screen and (max-width: 576px) {
  .blog-slider__button {
    //width: 100%;
  }
}
.blog-slider .swiper-container-horizontal > .swiper-pagination-bullets, .blog-slider .swiper-pagination-custom, .blog-slider .swiper-pagination-fraction {
  bottom: 10px;
  left: 0;
  width: 100%;
}
.blog-slider__pagination {
  position: absolute;
  z-index: 21;
  right: 20px;
  width: 11px !important;
  text-align: center;
  left: auto !important;
  top: 50%;
  bottom: auto !important;
  transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
  .blog-slider__pagination {
    transform: translateX(-50%);
    left: 50% !important;
    top: 180px;
    width: 100% !important;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
.blog-slider__pagination.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 8px 0;
}
@media screen and (max-width: 768px) {
  .blog-slider__pagination.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 5px;
  }
}
.blog-slider__pagination .swiper-pagination-bullet {
  width: 11px;
  height: 11px;
  display: block;
  border-radius: 10px;
  background: #FFC300;
  opacity: 0.2;
  transition: all 0.3s;
}
.blog-slider__pagination .swiper-pagination-bullet-active {
  opacity: 1;
  background: #FF1818;
  height: 30px;
  box-shadow: 0px 0px 20px rgba(255, 24, 24, 0.3);
}
@media screen and (max-width: 768px) {
  .blog-slider__pagination .swiper-pagination-bullet-active {
    height: 11px;
    width: 30px;
  }
}

/*---------------------------------------
----------- Sticky Footer Notification --------
---------------------------------------*/
#sticky-window {
    background: #fff;
	width: 380px;
    padding: 5px;
    border-radius: 0.75rem;
	box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.08);
    font-size: 11px;
    position: fixed;
    font-weight: normal;
    bottom:10px;
	left:0;
    /* 
	margin-left: -95px;
    width: 380px;
    height: 80px;
	*/
    line-height: 1.5;
    -webkit-animation: 'wobble' 5s;
    -webkit-animation-iteration-count: infinite;
	}
	@-webkit-keyframes 'wobble' {
	  0% { -webkit-transform: translate(0, 0) rotate(0deg) scale(1); }
	  75% { -webkit-transform: translate(0, 0) rotate(0deg) scale(1); }
  	80% { -webkit-transform: translate(0, 0) rotate(2deg) scale(1); }
  	85% { -webkit-transform: translate(0, 0) rotate(-2deg) scale(1.1); }
  	90% { -webkit-transform: translate(0, 0) rotate(2deg) scale(1); }
  	95% { -webkit-transform: translate(0, 0) rotate(-2deg) scale(0.9); }	
  	100% { -webkit-transform: translate(0, 0) rotate(0deg) scale(1); }
	}
	#sticky-window h6 {
	  font-size: 11px;
	  margin: 0;
	  padding: 15px 0 0 0;
	}
	#sticky-window .sticky-window-link{
	}
	#sticky-window .sticky-window-comment{
    color: #aaa;
	font-size: 11px;
	}
	#sticky-window a#sticky-window-image {
	  float:left;
	  margin-right: 10px;
	}
	#sticky-window a#sticky-window-image img {
	  border: 0;
	}
	#sticky-window a strong {
	  color: #ed2824;
	  font-size: 11px;
	}
	#sticky-window a:hover {
	text-shadow: none;
	}