@import url('../font/quark.css');
:after,
:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
html { min-height: 100%; position: relative; width: 1200px; margin: auto;}
body { background-color: #000; padding-bottom: 20px; position: relative; }
ul { list-style: none; padding: 0; margin: 0; }
a,
a:hover,
a:focus { text-decoration: none; text-shadow: none; color: #eb2031;}
h1,
h2,
h3,
h4,
h5,
h6 { margin: 0; }

/* Non-Responsive */
.main-container { width: 1200px; margin: auto; position: relative; }
.container { width: 1200px; max-width: none !important; padding: 0 50px; }
.row { margin-left: 0; margin-right: 0; }
.row-full { margin-left: -15px; margin-right: -15px; }

/* Placeholder */
::-webkit-input-placeholder { color: #fff; }
:-moz-placeholder { color: #fff; }
:focus { outline: none; color: #fff; }
.media { margin-top: 15px; }
.media:first-child { margin-top: 0; }
.media,
.media-body { overflow: hidden; zoom: 1; }
.media-body { width: 10000px; }
.media-object { display: block; }
.media-object.img-thumbnail { max-width: none; }
.media-right,
.media>.pull-right { padding-left: 10px; }
.media-left,
.media>.pull-left { padding-right: 10px; }
.media-body,
.media-left,
.media-right { display: table-cell; vertical-align: top; }
.media-middle { vertical-align: middle; }
.media-bottom { vertical-align: bottom; }
.media-heading { margin-top: 0; margin-bottom: 5px; }
.media-list { padding-left: 0; list-style: none; }

/* Link Color */
.href-red { color: #eb2031; }
.href-red:hover { color: #eb2031; }

/* Helper Class */
.clearfix:before,
.clearfix:after,
.form-group:before,
.form-group:after,
.nav:before,
.nav:after { content: ''; clear: both; display: table; }
.visible-inline { display: inline; }
.visible-inline-block { display: inline-block; }
.visible-block { display: block; }
.font-face { font-family: 'QuarkBold'; }
.indent { text-indent: -9999px; display: inline-block; }
.no-pdall { padding: 0 !important; }
.no-pdl { padding-left: 0 !important; }
.no-pdr { padding-right: 0 !important; }
.no-mgall { margin: 0 !important; }
.headline { font-family: 'QuarkBold'; font-size: 30px; color: #fff; text-shadow: -2px 2px 2px #000; }
.headline-yellow { color: #ffc000; }
.bg-opc { background: url('../img/bg-opa.png') repeat 0 0; }
.divide-line { background-color: #fff; height: 1px; width: 100%; display: block; }
.mg-t20 { margin-top: 20px !important; }
.mg-b20 { margin-bottom: 20px !important; }
.pd-t20 { padding-top: 20px !important; }
.pd-b20 { padding-bottom: 20px !important; }
.mg-t40 { margin-top: 40px !important; }
.mg-b40 { margin-bottom: 40px !important; }
.pd-t40 { padding-top: 40px !important; }
.pd-b40 { padding-bottom: 40px !important; }

/* pagination */
.pagination { margin: 20px auto 0; text-align: center; }
.pagination ul li { display: inline-block; }
.pagination ul li a:hover,
.pagination ul .active a { background-color: #eb2031; }
.pagination ul li a { border-radius: 50%; background-color: #fff; width: 10px; height: 10px; text-indent: -9999px; display: inline-block; padding: 4px; margin: 0 2px; }
.pagination .prev a,
.pagination .next a { background: url('../img/btn-slide.png') no-repeat 0 0; width: 30px; height: 30px; }
.pagination .prev a { margin-right: 20px; }
.pagination .prev:hover a { background-position: 0 -32px; }
.pagination .next a { background-position: right 0; margin-left: 20px; }
.pagination .next:hover a { background-position: right -32px; }
.pagination .prev a { left: 0; }
.pagination .next a { right: 0; }

/* Text Align */
.text-center { text-align: center; }
.text-left { text-align: left; }
.text-right { text-align: right; }

/* Input dashline ball */
.input-dashline-ball { position: relative; }
.form-inline .input-dashline-ball .form-control,
.input-dashline-ball .form-control { background: url('../img/dash-line.png') repeat-x 0 bottom; background-color: transparent !important; padding-left: 18px; font-size: 12px; }
.input-dashline-ball:before { content: ''; background: url('../img/icon-ball-sm-white.png') no-repeat left 0; width: 13px; height: 13px; position: absolute; top: 7px; }

/* Require */
.require:after { content: '*'; color: #eb2031; display: inline-block; }

/* Header */
header { padding: 20px 0 0; }
.brand { text-align: center; }
.logo-hrcp { background: url('../img/logo-hrcp.png') no-repeat 0 0; width: 226px; height: 198px; position: relative; z-index: 9;}
.logo-sponsor { background: url('../img/logo-sponsor.png') no-repeat 0 0; width: 287px; height: 60px; }
.sponsor { margin-bottom: 8px; }

/* Post Entry */
.post-entry { color: #fff; font-size: 20px; font-family: 'QuarkBold'; }

/* Captcha */
.captcha { margin-bottom: 40px; position: relative; }
.captcha-image { margin-bottom: 20px; }
.captcha-input .form-control { font-size: 14px; }
.captcha-input .require {position: absolute !important; left: -14px;}

/* iCon */
.icon { display: inline-block; vertical-align: middle; }
.icon-close { background: url('../img/btn-close.png') no-repeat 0 0; width: 44px; height: 44px; }
.icon-fb { background-image: url('../img/icon-fb.png'); }
.icon-ig { background-image: url('../img/icon-ig.png'); }
.icon-tw { background-image: url('../img/icon-tw.png'); }
.icon-yt { background-image: url('../img/icon-yt.png'); }
.icon-shirt-menu { background: url('../img/icon-menu-shirt.png') no-repeat 0 0; width: 109px; height: 106px; }
.icon-shirt-menu:hover { background: url('../img/icon-menu-shirt.png') no-repeat 2px -108px; }
.icon-ball-sm { background: url('../img/icon-ball-sm.png') no-repeat 0 0; width: 13px; height: 13px; }
.icon-ball-sm-white { background: url('../img/icon-ball-sm-white.png') no-repeat 0 0; width: 13px; height: 13px; }
.icon-ball-lg { background: url('../img/icon-ball-lg.png') no-repeat 0 0; width: 25px; height: 25px; }
.icon-office { background: url('../img/icon-office.png') no-repeat 0 0; width: 23px; height: 23px; }
.icon-phone { background: url('../img/icon-phone.png') no-repeat 0 0; width: 22px; height: 21px; }
.icon-mail { background: url('../img/icon-mail.png') no-repeat 0 0; width: 26px; height: 16px; }

/* Social icon */
.social { margin-bottom: 28px; }
.social .icon { width: 35px; height: 35px; background-position: 0 0; background-repeat: no-repeat; }

/* Button */
.btn { text-transform: uppercase; border: 0; line-height: normal; display: inline-block; }
.btn.font-face { font-size: 16px; }
.btn-red-circle,
.btn-gray-circle { width: 60px; height: 60px; text-align: center; color: #fff; font-size: 10px; font-weight: bold; line-height: 60px; }
.btn-red-circle span,
.btn-gray-circle span { line-height: 18px; display: inline-block; vertical-align: middle; }
.btn-red-circle { background: url('../img/btn-red-circle.png') no-repeat 0 0; }
.btn-red-circle:hover { color: #fff; }
.btn-gray-circle { background: url('../img/btn-gray-circle.png') no-repeat 0 0; }
.btn-register { background: url('../img/btn-register.png') no-repeat 0 0; width: 248px; height: 233px; }
.btn-register-sm { background: url('../img/btn-register-sm.png') no-repeat 0 0; width: 133px; height: 124px; }
.btn-readmore { background: url('../img/btn-slide.png') no-repeat right -32px; width: 32px; height: 32px; }
.btn-play-video { background: url('../img/btn-play-video.png') no-repeat 0 0; width: 210px; height: 210px;}

/* Custom select, radio */
.select-style { position: relative; }
.select-style:after { content: ""; position: absolute; width: 24px; height: 14px; top: 50%; right: 8px; margin-top: -7px; background-image: url('../img/icon-down.png'); background-repeat: no-repeat; z-index: 2; pointer-events: none; }
.select-style select { appearance: none; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; width: 100%; }

/* Login Popup */
.login-modal { background: url('../img/player.png') no-repeat center center transparent; }
.login-modal .modal-footer { margin: -20px auto 0; width: 670px; }
.login-modal .register-now h1 { color: #fff; font-size: 34px; float: left; margin-top: 37px; }
.login-modal .form-group .span-control { font-size: 14px; }
.login-modal .form-group .span-control a { color: #fff; }
.login-modal .captcha { margin-bottom: 20px; }
.login-modal .captcha-image { margin-bottom: 10px; }
.login-modal .btn-red-circle { margin: auto; }
.modal-content { width: 295px; margin: auto; }
.modal-header { text-align: center; }
.modal-header .modal-title { font-size: 50px; font-family: 'QuarkBold'; color: #fff; }
.modal .close { position: absolute; top: 0; right: 50px; background-color: #fff; padding: 28px 8px 8px; z-index: 1051; }

/* Tabs */
.tabs { margin-bottom: 20px; }
.nav-tabs>li:first-child { margin-left: 0; }
.nav-tabs>li { position: relative; display: block; float: left; margin-bottom: -1px; background-color: #fff; width: 326px; margin-left: 30px; }
.nav-tabs>li>a { margin: 5px; display: block; text-align: center; font-family: 'QuarkBold'; font-size: 26px; color: #000; transition: all .2s linear; -webkit-transition: all .2s linear; -moz-transition: all .2s linear; -ms-transition: all .2s linear; }
.nav-tabs>li>a:hover,
.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover { background-color: #eb2031; color: #fff; box-shadow: 0 0 10px -2px #000 inset; }
.tab-content { margin-top: 20px; }
.tab-content>.tab-pane { display: none; }
.tab-content>.active { display: block; }
.fade { opacity: 0; -webkit-transition: opacity .15s linear; -o-transition: opacity .15s linear; transition: opacity .15s linear; }
.fade.in { opacity: 1; }

/* slide-nav-thumbnail */
.slide-nav-thumbnail { width: 626px; margin: auto; }
.slide-nav-thumbnail .slick-slide { margin: 0 10px; }
.slide-nav-thumbnail .slick-list { padding: 0 !important; }
.slide-nav-thumbnail .slide-nav .slick-current { border: 5px solid #eb2031; overflow: hidden; width: 200px !important; }
.slide-nav-thumbnail .slide-nav .slick-current img { margin: -5px; overflow: hidden; }
.slide-nav-thumbnail .slick-prev,
.slide-nav-thumbnail .slick-next { top: 50%; }
.slide-nav-thumbnail .slick-prev { left: -50px; }
.slide-nav-thumbnail .slick-next { right: -50px; }

/* Layout */
.left-top,
.brand,
.right-top { padding-left: 0; padding-right: 0; }
.main-content { margin: 30px; }

/* Datetimepicker */
.bootstrap-datetimepicker-widget { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; font-size: 14px; text-align: left; list-style: none; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, .15); border-radius: 4px; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175); box-shadow: 0 6px 12px rgba(0, 0, 0, .175); }

/* Footer */
footer { position: relative; bottom: 0; width: 100%; }
footer .copyright { color: #fff; font-size: 12px; font-weight: bold; }

/* Heading */
.heading { float: right; text-align: right; margin-bottom: 95px; }
.heading-bg { background: url('../img/hd-bg-center.png') repeat-x 0 0; height: 65px; display: inline-block; margin: 0 15px 0 13px; font-family: 'QuarkBold'; font-size: 30px; margin-bottom: 30px; position: relative; min-width: 295px; padding-right: 65px; }
.heading-bg:before,
.heading-bg:after { content: ''; display: inline-block; vertical-align: middle; height: 65px; }
.heading-bg:before { background: url('../img/hd-bg-left.png') no-repeat left 0; width: 13px; margin-left: -13px; }
.heading-bg:after { background: url('../img/hd-bg-right.png') no-repeat right 0; width: 15px; margin-right: -15px; position: absolute; top: 0; right: 0; }
.heading-bg span { vertical-align: middle; }

/* Page Name */
.page-heading { color: #fff; font-size: 100px; font-family: 'QuarkBold'; text-shadow: -2px 2px 3px #000; line-height: 75px; }

/* Breadcrumb */
.breadcrumb { font-family: 'QuarkBold'; position: relative; top: -20px; margin-top: -40px; z-index: 5; }
.breadcrumb a { color: #fff; font-size: 20px; }
.breadcrumb a + a:before { content: '>'; display: inline-block; color: #fff; margin: 0 5px; }
.breadcrumb .active { color: #eb2031; }

/* Form */
.input-file-style,
.default-form input[type="text"],
.default-form input[type="password"],
.default-form textarea { background-color: #333; width: 100%; border: 0; }
label { font-family: 'QuarkBold'; color: #fff; font-size: 20px; }
.label-heading { display: block; margin: 0 0 27px 50px; }
fieldset { padding: 0; margin: 0; border: 0; }
fieldset .form-group label { text-indent: 10px; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }
.form-inline .form-group { display: inline-block; line-height: normal; margin-bottom: 0; }
.form-inline .form-control { height: auto; padding: 0 5px; }
.form-group { margin-bottom: 20px; }
.form-control { color: #fff; font-family: 'QuarkBold'; font-size: 20px; padding: 0 0 0 5px; height: 30px; width: 100%; }
.default-form input[type="text"].visible-inline,
.default-form .form-control.visible-inline,
.form-control.visible-inline { width: auto; }
input[type="text"].bg-trans,
.form-control.bg-trans { background-color: transparent; }
input[type="text"],
input[type="password"] { background: none; border: 0; }

/* Select option */
select,
select.form-control,
.select-control { color: #fff; height: 30px; background-color: #eb2031; border: 0; padding-left: 5px; }
.select-control span { display: block; padding: 2px 0 2px 5px; font-family: 'QuarkBold'; font-size: 20px; }

/* Textarea */
textarea.form-control { height: auto; }

/* Checkbox, Radio */
.checkbox-inline,
.radio-inline { position: relative; display: inline-block; padding-left: 20px; margin-bottom: 0; font-weight: 400; vertical-align: middle; cursor: pointer; }
.checkbox label,
.radio label { min-height: 20px; padding-left: 20px; margin-bottom: 0; font-weight: 400; cursor: pointer; }
.checkbox input[type=checkbox],
.checkbox-inline input[type=checkbox],
.radio input[type=radio],
.radio-inline input[type=radio] { position: absolute; margin-top: 4px\9; margin-left: -20px; top: 8px; }
.checkbox+.checkbox,
.radio+.radio { margin-top: -5px; }
.checkbox-inline,
.radio-inline { position: relative; display: inline-block; padding-left: 20px; margin-bottom: 0; font-weight: 400; vertical-align: middle; cursor: pointer; }
.checkbox-inline+.checkbox-inline,
.radio-inline+.radio-inline { margin-top: 0; margin-left: 10px; }
.input-file-style { position: relative; overflow: hidden; height: 30px; }
.fake-input {background-color: transparent;border: 0;width: 100%;height: 30px;}
.input-file-style input[type="file"] { position: absolute; top: 0; right: 0; margin: 0; padding: 0; font-size: 20px; cursor: pointer; opacity: 0; filter: alpha(opacity=0); }

/* Span Control */
.span-control { position: absolute; top: 0; left: 100%; color: #eb2031; font-size: 16px; font-family: 'QuarkBold'; width: 100%; height: 30px; margin-left: 10px; }
.span-control.bottom { bottom: 0; }
.span-control.white span { border-bottom: 1px solid #fff; }
.span-control a { color: #eb2031; }
.span-control span { border-bottom: 1px solid #eb2031; display: inline-block; line-height: 14px; vertical-align: sub; }

/* User Manage */
.user-login { width: 306px; height: 60px; }
.user-login .form { padding: 11px 0 0; }
.user-login .form-group:first-child { width: 140px; }
.user-login .form-group { display: inline-block; margin-bottom: 0; width: 160px; position: relative; }
.user-login .form-group .form-control { font-size: 10px; font-weight: bold; color: #fff; padding-right: 7px; }
.user-login .form-group:first-child:after { content: ''; width: 1px; height: 19px; background-color: #fff; position: absolute; top: 4px; right: 4px; }
.user-login .btn-login { position: absolute; top: 0; right: 0; }

/* User login success */
.login-success .form { background: url('../img/dash-line.png') repeat-x 0 bottom; position: relative; padding-bottom: 8px; }
.login-success .button-group { position: absolute; top: 0; left: 100%; }
.login-success .button-group .btn { display: block; margin-bottom: 10px; }
.login-success .welcome span { font-size: 16px; font-weight: bold; text-transform: uppercase; color: #fff; }
.login-success .welcome .user-account { font-size: 12px; text-transform: none; }

/* User Register */
.user-register,
.user-forget-password { display: inline-block; margin: 0 0 0 16px; font-size: 14px; font-family: 'QuarkBold'; }
.user-register span,
.user-forget-password span { display: inline-block; border-bottom: 1px solid; line-height: 12px; }
.register-user-activity .date { border-bottom: 1px solid #eb2031; margin-right: 9px; }
.register-user-activity .date label { padding-left: 15px; }
.register-user-activity .date span { font-size: 20px; }

/* Main menu list */
.main-menu { width: 317px; }
.menu-list-wrapper { position: relative; }
.menu-list-wrapper > li:hover .menu-list { display: block; }
.menu-list { position: absolute; top: 0; left: 0; right: 0; z-index: 5; width: 300px; background: url('../img/menu-arrow.png') no-repeat 28% 4%; padding: 10px 0 0}
.menu-list li { background: url('../img/menu-circle.png') no-repeat 0 0; width: 65px; height: 65px; text-align: center; display: inline-block; margin: 0 10px 10px 0;}
.menu-list li:hover { background: url('../img/menu-circle.png') no-repeat 0 -67px; }
.menu-list a { line-height: 65px; font-family: 'QuarkBold'; font-size: 12px; color: #231f20; display: block; }
.menu-list li:hover a { color: #fff; }
.menu-list a span { line-height: 13px; display: inline-block; vertical-align: middle; }

/* Background Cover Default */
.bg-cover { background-repeat: no-repeat; background-position: center top; }
.bg-cover-default { background-image: url('../img/bg-cover-default.png'); }

/* Swap image */
.swap-img img:hover { cursor: pointer; }

/* Homepage */
.home { background-image: url('../img/bg-home.png'); }
.home .intro { text-align: right; position: relative; margin-top: -70px; color: #fff; text-shadow: -3px 3px 3px #000; padding: 0; float: right; }
.home .intro .emphasis { color: #eb2031; }
.home .intro h1 { font-size: 110px; font-weight: bold; margin: 0; line-height: 90px; }
.home .intro h2 { font-size: 48px; }
.home .intro-caption { letter-spacing: 0.7px; margin-bottom: 27px; }
.home .intro-caption p { font-family: 'QuarkBold'; font-size: 20px; margin: 0; text-shadow: -2px 2px 2px #000; }
.home .intro-caption .fnt-32 { font-size: 32px; }
.home .intro-caption .fnt-26 { font-size: 26px; }
.home .register-ball { float: right; text-align: center; }

/* register page */
.register-form .form-group { padding-left: 50px; }
.register-form .divide-line { margin: 40px 0; }
.register-form .form-group .col-xs-3 { width: 300px; padding: 0; position: relative; }

/* News */
.news { position: relative; padding: 0; width: 405px; }
.news-page { background-image: url('../img/bg-news.png'); }
.btn-news-all { font-family: 'QuarkBold'; font-size: 16px; float: right; margin: -40px -80px 0 0; }
.btn-news-all:hover,
.btn-news-all:focus { color: #fff; }
.news-item { float: left; width: 200px; position: relative; }
.news-item a { color: #fff; }
.news-item a:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: url('../img/filter.png') repeat-x 0 0; }
.news-item:hover .news-date { background-color: #ea2030; color: #fff; }
.news-date { position: absolute; top: 0; left: 0; display: table; background-color: #fff; padding: 7px 11px; text-transform: uppercase; color: #000; min-width: 60px; }
.news-date .day { font-size: 20px; font-weight: 900; display: table-cell; vertical-align: top; line-height: 100%; position: relative; top: -2px; }
.news-date .month,
.news-date .year { font-size: 8px; font-weight: 900; display: block; line-height: 100%; }
.news-caption { position: absolute; bottom: 0; font-size: 10px; font-family: 'QuarkBold'; padding: 0 10px; }
.slick-prev:before,
.slick-next:before { content: ''; }
.slick-prev,
.slick-next { top: 120%; background: url('../img/btn-slide.png') no-repeat 0 0; width: 30px; height: 30px; }
.slick-prev:hover { background-position: 0 -32px !important; }
.slick-next { background-position: right 0; }
.slick-next:hover { background-position: right -32px !important; }
.slick-prev { left: 0; }
.slick-next { right: 0; }
.news .slick-slider { border-bottom: 1px solid #fff; }
.news .slick-dots { margin: auto; left: 0; right: 0; width: 70%; bottom: -35px; }
.news .slick-dots li { width: 10px; height: 10px; }
.news .slick-dots li button:before { content: ''; }
.news .slick-dots li button { background-color: #fff; border-radius: 50%; width: 10px; height: 10px; }
.news .slick-dots .slick-active button { background-color: #eb2031; }

/* Rules Tab */
.rules-score img { margin: 60px auto 0; display: block; }

/* Player Page */
.player-page .headline { color: #ffc000; margin-bottom: 10px; }
.player-page .media-body { color: #fff; font-family: 'QuarkBold'; font-size: 20px; }
.player-page .media-heading { color: #ffc000; }
.player-page .media { background-color: #1a1a1a; padding: 10px; margin-bottom: 20px; position: relative; }
.player-page .name-en { text-transform: uppercase; }
.player-page .player-info h4 { margin-bottom: 6px; }
.player-page .avatar { display: block; padding: 5px; background-color: #fff; }
.player-page .avatar img { border: 2px dotted #434343; padding: 3px; }
.player-page .fav-team { position: absolute; right: 10px; bottom: 10px; }
.team-info { margin: 20px 0; }
.team-info .sponsor-by,
.team-info .team-manager { font-family: 'QuarkBold'; font-size: 20px; color: #fff; }
.gd-line { background: url('../img/gd-line.png') no-repeat 0 bottom; padding-bottom: 4px; }
.gd-line-full { background: url('../img/gd-line-full.png') no-repeat 0 bottom; padding-bottom: 4px; }

/* Player Detail */
.player-detail .fav-team { position: relative; right: auto; bottom: auto; }
.player-detail .media { background-color: transparent; padding: 0 0 0; }
.player-detail .team-info { margin-bottom: 45px; }
.player-detail .media-left { padding-right: 20px; }
.player-detail .avatar { display: block; padding: 10px; background-color: #fff; }
.player-detail .player-list-item .avatar:hover { background-color: #eb2031; }
.player-detail .avatar img { border: 2px dotted #434343; padding: 8px; }
.player-detail .player-list { padding: 0; margin: 0 0 20px -10px; }
.player-detail .player-list-item { display: inline-block; margin-left: 10px; }
.player-detail .player-list-item .avatar { display: inline-block; padding: 5px; }
.player-detail .player-list-item .avatar img { padding: 3px; background-color: #fff; }

/* Annouce */
.announce-page .media-left { min-width: 317px; }
.announce-page .media-body { padding-left: 20px; }
.announce-page .avatar { float: left; }
.announce-page .player-info .media-heading { font-size: 30px; margin-bottom: 0; }
.announce-page .skill { text-align: right; }
.announce-page .media { padding: 20px; }
.announce-page .announce-result { margin-bottom: 20px; }
.announce-page .player-score { text-align: center; }
.announce-page .player-score .media-heading { font-size: 40px; color: #fff; text-transform: lowercase; line-height: 100%; margin-bottom: 0; }
.announce-page .player-score-result { font-size: 90px; color: #eb2031; line-height: 100%; font-weight: 900; }
.announce-page .headline { margin-bottom: 0; line-height: 100%; }
.announce-page .player-list { margin-top: 20px; }

/* News */
.news-page .media { background-color: rgba(255, 255, 255, 0.1); margin-bottom: 20px; padding: 10px; }
.news-page .media-heading { color: #ffc000; font-size: 20px; }
.news-page .media-body { font-family: 'QuarkBold'; color: #fff; font-size: 20px; }
.news-page .media-body p { margin: 0; }
.news-page .btn-readmore { float: right; }
.news-page .news-item a:before { background: none; }
.news-page .news-date { padding: 5px; }

/* Faq */
.faq { background-image: url('../img/bg-faq.png'); }
.faq .media { margin-top: 0; margin-bottom: 20px; padding: 30px; background-color: rgba(255, 255, 255, 0.1); }
.faq .media-heading { margin-bottom: 20px; }

/* Address */
.address { background-color: rgba(255, 255, 255, 0.1); padding: 30px; margin: 20px 0; }
.address-info ul { font-size: 20px; color: #fff; }
.address-info { padding-left: 30px; }
.address-info .col-xs-3 { padding-left: 0; padding-right: 0; max-width: 105px; }
.address-info .col-xs-9 { padding-left: 5px; }
.address-info .col-xs-3 .icon { min-width: 27px; }
.address-info .col-xs-3 span { margin-left: 10px; position: relative; }
.address-info .col-xs-3 span:after { content: ':'; display: inline-block; float: right; }
.address-info p { margin: 0; }
.address-info .btn-google-map { font-size: 13px; margin-top: 12px; }
.address-info .btn-google-map span { line-height: 13px; padding-top: 10px; }

/* Profile */
.profile .nav-tabs li { width: 505px; }

/* Play Video */
.play-video { float: right; }
.play-video-modal .modal-content {width: 1248px; background-color: #fff; padding: 20px 20px 15px; margin: 110px auto;}

/* jQuery Datepicker */
#ui-datepicker-div {
	left: 430.5px !important;
	width: 19.5em;
	border-radius: 0;
	margin-top: 4px;
	z-index: 999;
}