/*! normalize.css v3.0.2 | MIT License | git.io/normalize */img,legend{border:0}legend,td,th{padding:0}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,optgroup,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre,textarea{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}table{border-collapse:collapse;border-spacing:0}

/* jquery.jscrollpane.css */	.jspContainer{overflow:hidden;position:relative}.jspHorizontalBar,.jspPane,.jspVerticalBar{position:absolute}.jspVerticalBar{top:0;right:0;width:16px;height:100%;background:red}.jspHorizontalBar{bottom:0;left:0;width:100%;height:16px;background:red}.jspCap{display:none}.jspHorizontalBar .jspCap{float:left}.jspTrack{background:#dde;position:relative}.jspDrag{background:#bbd;position:relative;top:0;left:0;cursor:pointer}.jspHorizontalBar .jspDrag,.jspHorizontalBar .jspTrack{float:left;height:100%}.jspArrow{background:#50506d;text-indent:-20000px;display:block;cursor:pointer;padding:0;margin:0}.jspArrow.jspDisabled{cursor:default;background:#80808d}.jspVerticalBar .jspArrow{height:16px}.jspHorizontalBar .jspArrow{width:16px;float:left;height:100%}.jspVerticalBar .jspArrow:focus{outline:0}.jspCorner{background:#eeeef4;float:left;height:100%}* html .jspCorner{margin:0 -3px 0 0}

@charset "utf-8";

/* micro clearfix*/
.cf:before, .cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf {
    *zoom: 1;
}
/* ~micro clearfix*/

/**
 * --------------------------------------------------------------------------------
 *  Reset
 * --------------------------------------------------------------------------------
 **/

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

* {
    margin: 0;
    padding: 0;
}

.clear-both {
    clear: both;
}

a:focus, a:active, a:visited, a img:focus, a img:active, a img:visited, button:focus, button:active, button:visited {
    border: none;
    outline: none;
}

h1, h2, h3, h4, h5, h6, p {
    margin: 0;
    font-weight: normal;
}

ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

/**
 * --------------------------------------------------------------------------------
 *  Header
 * --------------------------------------------------------------------------------
 **/

@font-face {
    font-family: 'OpenSans-Regular';
    src: url('fonts/OpenSans-Regular/OpenSans-Regular.eot?#iefix') format('embedded-opentype'),  
        url('fonts/OpenSans-Regular/OpenSans-Regular.woff') format('woff'), 
        url('fonts/OpenSans-Regular/OpenSans-Regular.ttf')  format('truetype'), 
        url('fonts/OpenSans-Regular/OpenSans-Regular.svg#OpenSans-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSans-Bold';
    src: url('fonts/OpenSans-Bold/OpenSans-Bold.eot?#iefix') format('embedded-opentype'),  
        url('fonts/OpenSans-Bold/OpenSans-Bold.woff') format('woff'), 
        url('fonts/OpenSans-Bold/OpenSans-Bold.ttf')  format('truetype'), 
        url('fonts/OpenSans-Bold/OpenSans-Bold.svg#OpenSans-Bold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSans-Semibold';
    src: url('fonts/OpenSans-Semibold/OpenSans-Semibold.eot?#iefix') format('embedded-opentype'),  
        url('fonts/OpenSans-Semibold/OpenSans-Semibold.woff') format('woff'), 
        url('fonts/OpenSans-Semibold/OpenSans-Semibold.ttf')  format('truetype'), 
        url('fonts/OpenSans-Semibold/OpenSans-Semibold.svg#OpenSans-Semibold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSans-ExtraboldItalic';
    src: url('fonts/OpenSans-ExtraboldItalic/OpenSans-ExtraboldItalic.eot?#iefix') format('embedded-opentype'),  
        url('fonts/OpenSans-ExtraboldItalic/OpenSans-ExtraboldItalic.woff') format('woff'), 
        url('fonts/OpenSans-ExtraboldItalic/OpenSans-ExtraboldItalic.ttf')  format('truetype'), 
        url('fonts/OpenSans-ExtraboldItalic/OpenSans-ExtraboldItalic.svg#OpenSans-ExtraboldItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {
    font-family: Open Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;
}

.tpl-header {
    display: none;
}

.header {
    position: relative;
    width: 100%;
    height: 109px;
    background-color: #af0000;
}

.inner {
    padding: 0 100px;
    margin: 0 auto;
    position: relative;
}

.logo-wrap {
    float: left;
    margin-top: 18px;
}

.header-right-wrap {
    float: right;
}

.header-right-wrap.header-right-wrap-mobi {
    display: none;
}

.login-form-wrap {
    font-size: 0;
}

.login-form-wrap form > div {
    display: inline-block;
    vertical-align: top;
}

.login-field-wrapper {
    font-size: 0;
}

.login-field-wrapper > div {
    display: inline-block;
    vertical-align: top;
}

.login-btn-wrapper .login-btn-wrapper {
    font-size: 0;
}

.login-btn-wrapper .login-btn-wrapper > div {
    display: inline-block;
    vertical-align: top; 
}

.login-form-wrap input[type=password], .login-form-wrap input[type=text] {
    width: 140px;
    height: 27px;
    margin: 0 10px 5px 0;
    padding: 5px 15px;
    font-size: 14px;
    border: 0;
}

::-webkit-input-placeholder{
    color:#999
}
:-moz-placeholder,
::-moz-placeholder{
    color:#999
}
:-ms-input-placeholder{
    color:#999
}

.password-field-wrapper {
    position: relative;
}

.password-mask-icon {
    position: absolute;
    background: url("../_images/sprites.png") no-repeat -400px -500px;
    width: 25px;
    height: 18px;
    display: inline-block;
    right: 15px;
    top: 4px;
    cursor: pointer;
}

.password-mask-icon.password-unmasked {
    background-position: -360px -500px;
    top: 5px;
}

.input-login {
    min-width: 90px;
    margin-right: 10px;
    margin-bottom: 5px;

    color: #373737;
    background-color: #e4e4e4;
    border: 2px solid #e4e4e4;
    cursor: pointer;
}

.input-login.active, .input-login.focus, .input-login:active, .input-login:focus, .input-login:hover {
    border: 2px solid #f7f7f7;
    background-color: #f7f7f7;
    color: #373737;
}

a.join-now {
    color: #0f0f0f;
    background-color: #ffe000;
    border: 2px solid #ffe000;
    text-decoration: none;
}

.join-now.active, .join-now.focus, .join-now:active, .join-now:focus, .join-now:hover {
    border: 2px solid #ffe255;
    background-color: #ffe255;
    color: #0f0f0f;
}

.login-tablet {

}

.login-btn-wrapper > div.login-mobi {
    display: none;
}

.header-btns {
    padding: 2px 13px;
    font-size: 14px;
    border-radius: 1px;
    text-transform: uppercase;
    display: block;
    transition: color .3s,background .3s,border-color .3s;
    text-align: center;
}

.cantlogin {
    color: #ffffff;
    font-size: 12px;
    text-decoration: none;
}

.cantlogin:hover {
    color: #ffe000;
}

.sprite {
    background: url("../_images/sprites.png") no-repeat;
}

.notif-flag-container {
    text-align: right;
    margin-bottom: 10px;
    font-size: 0;
}

.notif-flag-container > div {
    display: inline-block;
}

.notif-flag-container > div.notif-btn-wrap {
    margin-right: 8px;
    vertical-align: middle;
}

.notif-btn {
    display: inline-block;
    width: 19px;
    height: 14px;
    background-position: -360px 0;
}

.language-selector {
    display: inline-block;
    position: relative;
}

.current-lang {
    display: block;
    padding: 6px;
    border: 0;
    border-radius: 0 0 3px 3px;
    background: #900000;
    cursor: pointer;
}

.current-lang:before {
    background: url("../_images/sprites.png") no-repeat;
    display: inline-block;
    width: 28px;
    height: 17px;
    content: "";
    vertical-align: middle;
    margin-right: 5px;
}

.current-lang.lang-es:before {
    background-position: -320px -560px;
}

.current-lang.lang-pt:before {
    background-position: -320px -600px;
}

.current-lang:after {
    width: 0;
    height: 0;
    border-top: 8px solid #fff;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
    display: inline-block;
    border-right-width: 5px;
    border-left-width: 5px;
    content: "";
    vertical-align: middle;
}

.language-selector ul {
    font-size: 14px;
    width: 170px;
    position: absolute;
    right: 0;
    background: #900000;
    text-align: left;
    display: none;
}

.language-selector ul li {
    
}

.language-selector ul li a {
    display: block;
    text-decoration: none;
    padding: 4px 6px;
    color: #fff;
}

.language-selector ul li a:before {
    background: url("../_images/sprites.png") no-repeat;
    width: 28px;
    height: 17px;
    content: "";
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}

.language-selector ul li.es a:before {
    background-position: -320px -560px;
}

.language-selector ul li.pt a:before {
    background-position: -320px -600px;
}

.navbar {
    border-top: 2px solid #af0000;
    background: #373737;
    line-height: 40px;
    white-space: nowrap;
}

.navbar-left {
    float: left;
}

.navbar-right {
    float: right;
}

.main-menu {
    height: 40px;
}

.main-menu li {
    display: inline-block;
}

.main-menu li a {
    color: #fff;
    padding: 0 20px;
    font-size: 16px;
    text-decoration: none;
    display: inline-block;
}

.active>.main-menu li a, .main-menu li a:hover {
    background: #af0000;
    color: #ffe000;
}

.right-menu {
    font-size: 0;
    height: 40px;
}

.right-menu li {
    display: inline-block;
}

.right-menu li a {
    color: #fff;
    padding: 0 20px;
    font-size: 16px;
    text-decoration: none;
}

.right-menu li:last-child a {
    padding-right: 0;
}

.right-menu li a:hover {
    background: transparent;
    color: #ffe000;
}

.promotion-menu a:before {
    display: inline-block;
    width: 24px;
    height: 30px;
    content: "";
    margin-right: 6px;
    background: url("../_images/sprites.png") no-repeat;
    background-position: -360px -20px;
    vertical-align: middle;
}

.promotion-menu a:hover:before {
    background-position: -360px -120px;
}

main.content {
    background: #e6e7e8 url("../_images/all-products-desktop.jpg") no-repeat;
    background-size: 100%;
    /*min-height: 1000px;*/
    padding-bottom: 20px;
}

.content .inner {
    padding: 44px 0 1px;
}

.content-left {
    float: left;
    width: 42.8%;
    margin-left: 6%;
}

.content-right {
    float: right;
    width: 37.9%;
    margin-right: 11.8%;
}

.content-left h2 {
    font-size: 2.19vw;
    color: #af0000;
    font-weight: 600;
    text-align: center;
    margin-bottom: 25px;
}

.banner1 img {
    width: 100%;
}

.banner2 img {
    width: 100%;
}

.content-banner {
    position: relative;
}

.content-banner ul {
    position: absolute;
    list-style: none;
}

.content-banner.banner1 ul {
    right: 0;
    top: 1.72vw;
    width: 50%;
}

.content-banner.banner2 ul {
    top: 3.33vw;
    left: 3vw;
    width: 50%;
}

.content-banner ul li {
    font-size: 0.8vw;
    color: #fff;
    margin-bottom: 0.52vw;
    line-height: 1.15vw;
}

.content-banner ul li::before {
    content: "\2022";
    color: #ffff00;
    font-weight: bold;
    display: inline-block; 
    width: 1em;
    margin-left: -1em;
}

.banner-divider {
    background: #e6e7e9;
    background: -webkit-linear-gradient(left,#e6e7e9 1%,#a4a4a4 5%,#a4a4a4 95%,#e6e7e9);
    background: linear-gradient(90deg,#e6e7e9 1%,#a4a4a4 5%,#a4a4a4 95%,#e6e7e9);
    border: none;
    margin: 35px 0;
    margin-top: 2.08vw;
    margin-bottom: 0.52vw;
    height: 1px;
}

.main-text {
    display: none;
    font-size: 12px;
    font-weight: 800;
    color: #fff;

    border-radius: 10px;
    background: rgba(0,0,0,.63);
    text-align: center;
    width: 328px;
    margin: 20px auto;
    padding: 15px 10px 15px;
    line-height: 18px;
}

.main-text p {
    font-weight: 800;
}

.main-text .yellow {
    font-size: 20px;
    color: #ffe000;
}

.reg-title {
    margin: 20px 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.reg-title span {
    font-size: 22px;
    flex: 0 1 auto;
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    font-weight: 700;
    white-space: nowrap;
}

.reg-title:after, .reg-title:before {
    flex: 0 1 100%;
    height: 1px;
    background: #000;
    content: "";
    display: block;
}

.reg-title:before {
    margin-left: 20px;
}

.reg-title:after {
    margin-right: 20px;
}

.footer {
    background: #e6e7e8;
}

.top-footer {
    background: #d3d3d3;
    padding: 10px 0;
    text-align: center;
}

.sponsors-list {
    display: inline;
    margin: 10px 0;
}

.sponsors-list li {
    display: inline-block;
    vertical-align: top;
    margin: 0 12px;
}

.sponsors-list li .sponsor-icon {
    width: 209px;
    height: 82px;
}

.pt .sponsors-list li.celtic .sponsor-icon {
    background: url("../_images/sponsors/celtic-desk-pt.png") no-repeat center center;
}

.pt .sponsors-list li.fulham .sponsor-icon {
    background: url("../_images/sponsors/fulham-desk-pt.png") no-repeat center center;
}

.pt .sponsors-list li.wales .sponsor-icon {
    background: url("../_images/sponsors/wales-desk-pt.png") no-repeat center center;
}

.pt .sponsors-list li.masters .sponsor-icon {
    background: url("../_images/sponsors/masters-desk-pt.png") no-repeat center center;
}

.es .sponsors-list li.celtic .sponsor-icon {
    background: url("../_images/sponsors/celtic-desk-es.png") no-repeat center center;
}

.es .sponsors-list li.fulham .sponsor-icon {
    background: url("../_images/sponsors/fulham-desk-es.png") no-repeat center center;
}

.es .sponsors-list li.wales .sponsor-icon {
    background: url("../_images/sponsors/wales-desk-es.png") no-repeat center center;
}

.es .sponsors-list li.masters .sponsor-icon {
    background: url("../_images/sponsors/masters-desk-es.png") no-repeat center center;
}

.sponsors-list li .sponsor-desc {
    display: none;
    margin: 10px auto 0;
    max-width: 90px;
    font-size: 12px;
}

.footer-tablet {
    display: none;
}

.footer-menu {
    text-align: center;
}

.footer-menu ul li {
    display: inline-block;
}

.footer-menu a {
    padding: 0 12px;
    border-right: 1px solid #ffffff;
}

.footer-menu ul li:last-child a {
    border-right: none;
}

.bottom-footer {
    color: #5e5e5e;
    padding: 20px 0 30px;

}

.bottom-footer h4 {
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    margin-bottom: 20px;
}

.bottom-footer p {
    line-height: 30px;
}

.bottom-footer .inner .footer-desk > div {
    display: inline-block;
    vertical-align: top;
    padding: 0 10px;
}

.footer-about {
    width: 33%;
}

.bottom-footer .inner .footer-desk > div.footer-social {
    display: none;
    width: 50%;
    padding-top: 16px;
}

.footer-social ul {
    font-size: 0;
    padding-left: 15px;
}

.footer-social ul li {
    display: inline-block;  
    width: 50%;
}

.footer-social ul li a:before {
    display: inline-block;
    vertical-align: top;
    content: "";
    line-height: 18px;
    margin-right: 5px;
}

.footer-social ul li.social-email a:before {
    background: url("../_images/sprites-2.png") no-repeat -520px -100px;  
    width: 28px;
    height: 18px;  
}

.footer-social ul li.social-chat a:before {
    background: url("../_images/sprites-2.png") no-repeat -600px -100px;
    width: 28px;
    height: 27px;
}

.footer-social ul li a { 
    font-size: 11px;
    text-align: left;
    height: 30px;
    color: #fff;
    text-decoration: none;
}

.footer-links {
    width: 25%;
    font-size: 0;
}

.footer-partners {
    width: 40%;
    text-align: center;
}

.footer-links > div {
    margin-right: -10px;
    margin-left: -10px;
}

.footer-links ul {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    font-size: 16px;
    padding: 0 10px;
}

.footer-links ul li {
    
}

.footer-links ul li a {
    text-decoration: none;
    color: #5e5e5e;
    font-size: 16px;
    line-height: 30px;
    word-wrap: break-word;
}

.footer-links ul li a:hover {
    color: #373737;
}

.footer-partners .apg-seal {
    display: inline-block;
    vertical-align: top;
    margin-right: 10px;
}

.footer-partners .apg-seal img {
    height: 32px;
}

.footer-partners .partners {
    display: inline-block;
    vertical-align: top;
    background: url("../_images/footer-partners.png") no-repeat;
    width: 265px;
    height: 39px;
    background-size: cover;
}

.copyright {
    background: #c6c6c7;
    font-size: 14px;
    line-height: 32px;
    text-align: center;
    color: #5e5e5e;
}

.footer-menu-mobi {
    display: none;
}

.footer-menu-mobi ul li {
    width: 50%;
    float: left;
    text-align: center;
    height: 58px;
}

.footer-menu-mobi ul li a {
    display: block;
    width: 100%;
    height: 100%;
    padding-top: 10px;
    border: 1px solid #cc0505;
    border-left-color: #cc0505;
    border-right-color: #560202;
    background: #900000;
    color: #fff;
    font-size: 12px;
    text-decoration: none;
}

.footer-menu-mobi ul li a:before {
    display: block;
    height: 20px;
    margin: 0 auto 2px;
    content: "";
}

.footer-menu-mobi ul li.menu-chat a:before {
    background: url("../_images/sprites-2.png") no-repeat -600px -80px;
    width: 21px; 
}

.footer-menu-mobi ul li.menu-language a:before {
    background: url("../_images/sprites-2.png") no-repeat -560px -80px;  
    width: 20px;
}

.overlay {
    background: rgba(0,0,0,.9);
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10;
    overflow: auto;
    display: none;
}

.overlay-box {
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    position: relative;
    top: 50%;
    margin: 0 auto;
    overflow: auto;
    text-align: center;

    width: 340px;
    padding: 40px 50px;
    border-radius: 5px;
    background: #af0000;
    color: #fff;
    font-size: 14px;
    display: none;
    max-width: 90%;
    max-height: 90%;
}

.overlay-box .close {
    background: url("../_images/sprites-2.png") no-repeat -180px -240px;  
    width: 20px;
    height: 20px;
    display: inline-block;
    top: 8px;
    right: 8px;
    position: absolute;
    cursor: pointer;
}

.login-logo img {
    width: 100%;
    max-height: 57px;
}

.lb-form-wrapper {
    margin-top: 10px;
}

.lb-field-wrapper {
    position: relative;
    margin-bottom: 20px;
}

.lb-field-icon {
    display: inline-block;
    background: url("../_images/sprites-2.png") no-repeat;
    position: absolute;
    top: 8px;
    left: 10px;
}

.username-icon {
    background-position: -480px -480px;
    width: 20px;
    height: 22px;
}

.password-icon {
    background-position: -480px -520px;
    width: 20px;
    height: 25px;
}

.mask-icon {
    background: url("../_images/sprites-2.png") no-repeat;
    top: 8px;
    right: 10px;
    width: 30px;
    height: 23px;
    background-position: -480px -300px;
    display: inline-block;
    position: absolute;
    cursor: pointer;
}

.mask-icon.password-unmasked {
    background-position: -440px -300px;
    top: 8px;
}

.lb-field {
    width: 100%;
    padding: 10px 10px 10px 38px;
    border: none;
    border-radius: 1px;
    font-size: 16px;
    color: #373737;
}

.remember-wrap {
    margin: 15px 0;
    text-align: left;
    display: block;
}

.checkbox-styler {
    background: url("../_images/sprites-2.png") no-repeat;
    display: inline-block;
    vertical-align: middle;
    width: 30px;
    height: 25px;
    background-position: -460px -560px;
    position: relative;
}

.checkbox-styler.checked {
    background-position: -460px -600px;
}

.checkbox-styler input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    margin: -2px 0 0 -2px;
    cursor: pointer;
    opacity: 0;
}

.remember-text {

}

.lb-button-wrapper {

}

.lb-submit-btn {
    color: #373737;
    background-color: #e4e4e4;
    transition: color .3s,background .3s,border-color .3s;
    width: 100%;
    padding-top: 0;
    padding-bottom: 0;
    font-weight: 600;
    min-height: 40px;
    margin-bottom: 10px;
    font-size: 24px;
    border-radius: 2px;
    border: 2px solid #e4e4e4;
    line-height: 1.42857;
}

.lb-submit-btn:hover {
    border: 2px solid #f7f7f7;
    background-color: #f7f7f7;
}

.lb-cantlogin {
    margin-bottom: 30px;
    text-decoration: none;
    color: #fff;
    display: block;
}

.lb-login-note {
    margin-bottom: 10px;
    font-size: 14px;
}

.lb-join-btn {
    padding: 5px 0;
    font-size: 22px;
    border-radius: 2px;
    width: 100%;
    font-weight: 600;
    min-height: 40px;
    text-decoration: none;
    white-space: nowrap;
    line-height: 1.42857;
    display: inline-block;
    color: #0f0f0f;
    background-color: #ffe000;
    border: 2px solid #ffe000 !important;
    transition: color .3s,background .3s,border-color .3s;
    margin-bottom: 10px;
}

.lb-join-btn:active, .lb-join-btn:focus, .lb-join-btn:hover {
    border: 2px solid #ffe255 !important;
    background-color: #ffe255;
    color: #0f0f0f;
}

.floating-banner-wrapper {

}

.floating-banner-wrapper:hover .floating-banner-right {
    right: 0;
}

.floating-banner-right {
    -webkit-transition: right .2s,opacity .3s;
    transition: right .2s,opacity .3s;
    right: -290px;
    position: fixed;
    top: 225px;
    z-index: 1000!important;
}

.floating-banner-title-wrapper {
    position: relative;
    display: inline-block;
    width: 52px;
    height: auto;
    float: left;
    white-space: nowrap;
    color: #ffe000;
    cursor: default;
}

.floating-banner-icon {
    position: absolute;
    top: -32px;
    z-index: 2;
    display: block;
    width: 52px;
    height: 80px;
    line-height: 80px;
    margin: auto;
    color: #ffe000;
    text-align: center;
    clear: both;
}

.floating-banner-icon  img {
    display: block;
    width: 100%;
    height: auto;
    line-height: 1;
    border-radius: 8px 8px 0 0;
}

.floating-banner-title {
    color: #ffe000;
    font-size: 20px;
    background-color: #373737;
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
    -webkit-transform-origin: right top;
    transform-origin: right top;
    margin-right: 52px;
    min-width: 242px;
    height: 54px;
    line-height: 52px;
    padding: 0 40px 0 20px;
    float: right;
    border-radius: 8px 0 0 8px;
    letter-spacing: 2px;
}

.floating-banner-content {
    display: inline-block;
    width: 290px;
    height: 100%;
    min-height: 242px;
    float: left;
    padding: 10px;
    vertical-align: top;
    background-color: #373737;
}

.floating-banner-content ul {
    width: 100%;
    max-width: 255px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.floating-banner-content ul li {
    position: relative;
    margin-bottom: 5px;
    border: 1px solid #ffe000;
    border-radius: 5px;
}

.floating-banner-content ul li a {
    padding: 8px;
    display: table;
    width: 100%;
    line-height: 22px;
    color: #ffe000;
    text-decoration: none;
    cursor: pointer;
}

.floating-banner-content ul li a:hover {
    color: #373737;
    background-color: #ffe000;
    outline: none;
}

.floating-banner-content ul li a .banner-links-icon {
    display: table-cell;
    width: 10%;
    padding-top: 1px;
    vertical-align: top;
}

.floating-banner-content ul li a .banner-links-icon span {
    background: url("../_images/sprites.png") no-repeat;
    display: block;
    pointer-events: none;
}

.floating-banner-content ul li a .banner-links-icon .banner-icon-chat {
    background-position: 0 -480px;
    width: 32px;
    height: 30px;
}

.floating-banner-content ul li a:hover .banner-links-icon .banner-icon-chat {
    background-position: -60px -480px;
}

.floating-banner-content ul li a .banner-links-icon .banner-icon-email {
    background-position: 0 -40px;
    width: 30px;
    height: 22px;
}

.floating-banner-content ul li a:hover .banner-links-icon .banner-icon-email {
    background-position: -60px -40px;
}

.floating-banner-content ul li a .banner-links-text {
    display: table-cell;
    width: 90%;
    padding-left: 5px;
    vertical-align: middle;
    text-align: center;
    word-break: break-all;
}