@import url(http://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic);
@import url(http://fonts.googleapis.com/css?family=Oswald);
html, button, input, select, textarea { color: #000; }
html { font-size: 14px; line-height: 1.4; }

/*ScrollBar in Webkit*/

body {overflow-y: scroll;}
::-webkit-scrollbar {width:8px; height:6px;}
::-webkit-scrollbar-thumb {overflow:visible; border:none; background:#999999; border-radius:8px;}
::-webkit-scrollbar-thumb:active {background:#1C4C88;}
::-moz-selection {background: #b3d4fc;text-shadow: none;}
::selection { background: #b3d4fc; text-shadow: none; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
audio, canvas, img, video { vertical-align: middle; }
fieldset { border: 0; margin: 0; padding: 0; }
textarea { resize: vertical; }
.browsehappy { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; }
ul, li { list-style-type: none; }
nav ul, nav ol { list-style: none; list-style-image: none; }
a { outline: none; color: #fff; text-decoration: none; cursor: pointer; transition: color 0.1s linear 0s, background-color 0.1s linear 0s; cursor: pointer }
a:hover, a:focus { color: #EF1D1F; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; outline: none; }
/* =================Custom Icons============== */
[class^="icon-"], [class*=" icon-"] { display: inline-block; line-height: normal; vertical-align: 0; background-image: url(../img/sprite-img.png); background-position: 0 0; background-repeat: no-repeat; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-appearance: none; }
.icon-bulet { background-position: 0 0; cursor: default; height: 8px; margin: 0 15px; vertical-align: middle; width: 8px; }
.icon-toggle { background-position: -90px 0; float: right; height: 11px; margin: 7px 0 0 30px; width: 22px; }
.icon-drop-down { background-position: -120px 0; height: 20px; width: 22px; }
.icon-drop-down-division { background-position: -120px -30px; height: 20px; width: 22px; }
.drop-down-menus { background-color: #1F4491; border-bottom-right-radius: 3px; border-top-right-radius: 3px; float: right; margin: -6px -8px 0 0; padding: 9px 8px 3px 10px; }
.icon-winner { background-position: 0 -31px; display: block; height: 69px; margin: 0 auto; width: 96px; }
.icon-close { width: 22px; height: 22px; background-position: -150px 0; }
/* =================Common styles============== */
html, body { height: 100%; width: 100%; }
body { background: #000 url(../img/bg-image.jpg) no-repeat top center; font-family: 'Lato', sans-serif; font-size: 14px; font-weight: 400; line-height: 1.4; color: #fff; background-attachment: fixed; background-size: cover; overflow-x: hidden; }
h1 { font-family: "Oswald", sans-serif; font-size: 30px; font-weight: normal; text-align: left; margin: 20px 0 0;}
.logo { float: left; }
img { vertical-align: middle; border: 0 none; max-width: 100%; }
.header-content { color: #333333; margin: 0 auto; max-width: 1250px; padding: 20px 10px; position: relative; }
.main-nav { height: 33px; float: right; }
.menus li { background: url(../img/menus-seprator.png) no-repeat left center; float: left; padding: 0 11px; }
.menus li:last-child { padding-right: 0; }
.menus li:first-child { background: none }
.menus li a { font-size: 16px; font-family: 'Oswald', sans-serif; padding: 5px 10px; -webkit-transition: background 0.5s linear; border-radius: 3px; -moz-transition: background 0.5s linear; -ms-transition: background 0.5s linear; -o-transition: background 0.5s linear; transition: background 0.5s linear; text-transform: capitalize; }
.menus li a:hover, .menus li a.active, .menus li a:focus { background-color: #234CA8; color: #fff; }
.advertisments { margin: 40px 0 0 }
.advertisments li { float: left; border: 1px solid #234CA8; margin-left: 14px; display: block; width: 24% }
.advertisments li a { display: block }
.advertisments li a img { width: 100% }
.advertisments li:first-child { margin-left: 0; }
.nav-wrap { position: absolute; top: 0px;  z-index: 3; left: 0; right: 0;}
.secondary-nav { clear: both; display: block; width: 100%; margin-top: 0px; margin-bottom: 0px; white-space: nowrap}
.secondary-nav li { margin-left: 5px; width: 248px; text-align: center; display: inline-block; }
.secondary-nav li:first-child { margin-left: 0; }
.secondary-nav li a { background-color: #264FA5; -webkit-transition: background 0.5s linear; border-radius: 3px; -moz-transition: background 0.5s linear; -ms-transition: background 0.5s linear; -o-transition: background 0.5s linear; transition: background 0.5s linear; color: #fff; border-radius: 3px; padding: 10px; display: block; font-size: 18px; font-weight: bold; cursor: default; }
.secondary-nav li a:hover, .secondary-nav li a:focus, .secondary-nav li a.active { /* background-color: #1A356F; */ }
.main-menu-toggle { background-color: #234ca8; border-radius: 3px; font-family: "Oswald", sans-serif; font-size: 16px; padding: 6px 8px 8px; }
.main-menu-toggle:hover, .main-menu-toggle:focus { color: #fff }
.secondary-menu-toggle { background-color: #234ca8; border-radius: 3px; font-family: "Oswald", sans-serif; font-size: 16px; padding: 6px 8px 8px; }
.secondary-menu-toggle:hover, .secondary-menu-toggle:focus { color: #fff }
.sliderContent { display: none; }
/* =================Footer styles============== */
.pushfooter { clear: both; height: 73px; }
footer { background: #222222; float: left; height: 73px; margin: -73px 0 0; position: relative; width: 100%; }
.footer-left { float: left; overflow: hidden; }
.footer-nav { float: right; list-style-type: none; margin: 0; padding: 0; }
.footer-nav li { float: left; }
.footer-nav li a { display: inline-block; vertical-align: 0; }
.footer-content { margin: 0 auto; max-width: 1250px; overflow: hidden; padding: 29px 10px 0; }
/* =================Author's custom styles============== */
.scroller-custom { width: 100%; overflow-x: scroll; overflow-y: hidden; height: 16px; position: absolute; top: 70px; z-index: 1000; }
.livescore-details { background: #000000; border: 1px solid #555555; border-radius: 3px; min-width: 200px; position: absolute; right: 5px; padding-bottom: 15px; width: 240px; z-index: 0; top: 140px;}
.table-border { border: 1px solid #CDCDCD; border-radius: 3px; margin: 0 10px }
.live-score-table { width: 100%; }
.live-score-table td, .live-score-table th { padding: 2px 5px; font-weight: normal; font-size: 12px; text-align: left; background: #000 }
.live-score-table td { text-align: center }
.head-bg td, .head-bg th { background: #eeeeee; color: #000 }
.head-bg th:first-child { border-top-left-radius: 3px; }
.head-bg td:last-child { border-top-right-radius: 3px }
.live-score-table tr:last-child th:first-child { border-bottom-left-radius: 3px; }
.live-score-table tr:last-child td:last-child { border-bottom-right-radius: 3px; }
.livescore-details h3 { font-size: 18px; font-weight: bold; margin: 8px 0 0px; text-align: center }
.livescore-details h4 { background: #444444; color: #ffffff; font-size: 14px; font-weight: normal; margin: 8px 0; padding: 1px 0 4px; text-align: center; }
.round-info-space { padding-bottom: 5px; }
.live-score-teaminfo { text-align: center; margin-bottom: 5px; padding: 0 10px; }
.live-score-teaminfo span { display: inline-block; font-size: 12px; padding: 0 5px }
span.versus, .versus { background: #EC4A2D; border-radius: 50%; text-align: center; width: 20px; height: 20px; padding: 0; }
.main-wrapper { min-height: 100%; width: 100%; }
.container { position: relative; min-height: 300px; box-sizing: border-box; padding-top: 8px;}
.wrapper { max-width: 1260px; width: 100%; margin: 40px auto 60px; box-sizing: border-box;}
.livescroeParent { position: relative; }
.livescroeParent {display: none!important;}
.division-dropdown .text { font-size: 24px; font-weight: bold; padding-left: 10px; }
.division-dropdown { float: left; position: relative; }
.division-dropdown-wrap { background: #eeeeee; border-radius: 0 0 3px 3px; display: none; padding: 10px; min-width: 248px; position: absolute; left: 0; z-index: 1001; max-height: 350px; overflow-x: hidden; overflow-y: auto; top: 50px;}
.division-dropdown-wrap li { background: rgba(0, 0, 0, 0); clear: both; margin-bottom: 8px; float: none; }
.division-dropdown-wrap li a:hover, .division-dropdown-wrap li a.active, .division-dropdown-wrap li a:focus { background-color: rgba(0, 0, 0, 0); color: #234ca8; }
.division-dropdown-wrap li a:hover, .division-dropdown-wrap li a.active, .division-dropdown-wrap li a:focus { background-color: #234ca8; color: #ffffff; }
.division-dropdown-wrap li a { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); color: #333333; display: block; font-size: 16px; padding: 0; }
.division-dropdown-wrap li a { border-radius: 3px; font-family: "Oswald", sans-serif; font-size: 16px; padding: 5px 10px; transition: background 0.5s linear 0s; }
.division-menu-toggle { line-height: 19px; }
.division-menu-toggle:hover { color: #fff }
.division-text { color: #AAAAAA; font-size: 12px; float: right; }
.lineup-scroll {width: 100%;  padding-bottom: 25px;}
.draw-main-wrapper { width: 100%; margin: 0 auto; padding: 0; white-space: nowrap; position: relative;}
.draw-main-wrapper > li { width: 230px; margin: 0 0 0 24px; padding: 0; position: absolute; display: inline-block;}
.draw-main-wrapper > li:first-child { margin-left: 7px; }
.main-draw { width: 225px; margin: 0 0 15px; padding: 0; list-style-type: none; position: relative; }
.main-draw li { width: 188px; height: 50px; border: 1px solid #00BDA4; position: relative; border-radius: 3px; }
li.play-date-time { border: none; padding: 10px 0; font-size: 12px; height: 18px; text-align: right; color: #fff; }
.main-draw li.arrow { -moz-transform: skewX(5deg); -ms-transform: skewX(5deg); -webkit-transform: skewX(5deg); transform: skewX(5deg); }
.description, .flag-figure, .playoff { -moz-transform: skewX(-5deg); -ms-transform: skewX(-5deg); -webkit-transform: skewX(-5deg); transform: skewX(-5deg); }
.main-draw li.arrow:after { content: ''; width: 34px; height: 3px; background: url(../img/white-dot.png) repeat-x; position: absolute; right: -35px; top: 50%; margin: -1px 0 0; }
.main-draw:after { content: ''; width: 2px; background: url(../img/white-dot-bottom.png) repeat-y; position: absolute; right: 0; top: 27px; bottom: 27px; margin: 0; }
.draw-main-wrapper > li.round .play-date-time { }
.draw-main-wrapper > li.round .main-draw {/*  margin: 57px 0 46px;  */float: left; }
.draw-main-wrapper > li.round .main-draw li { border-color: #C85036; }
.draw-main-wrapper > li.round .main-draw li.arrow:before { content: ''; width: 30px; height: 3px; background: url(../img/white-dot.png) repeat-x; position: absolute; left: -31px; top: 50%; margin: -1px 0 0; }


.draw-main-wrapper > li:first-child .main-draw:after {top: 27px; bottom: 27px;} 
.draw-main-wrapper > li.round .main-draw {position: absolute; left:0;}
.draw-main-wrapper > li.round .main-draw.main-draw-playoff {bottom: 1%; margin:0!important;}
/* .draw-main-wrapper > li.round .main-draw li:last-child { margin-top: 105px; } */
.draw-main-wrapper > li.round.quarters .main-draw li { border-color: #B48900; }
.draw-main-wrapper > li.round.quarters .main-draw { margin: 136px 0 125px; }
.draw-main-wrapper > li.round.quarters .main-draw li:last-child { margin-top: 260px; }
.draw-main-wrapper > li.round.semis .main-draw li { border-color: #00AFD5; }
.draw-main-wrapper > li.round.semis .main-draw { margin: 290px 0 275px; }
.draw-main-wrapper > li.round.semis .main-draw li:last-child { margin-top: 580px; }
.draw-main-wrapper > li.round.finals .main-draw li { border-color: #F67911; }
.draw-main-wrapper > li.round.finals .main-draw { margin:607px 0 592px; }
.draw-main-wrapper > li.round.finals .main-draw li:last-child { margin-top: 1197px; }
.draw-main-wrapper > li.round.finals.finals64 .main-draw { margin: 1230px 0 1230px; }
.draw-main-wrapper > li.round.finals.finals64 .main-draw li:last-child { margin-top: 2447px; } 
.draw-main-wrapper > li.round.finals.finals128 .main-draw { margin:2487px 0 2487px; }
.draw-main-wrapper > li.round.finals.finals128 .main-draw li:last-child { margin-top: 4955px;}
.draw-main-wrapper > li.round .main-draw li.play-date-time { position: absolute; top: 50%; margin-top: -18px; }

/*-- consolation --*/

.draw-main-wrapper.consolation > li.round.consolTwo .main-draw li:last-child { margin-top: 37px; }
.draw-main-wrapper.consolation > li.round.consolTwo .main-draw li:last-child.arrow:before, .draw-main-wrapper > li.round.consol-quarters .main-draw li:last-child.arrow:before { background: none; }
.draw-main-wrapper.consolation > li.round.consolTwo .main-draw { margin: 0 0 15px 0; }
.draw-main-wrapper.consolation > li.round.consolTwo .main-draw:first-child { margin-top: 60px; }
.draw-main-wrapper.consolation > li.round.seven .main-draw:first-child { margin-top: 105px; }
.draw-main-wrapper.consolation > li.round.seven .main-draw { margin: 0 0 103px 0; }
.draw-main-wrapper.consolation > li.round.seven .main-draw li:last-child { margin-top: 104px; }
.draw-main-wrapper.consolation > li.round.seven .main-draw:last-child { margin-bottom: 0; }
.draw-main-wrapper > li.round.consol-quarters .main-draw li { border-color: #00AFD5; }
.draw-main-wrapper > li.round.consol-semis .main-draw li { border-color: #F67911; }
.draw-main-wrapper > li.round.finals .main-draw li {/* border-color:#9E5189; */ }
.draw-main-wrapper.consolation > li.round.consol-quarters .main-draw:first-child { margin-top: 185px; }
.draw-main-wrapper.consolation > li.round.consol-quarters .main-draw:last-child { margin-bottom: 0; }
.draw-main-wrapper.consolation > li.round.consol-quarters .main-draw { margin: 0 0 142px 0; }
.draw-main-wrapper.consolation > li.round.consol-quarters .main-draw li:last-child { margin-top: 65px; }
.draw-main-wrapper.consolation > li.round.consol-semis .main-draw:first-child { margin-top: 185px; }
.draw-main-wrapper.consolation > li.round.consol-semis .main-draw:last-child { margin-bottom: 0; }
.draw-main-wrapper.consolation > li.round.consol-semis .main-draw { margin: 0 0 260px 0; }
.draw-main-wrapper.consolation > li.round.consol-semis .main-draw li:last-child { margin-top: 260px; }
.draw-main-wrapper.consolation > li.round.finals .main-draw { margin: 343px 0 0; }
.draw-main-wrapper.consolation > li.round.finals .main-draw li:last-child { margin-top: 575px; }
.draw-main-wrapper.consolation > li.round.finals .main-draw li.play-date-time { height: 60px; right: 15px; z-index: 9; margin-top: -30px;}
.draw-main-wrapper.consolation > li.round.finals .main-draw li.play-date-time .icon-winner {display: none;}
.draw-main-wrapper > li .final-vinner { background: #F87900; border-radius: 3px; text-align: center; margin-right: -19px;}
.draw-main-wrapper > li .final-vinner a { color: #fff; display: block; position: relative; width: 95%; margin: 0 auto; font-size: 16px; padding: 5px 0; margin-bottom: 5px; }
.draw-main-wrapper.squash-classic-plate > li.round.lineup .main-draw li:last-child { margin-top: 98px; }
.draw-main-wrapper.squash-classic-plate > li.lineup .main-draw li:last-child { margin: 97px 0 0; }
.draw-main-wrapper.squash-classic-plate > li.lineup .main-draw li.play-date-time { position: absolute; top: 50%; margin-top: -18px; }
.draw-main-wrapper.squash-classic-plate > li.round .main-draw { margin: 90px 0 0px; }
.draw-main-wrapper.squash-classic-plate > li.round .main-draw:last-child { margin-top: 26px; }
.draw-main-wrapper.squash-classic-plate > li.round .main-draw li:last-child { margin: 166px 0 0px; }
.draw-main-wrapper.squash-classic-plate > li.round .main-draw:last-child li.arrow:before { background: none; }
.draw-main-wrapper.squash-classic-plate > li.round .main-draw:last-child li:last-child { margin: 250px 0 0px; }
.draw-main-wrapper.squash-classic-plate > li.round .main-draw li.play-date-time {/* height: 60px; *//* right: 15px; *//* z-index: 9; *//* margin-top: -30px; */ }
.draw-main-wrapper > li.round .main-draw li.play-date-time.final { height: 60px; right: 15px; z-index: 9; margin-top: -30px; }
.team-info { padding: 0 5px 5px 5px; }
.description { overflow: hidden; font-size: 12px; line-height: 14px; overflow: hidden; padding-top: 3px; }
.name { font-weight: bold; width: 149px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: block;}
.flag-figure { float: right; width: 19px; height: 13px; }
.winner-info { background: #f87900; border: 1px solid #f67911; border-radius: 3px; font-style: italic; margin-bottom: 5px; padding: 3px 7px 8px; }
.winner-info span, .winner-info a { display: block }
.winner-info a:hover { color: #0F0F0F }
.winner-info .name { font-size: 20px; font-style: normal; font-weight: bold; }

/* =================== PopupWindow ======================== */

.popup-wrap { min-width: 548px; display: none; }
.popup-body { background: #fff; box-shadow: 0 0 5px rgba(0, 0, 0, 0.35); border-radius: 15px; }
.popup-header { padding: 20px 0 0 20px; position: relative; }
.popup-header .icon-close { display: block; position: absolute; right: 16px; top: 19px; }
.popup-content { display: block; margin: 10px 0 0; }
.popup-content.no-padding { padding: 0px; }
.popup-footer, .team-versus-details { background: #eeeeee; min-height: 36px; padding: 10px 15px; border-bottom-left-radius: 15px; }
.right-radius { }
.popup-footer p { text-align: center; font-size: 14px; }
.popup-form { display: block; margin: 10px 0 0; padding: 0; list-style: none; }
.view-teaminfo { margin-bottom: 5px; text-align: center; }
.view-teaminfo span { display: inline-block; font-size: 18px; font-weight: bold; color: #264DA5 }
.view-teaminfo div { font-size: 18px; font-weight: bold; color: #264DA5 }
.view-teaminfo .versus { background: #ca4f30; border-radius: 50%; color: #ffffff; font-size: 12px; height: 20px; margin:5px; text-align: center; vertical-align: top; width: 20px; }
.date-time { color: #666666; font-style: italic }
.winner-table { width: 100% }
.winner-table .name-team { background: #264EA5; color: #fff; font-size: 18px; font-weight: normal; padding: 7px 20px; }
.winner-table td { border-right: 1px solid #CCCCCC; width: 50%; vertical-align: top; padding: 0; margin: 0; }
.winner-table .name-team:last-child, .winner-table td:last-child { border-right: 0; }
.versus-team { border-bottom: 1px solid #cccccc; margin: 20px auto 17px; position: relative; width: 70%; }
.versus-team .versus { background: #ca4f30; color: #ffffff; font-size: 12px; margin: 0 auto; position: absolute; left: 44%; right: 66%; top: -10px; }
.winner-descritpion { color: #333333; font-size: 18px; font-weight: bold; padding: 30px 0; text-align: center; min-height: 90px;}
.winner-descritpion .head { }
.time-info { color: #666666; }
.time-info span:last-child { float: right; min-width: 50px; text-align: center; }
.date-info { color: #333333; font-weight: bold }
.date-info span:last-child { float: right; min-width: 50px; text-align: center; }
.team-versus-details td { padding: 10px }
.team-versus-details.right-radius { border-bottom-left-radius: 0; border-bottom-right-radius: 15px; }
.draw-main-wrapper > li.round .main-draw.main-draw-playoff { margin: 20px 0 0; }
.draw-main-wrapper.maindraw > li.round .main-draw.main-draw-playoff  { margin: -70px 0 0; }
.draw-main-wrapper > li.round .main-draw.main-draw-playoff li:last-child { margin-top: 90px; }
.draw-main-wrapper > li.round .main-draw.main-draw-playoff li.arrow:before { background: none; }
.playoff { font-size: 20px; width: 123%; color: #fff; position: absolute; top: -43px; }
.draw-main-wrapper > li.round .main-draw.main-draw-playoff li.arrow.maindraw-palyoff { position: absolute; right: -220px; top: 72px; border-color: #F67911; }
.draw-main-wrapper > li.round .main-draw.main-draw-playoff li.arrow.maindraw-palyoff:before { background: url(../img/white-dot.png) repeat-x; }
.draw-main-wrapper > li.round .main-draw.main-draw-playoff li.arrow.maindraw-palyoff:after { background: none; }

/*Scrollpane*/

.jspContainer { overflow: hidden; position: relative; outline: none; }
.jspContainer:focus {outline: none;}
.jspPane { position: absolute; outline: none; }
.jspVerticalBar { position: absolute; top: 0; right: 7px; width: 16px; height: 100%; }
.jspHorizontalBar { border: 1px solid #ffffff; border-radius: 10px; bottom: 0; height: 18px; left: 0; position: absolute; top: 0; width: 100%; max-width: 1260px; right: 0; margin: 0 auto; box-sizing: border-box; z-index: 5;}
.jspCap { display: none; }
.jspHorizontalBar .jspCap { float: left; }
.jspTrack { position: relative; }
.jspDrag { background: #A3A4A8; position: relative; top: 5px; left: 0; cursor: pointer; border-radius: 10px; }
.jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag { float: left; height: 100%; height: 8px; box-sizing: border-box;}
.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: none; }
.jspCorner { background: #eeeef4; float: left; height: 100%; }

/* Yuk! CSS Hack for IE6 3 pixel bug :( */

* html .jspCorner { margin: 0 -3px 0 0; }
.scroll-pane { width: 100%; height:160px; padding-top: 90px; position: relative; outline: none; overflow: auto; margin-top: 12px; }
.jspDrag { right: 0px; width: 8px; background: #A3A4A8;}
.scroll-pane.horizontal-only { height: auto; outline: none;}
.scrollview { padding: 0 0 10px; font-size: 20px; position: absolute; top: 83px; z-index: 5; margin-top: 80px;}
.container {width: 100%; max-width: 1260px; overflow: hidden;}
.draw-main-wrapper > li.round.mainDraw-playoffview { position: absolute; right: 0; top: 83%; height: 210px;}
.description > div {overflow-x: hidden; text-overflow: ellipsis; width: 100%; white-space: nowrap;} 
.consolation .consol-semis {}
.round.semis .winner {}
.draw-main-wrapper.consolation .winner,
.draw-main-wrapper.secondconsolation .winner,
.draw-main-wrapper.thirdconsolation .winner,
.draw-main-wrapper.classicplate .winner,
.draw-main-wrapper.plate1 .winner,
.draw-main-wrapper.plate2 .winner,
.draw-main-wrapper.plate3 .winner  {margin-top: -22px;}
.draw-main-wrapper.consolation .winner .icon-winner,
.draw-main-wrapper.secondconsolation .icon-winner,
.draw-main-wrapper.thirdconsolation .icon-winner,
.draw-main-wrapper.plate1 .winner .icon-winner,
.draw-main-wrapper.plate2 .winner .icon-winner,
.draw-main-wrapper.plate3 .winner .icon-winner,
.draw-main-wrapper.classicplate .winner .icon-winner {display: none;}
.draw-main-wrapper.consolation .winner-info > span, 
.draw-main-wrapper.secondconsolation .winner-info > span,
.draw-main-wrapper.thirdconsolation .winner-info > span,
.draw-main-wrapper.plate1 .winner-info > span, 
.draw-main-wrapper.plate2 .winner-info > span, 
.draw-main-wrapper.plate3 .winner-info > span, 
.draw-main-wrapper.classicplate .winner-info > span {display: none;}
/* .draw-main-wrapper.consolation > li.round .main-draw li.play-date-time.winner, */
.draw-main-wrapper.maindraw > li.round .main-draw li.play-date-time.winner {height: 145px; margin-top: -87px;}
.draw-main-wrapper.consolation > li .round .main-draw.main-draw-playoff {}
.draw-main-wrapper.consolation > li.round > ul.main-draw.main-draw-playoff li:last-child {margin-top: 90px;}
.draw-main-wrapper.consolation > li.round > ul.main-draw.main-draw-playoff {margin-top: -50px;}
.division-dropdown-wrap li a.disabled {color: #A1A1A1; cursor: not-allowed; background: rgba(0,0,0,0.2);}
.division-dropdown-wrap li a.disabled:hover {color: #A1A1A1; cursor: not-allowed; background: rgba(0,0,0,0.2);}
.secondary-menu-toggle {min-height: 22px;}
.jspVerticalBar .jspDrag {width: 2px; background: transparent;}
.jspCorner {display: none;}
.content {min-height: 300px;}
.description a:hover {color: #fff;}
.main-draw li.arrow .short-score {position: absolute; bottom: -18px; width: 100%; font-size: 12px;}
.draw-main-wrapper.consolation > li.round.consolTwo .main-draw li.arrow .short-score {font-size: 11px; bottom: -16px;}
.draw-main-wrapper.roundTwofnal > li ul.main-draw .play-date-time {margin: 70px 0;} 
.draw-main-wrapper.roundTwofnal.maindraw > li.round .main-draw li.play-date-time.winner {margin-top: -108px;}



header {height: 113px; width: 100%;left: 0;top: 0;z-index: 9999;background: rgba(0,0,0,0.77);}
.wrapper-block{width: 100%; height: 100%; min-height: 100%;margin-bottom: -73px;}
.livescore-details .jspVerticalBar .jspDrag {background: #A3A4A8; width: 8px;}
.livescore-details .content.scroll-pane {height: 160px; min-height: 160px; max-height: 160px;}  

.page-title {text-align: center;max-width: 1260px; width: 100%; margin: 0 auto; margin-top: 12px; z-index: 5;box-sizing: border-box;padding: 0 15px; color: #fff;}


 



/****************************************************************************************

================================Media Queries styles=====================================

*****************************************************************************************/




@media print, (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {}

/* ================= Helper classes styles============== */

.ir { background-color: transparent; border: 0; overflow: hidden; *text-indent: -9999px;}
.ir:before { content: ""; display: block; width: 0; height: 150%; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1;}
.text-left { text-align: left !important; }

/* ================= Print styles============== */

@media print {
	* { background: transparent !important; color: #000 !important; box-shadow: none !important; text-shadow: none !important; }
	a, a:visited { text-decoration: underline; }
	a[href]:after { content: " (" attr(href) ")"; }
	abbr[title]:after { content: " (" attr(title) ")"; }
	.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
	pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
	thead { display: table-header-group; }
	tr, img { page-break-inside: avoid; }
	img { max-width: 100% !important; }
	@page { margin: 0.5cm; }
	p, h2, h3 { orphans: 3; widows: 3; }
	h2, h3 { page-break-after: avoid; }

}


.hidden-desktop, .visible-ipad { display: none; }

@media (max-width: 1300px) {
	.container { padding: 8px 15px 0;}
	.advertisments li { width: 23.7% }
}

@media (max-width: 1000px) {
	h1 { font-size: 30px; }
	.hidden-desktop { display: block }
	.menus { background: #eeeeee; display: none; border-radius: 3px; margin-top: 5px; min-width: 208px; position: absolute; right: 10px; z-index: 1001 }
	.menus li { background: none; float: none; clear: both; margin: 12px 10px; }
	.menus li a { color: #333333; padding: 0; font-size: 16px; background: none; display: block }
	.menus li a:hover, .menus li a.active, .menus li a:focus { color: #234CA8; background-color: transparent }
	.advertisments li { width: 23.4% }
}

@media (min-width: 1000px) and (max-width: 1024px) { 
	.container {padding: 0 15px; max-width: 1000px; margin: 0 auto;}
}

@media (min-width: 768px) and (max-width: 1024px) {
	.advertisments li { width: 23%; }
	.draw-main-wrapper > li { margin: 0 0 0 22px; }
	.draw-main-wrapper > li:first-child { margin-left: 7px; }
	.secondary-nav li { width: 245px; }
	.container {padding: 8px 15px 0;}
}

@media (max-width: 768px) {
	.advertisments li { text-align: center; margin: 0 auto; border: 0; }
	.advertisments li a { border: 1px solid #234ca8; display: inline-block }
	.sliderContent { display: block; }
	.sliderContent .bx-viewport { height: inherit !important; }
	.bx-has-pager, bx-pager { overflow: hidden; display: block; text-align: center; }
	.bx-pager-item, .bx-pager-item a { display: inline-block }
	.bx-pager-item a { width: 10px; height: 10px; background: url(../img/sprite-img.png) no-repeat -30px -1px; color: transparent; }
	.bx-pager-item a.active { background-position: -60px 0px; }
	.bx-pager-item { margin: 8px 0 0 10px; }
	.bx-pager-item:first-child { margin-left: 0; }
	[data-type="slider"] { display: none; }
	.sliderContent [data-type="slider"] { display: block; }
	.bx-wrapper { margin: 0 auto; }
	.container {max-width: 740px; margin: 0 auto; padding: 0 10px;}
	.jspHorizontalBar {width: 99.8%; box-sizing: border-box;}
	.container .content {padding: 0 5px;}
}

@media (max-width: 767px) {
	.draw-main-wrapper.maindraw > li.round .main-draw li.play-date-time.winner + li {margin-top: 250px;}
	.draw-main-wrapper.consolation > li.round .main-draw li.play-date-time.winner + li,
	.draw-main-wrapper.plate1 > li.round .main-draw li.play-date-time.winner + li,
	.draw-main-wrapper.plate2 > li.round .main-draw li.play-date-time.winner + li,
	.draw-main-wrapper.plate3 > li.round .main-draw li.play-date-time.winner + li {margin-top: 100px;}
	.draw-main-wrapper.maindraw > li.round .main-draw.main-draw-playoff  { margin: 45px 0 0; }
	.draw-main-wrapper.consolation > li.round > ul.main-draw.main-draw-playoff {margin-top: 50px;}
	.play-date-time.winner {}
	.draw-main-wrapper > li.round.finals.finals64 .main-draw {margin: 30px 0 30px}
	.draw-main-wrapper > li.round.finals.finals64 .main-draw li:last-child {margin-top: 90px;}
	.draw-main-wrapper > li.round.finals .main-draw.main-draw-playoff li:last-child {margin-top: 100px;}
	.visible-ipad { display: block }
	/* 	.secondary-nav { background: none; float: none; clear: both; margin: 12px 10px; }
	.secondary-nav { background: #eeeeee; display: none; border-radius: 3px; margin-top: 5px; min-width: 208px; position: absolute; right: -7px; z-index: 10; }
	.secondary-nav li a { color: #333333; padding: 0; font-size: 16px; background: none; }
	.secondary-nav { width: auto; text-align: left }
	.secondary-nav li { float: none; font-family: "Oswald", sans-serif; font-weight: normal; height: auto; margin: 12px 10px; min-width: 246px; text-align: left; }
	.secondary-nav li:first-child { margin: 12px 10px; }
	.secondary-nav li a:hover, .secondary-nav li a.active, .secondary-nav li a:focus { color: #234CA8; background-color: transparent } */
	.footer-nav, .footer-left { display: inline-block; float: none; margin: 0 auto; text-align: center; width: 100%; }
	footer { height: auto; }
	.footer-nav { margin-bottom: 5px; }
	.footer-content { padding: 15px 10px }
	.footer-nav li { display: inline-block; text-align: center; float: none }
	.winner-table .name-team { display: block; border-right: 0; }
	.winner-table td { width: 100%; display: block; border-right: 0; }
	.winner-table td { border-bottom: 1px solid #cccccc; width: auto }
	.view-teaminfo { margin-bottom: 5px; overflow: hidden; width: 81%; }
	.livescore-details { position: inherit; margin: 30px auto 0 }
	.popup-wrap { min-width: inherit; max-width: 400px ; z-index: 9999!important;}
	.popup-footer, .team-versus-details { border-radius: 0; }
	.round, 
	.quarters, 
	.semis, 
	.finals, 
	.livescore-details { /* display: none */}
	.draw-main-wrapper {}
	.main-draw { /* width: 100%; *//* margin: 0; */ }
	.main-draw li {/* width: 230px; */ }
	.draw-main-wrapper > li { /* width: 230px; */ /* margin: 0 0 0 30px; */ box-sizing: border-box; }
	.draw-main-wrapper > li.round .main-draw li.arrow:before { /* background: none; */ }
	.draw-main-wrapper > li.round .main-draw, 
	.draw-main-wrapper > li.round.quarters .main-draw, 
	.draw-main-wrapper > li.round.semis .main-draw, 
	.draw-main-wrapper > li.round.finals .main-draw, 
	.draw-main-wrapper.squash-classic-plate > li.round .main-draw, 
	.draw-main-wrapper.consolation > li.round.seven .main-draw:first-child, 
	.draw-main-wrapper.consolation > li.round.consol-quarters .main-draw:first-child, 
	.draw-main-wrapper.consolation > li.round.consol-semis .main-draw:first-child, 
	.draw-main-wrapper.consolation > li.round.consol-semis .main-draw, 
	.draw-main-wrapper.consolation > li.round.finals .main-draw { /* margin: 30px 0; */ }
	.draw-main-wrapper > li.round .main-draw li:last-child, 
	.draw-main-wrapper > li.round.quarters .main-draw li:last-child, 
	.draw-main-wrapper > li.round.semis .main-draw li:last-child, 
	.draw-main-wrapper.squash-classic-plate > li.round .main-draw li:last-child, 
	.draw-main-wrapper.consolation > li.round.seven .main-draw li:last-child, 
	.draw-main-wrapper.consolation > li.round.consol-semis .main-draw li:last-child { margin-top: 70px; }
	.draw-main-wrapper > li.round.finals .main-draw li:last-child { margin-top: 300px; }
	/* .draw-main-wrapper > li.round.finals .main-draw li.play-date-time { height: 165px; margin-top: -100px; } */
	.draw-main-wrapper.squash-classic-plate > li.round .main-draw:last-child li:last-child, 
	.draw-main-wrapper.consolation > li.round.finals .main-draw li:last-child { margin: 150px 0 0px; }
	.draw-main-wrapper.consolation > li.round.seven .main-draw, 
	.draw-main-wrapper.consolation > li.round.consol-quarters .main-draw { margin: 0 0 30px 0; }
	.draw-main-wrapper > li.round .main-draw li.play-date-time.final + li { margin-top: 140px; }
	.draw-main-wrapper > li.round .main-draw.main-draw-playoff li.arrow.maindraw-palyoff { top: 200px; left: 0; }
	.draw-main-wrapper > li.round .main-draw.main-draw-playoff { margin-bottom: 110px; }
	.draw-main-wrapper > li.round .main-draw.main-draw-playoff li.arrow.maindraw-palyoff:before { background: none; }
	.live-score-btn { display: block; }
	.draw-main-wrapper > li.round.finals.finals128 .main-draw {margin: 30px 0;}
	.draw-main-wrapper > li.round.finals .main-draw li:last-child {margin-top: 70px;}
	.container {margin: 0 auto; padding: 0 10px;}
	.jspHorizontalBar {width: 99.8%; box-sizing: border-box;}
	.container .content {padding: 4px 5px 0;margin: 0 auto;}

	.page-title {padding: 6px 15px;font-size: 16px;}
	.scrollview {margin-top: 143px;font-size: 14px;}
	.nav-wrap {}
	.lineup-scroll {}



}

@media (max-width: 480px) {
	.scroller-custom { display: none; }
	header {height: 160px; width: 100%;left: 0;top: 0;z-index: 9999;background: rgba(0,0,0,0.77);}
	h1 { font-size: 16px; }
	.logo { float: none; display: block; margin: 0 auto; text-align: center }
	.main-nav { clear: both; display: block; float: none; margin: 0 auto; padding: 31px 0 0; position: relative; width: 100%; }
	.menus { left: 0; width: 100%; }
	.division-text { float: left; padding-left: 32px; }
	.division-dropdown { float: none; margin: 0 auto; position: relative; text-align: center; }
}