@charset "UTF-8";
@font-face { font-family: 'droidBold'; src: url('../../fonts/droidkufi-bold.eot'); src: url('../../fonts/droidkufi-bold.eot?#iefix') format('embedded-opentype'), url('../../fonts/droidkufi-bold.woff') format('woff'), url('../../fonts/droidkufi-bold.ttf') format('truetype'), url('../../fonts/droidkufi-bold.svg#webfontRl4nowrT') format('svg'); font-weight: normal; font-style: normal; font-display: swap; }
@font-face { font-family: 'droidLight'; src: url('../../fonts/droidkufi-regular.eot'); src: url('../../fonts/droidkufi-regular.eot?#iefix') format('embedded-opentype'), url('../../fonts/droidkufi-regular.woff') format('woff'), url('../../fonts/droidkufi-regular.ttf') format('truetype'), url('../../fonts/droidkufi-regular.svg#webfontRl4nowrT') format('svg'); font-weight: normal; font-style: normal; font-display: swap; }
@font-face { font-family: 'beinblack'; src: url('../../fonts/beinblack.eot'); src: url('../../fonts/beinblack.eot?#iefix') format('embedded-opentype'), url('../../fonts/beinblack.woff') format('woff'), url('../../fonts/beinblack.ttf') format('truetype'), url('../../fonts/beinblack.svg#webfontRl4nowrT') format('svg'); font-weight: normal; font-style: normal; font-display: swap; }
@font-face { font-family: 'CenturyGothicLight'; src: url('../../fonts/CenturyGothicLight.eot'); src: url('../../fonts/CenturyGothicLight.eot?#iefix') format('embedded-opentype'), url('../../fonts/CenturyGothicLight.woff') format('woff'), url('../../fonts/CenturyGothicLight.ttf') format('truetype'), url('../../fonts/CenturyGothicLight.svg#webfontRl4nowrT') format('svg'); font-weight: normal; font-style: normal; font-display: swap; }
@font-face { font-family: 'Hayah'; src: url('../../fonts/Hayah.eot'); src: url('../../fonts/Hayah.eot?#iefix') format('embedded-opentype'), url('../../fonts/Hayah.woff') format('woff'), url('../../fonts/Hayah.ttf') format('truetype'), url('../../fonts/Hayah.svg#webfontRl4nowrT') format('svg'); font-weight: normal; font-style: normal; font-display: swap; }
@font-face { font-family: "ykIcons"; src: url("../../fonts/ykicons.eot?ref=5.2"); src: url("../../fonts/ykicons.eot?ref=5.2") format("embedded-opentype"), url("../../fonts/ykicons.woff?ref=5.2") format("woff"), url("../../fonts/ykicons.ttf?ref=5.2") format("truetype"), url("../../fonts/ykicons.svg?ref=5.2") format("svg"); font-weight: normal; font-style: normal; font-display: swap; }
[class^="icon-"]:before, [class*=" icon-"]:before, .matchesHp .bx-wrapper .bx-next:before, .matchesHp .bx-wrapper .bx-prev:before, .tourMenu .bx-wrapper .bx-prev:before, .tourMenu .bx-wrapper .bx-next:before,
.featuredArea ul li.video .secName .icon:before,
.featuredArea ul li.album .secName .icon:before,
.featuredArea ul li.sed .secName .icon:before,
.featuredArea ul li.infograph .secName .icon:before,
.pattern1 ul li.video .secName .icon:before,
.pattern1 ul li.album .secName .icon:before,
.pattern1 ul li.sed .secName .icon:before,
.pattern1 ul li.infograph .secName .icon:before,
.pattern2 ul li.video .secName .icon:before,
.pattern2 ul li.album .secName .icon:before,
.pattern2 ul li.sed .secName .icon:before,
.pattern2 ul li.infograph .secName .icon:before,
.listing ul li.video .secName .icon:before,
.listing ul li.album .secName .icon:before,
.listing ul li.sed .secName .icon:before,
.listing ul li.infograph .secName .icon:before,
#zuck-modal-content .story-viewer .head .time:before,
.storiesBtn.previous:before,
.storiesBtn.next:before,
.pattern3 ul li.reports .secName .icon:before,
.pattern3 ul li.articles .secName .icon:before,
.pattern3 ul li.dialogues .secName .icon:before,
.lg-toolbar .lg-close:after,
.lg-autoplay-button:after,
.lg-show-autoplay .lg-autoplay-button:after,
.lg-actions .lg-next:before,
.lg-actions .lg-prev:after,
.articale_Section .pattern01 .desc:before,
.ui-datepicker .ui-icon-circle-triangle-w:before,
.ui-datepicker .ui-icon-circle-triangle-e:before,
.toursDropdown:after,
.mostSeenMedia .cnts ul li.video .secName .icon:before,
.mostSeenMedia .cnts ul li.image .secName .icon:before,
.matchesCenter.fixtures .bx-wrapper .bx-next:before,
.matchesCenter.fixtures .bx-wrapper .bx-prev:before, .lg-outer .lg-icon:after, article .totalQues .answer.correct:before, article .totalQues .answer.wrong:before, label.wrong:before, label.correct:before,
.btn.dropdown-toggle:before, .proPlayer .remainContent .bx-wrapper .bx-prev, .proPlayer .remainContent .bx-wrapper .bx-next, .euroRoadToCup .CheckedIn:before,
.euroRoadToCup li.hasteam:after, .euroRoadToCup li.select3rd:after, .EuroMatchDetails .matchDetailsTabs .timeline .cnts ul li .min:after, .EuroMatchDetails .matchDetailsTabs .timeline .MatchHalf .min:after,
.tour2727.touracn2022 .positionSide .featuredArea ul li.video .imageCntnr:before, .cntnr.video .imageCntnr span:before {
    font-family: "ykIcons";
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1.7em;
}
* { -moz-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; list-style: none; -webkit-tap-highlight-color: rgba(0,0,0,0); -moz-tap-highlight-color: rgba(0,0,0,0); -ms-tap-highlight-color: rgba(0,0,0,0); -o-tap-highlight-color: rgba(0,0,0,0); tap-highlight-color: rgba(0,0,0,0); -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; -ms-appearance: none; appearance: none; }
a { text-decoration: none; color: #000; }
button { border: none; outline: none }
a, button { transition: all 0.2s ease-in-out 0s; -webkit-transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; -ms-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; cursor: pointer; }
a p { cursor: pointer !important }
h1, h2, h3, p, ul, li { direction: rtl; text-align: right; margin: 0; font-weight: normal }
p { direction: rtl; transition: all 0.2s ease-in-out 0s; -webkit-transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; -ms-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s }
html, body, div, section, article, aside, header, hgroup, footer, nav, h1, h2, h3, h4, h5, h6, p,
blockquote, address, time, span, em, strong, img, ol, ul, li, figure, canvas, video, th, td, tr { margin: 0; padding: 0; border: 0; vertical-align: baseline; font: inherit }
body { width: 100%; margin: 0 auto; min-width: 320px; max-width: 100%; overflow-x: hidden !important; overflow-y: scroll !important; font-family:droidLight, Arial;direction: rtl; transition: all 0.2s ease-in-out 0s; -webkit-transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; -ms-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s }
img { -ms-interpolation-mode: bicubic; vertical-align: middle; max-width: 100%; text-indent: -1000% }
ul, li { list-style: none outside none; text-decoration: none; }
.clear, .clr { clear: both; float: none; line-height: 0 }
::-moz-selection { background: #2c2c2c; color: #fff; text-shadow: none; }
::selection { background: #2c2c2c; color: #fff; text-shadow: none; }
iframe { margin: 0; padding: 0; border: none; float: right; display: inline-block; }
section { display: inline-block; width: 100%; margin-bottom: 20px; float: right }
input, textarea { outline: none; -webkit-appearance: textfield !important; transition: all 0.2s ease-in-out 0s; -webkit-transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; -ms-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; }
input:focus, textarea:focus { border: 1px solid rgba(255, 255, 255, 0.5) !important; outline: none; }
::-webkit-input-placeholder { color: #fff; opacity: 0.6; font-weight: normal; font-size: 12px; }
/** Checkbox and Radio **/
input[type="checkbox"] { display: none; }
input[type="checkbox"] + label { color: #000; font-family: droidLight, Arial; font-size: 18px; float: right; margin: 0 5px 10px; text-align: right; display: inline-block; width: 100%; direction: rtl; }
input[type="checkbox"] + label span { display: inline-block; width: 16px; height: 16px; margin: 2px 0 0 5px; vertical-align: middle; background: url(../../Images/check-radio-img.png) 0 top no-repeat; cursor: pointer }
input[type="checkbox"]:checked + label span { background: url(../../Images/check-radio-img.png) -18px top no-repeat; }
input[type="radio"] { display: none; }
input[type="radio"] + label { color: #000; font-family: droidLight, Arial; font-size: 18px; float: right; margin: 0 5px 10px; text-align: right; display: inline-block; width: 100%; direction: rtl }
input[type="radio"] + label span { display: inline-block; width: 16px; height: 16px; margin: 2px 0 0 5px; vertical-align: middle; background: url(../../Images/check-radio-img.png) -37px top no-repeat; cursor: pointer; }
input[type="radio"]:checked + label span { background: url(../../Images/check-radio-img.png) -55px top no-repeat; }
.bx-wrapper { width: 100%; height: auto; position: relative; margin: 0 auto; *zoom: 1; }
.bx-wrapper img { max-width: 100%; display: block; border: none }
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { position: absolute; bottom: 0; width: 100%; }
/* Next & Prev */
.bx-wrapper .bx-controls-direction a { top: 50%; margin-top: -39px; outline: 0; display: block; position: absolute; color: #fff; opacity: 0.7 }
.bx-wrapper .bx-controls-direction a:hover { opacity: 1 }
.bx-wrapper .bx-controls-direction a.disabled { display: none; }
.bx-wrapper .bx-controls-direction a:before { font-size: 46px; }
/* Bullets */
.bx-wrapper .bx-pager { text-align: center; }
.bx-wrapper .bx-pager-item { margin-right: 3px }
.bx-wrapper .bx-pager-item:last-child { margin-right: 0 }
.bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; *zoom: 1; *display: inline; position: relative }
.bx-wrapper .bx-pager a { background: none; text-indent: -9999px; display: block; width: 12px; height: 12px; outline: 0; border: 1px solid #fff; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }
.bx-wrapper .bx-pager a:hover, .bx-wrapper .bx-pager a.active { background: #fff }
.overlayMob iframe { width: 100%; height: 100%; display: inline-block; float: right; left: 0; margin: 0 auto; overflow: visible; position: fixed; top: 0; visibility: visible; z-index: 9999; }
.topRead { display: inline-block; float: left; width: 300px }
.leftColum { display: inline-block; width: 300px; float: left }
/******************** Content ********************/
.container { width: 100%; display: inline-block; margin-top: 50px; position: relative; text-align: center; background: #f2f2f2 }
.sponsorSticky .container { margin-top: 110px }
.content-wrap { position: relative; top: 0; background: #f2f2f2; width: 85%; margin: 0; display: inline-block; min-height: 550px; -webkit-overflow-scrolling: touch; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; z-index: 2 }
.content { position: relative; background: #f2f2f2; display: inline-block; width: 100%; float: right; padding: 12px; }
article { display: inline-block; width: calc(100% - 326px); margin-left: 20px; float: right; position: relative; margin-bottom: 20px; }
aside { display: inline-block; width: 300px; float: left }
.newPred .innerpage{width:1282px}
/******************** Header ********************/

/** Search Result **/
/*.gsc-expansionArea{display:inline-block!important}*/
.gsc-results { width: 100% !important; padding: 0 !important }
.cse .gsc-control-cse, .gsc-control-cse { width: 100% !important; padding: 0 !important }
.gsc-url-top, .gsc-table-cell-snippet-close, .gsc-table-cell-snippet-open { display: none !important }
.gsc-control-cse, .gsc-webResult.gsc-result, .gsc-results .gsc-imageResult, .gsc-above-wrapper-area { background: none !important; border: 0 !important }
.gsc-webResult .gsc-result { width: calc((100% - 40.1px) / 3) !important; margin: 0 0 20px 20px !important; border: 1px solid #ddd !important; overflow: hidden !important; background: #fff !important; display: inline-block !important; padding: 0 !important; height: auto !important; float: right !important; position: relative !important; }
.gsc-webResult .gsc-result:nth-child(3n) { margin: 0 0 20px 0 !important }
.gsc-webResult.gsc-result:hover, .gsc-imageResult:hover { border: 1px solid #ddd !important; background: #fff !important; }
.gs-image-box.gs-web-image-box.gs-web-image-box-landscape, .gs-image-box.gs-web-image-box.gs-web-image-box-portrait { width: 100% !important; padding: 0 !important; height: 100% !important }
.gs-web-image-box-landscape img.gs-image, .gs-web-image-box-portrait img.gs-image { max-width: 100% !important; max-height: 100% !important; width: 100% !important; border: 0 !important }
.gsc-table-result, .gsc-thumbnail-inside, .gsc-url-top { padding: 0 !important }
.gs-title { height: 64px !important; text-decoration: none !important; line-height: 1.8 !important; color: #000 !important; text-align: right !important; font-size: 15px !important; font-family: droidLight, Arial !important; direction: rtl !important; overflow: hidden !important; padding: 8px 10px 0 !important; margin-bottom: 10px !important }
.gsc-control-cse .gs-spelling, .gsc-control-cse .gs-result .gs-title, .gsc-control-cse .gs-result .gs-title * { font-size: 15px !important }
a.gs-title { padding: 0 !important; margin-bottom: 10px !important; }
.gs-title:hover { color: #0277bd !important }
.gs-webResult.gs-result { display: grid !important }
.gsc-control-cse .gsc-table-result { order: 1 !important }
.gsc-thumbnail-inside { position: relative !important; order: 2 !important }
.gsc-result-info { width: 100% !important; display: inline-block !important; float: right !important; background: #000 !important; text-align: center !important; color: #fff !important; font-family: droidLight, Arial !important; font-size: 12px !important; position: relative !important; padding: 0 !important }
.gsc-results .gsc-cursor-box { margin: 0 !important; display: inline-block !important; width: 100% !important; text-align: center !important }
.gsc-results .gsc-cursor-box .gsc-cursor { display: inline-block !important }
.gsc-results .gsc-cursor-box .gsc-cursor-page { float: right !important; display: inline-block !important; width: 36px !important; height: 36px !important; text-align: center !important; font-family: droidLight, Arial !important; font-size: 14px !important; color: #fff !important; line-height: 2.5 !important; background: #0277bd !important; margin-left: 4px !important; margin-bottom: 4px !important; }
.gsc-results .gsc-cursor-box .gsc-cursor-current-page { background: #c0c0c0 !important }
a.gs-image { position: relative !important; padding-bottom: 67% !important; width: 100% !important; display: inline-block !important; max-width: 100% !important; max-height: 100% !important; }
img.gs-image { position: absolute !important; bottom: 0 !important; right: 0 !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; }
.gs-webResult.gs-result a.gs-title:visited b, .gs-imageResult a.gs-title:visited b { color: #0277bd !important; font-weight: normal !important }
.gs-webResult.gs-result a.gs-title:link b, .gs-imageResult a.gs-title:link b { color: #0277bd !important; font-weight: normal !important }

/******************** Title ********************/
.ttl { display: inline-block; width: 100%; height: 40px; float: right; direction: rtl; text-align: right; font-family: droidBold, Arial; font-size: 19px; color: #000; background: #e8e8e8; border-right: 4px solid #000; padding-right: 10px; margin-bottom: 10px }
.ttl img { float: right; margin-left: 10px; width: auto; height: 34px; margin-top: 3px }
.ttl h2, .ttl h3 { float: right; display: inline-block; line-height: 2.2 }
.ttl h2 a, .ttl h3 a { display: block }
.ttl h2 a:hover, .ttl h3 a:hover { color: #0277bd }
.ttl .more { float: left; display: inline-block; width: 75px; height: 40px; background: #0277bd; padding: 0 10px; color: #fff; font-family: droidLight,Arial; font-size: 13px; line-height: 3; position: relative; z-index: 2 }
.ttl .more:hover { background: #1b92d9 }
.ttl .more span { float: left; margin-right: 10px }
.ttl .more .icon-more:before { content: "h"; color: #fff; font-size: 12px; line-height: 3.4 }
/******************** Matches HP Clip ********************/
.matchesHp { display: inline-block; width: 100%; float: right; margin-bottom: 10px }
.matchesHp .matchesHpCntnr { display: inline-block; width: 100%; float: right; padding: 4px 28px; height: 120px; overflow: hidden }
.matchesHp .matchesHpCntnr .matchesSlider { display: inline-block; width: 100%; height: 100px; float: right; background: #fff }
.matchesHp li { display: inline-block; float: right; width: calc(100% / 5); height: 100px; background: #fff; border-left: 2px solid #f2f2f2; padding: 6px 12px; margin-bottom: 10px; transition: all 0.2s ease-in-out 0s; -webkit-transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; -ms-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s }
.matchesHp li:first-of-type { border-right: 2px solid #f2f2f2 }
.matchesHp li:hover { background: #fafafa }
.matchesHp li .tourName { font-size: 11px; font-family: droidLight,arial; color: #000; text-align: center; width: 100%; display: inline-block; line-height: 1.4; float: right; margin-bottom: 4px; }
.matchesHp li .teamA, .matchesHp li .teamB { float: right; width: calc((100% - 66px) / 2); height: 64px; text-align: center }
.matchesHp li .teamA { padding-left: 12px }
.matchesHp li .teamB { padding-right: 12px }
.matchesHp li .teamA img, .matchesHp li .teamB img { height: 26px; width: auto; border: none; display: inline-block }
.matchesHp li .teamA p, .matchesHp li .teamB p { display: inline-block; width: 100%; margin: 0; padding-top: 5px; color: #000; font-family: droidLight, Arial; font-size: 11px; line-height: 1.2; text-align: center }
.matchesHp li .resultDiv { float: right; width: 66px; margin-top: 6px; }
.matchesHp li .resultDiv .result { color: #000; font-size: 16px; font-family: CenturyGothicLight; font-weight: bold; display: inline-block; }
.matchesHp li .resultDiv .result:first-of-type { float: right }
.matchesHp li .resultDiv .result:last-of-type { float: left }
.matchesHp li .resultDiv .matchStatus { display: inline-block; width: 100%; }
.matchesHp li .resultDiv .matchStatus .status { width: 100%; height: 18px; display: inline-block; font-family: droidLight, Arial; font-size: 10px; text-align: center; margin: 6px 0 4px; line-height: 1.8 }
.matchesHp li .penaltyRes { bottom: 3px }
.matchesHp li .penaltyRes span { font-size: 12px }
/** Soon **/
.matchesHp li.soon .resultDiv .matchStatus .status { border: 1px solid #45B3EB; color: #45B3EB }
.matchesHp li.soon .resultDiv .matchStatus .status:before { content: "لم تبدأ"; }
/** Live **/
.matchesHp li.live .resultDiv .matchStatus .status { border: 1px solid #308F40; color: #308F40 }
.matchesHp li.live .resultDiv .matchStatus .status:before { content: "مباشر"; }
/** Done **/
.matchesHp li.done .resultDiv .matchStatus .status { border: 1px solid #AAAAAA; color: #AAAAAA }
.matchesHp li.done .resultDiv .matchStatus .status:before { content: "إنتهت"; }
.matchesHp li .resultDiv .matchStatus .time { width: 100%; display: inline-block; color: #888; font-family: CenturyGothicLight; font-size: 12px; text-align: center }
/** Postponed **/
.matchesHp li.postponed .resultDiv .matchStatus .status { background: #ff1a3b }
.matchesHp li.postponed .resultDiv .matchStatus .status:before { content: "مؤجل"; }
.matchesHp li.postponed .resultDiv .matchStatus .time { display: none }
.matchesHp li.postponed .resultDiv .matchTime { display: none }
.matchesHp li.postponed .resultDiv .moreDtls { display: none }
.matchesHp li.postponed .resultDiv .matchResult { display: none }
.matchesHp .ttl { border: none; padding-right: 0; background: none; height: auto; position: relative; margin-bottom: 0 }
.matchesHp .ttl .matchesTtl { display: inline-block; float: right; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%) }
.matchesHp .ttl .matchesTtl h2 { background: #fff; color: #000; width: 130px; font-size: 13px; text-align: center; padding: 0; height: 32px; line-height: 2.4 }
.matchesHp .allMatchesBtn { display: inline-block; float: left; font-family: droidLight, Arial; font-size: 12px; background: #0277bd; color: #fff; padding: 4px 10px }
.matchesHp .allMatchesBtn:hover { background: #01649e }
.matchesHp .allMatchesBtn .icon-arrow:before { content: "j"; font-size: 10px; line-height: 1.8; margin-right: 6px }
.matchesHp .allMatchesBtn.mob { display: none }
.matchesHp .gotoDay { display: inline-block; padding: 0 20px; height: 32px; float: right; position: relative; text-align: center; color: #0277bd; font-family: droidLight,Arial; font-size: 12px; line-height: 2.6 }
.matchesHp .gotoDay.yesterday { margin-left: 2px }
.matchesHp .gotoDay.tomorrow { margin-right: 2px }
.matchesHp .gotoDay span { position: relative; font-family: droidLight,Arial; display: inline-block; }
.matchesHp .gotoDay span.icon-prev:before { float: right; content: "h"; margin: 10px 0 0 6px; transform: rotate(180deg); line-height: 1 }
.matchesHp .gotoDay span.icon-next:before { float: left; content: "h"; margin: 10px 6px 0 0; line-height: 1 }
.matchesHp .gotoDay:hover { background: #fff; color: #0277bd }
.matchesHp .gotoDay.euro { display: none }
/*.matchesHp .slide .noMatches {font-size: 20px !important;padding-top: 56px !important;width:100%;color: #1d1d1d!important;line-height: 3.5;}*/
.matchesHp .bx-wrapper .bx-pager { display: none }
.matchesHp .flickity-button { position: absolute; width: 28px; height: 100px; top: 0; background: #0277bd; color: #fff; overflow: hidden; text-align: center; border-radius: 0; border: none; margin-top: 0; opacity: 1; z-index: 1 }
.matchesHp .flickity-button:hover { background: #01649e }
.matchesHp .flickity-button.previous { right: -28px; left: auto; border: 0 !important }
.matchesHp .flickity-button.previous:before { color: #fff !important; content: "i"; font-size: 26px; line-height: 4; color: inherit }
.matchesHp .flickity-button.next { left: -28px; right: auto }
.matchesHp .flickity-button.next:before { color: #fff !important; content: "j"; font-size: 26px; line-height: 4; color: inherit }
.matchesHp .flickity-button:disabled { opacity: 1; background: #c2d9e7; color: #f5f5f5; border: 0 !important }
.imageCntnr { overflow: hidden }
.matchesHp .noStatsDiv:hover { background: transparent }
.matchesHp li .noStats { display: inline-block; width: 100%; float: right; position: relative; height: 88px }
.matchesHp li .noStats p { position: absolute; top: 50%; transform: translateY(-50%); font-family: droidLight, Arial; font-size: 14px; color: #000; width: 100%; text-align: center }
.matchesHp .predResult { position: absolute; width: 68px; height: 18px; background-color: #efefef; top: 56px; left: 50%; transform: translateX(-50%); line-height: 2; display: inline-block; color: #fff; font-family: droidLight, Arial; font-size: 10px; text-align: center; background: #000; }
.matchesHp .resultPredBtn .resultDiv .matchStatus .status { background: transparent !important; color: transparent }
.matchesHp .flickity-viewport { overflow: visible }
@media screen and (min-width: 1920px) {
    .content-wrap {
        width: 1282px;
    }
}
@media screen and (min-width:1680px) and (max-width:1919px) {
    .matchesHp li { width: calc(100% / 5) }
}

@media screen and (min-width:1600px) and (max-width:1679px) {
    .matchesHp li { width: calc(100% / 4) }
}

@media screen and (min-width:1536px) and (max-width:1599px) {
    .matchesHp li { width: calc(100% / 4) }
}

@media screen and (min-width:1440px) and (max-width:1535px) {
    .matchesHp li { width: calc(100% / 4) }
}

@media screen and (min-width:1360px) and (max-width:1439px) {
    .matchesHp li { width: calc(100% / 3) }
}
@media screen and (min-width: 1360px) and (max-width: 1919px) {
    .content-wrap {
        width: 1100px;
    }
}
@media screen and (min-width:1280px) and (max-width:1359px) {
    .matchesHp li { width: calc(100% / 3) }
            .content-wrap{width:1000px}

}

@media screen and (min-width:1152px) and (max-width:1279px) {
    .matchesHp li { width: calc(100% / 3) }
            .content-wrap{width:800px}

}

@media screen and (min-width:1024px) and (max-width:1151px) {
    .matchesHp li { width: calc(100% / 2) }
            .content-wrap{width:800px}

}

@media only screen and (max-width: 1023px) {
    .matchesHp li { width: calc(100% / 3) }
        .content-wrap { width: 100%; padding: 0px;min-width:100%;max-width:100% }

}

@media screen and (min-width: 320px) and (max-width: 767px) {
    .matchesHp .ttl .matchesTtl { left: 0; right: 0; width: 100%; transform: none; position: relative }
    .matchesHp .gotoDay,
    .matchesHp .ttl .matchesTtl h2 { padding: 0; width: calc((100% - 114px) / 2) }
    .matchesHp .gotoDay { font-size: 11px; line-height: 3 }
    .matchesHp .ttl .matchesTtl h2 { font-size: 12px; line-height: 2.6; width: 110px }
    .matchesHp .allMatchesBtn { display: none }
    .matchesHp .allMatchesBtn.mob { display: inline-block; width: 100%; margin-top: -12px }
    .matchesHp li { width: 100% }

        .content-wrap { padding: 0; min-height: unset;order:2 }

}
/********** Featured Area **********/
.featuredArea { margin-left: 20px; width: calc(100% - 320px); float: right }
.featuredArea ul li { float: right; margin-left: 6px; margin-bottom: 6px; width: calc((100% - 12.1px) / 3); height: auto; position: relative; border: 1px solid #ddd; overflow: hidden }
.featuredArea ul li a { display: block }
.featuredArea ul li .secName { padding: 2px 10px; font-family: droidLight, Arial; font-size: 13px; color: #fff; background: rgba(0,0,0,0.7); position: absolute; top: 0px; right: 0px; z-index: 1; height: 30px }
.featuredArea ul li.video .secName,
.featuredArea ul li.album .secName,
.featuredArea ul li.infograph .secName,
.featuredArea ul li.sed .secName { padding: 0 0 0 10px; font-family: droidLight, Arial; font-size: 13px; color: #fff; background: rgba(0,0,0,0.7); position: absolute; top: 0px; right: 0px; z-index: 1; height: 30px; line-height: 2.3 }
.featuredArea ul li.video .secName .icon,
.featuredArea ul li.album .secName .icon,
.featuredArea ul li.infograph .secName .icon,
.featuredArea ul li.sed .secName .icon { width: 30px; height: 30px; float: right; margin-left: 10px; text-align: center }
.featuredArea ul li.video .secName .icon { background: #db182c }
.featuredArea ul li.video .secName .icon:before { content: "m"; color: #fff; font-size: 16px; line-height: 1.9 }
.featuredArea ul li.album .secName .icon { background: #ffb200 }
.featuredArea ul li.album .secName .icon:before { content: "n"; color: #fff; font-size: 16px; line-height: 1.9 }
.featuredArea ul li.infograph .secName .icon { background: #33a144 }
.featuredArea ul li.infograph .secName .icon:before { content: "o"; color: #fff; font-size: 16px; line-height: 1.9 }
.featuredArea ul li.sed .secName .icon { background: #119e9e }
.featuredArea ul li.sed .secName .icon:before { content: "p"; color: #fff; font-size: 16px; line-height: 1.9 }
.featuredArea ul li.desc .date { display: none }
/*.featuredArea ul li:first-child .secName{font-size:18px;}*/
.featuredArea ul li a .imageCntnr { position: relative; overflow: hidden; padding-bottom: 67% }
.featuredArea ul li:first-child a .imageCntnr { padding-bottom: calc(67% + 2px) }
.featuredArea ul li a img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: 0 auto; width: 100%; height: 100%; border: none; filter: brightness(100%) contrast(100%); -webkit-filter: brightness(100%) contrast(100%); -moz-filter: brightness(100%) contrast(100%); -o-filter: brightness(100%) contrast(100%); -ms-filter: brightness(100%) contrast(100%); transition: all 0.2s ease-in-out 0s; -webkit-transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; -ms-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; }
.featuredArea ul li:first-child { width: calc(100% - ((100% + 6px) / 3)) }
.featuredArea ul li:nth-child(2), .featuredArea ul li:nth-child(3), .featuredArea ul li:last-child { margin-left: 0 }
.featuredArea ul li:nth-child(4), .featuredArea ul li:nth-child(5), .featuredArea ul li:last-child { margin-bottom: 0 }
.featuredArea ul li:hover img { filter: brightness(108%) contrast(108%); -webkit-filter: brightness(108%) contrast(108%); -moz-filter: brightness(108%) contrast(108%); -o-filter: brightness(108%) contrast(108%); -ms-filter: brightness(108%) contrast(108%) }
.featuredArea .desc { width: 100%; height: 70%; overflow: hidden; cursor: pointer; position: absolute; bottom: 0; right: 0; background: linear-gradient(270deg,rgba(0,0,0,0),#000000); background: -webkit-linear-gradient(270deg,rgba(0,0,0,0),#000); background: -o-linear-gradient(270deg,rgba(0,0,0,0),#000); background: -moz-linear-gradient(270deg,rgba(0,0,0,0),#000); background: -ms-linear-gradient(270deg,rgba(0,0,0,0),#000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#004c4c4c',endColorstr='#ff1a3b00',GradientType=0); }
.featuredArea .desc p { color: #fff; text-align: right; line-height: 1.6; padding: 10px; font-size: 15px; font-family: droidLight, Arial; position: absolute; bottom: 0; right: 0; direction: rtl }
.featuredArea ul li:first-child .desc p { font-size: 20px; line-height: 1.8; }
.featuredArea .showcaseDiv, .featuredArea .leaderboardDiv { margin-top: 8px; margin-bottom: 14px }
.featuredArea .desc p:before { float: right; display: inline-block; width: 42px; height: 20px; margin-left: 5px; text-align: center; font-family: droidLight,Arial; color: #fff; font-size: 11px; margin-top: 4px; line-height: 1.8 }
.featuredArea ul li:first-child .desc p:before { width: 60px; height: 26px; margin-left: 10px; font-size: 14px; margin-top: 6px }
.featuredArea .desc.agel p:before { background: #ff1a3b; content: "عاجل" }
.featuredArea .desc.mosaheh p:before { background: #0277bd; content: "مصحح" }
.featuredArea .desc.khas p:before { background: #0277bd; content: "خاص" }
.featuredArea .desc.mohades p:before { background: #0277bd; content: "محدث" }
.featuredArea .desc.lite p:before { background: #0277bd; content: "لايت" }
.featuredArea .desc.live p:before { background: #0277bd; content: "مباشر" }
.featuredArea .desc.done p:before { background: #111; content: "انتهت" }
.featuredArea .desc.soon p:before { background: #0277bd; content: "بعد قليل" }
.pattern1 ul li .desc p:before { width: 50px; height: 24px; margin-left: 10px; font-size: 13px; margin-top: 6px; color: #fff !important; display: inline-block; text-align: center; }
.pattern1 .desc.agel p:before { background: #ff1a3b; content: "عاجل" }
.pattern1 .desc.mosaheh p:before { background: #0277bd; content: "مصحح" }
.pattern1 .desc.khas p:before { background: #0277bd; content: "خاص" }
.pattern1 .desc.mohades p:before { background: #0277bd; content: "محدث" }
.pattern1 .desc.lite p:before { background: #0277bd; content: "لايت" }
.pattern1 .desc.live p:before { background: #0277bd; content: "مباشر" }
.pattern1 .desc.done p:before { background: #111; content: "انتهت" }
.pattern1 .desc.soon p:before { background: #0277bd; content: "بعد قليل" }
/******************** Interested Articles ********************/
.interestedArticles { display: inline-block; float: left; width: 300px; background: #fff; position: relative; padding: 8px 10px 18px; border: 1px solid #e0e0e0; border-top: 4px solid #0277bd; /*clear:both*/ }
.interestedArticles .ttl { background: none; border-right: none; padding-right: 0; margin-bottom: 12px }
.interestedArticles .ttl .more { display: none }
.interestedArticles .cnts { display: inline-block; float: right; width: 100% }
.interestedArticles .cnts li { display: inline-block; width: 100%; float: right; margin-bottom: 16px; position: relative }
.interestedArticles .cnts li:last-child { margin-bottom: 0 }
.interestedArticles .cnts li .num { float: right; display: inline-block; width: 36px; height: 36px; background: #e8e8e8; font-family: Arial; color: #0277bd; font-size: 20px; text-align: center; line-height: 1.8; margin: 6px 0 0 10px }
.interestedArticles .cnts li p { display: inline-block; width: calc(100% - 46px); font-family: droidLight, Arial; font-size: 13px; color: #000; text-align: right; direction: rtl; height: 50px; overflow: hidden }
.interestedArticles .cnts li:hover p { color: #0277bd }
/******************** Entrypoints ********************/
.entryPointSlider { float: right; display: inline-block; width: 300px; height: auto; margin-left: 20px }
.entryPointSlider:last-of-type { margin-left: 0 }
.entrypoints { display: inline-block; width: 940px; height: 150px; margin: 0 calc((100% - 940px) / 2) 20px; overflow: hidden; position: relative; z-index: 1; }
.entrypoints .item { display: inline-block; float: right; width: 300px; height: 150px }
.entrypoints img { width: 300px; height: 150px }
.entrypoints .bx-wrapper { float: right; width: 300px; margin-left: 20px !important }
.entrypoints .bx-wrapper:nth-child(3n), .entrypoints .bx-wrapper:last-child { margin-left: 0 !important }
/********** Pattern 1 - News **********/
.pattern1 { display: inline-block; width: 100%; float: right }
.pattern1 ul li { float: right; margin-left: 20px; margin-bottom: 20px; width: calc((100% - 60.1px) / 4); height: auto; position: relative; border: 1px solid #ddd; overflow: hidden; background: #fff }
.pattern1 ul li:nth-child(4n) { margin-left: 0 }
.pattern1 ul li a { display: block }
.pattern1 ul li .secName { padding: 2px 10px; font-family: droidLight, Arial; font-size: 13px; color: #fff; background: rgba(0,0,0,0.7); position: absolute; top: 0px; right: 0px; z-index: 1 }
.pattern1 ul li.video .secName,
.pattern1 ul li.album .secName,
.pattern1 ul li.infograph .secName,
.pattern1 ul li.sed .secName { padding: 0 0 0 10px; font-family: droidLight, Arial; font-size: 13px; color: #fff; background: rgba(0,0,0,0.7); position: absolute; top: 0px; right: 0px; z-index: 1; height: 30px; line-height: 2.3 }
.pattern1 ul li.video .secName .icon,
.pattern1 ul li.album .secName .icon,
.pattern1 ul li.infograph .secName .icon,
.pattern1 ul li.sed .secName .icon { width: 30px; height: 30px; float: right; margin-left: 10px; text-align: center }
.pattern1 ul li.video .secName .icon { background: #db182c }
.pattern1 ul li.video .secName .icon:before { content: "m"; color: #fff; font-size: 16px; line-height: 1.9 }
.pattern1 ul li.album .secName .icon { background: #ffb200 }
.pattern1 ul li.album .secName .icon:before { content: "n"; color: #fff; font-size: 16px; line-height: 1.9 }
.pattern1 ul li.infograph .secName .icon { background: #33a144 }
.pattern1 ul li.infograph .secName .icon:before { content: "o"; color: #fff; font-size: 16px; line-height: 1.9 }
.pattern1 ul li.sed .secName .icon { background: #119e9e }
.pattern1 ul li.sed .secName .icon:before { content: "p"; color: #fff; font-size: 16px; line-height: 1.9 }
.pattern1 ul li a .imageCntnr { position: relative; overflow: hidden; padding-bottom: 67% }
.pattern1 ul li a img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: 0 auto; width: 100%; height: 100%; border: none; filter: brightness(100%) contrast(100%); -webkit-filter: brightness(100%) contrast(100%); -moz-filter: brightness(100%) contrast(100%); -o-filter: brightness(100%) contrast(100%); -ms-filter: brightness(100%) contrast(100%); transition: all 0.2s ease-in-out 0s; -webkit-transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; -ms-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; }
.pattern1 ul li:hover img { filter: brightness(108%) contrast(108%); -webkit-filter: brightness(108%) contrast(108%); -moz-filter: brightness(108%) contrast(108%); -o-filter: brightness(108%) contrast(108%); -ms-filter: brightness(108%) contrast(108%) }
.pattern1 ul li .desc { width: 100%; cursor: pointer; display: inline-block; float: right; padding: 10px }
.pattern1 ul li .desc p { color: #000; text-align: right; line-height: 1.8; font-size: 15px; font-family: droidLight, Arial; direction: rtl; margin-bottom: 10px; height: 81px; overflow: hidden }
.pattern1 ul li:hover .desc p { color: #0277bd }
.pattern1 ul li .desc .time { display: inline-block; font-family: droidLight, Arial; font-size: 12px; color: #b9b9b9; float: right; direction: rtl; }
.pattern1 ul li .desc .icon-time:before { content: "x"; float: right; margin-left: 8px; font-size: 16px; line-height: 1.2; display: none }
.pattern1 ul li .desc .time span { margin-left: 16px; position: relative; float: right; line-height: 1.6; }
.pattern1 ul li .desc .time span:after { content: ""; position: absolute; left: -8px; top: 2px; width: 1px; height: 14px; background: #b9b9b9; }
.pattern1 ul li .desc .time span:last-child:after { display: none }
/********** Stats **********/
.stats { margin-left: 20px; width: calc(100% - 320px); float: right; height: 290px; position: relative; z-index: 2 }
.stats .leagueStats { display: inline-block; width: 100%; float: right }
.stats .leagueStats .allItems { display: inline-block; width: 100%; float: right }
.stats .item { float: right; display: inline-block; width: calc((100% - 20px) / 3); margin-left: 10px; background: #fff; position: relative; height: 240px }
.stats .item:last-child { margin-left: 0 }
.stats .item .title { width: 100%; display: inline-block; float: right; background: #000; text-align: center; color: #fff; font-family: droidLight, Arial; font-size: 12px; position: relative }
.stats .item .title h3 { text-align: center }
.stats .item.goals .title h3:before { content: "الأهداف المسجلة" }
.stats .item.penalty .title h3:before { content: "ضربات الجزاء" }
.stats .item.yellowCards .title h3:before { content: "الكروت الصفراء" }
.stats .item.redCards .title h3:before { content: "الكروت الحمراء" }
.stats .item.assist .title h3:before { content: "صناعة أهداف" }
.stats .item.plays .title h3:before { content: "مرات اللعب" }
.stats .item ul { display: inline-block; width: 100%; float: right; min-height: 192px }
.stats .item.matchAction ul { min-height: 266px }
.stats .item ul li { display: inline-block; width: 100%; float: right; border-bottom: 1px solid #e8e8e8; padding: 12px 10px; height: 64px; }
.stats .item ul li .image { float: right; width: 38px; height: 38px; text-align: center }
.stats .item ul li .image img { width: 38px; height: 38px }
.stats .item ul li .name { float: right; display: inline-block; width: calc(100% - 76px); padding: 0 10px }
.stats .item ul li .name a { display: inline-block; float: right; width: 100%; text-align: right; direction: rtl; font-family: droidLight,Arial; font-size: 14px; color: #000; line-height: 1.4 }
.stats .item ul li .name a:nth-child(2) { display: inline-block; float: right; width: 100%; text-align: right; direction: rtl; font-family: droidLight,Arial; font-size: 12px; color: #b9b9b9; line-height: 1.2; margin-top: 5px; }
.stats .item ul li .num { float: left; display: inline-block; width: 38px; height: 38px; background: #e8e8e8 }
.stats .item ul li .num p { display: inline-block; float: right; width: 100%; text-align: center; direction: rtl; font-family: Arial; font-weight: bold; font-size: 20px; color: #0277bd; line-height: 1; margin-top: 5px; }
.stats .item ul li .num span { display: inline-block; float: right; width: 100%; text-align: center; direction: rtl; font-family: droidLight,Arial; font-size: 11px; color: #0277bd; line-height: 1 }
.stats .item.clubs ul li .num span:after { content: "نقطة" }
.stats .item.scorer ul li .num span:after { content: "هدف" }
.stats .item.goals ul li .num span:after { content: "هدف" }
.stats .item.penalty ul li .num span:after { content: "ضربة" }
.stats .item.yellowCards ul li .num span:after { content: "كارت" }
.stats .item.redCards ul li .num span:after { content: "كارت" }
.stats .item.plays ul li .num span:after { content: "مباراة" }
.stats .item.assist ul li .num span:after { content: "هدف" }
.stats .item.clubs ul li .name a { display: inline-block; float: right; width: 100%; text-align: right; direction: rtl; font-family: droidLight,Arial; font-size: 14px; color: #000; line-height: 2.8 }
.stats .item ul li .teamA, .stats .item ul li .teamB { float: right; width: calc((100% - 56px) / 2); text-align: center; overflow: hidden }
.stats .item ul li .teamA { padding-left: 12px }
.stats .item ul li .teamB { padding-right: 12px }
.stats .item ul li .teamA img, .stats .item ul li .teamB img { height: 20px; width: auto; border: none; display: inline-block }
.stats .item ul li .teamA .team, .stats .item ul li .teamB .team { display: inline-block; width: 100%; margin: 0; padding-top: 5px; color: #000; font-family: droidLight, Arial; font-size: 11px; line-height: 1.2; text-align: center }
.stats .item ul li .resultDiv { float: right; width: 56px; margin-top: 2px; }
.stats .item ul li .resultDiv .matchStatus { display: inline-block; width: 100%; }
.stats .item ul li .resultDiv .matchStatus .time { width: 100%; display: inline-block; color: #0277bd; font-family: Arial; font-size: 16px; font-weight: bold; text-align: center }
.stats .item ul li .resultDiv .matchStatus date { width: 100%; display: inline-block; color: #989898; font-family: Arial; font-size: 12px; text-align: center }
.stats .leagueStats .nextPrev { display: inline-block; width: 82px; float: right; height: 40px; position: absolute; top: 0; left: 0; z-index: 1; }
.stats .leagueStats .nextPrev a { height: 40px; width: 40px; background: #0277bd; text-align: center; font-family: droidLight, Arial; color: #fff; font-size: 13px; line-height: 3.4 }
.stats .leagueStats .nextPrev a:hover { background: #1b92d9 }
.stats .leagueStats .nextPrev a.prev { float: right }
.stats .leagueStats .nextPrev a.next { float: left }
.stats .leagueStats .nextPrev a .icon-prev:before { content: "i"; color: #fff; font-size: 12px }
.stats .leagueStats .nextPrev a .icon-next:before { content: "j"; color: #fff; font-size: 12px }
.stats .item .noStats { display: inline-block; width: 100%; float: right; position: relative; height: 168px; border-bottom: none }
.stats .item .noStats p { position: absolute; top: 50%; transform: translateY(-50%); font-family: droidLight, Arial; font-size: 14px; color: #000; width: 100%; text-align: center }
/*.stats .item .more{display:none}*/
.stats .item .more { display: inline-block; width: 100%; height: 28px; background: #0277bd; padding: 0 10px; text-align: left; color: #fff; font-family: droidLight,Arial; font-size: 13px; line-height: 2.3; position: absolute; right: 0; bottom: 0 }
.stats .item .more:hover { background: #1b92d9 }
.stats .item .more span { float: left; margin-right: 10px }
.stats .item .more .icon-more:before { content: "h"; color: #fff; font-size: 14px; line-height: 2.2 }
/** Sponsor by **/
.statsSponsor { display: none }
.statsSponsorCont .statsSponsor { float: left; display: inline-block; position: relative; z-index: 2; position: absolute; left: 5px }
.statsSponsorCont .statsSponsor:after { position: absolute; content: ""; top: 0; left: 0; width: 1px; height: 30px; background: #e0e0e0; }
.statsSponsorCont .statsSponsor p { float: right; font-family: droidLight, Arial; font-size: 12px; color: #000; text-align: center !important; margin-left: 5px; line-height: 3.5 }
.statsSponsorCont .statsSponsor img { float: right; height: 40px; margin: 0; }
.ACNStanding .statsSponsor { left: 102px }
.ACNStanding .statsSponsor p { color: #fff }
.ACNStanding .statsSponsor:after { height: 39px }
.stats.TourStats-2584 .leagueStats .nextPrev { display: none }
.stats.TourStats-2584 .statsSponsorCont .statsSponsor:after { display: none }
.stats.TourStats-2584 .statsSponsorCont .statsSponsor img { height: 38px; margin-top: 2px }
.stats.TourStats-2584 .statsSponsorCont .statsSponsor p { margin-left: 0 }
/******************** Pattern 2 - Multimedia ********************/
.pattern2 { display: inline-block; width: 100%; float: right }
.pattern2 ul li { float: right; margin-left: 6px; margin-bottom: 6px; width: calc((100% - 18.1px) / 4); height: auto; position: relative; border: 1px solid #ddd; overflow: hidden }
.pattern2 ul li a { display: block }
.pattern2 ul li .secName { padding: 0 0 0 10px; font-family: droidLight, Arial; font-size: 13px; color: #fff; background: rgba(0,0,0,0.7); position: absolute; top: 0px; right: 0px; z-index: 1; height: 30px; line-height: 2.3 }
.pattern2 ul li .secName .icon { width: 30px; height: 30px; float: right; margin-left: 10px; text-align: center }
.pattern2 ul li.video .secName .icon { background: #db182c }
.pattern2 ul li.video .secName .icon:before { content: "m"; color: #fff; font-size: 16px; line-height: 1.9 }
.pattern2 ul li.album .secName .icon { background: #ffb200 }
.pattern2 ul li.album .secName .icon:before { content: "n"; color: #fff; font-size: 16px; line-height: 1.9 }
.pattern2 ul li.infograph .secName .icon { background: #33a144 }
.pattern2 ul li.infograph .secName .icon:before { content: "o"; color: #fff; font-size: 16px; line-height: 1.9 }
.pattern2 ul li.sed .secName .icon { background: #119e9e }
.pattern2 ul li.sed .secName .icon:before { content: "p"; color: #fff; font-size: 16px; line-height: 1.9 }
.pattern2 ul li a .imageCntnr { position: relative; overflow: hidden; padding-bottom: 67% }
.pattern2 ul li:first-child a .imageCntnr { padding-bottom: calc(67% + 2px) }
.pattern2 ul li a img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: 0 auto; width: 100%; height: 100%; border: none; filter: brightness(100%) contrast(100%); -webkit-filter: brightness(100%) contrast(100%); -moz-filter: brightness(100%) contrast(100%); -o-filter: brightness(100%) contrast(100%); -ms-filter: brightness(100%) contrast(100%); transition: all 0.2s ease-in-out 0s; -webkit-transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; -ms-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; }
.pattern2 ul li:first-child { width: calc(100% - ((100% + 6px) / 2)) }
.pattern2 ul li:nth-child(3), .pattern2 ul li:nth-child(5), .pattern2 ul li:last-child { margin-left: 0 }
.pattern2 ul li:nth-child(7), .pattern2 ul li:nth-child(8), .pattern2 ul li:last-child { margin-bottom: 0 }
.pattern2 ul li:hover img { filter: brightness(108%) contrast(108%); -webkit-filter: brightness(108%) contrast(108%); -moz-filter: brightness(108%) contrast(108%); -o-filter: brightness(108%) contrast(108%); -ms-filter: brightness(108%) contrast(108%) }
.pattern2 .desc { width: 100%; height: 70%; overflow: hidden; cursor: pointer; position: absolute; bottom: 0; right: 0; background: linear-gradient(270deg,rgba(0,0,0,0),#000000); background: -webkit-linear-gradient(270deg,rgba(0,0,0,0),#000); background: -o-linear-gradient(270deg,rgba(0,0,0,0),#000); background: -moz-linear-gradient(270deg,rgba(0,0,0,0),#000); background: -ms-linear-gradient(270deg,rgba(0,0,0,0),#000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#004c4c4c',endColorstr='#ff1a3b00',GradientType=0); }
.pattern2 .desc p { color: #fff; text-align: right; line-height: 1.6; padding: 10px; font-size: 15px; font-family: droidLight, Arial; position: absolute; bottom: 0; right: 0; direction: rtl }
.pattern2 ul li:first-child .desc p { font-size: 20px; line-height: 1.8; }
.pattern2 ul li .desc .date { display: none }
/******************** Pattern 3 - Reports ********************/
.pattern3 { display: inline-block; width: 100%; float: right }
.pattern3 ul li { float: right; margin-left: 20px; margin-bottom: 20px; width: calc((100% - 60.1px) / 4); height: auto; position: relative; border: 1px solid #ddd; overflow: hidden; background: #fff }
.pattern3 ul li a { display: block }
.pattern3 ul li .secName { padding: 0 10px; font-family: droidLight, Arial; font-size: 13px; color: #fff; background: rgba(0,0,0,0.7); position: absolute; top: 0px; right: 0px; z-index: 1; height: 30px; line-height: 2.3 }
.pattern3 ul li .secName .icon { width: 30px; height: 30px; float: right; margin-left: 10px; text-align: center; display: none }
.pattern3 ul li.reports .secName .icon { background: #741784 }
.pattern3 ul li.reports .secName .icon:before { content: "q"; color: #fff; font-size: 16px; line-height: 1.9 }
.pattern3 ul li.articles .secName .icon { background: #738417 }
.pattern3 ul li.articles .secName .icon:before { content: "r"; color: #fff; font-size: 16px; line-height: 1.9 }
.pattern3 ul li.dialogues .secName .icon { background: #c15709 }
.pattern3 ul li.dialogues .secName .icon:before { content: "s"; color: #fff; font-size: 16px; line-height: 1.9 }
.pattern3 ul li a .imageCntnr { position: relative; overflow: hidden; padding-bottom: 67% }
.pattern3 ul li:first-child a .imageCntnr { padding-bottom: calc(67% + 12px) }
.pattern3 ul li a img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: 0 auto; width: 100%; height: 100%; border: none; filter: brightness(100%) contrast(100%); -webkit-filter: brightness(100%) contrast(100%); -moz-filter: brightness(100%) contrast(100%); -o-filter: brightness(100%) contrast(100%); -ms-filter: brightness(100%) contrast(100%); transition: all 0.2s ease-in-out 0s; -webkit-transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; -ms-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; }
.pattern3 ul li:first-child { width: calc(100% - ((100% + 20px) / 2)) }
.pattern3 ul li:nth-child(3), .pattern3 ul li:last-child { margin-left: 0 }
.pattern3 ul li:nth-child(4), .pattern3 ul li:last-child { margin-bottom: 0 }
.pattern3 ul li:hover img { filter: brightness(108%) contrast(108%); -webkit-filter: brightness(108%) contrast(108%); -moz-filter: brightness(108%) contrast(108%); -o-filter: brightness(108%) contrast(108%); -ms-filter: brightness(108%) contrast(108%) }
.pattern3 .desc { display: inline-block; width: 100%; float: right; overflow: hidden; cursor: pointer; position: relative; padding: 10px; }
.pattern3 .desc h3 { color: #000; text-align: right; line-height: 1.6; font-size: 15px; font-family: droidLight, Arial; direction: rtl; height: 72px; overflow: hidden }
.pattern3 ul li:first-child .desc h3 { font-size: 20px; line-height: 1.5; font-family: droidBold, Arial; height: 60px; margin-top: 10px; }
.pattern3 .desc p { display: none }
.pattern3 ul li:first-child .desc p { color: #000; text-align: right; line-height: 1.6; margin-top: 20px; font-size: 15px; font-family: droidLight, Arial; direction: rtl; display: inline-block; height: 72px; overflow: hidden; width: 100%; float: right }
.pattern3 ul li .desc .time { display: inline-block; font-family: droidLight, Arial; font-size: 12px; color: #b9b9b9; float: right; direction: rtl; margin-top: 30px }
.pattern3 ul li .desc .icon-time:before { content: "x"; float: right; margin-left: 8px; font-size: 16px; line-height: 1.2; display: none }
.pattern3 ul li .desc .time span { margin-left: 16px; position: relative; float: right; line-height: 1.6; }
.pattern3 ul li .desc .time span:last-child { margin-left: 0 }
.pattern3 ul li .desc .time span:after { content: ""; position: absolute; left: -8px; top: 2px; width: 1px; height: 14px; background: #b9b9b9; }
.pattern3 ul li .desc .time span:last-child:after { display: none }
.pattern3 ul li:first-child .desc .time { margin-top: 76px }
/******************** Tour Page ********************/
.tourMenu { float: right; width: 100%; display: inline-block }
/** Tour Menu **/
.tourMenu .ttl { background: none }
.tourNav { float: right; display: inline-block; margin-right: 30px; height: 20px; margin-top: 10px }
.tourNav a { float: right; display: inline-block; padding: 0 20px; height: 20px; border-left: 1px solid #000; line-height: 1.2; font-family: droidLight, arial; font-size: 16px; color: #0277bd }
.tourNav a:last-child { border-left: 0 }
/** Tour Teams **/
.tourMenu .tourTeamsCntnr { display: inline-block; width: 100%; float: right; padding: 0 28px; margin-bottom: 10px; height: 40px; overflow: hidden; }
.tourMenu .tourTeams { display: inline-block; width: 100%; float: right; margin-top: 20px; height: 40px }
.tourMenu .tourTeams li { float: right; width: 60px; height: 40px; text-align: center; overflow: hidden }
.tourMenu .tourTeams li a { display: inline-block }
.tourMenu .tourTeams li img { height: 40px; width: auto; max-width: 60px }
.tourMenu .bx-wrapper .bx-pager { display: none }
.tourMenu .bx-wrapper .bx-controls-direction a { position: absolute; width: 28px; height: 40px; top: 0; background: #0277bd; color: #0277bd; overflow: hidden; text-align: center; margin-top: 0; opacity: 1 }
.tourMenu .bx-wrapper .bx-controls-direction a:hover { background: #1b92d9 }
.tourMenu .bx-wrapper .bx-prev { right: -28px }
.tourMenu .bx-wrapper .bx-prev:before { color: #fff; content: "i"; font-size: 22px; line-height: 1.9 }
.tourMenu .bx-wrapper .bx-next { left: -28px }
.tourMenu .bx-wrapper .bx-next:before { color: #fff; content: "j"; font-size: 22px; line-height: 1.9 }
.tourMenu .flickity-button { position: absolute; width: 28px; height: 40px; top: 0; background: #0277bd; color: #0277bd; overflow: hidden; text-align: center; font-size: 18px; margin-top: 0; opacity: 1; border-radius: 0 }
.tourMenu .flickity-button.previous { right: -28px; }
.tourMenu .flickity-button.next { left: -28px; }
.tourMenu .flickity-button.previous:before,
.tourMenu .flickity-button.next:before { color: #fff }
.euroPredCnts .FullWidthBK h1:first-child { bottom: 66px; font-size: 44px }
.euroPredCnts .FullWidthBK h2, .newPred .euroPredCnts .FullWidthBK h2 { bottom: 20px; font-size: 33px }
/** Tour Matches **/
.tourMatches { display: inline-block; width: 300px; background: #fff; position: relative; padding: 8px 10px 30px; border: 1px solid #e8e8e8; border-top: 4px solid #0277bd; float: left }
.tourMatches .ttl { background: none; border-right: none; padding-right: 0 }
.tourMatches .ttl .weekName { float: left; display: inline-block; margin-top: 7px; }
.tourMatches .ttl .weekName p { font-family: droidLight, Arial; font-size: 14px; color: #000; direction: rtl; float: right; }
.tourMatches .ttl .weekName p span { font-family: Arial; font-size: 16px; color: #0277bd; margin-right: 5px; font-weight: bold; }
.tourMatches .allItems li { display: inline-block; position: relative; width: 100%; float: right; border-bottom: 1px solid #e8e8e8; padding: 14px 0 8px }
.tourMatches .allItems li:last-child { border-bottom: none }
.tourMatches .allItems li .match { display: inline-block; float: right; width: 100% }
.tourMatches .allItems li .teamA, .tourMatches .allItems li .teamB { float: right; width: calc((100% - 66px) / 2); text-align: center }
.tourMatches .allItems li .teamA { padding-left: 10px }
.tourMatches .allItems li .teamB { padding-right: 10px }
.tourMatches .allItems li .teamA img, .tourMatches .allItems li .teamB img { height: 30px; width: auto; border: none; display: inline-block }
.tourMatches .allItems li .teamA .team, .tourMatches .allItems li .teamB .team { display: inline-block; width: 100%; margin: 0; padding-top: 5px; color: #000; font-family: droidLight, Arial; font-size: 11px; line-height: 1.2; text-align: center }
.tourMatches .allItems li .resultDiv { float: right; width: 66px; margin-top: 14px; }
.tourMatches .allItems li .resultDiv .matchStatus { display: inline-block; width: 100%; }
.tourMatches .allItems li .resultDiv .matchStatus .time { width: 100%; display: inline-block; color: #0277bd; font-family: Arial; font-size: 18px; text-align: center }
.tourMatches .allItems li .resultDiv .matchStatus date { width: 100%; display: inline-block; color: #989898; font-family: Arial; font-size: 12px; text-align: center }
.tourMatches .allItems li .resultDiv .matchStatus .lastMtchDtls { display: inline-block; float: right; width: 100%; }
.tourMatches .allItems li .penaltyRes { bottom: 3px }
.tourMatches .allItems li .penaltyRes span { font-size: 12px }
.tourMatches .allItems li .info { display: inline-block; width: 100%; float: right; margin-top: 12px }
.tourMatches .allItems li .info date { float: right; font-family: droidLight,Arial; font-size: 11px; color: #b9b9b9; margin-left: 20px; line-height: 2.2; }
.tourMatches .allItems li .info .icon-date:before { content: "w"; color: #acbf65; font-size: 13px; margin-left: 5px; float: right }
.tourMatches .allItems li .info span { float: right; font-family: droidLight,Arial; font-size: 11px; color: #b9b9b9; line-height: 2.2; }
.tourMatches .allItems li .info .icon-tv:before { content: "z"; color: #acbf65; font-size: 14px; margin-left: 5px; float: right; line-height: 1.5 }
.tourMatches .allItems li .info .icon-dtls { float: left; display: inline-block }
.tourMatches .allItems li .info .icon-dtls:before { content: "h"; color: #0277bd; font-size: 16px; line-height: 1.5 }
.tourMatches .more { display: inline-block; width: 100%; height: 28px; background: #0277bd; padding: 0 10px; text-align: left; color: #fff; font-family: droidLight,Arial; font-size: 13px; line-height: 2.3; position: absolute; right: 0; bottom: 0 }
.tourMatches .more:hover { background: #1b92d9 }
.tourMatches .more span { float: left; margin-right: 10px }
.tourMatches .more .icon-more:before { content: "h"; color: #fff; font-size: 14px; line-height: 2.2 }
.tourMatches .noStats { display: inline-block; width: 100%; float: right; position: relative; height: 200px }
.tourMatches .noStats p { position: absolute; top: 50%; transform: translateY(-50%); font-family: droidLight, Arial; font-size: 14px; color: #000; width: 100%; text-align: center }
/******************** Tour Stats ********************/
.tourStats { display: inline-block; float: right; width: 100%; height: auto; margin-left: 20px }
.tourStats.stats .item { width: calc((100% - 48px) / 4); margin-left: 16px; margin-bottom: 30px; background: #fff; position: relative; padding-bottom: 28px; height: auto }
/*.tourStats.stats .item ul{min-height:unset}*/
/*.tourStats.stats .item.matchAction ul {min-height:unset}*/
.tourStats.stats .item:nth-of-type(4n) { margin-left: 0 }
.tourStats.stats .item ul li .resultDiv { width: 66px }
.tourStats.stats .item ul li .resultDiv .result { color: #0277bd; font-size: 16px; font-family: arial; font-weight: bold; display: inline-block; }
.tourStats.stats .item ul li .teamA, .tourStats.stats .item ul li .teamB { width: calc((100% - 66px) / 2); }
.tourStats.stats .item ul li .resultDiv .result:first-of-type { float: right }
.tourStats.stats .item ul li .resultDiv .result:last-of-type { float: left }
.tourStats.stats .item ul li .resultDiv .matchStatus .status.details { width: 100%; height: 18px; display: inline-block; color: #fff; font-family: droidLight, Arial; font-size: 10px; text-align: center; background: #0277bd; }
.tourStats.stats .item ul li .resultDiv .matchStatus .status:before { content: "التفاصيل"; }
.tourStats.stats .item .actionIcon { width: 50px; height: 50px; background: #acbf65; border-radius: 25px; position: absolute; top: -14px; right: 20px }
.tourStats.stats .item.goals .actionIcon { background: url(../../Images/goalsImg.jpg) right center no-repeat #acbf65 }
.tourStats.stats .item.penalty .actionIcon { background: url(../../Images/penaltyImg.jpg) right center no-repeat #acbf65 }
.tourStats.stats .item.yellowCards .actionIcon { background: url(../../Images/yellowCardImg.jpg) right center no-repeat #acbf65 }
.tourStats.stats .item.redCards .actionIcon { background: url(../../Images/redCardImg.jpg) right center no-repeat #acbf65 }
.tourStats.stats .item.plays .actionIcon { background: url(../../Images/plays.png) right center no-repeat #acbf65 }
.tourStats.stats .item.assist .actionIcon { background: url(../..//Images/assist.png) right center no-repeat #acbf65 }
.tourStats.stats .item ul li .penaltyRes { bottom: 3px }
.tourStats.stats .item ul li .penaltyRes span { font-size: 12px }
.tourStats.stats .item.matchAction ul li:first-child { height: auto }
.tourStats.stats .item.matchAction ul li:first-child .num { float: right; display: inline-block; width: 100%; background: none; height: auto }
.tourStats.stats .item.matchAction ul li:first-child .num p { display: inline-block; float: right; width: 100%; text-align: center; direction: rtl; font-family: Arial; font-weight: normal; font-size: 36px; color: #0277bd; line-height: 1; margin-top: 0 }
.tourStats.stats .item.matchAction ul li:first-child .num span { display: inline-block; float: right; width: 100%; text-align: center; direction: rtl; font-family: droidLight,Arial; font-size: 13px; color: #000; line-height: 1 }
.tourStats.stats .item .more { display: inline-block; width: 100%; height: 28px; background: #0277bd; padding: 0 10px; text-align: left; color: #fff; font-family: droidLight,Arial; font-size: 13px; line-height: 2.3; position: absolute; right: 0; bottom: 0 }
.tourStats.stats .item .more:hover { background: #1b92d9 }
.tourStats.stats .item .more span { float: left; margin-right: 10px }
.tourStats.stats .item .more .icon-more:before { content: "h"; color: #fff; font-size: 14px; line-height: 2.2 }
.tourStats.stats .item ul li .teamA .team, .tourStats.stats .item ul li .teamB .team { padding-top: 2px }
.Team_Page .list .Team1 .P-name a:nth-child(2) { margin-top: 3px }
/** Cup Case **/
.tourStats.cup .item { width: calc((100% - 32px) / 3); }
.tourStats.cup .item:nth-of-type(4n) { margin-left: 16px }
.tourStats.cup .item:nth-of-type(3n) { margin-left: 0 }
.stats .item.matchAction ul li .name a { line-height: 2.8 }
.tourPage .pattern1 { margin-left: 20px; width: calc(100% - 320px); }
.tourPage .pattern1 ul li { width: calc((100% - 40.1px) / 3); }
.tourPage .pattern1 ul li:nth-child(4n) { margin-left: 20px; }
.tourPage .pattern1 ul li:nth-child(3n) { margin-left: 0; }
/** Poor Tour **/
.poortour .showcaseDiv { float: left }
.poortour .tourStats.stats { float: left; margin-left: 0; width: 100% }
.poortour .tourStats.stats .allStats { display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%; }
.poortour .tourStats.stats .item { float: none; margin-left: 0; width: calc((100% - 32px) / 3); }
/*.poortour .tourStats.stats .item:nth-child(3n){display:none}*/
.tourPage.poortour .pattern1 { margin-left: 0px; width: 100% }
.poortour .interestedArticles { display: none }
.poortour .leaderboardDiv { display: inline-block !important }
.poortour section:last-child { display: none }
/** Groups **/
.groupTabs { display: inline-block; float: right; width: 100%; position: relative }
.groupTabs .tab { overflow: hidden; position: absolute; left: 50%; transform: translateX(-50%); display: flex; min-width: 140px }
.groupTabs .tab button { float: right; border: none; outline: none; cursor: pointer; transition: 0.2s; width: calc((100% - 5px) / 2); height: 70px; border-top: 4px solid #0277bd; margin-left: 5px; font-family: droidLight, Arial; font-size: 11px; padding: 0 10px; color: #000; line-height: 1.2; position: relative }
.groupTabs .tab button:before { content: ""; width: 50px; height: 50px; background: #fff; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 1; border-radius: 50% }
.groupTabs .tab button p { font-family: Arial; font-size: 26px; font-weight: bold; padding: 0 10px; color: #b9b9b9; display: block; z-index: 2; text-align: center; position: relative }
.groupTabs .tab button span { font-size: 12px; font-weight: normal; display: block; text-transform: uppercase; line-height: 1; margin-top: -5px; }
.groupTabs .tab button:last-child { margin-left: 0 }
.groupTabs .tab button:hover { background-color: #ddd; }
.groupTabs .tab button.active { height: 81px; border-top: 0; color: #fff }
.groupTabs .tab button.active p { color: #fff }
.groupTabs .tab button.active:before { border-radius: 0; background: #0277bd }
.groupTabs .groupContent { display: inline-block; float: right; width: 100%; margin-top: 75px; position: relative; z-index: 1 }
.groupTabs .flickity-button { top: -55px }

@media screen and (max-width: 1056px) and (min-width: 768px) {
    .groupTabs .tab { width: 100% }
    .groupTabs .tab button { width: calc((100% - 6px) / 4); margin-left: 5px; padding: 0; }
}

.groupTabs .groupTtl { display: inline-block; width: 100%; margin: 0; height: 48px; float: right; position: relative; background: #e0e0e0; padding: 10px; }
.groupTabs .groupName { float: right; position: absolute; left: 50%; transform: translateX(-50%); top: 10px; }
.groupTabs .groupName h2 { float: right; display: inline-block; width: 160px; height: 28px; background: #fff; text-align: center; color: #000; font-family: droidLight,Arial; font-size: 14px; line-height: 2.2; }
.groupTabs .table { display: inline-block; width: 100%; float: right; margin-top: 10px }
.groupTabs .table .ttlRow { display: inline-block; width: 100%; background: #000; float: right; height: 30px; margin-bottom: 10px; }
.groupTabs .table .ttlRow .itemTtl { float: right; padding: 2px 0; font-family: droidLight, arial; color: #fff; font-size: 13px; text-align: center; width: 60px }
.groupTabs .table .ttlRow .itemTtl:nth-child(2) { width: calc(100% - 540px); text-align: right; padding-right: 10px }
.groupTabs .table .wRow { display: inline-block; width: 100%; background: #fff; border: 1px solid #e0e0e0; border-bottom: 0; height: 58px; float: right; position: relative }
.groupTabs .table .wRow:last-child { border-bottom: 1px solid #e0e0e0 }
.groupTabs .table .wRow .item { float: right; color: #b9b9b9; font-size: 16px; text-align: center; line-height: 2.5; font-family: arial; width: 60px; padding: 10px; margin-left: 0; margin-bottom: 0; background: none; height: auto }
.groupTabs .table .wRow .item:nth-child(2) { width: calc(100% - 540px); padding-right: 10px; }
.groupTabs .table .wRow .item p { text-align: right; color: #000; font-size: 13px; font-family: droidLight, arial; line-height: 3 }
.groupTabs .table .wRow .team { text-align: right; direction: rtl; font-family: droidLight, arial; padding-right: 10px }
.groupTabs .table .wRow .team img { float: right; margin-left: 10px; width: auto; height: 36px }
.groupTabs .table .wRow .item:last-child { color: #000; font-weight: bold }
/******************** Article Page ********************/
/*.articleHeader .ttl{background:none}*/
.articleHeader { position: relative; z-index: 2 }
.articleHeader .artclHdline { font-family: droidBold,Arial; font-size: 26px; color: #000; direction: rtl; margin: 12px 0 24px; line-height: 1.6; display: inline-block; width: 100%; float: right }
.articleHeader .articleInfo { display: inline-block; width: 100%; float: right; padding: 5px 0; border-top: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; height: 52px; margin-bottom: 20px; }
.articleHeader .articleInfo .articleAuthor { float: right; display: inline-block; position: relative; margin-left: 20px }
.articleHeader .articleInfo .articleAuthor:after { position: absolute; content: ""; top: 5px; left: 0; width: 1px; height: 30px; background: #e0e0e0; }
.articleHeader .articleInfo .articleAuthor img { float: right; width: 40px; height: 40px; margin-left: 10px }
.articleHeader .articleInfo .articleAuthor p { float: right; display: inline-block; padding-left: 20px; font-family: droidLight, Arial; font-size: 13px; color: #a7a7a7; line-height: 2.5 }
.articleHeader .articleInfo .articleAuthor p span { font-size: 16px; color: #0277bd; margin-right: 0 }
.articleHeader .articleInfo .articleAuthor p a { color: #0277bd }
.articleHeader .articleInfo .time { display: inline-block; font-family: droidLight, Arial; font-size: 14px; color: #a7a7a7; float: right; direction: rtl; padding: 9px 0; }
.articleHeader .articleInfo .time span { margin-left: 16px; position: relative; float: right; line-height: 1.6; }
.articleHeader .articleInfo .time span:after { content: ""; position: absolute; left: -8px; top: 2px; width: 1px; height: 14px; background: #b9b9b9; }
.articleHeader .articleInfo .time span:last-child:after { display: none }
/** Sponsor by **/
.articleHeader .articleInfo .sponsorBy { float: left; display: inline-block; margin: 6px 0; position: relative; padding-left: 10px; width: 136px; position: relative }
.articleHeader .articleInfo .sponsorBy:after { position: absolute; content: ""; top: 0; left: 0; width: 1px; height: 30px; background: #e0e0e0; }
.articleHeader .articleInfo .sponsorBy p { float: right; font-family: droidLight, Arial; font-size: 12px; color: #000; text-align: center !important; margin-left: 5px; line-height: 2.5 }
.articleHeader .articleInfo .sponsorBy img { float: right; width: auto; max-width: 90px; max-height: 30px; margin: 0; position: absolute; top: 50%; right: 35px; transform: translateY(-50%) }
.articleSocial { float: left; display: inline-block; padding: 6px 0 }
.articleSocial span { float: right; display: inline-block; font-family: Arial; padding: 0 10px; color: #000; font-size: 18px; line-height: 1; display: none }
.articleSocial span:after { display: block; content: "مشاركة"; font-family: droidLight,Arial; font-size: 11px; color: #a7a7a7 }
.articleSocial a { float: right; display: inline-block; width: 28px; height: 28px; text-align: center; line-height: 2; font-size: 18px; margin-left: 10px }
.articleSocial a:last-child { margin-left: 0; position: relative; }
.articleSocial a.icon-tw { margin-left: 0 }
.articleSocial a.icon-fb:before { content: "b"; color: #fff }
.articleSocial a.icon-tw:before { content: "c"; color: #fff }
.articleSocial a.icon-fb { background: #4267b2 }
.articleSocial a.icon-tw { background: #1da1f2 }
article { display: inline-block; width: calc(100% - 320px); margin-left: 20px; float: right; position: relative; margin-bottom: 20px; }
article .artclHdline { font-family: droidBold,Arial; font-size: 26px; color: #000; direction: rtl; margin: 12px 0 24px; line-height: 1.6; display: inline-block; width: 100%; float: right; }
.articleSocial.euro2020 { display: none }
/** Article Image **/
article .imgDiv { margin: 0 auto; overflow: hidden; width: calc(100% - 72px); position: relative; max-width: 810px; margin-bottom: 20px }
article .imgDiv .imageCntnr { padding-bottom: 67%; float: right; max-width: 810px; width: 100%; position: relative }
article .imgDiv .imageCntnr img { width: 100%; height: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0 }
article .imgDiv .desc { width: 100%; height: 30px; overflow: hidden; display: inline-block; background: #e0e0e0; position: relative; right: 0; bottom: 0; padding: 0 10px }
article .imgDiv .desc p { color: #a7a7a7; line-height: 2.6; padding: 0; font-size: 12px; font-family: droidLight,Arial; display: inline-block; float: right }
article .imgDiv .desc .PhotoGraph { float: left }
/************************************** Article Gallery **************************************/
/***** Before *****/
.demo-gallery { padding-bottom: 75%; float: right; max-width: 810px; width: 100%; position: relative; }
.articleCntnt .demo-gallery ul li::before { display: none }
.demo-gallery > ul { margin-bottom: 0; padding-right: 0; }
.demo-gallery > ul > li { display: none; width: 100%; height: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #111; cursor: pointer }
.demo-gallery > ul > li:first-child { display: block }
.demo-gallery > ul > li img { width: auto; height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border: 0 }
.demo-gallery > ul > li a { display: block }
.demo-gallery > ul > li .showGal { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: rgba(0,0,0,0.8); padding: 0 10px; font-family: DroidLight, Arial; color: #fff; font-size: 14px; z-index: 9; line-height: 2.8 }
.demo-gallery > ul > li .icon-camera:before { content: "t"; font-size: 22px; color: #fff; float: right; margin-left: 10px; line-height: 1.8 }
.demo-gallery > ul > li a > img { -webkit-transition: -webkit-transform 0.15s ease 0s; -moz-transition: -moz-transform 0.15s ease 0s; -o-transition: -o-transform 0.15s ease 0s; transition: transform 0.15s ease 0s; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); height: 100%; width: 100%; }
.demo-gallery > ul > li a:hover > img { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); }
.demo-gallery > ul > li a:hover .demo-gallery-poster > img { opacity: 1; }
.demo-gallery > ul > li a .demo-gallery-poster { background-color: rgba(0, 0, 0, 0.1); bottom: 0; left: 0; position: absolute; right: 0; top: 0; -webkit-transition: background-color 0.15s ease 0s; -o-transition: background-color 0.15s ease 0s; transition: background-color 0.15s ease 0s; }
.demo-gallery > ul > li a .demo-gallery-poster > img { left: 50%; margin-left: -10px; margin-top: -10px; opacity: 0; position: absolute; top: 50%; -webkit-transition: opacity 0.3s ease 0s; -o-transition: opacity 0.3s ease 0s; transition: opacity 0.3s ease 0s; }
.demo-gallery > ul > li a:hover .demo-gallery-poster { background-color: rgba(0, 0, 0, 0.5); }
.demo-gallery .justified-gallery > a > img { -webkit-transition: -webkit-transform 0.15s ease 0s; -moz-transition: -moz-transform 0.15s ease 0s; -o-transition: -o-transform 0.15s ease 0s; transition: transform 0.15s ease 0s; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); height: 100%; width: 100%; }
.demo-gallery .justified-gallery > a:hover > img { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); }
.demo-gallery .justified-gallery > a:hover .demo-gallery-poster > img { opacity: 1; }
.demo-gallery .justified-gallery > a .demo-gallery-poster { background-color: rgba(0, 0, 0, 0.1); bottom: 0; left: 0; position: absolute; right: 0; top: 0; -webkit-transition: background-color 0.15s ease 0s; -o-transition: background-color 0.15s ease 0s; transition: background-color 0.15s ease 0s; }
.demo-gallery .justified-gallery > a .demo-gallery-poster > img { left: 50%; margin-left: -10px; margin-top: -10px; opacity: 0; position: absolute; top: 50%; -webkit-transition: opacity 0.3s ease 0s; -o-transition: opacity 0.3s ease 0s; transition: opacity 0.3s ease 0s; }
.demo-gallery .justified-gallery > a:hover .demo-gallery-poster { background-color: rgba(0, 0, 0, 0.5); }
.demo-gallery .video .demo-gallery-poster img { height: 48px; margin-left: -24px; margin-top: -24px; opacity: 0.8; width: 48px; }
.demo-gallery.dark > ul > li a { border: 3px solid #04070a; }
/***** Slider *****/
.lg-actions .lg-next, .lg-actions .lg-prev { background-color: rgba(0, 0, 0, 0.45); border-radius: 2px; color: #999; cursor: pointer; display: block; font-size: 22px; margin-top: -21px; padding: 8px 10px 9px; position: absolute; top: 50%; z-index: 1080; }
.lg-actions .lg-next.disabled, .lg-actions .lg-prev.disabled { pointer-events: none; opacity: 0.5; }
.lg-actions .lg-next:hover, .lg-actions .lg-prev:hover { color: #FFF; }
.lg-actions .lg-next { left: 0px; }
.lg-actions .lg-next:before { content: "l"; font-size: 32px }
.lg-actions .lg-prev { right: 0px; }
.lg-actions .lg-prev:after { content: "k"; font-size: 32px }

@-webkit-keyframes lg-right-end {
    0% { left: 0; }
    50% { left: -30px; }
    100% { left: 0; }
}

@-moz-keyframes lg-right-end {
    0% { left: 0; }
    50% { left: -30px; }
    100% { left: 0; }
}

@-ms-keyframes lg-right-end {
    0% { left: 0; }
    50% { left: -30px; }
    100% { left: 0; }
}

@keyframes lg-right-end {
    0% { left: 0; }
    50% { left: -30px; }
    100% { left: 0; }
}

@-webkit-keyframes lg-left-end {
    0% { left: 0; }
    50% { left: 30px; }
    100% { left: 0; }
}

@-moz-keyframes lg-left-end {
    0% { left: 0; }
    50% { left: 30px; }
    100% { left: 0; }
}

@-ms-keyframes lg-left-end {
    0% { left: 0; }
    50% { left: 30px; }
    100% { left: 0; }
}

@keyframes lg-left-end {
    0% { left: 0; }
    50% { left: 30px; }
    100% { left: 0; }
}

.lg-outer.lg-right-end .lg-object { -webkit-animation: lg-right-end 0.3s; -o-animation: lg-right-end 0.3s; animation: lg-right-end 0.3s; position: relative; }
.lg-outer.lg-left-end .lg-object { -webkit-animation: lg-left-end 0.3s; -o-animation: lg-left-end 0.3s; animation: lg-left-end 0.3s; position: relative; }
.lg-toolbar { z-index: 1082; left: 0; position: absolute; top: 0; width: 100%; background-color: rgba(0, 0, 0, 0.45); }
.lg-toolbar .lg-icon { color: #999; cursor: pointer; float: left; font-size: 24px; height: 47px; line-height: 27px; padding: 5px 0; text-align: center; width: 50px; text-decoration: none !important; outline: medium none; -webkit-transition: color 0.2s linear; -o-transition: color 0.2s linear; transition: color 0.2s linear; }
.lg-toolbar .lg-icon:hover { color: #FFF; }
.lg-toolbar .lg-close:after { content: "B" }
.lg-toolbar .lg-download { display: none }
.lg-sub-html { background-color: rgba(0, 0, 0, 0.8); bottom: 0; color: #EEE; font-size: 16px; left: 0; padding: 10px 40px; position: fixed; right: 0; text-align: center; z-index: 1080; }
.lg-sub-html p { font-size: 16px; margin: 5px 0 0; font-family: droidLight, Arial; line-height: 1.8; text-align: center; }
#lg-counter { color: #999; display: inline-block; font-size: 20px; padding-left: 50px; padding-top: 14px; vertical-align: middle; font-family: arial; float: left }
.lg-toolbar, .lg-prev, .lg-next { opacity: 1; -webkit-transition: -webkit-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear; -moz-transition: -moz-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear; -o-transition: -o-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear; transition: transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear; }
.lg-hide-items .lg-prev { opacity: 0; -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); }
.lg-hide-items .lg-next { opacity: 0; -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); }
.lg-hide-items .lg-toolbar { opacity: 0; -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); }
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-object { -webkit-transform: scale3d(0.5, 0.5, 0.5); transform: scale3d(0.5, 0.5, 0.5); opacity: 0; -webkit-transition: -webkit-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important; -moz-transition: -moz-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important; -o-transition: -o-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important; transition: transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; }
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); opacity: 1; border: none }
.lg-outer .lg-thumb-outer { background-color: #0D0A0A; bottom: 0; position: absolute; width: 100%; z-index: 1080; max-height: 350px; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); -webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s; -moz-transition: -moz-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s; -o-transition: -o-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s; transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s; }
.lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item { cursor: -webkit-grab; cursor: -moz-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab; text-align: center }
.lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item { cursor: move; cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: -o-grabbing; cursor: -ms-grabbing; cursor: grabbing; text-align: center }
.lg-outer .lg-thumb-outer.lg-dragging .lg-thumb { -webkit-transition-duration: 0s !important; transition-duration: 0s !important; }
.lg-outer.lg-thumb-open .lg-thumb-outer { -webkit-transform: translate3d(0, 0%, 0); transform: translate3d(0, 0%, 0); }
.lg-outer .lg-thumb { padding: 10px 0; height: 100%; margin-bottom: -5px; }
.lg-outer .lg-thumb-item { border-radius: 5px; cursor: pointer; float: right; overflow: hidden; height: 100%; border: 2px solid #555; border-radius: 4px; margin-bottom: 5px; }

@media (min-width: 1025px) {
    .lg-outer .lg-thumb-item { -webkit-transition: border-color 0.25s ease; -o-transition: border-color 0.25s ease; transition: border-color 0.25s ease; }
}

.lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover { border-color: #0277bd; }
.lg-outer .lg-thumb-item img { width: auto; height: 100%; object-fit: cover; border: none }
.lg-outer .lg-thumb-item img[src='undefined'] { width: 96px; height: 76px; background: url(../../Images/masrawyLogo.png?ver=2.2) center center no-repeat; background-size: 80px 23px }
.lg-outer.lg-has-thumb .lg-item { padding-bottom: 120px; }
.lg-outer.lg-can-toggle .lg-item { padding-bottom: 0; }
.lg-outer.lg-pull-caption-up .lg-sub-html { -webkit-transition: bottom 0.25s ease; -o-transition: bottom 0.25s ease; transition: bottom 0.25s ease; }
.lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html { bottom: 100px; }
.lg-outer .lg-toogle-thumb { border-radius: 2px 2px 0 0; color: #999; cursor: pointer; font-size: 24px; height: 39px; line-height: 27px; padding: 5px 0; position: absolute; right: 20px; text-align: center; top: -39px; width: 50px; }
.lg-outer .lg-toogle-thumb:after { content: "V"; font-size: 18px; }
.lg-outer .lg-toogle-thumb:hover { color: #FFF; }
.lg-outer .lg-video-cont { display: inline-block; vertical-align: middle; max-width: 1140px; max-height: 100%; width: 100%; padding: 0 5px; }
.lg-outer .lg-video { width: 100%; height: 0; padding-bottom: 56.25%; overflow: hidden; position: relative; }
.lg-outer .lg-video .lg-object { display: inline-block; position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; }
.lg-outer .lg-video .lg-video-play { width: 84px; height: 59px; position: absolute; left: 50%; top: 50%; margin-left: -42px; margin-top: -30px; z-index: 1080; cursor: pointer; }
.lg-outer .lg-has-vimeo .lg-video-play { background: url("../../img/vimeo-play.png") no-repeat scroll 0 0 transparent; }
.lg-outer .lg-has-vimeo:hover .lg-video-play { background: url("../../img/vimeo-play.png") no-repeat scroll 0 -58px transparent; }
.lg-outer .lg-has-html5 .lg-video-play { background: transparent url("../../img/video-play.png") no-repeat scroll 0 0; height: 64px; margin-left: -32px; margin-top: -32px; width: 64px; opacity: 0.8; }
.lg-outer .lg-has-html5:hover .lg-video-play { opacity: 1; }
.lg-outer .lg-has-youtube .lg-video-play { background: url("../../img/youtube-play.png") no-repeat scroll 0 0 transparent; }
.lg-outer .lg-has-youtube:hover .lg-video-play { background: url("../../img/youtube-play.png") no-repeat scroll 0 -60px transparent; }
.lg-outer .lg-video-object { width: 100% !important; height: 100% !important; position: absolute; top: 0; left: 0; }
.lg-outer .lg-has-video .lg-video-object { visibility: hidden; }
.lg-outer .lg-has-video.lg-video-playing .lg-object, .lg-outer .lg-has-video.lg-video-playing .lg-video-play { display: none; }
.lg-outer .lg-has-video.lg-video-playing .lg-video-object { visibility: visible; }
.lg-progress-bar { background-color: #333; height: 5px; right: 0; position: absolute; top: 0; width: 100%; z-index: 1083; opacity: 0; -webkit-transition: opacity 0.08s ease 0s; -moz-transition: opacity 0.08s ease 0s; -o-transition: opacity 0.08s ease 0s; transition: opacity 0.08s ease 0s; }
.lg-progress-bar .lg-progress { background-color: #0277bd; height: 5px; width: 0; float: right }
.lg-progress-bar.lg-start .lg-progress { width: 100% }
.lg-show-autoplay .lg-progress-bar { opacity: 1; }
.lg-autoplay-button:after { content: "C"; }
.lg-show-autoplay .lg-autoplay-button:after { content: "D"; }
.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap, .lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image { -webkit-transition-duration: 0s; transition-duration: 0s; }
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap { -webkit-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; -moz-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; -o-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; }
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); -webkit-transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important; -moz-transition: -moz-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important; -o-transition: -o-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important; transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; }
#lg-zoom-in:after { content: "\e311"; }
#lg-actual-size { font-size: 20px; }
#lg-actual-size:after { content: "\e033"; }
#lg-zoom-out { opacity: 0.5; pointer-events: none; }
#lg-zoom-out:after { content: "\e312"; }
.lg-zoomed #lg-zoom-out { opacity: 1; pointer-events: auto; }
.lg-outer .lg-pager-outer { bottom: 60px; left: 0; position: absolute; right: 0; text-align: center; z-index: 1080; height: 10px; }
.lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont { overflow: visible; }
.lg-outer .lg-pager-cont { cursor: pointer; display: inline-block; overflow: hidden; position: relative; vertical-align: top; margin: 0 5px; }
.lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.lg-outer .lg-pager-cont.lg-pager-active .lg-pager { box-shadow: 0 0 0 2px white inset; }
.lg-outer .lg-pager-thumb-cont { background-color: #fff; color: #FFF; bottom: 100%; height: 83px; left: 0; margin-bottom: 20px; margin-left: -60px; opacity: 0; padding: 5px; position: absolute; width: 120px; border-radius: 3px; -webkit-transition: opacity 0.15s ease 0s, -webkit-transform 0.15s ease 0s; -moz-transition: opacity 0.15s ease 0s, -moz-transform 0.15s ease 0s; -o-transition: opacity 0.15s ease 0s, -o-transform 0.15s ease 0s; transition: opacity 0.15s ease 0s, transform 0.15s ease 0s; -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); }
.lg-outer .lg-pager-thumb-cont img { width: 100%; height: 100%; }
.lg-outer .lg-pager { background-color: rgba(255, 255, 255, 0.5); border-radius: 50%; box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.7) inset; display: block; height: 12px; -webkit-transition: box-shadow 0.3s ease 0s; -o-transition: box-shadow 0.3s ease 0s; transition: box-shadow 0.3s ease 0s; width: 12px; }
.lg-outer .lg-pager:hover, .lg-outer .lg-pager:focus { box-shadow: 0 0 0 8px white inset; }
.lg-outer .lg-caret { border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px dashed; bottom: -10px; display: inline-block; height: 0; left: 50%; margin-left: -5px; position: absolute; vertical-align: middle; width: 0; }
.lg-fullscreen:after { content: "\e20c"; }
.lg-fullscreen-on .lg-fullscreen:after { content: "\e20d"; }
.group { *zoom: 1; }
.group:before, .group:after { display: table; content: ""; line-height: 0; }
.group:after { clear: both; }
.lg-outer { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 1050; opacity: 0; -webkit-transition: opacity 0.15s ease 0s; -o-transition: opacity 0.15s ease 0s; transition: opacity 0.15s ease 0s; }
.lg-outer * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.lg-outer.lg-visible { opacity: 1; }
.lg-outer.lg-css3 .lg-item.lg-prev-slide, .lg-outer.lg-css3 .lg-item.lg-next-slide, .lg-outer.lg-css3 .lg-item.lg-current { -webkit-transition-duration: inherit !important; transition-duration: inherit !important; -webkit-transition-timing-function: inherit !important; transition-timing-function: inherit !important; }
.lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-current { -webkit-transition-duration: 0s !important; transition-duration: 0s !important; opacity: 1; }
.lg-outer.lg-grab img.lg-object { cursor: -webkit-grab; cursor: -moz-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab; }
.lg-outer.lg-grabbing img.lg-object { cursor: move; cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: -o-grabbing; cursor: -ms-grabbing; cursor: grabbing; }
.lg-outer .lg { height: 100%; width: 100%; position: relative; overflow: hidden; margin-left: auto; margin-right: auto; max-width: 100%; max-height: 100%; }
.lg-outer .lg-inner { width: 100%; height: 100%; position: absolute; left: 0; top: 0; white-space: nowrap; }
.lg-outer .lg-item { /*background: url("../../img/loading.gif") no-repeat scroll center center transparent;*/ display: none !important; }
.lg-outer.lg-css3 .lg-prev-slide, .lg-outer.lg-css3 .lg-current, .lg-outer.lg-css3 .lg-next-slide { display: inline-block !important; }
.lg-outer.lg-css .lg-current { display: inline-block !important; }
.lg-outer .lg-item, .lg-outer .lg-img-wrap { display: inline-block; text-align: center; position: absolute; width: 100%; height: 100%; }
.lg-outer .lg-item:before, .lg-outer .lg-img-wrap:before { content: ""; display: inline-block; height: 50%; width: 1px; margin-right: -1px; }
.lg-outer .lg-img-wrap { position: absolute; padding: 0 5px; left: 0; right: 0; top: 0; bottom: 0; }
.lg-outer .lg-item.lg-complete { background-image: none; }
.lg-outer .lg-item.lg-current { z-index: 1060; }
.lg-outer .lg-image { display: inline-block; vertical-align: middle; max-width: 100%; max-height: 100%; width: auto !important; height: auto !important; border: none }
.lg-outer.lg-show-after-load .lg-item .lg-object, .lg-outer.lg-show-after-load .lg-item .lg-video-play { opacity: 0; -webkit-transition: opacity 0.15s ease 0s; -o-transition: opacity 0.15s ease 0s; transition: opacity 0.15s ease 0s; }
.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-object, .lg-outer.lg-show-after-load .lg-item.lg-complete .lg-video-play { opacity: 1; }
.lg-outer .lg-empty-html { display: none; }
.lg-outer.lg-hide-download #lg-download { display: none; }
.lg-backdrop { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 1040; background-color: #000; opacity: 0; -webkit-transition: opacity 0.15s ease 0s; -o-transition: opacity 0.15s ease 0s; transition: opacity 0.15s ease 0s; }
.lg-backdrop.in { opacity: 1; }
.lg-outer #lg-dropdown-overlay { background-color: rgba(0, 0, 0, 0.25); bottom: 0; cursor: default; left: 0; position: fixed; right: 0; top: 0; z-index: 1081; opacity: 0; visibility: hidden; -webkit-transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s; -o-transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s; transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s; }
.lg-outer.lg-dropdown-active .lg-dropdown, .lg-outer.lg-dropdown-active #lg-dropdown-overlay { -webkit-transition-delay: 0s; transition-delay: 0s; -moz-transform: translate3d(0, 0px, 0); -o-transform: translate3d(0, 0px, 0); -ms-transform: translate3d(0, 0px, 0); -webkit-transform: translate3d(0, 0px, 0); transform: translate3d(0, 0px, 0); opacity: 1; visibility: visible; }
.lg-outer.lg-dropdown-active #lg-share { color: #FFF; }
.lg-outer .lg-dropdown { background-color: #fff; border-radius: 2px; font-size: 14px; list-style-type: none; margin: 0; padding: 10px 0; position: absolute; right: 0; text-align: left; top: 50px; opacity: 0; visibility: hidden; -moz-transform: translate3d(0, 5px, 0); -o-transform: translate3d(0, 5px, 0); -ms-transform: translate3d(0, 5px, 0); -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); -webkit-transition: -webkit-transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s; -moz-transition: -moz-transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s; -o-transition: -o-transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s; transition: transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s; }
.lg-outer .lg-dropdown:after { content: ""; display: block; height: 0; width: 0; position: absolute; border: 8px solid transparent; border-bottom-color: #FFF; right: 16px; top: -16px; }
.lg-outer .lg-dropdown > li:last-child { margin-bottom: 0px; }
.lg-outer .lg-dropdown > li:hover a, .lg-outer .lg-dropdown > li:hover .lg-icon { color: #333; }
.lg-outer .lg-dropdown a { color: #333; display: block; white-space: pre; padding: 4px 12px; font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 12px; }
.lg-outer .lg-dropdown a:hover { background-color: rgba(0, 0, 0, 0.07); }
.lg-outer .lg-dropdown .lg-dropdown-text { display: inline-block; line-height: 1; margin-top: -3px; vertical-align: middle; font-family: droidLight, Arial; font-size: 12px }
.lg-outer .lg-dropdown .lg-icon { color: #333; display: inline-block; float: none; font-size: 15px; height: auto; line-height: 1; margin-left: 8px; padding: 0; vertical-align: middle; width: auto; }
.lg-outer #lg-share { position: relative; }
.lg-outer #lg-share:after { content: "X"; font-size: 20px; line-height: 2 }
.lg-outer #lg-share-facebook .lg-icon { color: #3b5998; }
.lg-outer #lg-share-facebook .lg-icon:after { content: "b"; }
.lg-outer #lg-share-twitter .lg-icon { color: #00aced; }
.lg-outer #lg-share-twitter .lg-icon:after { content: "c"; }
.lg-outer #lg-share-googleplus .lg-icon { color: #dd4b39; }
.lg-outer #lg-share-googleplus .lg-icon:after { content: "d"; }
.lg-outer #lg-share-pinterest .lg-icon { color: #cb2027; display: none }
.lg-outer #lg-share-pinterest .lg-icon:after { content: "\e903"; display: none }
.lg-group:after { content: ""; display: table; clear: both; }
.lg-css3.lg-no-trans .lg-prev-slide, .lg-css3.lg-no-trans .lg-next-slide, .lg-css3.lg-no-trans .lg-current { -webkit-transition: none 0s ease 0s !important; -moz-transition: none 0s ease 0s !important; -o-transition: none 0s ease 0s !important; transition: none 0s ease 0s !important; }
.lg-css3.lg-use-css3 .lg-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; }
.lg-css3.lg-use-left .lg-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; }
.lg-css3.lg-fade .lg-item { opacity: 0; }
.lg-css3.lg-fade .lg-item.lg-current { opacity: 1; }
.lg-css3.lg-fade .lg-item.lg-prev-slide, .lg-css3.lg-fade .lg-item.lg-next-slide, .lg-css3.lg-fade .lg-item.lg-current { -webkit-transition: opacity 0.1s ease 0s; -moz-transition: opacity 0.1s ease 0s; -o-transition: opacity 0.1s ease 0s; transition: opacity 0.1s ease 0s; }
.lg-css3.lg-slide.lg-use-css3 .lg-item { opacity: 0; }
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); }
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); }
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; }
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current { -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; }
.lg-css3.lg-slide.lg-use-left .lg-item { opacity: 0; position: absolute; left: 0; }
.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide { left: 100%; }
.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide { left: -100%; }
.lg-css3.lg-slide.lg-use-left .lg-item.lg-current { left: 0; opacity: 1; }
.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide, .lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-left .lg-item.lg-current { -webkit-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -moz-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -o-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; }
.lg-on header, .lg-on .headerBtns, .lg-on .component { display: none }
/** InGallery Ads **/
.lg-item iframe { overflow: hidden; padding: 0; margin: 0; position: relative }
.lg-item iframe.inGallery { width: 100%; height: 100%; position: absolute; left: 0; top: 0; right: 0; bottom: 0 }
.lg-outer .zedSponsor { position: absolute; display: inline-block; left: 10px; bottom: 160px; z-index: 2 }
.lg-outer .zedSponsor p { float: right; display: inline-block; line-height: 7; text-align: right; font-family: droidLight,Arial; font-size: 12px; color: #fff; margin-left: 10px; cursor: auto }
.lg-outer .zedSponsor a { float: left }
.lg-outer .zedSponsor img { width: auto; height: 60px; border: none }
/** Gallery Title **/
.galleryTitle { float: right; display: inline-block }
.galleryTitle .galleryMasLogo { width: 210px; height: 40px; background: url(../../Images/ykLogo.png) center center no-repeat; background-size: 182px 30px; margin-top: 5px; float: right }
.galleryTitle h2 { float: right; display: inline-block; direction: rtl; font-family: droidLight, Arial; color: #fff; font-size: 18px; line-height: 2.6; margin-right: 10px; height: 50px; padding-right: 20px; border-right: 1px solid #222 }
/***** After *****/
.repeatDiv { display: block; width: 600px; padding: 45px 20px; height: 100%; position: absolute; left: 50%; margin-left: -300px; top: 0 }
.repeatDiv .repeatAlbum { display: block; width: 100%; margin-bottom: 20px; text-align: center; }
.repeatDiv .repeatAlbum p { display: block; color: #fff; font-family: DroidLight, Arial; font-size: 16px; text-align: center }
.repeatDiv .repeatAlbum .icon-repeat:before { content: "E"; color: #fff; font-size: 50px; line-height: 1.1; }
.repeatDiv .nextAlbum { display: block; width: 100%; height: 95px; margin-bottom: 20px; padding: 15px 10px 10px; background: #0277bd; position: relative }
.repeatDiv .nextAlbum .progress-bar { opacity: 1; background-color: #0277bd; height: 5px; right: 0; position: absolute; top: 0; width: 100%; z-index: 1083; -webkit-transition: opacity 0.08s ease 0s; -moz-transition: opacity 0.08s ease 0s; -o-transition: opacity 0.08s ease 0s; transition: opacity 0.08s ease 0s; }
.repeatDiv .nextAlbum .progress-bar .progress { background-color: #fff; height: 5px; width: 0; float: right; transition: all 10000ms ease 0s; -webkit-transition: all 10000ms ease 0s; -moz-transition: all 10000ms ease 0s; -o-transition: all 10000ms ease 0s; -ms-transition: all 10000ms ease 0s }
.repeatDiv .nextAlbum .progress-bar.start .progress { width: 100% }
.repeatDiv .nextAlbum img { width: 98px; height: 70px; float: right; border: 1px solid #eee; margin-left: 10px }
.repeatDiv .nextAlbum h3 { font-family: DroidBold, Arial; font-size: 16px; color: #fff; display: block; float: right; margin-bottom: 5px; }
.repeatDiv .nextAlbum p { font-family: DroidLight, Arial; font-size: 14px; color: #fff; display: block; float: right; width: calc(100% - 108px); height: 42px; overflow: hidden; line-height: 1.6; white-space: normal; }
.repeatDiv .relatedAlbum { display: inline-block; width: 100%; padding: 10px 10px 0 10px; background: #fff; position: relative }
.repeatDiv .relatedAlbum .ttl { height: auto; border-bottom: none; border: none; background: no-repeat; padding-right: 0; margin-bottom: 0; }
.repeatDiv .relatedAlbum .ttl h2 { color: #0277bd; padding: 0; font-size: 18px; line-height: 1; }
.repeatDiv .relatedAlbum .ttl h2:after { display: none }
.repeatDiv .relatedAlbum .content { display: inline-block; width: 100%; margin-top: 10px; background: none; min-height: unset }
.repeatDiv .relatedAlbum .content .itmDiv { padding: 12px 0; position: relative; width: 100%; display: block; height: 72px }
.repeatDiv .relatedAlbum .content .itmDiv:before { background-color: #dde2e4; top: -1px; clear: both; content: ""; display: block; float: none; height: 1px; margin: 0 auto; position: absolute; text-align: center; width: 100%; }
.repeatDiv .relatedAlbum .content .itmDiv:first-child:before { display: none }
.repeatDiv .relatedAlbum .content .itmDiv img { width: 65px; height: 46px; float: right; border: 1px solid #eee; margin-left: 10px; }
.repeatDiv .relatedAlbum .content .itmDiv p { font-family: DroidLight, arial; font-size: 14px; color: #1d1d1d; display: block; float: right; width: calc(100% - 75px); height: 42px; overflow: hidden; line-height: 1.6; white-space: normal; }
.lastSlide .lg-toolbar .lg-autoplay-button { display: none }
.lastSlide .lg-toolbar #lg-counter { display: none }
.lastSlide .lg-actions { display: none }
/** Video **/
.videoCntnr { padding-bottom: 68%; float: right; max-width: 810px; width: 100%; position: relative; }
.videoCntnr iframe, .videoCntnr div { width: 100%; height: 100%; position: absolute !important; top: 0; right: 0; bottom: 0; left: 0; transition: all 0.2s ease-in-out 0s }
.videoCntnr.facebookVideo { background: #1d1d1d }
.videoCntnr.facebookVideo iframe { width: unset; right: unset; left: 50%; transform: translateX(-50%) }
.videoCntnr .twitter-tweet { margin: 0 calc((100% - 550px) / 2) !important; }
.videoCntnr .twitter-tweet iframe { width: 100% !important; height: 100% !important }
/** Video Strip **/
article .videoStrip { display: inline-block; float: right; width: 728px; height: auto; margin: 20px calc((100% - 728px) / 2) 0; overflow: hidden }
.albumTemp .detailsFooter { display: none }
.videoTemp .detailsFooter { display: none }

.newPred footer .middle .mainMenu a{max-width:120px;float:none}
.newPred footer .middle .mainMenu .menuLinks ul.main li.websites{text-align:center}
.newPred footer .middle .mainMenu ul.main li ul li a{max-width:100%}

@media screen and (min-width:1023px) and (max-width:1359px) {
    .newPred footer .middle .mainMenu a{float:right}
    }

@media screen and (min-width:320px) and (max-width:767px) {
    .newPred footer .middle .mainMenu a{float:right;max-width:100%}
    }

/** Paging **/
.paging { max-width: 446px; display: inline-block; margin: 10px auto 40px }
.paging .nextPrev { float: right; display: inline-block; width: 115px; height: 36px; position: relative; font-family: droidLight, Arial; font-size: 14px; color: #fff; line-height: 2.5; background: #0277bd; margin: 0 0 0 10px }
.paging .nextPrev a, .paging ul li .dots { position: absolute; text-align: center; width: 100%; height: 100%; cursor: pointer; }
.paging .nextPrev.next { margin: 0 10px 0 0 }
.paging .nextPrev.disabled { background: #c0c0c0; }
.paging ul { float: right; display: inline-block }
.paging ul:nth-child(2) { margin: 0 10px }
.paging ul li { float: right; display: inline-block; width: 36px; height: 36px; position: relative; font-family: droidLight, Arial; font-size: 14px; color: #fff; line-height: 2.5; background: #0277bd; margin-left: 3px }
.paging ul li:last-child { margin-left: 0 }
.paging ul li.disabled { background: #c0c0c0 }
.paging ul li a { color: #fff; position: absolute; text-align: center; width: 100%; height: 100%; }
.article .paging { margin-bottom: 60px }
/** Article Details **/
article .details { display: inline-block; width: 100%; direction: rtl; margin-bottom: 40px; text-align: right; white-space: normal !important; float: right }
article .details, article .details p, article .details h2, article .details h4, article .details a, article .details p span,
article .details p strong { font-family: droidLight, Arial !important; font-size: 15px !important; color: #000 !important; text-align: right !important; line-height: 2.2; margin: 20px 0; width: 100%; white-space: normal; cursor: auto; }
article .details h2, article .details h4 { font-family: droidBold, Arial !important }
article .details a, article .details a span, article .details a strong { color: #0277bd !important; cursor: pointer; }
article .details .pattern01 a { white-space: normal; }
article .sp-inline .sp-inline-hightlight .heightlight, article .sp-inline .sp-inline-hightlight span { font-family: droidLight, Arial !important; font-size: 15px !important; color: #0277bd !important }
article .defaultValue { font-size: 15px !important }
article .details, article .details p:first-child { margin-top: 10px }
article .details ul, article .details ol { display: inline-block; width: 100%; padding-right: 36px; }
article .details li { list-style-type: square; display: list-item; margin: 0 0 15px; width: 100%; font-family: droidLight,Arial; font-size: 15px; color: #000; text-align: right; direction: rtl; cursor: default; line-height: 2.2 }
article .details p .kwhd { white-space: nowrap }
article .details p .kwhd:before { width: calc(100% - 12px); right: 6px }
article .details img { margin: 0 calc((100% - 800px) / 2); height: auto; width: 800px }
article .details p iframe, article .details div iframe { margin: 0 calc((100% - 800px) / 2); height: 600px; width: 800px; position: relative !important }
article .details .dugout-video { margin: 0 calc((100% - 800px) / 2); width: 800px; position: relative !important; display: inline-block; }
article .details p iframe#frmPAVast, article .details div iframe#frmPAVast { margin: 0; width: unset; height: unset }
iframe#pa_googleAdManager { width: 0 !important; height: 0 !important; }
article .details .twitter-tweet { margin: 10px auto }
article table { border: 1px solid #ccc !important; background: #fff; -webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 0px; }
article tbody { width: 100%; display: inline-block; float: right; }
article tr { border-bottom: 1px solid #ddd; float: right; width: 100%; display: inline-block; }
article td { padding: 5px 10px; display: inline-block; float: right; border-left: 1px solid #ddd; font-family: droidLight, Arial !important; font-size: 14px !important }
article tr:first-child td { font-family: droidBold, Arial !important; font-size: 14px !important }
article tr:first-child { background: #ddd }
article td:last-child { border-left: none }
article .details .mobVer { display: none; float: right; width: 320px; margin: 20px calc((100% - 320px) / 2); white-space: unset }
article .details .mobVer img { width: 100%; margin: 0 }
article .details .fb_iframe_widget iframe { margin: 0 }
/*** Article Choose Squad ***/
.articleChooseSquad { display: inline-block; float: right; width: 100%; padding-bottom: 60%; position: relative }
.articleChooseSquad iframe { position: absolute; width: 100%; height: 100%; top: 0; right: 0; left: 0; bottom: 0; }
/*** Article Poll ***/
article .articlePoll { display: inline-block; position: relative; float: right; padding: 20px; width: 800px; border: 1px solid #d3d3d3; margin: 0 calc((100% - 800px) /2); }
article .articlePoll .ttl { background: none; border-right: none; padding-right: 0; margin-bottom: 10px; height: 46px; }
article .articlePoll .allItems { display: inline-block; width: 100%; }
article .articlePoll .allItems h3 { display: inline-block; width: 100%; float: right; text-align: right; font-family: droidBold, Arial; font-size: 16px; color: #000; margin-bottom: 20px }
article .details .articlePoll h3 a { display: inline-block !important; float: right !important; margin: 10px 0 0 5px !important; white-space: unset !important; line-height: 1 !important; width: 25px !important; position: relative !important; }
article .details .articlePoll h3 a img { width: 22px; height: auto; margin: 0 !important; }
article .articlePoll .allItems .pollBullets { display: inline-block; float: right; width: 100% }
article .articlePoll .allItems input[type="radio"] + label { display: inline-block; width: 100%; height: auto; position: relative; padding: 5px; border: 1px solid #d3d3d3; background-color: #e6e6e6; margin-bottom: 15px; font-family: droidLight, Arial; font-size: 15px; }
article .articlePoll .allItems .btns { display: inline-block; position: relative; float: right; margin-top: 20px; margin: 0 calc((100% - 105px) /2) }
article .articlePoll .allItems .btns .vote { float: right; width: 100px; height: 30px; background: #0277bd; font-family: droidLight, Arial; font-size: 14px !important; color: #fff !important; text-align: center !important; margin: 0 0 0 4px; line-height: 2.2; }
article .articlePoll .allItems .btns .vote:hover { background: #1b92d9 }
article .articlePoll .allItems .btns .social { float: right; width: 30px; height: 30px; margin-left: 2px; color: #fff; text-align: center }
article .articlePoll .allItems .btns .social:last-child { margin-left: 0 }
article .articlePoll .allItems .btns .icon-fb { background: #3c5899 }
article .articlePoll .allItems .btns .icon-fb:hover { background: #2c4582 }
article .articlePoll .allItems .btns .icon-fb:before { content: "b"; font-size: 20px; line-height: 1.6 }
article .articlePoll .allItems .btns .icon-tw { background: #229ff3 }
article .articlePoll .allItems .btns .icon-tw:hover { background: #178cd7 }
article .articlePoll .allItems .btns .icon-tw:before { content: "c"; font-size: 20px; line-height: 1.6 }
article .articlePoll .allItems .btns .Popup { position: absolute; width: 300px; background-color: #868686; padding: 5px 10px; top: -55px; right: -200px; }
article .articlePoll .allItems .btns .Popup h6 { color: #fff; float: right; font-size: 15px; font-family: droidLight, Arial }
article .articlePoll .allItems .btns .Popup:before { content: ''; position: absolute; bottom: -8px; left: 20px; width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 8px solid #868686; }
article .articlePoll input[type="radio"] + label { color: #000; font-family: droidLight, Arial; font-size: 16px; float: right; margin: 0 5px 10px; text-align: right; display: inline-block; width: 100%; direction: rtl }
article .articlePoll input[type="radio"] + label img { width: auto; height: 30px; margin: 0 }
article .articlePoll input[type="radio"] + label span { display: inline-block; margin: 4px 0 0 8px; vertical-align: middle; cursor: pointer; }
/*article .articlePoll input[type="radio"]:checked + label span {background:url(../../Images/pollRadio.png) left -12px top no-repeat;}*/
/*article .articlePoll input[type="radio"]:checked + label{background-color:#81C465;color:#fff}
article .articlePoll input[type="radio"]:checked + label span{background-color:#81C465}*/
article .articlePoll .secondStep { display: inline-block; width: 100%; float: right }
article .articlePoll .secondStep ul { padding-right: 0; float: right }
article .articlePoll .secondStep li { display: inline-block; width: 100%; float: right; margin-bottom: 20px; }
article .articlePoll .secondStep .itemDiv { display: inline-block; width: 100%; float: right }
article .articlePoll .secondStep .itemDiv .item { display: inline-block; width: auto; float: right; font-family: droidLight, Arial; font-size: 16px; text-align: right; direction: rtl; color: #000; margin: 0 !important; margin-left: 10px !important }
article .articlePoll .secondStep .itemDiv .votes { display: inline-block; width: auto; float: right; font-family: droidLight, Arial; font-size: 12px !important; text-align: right; direction: rtl; color: #a7a7a7 !important; margin: 0 !important; line-height: 2.9; }
article .articlePoll .secondStep .itemDiv .votes span { display: inline-block; width: auto; float: left; font-family: droidLight, Arial; font-size: 12px !important; text-align: right; direction: rtl; color: #a7a7a7 !important; margin: 0 !important; line-height: 2.9; }
article .articlePoll .secondStep .itemDiv .percentage { display: inline-block; width: auto; float: left; font-size: 16px !important; font-weight: bold; margin: 0 !important }
article .articlePoll .secondStep .votesPercent { display: inline-block; float: right; width: 100%; position: relative; height: 6px; background: #ddd; overflow: hidden }
article .articlePoll .secondStep .votesPercent .voteSlide { position: absolute; right: 0; top: 0; width: auto; height: 6px; background: #0277bd }
/** Article Provider **/
article .provider { display: inline-block; width: 100%; margin-bottom: 40px }
article .provider h2 { float: right; font-family: droidLight, Arial; font-size: 15px; color: #000; margin-left: 10px; width: 130px; line-height: 2.2 }
article .provider .providerImg { float: right; width: calc(100% - 140px); height: 40px; text-align: right; overflow: hidden }
article .provider .providerImg img { width: auto; height: 40px; }
/** Keywords **/
article .detailsFooter { display: inline-block; width: 100%; float: right; margin-bottom: 40px; position: relative; z-index: 2 }
article .keywordsDiv { display: inline-block; float: right; margin-left: 36px; width: calc(100% - 174px); position: relative; padding-right: 30px }
article .icon-keywords:before { content: "u"; position: absolute; right: 0; top: 0; color: #000; font-size: 22px }
article .keywordsDiv .item { float: right; padding: 0 15px; height: 36px; background: #0277bd; margin: 0 0 10px 10px; font-family: droidLight, Arial; font-size: 14px; color: #fff; line-height: 2.6 }
article .keywordsDiv .item:hover { background: #1b92d9 }
article .detailsFooter .social { margin-top: 3px }
/** Related Article **/
.relatedArticles { display: inline-block; width: 100%; float: right; margin-bottom: 40px; background: #e8e8e8; padding: 10px; position: relative; z-index: 2 }
.relatedArticles ul { display: inline-block; width: 100%; float: right }
.relatedArticles ul li.item { float: right; width: calc((100% - 20px) / 2); height: 100px; margin-left: 0; border-bottom: none; padding: 0; position: relative; cursor: pointer }
.relatedArticles ul li.item a .arrow { float: right; position: absolute; top: 0; right: 0; width: 30px; height: 100px; display: inline-block; background: #0277bd }
.relatedArticles ul li.item a .arrow span { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) }
.relatedArticles ul li.item a .arrow .icon-next:before { content: "i"; color: #fff; font-size: 14px }
.relatedArticles ul li.item a .imageCntnr { width: 150px; padding-bottom: 100px; float: right; position: relative; overflow: hidden; margin-right: 30px }
.relatedArticles ul li.item a img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: 0 auto; width: 100%; height: 100px; border: none; filter: brightness(100%) contrast(100%); -webkit-filter: brightness(100%) contrast(100%); -moz-filter: brightness(100%) contrast(100%); -o-filter: brightness(100%) contrast(100%); -ms-filter: brightness(100%) contrast(100%); transition: all 0.2s ease-in-out 0s; -webkit-transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; -ms-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; }
.relatedArticles ul li.item:hover img { filter: brightness(108%) contrast(108%); -webkit-filter: brightness(108%) contrast(108%); -moz-filter: brightness(108%) contrast(108%); -o-filter: brightness(108%) contrast(108%); -ms-filter: brightness(108%) contrast(108%); }
.relatedArticles ul li.item .desc { float: right; width: calc(100% - 180px); height: auto; cursor: pointer; position: relative; display: inline-block; padding: 0 10px }
.relatedArticles ul li.item .nextPrev:after { float: right; width: 100%; display: inline-block; text-align: right; font-family: droidLight, Arial; font-size: 12px; color: #9a9a9a; content: "الخبر السابق" }
.relatedArticles ul li.item .desc h3 { float: right; display: inline-block; width: 100%; text-align: right; font-family: droidLight, Arial; font-size: 15px; color: #000; line-height: 1.5; height: 70px; overflow: hidden; position: relative; cursor: pointer; transition: all 0.2s ease-in-out 0s; -webkit-transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; -ms-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; }
.relatedArticles ul li.item:hover .desc h3 { color: #0277bd }
.relatedArticles ul li.item:last-child { margin-bottom: 0 }
.relatedArticles ul li.item:last-child { float: left }
.relatedArticles ul li.item:last-child a .arrow { float: left; right: auto; left: 0 }
.relatedArticles ul li.item:last-child a .arrow .icon-next:before { content: "j" }
.relatedArticles ul li.item:last-child a .imageCntnr { float: left; margin-right: 0; margin-left: 30px }
.relatedArticles ul li.item:last-child .desc { float: left }
.relatedArticles ul li.item:last-child .nextPrev:after { content: "الخبر التالى"; text-align: left }
.relatedArticles ul li.item:last-child .desc h3 { float: left; text-align: left }
.articlePage .left { float: right; width: 300px; display: inline-block }
/******************** quiz ********************/
.cafLgFinal article { width: 100%; margin-left: 0; margin-bottom: 0 }
.cafLgFinal article .totalQues { width: 690px; margin: 40px calc((100% - 690px) /2) 0 }
article .totalQues { display: inline-block; float: right; width: 600px; margin: 40px calc((100% - 600px) /2) 0; transition: all 0.2s ease-in-out 0s; -webkit-transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; -ms-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; }
article .totalQues img { display: inline-block; width: 100%; height: auto; margin-bottom: 35px }
article .totalQues h2 { width: 100%; margin-bottom: 20px; font-family: droidLight, Arial !important; font-size: 16px !important }
article .totalQues h6 { font-family: droidBold, Arial; font-size: 25px; text-align: center; width: 100%; float: right }
article .totalQues span.hint { font-family: droidLight, Arial; font-size: 14px; text-align: center; float: right; margin-bottom: 10px; display: inline-block; width: 100% }
article .totalQues .quesNumber { display: inline-block; width: 100%; float: right; margin-bottom: 20px }
article .totalQues .quesNumber h3 { color: #000 !important; font-size: 15px !important; float: right !important; width: auto !important; white-space: unset; line-height: 1 !important; margin: 0 }
article .totalQues .quesNumber h3 span { color: #000 !important; margin: 0 0 0 4px; float: right; width: auto; white-space: unset; line-height: 1 !important }
article .totalQues .progressBar { display: inline-block; width: 190px; height: 10px; background-color: #ddd; float: right; margin-right: 20px; border-radius: 5px }
article .totalQues .progressBar .passedQues { background-color: #6ece53; border-radius: 5px; height: 100% }
article .totalQues .quesDiv { display: inline-block; width: 100%; position: relative; margin-bottom: 35px; padding: 25px 20px; background-color: #fff; border-radius: 6px; box-shadow: inset 0px 0px 20px rgba(0,0,0,0.3); }
article .totalQues .quesDiv.Answerd { pointer-events: none }
article .totalQues .question { display: inline-block; float: right; width: 100%; position: relative; }
article .totalQues .question.quesBoth, article .details .totalQues .question.quesImg { margin-top: 0 }
/*article .totalQues .question.quesImg .conQues{position:relative;top:auto;left:auto;transform:none;margin:0 calc((100% - 450px) /2)}*/
/*article .totalQues .question.quesImg .conQues img{margin:0;float:right}*/
article .totalQues .question.quesImg .conQues span.dash { line-height: 3.4 }
/*article .totalQues .question.quesBoth .conQues{position:relative;top:auto;left:auto;transform:none;margin:0 calc((100% - 400px) /2)}*/
/*article .totalQues .question.quesBoth .conQues img{margin:0;float:right}*/
/*article .totalQues .question.quesBoth  h4.pQues{margin-bottom:10px}*/
article .totalQues .question .conQues { display: inline-block; width: 100%; height: auto; position: relative; margin-bottom: 30px; }
article .totalQues .question img { width: 100%; height: auto; margin-top: 20px; padding: 0 30px; margin-bottom: 15px; }
article .totalQues .question h4.pQues { width: auto; float: inherit; font-family: droidBold, Arial !important; font-size: 20px; color: #000 !important; text-align: center; white-space: unset; margin: 0; max-height: 117px; overflow: hidden; }
article .totalQues .question h3 { font-family: droidLight, Arial; font-size: 15px; padding: 0 3px; color: #a6a6a6; width: auto; float: right; line-height: 2.4; position: absolute; top: -25px; right: 0; border-bottom-right-radius: 10px; border-top-right-radius: 10px; }
article .totalQues .answer { display: inline-block; float: right; width: calc((100% - 25px) /2); height: 78px; overflow: hidden; position: relative; text-align: center; cursor: pointer; border-radius: 6px; margin-bottom: 20px; line-height: 1.5; margin-left: 25px; border: 1px solid #ddd; padding: 15px 6px; background-color: #e6e6e6; transition: all 0.2s ease-in-out 0s; -webkit-transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; -ms-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; }
/*article .totalQues .answer:nth-of-type(2){margin: 0 calc((100% - 550px) /2) 20px 25px;}
article .totalQues .answer:nth-of-type(3){margin: 0 0 20px calc((100% - 550px) /2);}
article .totalQues .answer:nth-of-type(4){margin: 0 calc((100% - 550px) /2) 0 25px;}
article .totalQues .answer:nth-of-type(5){margin: 0 0 0 calc((100% - 550px) /2);}*/
article .totalQues .answer:hover { background-color: #2D2D2D }
article .totalQues .answer.multi { padding: 6px; height: auto }
article .totalQues .answer.multi label { position: relative; top: auto; left: auto; transform: none; padding: 3px 0 10px 0; }
article .totalQues .answer.ansImg { padding: 6px; height: auto; }
article .totalQues .answer:hover label { color: #fff }
article .totalQues .answer:last-child, article .totalQues .answer:nth-of-type(2n+1) { margin-left: 0 }
article .totalQues .answer label { display: inline-block; width: 100%; font-size: 18px; font-family: droidLight, Arial; color: #000; cursor: pointer; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) }
article .totalQues .answer.correct { background-color: #81C465; position: relative; }
article .totalQues .answer.correct label { color: #fff }
/*article .totalQues .answer.correct:before{content: 'K';position: absolute;top:2px;right:8px;color: #fff;line-height:2;font-size:12px;}*/
/*article .totalQues .answer.ansImg.correct:before{content: 'K';position: absolute;top:10px;right:10px;color: #fff;border-radius:50%;line-height:2;font-size:12px;background-color:#81C465;width:25px;height:25px}*/
article .totalQues .answer.wrong { background-color: #EB4949; position: relative; }
article .totalQues .answer.wrong label { color: #fff }
/*article .totalQues .answer.wrong:before{content: 'B';position: absolute;top: 2px;right: 8px;color: #fff;line-height:2;font-size:12px;}*/
/*article .totalQues .answer.ansImg.wrong:before{content: 'B';position: absolute;top: 10px;right: 10px;color: #fff;line-height:2;font-size:12px;border-radius:50%;background-color:#EB4949;width:25px;height:25px}*/
/*article .totalQues .answer.multi.correct, article .totalQues .answer.imgAns.correct{padding:10px}*/
/*article .totalQues .answer.multi.correct:before, article .totalQues .answer.imgAns.correct:before{top:2px;right:8px;}*/
/*article .totalQues .answer.multi.wrong,  article .totalQues .answer.imgAns.wrong{padding: 10px}*/
/*article .totalQues .answer.multi.wrong:before, article .totalQues .answer.imgAns.wrong:before{top:2px;right:8px;}*/
article .totalQues .answer img { width: 100%; height: auto; margin: 0; cursor: pointer }
article .result { display: inline-block; float: right; width: 100%; padding: 20px; transition: all 0.2s ease-in-out 0s; -webkit-transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; -ms-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; }
article .result .resContainer { width: 500px; display: inline-block; margin: 0 calc((100% - 500px)/ 2); border: 1px solid #c4c4c4; padding: 20px; border-radius: 10px; background-color: #fff }
article .result .resContainer span.quizName { width: 100%; color: #949393; font-size: 14px; font-family: droidLight, Arial !important; }
article .result .resContainer h5 { display: inline-block; width: 100%; font-size: 16px !important; font-family: droidBold, Arial !important; color: #363636 !important; cursor: default; margin-bottom: 10px }
article .result .resContainer h5 span { font-family: droidBold, Arial !important; font-size: 20px !important; margin: 0 5px }
article .result .resContainer .imgDivRes { display: inline-block; padding-bottom: 100%; position: relative; width: 100%; }
article .result .resContainer .imgDivRes img { display: inline-block; width: 100%; height: 100%; position: ABSOLUTE; top: 0; left: 0; right: 0; bottom: 0; }
article .result .resContainer span.funnyWords { display: inline-block; width: 100%; color: #656565; font-size: 15px; font-family: droidLight, Arial !important; }
article .result .resContainer span.sharetxt { display: inline-block; width: 100%; padding-top: 10px; border-top: 1px solid #ddd; font-size: 14px; color: #949393; margin-top: 10px; margin-bottom: 5px }
article .result .resContainer .shareRes { display: inline-block; width: 380px; margin: 0 calc((100% - 380px) /2); margin-top: 10px }
article .result .resContainer span.title { display: inline-block; width: 100%; float: right; font-size: 20px; font-family: droidBold, Arial; margin-bottom: 10px; color: #353535 }
article .result .resContainer .shareRes a { display: inline-block; float: right; width: 180px; margin: 0 0 0 20px; height: 40px; line-height: 2.5; color: #fff !important; font-family: droidLight, Arial; font-size: 16px !important; text-align: center !important }
article .result .resContainer .shareRes a:last-child { margin-left: 0 }
article .result .resContainer .shareRes a.FB { background-color: #3b5999 }
article .result .resContainer .shareRes a.TW { background-color: #55acee }
article .totalQues .quesContainer { display: inline-block; overflow-y: scroll }
article .totalQues .quizTitle { display: inline-block; position: relative; width: 100%; background-color: #fff; padding: 0 20px; border-radius: 6px; margin-bottom: 10px }
.quizLoader { display: inline-block; width: 100px; position: relative; margin: 0 calc((100% - 100px)/ 2); margin-top: 20px; }
.quizLoader img { position: absolute; width: 100% !important; height: auto !important; margin: 0 !important; }
article .result .resContainer .saveImage { display: inline-block; float: right; width: 380px; margin: 10px calc((100% - 380px) / 2) 0; height: 40px; line-height: 2.8; background: green; color: #fff !important; font-family: droidLight, Arial; font-size: 14px !important; text-align: center !important; }
.article .totalQues .Answerd .answer label { color: #bbb }
.article .totalQues .Answerd .answer.selected { background: #81c465 }
.article .totalQues .Answerd .answer.selected label { color: #fff }
/** quiz listing**/
.listing.quizListing ul li .desc p { font-size: 16px; text-align: center; height: 50px }
/** quick question **/
.quickQues { display: inline-block; width: 800px; border: 1px solid #d3d3d3; margin: 0 calc((100% - 800px) /2); padding: 20px; margin-top: 10px; }
article .details .quickQues h2 { display: inline-block; font-size: 18px !important; width: 100% !important; margin: 0 !important; white-space: unset !important; line-height: 1 !important; }
.quickQues h2 a { display: inline-block !important; float: right !important; margin: 0 0 0 5px !important; white-space: unset !important; line-height: 1 !important; width: 20px !important; position: relative !important }
.quickQues h2 a img { width: 20px; height: 20px; margin: 0 !important }
.quickQues h3.Question { display: inline-block; float: right; width: 100%; white-space: unset !important; font-size: 16px !important; font-family: droidBold, Arial; line-height: 2 !important; margin: 20px 0 }
.quickQues .answer { display: inline-block; width: 100% }
.quickQues .answer label { display: inline-block; width: 100%; height: auto; position: relative; padding: 5px 35px 5px 5px; border: 1px solid #d3d3d3; background-color: #e6e6e6; margin-bottom: 15px; font-family: droidLight, Arial; font-size: 15px }
.quickQues .answer label:last-child { margin-bottom: 0 }
.quickQues .answer label.wrong { background-color: #EB4949; color: #fff }
.quickQues .answer label.wrong:before { content: 'B'; position: absolute; top: 0; right: 0; color: #fff; width: 35px; height: 100%; line-height: 3.2; font-size: 14px }
.quickQues .answer label.correct { background-color: #81C465; color: #fff }
.quickQues .answer label.correct:before { content: 'K'; position: absolute; top: 0; right: 0; color: #fff; width: 35px; height: 100%; line-height: 3.2; font-size: 14px }
/** quiz entrpoin **/
.QEntryPoint { display: inline-block; width: 800px; position: relative; border: 1px solid #d3d3d3; margin: 0 calc((100% - 800px) /2); padding: 35px 30px 30px; }
.QEntryPoint a { white-space: unset !important }
.QEntryPoint .YKIcon { display: inline-block; position: absolute !important; float: right !important; margin: 0 0 0 5px !important; white-space: unset !important; line-height: 1 !important; width: auto !important; top: 10px; right: 10px }
.QEntryPoint .YKIcon img { width: 20px; height: auto; margin: 0 !important; }
.QEntryPoint .YKIcon span { display: none }
.QEntryPoint .QDetails { display: inline-block; width: calc(100% - 230px); float: right }
.QEntryPoint span { float: right; color: #0277bd; font-size: 16px; margin-left: 5px; font-family: droidBold,Arial !important }
.QEntryPoint h5 { display: inline-block; float: right; color: #000 !important; font-family: droidBold,Arial !important; font-size: 16px !important; margin: 0 !important; width: 100% !important }
.QEntryPoint .Begin { display: inline-block; float: right; width: 130px; color: #fff !important; background-color: #0277bd; font-size: 15px !important; cursor: pointer; line-height: 2.4; text-align: center !important; white-space: inherit !important; margin: 20px 0 0 0 !important }
.QEntryPoint .Qimg { display: inline-block; float: left; width: 200px; height: auto; position: absolute; top: 50%; left: 30px; transform: translateY(-50%); margin: 0 }
.QEntryPoint.NoImg .QDetails { width: 100% }
/******************** News Pointer ********************/
.newsPointer { display: inline-block; float: left; width: 300px; background: #fff; position: relative; padding: 8px 10px 18px; border: 1px solid #e0e0e0; border-top: 4px solid #0277bd; clear: both }
.newsPointer .ttl { background: none; border-right: none; padding-right: 0; margin-bottom: 12px }
.newsPointer .ttl .more { display: none }
.newsPointer .cnts { display: inline-block; float: right; width: 100% }
.newsPointer .cnts li { display: inline-block; width: 100%; float: right; margin-bottom: 16px; position: relative }
.newsPointer .cnts li:last-child { margin-bottom: 0 }
.newsPointer .cnts li .trendDiv { float: right; display: inline-block; width: 36px; height: 50px; margin-left: 10px; border: 1px solid #e8e8e8; text-align: center }
.newsPointer .cnts li .trendDiv .trendImg { width: 34px; height: 30px; background: #e8e8e8; padding: 5px 0 }
.newsPointer .cnts li .trendDiv .vstrs { font-family: Arial; width: 34px; height: 20px; font-size: 14px; line-height: 1.4 }
.newsPointer .cnts li a { display: inline-block; width: calc(100% - 46px); font-family: droidLight, Arial; font-size: 13px; color: #000; text-align: right; direction: rtl; height: 50px; overflow: hidden }
.newsPointer .cnts li:hover a { color: #0277bd }
/******************** Last Match ********************/
.lastMatch { width: 100%; height: 120px; border: 1px solid #e0e0e0 }
.lastMatch.stats .item { width: 100%; height: 118px; margin-left: 0; margin-bottom: 0; background: #fff; position: relative; padding-bottom: 0 }
.lastMatch.stats .item ul li { padding: 20px; height: 118px }
.lastMatch.stats .item ul li .resultDiv { width: 110px }
.lastMatch.stats .item ul li .resultDiv .result { color: #0277bd; font-size: 32px; font-family: arial; font-weight: normal; display: inline-block; }
.lastMatch.stats .item ul li .teamA, .lastMatch.stats .item ul li .teamB { width: calc((100% - 110px) / 2); }
.lastMatch.stats .item ul li .teamA .team, .lastMatch.stats .item ul li .teamB .team { font-size: 14px }
.lastMatch.stats .item ul li .teamA img, .lastMatch.stats .item ul li .teamB img { height: 56px }
.lastMatch.stats .item ul li .resultDiv .result:first-child { float: right; margin-right: 10px; padding: 0; width: auto }
.lastMatch.stats .item ul li .resultDiv .result:last-child { float: left; margin-left: 10px; padding: 0; width: auto }
.lastMatch.stats .item ul li .resultDiv .matchStatus .status.details { width: 100%; height: 24px; display: inline-block; color: #fff !important; font-family: droidLight, Arial; font-size: 12px !important; margin-top: 0; text-align: center !important; background: #0277bd; cursor: pointer; line-height: 2 }
.lastMatch.stats .item ul li .resultDiv .matchStatus .status:before { content: "تفاصيل المباراة"; color: #fff; width: 100% }
/** Mwadee3 Zat Sela **/
article .pattern01 { display: inline-block; width: 300px; background: #fff; position: relative; padding: 8px 10px 18px; border: 1px solid #e0e0e0; border-top: 4px solid #0277bd; margin: 0 30px 30px 0; float: left; z-index: 3; }
article .pattern01 .ttl { background: none; border-right: none; padding-right: 0; margin-bottom: 0px }
article .pattern01 .ttl .more { display: none }
article .pattern01 .allItems { padding: 0; float: right }
article .pattern01 ul { padding-right: 0; float: right }
article .pattern01 ul li { width: 100%; list-style-type: none; display: inline-block; margin: 0 !important; font-style: normal; border-bottom: 1px solid #ddd; padding: 10px 0; float: right; position: relative }
article .pattern01 ul li p { margin: 0 !important; padding: 0 !important; height: 46px !important; font-size: 13px !important; line-height: 1.7; }
article .pattern01 ul li:last-child { border-bottom: 0; margin-bottom: 0 !important; padding-bottom: 0 !important }
article .pattern01 ul li .item .imageCntnr { width: 66px; height: 44px; margin-left: 10px; float: right; }
article .pattern01 ul li .item .imageCntnr img { width: 100%; margin: 0 }
article .pattern01 ul li .desc { width: calc(100% - 76px); overflow: hidden; cursor: pointer; float: right; }
/** Data Keywords **/
.dataKeywords { display: inline-block; width: 100%; height: 74px; background: #fff; background: #fff; padding: 10px; border-right: 4px solid #0277bd; margin-bottom: 40px; position: relative; z-index: 2 }
.dataKeywords .item { display: inline-block; float: right; margin-left: 20px; width: calc((100% - 340px) / 2) }
.dataKeywords .item:nth-child(2) { width: 300px }
.dataKeywords .item:last-child { margin-left: 0 }
.dataKeywords .playerTeamInfo { float: right; display: inline-block; position: relative }
.dataKeywords .playerTeamInfo img { float: right; width: 54px; height: 54px; margin-left: 10px; }
.dataKeywords .playerTeamInfo .name { position: absolute; top: 50%; transform: translateY(-50%); right: 64px }
.dataKeywords .playerTeamInfo .name a { font-family: droidLight, Arial; text-align: right; margin-right: 0; display: block; line-height: 1.3 }
.dataKeywords .playerTeamInfo .name .first { font-size: 16px; color: #0277bd }
.dataKeywords .playerTeamInfo .name .second { font-size: 13px; color: #000; margin-top: 8px }
.dataKeywords .item .title { width: 100%; display: inline-block; float: right; text-align: center; color: #000; font-family: droidLight, Arial; font-size: 11px; position: relative }
.dataKeywords .item .title a { text-align: center; line-height: 1.4 }
.dataKeywords .item ul { display: inline-block; width: 100%; float: right }
.dataKeywords .item ul li { display: inline-block; width: 100%; float: right }
.dataKeywords .item ul li .teamA, .dataKeywords .item ul li .teamB { float: right; width: calc((100% - 60px) / 2); text-align: center; margin-top: -4px; }
.dataKeywords .item ul li .teamA { padding-left: 12px }
.dataKeywords .item ul li .teamB { padding-right: 12px }
.dataKeywords .item ul li .teamA img, .dataKeywords .item ul li .teamB img { height: 20px; width: auto; border: none; display: inline-block }
.dataKeywords .item ul li .teamA .team, .dataKeywords .item ul li .teamB .team { display: inline-block; width: 100%; margin: 0; padding-top: 5px; color: #000; font-family: droidLight, Arial; font-size: 11px; line-height: 1.2; text-align: center }
.dataKeywords .item ul li .resultDiv { float: right; width: 60px; margin-top: 4px }
.dataKeywords .item ul li .resultDiv .matchStatus { display: inline-block; width: 100%; }
.dataKeywords .item ul li .resultDiv .matchStatus .time { width: 100%; display: inline-block; color: #0277bd; font-family: Arial; font-size: 16px; font-weight: bold; text-align: center; float: right }
.dataKeywords .item ul li .resultDiv .matchStatus date { width: 100%; display: inline-block; color: #989898; font-family: Arial; font-size: 12px; text-align: center; float: right }
.dataKeywords .links { float: left; display: inline-block; margin-top: 9px; }
.dataKeywords .more { display: inline-block; padding: 10px 0; height: 36px; background: #0277bd; padding: 0 10px; text-align: left; color: #fff; font-family: droidLight,Arial; font-size: 13px; line-height: 2.9; float: right; margin-left: 10px }
.dataKeywords .more:hover { background: #1b92d9; }
.dataKeywords .more:last-child { margin-left: 0 }
.dataKeywords .more span { float: left; margin-right: 10px; }
.dataKeywords .more .icon-more:before { content: "h"; color: #fff; font-size: 14px; line-height: 2.8; }
article .stats { width: 100%; height: 266px; }
article .stats.RelatedMatchstats { height: auto }
.fbComments .fb_iframe_widget_fluid_desktop iframe { width: 100% !important }
/******************** Match Details ********************/
/** Result **/
.mtchDtlsRslt { display: inline-block; float: right; width: 100%; height: auto; background: url(../../Images/matchDtlsBg.jpg) no-repeat center bottom -196px; background-size: 126%; }
.mtchDtlsRslt li { display: inline-block; width: 100%; float: right; padding: 20px }
.mtchDtlsRslt li .tourName { width: 100%; display: inline-block; float: right; position: relative; height: 60px }
.mtchDtlsRslt li .tourName .tourNameBtn { position: absolute; left: 50%; top: 0; transform: translateX(-50%); display: inline-table; }
.mtchDtlsRslt li .tourName .tourNameBtn img { width: auto; height: 30px; float: right; margin-left: 10px }
.mtchDtlsRslt li .tourName .tourNameBtn p { float: right; font-size: 16px; font-family: droidLight,arial; color: #fff; text-align: center; line-height: 1.8; }
.mtchDtlsRslt li .tourName .tourNameBtn:hover p { color: #0277bd }
.mtchDtlsRslt li .teamA, .mtchDtlsRslt li .teamB { float: right; width: calc((100% - 130px) / 2); text-align: center; margin-top: 30px; }
.mtchDtlsRslt li .teamA { padding-left: 70px }
.mtchDtlsRslt li .teamA a { float: left }
.mtchDtlsRslt li .teamB { padding-right: 70px }
.mtchDtlsRslt li .teamB a { float: right }
.mtchDtlsRslt li .teamA img, .mtchDtlsRslt li .teamB img { height: 70px; width: auto; border: none; display: inline-block }
.mtchDtlsRslt li .teamA img { margin-right: 20px; float: left }
.mtchDtlsRslt li .teamB img { margin-left: 20px; float: right }
.mtchDtlsRslt li .teamA p, .mtchDtlsRslt li .teamB p { display: inline-block; margin: 0; color: #fff; font-family: droidBold, Arial; font-size: 18px; line-height: 4.4; text-align: center; }
.mtchDtlsRslt li .teamA p { float: left }
.mtchDtlsRslt li .teamB p { float: right }
/** Match Scorer **/
.mtchDtlsRslt li .matchScorer { display: inline-block; float: right; width: 100%; margin-top: 20px; }
.mtchDtlsRslt li .matchScorer .goal { display: inline-block; margin-bottom: 10px }
.mtchDtlsRslt li .teamA .matchScorer .goal { float: left; margin-right: 20px }
.mtchDtlsRslt li .teamB .matchScorer .goal { float: right; margin-left: 20px }
.mtchDtlsRslt li .matchScorer .icon-goal:before { content: "y"; font-size: 24px; float: right; margin-left: 5px; height: 23px; width: 23px; line-height: 1; background: #fff; border-radius: 50%; color: #222; }
.mtchDtlsRslt li .matchScorer .goal .time { float: right; display: inline-block; margin-left: 5px; font-family: Arial; font-size: 14px; color: #7e7e7e; line-height: 1.8; }
.mtchDtlsRslt li .matchScorer .goal .time:before { content: "'"; float: right; margin-left: 2px }
.mtchDtlsRslt li .matchScorer .goal .player { float: right; display: inline-block; font-family: droidLight,arial; font-size: 13px; color: #fff; line-height: 1.8; }
.mtchDtlsRslt li .matchScorer .goal .player:hover { color: #0277bd }
.mtchDtlsRslt li .matchScorer .owngoal.icon-goal:before { content: "y"; font-size: 24px; float: right; margin-left: 5px; height: 23px; width: 23px; line-height: 1; background: #fff; border-radius: 50%; color: #ff1a3b; }
/**************** Match Result ****************/
.mtchDtlsRslt li .resultDiv { float: right; width: 130px; height: 130px; display: inline-block; position: relative }
/** Main Circle / Black border **/
.mtchDtlsRslt li .resultDiv .mainCircle { width: 130px; height: 130px; display: inline-block; float: right; position: relative; z-index: 1; border: 8px solid #000; border-radius: 50% }
/** Fill Circle / Animation **/
#timer { width: 130px; height: 130px; margin: 0 auto; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 2 }
.pietimer > .percent { display: none; }
.pietimer > .slice { position: absolute; width: 130px; height: 130px; clip: rect(0px,130px,130px,65px); }
.pietimer > .slice.gt50 { clip: rect(auto, auto, auto, auto); }
.pietimer > .slice > .pie { border: 8px solid #0277bd !important; position: absolute; width: 130px; height: 130px; clip: rect(0px,65px,130px,0px); -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; }
.pietimer > .slice > .pie.fill { -moz-transform: rotate(180deg) !important; -webkit-transform: rotate(180deg) !important; -o-transform: rotate(180deg) !important; transform: rotate(180deg) !important; }
.pietimer.fill > .percent { display: none; }
.pietimer.fill > .slice > .pie { border: transparent; background-color: transparent; width: 130px; height: 130px; }
.mtchDtlsRslt li .resultDiv .matchResult { width: 130px; height: 130px; display: inline-block; float: right; position: absolute; top: 0; left: 0; right: 0; bottom: 0 }
.mtchDtlsRslt li .resultDiv .result { display: inline-block; position: absolute; padding: 0; top: 34px; left: 8px; width: 114px; padding: 0 12px }
.mtchDtlsRslt li .resultDiv p { display: inline-block; float: right; width: 100%; color: #b9b9b9; font-family: droidLight,Arial; font-size: 13px; text-align: center; position: absolute; top: 90px }
.mtchDtlsRslt li .resultDiv .result span { color: #fff; font-size: 36px; font-family: arial; font-weight: bold; text-align: center; float: right; }
.mtchDtlsRslt li .resultDiv .result span.a { float: right }
.mtchDtlsRslt li .resultDiv .result span.a:after { content: "-"; font-size: 30px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) }
.mtchDtlsRslt li .resultDiv .result span.b { float: left }
.mtchDtlsRslt li .resultDiv .result .penaltyRes span { font-family: arial; font-size: 16px; color: #888; text-align: center; display: inline-block; float: right; width: 100%; font-weight: normal }
.mtchDtlsRslt li .resultDiv .countUp { display: inline-block; position: absolute; bottom: 22px; left: 8px; width: 114px; text-align: center; color: #7e7e7e; font-size: 18px; font-family: arial }
.mtchDtlsRslt li .resultDiv .countUp.start:after { display: none }
.mtchDtlsRslt li .matchDetails { width: 100%; display: inline-block; float: right; position: relative; height: 30px; margin-top: 30px; }
.mtchDtlsRslt li .matchDetails .cnts { position: absolute; left: 50%; transform: translateX(-50%); bottom: 0; display: inline-block; min-width: 524px }
.mtchDtlsRslt li .matchDetails .item { float: right; display: inline-block; margin-left: 50px }
.mtchDtlsRslt li .matchDetails .item:last-child { margin-left: 0 }
.mtchDtlsRslt li .matchDetails .item p { float: right; font-family: droidLight, arial; font-size: 13px; color: #fff; line-height: 1.8 }
.mtchDtlsRslt li .matchDetails .time { font-family: arial }
.mtchDtlsRslt li .matchDetails .icon-time:before { content: "v"; float: right; margin-left: 5px; font-size: 15px; width: 24px; height: 24px; background: #acbf65; border-radius: 50%; color: #fff; line-height: 1.6; text-align: center }
.mtchDtlsRslt li .matchDetails .icon-date:before { content: "w"; float: right; margin-left: 5px; font-size: 14px; width: 24px; height: 24px; background: #acbf65; border-radius: 50%; color: #fff; line-height: 1.6; text-align: center }
.mtchDtlsRslt li .matchDetails .icon-stadium:before { content: "A"; float: right; margin-left: 5px; font-size: 16px; width: 24px; height: 24px; background: #acbf65; border-radius: 50%; color: #fff; line-height: 1.6; text-align: center }
.mtchDtlsRslt li .matchDetails .icon-tv:before { content: "z"; float: right; margin-left: 5px; font-size: 15px; width: 24px; height: 24px; background: #acbf65; border-radius: 50%; color: #fff; line-height: 1.6; text-align: center }
/***************** Match Tabs *****************/
.matchDetailsTabs { display: inline-block; float: right; width: 100%; position: relative }
.matchDetailsTabs .tab { overflow: hidden; position: absolute; left: 50%; transform: translateX(-50%); }
.matchDetailsTabs .tab button { float: right; border: none; outline: none; cursor: pointer; transition: 0.2s; width: 76px; height: 70px; border-top: 4px solid #0277bd; margin-left: 5px; font-family: droidLight, Arial; font-size: 12px; padding: 0 10px; color: #000; line-height: 1.4; position: relative }
.matchDetailsTabs .tab button:before { content: ""; width: 50px; height: 50px; background: #fff; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 1; border-radius: 50% }
.matchDetailsTabs .tab button span { position: relative; z-index: 2; width: 50px; display: inline-block; }
.matchDetailsTabs .tab button:last-child { margin-left: 0 }
.matchDetailsTabs .tab button:hover { background-color: #ddd; }
.matchDetailsTabs .tab button.active { height: 81px; border-top: 0; color: #fff }
.matchDetailsTabs .tab button.active:before { border-radius: 0; background: #0277bd }
.matchDetailsTabs .matchDtlsContent { display: inline-block; float: right; width: 100%; margin-top: 75px; height: auto }
.matchDetailsTabs .matchDetailsTtl { display: inline-block; width: calc(100% - 200px); margin: 0 calc((100% - (calc(100% - 200px))) / 2); height: 48px; float: right; position: relative; background: #e0e0e0; overflow: hidden }
.matchDetailsTabs .matchDetailsTtl h2 { display: inline-block; width: 140px; height: 28px; background: #fff; text-align: center; color: #000; font-family: droidLight,Arial; font-size: 14px; margin: 10px calc((100% - 140px) / 2); line-height: 2.2 }
.matchDetailsTabs .matchDetailsTtl .team { position: absolute; top: 0; display: inline-block; padding: 10px 14px; height: 48px }
.matchDetailsTabs .matchDetailsTtl .team img { width: auto; height: 28px }
.matchDetailsTabs .matchDetailsTtl .team p { font-family: droidBold, Arial; color: #0277bd; font-size: 16px; line-height: 1.8 }
.matchDetailsTabs .matchDetailsTtl .teamA { right: 0; }
.matchDetailsTabs .matchDetailsTtl .teamA img { float: right; margin-left: 5px }
.matchDetailsTabs .matchDetailsTtl .teamA p { float: right }
.matchDetailsTabs .matchDetailsTtl .teamB { left: 0; }
.matchDetailsTabs .matchDetailsTtl .teamB img { float: left; margin-right: 5px }
.matchDetailsTabs .matchDetailsTtl .teamB p { float: left }
/****** Min By Min Content *****/
.matchDetailsTabs .timeline { display: inline-block; width: calc(100% - 200px); float: right; background: #fff; border: 1px solid #e0e0e0; margin: 10px calc((100% - (calc(100% - 200px))) / 2) 0; height: 1100px; overflow-y: scroll }
/** Minute To Minute **/
.matchDetailsTabs .timeline .cnts { display: inline-block; width: calc(100% - 40px); margin: 0 20px 20px }
.matchDetailsTabs .timeline .cnts ul { display: inline-block; width: 100%; position: relative }
.matchDetailsTabs .timeline .cnts ul:before { right: 18px; top: 20px; width: 4px; background-color: #e2e3e4; bottom: 0; content: ""; display: block; position: absolute; }
.matchDetailsTabs .timeline .cnts ul li { width: calc(100% - 50px); height: auto; position: relative; z-index: 1; display: inline-block; float: right; padding: 30px 0; margin: 0 50px 0 0; border-bottom: 1px dashed #e2e3e4 }
.matchDetailsTabs .timeline .cnts ul li .min { width: 40px; height: 52px; background: #fff; text-align: center; font-size: 16px; color: #3d4248; line-height: 2.8; float: right; display: inline-block; font-family: arial; font-weight: bold; position: absolute; right: -50px; top: 20px; }
.matchDetailsTabs .timeline .cnts ul li.goal .min { color: #fff }
.matchDetailsTabs .timeline .cnts ul li .min .minNumber { position: relative; display: inline-block }
.matchDetailsTabs .timeline .cnts ul li .min .minNumber:before { content: "'"; position: relative }
.matchDetailsTabs .timeline .cnts ul li p { font-size: 14px; font-family: droidLight, arial; width: 100%; text-align: right; float: right; display: inline-block }
.matchDetailsTabs .timeline .cnts ul li .min:after { content: ""; display: block; position: absolute; top: 10px; left: 50%; margin-left: -17px; height: 34px; width: 34px; z-index: 1; border-radius: 50% }
.matchDetailsTabs .timeline .cnts ul li.goal .min:after { background: url(../../Images/ball.png) center center no-repeat #e2e3e4; background-size: 22px; }
.matchDetailsTabs .timeline .cnts ul li.owngoal .min:after { background: url(../../Images/ownGoal.png) center center no-repeat #e2e3e4; background-size: 22px; }
.matchDetailsTabs .timeline .cnts ul li.sub .min:after { background: url(../../Images/sub.png) center center no-repeat #e2e3e4; background-size: 22px; }
.matchDetailsTabs .timeline .cnts ul li.subIn .min:after { background: url(../../Images/subIn.png) center center no-repeat #e2e3e4; background-size: 22px; }
.matchDetailsTabs .timeline .cnts ul li.subOut .min:after { background: url(../../Images/subOut.png) center center no-repeat #e2e3e4; background-size: 22px; }
.matchDetailsTabs .timeline .cnts ul li.referee .min:after { background: url(../../Images/referee.png) center center no-repeat #e2e3e4; background-size: 22px; }
.matchDetailsTabs .timeline .cnts ul li.yellowCard .min:after { background: url(../../Images/yellowCard.png) center center no-repeat #e2e3e4; background-size: 12px; }
.matchDetailsTabs .timeline .cnts ul li.redCard .min:after { background: url(../../Images/redCard.png) center center no-repeat #e2e3e4; background-size: 12px; }
.matchDetailsTabs .timeline .cnts ul li.preMatch .min:after { background: url(../../Images/preMatch.png) center center no-repeat #e2e3e4; background-size: 22px; }
.matchDetailsTabs .timeline .cnts ul li.var .min:after { background: url(../../Images/var.svg) center center no-repeat #e2e3e4; background-size: 22px; }
.matchDetailsTabs .timeline.minbyminCnts .cnts ul li.goal .min { color: #fff }
.matchDetailsTabs .timeline.minbyminCnts .cnts ul li.sub .min { color: #fff }
.matchDetailsTabs .timeline.minbyminCnts .cnts ul li.subIn .min { color: #fff }
.matchDetailsTabs .timeline.minbyminCnts .cnts ul li.subOut .min { color: #fff }
.matchDetailsTabs .timeline.minbyminCnts .cnts ul li.referee .min { color: #fff }
.matchDetailsTabs .timeline.minbyminCnts .cnts ul li.yellowCard .min { color: #fff }
.matchDetailsTabs .timeline.minbyminCnts .cnts ul li.redCard .min { color: #fff }
/** Goal **/
.matchDetailsTabs .timeline .cnts ul li .goalDtls { width: 100%; text-align: right; float: right; display: inline-block; background: #f2f2f2; padding: 20px }
.matchDetailsTabs .timeline .cnts ul li .goalDtls .top { display: inline-block; float: right; width: 100% }
.matchDetailsTabs .timeline .cnts ul li .goalDtls .player { display: inline-block; margin-left: 10px; float: right; width: calc(100% - 110px) }
.matchDetailsTabs .timeline .cnts ul li .goalDtls .player .image { float: right; width: 75px; height: 75px; text-align: center; margin-left: 10px; max-width: 100px }
.matchDetailsTabs .timeline .cnts ul li .goalDtls .player .image img { width: 75px; height: 75px; max-width: 100px }
.matchDetailsTabs .timeline .cnts ul li .goalDtls .player .name { float: right; display: inline-block; }
.matchDetailsTabs .timeline .cnts ul li .goalDtls .player .name p { display: inline-block; float: right; width: 100%; text-align: right; direction: rtl; font-family: droidLight,Arial; font-size: 16px; color: #000; line-height: 1.2; margin-bottom: 5px }
.matchDetailsTabs .timeline .cnts ul li .goalDtls .player .name a { display: inline-block; float: right; width: 100%; text-align: right; direction: rtl; font-family: droidBold,Arial; font-size: 18px; color: #0277bd; line-height: 1.4; }
.matchDetailsTabs .timeline .cnts ul li .goalDtls .player .name a:nth-child(2n+1) { display: inline-block; float: right; width: 100%; text-align: right; direction: rtl; font-family: droidLight,Arial; font-size: 16px; color: #b9b9b9; line-height: 1.2; margin-top: 5px; }
.matchDetailsTabs .timeline .cnts ul li .goalDtls .team { float: left; display: inline-block; width: auto; height: 75px }
.matchDetailsTabs .timeline .cnts ul li .goalDtls .team img { width: auto; height: 75px }
.matchDetailsTabs .timeline .cnts ul li .goalDtls .bottom { display: inline-block; float: right; width: 100%; margin-top: 20px }
.matchDetailsTabs .timeline .cnts ul li .goalDtls .bottom h3 { display: inline-block; width: 100%; position: relative; text-align: right; margin-bottom: 5px }
.matchDetailsTabs .timeline .cnts ul li .goalDtls .bottom h3 span { text-align: center; font-family: droidLight,Arial; font-size: 14px; color: #bbb; background: #f2f2f2; padding: 3px 0 3px 10px; z-index: 2; position: relative }
.matchDetailsTabs .timeline .cnts ul li .goalDtls .bottom h3:before { content: ""; position: absolute; top: 50%; right: 0; width: 100%; height: 1px; background: #e0e0e0; transform: translateY(-50%); z-index: 1 }
.matchDetailsTabs .timeline .cnts ul li .goalDtls .bottom .items { float: right; margin-left: 40px; display: inline-block }
.matchDetailsTabs .timeline .cnts ul li .goalDtls .bottom .items:last-child { margin-left: 0; width: 108px }
.matchDetailsTabs .timeline .cnts ul li .goalDtls .bottom .items .label { float: right; display: inline-block; margin-left: 5px; font-family: droidLight,Arial; font-size: 14px; color: #7e7e7e }
.matchDetailsTabs .timeline .cnts ul li .goalDtls .bottom .items p { float: right; display: inline-block; font-family: droidLight,Arial; font-size: 13px; color: #7e7e7e; width: auto }
.matchDetailsTabs .timeline .cnts ul li .goalDtls .bottom .items p span { font-family: Arial; font-weight: bold; font-size: 16px; margin-left: 5px }
/** Sub **/
.matchDetailsTabs .timeline .cnts ul li .subDtls { width: 100%; text-align: right; float: right; display: inline-block; background: #f2f2f2; padding: 20px }
.matchDetailsTabs .timeline .cnts ul li .subDtls .top { display: inline-block; float: right; width: 100% }
.matchDetailsTabs .timeline .cnts ul li .subDtls .player { display: inline-block; margin-left: 10px; float: right; width: calc((100% - 110px) / 2) }
.matchDetailsTabs .timeline .cnts ul li .subDtls .player .image { float: right; width: 75px; height: 75px; text-align: center; margin-left: 10px; max-width: 100px }
.matchDetailsTabs .timeline .cnts ul li .subDtls .player .image img { width: 75px; height: 75px; max-width: 100px }
.matchDetailsTabs .timeline .cnts ul li .subDtls .player .name { float: right; display: inline-block; width: calc(100% - 85px); }
.matchDetailsTabs .timeline .cnts ul li .subDtls .player .name p { display: inline-block; float: right; width: 100%; text-align: right; direction: rtl; font-family: droidLight,Arial; font-size: 16px; color: #000; line-height: 1.2; margin-bottom: 5px }
.matchDetailsTabs .timeline .cnts ul li .subDtls .player .name .subOut:before { content: ""; width: 14px; height: 9px; display: inline-block; background: url(../../Images/subOut.png) center center no-repeat #f2f2f2; background-size: 14px; position: relative; margin-left: 5px }
.matchDetailsTabs .timeline .cnts ul li .subDtls .player .name .subIn:before { content: ""; width: 14px; height: 9px; display: inline-block; background: url(../../Images/subIn.png) center center no-repeat #f2f2f2; background-size: 14px; position: relative; margin-left: 5px }
.matchDetailsTabs .timeline .cnts ul li .subDtls .player .name a { display: inline-block; float: right; width: 100%; text-align: right; direction: rtl; font-family: droidBold,Arial; font-size: 18px; color: #0277bd; line-height: 1.4; }
.matchDetailsTabs .timeline .cnts ul li .subDtls .player .name a:nth-child(2n+1) { display: inline-block; float: right; width: 100%; text-align: right; direction: rtl; font-family: droidLight,Arial; font-size: 16px; color: #b9b9b9; line-height: 1.2; margin-top: 5px; }
.matchDetailsTabs .timeline .cnts ul li .subDtls .team { float: left; display: inline-block; width: auto; height: 75px }
.matchDetailsTabs .timeline .cnts ul li .subDtls .team img { width: auto; height: 75px }
.matchDetailsTabs .timeline .cnts ul li .videoCntnr { padding-bottom: 0; float: right; width: 100%; position: relative; max-width: 500px; }
.matchDetailsTabs .timeline .cnts ul li .videoCntnr iframe { width: 100%; height: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; transition: all 0.2s ease-in-out 0s }
.matchDetailsTabs .timeline .cnts ul li .videoCntnr iframe, .matchDetailsTabs .timeline .cnts ul li .videoCntnr div, .matchDetailsTabs .timeline .cnts ul li .imageCntnr img { position: relative !important; padding-bottom: 0 !important; width: 560px !important; height: 420px !important; }
.matchDetailsTabs .timeline .cnts ul li .imageCntnr img { height: auto !important }
.matchDetailsTabs .timeline .cnts ul li .imageCntnr { padding-bottom: 0; float: right; width: 100%; position: relative; max-width: 500px; margin: 10px 0 }
/** Start Match **/
.matchDetailsTabs .timeline .cnts ul li.startMatch { width: 100%; text-align: center; padding: 8px 0 0; margin-bottom: 15px }
.matchDetailsTabs .timeline .cnts ul li.startMatch .min { display: block; margin: 0 auto; }
.matchDetailsTabs .timeline .cnts ul li.startMatch .startDesc { display: inline-block; text-align: center; width: 100% }
.matchDetailsTabs .timeline .cnts ul li.startMatch .startDesc .center { display: inline-block; margin: 0 auto }
.matchDetailsTabs .timeline .cnts ul li.startMatch span { float: right; margin-left: 10px }
.matchDetailsTabs .timeline .cnts ul li.startMatch p { float: right }
/*** Events ***/
.matchDetailsTabs .timeline.events .cnts ul { display: inline-block; width: 100%; position: relative }
.matchDetailsTabs .timeline.events .cnts ul:before { right: 50%; margin-right: -2px; top: 20px; width: 4px; background-color: #e2e3e4; bottom: 0; content: ""; display: block; position: absolute; }
.matchDetailsTabs .timeline.events .cnts ul li { width: 100%; height: auto; position: relative; z-index: 1; display: inline-block; padding: 20px 0; border-bottom: none; margin: 0 }
.matchDetailsTabs .timeline.events .cnts ul li.right { float: right; margin: 0 0 0 50px }
.matchDetailsTabs .timeline.events .cnts ul li.left { float: left; margin: 0 50px 0 0 }
.matchDetailsTabs .timeline.events .cnts ul li .min { width: 40px; height: 52px; background: #fff; text-align: center; font-size: 18px; color: #3d4248; line-height: 2.8; float: right; display: inline-block; font-family: arial; font-weight: bold; position: absolute; right: 50%; margin-right: -20px; top: 10px; }
.matchDetailsTabs .timeline.events .cnts ul li p { background: #f2f2f2 }
.matchDetailsTabs .timeline.events .cnts ul li.right p { width: calc(50% - 30px); float: right; padding: 10px 10px 10px 60px; text-align: left; margin-left: 30px }
.matchDetailsTabs .timeline.events .cnts ul li.left p { width: calc(50% - 30px); float: left; padding: 10px 60px 10px 10px; text-align: right; margin-right: 30px }
.matchDetailsTabs .timeline.events .cnts ul li.main p { width: 100%; text-align: center; margin-top: 36px; background: #fff; padding-bottom: 4px }
.matchDetailsTabs .timeline.events .cnts ul li.right .min:after { margin-left: 0; left: 60px; top: 16px }
.matchDetailsTabs .timeline.events .cnts ul li.left .min:after { margin-left: 0; left: -60px; top: 16px }
.matchDetailsTabs .timeline.events .cnts ul li.goal .min:after { background: url(../../Images/ball.png) center center no-repeat #fff; background-size: 22px; }
.matchDetailsTabs .timeline.events .cnts ul li.owngoal .min:after { background: url(../../Images/ownGoal.png) center center no-repeat #fff; background-size: 22px; }
.matchDetailsTabs .timeline.events .cnts ul li.sub .min:after { background: none; background-size: 22px; }
.matchDetailsTabs .timeline.events .cnts ul li.subIn .min:after { background: url(../../Images/subIn.png) center center no-repeat #fff; background-size: 22px; }
.matchDetailsTabs .timeline.events .cnts ul li.subOut .min:after { background: url(../../Images/subOut.png) center center no-repeat #fff; background-size: 22px; }
.matchDetailsTabs .timeline.events .cnts ul li.referee .min:after { background: url(../../Images/referee.png) center center no-repeat #fff; background-size: 22px; }
.matchDetailsTabs .timeline.events .cnts ul li.yellowCard .min:after { background: url(../../Images/yellowCard.png) center center no-repeat #fff; background-size: 12px; }
.matchDetailsTabs .timeline.events .cnts ul li.redCard .min:after { background: url(../../Images/redCard.png) center center no-repeat #fff; background-size: 12px; }
.matchDetailsTabs .timeline.events .cnts ul li.sub p { position: relative }
.matchDetailsTabs .timeline.events .cnts ul li.sub p span { display: inline-block; width: 100%; margin-bottom: 17px; position: relative }
.matchDetailsTabs .timeline.events .cnts ul li.sub p span:last-child { margin-bottom: 0 }
.matchDetailsTabs .timeline.events .cnts ul li.sub p span:before { content: ""; position: absolute; left: 10px; height: 34px; width: 34px; z-index: 1; border-radius: 50% }
.matchDetailsTabs .timeline.events .cnts ul li.right.sub p span:before { left: -48px }
.matchDetailsTabs .timeline.events .cnts ul li.left.sub p span:before { right: -48px }
.matchDetailsTabs .timeline.events .cnts ul li.sub p .subOut:before { background: url(../../Images/subOut.png) center center no-repeat #fff; background-size: 14px; top: 49px; top: -2px }
.matchDetailsTabs .timeline.events .cnts ul li.sub p .subIn:before { background: url(../../Images/subIn.png) center center no-repeat #fff; background-size: 14px; top: 7px; top: -2px }
/********** Match Statistics **********/
.matchDetailsTabs .timeline.stats { overflow: hidden; height: auto }
.matchDetailsTabs .timeline.stats .cnts .statsDiv { float: right; display: inline-block; width: 100%; margin: 20px 0 }
.matchDetailsTabs .timeline.stats .cnts h3 { display: inline-block; width: 100%; background: #f2f2f2; text-align: center; color: #000; padding: 5px 0; font-family: droidLight,Arial; font-size: 16px; line-height: 2.2 }
.matchDetailsTabs .timeline.stats .cnts ul { display: inline-block; width: 100%; position: relative; float: right }
.matchDetailsTabs .timeline.stats .cnts ul:before { display: none }
.matchDetailsTabs .timeline.stats .cnts ul li { width: 100%; margin: 0; padding: 14px 10px; border-bottom: none }
.matchDetailsTabs .timeline.stats .cnts ul li:nth-child(even) { background: #e0e0e0 }
.matchDetailsTabs .timeline.stats .cnts ul li:nth-child(odd) { background: #fff }
.matchDetailsTabs .timeline.stats .cnts ul li:first-child .slider { display: none }
.matchDetailsTabs .timeline.stats .cnts ul li:first-child .value { font-size: 48px; line-height: normal }
.matchDetailsTabs .timeline.stats .cnts ul li:first-child .teamA, .matchDetailsTabs .timeline.stats .cnts ul li:first-child .teamB { height: auto }
.matchDetailsTabs .timeline.stats .cnts ul li:first-child .desc { line-height: 4 }
.matchDetailsTabs .timeline.stats .cnts ul li .teamA { float: right; width: calc((100% - 180px) / 2); height: 18px }
.matchDetailsTabs .timeline.stats .cnts ul li .desc { float: right; display: inline-block; width: 180px; text-align: center; font-family: droidLight, arial; font-size: 14px; color: #000; position: relative; line-height: 1.4 }
.matchDetailsTabs .timeline.stats .cnts ul li .teamB { float: right; width: calc((100% - 180px) / 2); height: 18px }
.matchDetailsTabs .timeline.stats .cnts ul li .value { display: inline-block; width: 50px; font-family: Arial; font-weight: bold; font-size: 20px; line-height: 0.9 }
.matchDetailsTabs .timeline.stats .cnts ul li .teamA .value { float: left; margin-right: 20px; text-align: left; }
.matchDetailsTabs .timeline.stats .cnts ul li .teamB .value { float: right; margin-left: 20px; text-align: right; }
.matchDetailsTabs .timeline.stats .cnts ul li .slider { -webkit-appearance: none; width: calc(100% - 70px); height: 18px; background: #f2f2f2; outline: none; opacity: 1; pointer-events: none; direction: ltr; border: 1px solid #e8e8e8 }
.matchDetailsTabs .timeline.stats .cnts ul li .teamA .slider { float: left; }
.matchDetailsTabs .timeline.stats .cnts ul li .teamB .slider { float: right; transform: scaleX(-1) }
input[type="range"] { position: relative; overflow: hidden }
input[type="range"]:focus { border: none !important }
::-webkit-slider-runnable-track { background: #f2f2f2; }
::-webkit-slider-thumb { -webkit-appearance: none; width: 0; height: 22px; background: transparent; box-shadow: -100vw 0 0 100vw #000; position: relative }
::-webkit-slider-thumb:after { position: absolute; top: 0; left: 0; content: ""; width: 100px; height: 100px; background: #ff1a3b }
::-moz-range-track { height: 22px; background: #f2f2f2; }
::-moz-range-thumb { -webkit-appearance: none; width: 0; height: 22px; background: transparent; box-shadow: -100vw 0 0 100vw #000; }
::-ms-fill-lower { background: #000; }
::-ms-thumb { -webkit-appearance: none; width: 0; height: 22px; background: transparent; box-shadow: -100vw 0 0 100vw #000; }
::-ms-ticks-after { display: none; }
::-ms-ticks-before { display: none; }
::-ms-track { background: #f2f2f2; color: transparent; height: 22px; border: none; }
::-ms-tooltip { display: none; }
/*** Previous Matches Results ***/
.matchDetailsTabs .timeline.stats .cnts .prvsMtchRslt { float: right; display: inline-block; width: 100%; margin: 20px 0 }
.matchDetailsTabs .timeline.stats .cnts .prvsMtchRslt .teamA, .matchDetailsTabs .timeline.stats .cnts .prvsMtchRslt .teamB { display: inline-block; width: calc((100% - 180px) / 2) }
.matchDetailsTabs .timeline.stats .cnts .prvsMtchRslt .teamA { float: right; }
.matchDetailsTabs .timeline.stats .cnts .prvsMtchRslt .teamB { float: left; }
.matchDetailsTabs .timeline.stats .cnts .prvsMtchRslt .item { width: 100%; height: auto }
.matchDetailsTabs .timeline.stats .cnts .prvsMtchRslt .item .title { display: none }
.matchDetailsTabs .timeline.stats .cnts .prvsMtchRslt .item ul li { padding: 14px 10px; border-bottom: 1px solid #e8e8e8; background: #fff !important }
.matchDetailsTabs .timeline.stats .cnts .prvsMtchRslt .item ul li:last-child { border-bottom: none }
.matchDetailsTabs .timeline.stats .cnts .prvsMtchRslt .item ul li .teamA, .matchDetailsTabs .timeline.stats .cnts .prvsMtchRslt .item ul li .teamB { width: calc((100% - 66px) / 2); height: auto }
.matchDetailsTabs .timeline.stats .cnts .prvsMtchRslt .item ul li .teamA img, .matchDetailsTabs .timeline.stats .cnts .prvsMtchRslt .item ul li .teamB img { height: 34px }
.matchDetailsTabs .timeline.stats .cnts .prvsMtchRslt .item ul li .resultDiv { width: 66px; }
.matchDetailsTabs .timeline.stats .cnts .prvsMtchRslt .item ul li .resultDiv .result { color: #0277bd; font-size: 16px; font-family: arial; font-weight: bold; display: inline-block; }
.matchDetailsTabs .timeline.stats .cnts .prvsMtchRslt .item ul li .resultDiv .result:first-of-type { float: right; }
.matchDetailsTabs .timeline.stats .cnts .prvsMtchRslt .item ul li .resultDiv .result:last-of-type { float: left }
.matchDetailsTabs .timeline.stats .cnts .prvsMtchRslt .item ul li .resultDiv .matchStatus { display: inline-block; width: 100%; }
.matchDetailsTabs .timeline.stats .cnts .prvsMtchRslt .item ul li .resultDiv .matchStatus .status.details { width: 100%; height: 18px; display: inline-block; color: #fff; font-family: droidLight, Arial; font-size: 10px; text-align: center; background: #0277bd; }
.matchDetailsTabs .timeline.stats .cnts .prvsMtchRslt .item ul li .resultDiv .matchStatus .status:before { content: "التفاصيل"; }
.matchDetailsTabs .timeline.stats .cnts .prvsMtchRslt .item ul li .penaltyRes { bottom: 3px; }
.matchDetailsTabs .timeline.stats .cnts .prvsMtchRslt .item ul li .penaltyRes span { font-size: 12px; }
/** Squad **/
.matchDetailsTabs .timeline.squad { overflow: hidden; height: auto }
.matchDetailsTabs .timeline.squad .cnts ul:before { display: none }
.matchDetailsTabs .timeline.squad .cnts ul li { width: 100%; padding: 6px 0; margin: 0 }
.matchDetailsTabs .timeline.squad .teamA, .matchDetailsTabs .timeline.squad .teamB { float: right; display: inline-block; width: calc((100% - 330px) / 2) }
.matchDetailsTabs .timeline.squad .teamA { padding: 12px 0 0 20px }
.matchDetailsTabs .timeline.squad .teamB { padding: 12px 20px 0 0 }
.matchDetailsTabs .timeline.squad .teamA .formName, .matchDetailsTabs .timeline.squad .teamB .formName { display: inline-block; width: 100%; font-family: Arial; font-size: 18px; color: #000; margin-bottom: 20px; height: 24px }
.matchDetailsTabs .timeline.squad .teamA .formName { text-align: right }
.matchDetailsTabs .timeline.squad .teamB .formName { text-align: left }
.matchDetailsTabs .timeline.squad .teamA .matchSquad, .matchDetailsTabs .timeline.squad .teamB .matchSquad { display: inline-block; width: 100%; float: right; margin-bottom: 20px }
.matchDetailsTabs .timeline.squad .teamA .matchSquad h3, .matchDetailsTabs .timeline.squad .teamB .matchSquad h3 { display: inline-block; width: 100%; background: #f2f2f2; padding: 8px 10px; font-family: droidLight, Arial; color: #000; font-size: 16px }
.matchDetailsTabs .timeline.squad .teamA .matchSquad h3 { text-align: right }
.matchDetailsTabs .timeline.squad .teamB .matchSquad h3 { text-align: left }
.matchDetailsTabs .timeline.squad .matchSquad.main ul li:last-child { border-bottom: none }
.matchDetailsTabs .timeline.squad .teamA .matchSquad ul li .playerNum, .matchDetailsTabs .timeline.squad .teamB .matchSquad ul li .playerNum { display: inline-block; width: 18px; font-family: Arial; font-size: 16px; color: #000; line-height: 1.6 }
.matchDetailsTabs .timeline.squad .teamA .matchSquad ul li .playerNum { float: right; margin-left: 20px; text-align: right }
.matchDetailsTabs .timeline.squad .teamB .matchSquad ul li .playerNum { float: left; margin-right: 20px; text-align: left }
.matchDetailsTabs .timeline.squad .teamA .matchSquad ul li .playerName, .matchDetailsTabs .timeline.squad .teamB .matchSquad ul li .playerName { display: inline-block; width: auto; font-family: droidLight, arial; font-size: 13px; color: #0277bd }
.matchDetailsTabs .timeline.squad .teamA .matchSquad ul li .playerName { float: right; text-align: right }
.matchDetailsTabs .timeline.squad .teamB .matchSquad ul li .playerName { float: left; text-align: left }
.matchDetailsTabs .timeline.squad .matchSquad ul li span { font-family: Arial; font-size: 14px; color: #000; line-height: 1.8; }
.matchDetailsTabs .timeline.squad .teamA .matchSquad ul li span { float: left; margin-right: 5px }
.matchDetailsTabs .timeline.squad .teamB .matchSquad ul li span { float: right; margin-left: 5px }
.matchDetailsTabs .timeline.squad .teamA .matchSquad ul li span:before,
.matchDetailsTabs .timeline.squad .teamB .matchSquad ul li span:before,
.matchDetailsTabs .timeline.squad .matchSquad ul li .VoteBtn:before { width: 22px; height: 22px; content: ""; display: inline-block }
.matchDetailsTabs .timeline.squad .teamA .matchSquad ul li span:before { float: left; }
.matchDetailsTabs .timeline.squad .teamB .matchSquad ul li span:before { float: right }
.matchDetailsTabs .timeline.squad .teamA .matchSquad ul li span.goal:after { float: left; margin-left: 2px }
.matchDetailsTabs .timeline.squad .teamB .matchSquad ul li span.goal:after { float: right; margin-right: 2px }
.matchDetailsTabs .timeline.squad .matchSquad ul li span.goal:before { background: url(../../Images/ball.png) center center no-repeat; background-size: 100% auto; margin-top: 2px }
.matchDetailsTabs .timeline.squad .matchSquad ul li span.owngoal:before { background: url(../../Images/ownGoal.png) center center no-repeat; background-size: 100% auto; margin-top: 2px }
.matchDetailsTabs .timeline.squad .matchSquad ul li span.yellowCard:before { background: url(../../Images/yellowCard.png) center center no-repeat; margin-top: 2px }
.matchDetailsTabs .timeline.squad .matchSquad ul li span.redCard:before { background: url(../../Images/redCard.png) center center no-repeat; margin-top: 2px }
.matchDetailsTabs .timeline.squad .matchSquad ul li span.subIn:before { background: url(../../Images/subIn.png) center center no-repeat; margin-top: 2px }
.matchDetailsTabs .timeline.squad .matchSquad ul li span.subOut:before { background: url(../../Images/subOut.png) center center no-repeat; margin-top: 2px }
.matchDetailsTabs .timeline.squad .matchSquad ul li span.VoteBtn:before { background: url(../../Images/likePlayer.png) center center no-repeat; margin-top: 2px }
.matchDetailsTabs .timeline.squad .teamA .coach, .matchDetailsTabs .timeline.squad .teamB .coach { display: inline-block; width: 100%; font-family: droidLight, Arial; color: #000; font-size: 16px }
.matchDetailsTabs .timeline.squad .teamA .coach span, .matchDetailsTabs .timeline.squad .teamB .coach span { margin-right: 5px }
.matchDetailsTabs .timeline.squad .teamA .coach { text-align: right }
.matchDetailsTabs .timeline.squad .teamB .coach { text-align: left }
/** ACN Like **/
.matchDetailsTabs .timeline.squad .matchSquad ul li .VoteBtn { cursor: pointer }
.matchDetailsTabs .timeline.squad .teamA .matchSquad ul li span.dimmed, .matchDetailsTabs .timeline.squad .teamB .matchSquad ul li span.dimmed { opacity: 0.1; }
.matchDetailsTabs .timeline.squad .matchSquad ul li span.active:before { background: url(../../Images/likedPlayer.png) center center no-repeat; margin-top: 2px }
.bigLike { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 284px; height: 300px; z-index: 3; opacity: 0; visibility: hidden }
.bigLike img { width: 284px; height: auto }
.likedPlayer .bigLike { animation-name: likeAnimate; animation-duration: 3s; opacity: 1; visibility: visible }

@keyframes likeAnimate {
    0% { transform: translate(-50%, calc(-50% + 50px)); opacity: 0; visibility: hidden }
    50% { transform: translate(-50%, calc(-50% + 0px)); opacity: 1; visibility: visible }
    100% { transform: translate(-50%, calc(-50% - 50px)); opacity: 0; visibility: hidden }
}
/** Formation **/
.matchDetailsTabs .timeline.squad .formation { float: right; display: inline-block; width: 330px; height: 484px; position: relative; background: url(../../Images/formationBg.jpg) center center no-repeat; background-size: 100%; margin-top: 56px; padding: 10px }
.matchDetailsTabs .timeline.squad .formation .teamA, .matchDetailsTabs .timeline.squad .formation .teamB { position: absolute; width: 310px; height: 222px; right: 10px; padding: 0 }
.matchDetailsTabs .timeline.squad .formation .teamA { top: 10px }
.matchDetailsTabs .timeline.squad .formation .teamB { bottom: 10px }
.matchDetailsTabs .timeline.squad .formation .teamBG { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: auto; height: 80px; opacity: 0.15 }
.matchDetailsTabs .timeline.squad .formation .player { position: absolute; width: 24px }
.matchDetailsTabs .timeline.squad .formation .icon-player:before { content: "G"; display: block; font-size: 24px; line-height: 1; position: relative; z-index: 2 }
.matchDetailsTabs .timeline.squad .formation .teamA .icon-player:before { color: #fff }
.matchDetailsTabs .timeline.squad .formation .teamB .icon-player:before { color: #000 }
.matchDetailsTabs .timeline.squad .formation .icon-player:after { content: ""; width: 24px; height: 3px; background: #000; filter: blur(3px); position: absolute; left: 0; top: 20px; z-index: 1 }
.matchDetailsTabs .timeline.squad .formation .player p { width: 100%; display: inline-block; float: right; color: #fff; font-family: Arial; font-size: 12px; text-align: center; line-height: 1; margin-top: 2px }
/** Man of Match **/
.ManofMatch h3 { display: inline-block; width: 100%; padding: 8px 10px; background: #e8e8e8; color: #000; font-family: droidBold, Arial; text-align: center; font-size: 18px; }
.ManofMatch { width: 330px; height: 240px; max-height: 300px; position: absolute; top: 678px; left: 50%; transform: translateX(-50%); }
.ManofMatch .man-matchClip { width: 100%; height: 120px; background: #f2f2f2; padding: 10px; position: relative; display: inline-block; float: right }
/*.ManofMatch .man-matchClip:before{content:"";background: url(../../images/bigLike.png) no-repeat center center #f2f2f2;background-size: 280px auto;width:100%;height:100%;position:absolute;top:0;left:0;right:0;bottom:0;opacity:0.1}*/
.ManofMatch .man-matchClip .man-matchImage { width: 100px; height: 100px; border-radius: 0; margin: 0; border: none; overflow: hidden; position: relative; float: right; margin-left: 10px; }
.ManofMatch .man-matchClip .man-matchImage img { width: auto; height: 140px; position: absolute; left: 50%; top: 0; transform: translateX(-50%); }
.ManofMatch .man-matchClip .manOfCont { display: inline-block; float: right; width: calc(100% - 110px); }
.ManofMatch .man-matchClip .manOfCont .manOfImgCont { float: right }
.ManofMatch .man-matchClip .manOfCont img { width: 46px }
.ManofMatch .man-matchClip .manOfCont .man-matchData { float: left; width: 100%; }
.ManofMatch .man-matchClip .manOfCont .man-matchIcn { margin-top: 15px; float: right; margin-left: 5px }
.ManofMatch .man-matchClip .manOfCont .man-matchTxt { line-height: 3; display: block; color: #000; font-family: droidLight, arial; font-size: 12px }
.ManofMatch .man-matchClip .manOfCont .man-matchName { color: #0277bd; font-family: droidBold, Arial; font-size: 16px; line-height: 5px; display: inline-block; width: 100% }
.ManofMatch .man-matchClip .manOfCont .voting { text-align: center; margin-top: 20px; font-family: droidBold, Arial; font-size: 12px; color: #000; display: inline-block }
.ManofMatch .man-matchClip .manOfCont .voting span { margin-right: 5px; font-family: droidLight,arial; font-size: 14px }
/********** 4-4-2 **********/
/** Top **/
.matchDetailsTabs .timeline.squad .formation .teamA.form442 .player.p01 { top: 0; left: 50%; transform: translateX(-50%) }
.matchDetailsTabs .timeline.squad .formation .teamA.form442 .player.p02 { top: calc(28% - 5px); left: calc(12.5% - 12px) }
.matchDetailsTabs .timeline.squad .formation .teamA.form442 .player.p03 { top: calc(28% - 5px); left: calc(37.5% - 12px) }
.matchDetailsTabs .timeline.squad .formation .teamA.form442 .player.p04 { top: calc(28% - 5px); right: calc(37.5% - 12px) }
.matchDetailsTabs .timeline.squad .formation .teamA.form442 .player.p05 { top: calc(28% - 5px); right: calc(12.5% - 12px) }
.matchDetailsTabs .timeline.squad .formation .teamA.form442 .player.p06 { top: calc(56% - 5px); left: calc(12.5% - 12px) }
.matchDetailsTabs .timeline.squad .formation .teamA.form442 .player.p07 { top: calc(56% - 5px); left: calc(37.5% - 12px) }
.matchDetailsTabs .timeline.squad .formation .teamA.form442 .player.p08 { top: calc(56% - 5px); right: calc(37.5% - 12px) }
.matchDetailsTabs .timeline.squad .formation .teamA.form442 .player.p09 { top: calc(56% - 5px); right: calc(12.5% - 12px) }
.matchDetailsTabs .timeline.squad .formation .teamA.form442 .player.p10 { top: calc(84% - 5px); left: calc(37.5% - 12px) }
.matchDetailsTabs .timeline.squad .formation .teamA.form442 .player.p11 { top: calc(84% - 5px); right: calc(37.5% - 12px) }
/** Bottom **/
.matchDetailsTabs .timeline.squad .formation .teamB.form442 .player.p01 { bottom: 0; left: 50%; transform: translateX(-50%) }
.matchDetailsTabs .timeline.squad .formation .teamB.form442 .player.p02 { bottom: calc(28% - 5px); right: calc(12.5% - 12px) }
.matchDetailsTabs .timeline.squad .formation .teamB.form442 .player.p03 { bottom: calc(28% - 5px); right: calc(37.5% - 12px) }
.matchDetailsTabs .timeline.squad .formation .teamB.form442 .player.p04 { bottom: calc(28% - 5px); left: calc(37.5% - 12px) }
.matchDetailsTabs .timeline.squad .formation .teamB.form442 .player.p05 { bottom: calc(28% - 5px); left: calc(12.5% - 12px) }
.matchDetailsTabs .timeline.squad .formation .teamB.form442 .player.p06 { bottom: calc(56% - 5px); right: calc(12.5% - 12px) }
.matchDetailsTabs .timeline.squad .formation .teamB.form442 .player.p07 { bottom: calc(56% - 5px); right: calc(37.5% - 12px) }
.matchDetailsTabs .timeline.squad .formation .teamB.form442 .player.p08 { bottom: calc(56% - 5px); left: calc(37.5% - 12px) }
.matchDetailsTabs .timeline.squad .formation .teamB.form442 .player.p09 { bottom: calc(56% - 5px); left: calc(12.5% - 12px) }
.matchDetailsTabs .timeline.squad .formation .teamB.form442 .player.p10 { bottom: calc(84% - 5px); right: calc(37.5% - 12px) }
.matchDetailsTabs .timeline.squad .formation .teamB.form442 .player.p11 { bottom: calc(84% - 5px); left: calc(37.5% - 12px) }
/********** 4-3-3 **********/
/** Top **/
.matchDetailsTabs .timeline.squad .formation .teamA.form433 .player.p01 { top: 0; left: 50%; transform: translateX(-50%) }
.matchDetailsTabs .timeline.squad .formation .teamA.form433 .player.p02 { top: calc(28% - 5px); left: calc(12.5% - 12px) }
.matchDetailsTabs .timeline.squad .formation .teamA.form433 .player.p03 { top: calc(28% - 5px); left: calc(37.5% - 12px) }
.matchDetailsTabs .timeline.squad .formation .teamA.form433 .player.p04 { top: calc(28% - 5px); right: calc(37.5% - 12px) }
.matchDetailsTabs .timeline.squad .formation .teamA.form433 .player.p05 { top: calc(28% - 5px); right: calc(12.5% - 12px) }
.matchDetailsTabs .timeline.squad .formation .teamA.form433 .player.p06 { top: calc(56% - 5px); left: calc(25% - 12px) }
.matchDetailsTabs .timeline.squad .formation .teamA.form433 .player.p07 { top: calc(56% - 5px); left: 50%; transform: translateX(-50%); }
.matchDetailsTabs .timeline.squad .formation .teamA.form433 .player.p08 { top: calc(56% - 5px); right: calc(25% - 12px) }
.matchDetailsTabs .timeline.squad .formation .teamA.form433 .player.p09 { top: calc(84% - 5px); left: calc(25% - 12px) }
.matchDetailsTabs .timeline.squad .formation .teamA.form433 .player.p10 { top: calc(84% - 5px); left: 50%; transform: translateX(-50%); }
.matchDetailsTabs .timeline.squad .formation .teamA.form433 .player.p11 { top: calc(84% - 5px); right: calc(25% - 12px) }
/** bottom **/
.matchDetailsTabs .timeline.squad .formation .teamB.form433 .player.p01 { bottom: 0; left: 50%; transform: translateX(-50%) }
.matchDetailsTabs .timeline.squad .formation .teamB.form433 .player.p02 { bottom: calc(28% - 5px); right: calc(12.5% - 12px) }
.matchDetailsTabs .timeline.squad .formation .teamB.form433 .player.p03 { bottom: calc(28% - 5px); right: calc(37.5% - 12px) }
.matchDetailsTabs .timeline.squad .formation .teamB.form433 .player.p04 { bottom: calc(28% - 5px); left: calc(37.5% - 12px) }
.matchDetailsTabs .timeline.squad .formation .teamB.form433 .player.p05 { bottom: calc(28% - 5px); left: calc(12.5% - 12px) }
.matchDetailsTabs .timeline.squad .formation .teamB.form433 .player.p06 { bottom: calc(56% - 5px); right: calc(25% - 12px) }
.matchDetailsTabs .timeline.squad .formation .teamB.form433 .player.p07 { bottom: calc(56% - 5px); left: 50%; transform: translateX(-50%); }
.matchDetailsTabs .timeline.squad .formation .teamB.form433 .player.p08 { bottom: calc(56% - 5px); left: calc(25% - 12px) }
.matchDetailsTabs .timeline.squad .formation .teamB.form433 .player.p09 { bottom: calc(84% - 5px); right: calc(25% - 12px) }
.matchDetailsTabs .timeline.squad .formation .teamB.form433 .player.p10 { bottom: calc(84% - 5px); left: 50%; transform: translateX(-50%); }
.matchDetailsTabs .timeline.squad .formation .teamB.form433 .player.p11 { bottom: calc(84% - 5px); left: calc(25% - 12px) }
/********** 3-4-3 **********/
/** Top **/
.matchDetailsTabs .timeline.squad .formation .teamA.form343 .player.p01 { top: 0; left: 50%; transform: translateX(-50%) }
.matchDetailsTabs .timeline.squad .formation .teamA.form343 .player.p02 { top: calc(28% - 5px); left: calc(25% - 12px) }
.matchDetailsTabs .timeline.squad .formation .teamA.form343 .player.p03 { top: calc(28% - 5px); left: 50%; transform: translateX(-50%); }
.matchDetailsTabs .timeline.squad .formation .teamA.form343 .player.p04 { top: calc(28% - 5px); right: calc(25% - 12px) }
.matchDetailsTabs .timeline.squad .formation .teamA.form343 .player.p05 { top: calc(56% - 5px); left: calc(12.5% - 12px) }
.matchDetailsTabs .timeline.squad .formation .teamA.form343 .player.p06 { top: calc(56% - 5px); left: calc(37.5% - 12px) }
.matchDetailsTabs .timeline.squad .formation .teamA.form343 .player.p07 { top: calc(56% - 5px); right: calc(37.5% - 12px) }
.matchDetailsTabs .timeline.squad .formation .teamA.form343 .player.p08 { top: calc(56% - 5px); right: calc(12.5% - 12px) }
.matchDetailsTabs .timeline.squad .formation .teamA.form343 .player.p09 { top: calc(84% - 5px); left: calc(25% - 12px) }
.matchDetailsTabs .timeline.squad .formation .teamA.form343 .player.p10 { top: calc(84% - 5px); left: 50%; transform: translateX(-50%); }
.matchDetailsTabs .timeline.squad .formation .teamA.form343 .player.p11 { top: calc(84% - 5px); right: calc(25% - 12px) }
/** Bottom **/
.matchDetailsTabs .timeline.squad .formation .teamB.form343 .player.p01 { bottom: 0; left: 50%; transform: translateX(-50%) }
.matchDetailsTabs .timeline.squad .formation .teamB.form343 .player.p02 { bottom: calc(28% - 5px); right: calc(25% - 12px) }
.matchDetailsTabs .timeline.squad .formation .teamB.form343 .player.p03 { bottom: calc(28% - 5px); left: 50%; transform: translateX(-50%); }
.matchDetailsTabs .timeline.squad .formation .teamB.form343 .player.p04 { bottom: calc(28% - 5px); left: calc(25% - 12px) }
.matchDetailsTabs .timeline.squad .formation .teamB.form343 .player.p05 { bottom: calc(56% - 5px); right: calc(12.5% - 12px) }
.matchDetailsTabs .timeline.squad .formation .teamB.form343 .player.p06 { bottom: calc(56% - 5px); right: calc(37.5% - 12px) }
.matchDetailsTabs .timeline.squad .formation .teamB.form343 .player.p07 { bottom: calc(56% - 5px); left: calc(37.5% - 12px) }
.matchDetailsTabs .timeline.squad .formation .teamB.form343 .player.p08 { bottom: calc(56% - 5px); left: calc(12.5% - 12px) }
.matchDetailsTabs .timeline.squad .formation .teamB.form343 .player.p09 { bottom: calc(84% - 5px); right: calc(25% - 12px) }
.matchDetailsTabs .timeline.squad .formation .teamB.form343 .player.p10 { bottom: calc(84% - 5px); left: 50%; transform: translateX(-50%); }
.matchDetailsTabs .timeline.squad .formation .teamB.form343 .player.p11 { bottom: calc(84% - 5px); left: calc(25% - 12px) }
/********** 3-5-2 **********/
/** Top **/
.matchDetailsTabs .timeline.squad .formation .teamA.form352 .player.p01 { top: 0; left: 50%; transform: translateX(-50%) }
.matchDetailsTabs .timeline.squad .formation .teamA.form352 .player.p02 { top: calc(28% - 5px); left: calc(25% - 12px) }
.matchDetailsTabs .timeline.squad .formation .teamA.form352 .player.p03 { top: calc(28% - 5px); left: 50%; transform: translateX(-50%); }
.matchDetailsTabs .timeline.squad .formation .teamA.form352 .player.p04 { top: calc(28% - 5px); right: calc(25% - 12px) }
.matchDetailsTabs .timeline.squad .formation .teamA.form352 .player.p05 { top: calc(56% - 5px); left: calc(10% - 12px) }
.matchDetailsTabs .timeline.squad .formation .teamA.form352 .player.p06 { top: calc(56% - 5px); left: calc(30% - 12px) }
.matchDetailsTabs .timeline.squad .formation .teamA.form352 .player.p07 { top: calc(56% - 5px); left: 50%; transform: translateX(-50%); }
.matchDetailsTabs .timeline.squad .formation .teamA.form352 .player.p08 { top: calc(56% - 5px); right: calc(30% - 12px) }
.matchDetailsTabs .timeline.squad .formation .teamA.form352 .player.p09 { top: calc(56% - 5px); right: calc(10% - 12px) }
.matchDetailsTabs .timeline.squad .formation .teamA.form352 .player.p10 { top: calc(84% - 5px); left: calc(37.5% - 12px) }
.matchDetailsTabs .timeline.squad .formation .teamA.form352 .player.p11 { top: calc(84% - 5px); right: calc(37.5% - 12px) }
/** Bottom **/
.matchDetailsTabs .timeline.squad .formation .teamB.form352 .player.p01 { bottom: 0; left: 50%; transform: translateX(-50%) }
.matchDetailsTabs .timeline.squad .formation .teamB.form352 .player.p02 { bottom: calc(28% - 5px); right: calc(25% - 12px) }
.matchDetailsTabs .timeline.squad .formation .teamB.form352 .player.p03 { bottom: calc(28% - 5px); left: 50%; transform: translateX(-50%); }
.matchDetailsTabs .timeline.squad .formation .teamB.form352 .player.p04 { bottom: calc(28% - 5px); left: calc(25% - 12px) }
.matchDetailsTabs .timeline.squad .formation .teamB.form352 .player.p05 { bottom: calc(56% - 5px); right: calc(10% - 12px) }
.matchDetailsTabs .timeline.squad .formation .teamB.form352 .player.p06 { bottom: calc(56% - 5px); right: calc(30% - 12px) }
.matchDetailsTabs .timeline.squad .formation .teamB.form352 .player.p07 { bottom: calc(56% - 5px); left: 50%; transform: translateX(-50%); }
.matchDetailsTabs .timeline.squad .formation .teamB.form352 .player.p08 { bottom: calc(56% - 5px); left: calc(30% - 12px) }
.matchDetailsTabs .timeline.squad .formation .teamB.form352 .player.p09 { bottom: calc(56% - 5px); left: calc(10% - 12px) }
.matchDetailsTabs .timeline.squad .formation .teamB.form352 .player.p10 { bottom: calc(84% - 5px); right: calc(37.5% - 12px) }
.matchDetailsTabs .timeline.squad .formation .teamB.form352 .player.p11 { bottom: calc(84% - 5px); left: calc(37.5% - 12px) }
/********** 5-3-2 **********/
/** Top **/
.matchDetailsTabs .timeline.squad .formation .teamA.form532 .player.p01 { top: 0; left: 50%; transform: translateX(-50%) }
.matchDetailsTabs .timeline.squad .formation .teamA.form532 .player.p02 { top: calc(28% - 5px); left: calc(10% - 12px) }
.matchDetailsTabs .timeline.squad .formation .teamA.form532 .player.p03 { top: calc(28% - 5px); left: calc(30% - 12px) }
.matchDetailsTabs .timeline.squad .formation .teamA.form532 .player.p04 { top: calc(28% - 5px); left: 50%; transform: translateX(-50%); }
.matchDetailsTabs .timeline.squad .formation .teamA.form532 .player.p05 { top: calc(28% - 5px); right: calc(30% - 12px) }
.matchDetailsTabs .timeline.squad .formation .teamA.form532 .player.p06 { top: calc(28% - 5px); right: calc(10% - 12px) }
.matchDetailsTabs .timeline.squad .formation .teamA.form532 .player.p07 { top: calc(56% - 5px); left: calc(25% - 12px) }
.matchDetailsTabs .timeline.squad .formation .teamA.form532 .player.p08 { top: calc(56% - 5px); left: 50%; transform: translateX(-50%); }
.matchDetailsTabs .timeline.squad .formation .teamA.form532 .player.p09 { top: calc(56% - 5px); right: calc(25% - 12px) }
.matchDetailsTabs .timeline.squad .formation .teamA.form532 .player.p10 { top: calc(84% - 5px); left: calc(37.5% - 12px) }
.matchDetailsTabs .timeline.squad .formation .teamA.form532 .player.p11 { top: calc(84% - 5px); right: calc(37.5% - 12px) }
/** Bottom **/
.matchDetailsTabs .timeline.squad .formation .teamB.form532 .player.p01 { bottom: 0; left: 50%; transform: translateX(-50%) }
.matchDetailsTabs .timeline.squad .formation .teamB.form532 .player.p02 { bottom: calc(28% - 5px); right: calc(10% - 12px) }
.matchDetailsTabs .timeline.squad .formation .teamB.form532 .player.p03 { bottom: calc(28% - 5px); right: calc(30% - 12px) }
.matchDetailsTabs .timeline.squad .formation .teamB.form532 .player.p04 { bottom: calc(28% - 5px); left: 50%; transform: translateX(-50%); }
.matchDetailsTabs .timeline.squad .formation .teamB.form532 .player.p05 { bottom: calc(28% - 5px); left: calc(30% - 12px) }
.matchDetailsTabs .timeline.squad .formation .teamB.form532 .player.p06 { bottom: calc(28% - 5px); left: calc(10% - 12px) }
.matchDetailsTabs .timeline.squad .formation .teamB.form532 .player.p07 { bottom: calc(56% - 5px); right: calc(25% - 12px) }
.matchDetailsTabs .timeline.squad .formation .teamB.form532 .player.p08 { bottom: calc(56% - 5px); left: 50%; transform: translateX(-50%); }
.matchDetailsTabs .timeline.squad .formation .teamB.form532 .player.p09 { bottom: calc(56% - 5px); left: calc(25% - 12px) }
.matchDetailsTabs .timeline.squad .formation .teamB.form532 .player.p10 { bottom: calc(84% - 5px); right: calc(37.5% - 12px) }
.matchDetailsTabs .timeline.squad .formation .teamB.form532 .player.p11 { bottom: calc(84% - 5px); left: calc(37.5% - 12px) }
/********** 5-4-1 **********/
/** Top **/
.matchDetailsTabs .timeline.squad .formation .teamA.form541 .player.p01 { top: 0; left: 50%; transform: translateX(-50%) }
.matchDetailsTabs .timeline.squad .formation .teamA.form541 .player.p02 { top: calc(28% - 5px); left: calc(10% - 12px) }
.matchDetailsTabs .timeline.squad .formation .teamA.form541 .player.p03 { top: calc(28% - 5px); left: calc(30% - 12px) }
.matchDetailsTabs .timeline.squad .formation .teamA.form541 .player.p04 { top: calc(28% - 5px); left: 50%; transform: translateX(-50%); }
.matchDetailsTabs .timeline.squad .formation .teamA.form541 .player.p05 { top: calc(28% - 5px); right: calc(30% - 12px) }
.matchDetailsTabs .timeline.squad .formation .teamA.form541 .player.p06 { top: calc(28% - 5px); right: calc(10% - 12px) }
.matchDetailsTabs .timeline.squad .formation .teamA.form541 .player.p07 { top: calc(56% - 5px); left: calc(12.5% - 12px) }
.matchDetailsTabs .timeline.squad .formation .teamA.form541 .player.p08 { top: calc(56% - 5px); left: calc(37.5% - 12px) }
.matchDetailsTabs .timeline.squad .formation .teamA.form541 .player.p09 { top: calc(56% - 5px); right: calc(37.5% - 12px) }
.matchDetailsTabs .timeline.squad .formation .teamA.form541 .player.p10 { top: calc(56% - 5px); right: calc(12.5% - 12px) }
.matchDetailsTabs .timeline.squad .formation .teamA.form541 .player.p11 { top: calc(84% - 5px); left: 50%; transform: translateX(-50%); }
/** Bottom **/
.matchDetailsTabs .timeline.squad .formation .teamB.form541 .player.p01 { bottom: 0; left: 50%; transform: translateX(-50%) }
.matchDetailsTabs .timeline.squad .formation .teamB.form541 .player.p02 { bottom: calc(28% - 5px); right: calc(10% - 12px) }
.matchDetailsTabs .timeline.squad .formation .teamB.form541 .player.p03 { bottom: calc(28% - 5px); right: calc(30% - 12px) }
.matchDetailsTabs .timeline.squad .formation .teamB.form541 .player.p04 { bottom: calc(28% - 5px); left: 50%; transform: translateX(-50%); }
.matchDetailsTabs .timeline.squad .formation .teamB.form541 .player.p05 { bottom: calc(28% - 5px); left: calc(30% - 12px) }
.matchDetailsTabs .timeline.squad .formation .teamB.form541 .player.p06 { bottom: calc(28% - 5px); left: calc(10% - 12px) }
.matchDetailsTabs .timeline.squad .formation .teamB.form541 .player.p07 { bottom: calc(56% - 5px); right: calc(12.5% - 12px) }
.matchDetailsTabs .timeline.squad .formation .teamB.form541 .player.p08 { bottom: calc(56% - 5px); right: calc(37.5% - 12px) }
.matchDetailsTabs .timeline.squad .formation .teamB.form541 .player.p09 { bottom: calc(56% - 5px); left: calc(37.5% - 12px) }
.matchDetailsTabs .timeline.squad .formation .teamB.form541 .player.p10 { bottom: calc(56% - 5px); left: calc(12.5% - 12px) }
.matchDetailsTabs .timeline.squad .formation .teamB.form541 .player.p11 { bottom: calc(84% - 5px); left: 50%; transform: translateX(-50%); }
/********** 4-5-1 **********/
/** Top **/
.matchDetailsTabs .timeline.squad .formation .teamA.form451 .player.p01 { top: 0; left: 50%; transform: translateX(-50%) }
.matchDetailsTabs .timeline.squad .formation .teamA.form451 .player.p02 { top: calc(28% - 5px); left: calc(12.5% - 12px) }
.matchDetailsTabs .timeline.squad .formation .teamA.form451 .player.p03 { top: calc(28% - 5px); left: calc(37.5% - 12px) }
.matchDetailsTabs .timeline.squad .formation .teamA.form451 .player.p04 { top: calc(28% - 5px); right: calc(37.5% - 12px) }
.matchDetailsTabs .timeline.squad .formation .teamA.form451 .player.p05 { top: calc(28% - 5px); right: calc(12.5% - 12px) }
.matchDetailsTabs .timeline.squad .formation .teamA.form451 .player.p06 { top: calc(56% - 5px); left: calc(10% - 12px) }
.matchDetailsTabs .timeline.squad .formation .teamA.form451 .player.p07 { top: calc(56% - 5px); left: calc(30% - 12px) }
.matchDetailsTabs .timeline.squad .formation .teamA.form451 .player.p08 { top: calc(56% - 5px); left: 50%; transform: translateX(-50%); }
.matchDetailsTabs .timeline.squad .formation .teamA.form451 .player.p09 { top: calc(56% - 5px); right: calc(30% - 12px) }
.matchDetailsTabs .timeline.squad .formation .teamA.form451 .player.p10 { top: calc(56% - 5px); right: calc(10% - 12px) }
.matchDetailsTabs .timeline.squad .formation .teamA.form451 .player.p11 { top: calc(84% - 5px); left: 50%; transform: translateX(-50%); }
/** Bottom **/
.matchDetailsTabs .timeline.squad .formation .teamB.form451 .player.p01 { bottom: 0; left: 50%; transform: translateX(-50%) }
.matchDetailsTabs .timeline.squad .formation .teamB.form451 .player.p02 { bottom: calc(28% - 5px); right: calc(12.5% - 12px) }
.matchDetailsTabs .timeline.squad .formation .teamB.form451 .player.p03 { bottom: calc(28% - 5px); right: calc(37.5% - 12px) }
.matchDetailsTabs .timeline.squad .formation .teamB.form451 .player.p04 { bottom: calc(28% - 5px); left: calc(37.5% - 12px) }
.matchDetailsTabs .timeline.squad .formation .teamB.form451 .player.p05 { bottom: calc(28% - 5px); left: calc(12.5% - 12px) }
.matchDetailsTabs .timeline.squad .formation .teamB.form451 .player.p06 { bottom: calc(56% - 5px); right: calc(10% - 12px) }
.matchDetailsTabs .timeline.squad .formation .teamB.form451 .player.p07 { bottom: calc(56% - 5px); right: calc(30% - 12px) }
.matchDetailsTabs .timeline.squad .formation .teamB.form451 .player.p08 { bottom: calc(56% - 5px); left: 50%; transform: translateX(-50%); }
.matchDetailsTabs .timeline.squad .formation .teamB.form451 .player.p09 { bottom: calc(56% - 5px); left: calc(30% - 12px) }
.matchDetailsTabs .timeline.squad .formation .teamB.form451 .player.p10 { bottom: calc(56% - 5px); left: calc(10% - 12px) }
.matchDetailsTabs .timeline.squad .formation .teamB.form451 .player.p11 { bottom: calc(84% - 5px); left: 50%; transform: translateX(-50%); }
/********** 5-2-3 **********/
/** Top **/
.matchDetailsTabs .timeline.squad .formation .teamA.form523 .player.p01 { top: 0; left: 50%; transform: translateX(-50%) }
.matchDetailsTabs .timeline.squad .formation .teamA.form523 .player.p02 { top: calc(28% - 5px); left: calc(10% - 12px) }
.matchDetailsTabs .timeline.squad .formation .teamA.form523 .player.p03 { top: calc(28% - 5px); left: calc(30% - 12px) }
.matchDetailsTabs .timeline.squad .formation .teamA.form523 .player.p04 { top: calc(28% - 5px); left: 50%; transform: translateX(-50%); }
.matchDetailsTabs .timeline.squad .formation .teamA.form523 .player.p05 { top: calc(28% - 5px); right: calc(30% - 12px) }
.matchDetailsTabs .timeline.squad .formation .teamA.form523 .player.p06 { top: calc(28% - 5px); right: calc(10% - 12px) }
.matchDetailsTabs .timeline.squad .formation .teamA.form523 .player.p07 { top: calc(56% - 5px); left: calc(37.5% - 12px) }
.matchDetailsTabs .timeline.squad .formation .teamA.form523 .player.p08 { top: calc(56% - 5px); right: calc(37.5% - 12px) }
.matchDetailsTabs .timeline.squad .formation .teamA.form523 .player.p09 { top: calc(84% - 5px); left: calc(25% - 12px) }
.matchDetailsTabs .timeline.squad .formation .teamA.form523 .player.p10 { top: calc(84% - 5px); left: 50%; transform: translateX(-50%); }
.matchDetailsTabs .timeline.squad .formation .teamA.form523 .player.p11 { top: calc(84% - 5px); right: calc(25% - 12px) }
/** Bottom **/
.matchDetailsTabs .timeline.squad .formation .teamB.form523 .player.p01 { bottom: 0; left: 50%; transform: translateX(-50%) }
.matchDetailsTabs .timeline.squad .formation .teamB.form523 .player.p02 { bottom: calc(28% - 5px); right: calc(10% - 12px) }
.matchDetailsTabs .timeline.squad .formation .teamB.form523 .player.p03 { bottom: calc(28% - 5px); right: calc(30% - 12px) }
.matchDetailsTabs .timeline.squad .formation .teamB.form523 .player.p04 { bottom: calc(28% - 5px); left: 50%; transform: translateX(-50%); }
.matchDetailsTabs .timeline.squad .formation .teamB.form523 .player.p05 { bottom: calc(28% - 5px); left: calc(30% - 12px) }
.matchDetailsTabs .timeline.squad .formation .teamB.form523 .player.p06 { bottom: calc(28% - 5px); left: calc(10% - 12px) }
.matchDetailsTabs .timeline.squad .formation .teamB.form523 .player.p07 { bottom: calc(56% - 5px); right: calc(37.5% - 12px) }
.matchDetailsTabs .timeline.squad .formation .teamB.form523 .player.p08 { bottom: calc(56% - 5px); left: calc(37.5% - 12px) }
.matchDetailsTabs .timeline.squad .formation .teamB.form523 .player.p09 { bottom: calc(84% - 5px); right: calc(25% - 12px) }
.matchDetailsTabs .timeline.squad .formation .teamB.form523 .player.p10 { bottom: calc(84% - 5px); left: 50%; transform: translateX(-50%); }
.matchDetailsTabs .timeline.squad .formation .teamB.form523 .player.p11 { bottom: calc(84% - 5px); left: calc(25% - 12px) }
/********** 6-3-1 **********/
/** Top **/
.matchDetailsTabs .timeline.squad .formation .teamA.form631 .player.p01 { top: 0; left: 50%; transform: translateX(-50%) }
.matchDetailsTabs .timeline.squad .formation .teamA.form631 .player.p02 { top: calc(28% - 5px); left: calc(8.33% - 12px) }
.matchDetailsTabs .timeline.squad .formation .teamA.form631 .player.p03 { top: calc(28% - 5px); left: calc(25% - 12px) }
.matchDetailsTabs .timeline.squad .formation .teamA.form631 .player.p04 { top: calc(28% - 5px); left: calc(41.66% - 12px) }
.matchDetailsTabs .timeline.squad .formation .teamA.form631 .player.p05 { top: calc(28% - 5px); right: calc(41.66% - 12px) }
.matchDetailsTabs .timeline.squad .formation .teamA.form631 .player.p06 { top: calc(28% - 5px); right: calc(25% - 12px) }
.matchDetailsTabs .timeline.squad .formation .teamA.form631 .player.p07 { top: calc(28% - 5px); right: calc(8.33% - 12px) }
.matchDetailsTabs .timeline.squad .formation .teamA.form631 .player.p08 { top: calc(56% - 5px); left: calc(25% - 12px) }
.matchDetailsTabs .timeline.squad .formation .teamA.form631 .player.p09 { top: calc(56% - 5px); left: 50%; transform: translateX(-50%); }
.matchDetailsTabs .timeline.squad .formation .teamA.form631 .player.p10 { top: calc(56% - 5px); right: calc(25% - 12px) }
.matchDetailsTabs .timeline.squad .formation .teamA.form631 .player.p11 { top: calc(84% - 5px); left: 50%; transform: translateX(-50%); }
/** Bottom **/
.matchDetailsTabs .timeline.squad .formation .teamB.form631 .player.p01 { bottom: 0; left: 50%; transform: translateX(-50%) }
.matchDetailsTabs .timeline.squad .formation .teamB.form631 .player.p02 { bottom: calc(28% - 5px); right: calc(8.33% - 12px) }
.matchDetailsTabs .timeline.squad .formation .teamB.form631 .player.p03 { bottom: calc(28% - 5px); right: calc(25% - 12px) }
.matchDetailsTabs .timeline.squad .formation .teamB.form631 .player.p04 { bottom: calc(28% - 5px); right: calc(41.66% - 12px) }
.matchDetailsTabs .timeline.squad .formation .teamB.form631 .player.p05 { bottom: calc(28% - 5px); left: calc(41.66% - 12px) }
.matchDetailsTabs .timeline.squad .formation .teamB.form631 .player.p06 { bottom: calc(28% - 5px); left: calc(25% - 12px) }
.matchDetailsTabs .timeline.squad .formation .teamB.form631 .player.p07 { bottom: calc(28% - 5px); left: calc(8.33% - 12px) }
.matchDetailsTabs .timeline.squad .formation .teamB.form631 .player.p08 { bottom: calc(56% - 5px); right: calc(25% - 12px) }
.matchDetailsTabs .timeline.squad .formation .teamB.form631 .player.p09 { bottom: calc(56% - 5px); left: 50%; transform: translateX(-50%); }
.matchDetailsTabs .timeline.squad .formation .teamB.form631 .player.p10 { bottom: calc(56% - 5px); left: calc(25% - 12px) }
.matchDetailsTabs .timeline.squad .formation .teamB.form631 .player.p11 { bottom: calc(84% - 5px); left: 50%; transform: translateX(-50%); }
/********** 3-6-1 **********/
/** Top **/
.matchDetailsTabs .timeline.squad .formation .teamA.form361 .player.p01 { top: 0; left: 50%; transform: translateX(-50%) }
.matchDetailsTabs .timeline.squad .formation .teamA.form361 .player.p02 { top: calc(28% - 5px); left: calc(25% - 12px) }
.matchDetailsTabs .timeline.squad .formation .teamA.form361 .player.p03 { top: calc(28% - 5px); left: 50%; transform: translateX(-50%); }
.matchDetailsTabs .timeline.squad .formation .teamA.form361 .player.p04 { top: calc(28% - 5px); right: calc(25% - 12px) }
.matchDetailsTabs .timeline.squad .formation .teamA.form361 .player.p05 { top: calc(56% - 5px); left: calc(8.33% - 12px) }
.matchDetailsTabs .timeline.squad .formation .teamA.form361 .player.p06 { top: calc(56% - 5px); left: calc(25% - 12px) }
.matchDetailsTabs .timeline.squad .formation .teamA.form361 .player.p07 { top: calc(56% - 5px); left: calc(41.66% - 12px) }
.matchDetailsTabs .timeline.squad .formation .teamA.form361 .player.p08 { top: calc(56% - 5px); right: calc(41.66% - 12px) }
.matchDetailsTabs .timeline.squad .formation .teamA.form361 .player.p09 { top: calc(56% - 5px); right: calc(25% - 12px) }
.matchDetailsTabs .timeline.squad .formation .teamA.form361 .player.p10 { top: calc(56% - 5px); right: calc(8.33% - 12px) }
.matchDetailsTabs .timeline.squad .formation .teamA.form361 .player.p11 { top: calc(84% - 5px); left: 50%; transform: translateX(-50%); }
/** Bottom **/
.matchDetailsTabs .timeline.squad .formation .teamB.form361 .player.p01 { bottom: 0; left: 50%; transform: translateX(-50%) }
.matchDetailsTabs .timeline.squad .formation .teamB.form361 .player.p02 { bottom: calc(28% - 5px); right: calc(25% - 12px) }
.matchDetailsTabs .timeline.squad .formation .teamB.form361 .player.p03 { bottom: calc(28% - 5px); left: 50%; transform: translateX(-50%); }
.matchDetailsTabs .timeline.squad .formation .teamB.form361 .player.p04 { bottom: calc(28% - 5px); left: calc(25% - 12px) }
.matchDetailsTabs .timeline.squad .formation .teamB.form361 .player.p05 { bottom: calc(56% - 5px); right: calc(8.33% - 12px) }
.matchDetailsTabs .timeline.squad .formation .teamB.form361 .player.p06 { bottom: calc(56% - 5px); right: calc(25% - 12px) }
.matchDetailsTabs .timeline.squad .formation .teamB.form361 .player.p07 { bottom: calc(56% - 5px); right: calc(41.66% - 12px) }
.matchDetailsTabs .timeline.squad .formation .teamB.form361 .player.p08 { bottom: calc(56% - 5px); left: calc(41.66% - 12px) }
.matchDetailsTabs .timeline.squad .formation .teamB.form361 .player.p09 { bottom: calc(56% - 5px); left: calc(25% - 12px) }
.matchDetailsTabs .timeline.squad .formation .teamB.form361 .player.p10 { bottom: calc(56% - 5px); left: calc(8.33% - 12px) }
.matchDetailsTabs .timeline.squad .formation .teamB.form361 .player.p11 { bottom: calc(84% - 5px); left: 50%; transform: translateX(-50%); }
/********** 4-1-4-1 **********/
/** Top **/
.matchDetailsTabs .timeline.squad .formation .teamA.form4141 .player.p01 { top: 0; left: 50%; transform: translateX(-50%) }
.matchDetailsTabs .timeline.squad .formation .teamA.form4141 .player.p02 { top: calc(21% - 5px); left: calc(12.5% - 12px) }
.matchDetailsTabs .timeline.squad .formation .teamA.form4141 .player.p03 { top: calc(21% - 5px); left: calc(37.5% - 12px) }
.matchDetailsTabs .timeline.squad .formation .teamA.form4141 .player.p04 { top: calc(21% - 5px); right: calc(37.5% - 12px) }
.matchDetailsTabs .timeline.squad .formation .teamA.form4141 .player.p05 { top: calc(21% - 5px); right: calc(12.5% - 12px) }
.matchDetailsTabs .timeline.squad .formation .teamA.form4141 .player.p06 { top: calc(42% - 5px); left: 50%; transform: translateX(-50%); }
.matchDetailsTabs .timeline.squad .formation .teamA.form4141 .player.p07 { top: calc(63% - 5px); left: calc(12.5% - 12px) }
.matchDetailsTabs .timeline.squad .formation .teamA.form4141 .player.p08 { top: calc(63% - 5px); left: calc(37.5% - 12px) }
.matchDetailsTabs .timeline.squad .formation .teamA.form4141 .player.p09 { top: calc(63% - 5px); right: calc(37.5% - 12px) }
.matchDetailsTabs .timeline.squad .formation .teamA.form4141 .player.p10 { top: calc(63% - 5px); right: calc(12.5% - 12px) }
.matchDetailsTabs .timeline.squad .formation .teamA.form4141 .player.p11 { top: calc(84% - 5px); left: 50%; transform: translateX(-50%); }
/** Bottom **/
.matchDetailsTabs .timeline.squad .formation .teamB.form4141 .player.p01 { top: 0; left: 50%; transform: translateX(-50%) }
.matchDetailsTabs .timeline.squad .formation .teamB.form4141 .player.p02 { top: calc(21% - 5px); right: calc(12.5% - 12px) }
.matchDetailsTabs .timeline.squad .formation .teamB.form4141 .player.p03 { top: calc(21% - 5px); right: calc(37.5% - 12px) }
.matchDetailsTabs .timeline.squad .formation .teamB.form4141 .player.p04 { top: calc(21% - 5px); left: calc(37.5% - 12px) }
.matchDetailsTabs .timeline.squad .formation .teamB.form4141 .player.p05 { top: calc(21% - 5px); left: calc(12.5% - 12px) }
.matchDetailsTabs .timeline.squad .formation .teamB.form4141 .player.p06 { top: calc(42% - 5px); left: 50%; transform: translateX(-50%); }
.matchDetailsTabs .timeline.squad .formation .teamB.form4141 .player.p07 { top: calc(63% - 5px); right: calc(12.5% - 12px) }
.matchDetailsTabs .timeline.squad .formation .teamB.form4141 .player.p08 { top: calc(63% - 5px); right: calc(37.5% - 12px) }
.matchDetailsTabs .timeline.squad .formation .teamB.form4141 .player.p09 { top: calc(63% - 5px); left: calc(37.5% - 12px) }
.matchDetailsTabs .timeline.squad .formation .teamB.form4141 .player.p10 { top: calc(63% - 5px); left: calc(12.5% - 12px) }
.matchDetailsTabs .timeline.squad .formation .teamB.form4141 .player.p11 { top: calc(84% - 5px); left: 50%; transform: translateX(-50%); }
/********** 4-3-2-1 **********/
/** Top **/
.matchDetailsTabs .timeline.squad .formation .teamA.form4321 .player.p01 { top: 0; left: 50%; transform: translateX(-50%) }
.matchDetailsTabs .timeline.squad .formation .teamA.form4321 .player.p02 { top: calc(21% - 5px); left: calc(12.5% - 12px) }
.matchDetailsTabs .timeline.squad .formation .teamA.form4321 .player.p03 { top: calc(21% - 5px); left: calc(37.5% - 12px) }
.matchDetailsTabs .timeline.squad .formation .teamA.form4321 .player.p04 { top: calc(21% - 5px); right: calc(37.5% - 12px) }
.matchDetailsTabs .timeline.squad .formation .teamA.form4321 .player.p05 { top: calc(21% - 5px); right: calc(12.5% - 12px) }
.matchDetailsTabs .timeline.squad .formation .teamA.form4321 .player.p06 { top: calc(42% - 5px); left: calc(25% - 12px) }
.matchDetailsTabs .timeline.squad .formation .teamA.form4321 .player.p07 { top: calc(42% - 5px); left: 50%; transform: translateX(-50%); }
.matchDetailsTabs .timeline.squad .formation .teamA.form4321 .player.p08 { top: calc(42% - 5px); right: calc(25% - 12px) }
.matchDetailsTabs .timeline.squad .formation .teamA.form4321 .player.p09 { top: calc(63% - 5px); left: calc(37.5% - 12px) }
.matchDetailsTabs .timeline.squad .formation .teamA.form4321 .player.p10 { top: calc(63% - 5px); right: calc(37.5% - 12px) }
.matchDetailsTabs .timeline.squad .formation .teamA.form4321 .player.p11 { top: calc(84% - 5px); left: 50%; transform: translateX(-50%); }
/** Bottom **/
.matchDetailsTabs .timeline.squad .formation .teamB.form4321 .player.p01 { bottom: 0; left: 50%; transform: translateX(-50%) }
.matchDetailsTabs .timeline.squad .formation .teamB.form4321 .player.p02 { bottom: calc(21% - 5px); right: calc(12.5% - 12px) }
.matchDetailsTabs .timeline.squad .formation .teamB.form4321 .player.p03 { bottom: calc(21% - 5px); right: calc(37.5% - 12px) }
.matchDetailsTabs .timeline.squad .formation .teamB.form4321 .player.p04 { bottom: calc(21% - 5px); left: calc(37.5% - 12px) }
.matchDetailsTabs .timeline.squad .formation .teamB.form4321 .player.p05 { bottom: calc(21% - 5px); left: calc(12.5% - 12px) }
.matchDetailsTabs .timeline.squad .formation .teamB.form4321 .player.p06 { bottom: calc(42% - 5px); right: calc(25% - 12px) }
.matchDetailsTabs .timeline.squad .formation .teamB.form4321 .player.p07 { bottom: calc(42% - 5px); left: 50%; transform: translateX(-50%); }
.matchDetailsTabs .timeline.squad .formation .teamB.form4321 .player.p08 { bottom: calc(42% - 5px); left: calc(25% - 12px) }
.matchDetailsTabs .timeline.squad .formation .teamB.form4321 .player.p09 { bottom: calc(63% - 5px); right: calc(37.5% - 12px) }
.matchDetailsTabs .timeline.squad .formation .teamB.form4321 .player.p10 { bottom: calc(63% - 5px); left: calc(37.5% - 12px) }
.matchDetailsTabs .timeline.squad .formation .teamB.form4321 .player.p11 { bottom: calc(84% - 5px); left: 50%; transform: translateX(-50%); }
/********** 4-3-1-2 **********/
/** Top **/
.matchDetailsTabs .timeline.squad .formation .teamA.form4312 .player.p01 { top: 0; left: 50%; transform: translateX(-50%) }
.matchDetailsTabs .timeline.squad .formation .teamA.form4312 .player.p02 { top: calc(21% - 5px); left: calc(12.5% - 12px) }
.matchDetailsTabs .timeline.squad .formation .teamA.form4312 .player.p03 { top: calc(21% - 5px); left: calc(37.5% - 12px) }
.matchDetailsTabs .timeline.squad .formation .teamA.form4312 .player.p04 { top: calc(21% - 5px); right: calc(37.5% - 12px) }
.matchDetailsTabs .timeline.squad .formation .teamA.form4312 .player.p05 { top: calc(21% - 5px); right: calc(12.5% - 12px) }
.matchDetailsTabs .timeline.squad .formation .teamA.form4312 .player.p06 { top: calc(42% - 5px); left: calc(25% - 12px) }
.matchDetailsTabs .timeline.squad .formation .teamA.form4312 .player.p07 { top: calc(42% - 5px); left: 50%; transform: translateX(-50%); }
.matchDetailsTabs .timeline.squad .formation .teamA.form4312 .player.p08 { top: calc(42% - 5px); right: calc(25% - 12px) }
.matchDetailsTabs .timeline.squad .formation .teamA.form4312 .player.p09 { top: calc(63% - 5px); left: 50%; transform: translateX(-50%); }
.matchDetailsTabs .timeline.squad .formation .teamA.form4312 .player.p10 { top: calc(84% - 5px); left: calc(37.5% - 12px) }
.matchDetailsTabs .timeline.squad .formation .teamA.form4312 .player.p11 { top: calc(84% - 5px); right: calc(37.5% - 12px) }
/** Bottom **/
.matchDetailsTabs .timeline.squad .formation .teamB.form4312 .player.p01 { bottom: 0; left: 50%; transform: translateX(-50%) }
.matchDetailsTabs .timeline.squad .formation .teamB.form4312 .player.p02 { bottom: calc(21% - 5px); right: calc(12.5% - 12px) }
.matchDetailsTabs .timeline.squad .formation .teamB.form4312 .player.p03 { bottom: calc(21% - 5px); right: calc(37.5% - 12px) }
.matchDetailsTabs .timeline.squad .formation .teamB.form4312 .player.p04 { bottom: calc(21% - 5px); left: calc(37.5% - 12px) }
.matchDetailsTabs .timeline.squad .formation .teamB.form4312 .player.p05 { bottom: calc(21% - 5px); left: calc(12.5% - 12px) }
.matchDetailsTabs .timeline.squad .formation .teamB.form4312 .player.p06 { bottom: calc(42% - 5px); right: calc(25% - 12px) }
.matchDetailsTabs .timeline.squad .formation .teamB.form4312 .player.p07 { bottom: calc(42% - 5px); left: 50%; transform: translateX(-50%); }
.matchDetailsTabs .timeline.squad .formation .teamB.form4312 .player.p08 { bottom: calc(42% - 5px); left: calc(25% - 12px) }
.matchDetailsTabs .timeline.squad .formation .teamB.form4312 .player.p09 { bottom: calc(63% - 5px); left: 50%; transform: translateX(-50%); }
.matchDetailsTabs .timeline.squad .formation .teamB.form4312 .player.p10 { bottom: calc(84% - 5px); right: calc(37.5% - 12px) }
.matchDetailsTabs .timeline.squad .formation .teamB.form4312 .player.p11 { bottom: calc(84% - 5px); left: calc(37.5% - 12px) }
/********** 4-2-3-1 **********/
/** Top **/
.matchDetailsTabs .timeline.squad .formation .teamA.form4231 .player.p01 { top: 0; left: 50%; transform: translateX(-50%) }
.matchDetailsTabs .timeline.squad .formation .teamA.form4231 .player.p02 { top: calc(21% - 5px); left: calc(12.5% - 12px) }
.matchDetailsTabs .timeline.squad .formation .teamA.form4231 .player.p03 { top: calc(21% - 5px); left: calc(37.5% - 12px) }
.matchDetailsTabs .timeline.squad .formation .teamA.form4231 .player.p04 { top: calc(21% - 5px); right: calc(37.5% - 12px) }
.matchDetailsTabs .timeline.squad .formation .teamA.form4231 .player.p05 { top: calc(21% - 5px); right: calc(12.5% - 12px) }
.matchDetailsTabs .timeline.squad .formation .teamA.form4231 .player.p06 { top: calc(42% - 5px); left: calc(37.5% - 12px) }
.matchDetailsTabs .timeline.squad .formation .teamA.form4231 .player.p07 { top: calc(42% - 5px); right: calc(37.5% - 12px) }
.matchDetailsTabs .timeline.squad .formation .teamA.form4231 .player.p08 { top: calc(63% - 5px); left: calc(25% - 12px) }
.matchDetailsTabs .timeline.squad .formation .teamA.form4231 .player.p09 { top: calc(63% - 5px); left: 50%; transform: translateX(-50%); }
.matchDetailsTabs .timeline.squad .formation .teamA.form4231 .player.p10 { top: calc(63% - 5px); right: calc(25% - 12px) }
.matchDetailsTabs .timeline.squad .formation .teamA.form4231 .player.p11 { top: calc(84% - 5px); left: 50%; transform: translateX(-50%); }
/** Bottom **/
.matchDetailsTabs .timeline.squad .formation .teamB.form4231 .player.p01 { bottom: 0; left: 50%; transform: translateX(-50%) }
.matchDetailsTabs .timeline.squad .formation .teamB.form4231 .player.p02 { bottom: calc(21% - 5px); right: calc(12.5% - 12px) }
.matchDetailsTabs .timeline.squad .formation .teamB.form4231 .player.p03 { bottom: calc(21% - 5px); right: calc(37.5% - 12px) }
.matchDetailsTabs .timeline.squad .formation .teamB.form4231 .player.p04 { bottom: calc(21% - 5px); left: calc(37.5% - 12px) }
.matchDetailsTabs .timeline.squad .formation .teamB.form4231 .player.p05 { bottom: calc(21% - 5px); left: calc(12.5% - 12px) }
.matchDetailsTabs .timeline.squad .formation .teamB.form4231 .player.p06 { bottom: calc(42% - 5px); right: calc(37.5% - 12px) }
.matchDetailsTabs .timeline.squad .formation .teamB.form4231 .player.p07 { bottom: calc(42% - 5px); left: calc(37.5% - 12px) }
.matchDetailsTabs .timeline.squad .formation .teamB.form4231 .player.p08 { bottom: calc(63% - 5px); right: calc(25% - 12px) }
.matchDetailsTabs .timeline.squad .formation .teamB.form4231 .player.p09 { bottom: calc(63% - 5px); left: 50%; transform: translateX(-50%); }
.matchDetailsTabs .timeline.squad .formation .teamB.form4231 .player.p10 { bottom: calc(63% - 5px); left: calc(25% - 12px) }
.matchDetailsTabs .timeline.squad .formation .teamB.form4231 .player.p11 { bottom: calc(84% - 5px); left: 50%; transform: translateX(-50%); }
/******** Listing ********/
.listing { display: inline-block; float: right; margin-left: 20px; width: calc(100% - 320px); margin-bottom: 50px }
.listing ul { text-align: justify; min-height: 1212px }
.listing.multimedia ul { min-height: unset }
.listing ul li { margin-bottom: 20px; width: calc((100% - 40.1px) / 3); height: auto; position: relative; border: 1px solid #ddd; overflow: hidden; background: #fff; display: inline-block; }
.listing ul li.gap { opacity: 0; height: 0; display: inline-block }
.listing ul li:nth-child(3n) { margin-left: 0 }
.listing ul li:nth-last-child(-n+3) { margin-bottom: 0 }
.listing ul li a { display: block }
.listing ul li .secName { padding: 2px 10px; font-family: droidLight, Arial; font-size: 13px; color: #fff; background: rgba(0,0,0,0.7); position: absolute; top: 0px; right: 0px; z-index: 1 }
.listing ul li a .imageCntnr { position: relative; overflow: hidden; padding-bottom: 67% }
.listing ul li a img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: 0 auto; width: 100%; height: 100%; border: none; filter: brightness(100%) contrast(100%); -webkit-filter: brightness(100%) contrast(100%); -moz-filter: brightness(100%) contrast(100%); -o-filter: brightness(100%) contrast(100%); -ms-filter: brightness(100%) contrast(100%); transition: all 0.2s ease-in-out 0s; -webkit-transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; -ms-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; }
.listing ul li:hover img { filter: brightness(108%) contrast(108%); -webkit-filter: brightness(108%) contrast(108%); -moz-filter: brightness(108%) contrast(108%); -o-filter: brightness(108%) contrast(108%); -ms-filter: brightness(108%) contrast(108%) }
.listing ul li .desc { width: 100%; cursor: pointer; display: inline-block; float: right; padding: 10px }
.listing ul li .desc p { color: #000; text-align: right; line-height: 1.8; font-size: 15px; font-family: droidLight, Arial; direction: rtl; margin-bottom: 10px; height: 81px; overflow: hidden }
.listing ul li:hover .desc p { color: #0277bd }
.listing ul li .desc p.date { display: none }
.listing ul li .desc .time { display: inline-block; font-family: droidLight, Arial; font-size: 12px; color: #b9b9b9; float: right; direction: rtl; }
.listing ul li .desc .icon-time:before { content: "x"; float: right; margin-left: 8px; font-size: 16px; line-height: 1.2; display: none }
.listing ul li .desc .time span { margin-left: 16px; position: relative; float: right; line-height: 1.6; }
.listing ul li .desc .time span:after { content: ""; position: absolute; left: -8px; top: 2px; width: 1px; height: 14px; background: #b9b9b9; }
.listing ul li .desc .time span:last-child:after { display: none }
.listing ul li.noStats { display: inline-block; width: 100%; float: right; min-height: 230px }
.listing ul li.noStats p { position: absolute; top: 50%; transform: translateY(-50%); font-family: droidLight, Arial; font-size: 14px; color: #000; width: 100%; text-align: center }
.listing .more { display: inline-block; width: 100%; height: 28px; background: #0277bd; padding: 0 10px; text-align: left; color: #fff; font-family: droidLight,Arial; font-size: 13px; line-height: 2.3 }
.listing .more:hover { background: #1b92d9 }
.listing .more span { float: left; margin-right: 10px }
.listing .more .icon-more:before { content: "h"; color: #fff; font-size: 14px; line-height: 2.2 }
.leftSide { float: left; display: inline-block; width: 300px }
/******** SMS Services ********/
.smsServices { display: inline-block; width: 300px; height: 150px; background: url(../../Images/smsBg.jpg) center center no-repeat; position: relative; float: left; }
.smsServices .subTxt { width: 250px; float: right; height: 40px; display: inline-block; position: absolute; right: 14px; bottom: 20px }
.smsServices .subTxt .smsInput { display: inline-block; font-family: droidLight, arial; color: #000; direction: rtl; font-size: 13px; float: right; text-align: right; padding: 0px 10px; width: 176px; height: 40px; border: 1px solid #fff; background: #e6e6e6; outline: none; }
.smsServices .subTxt .smsInput::-webkit-input-placeholder { color: #000; opacity: 0.5; font-weight: normal; font-size: 13px; }
.smsServices .subTxt button { float: right; background: #0277bd; width: 74px; height: 40px; color: #fff; font-family: droidLight, arial; font-size: 14px; line-height: 0.5 }
.smsServices .subTxt button:hover { background: #1b92d9; }
/******** Listing ********/
.matchesCenter { display: inline-block; float: right; margin-left: 20px; width: calc(100% - 320px); position: relative; min-height: 800px }
.matchesCenter .tab { overflow: hidden; position: absolute; left: 50%; transform: translateX(-50%); width: 562px }
.matchesCenter .tab button { float: right; border: none; outline: none; cursor: pointer; transition: 0.2s; width: 76px; height: 70px; border-top: 4px solid #0277bd; position: relative; margin-left: 5px }
.matchesCenter .tab button:before { content: ""; width: 56px; height: 56px; background: #fff; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 1; border-radius: 50% }
.matchesCenter .tab button p { font-family: Arial; font-size: 26px; font-weight: bold; padding: 0 10px; color: #b9b9b9; display: block; z-index: 2; text-align: center; position: relative }
.matchesCenter .tab button span { font-size: 12px; font-weight: normal; display: block; text-transform: uppercase; line-height: 1; margin-top: -5px; }
.matchesCenter .tab button:last-child { margin-left: 0 }
.matchesCenter .tab button:hover { background-color: #ddd; }
.matchesCenter .tab button.active { height: 81px; border-top: 0 }
.matchesCenter .tab button.active p { color: #fff }
.matchesCenter .tab button.active:before { border-radius: 0; background: #0277bd }
.matchesCenter .dayDtlsContent { display: none; display: inline-block; float: right; width: 100%; margin-top: 75px; position: relative; z-index: 1; }
.matchesCenter .dayDetailsTtl { display: inline-block; width: 100%; margin: 0; height: 48px; float: right; position: relative; background: #e0e0e0; padding: 10px }
.matchesCenter .noStatsDiv { display: inline-block; width: 100%; float: right; position: relative; height: 200px; background: #fff; border: 1px solid #e0e0e0; margin-top: 10px }
.matchesCenter .noStatsDiv .noStats { display: inline-block; width: 100%; float: right; }
.matchesCenter .noStatsDiv .noStats p { position: absolute; top: 50%; transform: translateY(-50%); font-family: droidLight, Arial; font-size: 14px; color: #000; width: 100%; text-align: center }
/** Dropdown **/
.matchesCenter .toursDropdown { float: right; position: relative; width: 140px; height: 28px; background: #fff; cursor: pointer; outline: none; font-family: droidLight, arial; background: #0277bd; line-height: 2; text-align: right; margin-left: 5px; -webkit-transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; -ms-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s }
.matchesCenter .toursDropdown select { float: right; height: 28px; width: 100%; cursor: pointer; font-family: droidLight, arial; border-radius: 0; background-color: transparent; color: #fff; font-size: 12px; padding: 0 5px; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; box-shadow: none; }
.matchesCenter .toursDropdown select option { color: #000; font-size: 11px; cursor: pointer }
.matchesCenter .toursDropdown:after { content: "F"; position: absolute; height: 12px; top: 50%; left: 10px; margin-top: -6px; z-index: 2; pointer-events: none; color: #fff; font-size: 12px; line-height: 1.2; -webkit-transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; -ms-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; }
/** Matches Now **/
.matchesCenter .matchesNow { float: right; position: relative; width: 140px; height: 28px; background: #fff; cursor: pointer; outline: none; font-family: droidLight, arial; background: #0277bd; line-height: 2; text-align: right; -webkit-transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; -ms-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s }
.matchesCenter .matchesNow label { float: right; height: 28px; cursor: pointer; font-family: droidLight, arial; border-radius: 0; background-color: transparent; color: #fff; font-size: 12px; padding: 0 5px; box-shadow: none; line-height: 2.4 }
.matchesCenter .matchesNow input { position: absolute; left: 5px; top: 50%; transform: translateY(-50%); display: inline-block; -webkit-appearance: checkbox !important; -moz-appearance: checkbox !important; -o-appearance: checkbox !important; -ms-appearance: checkbox !important; appearance: checkbox !important }
.matchesCenter .dayName { float: right; position: absolute; left: 50%; transform: translateX(-50%); top: 10px; }
.matchesCenter .dayName h2 { float: right; display: inline-block; width: 180px; height: 28px; background: #fff; text-align: center; color: #000; font-family: droidLight,Arial; font-size: 14px; line-height: 2.2 }
/** Tours / Matches Number **/
.matchesCenter .toursMatchesNum { float: left; width: 140px; }
.matchesCenter .toursMatchesNum p { float: right; margin-left: 20px; display: inline-block; font-family: droidLight, Arial; color: #000; font-size: 14px; position: relative; line-height: 2.2; }
.matchesCenter .toursMatchesNum span { margin-left: 5px }
.matchesCenter .toursMatchesNum p:last-child { margin-left: 0 }
.matchesCenter .toursMatchesNum p:after { content: "/"; position: absolute; left: -12px; top: -4px; font-size: 18px }
.matchesCenter .toursMatchesNum p:last-child:after { display: none }
/** Date **/
.matchesCenter .dateDiv { position: absolute; left: 0; top: 12px; width: 50px; height: 50px; z-index: 2 }
.matchesCenter .dateBtn { display: inline-block; width: 50px; height: 50px; background: #0277bd; border-radius: 50%; text-align: center }
.matchesCenter .icon-date:before { content: "w"; color: #fff; font-size: 28px; line-height: 1.7 }
.matchesCenter .dateDiv .ui-datepicker { position: absolute; left: 0; top: 30px; z-index: 2; max-height: 0; opacity: 0; visibility: hidden; transition: all 0.2s ease-in-out 0s; -webkit-transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; -ms-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; }
.matchesCenter .dateDiv.showCal .ui-datepicker { max-height: 250px; opacity: 1; visibility: visible }
/** Calendar **/
.ui-datepicker { width: 250px; direction: ltr; box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); line-height: normal }
.ui-datepicker .ui-datepicker-header { background: #fff; padding: 5px 10px; height: 60px; position: relative; border-bottom: 1px solid #ddd; text-align: center }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; top: 14px; cursor: pointer; color: #1d1d1d; background: none !important; font-size: 30px; z-index: 1; line-height: 1 }
.ui-datepicker .ui-datepicker-prev { left: 10px; }
.ui-icon { display: block; overflow: hidden; background-repeat: no-repeat; font-size: 20px }
.ui-datepicker span { cursor: pointer !important; }
.ui-widget-content .ui-state-disabled span { cursor: auto !important }
.ui-datepicker .ui-icon-circle-triangle-w:before { content: "l" }
.ui-datepicker .ui-icon-circle-triangle-e:before { content: "k" }
.ui-datepicker .ui-datepicker-prev:hover, .ui-datepicker .ui-datepicker-next:hover { color: #0277bd }
.ui-state-disabled, .ui-widget-content .ui-state-disabled { background: transparent }
.ui-datepicker .ui-datepicker-next { right: 10px; }
.ui-datepicker .ui-datepicker-title { display: inline-block; width: 100%; height: 60px; font-size: 0px; position: absolute; left: 0; top: 0; *display: inline; zoom: 1; /* for IE */ }
.ui-datepicker .ui-datepicker-title .ui-datepicker-month { display: inline-block; width: 100%; float: right; line-height: normal; margin: 0 !important; font-size: 16px; color: #1d1d1d; font-family: droidLight, arial; }
.ui-datepicker .ui-datepicker-title .ui-datepicker-year { display: inline-block; width: 100%; float: right; font-size: 14px; color: #888; font-family: arial; line-height: normal }
.ui-datepicker table { width: 100%; padding: 12px; position: relative; background: #f6f6f6; box-shadow: inset 0 1px rgba(255,255,255,0.8); display: inline-block; border-collapse: collapse; font-size: 12px; line-height: 2.4 }
.ui-datepicker thead { background: transparent; color: #0277bd; font-weight: bold; text-transform: uppercase; font-family: arial; font-size: 10px; line-height: 1; display: table-row-group }
.ui-datepicker thead tr { display: table-row; width: 100%; height: 22px }
.ui-datepicker th { height: 100%; width: calc(228px / 7); position: relative; text-align: center; line-height: 2; display: table-cell }
.ui-datepicker tbody { display: table-row-group; border: 1px solid #ddd; width: 100% }
.ui-datepicker tbody tr { display: table-row; width: 100%; height: 28px; border-bottom: 1px solid #ddd; }
.ui-datepicker tbody tr:last-child { border-bottom: 0 }
.ui-datepicker tbody td { width: calc(222px / 7); position: relative; display: table-cell; height: 100%; border-right: 1px solid #ddd; padding: 0; margin: 0 }
.ui-datepicker tbody td:nth-child(7n) { border-right: 0 }
.ui-state-disabled { cursor: default !important; color: #ddd !important; }
.ui-widget-content .ui-state-default { display: block; position: relative; background: #fff; width: 100%; height: 100%; font-family: arial; color: #1d1d1d; margin: 0; top: 0; right: 0; text-align: center; }
.ui-widget-content .ui-state-default:hover { background: #ddd; color: #1d1d1d }
.ui-widget-content a.ui-state-active { background: #ddd; color: #1d1d1d }
.ui-widget-content .ui-datepicker-today .ui-state-default { background: #0277bd; color: #fff }
.ui-widget-content .ui-datepicker-today .ui-state-default:hover { background: #0277bd; color: #fff }
.ui-widget-content .ui-state-disabled .ui-state-default { cursor: default !important; color: #ddd }
.ui-widget-content .ui-state-disabled .ui-state-default:hover { background: #fff; color: #ddd }
/*************** Match Items ***************/
.cd-gallery .mtchCntrContainer { display: inline-block; width: 100%; float: right; margin-top: 10px }
.cd-gallery .matchItem { display: none; width: 100%; margin-bottom: 20px }
.cd-gallery .matchItem:last-child { margin-bottom: 0 }
.cd-gallery .matchItem .ttl { background: none; font-size: 16px }
.cd-gallery .matchItem .ttl .tourImg { float: right; margin-left: 10px; display: inline-block; position: relative; width: auto; height: 30px }
.cd-gallery .matchItem .ttl .tourImg img { width: auto; height: 30px }
.cd-gallery .matchItem .ttl .links { float: left; display: inline-block; margin-top: 2px; }
.cd-gallery .matchItem .ttl .more { display: inline-block; padding: 10px 0; width: auto; height: 36px; background: #0277bd; padding: 0 10px; text-align: left; color: #fff; font-family: droidLight,Arial; font-size: 13px; line-height: 2.9; float: right; margin-left: 10px }
.cd-gallery .matchItem .ttl .more:hover { background: #1b92d9; }
.cd-gallery .matchItem .ttl .more:last-child { margin-left: 0 }
.cd-gallery .matchItem .ttl .more span { float: left; margin-right: 10px; }
.cd-gallery .matchItem .ttl .more .icon-more:before { content: "h"; color: #fff; font-size: 14px; line-height: 2.8; }
/** Match **/
.cd-gallery ul li { display: inline-block; width: 100%; float: right; background: #fff; border: 1px solid #e0e0e0; padding: 14px; margin-bottom: 10px; min-height: 150px }
.cd-gallery ul li:last-child { margin-bottom: 0 }
.cd-gallery li .week { display: inline-block; float: right; width: 130px; font-family: droidLight, arial; color: #b9b9b9; font-size: 13px; text-align: right; margin-top: 10px }
.cd-gallery li .teamA, .cd-gallery li .teamB { float: right; width: calc((100% - 370px) / 2); text-align: center; margin-top: 10px; }
.cd-gallery li .teamA { padding-left: 40px }
.cd-gallery li .teamB { padding-right: 40px }
.cd-gallery li .teamA img, .cd-gallery li .teamB img { height: 50px; width: auto; border: none; display: inline-block }
.cd-gallery li .teamA .teamName, .cd-gallery li .teamB .teamName { display: inline-block; width: 100%; margin: 0; padding-top: 10px; color: #0277bd; font-family: droidBold, Arial; font-size: 15px; line-height: 1.2; text-align: center }
.cd-gallery li .resultDiv { float: right; width: 110px; height: 110px; position: relative }
.cd-gallery li .resultDiv .result { color: #000; font-size: 32px; font-family: arial; display: inline-block; width: 50%; position: relative }
.cd-gallery li .resultDiv .result:first-of-type { float: right; text-align: right }
.cd-gallery li .resultDiv .result:first-of-type:after { content: "-"; position: absolute; left: -5px }
.cd-gallery li .resultDiv .result:last-of-type { float: left; text-align: left }
.matchResult { position: relative; width: 100%; display: inline-block; float: right }
.penaltyRes { display: inline-block; float: right; position: absolute; bottom: -12px; width: 100%; left: 0 }
.penaltyRes span { font-family: arial; font-size: 16px; color: #888; text-align: center; display: inline-block; float: right; width: 100% }
.cd-gallery li .resultDiv .matchTime { display: inline-block; width: 100%; font-family: Arial; color: #000; font-size: 32px; text-align: center }
.cd-gallery li .resultDiv .moreDtls { display: inline-block; width: 100%; height: 24px; background: #0277bd; color: #fff; font-family: droidLight, Arial; text-align: center; font-size: 13px; position: absolute; bottom: 0; left: 0 }
.cd-gallery li .resultDiv .moreDtls:before { content: "تفاصيل المباراة" }
.cd-gallery li .resultDiv .moreDtls:hover { background: #1b92d9 }
.cd-gallery li .resultDiv .matchStatus { display: inline-block; width: 100%; margin-top: 15px; }
.cd-gallery li .resultDiv .matchStatus .status { width: 50px; margin: 0 calc((100% - 50px) / 2); height: 18px; display: inline-block; color: #fff; font-family: droidLight, Arial; font-size: 10px; text-align: center }
.cd-gallery li .tv { display: inline-block; float: left; max-width: 130px; font-family: droidLight, arial; color: #b9b9b9; font-size: 13px; text-align: right; margin-top: 10px }
.cd-gallery li .icon-tv:before { content: "z"; float: right; margin-left: 5px; font-size: 15px; width: 24px; height: 24px; background: #acbf65; border-radius: 50%; color: #fff; line-height: 1.6; text-align: center; }
.cd-gallery li .resultDiv .matchStatus .time { width: 100%; display: inline-block; color: #989898; font-family: Arial; font-size: 14px; text-align: center }
.cd-gallery li .matchScorer { display: inline-block; float: right; width: 100%; margin-top: 20px; }
.cd-gallery li .matchScorer .goal { display: inline-block; margin-bottom: 10px; width: 100% }
.cd-gallery li .teamA .matchScorer .goal { float: left }
.cd-gallery li .teamB .matchScorer .goal { float: right }
.cd-gallery li .matchScorer .icon-goal:before { content: "y"; font-size: 24px; height: 23px; width: 23px; line-height: 1; background: #fff; border-radius: 50%; color: #222; }
.cd-gallery li .matchScorer .owngoal.icon-goal:before { content: "y"; font-size: 24px; height: 23px; width: 23px; line-height: 1; background: #fff; border-radius: 50%; color: #ff1a3b; }
.cd-gallery li .teamA .matchScorer .icon-goal:before { float: left; margin-left: 0; margin-right: 5px }
.cd-gallery li .teamB .matchScorer .icon-goal:before { float: right; margin-right: 0; margin-left: 5px }
.cd-gallery li .matchScorer .goal .time { display: inline-block; font-family: Arial; font-size: 14px; color: #7e7e7e; line-height: 1.8; }
.cd-gallery li .matchScorer .goal .time:before { content: "'"; float: right; margin-left: 2px }
.cd-gallery li .teamA .matchScorer .goal .time { float: left; margin-right: 10px }
.cd-gallery li .teamB .matchScorer .goal .time { float: right; margin-left: 10px }
.cd-gallery li .matchScorer .goal .player { float: right; display: inline-block; font-family: droidLight,arial; font-size: 13px; color: #000; line-height: 1.8; }
.cd-gallery li .matchScorer .goal .player:hover { color: #0277bd }
.cd-gallery li .teamA .matchScorer .goal .player { float: left }
.cd-gallery li .teamB .matchScorer .goal .player { float: right }
/** Soon **/
.cd-gallery li.soon .resultDiv .matchStatus .status { background: #00c853 }
.cd-gallery li.soon .resultDiv .matchStatus .status:before { content: "لم تبدأ"; }
.cd-gallery li.soon .resultDiv .matchResult { display: none }
.cd-gallery li.soon .resultDiv .matchStatus .time { display: none }
.cd-gallery li.soon .resultDiv .moreDtls { display: none }
/** Live **/
.cd-gallery li.live .resultDiv .matchStatus .status { background: #ff1a3b }
.cd-gallery li.live .resultDiv .matchStatus .status:before { content: "مباشر"; }
.cd-gallery li.live .resultDiv .matchTime { display: none }
/** Done **/
.cd-gallery li.done .resultDiv .matchStatus .status { background: #000 }
.cd-gallery li.done .resultDiv .matchStatus .status:before { content: "إنتهت"; }
.cd-gallery li.done .resultDiv .matchStatus .time { display: none }
.cd-gallery li.done .resultDiv .matchTime { display: none }
/** postponed **/
.cd-gallery li.postponed .resultDiv .matchStatus .status { background: #ff1a3b }
.cd-gallery li.postponed .resultDiv .matchStatus .status:before { content: "مؤجل"; }
.cd-gallery li.postponed .resultDiv .matchStatus .time { display: none }
.cd-gallery li.postponed .resultDiv .matchTime { display: none }
.cd-gallery li.postponed .resultDiv .moreDtls { display: none }
.cd-gallery li.postponed .resultDiv .matchResult { display: none }
/****************** Fixtures ******************/
.fixtures .cd-gallery .matchItem { display: inline-block }
.matchesCenter.fixtures .dayName h2 { width: 130px }
.fixtures .cd-gallery li .icon-date:before { content: "w"; float: right; margin-left: 5px; font-size: 15px; width: 24px; height: 24px; background: #acbf65; border-radius: 50%; color: #fff; line-height: 1.6; text-align: center; }
.matchesCenter.fixtures .fTab { display: inline-block; width: 100%; padding: 0 100px; float: right; padding: 0; height: 74px; overflow: hidden; }
.matchesCenter.fixtures .fTab button { float: right; display: inline-block; width: calc(100% / 7); border: none; outline: none; cursor: pointer; transition: 0.2s; height: 70px; border-top: 4px solid #0277bd; position: relative; }
.matchesCenter.fixtures .fTab button:before { content: ""; width: 56px; height: 56px; background: #fff; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 1; border-radius: 50% }
.matchesCenter.fixtures .fTab button p { font-family: Arial; font-size: 26px; font-weight: bold; color: #b9b9b9; display: block; z-index: 2; text-align: center; position: relative }
.matchesCenter.fixtures .fTab button span { font-size: 12px; font-weight: normal; display: block; text-transform: uppercase; line-height: 1; margin-top: -5px; }
.matchesCenter.fixtures .fTab button:last-child { margin-left: 0 }
.matchesCenter.fixtures .fTab button:hover { background-color: #ddd; }
.matchesCenter.fixtures .fTab button.active { height: 75px; border-top: 0 }
.matchesCenter.fixtures .fTab button.active p { color: #fff }
.matchesCenter.fixtures .fTab button.active:before { border-radius: 0; background: #0277bd }
.matchesCenter.fixtures .fTab button .arrow { display: none }
.matchesCenter.fixtures .fTab button .goToWeek { font-family: droidLight, Arial; font-size: 13px; font-weight: normal; color: #000 }
.matchesCenter.fixtures .dayDtlsContent { margin-top: 0 }
.matchesCenter.fixtures .bx-wrapper .bx-pager { display: none }
.matchesCenter.fixtures .bx-wrapper .bx-controls-direction a { position: absolute; width: 140px; height: 70px; top: 0; background: #0277bd; color: #0277bd; overflow: hidden; text-align: center; margin-top: 0; opacity: 1 }
.matchesCenter.fixtures .bx-wrapper .bx-controls-direction a:hover { background: #0277bd }
.matchesCenter.fixtures .bx-wrapper .bx-controls-direction a:before { font-family: droidLight,Arial; font-size: 13px; color: #fff; line-height: 5.4; width: 100%; text-align: center; display: inline-block }
.matchesCenter.fixtures .bx-wrapper .bx-prev { right: -145px }
.matchesCenter.fixtures .bx-wrapper .bx-prev:before { color: #fff; content: " الأسابيع السابقة"; font-size: 26px }
.matchesCenter.fixtures .bx-wrapper .bx-next { left: -143px }
.matchesCenter.fixtures .bx-wrapper .bx-next:before { color: #fff; content: "الأسابيع التالية"; font-size: 26px }
.matchesCenter.fixtures.championship .fTab button p { font-family: droidLight, arial; font-size: 12px; font-weight: normal; width: 56px; position: absolute; left: 50%; transform: translate(-50%, -50%); top: 50%; line-height: 1.3 }
.matchesCenter.fixtures .fTab button.flickity-button { position: absolute; width: 100px; height: 70px; top: 0; background: #0277bd; color: #0277bd; overflow: hidden; text-align: center; font-size: 18px; margin-top: 0; opacity: 1; border-radius: 0 }
.matchesCenter.fixtures .fTab button.flickity-button.previous { right: 0 }
.matchesCenter.fixtures .fTab button.flickity-button.next { left: 0 }
.matchesCenter.fixtures .fTab button.flickity-button.previous:before,
.matchesCenter.fixtures .fTab button.flickity-button.next:before { color: #fff; font-family: droidLight, Arial; font-size: 12px; line-height: 1.6; background: none; margin-top: 8px; }
.matchesCenter.fixtures .fTab button.flickity-button.previous:before { content: "الأسابيع السابقة"; }
.matchesCenter.fixtures .fTab button.flickity-button.next:before { content: "الأسابيع التالية"; }
/****************** Standing ******************/
.standing { display: inline-block; float: right; margin-left: 20px; width: calc(100% - 320px); position: relative; }
.standing .table { display: inline-block; width: 100%; float: right; margin-bottom: 30px }
.standing .table .ttlRow { display: inline-block; width: 100%; background: #000; float: right; height: 30px; margin-bottom: 10px; }
.standing .table .ttlRow .itemTtl { float: right; padding: 2px 0; font-family: droidLight, arial; color: #fff; font-size: 13px; text-align: center; width: 60px }
.standing .table .ttlRow .itemTtl:nth-child(2) { width: calc(100% - 600px); text-align: right; padding-right: 10px }
.standing .table .ttlRow .itemTtl:last-child { width: 120px }
.standing .table .wRow { display: inline-block; width: 100%; background: #fff; border: 1px solid #e0e0e0; border-bottom: 0; height: 58px; float: right; position: relative }
.standing .table .wRow.first:before { content: ""; width: 4px; height: 100%; position: absolute; right: 0; top: 0; background: #0a6eb2 }
.standing .table .wRow.second:before { content: ""; width: 4px; height: 100%; position: absolute; right: 0; top: 0; background: #acbf65 }
.standing .table .wRow.last:before { content: ""; width: 4px; height: 100%; position: absolute; right: 0; top: 0; background: #cf0000 }
.standing .table .wRow:last-child { border-bottom: 1px solid #e0e0e0 }
.standing .table .wRow .item { float: right; color: #b9b9b9; font-size: 18px; text-align: center; line-height: 2; font-family: arial; width: 60px; padding: 10px }
.standing .table .wRow .item:nth-child(2) { width: calc(100% - 600px); padding-right: 10px; }
.standing .table .wRow .item:last-child { width: 120px; }
.standing .table .wRow .item:nth-child(9) { color: #000; font-weight: bold }
.standing .table .wRow .item p { text-align: right; color: #0277bd; font-size: 14px; font-family: droidBold, arial; line-height: 2.8 }
.standing .table .wRow .team { text-align: right; direction: rtl; font-family: droidLight, arial; padding-right: 10px }
.standing .table .wRow .team img { float: right; margin-left: 10px; width: auto; height: 36px }
.standing .table .wRow .item:last-child { text-align: center }
.standing .table .wRow .item:last-child img { float: none; margin-left: 0 }
.standing .tableDtls { display: inline-block; float: right; margin: 0 calc((100% - 626px) / 2); width: 626px }
.standing .tableDtls .place { float: right; display: inline-block; margin-left: 60px; font-family: droidLight, Arial; font-size: 13px; color: #000; padding-right: 10px }
.standing .tableDtls .place.first { border-right: 4px solid #0a6eb2 }
.standing .tableDtls .place.second { border-right: 4px solid #acbf65 }
.standing .tableDtls .place.last { border-right: 4px solid #cf0000 }
.standing .tableDtls .place:last-child { margin-left: 0 }
.standing .hint { display: inline-block; float: right; width: 100%; font-family: droidLight,arial; font-size: 14px; margin-top: 20px; background: #ff1a3b; color: #fff; padding: 10px; }
/*************** Stats Standing **************/
.statsStand.goals .ttl h2:after { content: "- الأهداف المسجلة"; margin-right: 8px; font-size: 14px }
.statsStand.penalty .ttl h2:after { content: "- ضربات الجزاء"; margin-right: 8px; font-size: 14px }
.statsStand.yellowCards .ttl h2:after { content: "- الكروت الصفراء"; margin-right: 8px; font-size: 14px }
.statsStand.redCards .ttl h2:after { content: "- الكروت الحمراء"; margin-right: 8px; font-size: 14px }
.statsStand .table .ttlRow .itemTtl:nth-child(2) { width: calc(100% - 240px); }
.statsStand .table .wRow .item:nth-child(2) { width: calc(100% - 240px); }
.statsStand.goals .table .ttlRow .itemTtl:last-child:after { content: "الأهداف المسجلة" }
.statsStand.penalty .table .ttlRow .itemTtl:last-child:after { content: "ضربات الجزاء" }
.statsStand.yellowCards .table .ttlRow .itemTtl:last-child:after { content: "الكروت الصفراء" }
.statsStand.redCards .table .ttlRow .itemTtl:last-child:after { content: "الكروت الحمراء" }
/****************** Scorers ******************/
.scorers { display: inline-block; float: right; margin-left: 20px; width: calc(100% - 320px); position: relative; }
.scorers .cnts { display: inline-block; float: right; width: 100% }
.scorers .cnts li { display: inline-block; float: right; width: calc((100% - 20px) / 2); margin-left: 20px; background: #fff; position: relative; margin-bottom: 20px; border: 1px solid #e0e0e0; height: 78px }
.scorers .cnts li:nth-child(2n+1) { margin-left: 0 }
.scorers .cnts li .playerImg { float: right; display: inline-block; width: 76px; height: 76px; overflow: hidden }
.scorers .cnts li .playerImg img { width: 100%; height: 100% }
.scorers .cnts li .playerDtls { float: right; display: inline-block; width: calc(100% - 152px); padding: 8px 10px }
.scorers .cnts li .playerDtls .num { display: inline-block; float: right; width: 100%; font-family: Arial; font-size: 16px; font-weight: bold; color: #000 }
.scorers .cnts li .playerDtls .name { display: inline-block; float: right; width: 100%; font-family: droidBold,arial; font-size: 14px; color: #0277bd; text-align: right; direction: rtl; line-height: 1.8 }
.scorers .cnts li .playerDtls .playerFooter { display: inline-block; width: 100%; float: right }
.scorers .cnts li .playerDtls .playerFooter .teamInfo { float: right; display: inline-block; width: 100%; margin-left: 0 }
.scorers .cnts li .playerDtls .playerFooter .teamInfo img { float: right; width: auto; height: 40px; margin-left: 10px; display: none }
.scorers .cnts li .playerDtls .playerFooter .teamInfo p { float: right; display: inline-block; font-family: droidLight, Arial; font-size: 12px; color: #b9b9b9; line-height: 1.6 }
.scorers .cnts li .playerDtls .playerFooter .matches { display: none }
.scorers .cnts li .playerDtls .playerFooter .assist { display: none }
.scorers .cnts li .goalsNum { float: right; display: inline-block; width: 76px; height: 76px; position: relative; background: #e8e8e8 }
.scorers .cnts li .goalsNum .num { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) }
.scorers .cnts li .goalsNum .num p { width: 100%; display: inline-block; text-align: center; font-family: Arial; font-size: 26px; color: #0277bd; font-weight: bold; line-height: 1; float: right }
.scorers .cnts li .goalsNum .num span { width: 100%; display: inline-block; text-align: center; font-family: droidLight,arial; font-size: 13px; color: #0277bd; line-height: 1; float: right; }
.scorers .cnts .more { display: inline-block; width: 100%; height: 28px; background: #0277bd; padding: 0 10px; text-align: left; color: #fff; font-family: droidLight,Arial; font-size: 13px; line-height: 2.3 }
.scorers .cnts .more:hover { background: #1b92d9 }
.scorers .cnts .more span { float: left; margin-right: 10px }
.scorers .cnts .more .icon-more:before { content: "h"; color: #fff; font-size: 14px; line-height: 2.2 }
/** First Item **/
.scorers .cnts li:first-child { width: 100%; margin-left: 0; height: 116px; }
.scorers .cnts li:first-child .playerImg { width: 114px; height: 114px }
.scorers .cnts li:first-child .playerDtls { padding: 14px 20px; width: calc(100% - 228px) }
.scorers .cnts li:first-child .playerDtls .num { display: none }
.scorers .cnts li:first-child .playerDtls .name { font-size: 20px; line-height: 1.4 }
.scorers .cnts li:first-child .playerDtls .playerFooter { margin-top: 14px }
.scorers .cnts li:first-child .playerDtls .playerFooter .teamInfo { width: calc(100% - 322px); margin-left: 50px }
.scorers .cnts li:first-child .playerDtls .playerFooter .teamInfo img { display: inline-block }
.scorers .cnts li:first-child .playerDtls .playerFooter .teamInfo p { font-size: 16px; line-height: 2.5 }
.scorers .cnts li:first-child .playerDtls .playerFooter .matches { float: right; width: 94px; margin-left: 50px; display: inline-block }
.scorers .cnts li:first-child .playerDtls .playerFooter .matches p { display: inline-block; float: right; width: 100%; font-family: droidLight, Arial; font-size: 15px; color: #b9b9b9; line-height: 2.5 }
.scorers .cnts li:first-child .playerDtls .playerFooter .matches p span { margin-right: 5px; font-weight: bold; font-size: 18px }
.scorers .cnts li:first-child .playerDtls .playerFooter .assist { float: right; width: 128px; display: inline-block }
.scorers .cnts li:first-child .playerDtls .playerFooter .assist p { display: inline-block; float: right; width: 100%; font-family: droidLight, Arial; font-size: 15px; color: #b9b9b9; line-height: 2.5 }
.scorers .cnts li:first-child .playerDtls .playerFooter .assist p span { margin-right: 5px; font-weight: bold; font-size: 18px }
.scorers .cnts li:first-child .goalsNum { width: 114px; height: 114px; }
.scorers .cnts li:first-child .goalsNum .num p { font-size: 42px }
.scorers .cnts li:first-child .goalsNum .num span { font-size: 18px }
/****************** Tour Listing ******************/
.tourListing { display: inline-block; float: right; margin-left: 20px; width: calc(100% - 320px); position: relative; }
.tourListing .toursCntnr { display: inline-block; float: right; width: 100% }
.tourListing .toursCntnr .tourItem { display: inline-block; float: right; width: 100%; margin-bottom: 20px; }
.tourListing .toursCntnr .tourItem:last-child { margin-bottom: 0 }
.tourListing .toursCntnr .tourItem .tourNameTtl { display: inline-block; width: 100%; background: #000; float: right; height: 30px; margin-bottom: 10px; color: #fff; text-align: center; font-family: droidLight, Arial; font-size: 14px; line-height: 2.2 }
.tourListing .toursCntnr .tourItem .item { display: inline-block; float: right; margin-bottom: 10px; width: 100%; background: #fff; border: 1px solid #dfdfdf; height: 60px; padding: 10px; overflow: hidden }
.tourListing .toursCntnr .tourItem .item:last-child { margin-bottom: 0 }
.tourListing .toursCntnr .tourItem .item .dtls { display: inline-block; float: right; }
.tourListing .toursCntnr .tourItem .item .dtls { float: right; display: inline-block; }
.tourListing .toursCntnr .tourItem .item .dtls .tourImg { float: right; margin-left: 10px; display: inline-block; position: relative; width: auto; height: 40px }
.tourListing .toursCntnr .tourItem .item .dtls .tourImg img { width: auto; height: 100% }
.tourListing .toursCntnr .tourItem .item .dtls h2 { float: right; display: inline-block; font-family: droidLight,Arial; font-size: 16px; line-height: 2.4 }
.tourListing .toursCntnr .tourItem .item .links { float: left; display: inline-block; }
.tourListing .toursCntnr .tourItem .item .more { display: inline-block; padding: 10px 0; width: auto; height: 36px; background: #0277bd; padding: 0 10px; text-align: left; color: #fff; font-family: droidLight,Arial; font-size: 13px; line-height: 2.9; float: right; margin-left: 10px }
.tourListing .toursCntnr .tourItem .item .more:hover { background: #1b92d9; }
.tourListing .toursCntnr .tourItem .item .more:last-child { margin-left: 0 }
.tourListing .toursCntnr .tourItem .item .more span { float: left; margin-right: 10px; }
.tourListing .toursCntnr .tourItem .item .more .icon-more:before { content: "h"; color: #fff; font-size: 14px; line-height: 2.8; }
/****************** Multimedia Listing *****************/
.listing.multimedia .ttl .more { float: left; display: inline-block; width: 75px; height: 40px; background: #0277bd; padding: 0 10px; color: #fff; font-family: droidLight,Arial; font-size: 13px; line-height: 3 }
.listing.multimedia .ttl .more:hover { background: #1b92d9 }
.listing.multimedia .ttl .more span { float: left; margin-right: 10px }
.listing.multimedia .ttl .more .icon-more:before { content: "h"; color: #fff; font-size: 12px; line-height: 3.4 }
.listing.multimedia .subCat { display: inline-block; width: 100%; float: right; margin-bottom: 20px }
.listing.multimedia .subCat:last-child { margin-bottom: 0 }
/******************** Most Seen Media *******************/
.mostSeenMedia { display: inline-block; float: left; width: 300px; position: relative }
.mostSeenMedia .cnts { display: inline-block; float: right; width: 100% }
.mostSeenMedia .cnts ul li { float: right; margin-bottom: 10px; width: 300px; height: 200px; position: relative; border: 1px solid #ddd; overflow: hidden; }
.mostSeenMedia .cnts ul li:last-child { margin-bottom: 0 }
.mostSeenMedia .cnts ul li .secName { display: block; padding: 0 0 0 10px; font-family: droidLight, Arial; font-size: 13px; color: #fff; background: rgba(0,0,0,0.7); position: absolute; top: 0px; right: 0px; z-index: 1; height: 30px; line-height: 2.3; }
.mostSeenMedia .cnts ul li .secName .icon { width: 30px; height: 30px; float: right; margin-left: 10px; text-align: center; }
.mostSeenMedia .cnts ul li a .imageCntnr { position: relative; overflow: hidden; padding-bottom: 67%; }
.mostSeenMedia .cnts ul li a img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: 0 auto; width: 100%; height: 100%; border: none; filter: brightness(100%) contrast(100%); -webkit-filter: brightness(100%) contrast(100%); -moz-filter: brightness(100%) contrast(100%); -o-filter: brightness(100%) contrast(100%); -ms-filter: brightness(100%) contrast(100%); transition: all 0.2s ease-in-out 0s; -webkit-transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; -ms-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; }
.mostSeenMedia .cnts .desc { width: 100%; height: 70%; overflow: hidden; cursor: pointer; position: absolute; bottom: 0; right: 0; background: linear-gradient(270deg,rgba(0,0,0,0),#000000); background: -webkit-linear-gradient(270deg,rgba(0,0,0,0),#000); background: -o-linear-gradient(270deg,rgba(0,0,0,0),#000); background: -moz-linear-gradient(270deg,rgba(0,0,0,0),#000); background: -ms-linear-gradient(270deg,rgba(0,0,0,0),#000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#004c4c4c',endColorstr='#ff1a3b00',GradientType=0); }
.mostSeenMedia .cnts .desc p { color: #fff; text-align: right; line-height: 1.6; padding: 10px; font-size: 15px; font-family: droidLight, Arial; position: absolute; bottom: 0; right: 0; direction: rtl; }
.mostSeenMedia .cnts ul li.video .secName .icon { background: #db182c; }
.mostSeenMedia .cnts ul li.video .secName .icon:before { content: "m"; color: #fff; font-size: 16px; line-height: 1.9; }
.mostSeenMedia .cnts ul li.image .secName .icon { background: #ffb200 }
.mostSeenMedia .cnts ul li.image .secName .icon:before { content: "n"; color: #fff; font-size: 16px; line-height: 1.9 }
/************** World Cup *************/
/** Desktop **/
.wcDiv .ttl { position: relative; }
.wcDiv .ttl:after { content: ""; width: 100%; height: 100%; background: url(../../Images/wcPatternBg.png) repeat left top; position: absolute; left: 0; top: 0; opacity: 0.4; z-index: 1 }
.wcDiv .interestedArticles .ttl:after { display: none }
.wcDiv .wcStanding .ttl:after { display: none }
.wcDiv .ttl .more { background: #c1151b; position: absolute; top: 0; left: 15px; width: 60px; padding: 0; }
.wcDiv .ttl .more:before { content: ""; position: absolute; right: -15px; top: 0; background: url(../../Images/wcNavItemBgR.png) no-repeat right 0; width: 15px; height: 40px }
.wcDiv .ttl .more:after { content: ""; position: absolute; left: -15px; top: 0; background: url(../../Images/wcNavItemBgL.png) no-repeat left 0 #f2f2f2; width: 15px; height: 40px }
.wcHeader { display: inline-block; width: 100%; height: 125px; float: right; background: url(../../Images/wcHeaderBg.jpg) no-repeat right 0 top; position: relative; margin-bottom: 40px }
.wcHeader h3 { display: inline-block; width: calc(100% - 130px); float: right; font-family: droidLight,Arial; font-size: 28px; color: #fff; line-height: 1.5; margin: 10px 130px 0 0 }
.wcHeader h3 span { display: block; font-size: 20px }
.wcHeader .wcNav { position: absolute; bottom: -20px; left: 50%; transform: translateX(-50%); width: 966px; height: 40px; }
.wcHeader .wcNav a { float: right; position: relative; display: inline-block; width: 90px; height: 40px; margin-left: 35px; text-align: center; font-family: droidLight, Arial; font-size: 16px; color: #fff; line-height: 2.4; background: #c1151b }
.wcHeader .wcNav a:before { content: ""; position: absolute; right: -15px; top: 0; background: url(../../Images/wcNavItemBgR.png) no-repeat right 0; width: 15px; height: 40px; z-index: 1 }
.wcHeader .wcNav a:after { content: ""; position: absolute; left: -15px; top: 0; background: url(../../Images/wcNavItemBgL.png) no-repeat left 0; width: 15px; height: 40px; z-index: 1 }
.wcHeader .wcNav a span { position: relative; z-index: 2 }
.wcHeader .wcNav a:last-child { margin-left: 0 }
.wcHeader .wcSocialMedia { display: inline-block; width: 190px; height: 40px; position: absolute; left: 10px; top: 10px; z-index: 1 }
.wcHeader .wcSocialMedia a { float: right; margin-left: 10px; color: #084989; width: 40px; height: 40px; font-size: 22px; border: 1px solid #fff; line-height: 2.1; background: #fff; border-radius: 50% }
.wcHeader .wcSocialMedia a:last-child { margin-left: 0 }
.wcHeader .wcSocialMedia a:hover { color: #fff }
.wcHeader .wcSocialMedia a.icon-fb:before { content: "b" }
.wcHeader .wcSocialMedia a.icon-tw:before { content: "c" }
.wcHeader .wcSocialMedia a.icon-yt:before { content: "f" }
.wcHeader .wcSocialMedia a.icon-insta:before { content: "e" }
.wcHeader .wcSocialMedia a.icon-fb:hover { background: #4267b2 }
.wcHeader .wcSocialMedia a.icon-tw:hover { background: #1da1f2 }
.wcHeader .wcSocialMedia a.icon-yt:hover { background: #f00f00 }
.wcHeader .wcSocialMedia a.icon-insta:hover { background: #3897f0 }
/** Mobile **/
.wcHeader .wcNavBtn { position: absolute; right: 110px; top: 8px; float: right; padding: 4px 46px 4px 14px; background: #093c6f; font-family: droidLight,Arial; color: #fff; font-size: 12px; display: none }
.wcHeader .wcNavBtn .menuIcon { display: inline-block; position: absolute; top: 14px; right: 10px; width: 22px; height: 2px; background-color: #fff; }
.wcHeader .wcNavBtn .menuIcon:before, .wcHeader .wcNavBtn .menuIcon:after { content: ''; width: 100%; height: 100%; position: absolute; background-color: inherit; left: 0; }
.wcHeader .wcNavBtn .menuIcon:before { bottom: 6px; }
.wcHeader .wcNavBtn .menuIcon:after { top: 6px; }
/******************** Menu ********************/
.wcMenuDiv { display: inline-block; width: 100%; position: fixed; top: -100px; z-index: 3; right: 0; background: url(../../Images/wcPatternBg.png) repeat top left #094d93; opacity: 0; visibility: hidden; transition: all 0.2s ease-in 0s; -webkit-transition: all 0.2s ease-out 0s; -ms-transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s }
.wcMenuDiv .wcMenuContainer { display: inline-block; float: right; width: 100%; opacity: 0; visibility: hidden; transition: all 0.1s ease-in 0s; -webkit-transition: all 0.1s ease-out 0s; -ms-transition: all 0.1s ease-in-out 0s; -moz-transition: all 0.1s ease-in-out 0s; -o-transition: all 0.1s ease-in-out 0s }
.wcMenuDiv .closeWCNav { position: absolute; right: 0; top: 0; height: 50px; width: 50px; float: right; text-align: center }
.wcMenuDiv .icon-close:before { content: "B"; color: #fff; font-size: 24px; line-height: 2 }
.openWCMenu .content-wrap { z-index: 4 }
.openWCMenu .wcMenuDiv { opacity: 1; visibility: visible; top: 50px }
.openWCMenu .wcMenuContainer { transition-delay: 0.1s; opacity: 1; visibility: visible }
/************** World Cup Standing *************/
.wcStanding { display: inline-block; float: right; width: 100%; background: url(../../Images/wcPatternBg.png) repeat 0 0 #094d93; padding: 16px }
.wcStanding .ttl { background: none; border-right: 4px solid #fff; color: #fff; margin-bottom: 20px }
.wcStanding .ttl h2 a { color: #fff }
.wcDiv .wcStanding .ttl .more { background: #fff; color: #094d93 }
.wcDiv .wcStanding .ttl .more .icon-more:before { color: #094d93 }
.wcDiv .wcStanding .ttl .more:before { background: url(../../Images/wcStndBgR.png) no-repeat right 0 }
.wcDiv .wcStanding .ttl .more:after { background: url(../../Images/wcStndBgL.png) no-repeat left 0 }
.wcStanding .groups { display: inline-block; width: 100%; float: right; }
.wcStanding .groups .table { display: inline-block; width: calc((100% - 60px) / 4); height: 228px; margin-left: 20px; margin-bottom: 42px; float: right; background: #f7f3eb; border-bottom-right-radius: 40px; border-bottom-left-radius: 40px; position: relative }
.wcStanding .groups .table:nth-child(4n) { margin-left: 0 }
.wcStanding .groups .table:nth-last-child(-n+4) { margin-bottom: 32px }
.wcStanding .groups .table .grpTitle { display: inline-block; float: right; width: 100%; height: 28px; text-align: center; color: #fff; font-family: droidLight, Arial; font-size: 13px; background: #b4a97b; line-height: 2.2 }
.wcStanding .groups .table:after { content: ""; position: absolute; left: 50%; bottom: -32px; transform: translateX(-50%); background: url(../../Images/wcGroupBg.png) no-repeat center center; width: 100%; height: 32px; background-size: auto 100%; }
.wcStanding .groups .table .wRow { display: inline-block; float: right; width: 100%; height: 44px; padding: 8px 0 }
.wcStanding .groups .table .wRow:nth-of-type(2) { margin-top: 6px }
.wcStanding .groups .table .wRow .item { float: right; color: #000; font-size: 18px; text-align: center; line-height: 1.7; font-family: arial; width: 34px; }
.wcStanding .groups .table .wRow .item:nth-child(2) { width: calc(100% - 68px) }
.wcStanding .groups .table .wRow .team { text-align: right; direction: rtl; font-family: droidLight, arial }
.wcStanding .groups .table .wRow .team img { float: right; margin-left: 5px; width: auto; height: 28px }
.wcStanding .groups .table .wRow .item p { text-align: right; color: #000; font-size: 15px; font-family: droidLight, arial; line-height: 1.8; float: right; display: inline-block }
/******************** Poll ********************/
.poll { display: inline-block; float: left; width: 300px; background: #fff; position: relative; padding: 10px; border: 1px solid #e0e0e0; border-top: 4px solid #c1151b; min-height: 370px; }
.poll .ttl { background: none; border-right: none; padding-right: 0; margin-bottom: 12px }
.poll .ttl .more { display: none }
.wcDiv .poll .ttl:after { display: none }
.poll .allItems { display: inline-block; width: 100%; }
.poll .allItems h2 { display: inline-block; width: 100%; background: #f7f7f7; padding: 5px 12px; text-align: right; font-family: droidBold, Arial; font-size: 14px; color: #1d1d1d; margin: 0 0 12px; }
.poll .allItems input[type="radio"] + label { font-size: 14px; margin: 0 5px 8px; }
.poll .allItems .btns { position: absolute; left: 25px; bottom: 10px; }
.poll .allItems .btns .vote { float: left; position: relative; display: inline-block; width: 90px; height: 40px; text-align: center; font-family: droidLight, Arial; font-size: 13px; color: #fff; line-height: 3; background: #c1151b; }
.poll .allItems .btns .vote:before { content: ""; position: absolute; right: -15px; top: 0; background: url(../../Images/wcNavItemBgR.png) no-repeat right 0; width: 15px; height: 40px; }
.poll .allItems .btns .vote:after { content: ""; position: absolute; left: -15px; top: 0; background: url(../../Images/wcNavItemBgL.png) no-repeat left 0; width: 15px; height: 40px; }
/******************** Fan Zone ********************/
.fanZoneDiv .content-wrap { min-height: 1000px; position: relative }
.fanZoneDiv .content-wrap:before { content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: url(../../Images/wcPatternBg.png) left top repeat #f2ebe3; opacity: 0.35 }
.fanZoneDiv .content-wrap:after { content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: url(../../Images/ACN/fanZBg.png) left bottom no-repeat; background-size: initial }
.fanZoneDiv .content { float: right; position: relative; z-index: 1; background: none }
.fanZone { display: inline-block; float: right; width: 100% }
.fanZone .fanZTtl { display: inline-block; width: 100%; float: right }
.fanZone .fanZTtl h2 { display: inline-block; width: 100%; float: right; text-align: center; font-family: droidBold, Arial; font-size: 36px; color: #000; line-height: 1; margin: 20px 0 }
.fanZone .fanZTtl span { display: inline-block; width: 100%; float: right; text-align: center; font-family: droidLight, Arial; font-size: 16px; color: #ad1d1d; line-height: 1.5 }
.fanZone .cnts { display: inline-block; width: 100%; float: right; width: 1000px; margin: 20px calc((100% - 1000px) / 2) }
.fanZone .cnts ul li { display: inline-block; width: calc((100% - 90.1px) / 4); height: 170px; margin-left: 30px; margin-bottom: 130px; float: right; background: #d8c796; border-bottom-right-radius: 24px; border-bottom-left-radius: 24px; position: relative; }
.fanZone .cnts ul li:nth-child(4n) { margin-left: 0 }
.fanZone .cnts ul li .zoneBlock { display: inline-block; height: 170px; width: 100%; float: right }
.fanZone .cnts ul li:last-child { margin-left: 0 }
.fanZone .cnts ul li:after { content: ""; position: absolute; left: 50%; bottom: -18px; transform: translateX(-50%); background: url(../../Images/fanZItmBg.png) no-repeat center center; width: 100%; height: 18px; background-size: auto 100%; }
.fanZone .cnts ul li .itemBg { width: 100%; height: 100px; display: inline-block; float: right; margin: 10px 0 5px }
.fanZone .cnts ul li h3 { display: inline-block; width: 100%; float: right; text-align: center; font-family: droidBold, Arial; font-size: 16px; color: #000; line-height: 1.5; padding: 0 10px; }
.fanZone .cnts ul li.rtc .itemBg { background: url(../../Images/fanZ1.png) center center no-repeat }
.fanZone .cnts ul li.predG .itemBg { background: url(../../Images/fanZ2.png) center center no-repeat }
.fanZone .cnts ul li.csegy .itemBg { background: url(../../Images/fanZ3.png) center center no-repeat }
.fanZone .cnts ul li.csi .itemBg { background: url(../../Images/fanZ4.png) center center no-repeat }
.fanZone .cnts ul li.wcAlbum .itemBg { background: url(../../Images/fanZ5.png?ver=0.1) center center no-repeat }
.fanZone .cnts ul li.quizG .itemBg { background: url(../../Images/fanZ6.png) center center no-repeat }
.fanZone .cnts ul li.penG .itemBg { background: url(../../Images/fanZ7.png) center center no-repeat; background-size: 80%; }
.fanZone .cnts ul li.tvt .itemBg { background: url(../../Images/fanZ8.png) center center no-repeat }
.fanZone .cnts ul li .sposor { position: relative; margin-top: 0; display: inline-block; float: right; width: 100%; text-align: center }
.fanZone .cnts ul li .sposor p { display: inline-block; float: right; width: 100%; text-align: center; font-family: droidLight,Arial; font-size: 13px; margin: 10px 0 5px; color: #000; line-height: 1 }
.fanZone .cnts ul li .sposor img { width: auto; height: 24px }
.fanZone .cnts ul li.rtc .sposor img { height: 26px; margin-top: 8px }
.fanZone .cnts ul li.predG .sposor img { height: 50px; margin-top: 8px }
.fanZone .cnts ul li.csegy .sposor img { height: 16px; margin-top: 8px }
.fanZone .cnts ul li.csi .sposor img { height: 34px; margin-top: 8px }
.fanZone .cnts ul li.wcAlbum .sposor img { height: 40px; margin-top: 8px }
.fanZone .cnts ul li.quizG .sposor img { height: 50px; margin-top: 8px }
.fanZone .cnts ul li.penG .sposor img { height: 40px; margin-top: 8px }
.fanZone .cnts ul li.tvt .sposor img { height: 50px; margin-top: 0px }
/********** Error Page **********/
.errorPageDiv .content { padding: 0 }
.errorPage { display: inline-block; width: 100%; float: right; background: url(../../Images/404Bg.jpg) no-repeat center center #fff; height: 600px; position: relative; background-size: 40%; margin-bottom: 0; padding: 20px }
.errorPage h2 { display: inline-block; width: 100%; text-align: center; font-family: droidBold, Arial; font-size: 34px; color: #000 }
.errorPage p { display: inline-block; width: 100%; text-align: center; font-family: droidLight, Arial; font-size: 20px; color: #0277bd; padding: 0 10px }
.errorPage .btns { width: 420px; height: 50px; display: inline-block; float: right; position: absolute; left: 50%; bottom: 30px; transform: translateX(-50%) }
.errorPage .btns a { float: right; display: inline-block; width: 200px; height: 50px; margin-left: 20px; background: #000; font-family: droidLight, Arial; font-size: 16px; color: #fff; text-align: center; line-height: 3; }
.errorPage .btns a:last-child { margin-left: 0; background: #0277bd }
/********** World Cup Overlay **********/
.wcOverlayDiv header { display: none }
.wcOverlayDiv .MinByMin { display: none }
.wcOverlayDiv .sponsorDiv { display: none }
.wcOverlayDiv #smartbanner { display: none }
.closeWCOL .wcOverlay { display: none }
.wcOverlayDiv .jpx-as-wrapper { display: none }
.wcOverlayDiv .EntryPoint, .wcOverlayDiv .EntryIconArrow { display: none !important }
.wcOverlayDiv footer { display: none }
.wcOverlayDiv .mobStickyBar { display: none }
.wcOverlayDiv { overflow: hidden }
.wcOverlay { position: fixed; width: 100%; height: 100%; display: inline-block; z-index: 9999; background: url(../../Images/WC/wcLandingBg.jpg) no-repeat center center #fff; top: 0; left: 0 }
.wcOverlay .wcLogo { position: absolute; top: 44px; right: 60px; width: 107px }
.wcOverlay .wcLogo img { width: 100%; height: 100% }
.wcOverlay .cntnr { position: absolute; top: 130px; left: 50%; transform: translateX(-50%); width: 840px; }
.wcOverlay .ykLogo { position: relative; display: inline-block; float: right; width: 100%; margin-bottom: 56px; }
.wcOverlay .ykLogo img { width: 100%; height: 100% }
.wcOverlay .goToBtns { width: 524px; height: 68px; display: inline-block; float: right; margin: 0 calc((100% - 524px) / 2) 30px }
.wcOverlay .goToBtns a { float: right; display: inline-block; width: 245px; margin-left: 34px; font-family: droidBold, Arial; font-size: 24px; color: #fff; text-align: center; line-height: 2.9 }
.wcOverlay .goToBtns a.russia { background: url(../../Images/WC/toRussiaBtn.png) no-repeat center center; background-size: 100% 100%; }
.wcOverlay .goToBtns a.yk { background: url(../../Images/WC/toYkBtn.png) no-repeat center center; background-size: 100% 100%; }
.wcOverlay .goToBtns a:last-child { margin-left: 0 }
.wcOverlay .mainSponsor { width: 160px; height: 246px; display: inline-block; float: right; position: relative; margin: 0 calc((100% - 160px) / 2) }
.wcOverlay .mainSponsor p { float: right; display: inline-block; width: 100%; font-family: droidLight, Arial; font-size: 18px; color: #fff; text-align: center; line-height: 1; margin-bottom: 30px }
.wcOverlay .mainSponsor .sponsorLogo { display: inline-block; width: 156px; margin: 0 2px }
.wcOverlay .mainSponsor .sponsorLogo img { width: 100%; height: 100% }
.wcOverlay .allSponsors { position: absolute; bottom: 0; left: 0; width: 100%; height: 260px; background: #fff; border-top: 6px solid #0277bd }
.wcOverlay .allSponsors p { float: right; display: inline-block; width: 100%; font-family: droidLight, Arial; font-size: 16px; color: #0277bd; text-align: center; line-height: 1; margin-bottom: 10px; padding: 15px 0 }
.wcOverlay .allSponsors .second { display: inline-block; float: right; position: absolute; top: 80px; left: 50%; transform: translateX(-50%); width: 664px }
.wcOverlay .allSponsors .second a { float: right; margin-left: 60px; transform: translateY(-50%); }
.wcOverlay .allSponsors .second a:last-child { margin-left: 0 }
.wcOverlay .allSponsors .third { display: inline-block; float: right; position: absolute; top: 190px; left: 50%; transform: translateX(-50%); width: 1376px }
.wcOverlay .allSponsors .third a { float: right; margin-left: 30px; transform: translateY(-50%); }
.wcOverlay .allSponsors .third a img { width: 70%; height: auto }
.wcOverlay .allSponsors .third a:last-child { margin-left: 0 }
.wcOverlay .close { display: inline-block; font-family: droidLight, Arial; font-size: 18px; color: #fff; position: absolute; left: 44px; top: 32px; float: right; line-height: 2.1 }
.wcOverlay .icon-close:before { content: "B"; float: left; margin-right: 10px; font-size: 24px }
/*********** Quiz Game ***********/
.quizGameDiv .content { padding: 0 }
.quizGame { float: right; display: inline-block; height: 600px; width: 100%; overflow: hidden; background: url(../../Images/QuizGame/quizGameBg.png) no-repeat right -50px top #053878; margin-bottom: 0; background-size: auto 100%; position: relative }
.quizGame .cnts { float: left; display: inline-block; width: calc(100% - 600px); padding: 0; position: relative; font-family: droidLight, arial !important; background: #053878; height: 100% }
.quizGame .interact_responsive_wrapper { width: 600px !important; margin: 0 calc((100% - 600px) / 2) }
.quizGame .wcLogo { position: absolute; right: 20px; top: 20px; width: 68px; height: auto }
.quizGame .whoPlayer { position: absolute; right: 80px; top: 50%; transform: translateY(-50%); width: 178px; height: auto }
.quizGame .tigerLogo { position: absolute; right: 20px; bottom: 20px; width: 90px; height: 90px }
.quizGame .tigerLogo img { width: 100%; height: auto }
/** Social Media **/
.quizGame .qgSocialMedia { display: inline-block; width: 90px; height: 40px; position: absolute; right: 330px; bottom: 20px; z-index: 1; }
.quizGame .qgSocialMedia a { float: right; margin-left: 10px; color: #084989; width: 40px; height: 40px; font-size: 22px; border: 1px solid #fff; line-height: 2.1; background: #fff; border-radius: 50% }
.quizGame .qgSocialMedia a:last-child { margin-left: 0 }
.quizGame .qgSocialMedia a:hover { color: #fff }
.quizGame .qgSocialMedia a.icon-fb:before { content: "b" }
.quizGame .qgSocialMedia a.icon-tw:before { content: "c" }
.quizGame .qgSocialMedia a.icon-yt:before { content: "f" }
.quizGame .qgSocialMedia a.icon-insta:before { content: "e" }
.quizGame .qgSocialMedia a.icon-fb:hover { background: #4267b2 }
.quizGame .qgSocialMedia a.icon-tw:hover { background: #1da1f2 }
.quizGame .qgSocialMedia a.icon-yt:hover { background: #f00f00 }
.quizGame .qgSocialMedia a.icon-insta:hover { background: #3897f0 }
/*********** Team Vs. Team ***********/
.tvt { direction: ltr }
.tvt footer { display: none }
.tvt .logoArea { display: none }
.tvt .content-wrap { padding: 0; background: #000 }
.tvt .content { padding: 0 }
.tvt .content { background: url(../../images/TeamVsTeam/mainBg.jpg) no-repeat center center; background-size: cover; }
.teamVsteam { display: inline-block; width: 100%; position: relative; padding-bottom: 200px }
.tvtOverlay .cd-main-content { position: relative; z-index: 9 }
.tvtOverlay .container { z-index: 9 }
.tvtOverlay .EntryIconArrow { display: none !important }
/***************** Yallakora Sponsored (CIB) ******************/
.ykSpons { position: absolute; top: 110px; right: 10px; display: inline-block }
.ykSpons p { float: right; font-family: droidLight,Arial; font-size: 12px; color: #fff; text-align: center !important; margin-left: 10px; line-height: 1.6 }
.ykSpons img { float: right; width: 100px; height: auto }
/** Team A Color **/
.matchDetailsTabs .matchDetailsTtl .teamA.black { border-right: 4px solid #000 }
.matchDetailsTabs .matchDetailsTtl .teamA.white { border-right: 4px solid #fff }
.matchDetailsTabs .matchDetailsTtl .teamA.lightblue { border-right: 4px solid #40c4ff }
.matchDetailsTabs .matchDetailsTtl .teamA.red { border-right: 4px solid #ff1a3b }
.matchDetailsTabs .matchDetailsTtl .teamA.blue { border-right: 4px solid #304ffe }
.matchDetailsTabs .matchDetailsTtl .teamA.orange { border-right: 4px solid #ff8f00 }
.matchDetailsTabs .matchDetailsTtl .teamA.yellow { border-right: 4px solid #ffd600 }
.matchDetailsTabs .matchDetailsTtl .teamA.green { border-right: 4px solid #00c853 }
.matchDetailsTabs .matchDetailsTtl .teamA.purple { border-right: 4px solid #623393 }
.matchDetailsTabs .timeline.stats .cnts ul li .teamA.black .slider::-webkit-slider-thumb { box-shadow: -100vw 0 0 100vw #000; }
.matchDetailsTabs .timeline.stats .cnts ul li .teamA.black .slider::-moz-range-thumb { box-shadow: -100vw 0 0 100vw #000; }
.matchDetailsTabs .timeline.stats .cnts ul li .teamA.black .slider::-ms-fill-lower { background: #000; }
.matchDetailsTabs .timeline.stats .cnts ul li .teamA.black .slider::-ms-thumb { box-shadow: -100vw 0 0 100vw #000; }
.matchDetailsTabs .timeline.stats .cnts ul li .teamA.white .slider::-webkit-slider-thumb { box-shadow: -100vw 0 0 100vw #fff; }
.matchDetailsTabs .timeline.stats .cnts ul li .teamA.white .slider::-moz-range-thumb { box-shadow: -100vw 0 0 100vw #fff; }
.matchDetailsTabs .timeline.stats .cnts ul li .teamA.white .slider::-ms-fill-lower { background: #fff; }
.matchDetailsTabs .timeline.stats .cnts ul li .teamA.white .slider::-ms-thumb { box-shadow: -100vw 0 0 100vw #fff; }
.matchDetailsTabs .timeline.stats .cnts ul li .teamA.lightblue .slider::-webkit-slider-thumb { box-shadow: -100vw 0 0 100vw #40c4ff; }
.matchDetailsTabs .timeline.stats .cnts ul li .teamA.lightblue .slider::-moz-range-thumb { box-shadow: -100vw 0 0 100vw #40c4ff; }
.matchDetailsTabs .timeline.stats .cnts ul li .teamA.lightblue .slider::-ms-fill-lower { background: #40c4ff; }
.matchDetailsTabs .timeline.stats .cnts ul li .teamA.lightblue .slider::-ms-thumb { box-shadow: -100vw 0 0 100vw #40c4ff; }
.matchDetailsTabs .timeline.stats .cnts ul li .teamA.red .slider::-webkit-slider-thumb { box-shadow: -100vw 0 0 100vw #ff1a3b; }
.matchDetailsTabs .timeline.stats .cnts ul li .teamA.red .slider::-moz-range-thumb { box-shadow: -100vw 0 0 100vw #ff1a3b; }
.matchDetailsTabs .timeline.stats .cnts ul li .teamA.red .slider::-ms-fill-lower { background: #ff1a3b; }
.matchDetailsTabs .timeline.stats .cnts ul li .teamA.red .slider::-ms-thumb { box-shadow: -100vw 0 0 100vw #ff1a3b; }
.matchDetailsTabs .timeline.stats .cnts ul li .teamA.blue .slider::-webkit-slider-thumb { box-shadow: -100vw 0 0 100vw #304ffe; }
.matchDetailsTabs .timeline.stats .cnts ul li .teamA.blue .slider::-moz-range-thumb { box-shadow: -100vw 0 0 100vw #304ffe; }
.matchDetailsTabs .timeline.stats .cnts ul li .teamA.blue .slider::-ms-fill-lower { background: #304ffe; }
.matchDetailsTabs .timeline.stats .cnts ul li .teamA.blue .slider::-ms-thumb { box-shadow: -100vw 0 0 100vw #304ffe; }
.matchDetailsTabs .timeline.stats .cnts ul li .teamA.orange .slider::-webkit-slider-thumb { box-shadow: -100vw 0 0 100vw #ff8f00; }
.matchDetailsTabs .timeline.stats .cnts ul li .teamA.orange .slider::-moz-range-thumb { box-shadow: -100vw 0 0 100vw #ff8f00; }
.matchDetailsTabs .timeline.stats .cnts ul li .teamA.orange .slider::-ms-fill-lower { background: #ff8f00; }
.matchDetailsTabs .timeline.stats .cnts ul li .teamA.orange .slider::-ms-thumb { box-shadow: -100vw 0 0 100vw #ff8f00; }
.matchDetailsTabs .timeline.stats .cnts ul li .teamA.yellow .slider::-webkit-slider-thumb { box-shadow: -100vw 0 0 100vw #ffd600; }
.matchDetailsTabs .timeline.stats .cnts ul li .teamA.yellow .slider::-moz-range-thumb { box-shadow: -100vw 0 0 100vw #ffd600; }
.matchDetailsTabs .timeline.stats .cnts ul li .teamA.yellow .slider::-ms-fill-lower { background: #ffd600; }
.matchDetailsTabs .timeline.stats .cnts ul li .teamA.yellow .slider::-ms-thumb { box-shadow: -100vw 0 0 100vw #ffd600; }
.matchDetailsTabs .timeline.stats .cnts ul li .teamA.green .slider::-webkit-slider-thumb { box-shadow: -100vw 0 0 100vw #00c853; }
.matchDetailsTabs .timeline.stats .cnts ul li .teamA.green .slider::-moz-range-thumb { box-shadow: -100vw 0 0 100vw #00c853; }
.matchDetailsTabs .timeline.stats .cnts ul li .teamA.green .slider::-ms-fill-lower { background: #00c853; }
.matchDetailsTabs .timeline.stats .cnts ul li .teamA.green .slider::-ms-thumb { box-shadow: -100vw 0 0 100vw #00c853; }
.matchDetailsTabs .timeline.stats .cnts ul li .teamA.purple .slider::-webkit-slider-thumb { box-shadow: -100vw 0 0 100vw #623393; }
.matchDetailsTabs .timeline.stats .cnts ul li .teamA.purple .slider::-moz-range-thumb { box-shadow: -100vw 0 0 100vw #623393; }
.matchDetailsTabs .timeline.stats .cnts ul li .teamA.purple .slider::-ms-fill-lower { background: #623393; }
.matchDetailsTabs .timeline.stats .cnts ul li .teamA.purple .slider::-ms-thumb { box-shadow: -100vw 0 0 100vw #623393; }
.matchDetailsTabs .timeline.squad .formation .teamA.black .icon-player:before { color: #000 }
.matchDetailsTabs .timeline.squad .formation .teamA.white .icon-player:before { color: #fff }
.matchDetailsTabs .timeline.squad .formation .teamA.lightblue .icon-player:before { color: #40c4ff }
.matchDetailsTabs .timeline.squad .formation .teamA.red .icon-player:before { color: #ff1a3b }
.matchDetailsTabs .timeline.squad .formation .teamA.blue .icon-player:before { color: #304ffe }
.matchDetailsTabs .timeline.squad .formation .teamA.orange .icon-player:before { color: #ff8f00 }
.matchDetailsTabs .timeline.squad .formation .teamA.yellow .icon-player:before { color: #ffd600 }
.matchDetailsTabs .timeline.squad .formation .teamA.green .icon-player:before { color: #00c853 }
.matchDetailsTabs .timeline.squad .formation .teamA.purple .icon-player:before { color: #623393 }
/** Team B Color **/
.matchDetailsTabs .matchDetailsTtl .teamB.black { border-left: 4px solid #000 }
.matchDetailsTabs .matchDetailsTtl .teamB.white { border-left: 4px solid #fff }
.matchDetailsTabs .matchDetailsTtl .teamB.lightblue { border-left: 4px solid #40c4ff }
.matchDetailsTabs .matchDetailsTtl .teamB.red { border-left: 4px solid #ff1a3b }
.matchDetailsTabs .matchDetailsTtl .teamB.blue { border-left: 4px solid #304ffe }
.matchDetailsTabs .matchDetailsTtl .teamB.orange { border-left: 4px solid #ff8f00 }
.matchDetailsTabs .matchDetailsTtl .teamB.yellow { border-left: 4px solid #ffd600 }
.matchDetailsTabs .matchDetailsTtl .teamB.green { border-left: 4px solid #00c853 }
.matchDetailsTabs .matchDetailsTtl .teamB.purple { border-left: 4px solid #623393 }
.matchDetailsTabs .timeline.stats .cnts ul li .teamB.black .slider::-webkit-slider-thumb { box-shadow: -100vw 0 0 100vw #000; }
.matchDetailsTabs .timeline.stats .cnts ul li .teamB.black .slider::-moz-range-thumb { box-shadow: -100vw 0 0 100vw #000; }
.matchDetailsTabs .timeline.stats .cnts ul li .teamB.black .slider::-ms-fill-lower { background: #000; }
.matchDetailsTabs .timeline.stats .cnts ul li .teamB.black .slider::-ms-thumb { box-shadow: -100vw 0 0 100vw #000; }
.matchDetailsTabs .timeline.stats .cnts ul li .teamB.white .slider::-webkit-slider-thumb { box-shadow: -100vw 0 0 100vw #fff; }
.matchDetailsTabs .timeline.stats .cnts ul li .teamB.white .slider::-moz-range-thumb { box-shadow: -100vw 0 0 100vw #fff; }
.matchDetailsTabs .timeline.stats .cnts ul li .teamB.white .slider::-ms-fill-lower { background: #fff; }
.matchDetailsTabs .timeline.stats .cnts ul li .teamB.white .slider::-ms-thumb { box-shadow: -100vw 0 0 100vw #fff; }
.matchDetailsTabs .timeline.stats .cnts ul li .teamB.lightblue .slider::-webkit-slider-thumb { box-shadow: -100vw 0 0 100vw #40c4ff; }
.matchDetailsTabs .timeline.stats .cnts ul li .teamB.lightblue .slider::-moz-range-thumb { box-shadow: -100vw 0 0 100vw #40c4ff; }
.matchDetailsTabs .timeline.stats .cnts ul li .teamB.lightblue .slider::-ms-fill-lower { background: #40c4ff; }
.matchDetailsTabs .timeline.stats .cnts ul li .teamB.lightblue .slider::-ms-thumb { box-shadow: -100vw 0 0 100vw #40c4ff; }
.matchDetailsTabs .timeline.stats .cnts ul li .teamB.red .slider::-webkit-slider-thumb { box-shadow: -100vw 0 0 100vw #ff1a3b; }
.matchDetailsTabs .timeline.stats .cnts ul li .teamB.red .slider::-moz-range-thumb { box-shadow: -100vw 0 0 100vw #ff1a3b; }
.matchDetailsTabs .timeline.stats .cnts ul li .teamB.red .slider::-ms-fill-lower { background: #ff1a3b; }
.matchDetailsTabs .timeline.stats .cnts ul li .teamB.red .slider::-ms-thumb { box-shadow: -100vw 0 0 100vw #ff1a3b; }
.matchDetailsTabs .timeline.stats .cnts ul li .teamB.blue .slider::-webkit-slider-thumb { box-shadow: -100vw 0 0 100vw #304ffe; }
.matchDetailsTabs .timeline.stats .cnts ul li .teamB.blue .slider::-moz-range-thumb { box-shadow: -100vw 0 0 100vw #304ffe; }
.matchDetailsTabs .timeline.stats .cnts ul li .teamB.blue .slider::-ms-fill-lower { background: #304ffe; }
.matchDetailsTabs .timeline.stats .cnts ul li .teamB.blue .slider::-ms-thumb { box-shadow: -100vw 0 0 100vw #304ffe; }
.matchDetailsTabs .timeline.stats .cnts ul li .teamB.orange .slider::-webkit-slider-thumb { box-shadow: -100vw 0 0 100vw #ff8f00; }
.matchDetailsTabs .timeline.stats .cnts ul li .teamB.orange .slider::-moz-range-thumb { box-shadow: -100vw 0 0 100vw #ff8f00; }
.matchDetailsTabs .timeline.stats .cnts ul li .teamB.orange .slider::-ms-fill-lower { background: #ff8f00; }
.matchDetailsTabs .timeline.stats .cnts ul li .teamB.orange .slider::-ms-thumb { box-shadow: -100vw 0 0 100vw #ff8f00; }
.matchDetailsTabs .timeline.stats .cnts ul li .teamB.yellow .slider::-webkit-slider-thumb { box-shadow: -100vw 0 0 100vw #ffd600; }
.matchDetailsTabs .timeline.stats .cnts ul li .teamB.yellow .slider::-moz-range-thumb { box-shadow: -100vw 0 0 100vw #ffd600; }
.matchDetailsTabs .timeline.stats .cnts ul li .teamB.yellow .slider::-ms-fill-lower { background: #ffd600; }
.matchDetailsTabs .timeline.stats .cnts ul li .teamB.yellow .slider::-ms-thumb { box-shadow: -100vw 0 0 100vw #ffd600; }
.matchDetailsTabs .timeline.stats .cnts ul li .teamB.green .slider::-webkit-slider-thumb { box-shadow: -100vw 0 0 100vw #00c853; }
.matchDetailsTabs .timeline.stats .cnts ul li .teamB.green .slider::-moz-range-thumb { box-shadow: -100vw 0 0 100vw #00c853; }
.matchDetailsTabs .timeline.stats .cnts ul li .teamB.green .slider::-ms-fill-lower { background: #00c853; }
.matchDetailsTabs .timeline.stats .cnts ul li .teamB.green .slider::-ms-thumb { box-shadow: -100vw 0 0 100vw #00c853; }
.matchDetailsTabs .timeline.stats .cnts ul li .teamB.purple .slider::-webkit-slider-thumb { box-shadow: -100vw 0 0 100vw #623393; }
.matchDetailsTabs .timeline.stats .cnts ul li .teamB.purple .slider::-moz-range-thumb { box-shadow: -100vw 0 0 100vw #623393; }
.matchDetailsTabs .timeline.stats .cnts ul li .teamB.purple .slider::-ms-fill-lower { background: #623393; }
.matchDetailsTabs .timeline.stats .cnts ul li .teamB.purple .slider::-ms-thumb { box-shadow: -100vw 0 0 100vw #623393; }
.matchDetailsTabs .timeline.squad .formation .teamB.black .icon-player:before { color: #000 }
.matchDetailsTabs .timeline.squad .formation .teamB.white .icon-player:before { color: #fff }
.matchDetailsTabs .timeline.squad .formation .teamB.lightblue .icon-player:before { color: #40c4ff }
.matchDetailsTabs .timeline.squad .formation .teamB.red .icon-player:before { color: #ff1a3b }
.matchDetailsTabs .timeline.squad .formation .teamB.blue .icon-player:before { color: #304ffe }
.matchDetailsTabs .timeline.squad .formation .teamB.orange .icon-player:before { color: #ff8f00 }
.matchDetailsTabs .timeline.squad .formation .teamB.yellow .icon-player:before { color: #ffd600 }
.matchDetailsTabs .timeline.squad .formation .teamB.green .icon-player:before { color: #00c853 }
.matchDetailsTabs .timeline.squad .formation .teamB.purple .icon-player:before { color: #623393 }
/*  YK Prediction   */
.predPage .predictionHolder { display: inline-block; width: 100%; float: right }
.predPage .predictionHolder .countDown { display: inline-block; width: 100%; float: right; margin-bottom: 10px }
.predPage .predHead { width: 100%; height: 200px; margin: 0 auto 20px; text-align: center; overflow: hidden; background: url("../../Images/predHeader.jpg?ref=1") no-repeat center center; background-size: auto 100% }
.predPage .loginCnts { display: inline-block; float: right; width: 100%; position: relative; }
.predPage .pred_banner { width: 100%; display: inline-block }
.predPage .countDown .LNumb { font: bold 24px arial; padding: 0 10px 0 0; }
.predPage .MangLeag { direction: rtl }
.predPage .pred_rules .MoreBlue { height: 23px }
.predPage .paginghref { margin: 0 10px 0 0; padding: 3px 8px 0 }
.predPage .pagingInside { padding: 5px 10px; background: #424242; border: 0 }
.predPage .jokerImg { padding-left: 5px; margin-top: 2px }
.predPage .predJoker .jokerCntnr { display: none }
.predPage .predButton-login { background: url("../../images/FBLogin-Ar.png?ref=1") no-repeat; color: #666; width: 166px; height: 44px; border: 0; cursor: pointer; margin: 20px auto; display: block }
.predPage #FacebookLogin, .predPage #PersonalData, .predPage #SavedSuccess { width: 60%; padding: 20px; margin: 0 auto 30px; text-align: center; border: 1px solid #ddd; background: #fff; }
.predPage #FacebookLogin p, .predPage #SavedSuccess p { font-family: droidLight, Arial; display: block; text-align: center }
.predPage #PersonalData .item { font-family: droidLight,Arial; float: right; display: inline-block; width: 100%; margin-bottom: 10px }
.predPage #PersonalData .item .label { width: 120px; float: right; margin-left: 10px; display: inline-block; direction: rtl; color: #000; font-size: 14px; text-align: right; line-height: 3 }
.predPage #PersonalData .item .control { width: calc(100% - 130px); padding: 9px 10px; border: 0; background-color: #fff; font-family: droidLight, Arial; font-size: 12px; color: #000; border: 1px solid #ddd }
.predPage #PersonalData button { display: inline-block; width: 90px; height: 40px; background: #0277bd; padding: 0 10px; color: #fff; font-family: droidLight,Arial; font-size: 14px; line-height: 3; }
.predPage #PersonalData button:hover { background: #1b92d9; }
.predPage .pred_rules { font-family: droidLight,Arial; }
.predPage .PersData img { float: right; margin-left: 10px; padding: 1px; border: 1px solid #000; }
.predPage .PersData span { font-family: droidLight,Arial; font-size: 18px; float: right; }
.predPage .predwht li { margin: 0 0 0 150px; text-align: center; float: right }
.predPage .predwht li span { display: block; text-align: center }
.predPage #Predictions .DataCell { color: #fff }
.predPage .logOutBtn { position: absolute; right: 76px; top: 30px; }
.predPage #Logout { color: #0277bd; font-family: droidLight,Arial; font-size: 14px; background: none }
.predPage #Logout:hover { color: #000 }
.predPage .predictionHolder .title { width: 100%; display: inline-block; float: right; background: #000; text-align: center; color: #fff; font-family: droidLight, Arial; font-size: 12px; position: relative; overflow: hidden; }
.predPage .predictionHolder .title li, .predPage .predictionHolder .matches li { float: right; text-align: center; margin: 0; padding: 0; border: 0; background: none; font-family: droidLight, Arial; line-height: 2.4; }
.predPage .predictionHolder ul li.predDate, .predPage .predictionHolder ul li.predJoker { width: 100px }
.predPage .predictionHolder ul li.predJoker { padding: 0 10px; position: relative; }
.predPage .predictionHolder ul li.predJoker input[type="radio"] + label { text-align: center }
.predPage .predictionHolder ul li.predJoker input[type="radio"] + label span { margin: calc((100% - 16px) / 2) 0 }
.predPage .predictionHolder ul li.predTeam { width: calc((100% - 320px)/2) }
.predPage .predictionHolder ul li.order { width: calc(100% /3) }
.predPage .predictionHolder ul li.predResult { width: 120px }
.predPage .predictionHolder .matches li img { height: 50px; width: auto }
.predPage .predictionHolder .predDate { width: 12% }
.predPage .predictionHolder .matches .predDate, .predPage .predictionHolder .matches .predResult { margin-top: 26px; font-size: 14px }
.predPage .predictionHolder .predName a { color: #0277bd }
.predPage .predictionHolder .predName a:hover { color: #000 }
.predPage .predictionHolder .predName p { text-align: center }
.predPage .pattern10 { margin-left: 20px; width: calc(100% - 320px); display: inline-block; float: right; z-index: 1; position: relative; }
.predPage .pattern10 .matches { overflow: hidden; background: #fff; border: 1px solid #ddd; margin-bottom: 10px; padding: 10px 0 }
.predPage .predictionHolder .predResult input { width: calc((100% - 20px) / 2); padding: 3px 0; text-align: center; border: 1px solid #444 }
.predPage .predictionHolder .predResult .score:focus { border: 1px solid rgba(0,0,0,.5) !important; outline: 0; }
.predPage .ttl h3 { float: left; margin: 5px 10px; font-family: droidLight,Arial; font-size: 14px }
.predPage .countDown p { font-family: droidLight,Arial; text-align: center }
.predPage .predictionHolder .team { display: inline-block; width: 100%; font-family: droidLight, Arial; font-size: 13px; float: right; margin-top: 5px }
.predPage .TourTabs { float: left; font-family: droidLight,Arial; font-size: 14px; margin-top: 15px }
.predPage .TourTabs li { float: right; border-right: 1px solid #000 }
.predPage .TourTabs li:first-child { border: 0 }
.predPage .TourTabs a { color: #0277bd; padding: 0 10px }
.predPage .TourTabs a:hover { color: #000 }
.predPage .txtcenter .more { display: inline-block; width: 90px; height: 40px; background: #0277bd; padding: 0 10px; color: #fff; font-family: droidLight,Arial; font-size: 14px; line-height: 3; }
.predPage .txtcenter .more:hover { background: #1b92d9 }
.predPage .txtcenter { margin-bottom: 20px }
.predPagNo { float: right }
.predPagNo span { font-size: 14px }
.predPaging { float: left; margin-left: 10px }
.predPaging .more { border: 0; height: 32px; line-height: 2; margin: 4px 10px 0 0; cursor: pointer }
.predPaging input[type=number] { padding: 4px 0 }
.predPage .matchDetailsTabs .tab button:before { content: none }
.predPage .matchTabLinks img { width: 60px }
.predPage .matchDetailsTabs .matchDetailsTtl { width: 100%; margin: 0 }
.predPage .menu-inner { margin-bottom: 20px; position: relative; z-index: 1; }
.predPage .ClipTitles { height: 30px; padding: 0; background: #000; }
.predPage .ClipTitles .TitleTxt { float: right; padding: 2px 10px; background: none; color: #fff; border-right: none }
.predPage .g2a { display: inline-block; width: 100%; margin-bottom: 20px; }
.predPage .predwht li { margin: 0 0 0 20px; text-align: center; float: right; width: calc((100% - 40px) / 3) }
.predPage .predwht li:last-child { margin-left: 0 }
.predPage .predwht li span { display: block; text-align: center; font-size: 14px }
.predPage .predwht li span.points { font-size: 13px; font-family: droidLight,Arial }
.predPage .predwht li span.num { font-family: Arial; font-weight: bold; font-size: 24px; display: inline-block; margin-left: 5px }
.predPage .g2a p { font-size: 14px; margin: 15px 0 }
/** Aya **/
/************** Policy Page **************/
.policy { width: calc(100% - 320px); background-color: rgb(255, 255, 255); font-family: droidLight, arial; overflow: hidden; margin-left: 20px; }
.policy .p-containter { display: inline-block; width: 100%; float: right; padding: 10px }
.policy .item { display: inline-block; width: 100%; margin-bottom: 25px; }
.policy .item .head { font-size: 18px; font-family: 'droidBold'; background: transparent; padding: 0 }
.policy .item p { margin: 12px 0; width: 100%; font-size: 14px; display: inline-block; width: 100%; color: rgb(29, 29, 29) }
.policy .item .MiniHead { font-family: 'droidBold'; font-size: 15px; margin-top: 20px; }
.policy .item ul { display: inline-block; margin-right: 40px; }
.policy .item ul li { list-style-type: square; margin-top: 20px; }
.policy .item p a { color: #0277bd; }
.policy .item p strong { font-family: droidBold, arial; font-size: 12px; }
.policy .item .head:before { display: none }
/************** Contact Page **************/
.ContactUs { width: calc(100% - 320px); margin-left: 20px; float: right; }
.ContactUs .item { display: inline-block; float: right; width: 100%; margin-bottom: 50px }
.ContactUs .item:last-child { margin-bottom: 0 }
.ContactUs .item h3 { display: inline-block; width: 100%; margin: 0 0 10px; font-family: droidLight,arial; font-size: 14px; color: #fff; text-align: right; direction: rtl; background: #000; padding: 2px 10px; }
.ContactUs .item.contact_us h3 { margin-bottom: 5px }
.ContactUs .contact_us h4 { font-size: 14px; font-family: droidLight, arial; margin: 0px 0 30px; background-color: #e8e8e8; display: inline-block; width: 100%; padding: 10px }
.ContactUs .contact_us .C-form { display: inline-block; width: 100% }
.ContactUs .contact_us .C-form .iitem { display: inline-block; width: 100%; margin-bottom: 35px; position: relative }
.ContactUs .contact_us .C-form .iitem .C-label { float: right; width: 150px; }
.ContactUs .contact_us .C-form .iitem .C-label label { font-family: droidLight,Arial; font-size: 14px; color: #000; direction: rtl; text-align: right; float: right; }
.ContactUs .contact_us .C-form .iitem .C-label span { color: #ff1a3b; margin-right: 2px; float: right }
.ContactUs .contact_us .C-form .iitem input, .ContactUs .contact_us .C-form .iitem #txtSMS { width: calc(100% - 150px) !important; height: 40px !important; border: 1px solid #ddd; float: right; outline: 0; padding: 12px; font-family: droidLight,Arial; color: #888; font-size: 14px }
.ContactUs .contact_us .C-form .iitem #txtSMS { height: 200px !important; }
.ContactUs .contact_us .C-form .iitem .wrapper-demo { display: inline-block; width: calc(100% - 150px); float: right; }
.ContactUs .contact_us .C-form .iitem .form-control:focus { border: 1px solid #8c8c8c !important; }
.ContactUs .contact_us .C-form .C_button { margin: 0 calc((100% - 300px) / 2); display: inline-block; width: 300px; background: #0277bd; padding: 6px 0; font-size: 16px; color: #fff; font-family: droidLight, arial; text-align: center; }
.ContactUs .options { width: 100%; height: 40px !important; border: 1px solid #ddd; float: right; outline: 0; padding: 5px 12px; font-family: droidLight, Arial; background: #fff; position: relative; z-index: 1; cursor: pointer; text-align: right; direction: rtl; color: #888; font-size: 14px; -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; -ms-transition: all .2s ease-out; -o-transition: all .2s ease-out; transition: all .2s ease-out; }
.ContactUs .options span { font-family: droidLight, arial; font-size: 15px; }
.ContactUs .options.icon-download:before { content: "F"; position: absolute; left: 12px; line-height: 2.2 }
.ContactUs .actiive { color: #4d4d4d; background: #f2f2f2; cursor: pointer; }
.ContactUs #ull { position: absolute; width: 100%; position: absolute; top: 35px; left: 0px; border: 1px solid #ccc; border-top: none; background-color: #fff; margin: 0; padding: 0; display: none; font-family: droidLight, arial; z-index: 1; }
.ContactUs #ull li { font-family: droidLight, arial; color: #888; border-bottom: 1px solid #e6e6e6; margin: 0px 11px; margin-top: 5px; padding-bottom: 10px; font-size: 15px; }
.ContactUs #ull li:last-child { border: none; }
.ContactUs #ull li:hover { color: #4d4d4d; cursor: pointer; }
.ContactUs .contactAds .ads { display: inline-block; width: 100%; margin: 0 0 15px; }
.ContactUs .contactAds .ads .item { display: inline-block; width: calc((100% - 30px)/ 2); position: relative; margin: 0 0 15px 20px; float: right; }
.ContactUs .contactAds .ads .item a, .ContactUs .contactAds .ads .item p { float: right; width: 100%; font-family: droidLight,Arial; font-size: 14px; color: #888; direction: rtl; text-align: right; }
.ContactUs .contactAds .ads .item label { float: right; width: 100%; font-family: droidBold,Arial; font-size: 15px; color: #000; direction: rtl; text-align: right; }
.ContactUs .contactAds .ads .item p { cursor: default; }
.ContactUs .contactAds .ads .item:nth-child(2n) { margin-left: 0; }
.ContactUs .contactAds .ads .item a { text-decoration: underline; color: #0277bd; }
.ContactUs #gmap_canvas, .contactAds .ads .item.phone p { direction: ltr; }
.ContactUs #gmap_canvas { height: 450px; width: 100%; }
.ContactUs .gm-style { font: 400 11px Roboto, Arial, sans-serif; text-decoration: none; }
/************** Articale Page **************/
.articale_Section { display: inline-block; width: 100%; overflow: hidden; }
.articale_Section .articleHeader { display: inline-block; width: 100%; float: right }
.articleHeader .authoer-img { position: relative; width: 141px; height: 143px; float: right; display: inline-block; margin-left: 10px; }
.articleHeader .authoer-img img { width: 100%; position: absolute; top: 0; left: 0; }
.articleHeader .custom { width: calc(100% - 151px); float: right; margin: 12px 0 38px; }
.articleHeader .articale-info { width: calc(100% - 151px); }
.articleHeader .articleInfo .time span.contennt:after { left: -10px; top: 11px; width: 5px; height: 1px; }
.articale_Section .detialls { display: inline-block; float: right; width: 100%; background-color: #e0e0e0; height: 30px; overflow: hidden; margin-bottom: 20px; margin-top: 10px; }
.articale_Section .detialls p { text-align: center; line-height: 2; color: #a7a7a7; padding: 0; font-size: 13px; font-family: droidLight, arial; }
article .connect { display: inline-block; width: calc(100% - 10px); margin-right: 10px; margin-bottom: 40px; }
article .total { float: right; width: calc((100% - 40px) / 3); margin-left: 20px; height: 91px; border: 1px solid #d9d9d9; }
article .total:last-child { margin-left: 0 }
article .connect .connect-fb { background-color: #4d6baa }
article .connect .leftt .font { display: inline-block; float: right; display: block; right: 0; top: 0; width: 55px; background-color: #43609c; }
article .connect .leftt p { width: calc(100% - 71px); DISPLAY: inline-block; float: right; margin: 0 8px; color: #fff; font-family: droidLight, arial; line-height: 1.5; position: absolute; right: 54px; top: 50%; transform: translateY(-50%); font-size: 13px; }
article .connect .leftt .TW { background-color: #38c2e5 }
article .connect .connect-tw { background-color: #57d4f4; }
article .connect .connect-Em { background-color: #e90e0e; }
article .connect .total h2 { background-color: #fff; height: 27px; line-height: 1.8; text-align: center; font-family: droidLight, arial; font-size: 14px; display: inline-block; width: 100%; }
article .connect .total h2 span { font-family: 'droidBold' }
article .connect .iicon, .article .connect .iicon, .article .connect .iicon { float: right; width: 20px; margin: 8px 14px; }
article .connect .icon-cfb:before { content: "b"; color: #fff; font-size: 27px; line-height: 2.3; }
article .connect .icon-ctw:before { content: 'c'; color: #fff; font-size: 27px; line-height: 2.3; }
article .connect .icon-cEm:before { content: 't'; color: #fff; font-size: 27px; line-height: 2.3; float: right; margin-left: 20px; }
article .connect .leftt { width: 100%; display: inline-block; position: relative; }
article .connect .leftt.Hover-FB:hover { background-color: #5c78b5; }
article .connect .leftt.Hover-TW:hover { background-color: #6fdbf6; }
article .connect .leftt.Hover-G:hover { background-color: #f43e3e }
article .connect .leftt .g { background-color: #c10b0b }
article .connect .leftt .icon-G:before { content: 'd'; color: #fff; font-size: 27px; line-height: 2.3; }
.articale_Section .connect .fb-like { float: left; line-height: 3 }
article .connect .leftt a { display: inline-block; float: left; }
article .connect .leftt a p { color: #fff; padding: 5px; border-radius: 5px; line-height: 1; float: left; font-family: arial; width: 122px; text-align: left; display: block; font-size: 14px; margin-top: 12px }
article .connect .leftt a span { font-size: 13px; display: inline-block; }
article .connect .leftt a.icon-ttw:before { content: 'c'; color: #fff; float: left; line-height: 4; margin-right: 5px }
article .connect .leftt input { border-radius: 30px; height: 38px; margin-top: 13px; overflow: hidden; font-size: 14px; padding: 4px 8px; box-shadow: none; border: none; font-family: arial; text-align: center; width: calc(100% - 47px); }
article .connect .leftt .inputt::-webkit-input-placeholder { color: #e90e0e; font-family: arial; font-size: 14px; text-align: center; font-weight: bold; opacity: 1; }
.articale_Section .pattern01 .imageCntnr img { display: none; }
.articale_Section .pattern01 ul li .item .imageCntnr { width: 20px; }
.articale_Section .pattern01 ul li .desc { width: calc(100% - 30px) }
.articale_Section .pattern01 .desc:before { content: 'h'; color: #0277bd; float: right; margin-left: 10px }
/*********************TeamPage*****************/
.teamPageFeatTtl { margin-left: 20px; width: calc(100% - 320px); float: right; }
.teamPageFeatTtl .featuredArea { width: 100%; margin-left: 0 }
.Team_Page { display: inline-block; width: 100%; overflow: hidden }
.Team_View .Team-Bk { display: inline-block; float: right; width: 100%; overflow: hidden; position: relative; height: 200px }
.Team_View .Team-Bk img { width: 100%; }
.Team_View .Team-Bk .teamBg { position: absolute; top: 0; right: 0; height: 100%; }
.Team_View .BK { width: calc(100% - 20px); height: calc(100% - 20px); position: absolute; z-index: 2; left: 0; top: 0; margin: 10px; background: rgba(0,0,0,0.6); }
.Team_View .teamCntnr { float: right; display: inline-block; width: 140px; margin: 20px }
.Team_View .Team-Logo { position: relative; padding-bottom: 100%; overflow: hidden; filter: drop-shadow(0px 0px 4px rgba(255,255,255,0.8)); -webkit-filter: drop-shadow(0px 0px 4px rgba(255,255,255,0.8)); }
.Team_View .Team-Logo img { width: 100%; height: 100%; position: absolute; right: 0; top: 0; }
.Team_View .dtls { display: inline-block; width: calc(100% - 200px); position: absolute; top: 50%; left: 20px; transform: translateY(-50%) }
.Team_View .BK .number { float: right; display: inline-block; color: #fff; width: 100% }
.Team_View .BK .number h1 { font-size: 20px; color: #fff; display: inline-block; float: right; font-family: droidBold, arial; margin-bottom: 0 }
.teamProf .BK .number h1 { line-height: 4 }
.Team_View .BK .number span { font-size: 40px; font-family: Arial; font-weight: bold; margin-right: 20px; display: inline-block; }
.Team_View .BK .owner-left { float: left; display: inline-block; }
.Team_View .owner-left .owner-img { display: inline-block; float: right; margin-left: 15px; width: 80px; height: 80px; }
.Team_View .owner-left .owner-img img { width: 100%; position: relative; height: 100%; }
.Team_View .owner-left .owner-DT { float: left; color: #fff; }
.Team_View .owner-left .owner-DT p { font-family: droidLight, arial; font-size: 16px }
.Team_View .owner-left .owner-DT h2 { font-family: droidLight, arial; line-height: unset; font-size: 18px }
.Team_Page .list { display: inline-block; width: calc(100% - 320px); float: right; margin-left: 20px; }
.Team_Page .list .container-Pl { display: inline-block; width: 100%; }
.Team_Page .list h2.hintt { display: inline-block; width: 100%; background-color: #e0e0e0; text-align: center; font-size: 12px; margin: 15px 0; font-family: 'droidBold'; line-height: 2 }
.Team_Page .list .Team1 { display: inline-block; width: 100%; }
.Team_Page .list .Team1 ul li:nth-child(3n) { margin-left: 0; }
.Team_Page .list .Team1 ul { display: inline-block; width: 100% }
.Team_Page .list .Team1 ul li { display: inline-block; width: calc((100% - 32px) / 3); border: 1px solid #e6e6e6; float: right; margin-left: 16px; background: #fff; margin-bottom: 20px; }
.Team_Page .list .Team1 ul li .Img { float: right; text-align: center; width: 57px; height: 57px; position: relative; }
.Team_Page .list .Team1 ul li .Img img { width: 100%; position: absolute; right: 0; height: 100%; }
.Team_Page .list .Team1 .P-name { float: right; display: inline-block; padding: 0 10px; width: calc(100% - 114px); margin-top: 5px; }
.Team_Page .list .Team1 .P-name a { display: inline-block; float: right; width: 100%; text-align: right; direction: rtl; font-family: droidBold,Arial; font-size: 12px; color: #0a6eb2; line-height: 1.4; }
.Team_Page .list .Team1 .P-name a:nth-child(2) { display: inline-block; float: right; width: 100%; text-align: right; direction: rtl; font-family: droidLight,Arial; font-size: 12px; color: #b9b9b9; line-height: 1.2; margin-top: 5px; }
.Team_Page .list .Team1 .numm { float: left; display: inline-block; width: 57px; height: 57px; background: #000 }
.Team_Page .list .Team1 .numm p { display: inline-block; float: right; width: 100%; height: 100%; text-align: center; direction: rtl; font-family: Arial; font-weight: bold; font-size: 20px; color: #fff; line-height: 2.5; }
.Team_Page .stats .item.matchAction ul { min-height: unset }
.Team_Page .matchAction { height: 88px; padding-bottom: 0 !important }
/******************** PlayerPage  *************/
.PlayerPage .right { display: inline-block; width: calc(100% - 320px); float: right; margin-left: 20px }
.PlayerPage .right .featuredArea { margin-left: 0; width: 100% }
.leeft { display: inline-block; width: 300px; float: left }
.PlayerView .BK .number span { margin-right: 60px; }
.PlayerView .Team1 { display: inline-block; float: right; width: 100%; margin-top: 20px }
.PlayerView .Team1 .Logoo { float: right; width: 42px; height: 42px; position: relative }
.PlayerView .Team1 h2 { float: right; margin-top: 5px; margin-right: 10px; color: #fff; font-family: droidLight, arial; font-size: 15px; }
.PlayerView .left { right: 325px }
.PlayerPage .ttl.special { background: #e8e8e8; margin-bottom: 24px }
.PalyerStats.tourStats.stats .item { width: calc((100% - 32px) / 3); }
.PalyerStats.tourStats.stats .item:nth-child(3n+1) { margin-left: 0 }
.PlayerPage .tourMatches ul li .resultDiv .result { color: #0277bd; font-size: 16px; font-family: arial; font-weight: bold; display: inline-block; }
.PlayerPage .tourMatches ul li .resultDiv .result:first-of-type { float: right }
.PlayerPage .tourMatches ul li .resultDiv .result:last-of-type { float: left }
.PlayerPage .tourMatches ul li .resultDiv .matchStatus { display: inline-block; width: 100%; }
.PlayerPage .tourMatches ul li .resultDiv .matchStatus .status.details { width: 100%; height: 18px; display: inline-block; color: #fff; font-family: droidLight, Arial; font-size: 10px; text-align: center; background: #0277bd; }
.PlayerPage .tourMatches ul li .resultDiv .matchStatus .status:before { content: "التفاصيل"; }
.tourMatches.next .lastMtchDtls { display: none }
.tourMatches.last .allItems li .resultDiv .matchStatus .time { display: none }
.tourMatches.last .allItems li .info date { display: none }
.tourMatches.last .allItems li .info span { display: none }
.PlayerPage .tourMatches.last ul li .resultDiv .matchStatusLast { display: inline-block; width: 100%; margin-top: 20px }
.tourMatches.last .allItems li .info { position: absolute; left: 0; bottom: 0 }
.PlayerPage .stats .item.matchAction ul { min-height: unset }
.PalyerStats.tourStats.stats .item .more { display: none }
.PalyerStats.tourStats.stats .item.matchAction { height: 88px }
/*.PalyerStats.tourStats.stats .item.matchAction:nth-last-child(-n+3){margin-bottom:0}*/
/******************* RoadToCup ****************/
.RoadToCup { display: inline-block; padding-bottom: 68%; position: relative }
.RoadToCup:before { content: ""; center top no-repeat #fff; background-size: 100%; position: absolute; top: 0; left: 0; width: 100%; height: 100% }
.RoadToCup .rightSlide .Cupitem { right: 12px; }
.RoadToCup .Cupitem { font-family: droidLight, arial; display: inline-block; width: 13%; background-color: #fff; height: 27px; float: right; top: 20.5%; position: absolute; border: 1px solid #d9d9d9; }
.RoadToCup .option { font-size: 14px; text-align: right; width: 100%; display: inline-block; float: right; cursor: pointer; color: #888; }
.RoadToCup .option.icon-Darrow:before { content: 'F'; color: #fff; background-color: #000; float: right; height: 100%; width: 20%; line-height: 1.9; }
.RoadToCup .option span { font-family: droidLight, arial; font-size: 13px; float: right; margin-right: 3px; }
.RoadToCup .DP { width: 100%; top: 26px; position: absolute; left: 0px; border: 1px solid #ccc; border-top: none; background-color: #fff; margin: 0; padding: 0; display: none; font-family: droidLight, arial; z-index: 1; }
.RoadToCup .DP li { font-family: droidLight, arial; color: #888; border-bottom: 1px solid #e6e6e6; margin: 0px 7px; margin-top: 5px; padding-bottom: 5px; font-size: 15px; cursor: pointer }
.RoadToCup .leftSlide .DP li, .RoadToCup .Winnerleft .DP li, .RoadToCup .Winnerleft2 .DP li, .RoadToCup .onewinner2 .DP li { text-align: left }
.RoadToCup .leftSlide .option, .RoadToCup .Winnerleft .option, .RoadToCup .Winnerleft2 .option, .RoadToCup .onewinner2 .option { text-align: left; float: left; }
.RoadToCup .Cup1 { top: 13%; }
.RoadToCup .Cup4 { top: 38%; }
.RoadToCup .Cup3 { top: 30.5%; }
.RoadToCup .Cup6 { top: 55%; }
.RoadToCup .Cup5 { top: 47.5%; }
.RoadToCup .Cup8 { top: 72.5%; }
.RoadToCup .Cup7 { top: 65%; }
.RoadToCup .leftSlide .Cupitem { float: left; left: 12px }
.RoadToCup .leftSlide .option.icon-Darrow:before { float: left; }
.RoadToCup .leftSlide .option span { float: left; margin-left: 5px; }
.RoadToCup .Winnerright .Cupitem { left: 82%; top: 17%; transform: translate(-82%,-17%); }
.RoadToCup .Winnerright .winnerB { top: 35%; left: 82%; transform: translate(-82%,-35%); }
.RoadToCup .Winnerright .winnerC { top: 53%; left: 82%; transform: translate(-82%,-53%); }
.RoadToCup .Winnerright .winnerD { top: 71%; left: 82%; transform: translate(-82%,-71%); }
.RoadToCup .Winnerleft .Cupitem { float: left; left: 17%; top: 17%; transform: translate(-17%,-17%); }
.RoadToCup .Winnerleft .option.icon-Darrow:before { float: left }
.RoadToCup .Winnerleft .option span { float: left; margin-left: 3px; }
.RoadToCup .Winnerleft .winnerB { top: 35%; left: 17%; transform: translate(-17%,-35%); }
.RoadToCup .Winnerleft .winnerC { top: 53%; left: 17%; transform: translate(-17%,-53%); }
.RoadToCup .Winnerleft .winnerD { top: 71%; left: 17%; transform: translate(-17%,-71%); }
.RoadToCup .Winnerright2 .Cupitem { top: 26%; transform: translate(-66%,-26%); left: 66%; }
.RoadToCup .Winnerright2 .Cupitem.winnerB { top: 62%; left: 66%; transform: translate(-66%,-62%); }
.RoadToCup .Winnerleft2 .Cupitem { top: 26%; transform: translate(-33%,-26%); left: 33%; }
.RoadToCup .Winnerleft2 .Cupitem .option.icon-Darrow:before { float: left }
.RoadToCup .Winnerleft2 .Cupitem .option span { float: left; margin-left: 5px; }
.RoadToCup .Winnerleft2 .Cupitem.winnerB { top: 62%; left: 33%; transform: translate(-33%,-62%); }
.RoadToCup .onewinner .Cupitem { top: 44%; left: 63%; transform: translate(-63%,-44%); }
.RoadToCup .onewinner2 .Cupitem { left: 37%; top: 44%; transform: translate(-37%,-44%); }
.RoadToCup .onewinner2 .option.icon-Darrow:before { float: left }
.RoadToCup .onewinner2 .option span { float: left; margin-left: 5px; }
.RoadToCup .winnerIN { display: inline-block; top: 71.5%; left: 50%; position: absolute; transform: translate(-50%,-71.5%); width: 13%; }
.RoadToCup .winnerIN .Cupitem { width: 100%; background-color: transparent; height: auto; position: relative; border: none; }
.RoadToCup .winnerIN .option.icon-Darrow:before { background-color: transparent; margin-right: 5px }
.RoadToCup .winnerIN .DP { background-color: #cc0007; border: none; border-radius: 5px; top: 31px; }
.RoadToCup .winnerIN .DP li { color: #fff; border-bottom: none; font-size: 14px; }
.RoadToCup img { width: 25px; height: 12px }
.RoadToCup .rightSlide img, .RoadToCup .Winnerright img, .RoadToCup .Winnerright2 img, .RoadToCup .onewinner img { float: right; margin: 7px 4px 0 4px; }
.RoadToCup .leftSlide img, .RoadToCup .Winnerleft img, .RoadToCup .Winnerleft2 img, .RoadToCup .onewinner2 img { float: left; margin: 7px 4px 0 4px; }
.RoadToCup .leftSlide .Cup1 { top: 20.5%; }
.RoadToCup .leftSlide .Cup2 { top: 13%; }
.RoadToCup .leftSlide .Cup3 { top: 38%; }
.RoadToCup .leftSlide .Cup4 { top: 30%; }
.RoadToCup .leftSlide .Cup5 { top: 55%; }
.RoadToCup .leftSlide .Cup6 { top: 47.5%; }
.RoadToCup .leftSlide .Cup7 { top: 72.5%; }
.RoadToCup .leftSlide .Cup8 { top: 65%; }
.RoadToCup .imageRight { position: absolute; right: 0; width: 145px; height: 40px; }
.RoadToCup .imageLeft { position: absolute; left: 0; width: 145px; height: 40px; }
.RoadToCup .winnerIN .option { color: #fff; text-align: center; font-size: 13px; }
.RoadToCup .Mbutton { display: inline-block; width: 100%; margin-bottom: 40px; margin-top: 25px; position: relative; }
.RoadToCup .Mbutton a { line-height: 1; padding: 10px 25px; background-color: #ddd; height: 36px; text-align: center; border-radius: 3px; margin-left: 10px }
.RoadToCup .Mbutton a:last-child { margin-left: 0; }
.RoadToCup .Mbutton .button { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-family: arial; font-size: 14px; }
.RoadToCup .Mbutton .Cnext { background-color: #b10006; color: #fff; float: right }
.RoadToCup .Mbutton .Cback { background-color: #5dc9ef; color: #fff; float: left }
.RoadToCup .mobile { display: none }
.RoadToCup h2 { position: absolute; width: 30%; float: right; font-family: droidLight, arial; font-size: 12px; color: #a49348; font-size: 13px; width: 12% }
.RoadToCup .rightSlide h2.cupText1 { top: 10%; left: 96%; transform: translate(-96%, -10%); }
.RoadToCup h2.cupText2 { top: 17.5%; left: 96%; transform: translate(-96%, -17.5%); }
.RoadToCup h2.cupText3 { top: 28%; left: 96%; transform: translate(-96%, -28%); }
.RoadToCup h2.cupText4 { top: 36%; left: 96%; transform: translate(-96%, -36%); }
.RoadToCup h2.cupText5 { top: 45.5%; left: 96%; transform: translate(-96%, -45.5%); }
.RoadToCup h2.cupText6 { top: 53.5%; left: 96%; transform: translate(-96%, -53.5%); }
.RoadToCup h2.cupText7 { top: 64%; left: 96%; transform: translate(-96%, -64%); }
.RoadToCup h2.cupText8 { top: 71.5%; left: 96%; transform: translate(-96%, -71.5%); }
.RoadToCup .leftSlide h2.cupText1 { top: 17.5%; left: 0; transform: translateY(-17.5%); }
.RoadToCup .leftSlide h2.cupText2 { top: 10%; left: 0; transform: translateY(-10%); }
.RoadToCup .leftSlide h2.cupText3 { top: 36%; left: 0; transform: translateY(-36%); }
.RoadToCup .leftSlide h2.cupText4 { top: 28%; left: 0; transform: translateY(-28%); }
.RoadToCup .leftSlide h2.cupText5 { top: 53.5%; left: 0; transform: translateY(-53.5%); }
.RoadToCup .leftSlide h2.cupText6 { top: 45.5%; left: 0; transform: translateY(-45.5%); }
.RoadToCup .leftSlide h2.cupText7 { top: 71.5%; left: 0; transform: translateY(-71.5%); }
.RoadToCup .leftSlide h2.cupText8 { top: 64%; left: 0; transform: translateY(-64%); }
.RoadToCup .Winnerright h2 { top: 13.5%; left: 76%; transform: translate(-76%, -13.5%); }
.RoadToCup .Winnerright h2.cupTextA { top: 31.5%; left: 76%; transform: translate(-76%, -31.5%); }
.RoadToCup .Winnerright h2.cupTextD { top: 49.5%; left: 76%; transform: translate(-76%, -49.5%); }
.RoadToCup .Winnerright h2.cupTextC { top: 67%; left: 76%; transform: translate(-76%, -67%); }
.RoadToCup .Winnerleft h2 { top: 13.5%; left: 15%; transform: translate(-15%, -13.5%); width: 10%; }
.RoadToCup .Winnerleft h2.cupTextA { top: 31.5%; left: 15%; transform: translate(-15%, -31.5%); }
.RoadToCup .Winnerleft h2.cupTextD { top: 49.5%; left: 15%; transform: translate(-15%, -49.5%); }
.RoadToCup .Winnerleft h2.cupTextC { top: 67%; left: 15%; transform: translate(-15%, -67%); }
.RoadToCup .Winnerright2 h2 { top: 22%; left: 61%; transform: translate(-61%, -22%); }
.RoadToCup .Winnerright2 h2.cupTextA { top: 58%; left: 61%; transform: translate(-61%, -58%); }
.RoadToCup .Winnerleft2 h2 { top: 22%; left: 30%; transform: translate(-30%, -22%); width: 10%; }
.RoadToCup .Winnerleft2 h2.cupTextA { top: 58%; left: 30%; transform: translate(-30%, -58%); }
.RoadToCup .onewinner h2 { top: 40%; left: 58%; transform: translate(-58%, -40%); }
.RoadToCup .onewinner2 h2 { top: 40%; left: 33%; transform: translate(-33%, -40%); width: 10%; }
.ShareBK { display: inline-block; width: 100% }
.ShareBK .ShareImg { position: relative; width: 1024px; height: 550px; margin: 0 calc((100% - 1024px)/2); }
.ShareBK img { position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
.ShareBK .ShareBT { position: relative; display: inline-block; width: 100%; margin: 35px 0 20px 0; }
.ShareBK .ButtonSH { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }
.ShareBK a { padding: 10px; width: 100px; border-radius: 5px; color: #fff; margin-left: 20px; font-family: Arial; font-size: 15px; }
.ShareBK .FBshare { background-color: #3a589b; float: left; margin-left: 0 }
.ShareBK .Play { background-color: #b10006; float: right; }
.ShareBK .FBshare:hover { background-color: #3e5fa8; }
.ShareBK .Play:hover { background-color: #990005 }
.RoadToCup .FBshare { position: absolute; background-color: #3a589b; padding: 10px; width: 100px; border-radius: 5px; color: #fff; margin-left: 20px; font-family: Arial; font-size: 15px; top: 80%; left: 48%; transform: translate(-48%,-80%); }
/******************** Listing-EN *************/
.ListingEN .listing { float: left; margin-right: 20px; margin-left: 0; }
.ListingEN .ttl h2 { float: left }
.ListingEN .ttl { border-left: 4px solid #000; padding-left: 10px; border-right: 0; padding-right: 0; }
.ListingEN .listing ul li .secName { left: 0px; right: auto }
.ListingEN .listing ul li .desc { float: left }
.ListingEN .listing ul li .desc p { text-align: left; }
.ListingEN .listing ul li .desc .time { float: left }
.ListingEN .listing ul li .desc .time span { margin-left: 0; margin-right: 16px; float: right; }
.ListingEN .interestedArticles .cnts li { float: left }
.ListingEN .interestedArticles .cnts li .num { float: left; margin: 6px 10px 0 0; }
.ListingEN .interestedArticles .cnts li p { text-align: left; }
.ListingEN .newsPointer .cnts li .trendDiv { float: left; margin-right: 10px; margin-left: 0 }
.ListingEN .newsPointer .cnts li a { text-align: left }
.ListingEN .smsServices .subTxt .smsInput { float: left; text-align: left }
/*********************Choose Squad*************/
.chooseSquadDiv .content-wrap { padding: 0; background: #000; }
.chooseSquadDiv .content { padding: 0 }
.chooseSquadDiv .csBackground p { line-height: normal; }
.chooseSquadDiv .wrapper { padding: 10px; width: calc(100% - 20px) }
.chooseSquadDiv .PageWidth { width: calc(100% - 230px) }
.chooseSquadDiv .csBackground { margin: 0; padding: 0; background: url(../../images/ACN/legendary-team-cover.jpg?ver=0.3) no-repeat #000; background-size: 100%; overflow: hidden; padding-bottom: 55%; position: relative; }
.chooseSquadDiv .csBackground.squadAhpy { background-image: url(../../images/AhlyPyramids/AhlyVSPyramidsBG-Inner.jpg); background-color: #000; background-position: center -150px }
.chooseSquadDiv .csBackground .stepOne { display: inline-block; width: 100%; padding: 20px 0 0; position: absolute; right: 0 }
.chooseSquadDiv .csBackground .close { position: absolute; top: 20px; left: 20px; width: 18px; height: 18px; visibility: hidden; opacity: 0; z-index: 2 }
.chooseSquadDiv .csBackground .icon-close:before { content: "B"; font-size: 18px; color: #fff; line-height: 1 }
.chooseSquadDiv.dropdownOpen .close, .csBackground .stepTwo .close { visibility: visible; opacity: 1; right: auto; }
.chooseSquadDiv .csBackground ul.dropmenu { text-align: center; float: right; display: inline-block; /* position: relative; */ width: 100%; padding: 0 80px; }
.chooseSquadDiv .csBackground ul.dropmenu .border { position: relative; }
.chooseSquadDiv .csBackground ul li.button-dropdown { margin-left: 20px; display: inline-block; width: calc((100% - 60px) / 4); float: right; }
.chooseSquadDiv .csBackground.SquadInt ul li.button-dropdown { width: calc((100% - 80px) / 5) !important }
.chooseSquadDiv .csBackground ul li.button-dropdown:last-child { margin-left: 0 }
.chooseSquadDiv .csBackground ul li a { list-style: none; color: #fff; font-size: 13px; border: 1px solid #000000eb; display: inline-block; background-color: #000000eb; padding: 5px 12px; line-height: 2.5; width: 100%; font-family: droidLight, Arial; text-decoration: none; position: relative; z-index: 2; border-radius: 8px }
.chooseSquadDiv .csBackground ul li a.player { background: none; width: auto; border-radius: 0; padding: 0; border: none }
.chooseSquadDiv .csBackground a.imagee { position: absolute; padding-top: 8%; padding-right: 21%; display: none; }
.chooseSquadDiv .csBackground ul li a.icon-download::before { content: 'F'; float: left; line-height: 2.5 }
.chooseSquadDiv .stepOne .Warning { margin: 22px calc((100% - 600px) / 2); text-align: center; background-color: rgba(0, 0, 0, 0.9); padding: 20px; color: #fff; margin-top: 50px; height: 200px; line-height: 7; font-size: 22px; font-family: droidLight,Arial; z-index: 9999; position: absolute; }
.chooseSquadDiv .stepOne .Warning .Warningclose { float: left; line-height: 1; }
/*.chooseSquadDiv .SquadEG.csBackground{padding-bottom:55%}*/
.chooseSquadDiv .playplanoptions li.playplanopt { text-align: center; width: calc((100% - 150px) / 5); float: right; margin-left: 30px; }
.chooseSquadDiv .playplanoptions li.playplanopt:last-child { margin-left: 0 }
.chooseSquadDiv .playplanoptions li.playplanopt h4 { font-family: Arial; margin-bottom: 18px; font-size: 20px; color: #fff }
.chooseSquadDiv .playplanoptions li.playplanopt ol li { float: none; margin-bottom: 0; display: inline-block; width: 13px; height: 13px; background-color: #666; -webkit-border-radius: 13px; border-radius: 13px; margin-left: 12px; }
.chooseSquadDiv .playplanoptions li.playplanopt .row { margin-bottom: 10px; }
.chooseSquadDiv .playplanoptions li.playplanopt:hover h4, .chooseSquadDiv .playplanoptions li.playplanopt.active h4 { color: #08a6f0; }
.chooseSquadDiv .playplanoptions li.playplanopt:hover ol li, .chooseSquadDiv .playplanoptions li.playplanopt.active ol li { background-color: #08a6f0; }
/*--------------------dropdown menu---------------*/
.chooseSquadDiv .csBackground ul.dropdown-menu1 { padding: 120px 80px 10px; background: rgba(0, 0, 0, 0.7); z-index: 1; display: none; position: absolute; float: right; width: 100%; right: 0; top: 0; }
.chooseSquadDiv .csBackground ul.dropdown-menu1 li { width: calc((100% - 40.1px )/ 5); display: inline-block; margin-left: 10px; margin-bottom: 30px; float: right }
.chooseSquadDiv .csBackground ul.dropdown-menu1 li:nth-child(5n) { margin-left: 0 }
.chooseSquadDiv .csBackground ul.dropdown-menu1 li h1 { font-size: 15px; color: #fff; font-family: droidLight, Arial; line-height: 1.5; }
.chooseSquadDiv .csBackground ul.dropdown-menu1 li p { color: #777; font-size: 13px; font-family: droidLight, Arial; }
.chooseSquadDiv .csBackground .dropmenu li a:focus, .chooseSquadDiv .csBackground .dropmenu li a.dropdown-toggle.active { border: 1px solid #5aa002; color: #5aa002; }
.chooseSquadDiv .active:after { display: none; }
/*-----------------------stepTwo-----------------*/
.chooseSquadDiv .stepTwo { overflow: hidden; position: absolute; height: 100%; width: 100%; }
.chooseSquadDiv .stepTwo .details { position: relative; height: 380px; width: 770px; margin: 50px calc((100% - 770px) / 2) 0; background-color: rgba(0, 0, 0, 0.8); text-align: center; display: inline-block; font-family: droidLight, Arial; }
.chooseSquadDiv .stepTwo a.close.icon-download:before { content: 'B'; float: left; padding: 10px; color: #fff; }
.chooseSquadDiv .stepTwo .player-image { width: 217px; height: 320px; float: right; overflow: hidden; position: relative; }
.chooseSquadDiv .stepTwo img { width: 100%; height: 100%; position: absolute; top: 0; left: 0 }
.chooseSquadDiv .stepTwo .player-container { margin: 30px 60px; display: inline-block }
.chooseSquadDiv .stepTwo .playerDtls { float: right; margin-right: 30px; margin-top: 40px; width: calc(100% - 247px) }
.chooseSquadDiv .stepTwo .detailss { float: right; }
.chooseSquadDiv .stepTwo .detailss h2 { font-size: 24px; color: #fff; line-height: 1; margin-bottom: 10px }
.chooseSquadDiv .stepTwo .detailss p { font-size: 18px; color: #888; line-height: 1 }
.chooseSquadDiv .stepTwo .range { float: left; border-radius: 50%; height: 140px; width: 140px; position: relative; }
.chooseSquadDiv .stepTwo .range h3 { padding: 20px 0 0 0; }
.chooseSquadDiv .progress-bar1 div { position: absolute; height: 140px; width: 140px; border-radius: 50%; top: 0; left: 0; }
.chooseSquadDiv .progress-bar1 div span { position: absolute; font-family: Arial; font-size: 25px; line-height: 75px; height: 120px; width: 120px; left: 10px; top: 10px; text-align: center; border-radius: 50%; color: #fff; display: none; }
.chooseSquadDiv .range .percent { position: absolute; width: 120px; height: 120px; top: 50%; left: 10px; margin-top: -60px; }
.chooseSquadDiv .range .percent p { color: #fff; font-family: droidLight, Arial; font-size: 14px; text-align: center; position: absolute; top: 50%; left: 50%; width: 100%; transform: translate(-50%,-50%); }
.chooseSquadDiv .range .percent p span { color: #fff; font-family: Arial; font-size: 32px; font-weight: bold; text-align: center; display: block; }
.chooseSquadDiv .progress-bar1 .background { border: 10px solid black; background: none; padding-bottom: 0; }
.chooseSquadDiv .progress-bar1 .rotate { clip: rect(0 70px 140px 0); border: 10px solid rgba(90, 160, 2, 1); background: none; }
.chooseSquadDiv .progress-bar1 .left { clip: rect(0 70px 140px 0); width: 140px; height: 140px; opacity: 1; border: 10px solid black; background: none; left: 0; top: 0; -webkit-backface-visibility: hidden; }
.chooseSquadDiv .progress-bar1 .right { clip: rect(0 70px 140px 0); transform: rotate(180deg); border: 10px solid rgba(90, 160, 2, 1); background: none; opacity: 0; }

@keyframes toggle {
    0% { opacity: 0; }
    100% { opacity: 1; }
}

.chooseSquadDiv .stepTwo .range .span2 { font-size: 22px; padding-right: 32px; }
.chooseSquadDiv .stepTwo .range .span1 { font-size: 22px; padding-right: 22px; }
.chooseSquadDiv .stepTwo .buttons { display: inline-block; margin: 60px 0 0 0; float: right }
.chooseSquadDiv .stepTwo .buttons a { float: right; height: 36px; text-align: center; padding-top: 10px; color: #fff; font-size: 18px; margin-right: 25px; }
.chooseSquadDiv .stepTwo .buttons .button { border-radius: 5px; padding: 0 10px; margin-right: 0; margin-left: 20px; line-height: 2.7; text-decoration: none; font-family: droidLight,arial; font-size: 14px }
.chooseSquadDiv .stepTwo .buttons .button.pluss, .chooseSquadDiv .stepTwo .buttons .button.remove { background-color: #5aa002; }
.chooseSquadDiv .stepTwo .buttons .button.miinus { background-color: #000000; }
.chooseSquadDiv .stepTwo .buttons a.pluss.icon-download:before { content: 'H'; float: left; margin-right: 10px; line-height: 2.3; font-size: 16px }
.chooseSquadDiv .stepTwo .buttons a.remove.icon-download:before { content: 'J'; float: left; margin-right: 10px; line-height: 2.3; font-size: 16px }
.chooseSquadDiv .stepTwo .buttons img { float: left; padding-left: 18px; padding-top: 4px; }
.chooseSquadDiv .stepTwo .buttons a.miinus.icon-download:before { content: 'I'; float: left; margin-right: 10px; line-height: 2.3; font-size: 16px }
.chooseSquadDiv .csBackground .choose-team { position: absolute; width: 100%; display: inline-block; display: flex; flex-wrap: wrap; align-content: space-between; justify-content: center; align-items: center; bottom: 50px; background: rgba(0,0,0,0.6); padding: 0 80px; }
.chooseSquadDiv .csBackground .choose-team .image-mini { float: right; width: 62px; height: 100px; margin: 10px; position: relative; display: inline-block; }
.chooseSquadDiv .csBackground .choose-team .image-mini img { position: relative; width: 100%; height: 100% }
.chooseSquadDiv .csBackground .choose-team:nth-child(12n) { margin-left: 0; }
.chooseSquadDiv .stepTwo .PlayerAdvice { display: inline-block; float: right; margin: 18px 0 10px 0; width: 100%; }
.chooseSquadDiv .RadioLabel { color: #fff; font-size: 12px; margin: 0 }
.chooseSquadDiv .SquadEG .stepTwo .details { height: 410px !important; }
.chooseSquadDiv .SquadEG .stepTwo .buttons { margin: 0 !important; }
/*.chooseSquadDiv .SquadEG .stepTwo .player-image {height: 350px!important;}*/
/*----------------  my team section------------------*/
.chooseSquadDiv .stepThree { position: absolute; overflow: hidden; width: 100%; height: 100%; z-index: 999 }
.chooseSquadDiv .stepThree .containner { position: absolute; background-color: rgba(0, 0, 0, 0.8); width: calc(100% - 100px); font-family: droidLight, Arial; left: 50%; transform: translateX(-50%); top: 20px }
.chooseSquadDiv .stepThree .bottom-content { display: inline-block; width: 100%; padding: 0 20px 4px }
.chooseSquadDiv .stepThree .bottom-content .rightt, .chooseSquadDiv .stepThree .bottom-content .leftt { float: right; }
.chooseSquadDiv .stepThree .bottom-content .leftt { float: left; margin-top: 16px; }
.chooseSquadDiv .stepThree .bottom-content h5 { color: #fff; font-size: 18px; text-align: right; }
.chooseSquadDiv .stepThree .bottom-content p { color: #fff; font-size: 14px; }
.chooseSquadDiv .stepThree .top-content h4 { text-align: center; color: #e7e2b3; padding: 10px; font-family: droidLight, Arial; }
.chooseSquadDiv .stepThree .top-content h4 span { font-family: arial }
.chooseSquadDiv .stepThree .top-content .playerContainer { width: 100%; display: flex; flex-wrap: wrap; align-content: space-between; justify-content: center; align-items: center; padding: 10px 0 20px; }
.chooseSquadDiv .stepThree .top-content .team-image { float: right; margin: 0 6px; width: 128px; height: 206px; position: relative; margin-bottom: 10px }
.chooseSquadDiv .stepThree .top-content .team-image img { width: 100%; height: 100%; position: absolute; top: 0; right: 0 }
.chooseSquadDiv .stepThree .bottom-content a.fb { text-transform: uppercase; float: left; border-radius: 5px; background-color: #3a589b; color: #fff; padding: 7px 15px; text-decoration: none; font-size: 15px; font-family: arial; line-height: 2; }
.chooseSquadDiv .stepThree .bottom-content a.icon-download:before { content: 'b'; margin-right: 10px; font-size: 18px; float: left; }
.chooseSquadDiv .SquadEG .stepThree .top-content .team-image { height: 153px; width: 114px; margin: 0 22px; margin-bottom: 20px; }
/*---------------shareResult------------------*/
.chooseSquadDiv .containner1 { padding: 0 10px; width: calc(100% - 104px); font-family: droidLight, Arial; position: absolute; overflow: hidden; left: 50%; top: 15%; transform: translate(-50%, -13%); }
.chooseSquadDiv .top-content1 { display: inline-block; }
.chooseSquadDiv .top-content1 .playerContainer1 { width: 100%; display: flex; flex-wrap: wrap; align-content: space-between; justify-content: center; align-items: center; }
.chooseSquadDiv .top-content1 .playerContainer1 img { width: 100%; }
.chooseSquadDiv .buttonss { display: inline-block; width: 100%; position: absolute; bottom: 60px; text-align: center; }
.chooseSquadDiv .buttonss a { font-family: Arial; background-color: #3a589b; border-radius: 5px; color: #fff; margin-left: 18px; margin-right: 0; line-height: 2; padding: 8px 20px; font-size: 17px; }
.chooseSquadDiv .buttonss a:hover { text-decoration: none; }
.chooseSquadDiv .buttonss .play { background-color: #595959; padding: 8px 42px; }
.chooseSquadDiv #imageLoader { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 200px; height: 200px }
/**** Left Speakol ****/
.speakol { position: relative; z-index: 2 }
.leftSpeakol { width: 300px; float: left; }
/*.speakol-widget {position:relative;z-index:2;display:inline-block;float:right;margin-bottom:20px}*/
.speakol-widget { position: initial; display: inline-block; float: initial; }
/** Shift Article Pattern **/
.dtlsSc .shiftArtclPattern { display: inline-block; float: right; width: 300px; background: #000; position: relative; padding: 14px 10px; margin-bottom: 30px }
.dtlsSc .shiftArtclPattern .shiftHeader { display: inline-block; width: 100%; height: 40px; float: right; position: relative; z-index: 2; margin-bottom: 10px }
.dtlsSc .shiftArtclPattern .shiftHeader a { display: inline-block; width: 120px; height: 100%; float: right; position: relative; }
.dtlsSc .shiftArtclPattern .shiftHeader a img { display: inline-block; width: 115px; height: auto; border: none; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.dtlsSc .shiftArtclPattern .shiftHeader a.more { float: left; color: #26ff00; width: auto; height: auto; display: inline-block; font-family: droidLight, Arial; font-size: 14px; line-height: 2.5 }
.dtlsSc .shiftArtclPattern:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; background: url(../../Images/shiftPatternBk.jpg) top left no-repeat; background-size: cover; opacity: .1; z-index: 1; }
.dtlsSc .shiftArtclPattern .allItems { display: inline-block; width: 100%; padding: 12px 0 0; position: relative; z-index: 2 }
.dtlsSc .shiftArtclPattern .allItems li { width: 100%; margin-bottom: 24px; display: inline-block; position: relative; float: right; }
.dtlsSc .shiftArtclPattern .allItems li:last-child { margin-bottom: 0 }
.dtlsSc .shiftArtclPattern .allItems li:after { content: ""; position: absolute; bottom: -12px; right: 0; width: 100%; height: 1px; background: #252525 }
.dtlsSc .shiftArtclPattern .allItems li:last-child:after { display: none }
.dtlsSc .shiftArtclPattern ul li a .imageCntnr { position: relative; overflow: hidden; padding-bottom: calc((116px * 60) / 100); float: right; width: 116px; }
.dtlsSc .shiftArtclPattern .allItems li img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: 0 auto; width: 100%; height: 100%; border: none; float: right; filter: brightness(100%) contrast(100%); -webkit-filter: brightness(100%) contrast(100%); -moz-filter: brightness(100%) contrast(100%); -o-filter: brightness(100%) contrast(100%); -ms-filter: brightness(100%) contrast(100%); transition: all 0.2s ease-in-out 0s; -webkit-transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; -ms-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; }
.dtlsSc .shiftArtclPattern .allItems li .desc { float: right; width: calc(100% - 116px); padding-right: 12px }
.dtlsSc .shiftArtclPattern .allItems li .desc p { font-family: droidLight, Arial; font-size: 13px; color: #fff; line-height: 1.6; height: 40px; overflow: hidden; cursor: pointer }
.dtlsSc .shiftArtclPattern .allItems li .secName { position: absolute; right: 128px; bottom: 0px; font-family: droidLight, Arial; font-size: 12px; color: #888; display: inline-block }
.dtlsSc .shiftArtclPattern .allItems li .secName:after { content: ""; width: 4px; height: 12px; background: #EB4949; float: right; margin-left: 5px; margin-top: 4px }
.dtlsSc .shiftArtclPattern .allItems li .number { position: absolute; top: 1px; right: 1px; width: 26px; height: 26px; border-left: 1px solid #fff; border-bottom: 1px solid #fff; background: #EB4949; color: #fff; font-family: Arial; font-weight: bold; font-size: 20px; text-align: center; line-height: 1.3; pointer-events: none; z-index: 1 }
.dtlsSc .shiftArtclPattern .allItems li .item:hover img { filter: brightness(108%) contrast(108%); -webkit-filter: brightness(108%) contrast(108%); -moz-filter: brightness(108%) contrast(108%); -o-filter: brightness(108%) contrast(108%); -ms-filter: brightness(108%) contrast(108%) }
.dtlsSc .shiftArtclPattern .allItems li .item:hover .desc p { color: #26ff00 }
.dtlsSc .shiftArtclPattern .allItems li .secName:hover { color: #1d1d1d }
/*** Leaderboard ***/
.proPlayer .leaderboardDiv { margin-bottom: 40px }
/******************** professional player ********************/
/*.proPlayer { background-color: #EFEFEF; padding: 0 8px }*/
.proPlayer .rightside { width: 100%; width: calc(100% - 320px); float: right; margin-left: 20px }
.proPlayer .rightside .warning { display: inline-block; width: 100%; float: right; border: 1px solid red; padding: 10px 20px; border-radius: 6px; margin-bottom: 30px; font-family: droidLight, Arial; color: #fff; text-align: right; font-size: 15px }
.proPlayer .FullWidthBK { display: inline-block; width: calc(100% + 40px); margin-left: -20px; margin-top: -12px; float: left; height: 160px; overflow: hidden; position: relative }
.proPlayer .FullWidthBK h1, .proPlayer .FullWidthBK h2 { display: inline-block; font-family: droidBold,Arial; font-size: 55px; color: #535353; float: right; position: absolute; right: 30px; bottom: 0 }
.proPlayer .FullWidthBK img.player { display: inline-block; position: absolute; height: 150px; width: auto; left: 150px; bottom: 0 }
.proPlayer .FullWidthBK img.bk { display: inline-block; width: 100%; height: 100%; }
/** New Header 6-9-2021 **/
.proPlayer .FullWidthBK.proBG { background: #fff }
.proPlayer .FullWidthBK.proBG:after { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 40%; background: linear-gradient(to top,rgba(0,0,0,0.15) -60%,transparent); pointer-events: none; z-index: 3 }
.proPlayer .FullWidthBK.proBG h1 { color: #000; right: 100px }
.proPlayer .FullWidthBK.proBG img.newPro { left: 30px; pointer-events: none; z-index: 2 }
.proPlayer .FullWidthBK.proBG .lines { position: absolute; width: 12px; height: 100%; z-index: 1; pointer-events: none }
.proPlayer .FullWidthBK.proBG .lines.leftBlue { background: #062f70; left: 54px; top: 0 }
.proPlayer .FullWidthBK.proBG .lines.leftRed { background: #9f282f; left: 340px; top: -10px; transform: rotate(-20deg); height: 180px; }
.proPlayer .FullWidthBK.proBG .lines.leftYellow { background: #f1c513; left: 356px; top: -40px; transform: rotate(-45deg); height: 240px; }
.proPlayer .FullWidthBK.proBG .lines.rightBlue { background: #062f70; right: 32px; top: 80px; transform: rotate(45deg); height: 120px; }
.proPlayer .FullWidthBK.proBG .lines.rightYellow { background: #f1c513; right: 16px; top: 20px; transform: rotate(20deg); height: 160px; }
.proPlayer .tabs { display: inline-block; width: 100%; float: right; padding: 20px 0 }
.proPlayer .tabs a { display: inline-block; width: auto; color: #000; font-family: droidLight,Arial; font-size: 14px; margin-left: 60px; float: right; line-height: 56px; height: 100%; }
.proPlayer .tabs a.active:after { content: ''; background-color: #0277bd; width: 100%; height: 2px; display: inline-block; }
.proPlayer .tabs a:last-child { margin-left: 0 }
.proPlayer .featuredArea { width: 100%; margin-left: 0 }
.proPlayer .featuredArea .pattern2 { margin-bottom: 40px }
.proPlayer .featuredArea .pattern2 .ttl { display: none }
.proPlayer .featuredArea .pattern2 ul li { border-radius: 6px; width: calc((100% - 86.1px)/ 2); margin-bottom: 16px; }
.proPlayer .featuredArea .pattern2 ul li:last-child { margin-bottom: 0 }
.proPlayer .featuredArea .pattern2 ul li a { display: inline-block; width: 100%; height: 100%; background-color: #fff; float: right }
.proPlayer .featuredArea .pattern2 ul li.video .secName { right: 120px; width: 25px; height: 20px; overflow: hidden; padding: 0 }
.proPlayer .featuredArea .pattern2 ul li.video .secName .icon { background-color: #000; width: 25px; height: 20px; position: absolute; top: 0; margin-left: 0 }
.proPlayer .featuredArea .pattern2 ul li.video .secName .icon:before { font-size: 8px; float: left; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); }
.proPlayer .featuredArea .pattern2 ul li a .imageCntnr { position: relative; overflow: hidden; padding-bottom: calc((146px * 67) / 100); width: 146px; height: 100%; display: inline-block; float: right; background-color: #000 }
.proPlayer .featuredArea .pattern2 ul li a img { top: 50%; left: 50%; transform: translate(-50%, -50%); right: auto; bottom: auto; height: 100%; width: auto }
.proPlayer .featuredArea .pattern2 li .desc { background: #fff; height: 100%; padding: 0 15px; width: calc(100% - 146px); position: relative; float: left; padding: 8px 15px; }
.proPlayer .featuredArea .pattern2 ul li:first-child { width: calc(100% - ((100% - 54px)/ 2)); margin-left: 16px; margin-bottom: 0 }
.proPlayer .featuredArea .pattern2 ul li:first-child a .imageCntnr { padding-bottom: calc(67% + 2px); width: auto; height: auto; display: block; float: unset; }
.proPlayer .featuredArea .pattern2 ul li:first-child a .imageCntnr img { width: auto; }
.proPlayer .featuredArea .pattern2 ul li:first-child .desc { background: transparent linear-gradient(180deg, #00000000 0%, #000000 100%) 0% 0% no-repeat padding-box; height: auto; padding: 0 15px; width: 100%; position: absolute; }
.proPlayer .featuredArea .pattern2 ul li .desc p { position: relative; padding: 0; color: #000; font-size: 16px; max-height: 50px; overflow: hidden; font-weight: bold; font-weight: bold }
.proPlayer .featuredArea .pattern2 ul li:first-child .desc p { font-size: 22px; max-height: 78px; color: #fff; font-weight: unset }
.proPlayer .featuredArea .pattern2 ul li .desc .date { display: inline-block; font-size: 11px; max-height: unset; font-weight: unset; position: relative; margin-bottom: 0; margin-top: 8px; color: #AAAAAA }
.proPlayer .featuredArea .pattern2 ul li:first-child .desc .date { font-size: 13px; max-height: unset; position: relative; bottom: auto; right: auto; margin: 8px 0 }
.proPlayer .featuredArea .pattern2 ul li:first-child.video .secName { right: auto; left: 0; width: 60px; padding: 0; height: 40px }
.proPlayer .featuredArea .pattern2 ul li:first-child.video .secName .icon { width: 60px; height: 40px; background-color: #000; float: left; margin-left: 0; position: absolute; top: 0; left: 0; }
.proPlayer .featuredArea .pattern2 ul li:first-child.video .secName .icon:before { line-height: 2.5; font-size: 16px }
.proPlayer .remainContent { display: inline-block; width: 100%; float: right; }
.proPlayer .title { margin-bottom: 15px; display: inline-block; width: 100%; float: right }
.proPlayer .title h2 { display: inline-block; width: auto; font-size: 18px; font-family: droidBold, Arial; color: #000; float: right }
.proPlayer .title:after { content: ''; width: 100%; height: 1px; background-color: #AAAAAA; float: right; margin-top: 5px }
.tour-1.newPred .euroPredCnts .title:after{display:none}
.proPlayer .title a { display: inline-block; float: left; color: #0277BD; font-size: 14px; font-family: droidLight, Arial; }
.proPlayer .remainContent .IMplayers { display: inline-block; float: right; width: 100%; margin-bottom: 40px }
.proPlayer .remainContent .Pcnts { display: inline-block; width: 100% }
.proPlayer .remainContent .Pcnt ul { -webkit-overflow-scrolling: touch; }
.proPlayer .remainContent .Pcnt ul li { display: inline-block; width: 135px; height: 160px; margin-left: 16px; position: relative; float: right; }
.proPlayer .remainContent .Pcnt ul li a { background: #fff; display: inline-block; width: 100%; float: right; padding: 5px; border-radius: 8px; height: 100% }
.proPlayer .remainContent .Pcnt ul li:last-child { margin-left: 0 }
.proPlayer .remainContent .Pcnt ul li .pNumber { display: inline-block; position: absolute; top: 10px; right: 10px; font-size: 23px; color: #535353; font-family: droidBold, Arial; line-height: 1; z-index: 10; font-weight: bold }
.proPlayer .remainContent .Pcnt ul li .pImg { display: inline-block; width: 100%; height: 100px; float: right; position: relative }
.proPlayer .remainContent .Pcnt ul li .pImg img.personalImg { display: inline-block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: auto; height: 100% }
.proPlayer .remainContent .Pcnt ul li .pImg img.logo { display: inline-block; position: absolute; left: 2px; bottom: 5px; width: auto; height: 30px; margin: 0; right: auto; top: auto }
.proPlayer .remainContent .Pcnt ul li .pName { display: inline-block; float: right; width: 100%; padding: 8px 10px; position: relative; overflow: hidden; height: 50px }
.proPlayer .remainContent .Pcnt ul li .pName span { font-family: droidBold, Arial; font-size: 12px; color: #000; line-height: 1.4; display: inline-block; width: 100%; float: right; overflow: hidden; }
.proPlayer .remainContent .listing { width: 100%; margin-left: 0; background-color: #fff; padding-top: 20px; border-radius: 6px; margin-bottom: 40px }
.proPlayer .remainContent .listing .ttl { display: none }
.proPlayer .remainContent .listing .title h2 { margin-right: 10px }
.proPlayer .remainContent .listing .title a { margin-left: 10px }
.proPlayer .remainContent .listing .subCat { padding: 0 10px }
.proPlayer .remainContent .listing ul li { border-radius: 6px; width: calc((100% - 48.1px) / 4); margin-left: 16px; float: right; margin-bottom: 16px; border: 0 }
.proPlayer .remainContent .listing ul li:nth-child(3n) { margin-left: 16px }
.proPlayer .remainContent .listing ul li:nth-of-type(4n) { margin-left: 0 }
.proPlayer .remainContent .listing ul li .desc p.date { display: inline-block; font-size: 12px; max-height: unset; font-weight: unset; position: relative; color: #AAAAAA; line-height: 1; height: auto; overflow: unset; margin-bottom: 0 }
.proPlayer .remainContent .proNews { display: inline-block; padding-top: 20px; width: 100%; background-color: #fff; border-radius: 6px }
.proPlayer .remainContent .proNews .listing { padding-top: 0; margin-bottom: 0 }
.proPlayer .remainContent .proNews .title h2 { margin-right: 10px }
.proPlayer .remainContent .proNews .title a { margin-left: 10px }
.proPlayer .remainContent .proNews .more { display: none }
.proPlayer .remainContent .proNews ul { padding: 0 10px; min-height: unset }
.proPlayer .remainContent .proNews ul li .desc .time { color: #AAAAAA; display: inline-block }
.proPlayer .remainContent .proNews ul li .desc .time span:after { display: none }
.proPlayer .remainContent .proNews ul li .desc .time span:nth-of-type(2n) { display: none }
.proPlayer .remainContent .proNews .listing ul li:nth-last-child(-n+3) { margin-bottom: 16px }
.proPlayer .remainContent .proNews .listing ul li .desc p { font-weight: bold }
.proPlayer .remainContent .listing ul li.gap { display: none }
.proPlayer .remainContent .bx-wrapper { margin: 0 }
.proPlayer .remainContent .listing.multimedia ul li .desc p { font-weight: bold }
.proPlayer .remainContent .listing.multimedia ul li .desc p.date { font-weight: unset }
.proPlayer .remainContent .listing ul li .secName { left: 0; width: 30px; height: 25px; overflow: hidden; padding: 0; right: auto; top: 0 }
.proPlayer .remainContent .listing ul li .secName .icon { background-color: #000; width: 30px; height: 25px; position: absolute; top: 0; margin-left: 0; right: 0; }
.proPlayer .remainContent .listing ul li .secName .icon:before { content: 'm'; color: #fff; font-size: 8px; float: left; left: 50%; position: absolute; top: 50%; transform: translate(-50%,-50%); }
.proPlayer .remainContent .listing ul li .secName .icon.icon-album:before { content: 'n'; color: #fff; font-size: 13px; float: left; left: 50%; position: absolute; top: 50%; transform: translate(-50%,-50%); }
.proPlayer .remainContent .bx-wrapper .bx-controls-direction a { position: absolute; width: 28px; height: 100%; top: 0; color: #0277bd; overflow: hidden; text-align: center; margin-top: 0; opacity: 1 }
.proPlayer .remainContent .bx-wrapper .bx-controls-direction a:hover { color: #1b92d9 }
.proPlayer .remainContent .bx-wrapper .bx-prev { right: -28px }
.proPlayer .remainContent .bx-wrapper .bx-prev:before { color: rgba(0,0,0,0.6); content: "i"; font-size: 32px; line-height: 5 }
.proPlayer .remainContent .bx-wrapper .bx-next { left: -28px }
.proPlayer .remainContent .bx-wrapper .bx-next:before { color: rgba(0,0,0,0.6); content: "j"; font-size: 32px; line-height: 5 }
.proPlayer .tourMatches { border-radius: 6px }
.proPlayer .tourMatches .ttl { padding: 0 }
.proPlayer .tourMatches .ttl:after { content: ''; width: 100%; height: 1px; float: right; margin-top: 5px; background-color: #EFEFEF }
.proPlayer .tourMatches .ttl h2 { font-size: 14px; line-height: 2.5 }
.proPlayer .tourMatches .allItems li .info .icon-date:before, .tourMatches .allItems li .info .icon-tv:before { color: #a9aaa9 }
.proPlayer .tourMatches .ttl .weekName p { font-size: 13px }
.proPlayer .tourMatches .ttl .weekName p span { font-size: 15px }
.proPlayer .tourMatches .more { border-radius: 0 0 6px 6px; background-color: #fff; color: #0277bd; line-height: 2 }
.proPlayer .tourMatches .more .icon-more:before { display: none; color: #0277bd; font-size: 11px; line-height: 3 }
.proPlayer .tourMatches .matchResult .result { color: #0277bd; font-size: 16px; font-family: arial; font-weight: 700; display: inline-block; position: relative; width: 50% }
.proPlayer .tourMatches .matchResult .result:first-of-type { float: right; text-align: right }
.proPlayer .tourMatches .matchResult .result:last-of-type { float: left; text-align: left }
.proPlayer .tourMatches .matchResult .result:first-of-type:after { content: "-"; position: absolute; left: -3px; }
.proPlayer .importantPlayer { display: inline-block; float: right; width: 100%; background-color: #fff; padding-top: 20px; margin-bottom: 40px; border-radius: 6px }
.proPlayer .importantPlayer .title h2 { margin-right: 10px }
.proPlayer .importantPlayer .title a { margin-left: 10px }
.proPlayer .importantPlayer .featuredArea { padding: 0 10px }
.proPlayer .importantPlayer .featuredArea ul li.video .secName, .proPlayer .importantPlayer .featuredArea ul li .secName { display: none }
.proPlayer .importantPlayer ul li { border-radius: 6px; width: calc((100% - 106.1px)/ 2); margin-bottom: 16px; }
.proPlayer .importantPlayer ul li:last-child, .proPlayer .importantPlayer ul li:first-child { margin-bottom: 0 }
.proPlayer .importantPlayer ul li a { display: inline-block; width: 100%; height: 100%; background-color: #fff; float: right }
.proPlayer .importantPlayer ul li a .imageCntnr { position: relative; overflow: hidden; padding-bottom: calc((146px * 67) / 100); width: 146px; height: 100%; display: inline-block; float: right; background-color: #000 }
.proPlayer .importantPlayer ul li a img { top: 50%; left: 50%; transform: translate(-50%, -50%); right: auto; bottom: auto; height: 100%; width: auto }
.proPlayer .importantPlayer li .desc { background: #fff; height: 100%; padding: 0 15px; width: calc(100% - 146px); position: relative; float: left; padding: 8px 15px; }
.proPlayer .importantPlayer ul li:first-child { width: calc(100% - ((100% - 74px)/ 2)); margin-left: 16px }
.proPlayer .importantPlayer ul li:first-child img { height: 100%; top: 0; left: 0; right: 0; bottom: 0; transform: none }
.proPlayer .importantPlayer ul li:first-child a .imageCntnr { padding-bottom: calc(67% + 2px); width: auto; height: auto; display: block; float: unset; }
.proPlayer .importantPlayer ul li:first-child a .imageCntnr img { width: auto; }
.proPlayer .importantPlayer ul li:first-child .desc { background: transparent linear-gradient(180deg, #00000000 0%, #000000 100%) 0% 0% no-repeat padding-box; height: auto; padding: 0 15px; width: 100%; position: absolute; }
.proPlayer .importantPlayer ul li .desc p { position: relative; padding: 0; color: #000; font-size: 16px; max-height: 50px; overflow: hidden; font-weight: bold; font-weight: bold }
.proPlayer .importantPlayer ul li:first-child .desc p { font-size: 22px; max-height: 78px; color: #fff; font-weight: unset; line-height: 1.6 }
.proPlayer .importantPlayer ul li .desc .date { display: inline-block; font-size: 11px; max-height: unset; font-weight: unset; position: relative; margin-bottom: 0; margin-top: 3px; color: #AAAAAA }
.proPlayer .importantPlayer ul li:first-child .desc .date { font-size: 13px; max-height: unset; position: relative; bottom: auto; right: auto; margin: 8px 0 }
.proPlayer .importantPlayer .featuredArea .showcaseDiv, .proPlayer .importantPlayer .featuredArea .leaderboardDiv { display: none }
.proPlayer .importantPlayer .featuredArea .desc.mohades p.date:before { display: none }
.proPlayer .importantPlayer .featuredArea ul li:first-child .desc p.date { display: inline-block }
.proPlayer .playerInfo { display: inline-block; width: 100%; border-radius: 6px; margin-bottom: 40px; position: relative; }
.proPlayer .IContainer { display: inline-block; width: 100%; float: left; background-color: #fff; padding: 30px 0 0; border-radius: 6px; position: relative; }
.proPlayer .IContainer .infoContainer { display: inline-block; width: calc(100% - 600px); float: left; margin-right: 120px; }
.proPlayer .playerInfo .info { display: inline-block; float: left; width: 100%; }
.proPlayer .playerInfo .info h2 { display: inline-block; width: 100%; font-family: droidLight, Arial; font-size: 30px; font-weight: bold; margin-bottom: 10px; float: right }
.proPlayer .playerInfo .info .team { display: inline-block; float: right }
.proPlayer .playerInfo .info .team img { display: inline-block; float: right; width: 45px; height: auto }
.proPlayer .playerInfo .info .team span { display: inline-block; font-family: droidLight, Arial; font-size: 20px; float: right; margin-right: 3px; line-height: 2.4; }
.proPlayer .playerInfo .number { display: inline-block; font-family: droidBold, Arial; font-size: 116px; line-height: 1; float: left; position: absolute; right: 15px; top: 25px; color: #EFEFEF; font-weight: bold; }
.proPlayer .playerInfo .playerImg { display: inline-block; width: 340px; float: right; position: relative; margin-top: 19px; margin-right: 60px }
.proPlayer .playerInfo .personalInfo { display: inline-block; width: 100%; float: left; border-top: 0; padding-left: 40px; margin-top: 20px }
.proPlayer .playerInfo .personalInfo ul { display: inline-block; width: 100%; float: right; margin-top: 20px }
.proPlayer .playerInfo .personalInfo ul li { display: inline-block; width: 100%; padding: 6px 0; border-bottom: 1px solid #e8e8e8; float: right }
/*.proPlayer .playerInfo .personalInfo ul li:last-child{border-bottom:0}
*/ .proPlayer .playerInfo .personalInfo ul li label { display: inline-block; font-family: droidLight, Arial; font-size: 15px; color: #000; float: right; width: auto }
.proPlayer .playerInfo .personalInfo ul li p { display: inline-block; color: #000; font-size: 15px; font-family: droidLight, Arial; float: left }
.proPlayer .remainContent .listing ul li.noStats { width: 100%; min-height: 80px; }
.featuredArea .desc p.date { display: none }
.featuredArea ul li:first-child .desc p.date { display: none }
.flickity-enabled { position: relative; }
.flickity-enabled:focus { outline: none; }
.flickity-viewport { overflow: hidden; position: relative; height: 100%; width: 100% }
.flickity-slider { position: absolute; width: 100%; height: 100%; }
.flickity-enabled.is-draggable { -webkit-tap-highlight-color: transparent; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.flickity-enabled.is-draggable .flickity-viewport { cursor: move; cursor: -webkit-grab; cursor: grab; }
.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down { cursor: -webkit-grabbing; cursor: grabbing; }
.flickity-button { display: inline-block; position: absolute; top: 0; z-index: 10; width: 30px; height: 30px; background-color: transparent; border-radius: 50%; border: 1px solid #0277bd }
.flickity-button svg { display: none }
.flickity-button.previous { left: 35px }
.flickity-button.previous:before { content: 'i'; color: #0277bd }
.flickity-button.next { left: 0 }
.flickity-button.next:before { content: 'j'; color: #0277bd }
.flickity-button:before { width: 100%; height: 100%; line-height: 2.2 }
.flickity-button:active, .flickity-button:hover { background-color: #0277bd }
.flickity-button:active:before, .flickity-button:hover:before { color: #fff }
.flickity-button:focus { background-color: #0277bd }
.flickity-button:focus:before { color: #fff }
.flickity-button:disabled { opacity: 0.2; cursor: auto; pointer-events: none; }
/** mohtrfen latest news **/
.proPlayer.LatestNews .listing ul li, .proPlayer.Videos .listing ul li { border-radius: 6px }
.proPlayer.LatestNews .ttl, .proPlayer.Videos .ttl { display: none; border-right: 0; background-color: transparent; margin-right: 0; margin-bottom: 15px; padding-right: 0; }
.proPlayer.LatestNews .listing .ttl h2, .proPlayer.Videos .listing .ttl h2 { display: inline-block; width: auto; font-size: 18px; font-family: droidBold,Arial; color: #000; float: right; line-height: 1.8 }
.proPlayer.LatestNews .ttl:after, .proPlayer.Videos .ttl:after { content: ''; width: 100%; height: 1px; background-color: #aaa; float: right; margin-top: 5px; }
.proPlayer.Videos .listing ul li .secName { left: 0; width: 30px; height: 25px; overflow: hidden; padding: 0; right: auto; }
.proPlayer.Videos .listing ul li .secName .icon { background-color: #000; width: 30px; height: 25px; position: absolute; top: 0; margin-left: 0; right: 0; }
.proPlayer.Videos .listing ul li .secName .icon:before { content: 'm'; color: #fff; font-size: 8px; float: left; left: 50%; position: absolute; top: 50%; transform: translate(-50%,-50%); }
/******************** Euro 2020 ********************/
.euroMain .FullWidthBK { height: auto; box-shadow: 0 0 6px 0px rgba(0,0,0,0.1); margin-top: -12px }
.euroMain .FullWidthBK .euroHeader { display: inline-block; float: right; width: 100%; position: relative; height: 160px; z-index: 2; background: url(../../Images/Euro2020/euroheader/ball.png) no-repeat, url(../../Images/Euro2020/euroheader/eurokas.png) no-repeat, url(../../Images/Euro2020/euroheader/euroword.png) no-repeat; background-position: 140% 71%,9% 6%,36% 112%; background-size: auto, auto, 28%; }
.euroMain .FullWidthBK h1, .euroMain .FullWidthBK h2 { color: #fff; right: 20px; font-size: 48px; font-family: droidLight,Arial; font-weight: bold; }
/*.euroMain .FullWidthBK:after { content: ''; background: url(../../Images/Euro2020/euroheader/bk.jpg); width: 100%; height: calc(100% - 54px); position: absolute; top: 0; right: 0; z-index: 1; }*/
.euroMain .FullWidthBK .tabs { padding: 20px; background: #fff; position: relative }
.euroMain .tabs a.active:after { display: none }
.euroMain .tabs a.active, .euroMain .tabs a:hover { color: #0277bd }
.euroInner .euroMain .FullWidthBK:after { display: none }
/******************** Euro 2020 - Featured Area ********************/
.euroMain .featuredArea .pattern2 ul li { border: none; width: calc((100% - 16px) / 2) !important }
.euroMain .featuredArea .pattern2 ul li a .imageCntnr { padding-bottom: calc((136px * 67)/ 100); width: 136px; }
.euroMain .featuredArea .pattern2 li .desc { width: calc(100% - 136px); position: absolute; left: 0; right: auto; padding: 8px 16px }
.euroMain .featuredArea .pattern2 ul li .desc .date { position: absolute; bottom: 4px; right: 16px }
.euroMain .title:after { background-color: #efefef }
.euroMain .featuredArea .pattern2 ul li:first-child .desc p { font-size: 21px }
/******************** Euro 2020 - Groups ********************/
.euroMain .euroGroups.groupTabs { margin-bottom: 40px }
.euroMain .euroGroups .title:after { background-color: #aaa; }
.euroMain .euroGroups .groupsCarousel { height: 300px }
.euroMain .euroGroups .groupsCnt { display: inline-block; float: right; width: 100% }
.euroMain .euroGroups ul li { display: inline-block; width: 306px; height: 300px; margin-left: 0; position: relative; float: right; }
.euroMain .euroGroups ul li .groupItem { background: #fff; display: inline-block; width: 290px; float: right; padding: 16px; border-radius: 8px; height: 100%; }
.euroMain .euroGroups ul li .groupItem .groupTtl { background: none; padding: 0; height: auto }
.euroMain .euroGroups ul li .groupItem .groupTtl h3 { float: right; display: inline-block; width: 100%; text-align: right; color: #000; font-family: droidBold,Arial; font-size: 18px; line-height: 2.4; }
.euroMain .euroGroups.groupTabs .table .ttlRow { background: none; margin-bottom: 0; height: auto; }
.euroMain .euroGroups.groupTabs .table .ttlRow .itemTtl { font-size: 12px; color: #000 }
.euroMain .euroGroups.groupTabs .table .ttlRow .itemTtl.dtls { width: auto; padding: 0; text-align: center; margin-left: 16px }
.euroMain .euroGroups.groupTabs .table .ttlRow .itemTtl.dtls:last-child { margin-left: 0 }
.euroMain .euroGroups.groupTabs .table .ttlRow .itemTtl.team { width: calc(100% - 132px) }
.euroMain .euroGroups.groupTabs .table .ttlRow .itemTtl.dtls:nth-child(2) { width: 20px }
.euroMain .euroGroups.groupTabs .table .ttlRow .itemTtl.dtls:nth-child(3) { width: 10px }
.euroMain .euroGroups.groupTabs .table .ttlRow .itemTtl.dtls:nth-child(4) { width: 22px }
.euroMain .euroGroups.groupTabs .table .ttlRow .itemTtl.dtls:nth-child(5) { width: 32px; text-align: left }
.euroMain .euroGroups.groupTabs .table .wRow { height: 50px; border: none; border-bottom: 1px solid #efefef; padding-top: 20px; }
.euroMain .euroGroups.groupTabs .table .wRow:last-child { border-bottom: none }
.euroMain .euroGroups.groupTabs .table .wRow .item { font-size: 13px; color: #000; padding: 0; line-height: 1.6; }
.euroMain .euroGroups.groupTabs .table .wRow .item.dtls { width: auto; padding: 0; text-align: center; margin-left: 16px }
.euroMain .euroGroups.groupTabs .table .wRow .item.dtls:last-child { margin-left: 0 }
.euroMain .euroGroups.groupTabs .table .wRow .item.team { width: calc(100% - 132px) }
.euroMain .euroGroups.groupTabs .table .wRow .item.dtls:nth-child(2) { width: 20px }
.euroMain .euroGroups.groupTabs .table .wRow .item.dtls:nth-child(3) { width: 10px }
.euroMain .euroGroups.groupTabs .table .wRow .item.dtls:nth-child(4) { width: 22px }
.euroMain .euroGroups.groupTabs .table .wRow .item.dtls:nth-child(5) { width: 32px; }
.euroMain .euroGroups.groupTabs .table .wRow .team img { margin-left: 10px; width: 20px; height: auto; }
.euroMain .euroGroups.groupTabs .table .wRow .item p { font-size: 13px; font-family: droidLight, arial; line-height: 1.6 }
/******************** Euro 2020 - Videos ********************/
.euroMain .importantPlayer .featuredArea { padding: 0 16px; }
.euroMain .importantPlayer .title h2 { margin-right: 16px; }
.euroMain .importantPlayer .featuredArea .pattern2 { margin-bottom: 20px }
.euroMain .importantPlayer .featuredArea ul li.video .secName, .euroMain .importantPlayer .featuredArea ul li .secName { display: inline-block; right: 162px }
.euroMain .importantPlayer .featuredArea .pattern2 ul li a .imageCntnr { padding-bottom: calc((187px * 67) / 100); width: 187px; }
.euroMain .importantPlayer .featuredArea .pattern2 ul li:first-child a .imageCntnr { padding-bottom: calc(67% + 2px); width: 100% }
.euroMain .importantPlayer .featuredArea .pattern2 li .desc { width: calc(100% - 187px); }
.euroMain .importantPlayer .featuredArea .pattern2 ul li .desc .date { bottom: 0px }
/******************** Euro 2020 - Important Player ********************/
.euroMain .remainContent .playersCarousel { height: 160px; }
.euroMain .remainContent .Pcnt { display: inline-block; float: right; width: 100% }
.euroMain .remainContent .Pcnt ul li { margin-left: 0; width: 151px }
.euroMain .remainContent .Pcnt ul li a { width: 135px }
/******************** Euro 2020 - Latest News ********************/
.euroMain .remainContent .proNews { float: right; margin-bottom: 40px }
.euroMain .remainContent .proNews .title h2 { margin-right: 16px; }
.euroMain .remainContent .proNews .title a { margin-left: 16px; }
.euroMain .remainContent .proNews ul { padding: 0 16px }
.euroMain .listing ul li { border: none }
.euroMain .listing ul li .desc { padding: 10px 0 }
.euroMain.LatestNews .listing ul li .desc, .euroMain.Videos .listing ul li .desc { padding: 10px }
/******************** Euro 2020 - Latest Videos ********************/
.euroMain .remainContent .multimedia .title h2 { margin-right: 16px; }
.euroMain .remainContent .multimedia .title a { margin-left: 16px; }
.euroMain .remainContent .multimedia ul { padding: 0 16px }
.euroMain .remainContent .listing .subCat { padding: 0 }
/******************** Euro 2020 - Fan Zone - Entry Points ********************/
.euroFZEP a { display: inline-block; float: right; width: 300px; height: 150px; margin-bottom: 16px; background: #0277bd; border-radius: 6px; overflow: hidden }
.euroFZEP a:last-child { margin-bottom: 0 }
.euroFZEP a img { width: 300px; height: auto }
/******************** Euro 2020 - Fan Zone - Prediction Entry Point ********************/
.euroMain .predEP.groupTabs { border-radius: 6px; overflow: hidden }
.euroMain .predEP .title:after { background-color: #aaa; }
.euroMain .predEP .groupsCarousel { height: 300px }
.euroMain .predEP .groupTtl { background: #000; padding: 0; height: 48px; padding: 0 16px }
.euroMain .predEP .groupTtl h3 { float: right; display: inline-block; text-align: right; color: #45B3EB; font-family: droidBold,Arial; font-size: 14px; line-height: 3.4; }
.euroMain .predEP .groupTtl a { float: left; display: inline-block; text-align: right; color: #fff; font-family: droidLight,Arial; font-size: 12px; line-height: 4; }
.euroMain .predEP .groupTtl a:hover { color: #45B3EB }
.euroMain .predEP.groupTabs .table { margin-top: 0; background: #fff; }
.euroMain .predEP.groupTabs .table .ttlRow { background: none; margin-bottom: 0; height: 56px; padding: 20px 16px 0; border-bottom: 1px solid #efefef }
.euroMain .predEP.groupTabs .table .ttlRow .itemTtl { font-size: 12px; color: #000 }
.euroMain .predEP.groupTabs .table .ttlRow .itemTtl.team { width: calc(100% - 32px); text-align: right; padding: 0 }
.euroMain .predEP.groupTabs .table .ttlRow .itemTtl.dtls { width: 32px; padding: 0; text-align: left }
.euroMain .predEP.groupTabs .table .wRow { height: auto; border: none; border-bottom: 1px solid #efefef; padding: 12px 16px }
.euroMain .predEP.groupTabs .table .wRow:last-child { border-bottom: none }
.euroMain .predEP.groupTabs .table .wRow .item { font-size: 13px; color: #000; padding: 0; line-height: 1.8; }
.euroMain .predEP.groupTabs .table .wRow .item.team { width: calc(100% - 32px) }
.euroMain .predEP.groupTabs .table .wRow .item.dtls { width: 32px; padding: 0; text-align: center; }
.euroMain .predEP.groupTabs .table .wRow .team img { margin-left: 10px; width: 24px; height: 24px; border-radius: 50%; }
.euroMain .predEP.groupTabs .table .wRow .item p { font-size: 13px; font-family: droidLight, arial; line-height: 1.8 }
/******************** Euro Prediction ********************/
.mcSpensorDS.sticky { position: fixed; width: 85px; height: 85px; top: -30px; left: 40px; z-index: 99;visibility:hidden;opacity:0 ;transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -ms-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s; }
.mcSpensorDS.between { display: inline-block; position: relative; width: 627px; height: 90px; background-color: #fff; margin: 20px 0;top:auto!important }
.mcSpensorDS img { display: inline-block; position: absolute; top: 0; left: 0; width: 100%; height: 100% }
.fixedLogo .mcSpensorDS{visibility:visible;opacity:1;top:50px}
.euroPredPage .container { background: #1d1d1d }
.euroPredPage .prediction { margin-bottom: 40px }
/*.euroPredPage .content-wrap, .euroPredPage .content, .euroPredPage .euroPredCnts { background: #1d1d1d }*/
.euroPredCnts .FullWidthBK .euroHeader { background: url(../../Images/Euro2020/predHeaderBG.jpg) no-repeat top left; position: relative; overflow: hidden; background-position: unset !important; background-size: cover !important; }
.euroPredCnts .FullWidthBK .euroHeader:before { content: ""; position: absolute; left: -78px; top: -24px; width: 206px; height: 190px; background: url(../../images/Euro2020/bulding.png) no-repeat center center; opacity: 0.3; background-size: 206px auto; pointer-events: none }
.euroPredCnts .FullWidthBK .euroHeader:after { content: ""; position: absolute; left: 8px; top: -48px; width: 368px; height: 786px; background: url(../../images/Euro2020/goldenStat.png) no-repeat center center; background-size: 368px auto; pointer-events: none }
.euroPredCnts .FullWidthBK h1 { color: #34b4d7 }
.euroPredCnts .FullWidthBK .tabs { background: #282829; }
.euroPredCnts .tabs a { color: #fff; }
.euroPredCnts .tabs a.active, .euroPredPage .tabs a:hover { color: #45B3EB }
.euroPredCnts .tabs .regBtn { position: absolute; left: 20px; top: 50%; transform: translateY(-50%) }
.euroPredCnts .FullWidthBK .euroHeader .regBtn img { display: inline-block; float: right;  width: 100%; height: 100%; border-radius: 50%; }
.euroPredCnts .tabs .regBtn p { float: left; display: inline-block; text-align: right; color: #6F6F6F;font-weight:bold;line-height:100px; font-family: droidLight,Arial; font-size: 13px;}
.euroPredCnts .tabs .regBtn:hover p { color: #45B3EB }
.euroPredCnts .FullWidthBK .euroHeader .regBtn.noImg .usericon { display: inline-block; float: left; margin-right: 10px; width: 30px; height: 30px; border-radius: 50%; border: 1px solid #fff; overflow: hidden; background: #282829; }
.euroPredCnts .FullWidthBK .euroHeader .regBtn.noImg .usericon:before { content: 'Q'; color: #fff; font-size: 21px }

.euroPredCnts .FullWidthBK .euroHeader .regBtn.noImg img { display: none }
.euroPredCnts .FullWidthBK .euroHeader .regBtn .usericon { display: none }
.lb-header .profile .userImg .usericon { display: inline-block; float: left; margin-right: 10px; width: 100%; height: 100%; border-radius: 50%; overflow: hidden; position: relative; padding: 0; margin: 0 }
.lb-header .profile .userImg .usericon:before { content: 'R'; color: #000; font-size: 50px; top: 50%; left: 50%; transform: translate(-50%, -50%); position: absolute; }
.lb-header .profile .userImg.noImg img { display: none }
.lb-header .profile .userImg.noImg { width: 85px; height: 85px; background-color: #e6e6e6; }
.lb-header .profile .generalError { padding: 0 20px; width: 100% }
.phonenumber .lb-header .profile .generalError { display: none }
.lb-header .profile .generalSuccess { padding: 0 20px; width: 100% }
.phonenumber .lb-header .profile .generalSuccess { display: none }
.openRules .RulesMsg { opacity: 1; visibility: visible }
.openRules .RulesMsg .cntnr { opacity: 1; visibility: visible; transition: opacity .3s 0s, visibility 0s 0s; -webkit-transition: opacity .3s 0s, visibility 0s 0s; -moz-transition: opacity .3s 0s, visibility 0s 0s; -ms-transition: opacity .3s 0s, visibility 0s 0s; -o-transition: opacity .3s 0s, visibility 0s 0s; }
.RulesMsg { visibility: hidden; opacity: 0 }
.RulesMsg:before { content: ""; position: fixed; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; background: rgba(29,29,29,0.90); z-index: 1001; pointer-events: none; -webkit-transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; -ms-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; }
.RulesMsg .cntnr { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); font-family: droidLight, arial; z-index: 1002; width: 700px; border-radius: 6px; overflow: hidden; background: #fff; box-shadow: 0 6px 6px -3px rgb(0 0 0 / 10%); visibility: hidden; opacity: 0; -webkit-transition: opacity .3s 0s, visibility 0s .3s; -moz-transition: opacity .3s 0s, visibility 0s .3s; -o-transition: opacity .3s 0s, visibility 0s .3s; -ms-transition: opacity .3s 0s, visibility 0s .3s; transition: opacity .3s 0s, visibility 0s .3s; }
.RulesMsg h3:before { content: 'قواعد المسابقة' }
.RulesMsg .closeRules { position: absolute; top: 15px; left: 16px; width: 30px; height: 30px; z-index: 2; }
.RulesMsg .closeRules:before { content: 'B'; font-size: 20px; color: #fff }
.RulesMsg .lb-header { display: inline-block; float: right; width: 100%; font-family: droidBold, Arial; font-size: 18px; color: #fff; height: 60px; background: #000; text-align: center; line-height: 3.6; margin-bottom: 20px; }
.RulesMsg .lb-header h3 { display: inline-block; float: right; width: 100%; font-family: droidBold, Arial; font-size: 18px; color: #fff; height: 60px; background: #000; text-align: center; line-height: 3.6; margin-bottom: 20px; }
.RulesMsg .rulesItems { display: inline-block; width: 100%; float: right;overflow-y:auto;height:500px ;padding-right:10px}
.tour-1 .euroPredCnts .tabs .regBtn img{margin:30px 0 0 5px}
.RulesMsg ul { display: inline-block; float: right; width: 550px; margin: 0 calc((100% - 550px) /2); }
.RulesMsg ul li { display: list-item; width: 100%; margin-right: 10px; list-style-type: disc; color: #000; font-size: 15px; font-family: droidLight,Arial; margin-bottom: 15px }
.RulesMsg ul.subpoint { margin-top: 5px }
.RulesMsg ul.subpoint li { font-size: 14px }
.RulesMsg ul.subpoint li label { font-size: 14px }
.RulesMsg ul.subpoint li label span { color: #45B3EB; font-family: droidBold,Arial; font-weight: bold }
.RulesMsg ul.subpoint li label span.joker { color: #000; margin-right: 5px; font-size: 13px }
.RulesMsg ul.subpoint li { list-style-type: circle }
/******************** Euro Prediction - Hint ********************/
.euroPredCnts .predHint, .euroRoadToCup .predHint { display: inline-block; float: right; width: 100%; background: #000; padding: 20px 40px 20px 20px; min-height: 210px; position: relative; margin-bottom: 40px; border-radius: 6px; overflow: hidden }
.euroPredCnts .predHint .hintMsg, .euroRoadToCup .predHint .hintMsg { display: inline-block; float: right; width: 100%; }
.euroPredCnts .predHint .hintMsg h3, .euroRoadToCup .predHint .hintMsg h3 { float: right; display: inline-block; width: 100%; text-align: right; color: #fff; font-family: droidBold,Arial; font-size: 26px; line-height: 2; }
.euroPredCnts .predHint .hintMsg p, .euroRoadToCup .predHint .hintMsg p { float: right; display: inline-block; width: 100%; text-align: right; color: #fff; font-family: droidLight,Arial; font-size: 14px; line-height: 2; margin: 20px 0 }
.euroPredCnts .predHint .regBtn, .euroRoadToCup .predHint .regBtn { position: absolute; left: 20px; bottom: 20px; width: 200px; height: 50px; background: #45B3EB; color: #fff; font-family: droidLight,Arial; font-size: 14px; line-height: 3.6; text-align: center; border-radius: 4px }
.euroPredCnts .title h2 { color: #fff }
.euroPredCnts .title:after { background-color: #aaa; }
.roadToCupPage .euroRoadToCup .title span { font-size: 15px; margin-top: 0; top: -14px; color: #dad6d6 }
/******************** Euro Prediction - Accordion ********************/
.euroPredCnts .predictionCnts { display: inline-block; float: right; width: 100%; border-radius: 6px; overflow: hidden; }
.euroPredCnts .predictionCnts .tourName { display: inline-block; float: right; width: 100% }
.euroPredCnts .predictionCnts .tourTitle { display: inline-block; float: right; width: 100%; height: 50px; padding: 0 16px; background: #282829; position: relative }
.euroPredCnts .predictionCnts .tourTitle .shape { display: inline-block; float: right; width: 18px; height: 18px; background: #45B3EB; border-radius: 50%; margin-top: 16px }
.euroPredCnts .predictionCnts .tourTitle h3 { float: right; display: inline-block; width: calc(100% - 18px); text-align: right; color: #fff; font-family: droidLight,Arial; font-weight: bold; font-size: 16px; line-height: 3; padding-right: 16px }
.euroPredCnts .predictionCnts .tourTitle h3 a { color: #fff }
.euroPredCnts .predictionCnts .tourTitle h3 span { font-family: droidLight,Arial; font-size: 15px; font-weight: normal }
.euroPredCnts .predictionCnts .tourTitle .jokerCount { position: absolute; left: 16px; top: 50%; transform: translateY(-50%) }
.euroPredCnts .predictionCnts .tourTitle .jokerCount .icon-joker { float: left; display: inline-block }
.euroPredCnts .predictionCnts .tourTitle .jokerCount .icon-joker:before { content: "L"; color: #aaa; font-size: 18px; }
.euroPredCnts .predictionCnts .tourTitle .jokerCount p { float: left; display: inline-block; font-family: CenturyGothicLight, Arial; font-size: 16px; text-align: left; direction: ltr; color: #aaa; line-height: 1.8 }
.euroPredCnts .predictionCnts .tourTitle .jokerCount p span { font-size: 18px }
.euroPredCnts .dropDownContainer { display: inline-block; width: 100%; float: right; margin-bottom: 15px; position: relative }
.euroPredCnts .dropDownContainer .placeholder { display: inline-block; float: right; width: 240px; height: 36px; text-align: right; line-height: 36px; padding: 0 10px; background-color: #535353; font-family: droidLight,Arial; font-size: 13px; color: #fff; border-radius: 4px }
.euroPredCnts .dropDownContainer .placeholder:before { content: 'F'; color: #000; font-size: 11px; float: left; font-weight: bold; line-height: 36px;color: #000;
    line-height: 40px;
    margin-right: 20px; }
.euroPredCnts .dropDownContainer .placeholder.active { border: 1px solid rgba(2, 119, 189, .5) }
.euroPredCnts .dropDownContainer ul { display: none; position: absolute; margin-top: 4px; right: 0; background-color: #535353; z-index: 10; top: 36px; width: 240px; height: auto; border-radius: 0 0 4px 4px; box-shadow: inset 0 0 0 #1d1d1d, 0 2px 10px rgb(0 0 0 / 20%); transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.8s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; }
.euroPredCnts .dropDownContainer ul li { display: inline-block; width: 100%; float: right; padding: 6px 10px; border-bottom: 1px solid #666; transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; }
.euroPredCnts .dropDownContainer ul li a { display: inline-block; float: right; width: 100%; font-family: droidLight, arial; font-size: 13px; color: #fff }
.euroPredCnts .dropDownContainer ul li:hover { background-color: #444 }
.euroPredCnts .dropDownContainer .placeholder.active { border: none }
.euroPredCnts .predictionCnts .accordionItem .matchData .date p
.euroPredCnts .predictionCnts .accordionItem { display: inline-block; float: left; width: 100%; border-bottom: 1px solid #535353; }
.euroPredCnts .predictionCnts .accordionItem:last-of-type { margin-bottom: 0; border-bottom: none }
.euroPredCnts .predictionCnts .accordionItem .matchData { display: inline-block; float: right; width: 100%; padding: 0 16px; cursor: pointer; position: relative; background: #000; height: 90px; position: relative }
.euroPredCnts .predictionCnts .accordionItem .matchData .date { display: inline-block; float: right;width:100% }
.euroPredCnts .predictionCnts .accordionItem .matchData .date p { display: inline-block; float: right; color: #aaa; font-family: droidLight,Arial; font-size: 12px; line-height: 4.2; }
.euroPredCnts .predictionCnts .accordionItem .matchData .date .day { margin-left: 10px; width: 120px }
.euroPredCnts .predictionCnts .accordionItem .matchData .match { display: inline-block; float: right; width: 100%; height: 50px; position: absolute; bottom: 10px; left: 50%; transform: translateX(-50%) }
.euroPredCnts .predictionCnts .accordionItem .matchData .teamresult { display: inline-block; float: right; width: calc((100% - 30px) / 2) }
.euroPredCnts .predictionCnts .accordionItem .matchData .teamName { display: inline-block; float: right; font-family: droidBold, arial; color: #fff; font-size: 13px; line-height: 50px; }
.euroPredCnts .predictionCnts .accordionItem .matchData span { display: inline-block; float: right; font-family: CenturyGothicLight, arial; color: #fff; font-size: 16px; line-height: 3.3; width: 20px; height: 50px }
.euroPredCnts .predictionCnts .accordionItem .matchData .dash { display: inline-block; float: right; width: 30px; text-align: center; font-family: CenturyGothicLight, arial; color: #fff; font-size: 24px; line-height: 2 }
.euroPredCnts .predictionCnts .accordionItem .matchData .teamresult.team1 .teamName { float: left }
.euroPredCnts .predictionCnts .accordionItem .matchData .teamresult.team1 span { float: left; margin-right: 20px }
.euroPredCnts .predictionCnts .accordionItem .matchData a { pointer-events: none }
.euroPredCnts .predictionCnts .accordionItem .matchData .teamresult.team2 .teamName { float: right }
.euroPredCnts .predictionCnts .accordionItem .matchData .teamresult.team2 span { float: right; margin-left: 20px }
.euroPredCnts .predictionCnts .accordionItem .matchData .teamresult.team1 { text-align: left }
.euroPredCnts .predictionCnts .accordionItem .matchData .teamresult.team2 { text-align: right; }
.euroPredCnts .predictionCnts .accordionItem .matchData .teamresult img { width: auto; height: 20px; margin-top: 15px }
.euroPredCnts .predictionCnts .accordionItem .matchData .teamresult.team1 img { float: left; margin-right: 10px }
.euroPredCnts .predictionCnts .accordionItem .matchData .teamresult.team2 img { float: right; margin-left: 10px }
/*** Prediction Status ***/
.euroPredCnts .predictionCnts .matchData .predStatus { position: absolute; left: 60px; top: 10px;  width: 90px; height: 30px; border: 1px solid #535353; border-radius: 4px }
.euroPredCnts .predictionCnts .matchData .predStatus .status { display: inline-block; float: right; width: 100%; text-align: center; font-family: droidLight, Arial; font-size: 12px; color: #aaa; line-height: 2.4 }
.euroPredCnts .predictionCnts .accordionItem.done .matchData .predStatus .status p:before { content: 'انتهت' }
.euroPredCnts .predictionCnts .accordionItem.now .matchData .predStatus .status p:before { content: 'تلعب الآن' }
.euroPredCnts .predictionCnts .accordionItem.later .matchData .predStatus .status p:before { content: 'لاحقاً' }
/** Countdown **/
.euroPredCnts .predictionCnts .matchData .predStatus .predCounter { text-align: left; direction: ltr; display: inline-block; }
.euroPredCnts .predictionCnts .matchData .predStatus .icon-time:before { content: 'M'; position: absolute; right: -20px; top: 50%; transform: translateY(-50%); font-size: 14px }
.euroPredCnts .predictionCnts .matchData .predStatus .predTimer { display: inline-block; float: left; font-family: CenturyGothicLight, Arial; font-size: 14px; margin-right: 4px; line-height: 2; }
.euroPredCnts .predictionCnts .matchData .predStatus .predTimer:last-of-type { margin-right: 0 }
.euroPredCnts .predictionCnts .accordionItem.soon .matchData .predStatus .status p { display: none }
.euroPredCnts .predictionCnts .accordionItem.soon .matchData .predStatus .status .predCounter { display: inline-block }
.euroPredCnts .predictionCnts .accordionItem.now .matchData .predStatus .status p { display: inline-block }
.euroPredCnts .predictionCnts .accordionItem.now .matchData .predStatus .status .predCounter { display: none }
.euroPredCnts .predictionCnts .accordionItem.done .matchData .predStatus .status p { display: inline-block }
.euroPredCnts .predictionCnts .accordionItem.done .matchData .predStatus .status .predCounter { display: none }
.euroPredCnts .predictionCnts .accordionItem.later .matchData .predStatus .status p { display: inline-block }
.euroPredCnts .predictionCnts .accordionItem.later .matchData .predStatus .status .predCounter { display: none }
.euroPredCnts .predictionCnts .accordionItem .matchData .predStatus .status p.points { display: none; float: right; width: 100%; text-align: center; font-family: CenturyGothicLight, Arial; font-size: 14px; color: #45b3eb; line-height: 2; direction: rtl; }
.euroPredCnts .predictionCnts .accordionItem .matchData .predStatus .status p.points span { font-family: droidLight,arial; font-size: 10px; margin-right: 2px; color: #45b3eb; float: none; line-height: 2.4; width: auto; height: auto }
.euroPredCnts .predictionCnts .accordionItem.score .matchData .predStatus .status p { display: none }
.euroPredCnts .predictionCnts .accordionItem.score .matchData .predStatus .status p.points { display: inline-block }
.euroPredCnts .predictionCnts .accordionItem.score .matchData .predStatus .status p:before { display: none }
.euroPredCnts .predictionCnts .accordionItem.score .matchData .predStatus .status .predCounter { display: none }
.euroPredCnts .predictionCnts .accordionItem.now .accContent .predItem,
.euroPredCnts .predictionCnts .accordionItem.done .accContent .predItem { opacity: 0.4; pointer-events: none }
.euroPredCnts .predictionCnts .matchData span.icon-plus { float: left; display: inline-block; width: 24px; height: 24px; text-align: center; pointer-events: none; position: absolute; top: 10px; left: 16px; -webkit-transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; -ms-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; }
.euroPredCnts .predictionCnts .accordionItem.open .matchData span.icon-plus { -webkit-transform: rotateX(180deg) translateY(50%); -moz-transform: rotateX(180deg) translateY(50%); -ms-transform: rotateX(180deg) translateY(50%); -o-transform: rotateX(180deg) translateY(50%); transform: rotateX(180deg) translateY(50%); }
.euroPredCnts .predictionCnts .matchData span.icon-plus::before,
.euroPredCnts .predictionCnts .matchData span.icon-plus::after { content: ''; position: absolute; top: 50%; width: 14px; height: 3px; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; background: #535353; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; -ms-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; }
.euroPredCnts .predictionCnts .matchData span.icon-plus::before { left: 0px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
.euroPredCnts .predictionCnts .matchData span.icon-plus::after { left: 8px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
.euroPredCnts .predictionCnts .accordionItem .matchData:hover span.icon-plus::before,
.euroPredCnts .predictionCnts .accordionItem .matchData:hover span.icon-plus::after,
.euroPredCnts .predictionCnts .accordionItem.open .matchData span.icon-plus::before,
.euroPredCnts .predictionCnts .accordionItem.open .matchData span.icon-plus::after { background: #45B3EB }
/************** Prediction Accordion ***************/
.euroPredCnts .predictionCnts .accordionItem .accContent { display: inline-block; background: #282829; float: left; width: 100%; overflow: hidden; height: 100%; max-height: 0; box-sizing: border-box; transition: all 0.2s ease-in-out 0s; -webkit-transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; -ms-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; }
.euroPredCnts .predictionCnts .accordionItem.open .accContent { opacity: 1; visibility: visible }
.euroPredCnts .predictionCnts .accordionItem .accContent .predItem { display: inline-block; float: right; width: 100%; padding: 16px; }
.euroPredCnts .predictionCnts .accordionItem .accContent .predItem .item { display: inline-block; float: right; width: calc((100% - 16px) / 2); height: 160px; border: 1px solid #535353; border-radius: 6px; overflow: hidden; margin-left: 16px }
.euroPredCnts .predictionCnts .accordionItem .accContent .predItem .item:last-of-type { margin-left: 0 }
.euroPredCnts .predictionCnts .accordionItem .accContent .predItem .item .predMatchTitle { display: inline-block; float: right; width: 100%; height: 40px; padding: 0 16px; background: #535353; position: relative }
.euroPredCnts .predictionCnts .accordionItem .accContent .predItem .item .predMatchTitle h3 { float: right; display: inline-block; width: calc(100% - 18px); text-align: right; color: #fff; font-family: droidLight,Arial; font-size: 15px; line-height: 2.6; }
.euroPredCnts .predMatchTitle .predJoker { position: absolute; left: 7px; top: 50%; transform: translateY(-50%); width: 26px; height: 26px; background: #282829; color: #fff; font-size: 18px; border-radius: 4px; overflow: hidden; text-align: center; }
.euroPredCnts .predMatchTitle .predJoker input[type="checkbox"] + label span { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: none; margin: 0; -webkit-transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; -ms-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s }
.euroPredCnts .predMatchTitle .predJoker input[type="checkbox"] + label .icon-joker:before { content: "L"; line-height: 1.5; position: absolute; top: 50%; transform: translateY(-50%); left: 6px; color: #fff; -webkit-transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; -ms-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s }
/*.euroPredCnts .predMatchTitle .predJoker:hover input[type="checkbox"] + label span,*/
.euroPredCnts .predMatchTitle .predJoker input[type="checkbox"]:checked + label span { background: #f9ab45; }
.euroPredCnts .predMatchTitle .predJoker:hover input[type="checkbox"] + label .icon-joker:before { color: #f9ab45; }
.euroPredCnts .predMatchTitle .predJoker input[type="checkbox"]:checked + label .icon-joker:before { color: #282829; }
/****** Nateget El Mobarah *******/
.euroPredCnts .item .matchPrediction { display: inline-block; float: right; width: 100%; height: 120px; position: relative }
.euroPredCnts .item .matchPrediction .matchPredictionCnts { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; padding: 0 16px }
.euroPredCnts .item .matchPrediction .team { display: inline-block; float: right; width: calc((100% - 80px) / 2); position: relative; height: 120px }
.euroPredCnts .item .matchPrediction a { float: right; display: inline-block; position: absolute; width: calc(100% - 60px); top: 50%; transform: translateY(-50%); text-align: center; }
.euroPredCnts .item .matchPrediction .teamName { display: inline-block; float: right; font-family: droidLight, arial; color: #fff; font-size: 11px; line-height: 1.6; position: relative; width: 100%; text-align: center; }
.euroPredCnts .item .matchPrediction .dash { display: inline-block; float: right; width: 80px; text-align: center; font-family: CenturyGothicLight, arial; color: #fff; font-size: 36px; line-height: 120px }
.euroPredCnts .item .matchPrediction .team.team1 a { left: 60px }
.euroPredCnts .item .matchPrediction .team.team2 a { right: 60px }
.euroPredCnts .item .matchPrediction .team.team1 { text-align: left; }
.euroPredCnts .item .matchPrediction .team.team2 { text-align: right; }
.euroPredCnts .item .matchPrediction .team img { width: auto; height: 26px; margin: 0 calc((100% - 26px) / 2) 10px; }
.euroPredCnts .item .matchPrediction .team.team1 img { float: left; margin-right: 10px; }
.euroPredCnts .item .matchPrediction .team.team2 img { float: right; margin-left: 10px; }
/*.euroPredCnts .item .matchPrediction form{display:inline-block;float:right;font-family: CenturyGothicLight, arial;color: #fff;font-size: 16px;line-height: 3.4;width: 20px;}*/
.euroPredCnts .item .matchPrediction form { display: inline-block; float: right; width: 38px; margin: 0 auto; text-align: center; position: absolute; top: 50%; transform: translateY(-50%) }


.euroPredCnts .item .matchPrediction.hBall .goalNo{display:inline-block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.euroPredCnts .item .matchPrediction.hBall .goalNo form { display: inline-block; float: right; width: 38px; margin: 0; text-align: center; position: relative; top: 0; transform: none }
.euroPredCnts .item .matchPrediction.hBall .goalNo p{display: inline-block;float: right;font-family: droidLight, arial;padding-right:30px;color: #fff;font-size: 12px;line-height: 98px;position: relative;text-align: center;}





.euroPredCnts .item .matchPrediction .value-button { display: inline-block; float: right; border: 1px solid #535353; border-radius: 4px; width: 38px; height: 24px; font-family: CenturyGothicLight, Arial; text-align: center; color: #fff; font-size: 20px; vertical-align: middle; background: none; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; -ms-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; }
.euroPredCnts .item .matchPrediction .value-button:hover { cursor: pointer; background: #45B3EB }
.euroPredCnts .item .matchPrediction form .decrease { line-height: 1 }
.euroPredCnts .item .matchPrediction form .increase { }
.euroPredCnts .item .matchPrediction input.number { display: inline-block; float: right; margin: 6px 0; text-align: center; border: none; outline: 0; border-bottom: 2px solid #535353; background: none; width: 38px; height: 38px; color: #fff; font-family: CenturyGothicLight, Arial; font-size: 22px }
.euroPredCnts .item .matchPrediction input.number:focus { border: none !important; border-bottom: 2px solid #535353 !important; outline: none }
.euroPredCnts .item .matchPrediction input[type=number]::-webkit-inner-spin-button,
.euroPredCnts .item .matchPrediction input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
.euroPredCnts .item .matchPrediction .team.team1 form { left: 0; }
.euroPredCnts .item .matchPrediction .team.team2 form { right: 0 }
/******************** First Scoring ********************/
.euroPredCnts .item.firstScoring .matchPrediction .matchPredictionCnts { height: 100% }
.euroPredCnts .item .matchPrediction .teamScoring { display: inline-block; position: absolute; top: 0; width: calc((100% - 100px) / 2); height: 100%; padding: 0; transform: none; -webkit-transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; -ms-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; }
.euroPredCnts .item .matchPrediction .teamScoring:before { content: ''; position: absolute; top: 0; left: 0; width: 1px; height: 100%; background: #535353 }
.euroPredCnts .item .matchPrediction .teamScoring:last-of-type:before { display: none }
.euroPredCnts .item .matchPrediction .teamScoring p { display: inline-block; width: 100%; padding: 0 16px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-family: droidLight, arial; color: #fff; font-size: 12px; line-height: 1.6; text-align: center }
.euroPredCnts .item .matchPrediction .teamScoring:hover, .euroPredCnts .item .matchPrediction .teamScoring.select { background: #000 }
.euroPredCnts .item .matchPrediction .teamScoring:hover p, .euroPredCnts .item .matchPrediction .teamScoring.select p { color: #45B3EB }
.euroPredCnts .item .matchPrediction .teamScoring.team1 { right: 0 }
.euroPredCnts .item .matchPrediction .teamScoring.team2 { left: 0 }
.euroPredCnts .item .matchPrediction .teamScoring.none { width: 100px; left: 50%; transform: translate(-50%) }
/** New Prediction Design 2022 **/
/*.newPred .content-wrap { width: 100% !important; }*/
.newPred .content { padding: 0; background: #F5F5F5; }
.newPred .FullWidthBK { margin: 0; width: 100% }
.newPred .euroMain .FullWidthBK .tabs { padding: 0 20px!important; background: #282829;margin-top: 30px; }
.newPred .euroPredCnts .FullWidthBK h1, .newPred .FullWidthBK h2 { right: 20px }
.newPred .euroPredCnts .tabs .regBtn { left: 0 }
.newPred .proPlayer { padding: 0; min-height: 650px; margin-bottom: 0; background: #F5F5F5 }
.newPred .privateLeague .predContainerDiv { display: inline-block; float: right; width: 100%; position: relative; padding: 50px 0 }
/*.newPred .privateLeague .predContainerDiv:before{content:"";position:absolute;top:0;right:0;left:0;bottom:0;width:100%;height:100%;background:url(../../Images/privateLeagueBG4.jpg) top center no-repeat;background-size:cover;pointer-events:none}
*/  
  .newPred .pagecnts, .newPred .innerpage { display: inline-block;  margin: 0; position: relative; height: 100%; padding: 50px 20PX;width:1282px }
.newPred .FullWidthBK .pagecnts { padding:  0;height:100% }
.newPred .landingPage .pagecnts{width:100%;padding:0}
.sponserExist.newPred .innerpage, .sponserExist.newPred .pagecnts{width:100%;float:right}
.newPred .landingPage.proPlayer{height:calc(100vh - 50px)}
.tour2830.newPred .euroPredCnts .tabs a.active, .tour2830.newPred .euroPredCnts .tabs a:hover {    border-bottom: 2px solid #FF803A;}
.tour2830.newPred .euroPredCnts .tabs a.regBtn.active, .tour2830.newPred .euroPredCnts .tabs a.regBtn:hover {border:0}
.tour-1 .euroPredCnts .tabs .regBtn.noImg .usericon {float:right;margin-left:10px;margin-top:10px;margin-right:0}
.tour-1.newPred .proPlayer .title {background:#0277BD;color:#fff;    height: 64px;border-radius: 16px;padding: 0 20px;}
.newPred .proPlayer .title { margin-bottom: 40px }
.newPred .proPlayer .title h2 { font-size: 26px ;line-height:64px}
.newPred .euroPredCnts .title:after { background-color: #aaa; margin-top: 10px }
.newPred .prediction { margin-bottom: 40px; /*padding: 50px 100px;*/ border-radius: 6px }
.newPred .createLeague .email-login, .newPred .createLeague .email-signup { padding: 20px 0 }
 .newPred .createLeague .email-signup {display:inline-block}
.newPred .blankMsg { display: inline-block; float: right; width: 100%; font-family: droidLight,Arial; font-size: 18px; text-align: center; padding: 30px 0; color: #fff }
.newPred .table .blankMsg { text-align: right; font-size: 16px; padding: 20px 36px; }
.newPred .regBtnPage { display: inline-block; float: right; width: 150px; height: 40px; margin: 0 calc((100% - 150px) / 2) 0; background: #0277bd; border-radius: 6px; overflow: hidden }
.newPred .regBtnPage p { display: inline-block; float: right; width: 100%; line-height: 40px; text-align: center; font-family: droidLight,Arial; color: #fff; font-size: 14px }
.newPred .createLeague .leagueImage { display: inline-block; float: right; width: 100%; min-height: 200px; margin-bottom: 30px; position: relative; border: 1px solid #2c3348; border-radius: 6px; overflow: hidden; cursor: pointer }
.newPred .createLeague .leagueImage:before { content: "0"; font-size: 84px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); color: rgba(255,255,255,0.1); pointer-events: none; z-index: 0 }
.newPred .createLeague .u-form-group { display: inline-block; float: right; width: 100%; margin-bottom: 30px }
.newPred .createLeague .u-form-group .labelHint { position: relative; right: 0; top: 0; padding: 0; line-height: 50px; display: inline-block; background: none; font-family: droidLight, arial; text-align: right; font-size: 13px; float: right; width: 120px; color: #fff4da }
.newPred .createLeague .u-form-group input[type="email"],
.newPred .createLeague .u-form-group input[type="password"],
.newPred .createLeague .u-form-group input[type="text"],
.newPred .createLeague .u-form-group input[type="tel"] { width: calc(100% - 120px); height: 50px; border-radius: 6px }
.newPred .createLeague .u-form-group input:valid { background: transparent !important; border: 1px solid #2c3348; color: #fff }
.newPred .createLeague .u-form-group input:focus { border: 1px solid #2c3348 !important; }
.newPred .createLeague .u-form-group .selectlst { position: relative; display: inline-block; float: right; width: calc(100% - 120px); height: 50px; background: transparent !important; padding: 0 10px; border: 1px solid #2c3348; border-radius: 6px; font-family: droidLight, arial; text-align: right; font-size: 13px; color: #fff; cursor: pointer }
.newPred .createLeague .u-form-group .selectlst option { color: #000; padding: 10px 0 }
.newPred .createLeague .u-form-group .selectlst:after { content: "a"; position: absolute; left: 10px; top: 50%; transform: translateY(-50%); color: #fff; font-size: 16px }
.newPred .createLeague .u-form-group .itemError { color: #d41f2b; }
.newPred .createLeague .u-form-group.allBtns { display: inline-block; float: left; width: 100%; height: 50px; margin-bottom: 0 }
.newPred .createLeague .u-form-group.allBtns .btnsContainer { position: absolute; top: 0; left: 50%; height: 100%; transform: translateX(-50%); display: flex }
.newPred .createLeague .u-form-group.allBtns a { display: inline-block; float: right; width: 150px; height: 50px; padding: 0 10px; border-radius: 6px; margin-left: 10px; font-family: droidLight, arial; text-align: center; font-size: 14px; color: #fff; cursor: pointer; line-height: 50px }
.newPred .createLeague .u-form-group.allBtns a:last-child { margin-left: 0 }
.newPred .createLeague .u-form-group.allBtns a.CreateLeagueBtn { background: #ff803a;color:#fff4da }
.newPred .createLeague .u-form-group.allBtns a.SaveLeagueBtn { background: green }
.newPred .createLeague .u-form-group.allBtns a.DeleteLeagueBtn { background: #e81f3e }
.newPred .privateLeague .createdLeaguePopup { position: fixed; width: 100%; height: 100%; top: 0; left: 0; bottom: 0; right: 0; z-index: 9; opacity: 0; visibility: hidden; -webkit-transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; -ms-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; }
.newPred .privateLeague.showPopup .createdLeaguePopup { opacity: 1; visibility: visible }
.newPred .privateLeague .createdLeaguePopup:before { content: ""; position: absolute; width: 100%; height: 100%; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,0.6); pointer-events: none }
.newPred .privateLeague .createdLeaguePopup .popupContainer { position: absolute; width: 500px; border-radius: 6px; top: 50%; left: 50%; transform: translate(-50%,-50%); overflow: hidden }
.newPred .privateLeague .createdLeaguePopup .popupContainer:before { content: ""; position: absolute; width: 100%; height: 100%; top: 0; right: 0; bottom: 0; left: 0; background: url('../../Images/privateLeagueBG1.jpg') no-repeat top left; background-size: auto 100%; pointer-events: none; opacity: 0.5 }
.newPred .privateLeague .createdLeaguePopup .popupContainer .popupTtl { display: inline-block; float: right; width: 100%; height: 50px; background: #20273f; padding: 0 20px; color: #fff; position: relative; z-index: 1 }
.newPred .privateLeague .createdLeaguePopup .popupContainer .icon-created:before { content: "K"; float: right; display: inline-block; line-height: 50px }
.newPred .privateLeague .createdLeaguePopup .popupContainer .popupTtl p { display: inline-block; float: right; padding-right: 10px; font-family: droidLight, Arial; font-size: 15px; color: #fff; line-height: 50px }
.newPred .privateLeague .createdLeaguePopup .popupContainer .popupTtl .closePopup { position: absolute; top: 12px; left: 10px; width: 20px; height: 20px; z-index: 2; cursor: pointer; }
.newPred .privateLeague .createdLeaguePopup .popupContainer .popupTtl .closePopup:after,
.newPred .privateLeague .createdLeaguePopup .popupContainer .popupTtl .closePopup:before { content: ''; position: absolute; top: 0; width: 2px; height: 100%; background-color: #fff; opacity: 1; transition: all .2s ease-in-out 0s; -webkit-transition: all .2s ease-in-out 0s; -moz-transition: all .2s ease-in-out 0s; -ms-transition: all .2s ease-in-out 0s; -o-transition: all .2s ease-in-out 0s; }
.newPred .privateLeague .createdLeaguePopup .popupContainer .popupTtl .closePopup:before { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
.newPred .privateLeague .createdLeaguePopup .popupContainer .popupTtl .closePopup:after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
.newPred .privateLeague .createdLeaguePopup .popupContainer .popupCnts { display: inline-block; float: right; width: 100%; background: #fff; padding: 30px 20px; position: relative; z-index: 1 }
.newPred .privateLeague .createdLeaguePopup .popupContainer .popupCnts h4 { display: inline-block; float: right; width: 100%; font-family: droidBold, Arial; font-size: 18px; text-align: right; color: #20273f; margin-bottom: 30px }
.newPred .privateLeague .createdLeaguePopup .popupContainer .popupCnts .leagueCode { display: inline-block; float: right; width: 100%; margin-bottom: 50px }
.newPred .privateLeague .createdLeaguePopup .popupContainer .popupCnts .leagueCode:last-child { margin-bottom: 0 }
.newPred .privateLeague .createdLeaguePopup .popupContainer .popupCnts .leagueCode span { display: inline-block; float: right; width: 100%; font-family: droidBold, Arial; text-align: right; font-size: 15px; color: #20273f; margin-bottom: 4px }
.newPred .privateLeague .createdLeaguePopup .popupContainer .popupCnts .leagueCode p { display: inline-block; float: right; width: 100%; font-family: droidLight, Arial; text-align: right; font-size: 13px; color: #20273f; margin-bottom: 20px }
.newPred .privateLeague .createdLeaguePopup .popupContainer .popupCnts .leagueCode.link p { margin-bottom: 30px }
.newPred .privateLeague .createdLeaguePopup .popupContainer .popupCnts .leagueCode .codeInputCntnr { display: inline-block; float: right; width: 100%; }
.newPred .privateLeague .createdLeaguePopup .popupContainer .popupCnts .leagueCode.code .codeInputCntnr .codeInput { display: inline-block; float: right; width: 220px; height: 50px; line-height: 48px; border: 1px solid rgba(32,39,63,0.2); font-family: CenturyGothicLight, Arial; font-size: 20px; color: #20273f; border-radius: 6px; padding: 0 10px; font-weight: bold; text-align: right }
.newPred .privateLeague .createdLeaguePopup .popupContainer .popupCnts .leagueCode .codeInputCntnr .copyCodeBtn { display: inline-block; float: left; position: relative; width: 140px; height: 50px; line-height: 48px; border: 1px solid rgba(32,39,63,1); font-family: droidLight, Arial; font-size: 14px; color: #20273f; border-radius: 6px; padding: 0 10px; text-align: center; cursor: pointer; -webkit-transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; -ms-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; }
.newPred .privateLeague .createdLeaguePopup .popupContainer .popupCnts .leagueCode .codeInputCntnr .copyCodeBtn:hover { background: #20273f; color: #fff }
.newPred .privateLeague .createdLeaguePopup .popupContainer .popupCnts .leagueCode .codeInputCntnr .copyCodeBtn .addedCode { display: inline-block; position: absolute; width: 85px; height: 30px; background-color: green; left: 50%; transform: translateX(-50%); top: -38px; border-radius: 6px; color: #fff; line-height: 2.2; font-size: 12px; font-family: 'droidLight'; opacity: 0; visibility: hidden; -webkit-transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; -ms-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; }
.newPred .privateLeague .createdLeaguePopup .popupContainer .popupCnts .leagueCode .codeInputCntnr .copyCodeBtn .addedCode:before { content: ''; width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 8px solid green; position: absolute; bottom: -7px; right: 10px; }
.newPred .privateLeague .createdLeaguePopup .popupContainer .popupCnts .leagueCode .codeInputCntnr .copyCodeBtn.added .addedCode { opacity: 1; visibility: visible }
.newPred .privateLeague .createdLeaguePopup .popupContainer .popupCnts .leagueCode.link .codeInputCntnr .codeInput { display: inline-block; float: right; width: 100%; line-height: 1; padding-bottom: 4px; border-bottom: 1px solid rgba(32,39,63,0.2); font-family: arial; font-size: 14px; color: #20273f; text-align: left; direction: ltr; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin-bottom: 20px }
.newPred .privateLeague .createdLeaguePopup .popupContainer .popupCnts .leagueCode.link .codeInputCntnr .goLeague { display: inline-block; float: left; width: 140px; height: 50px; line-height: 48px; border: 1px solid rgba(32,39,63,1); font-family: droidLight, Arial; font-size: 14px; color: #fff; margin-left: 10px; background-color: #20273f; border-radius: 6px; padding: 0 10px; text-align: center; cursor: pointer; -webkit-transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; -ms-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; }
.newPred .privateLeague .createdLeaguePopup .popupContainer .popupCnts .banDiv { display: inline-block; width: 100%; float: left }
.newPred .privateLeague .createdLeaguePopup .popupContainer .popupCnts .banDiv p { display: inline-block; float: right; width: 100%; font-family: droidBold, Arial; font-size: 16px; color: #20273f; margin-bottom: 15px }
.newPred .privateLeague .createdLeaguePopup .popupContainer .popupCnts .banDiv .buttons { display: inline-block; float: left }
.newPred .privateLeague .createdLeaguePopup .popupContainer .popupCnts .banDiv a { display: inline-block; float: right; position: relative; width: 100px; height: 40px; line-height: 40px; border: 1px solid rgba(32,39,63,1); font-family: droidLight, Arial; margin-left: 10px; font-size: 14px; color: #20273f; border-radius: 6px; padding: 0 10px; text-align: center; cursor: pointer; -webkit-transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; -ms-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; }
.newPred .privateLeague .createdLeaguePopup .popupContainer .popupCnts .banDiv a:last-child { margin-left: 0 }
.newPred .privateLeague .createdLeaguePopup .popupContainer .popupCnts .banDiv a:hover { background-color: #20273f; color: #fff }
/** Tour Guide **/
.guided-tour { overflow: hidden !important }
.guided-tour-step { display: none; text-rendering: optimizespeed; font-family: droidLight,arial; font-size: 12pt; color: #333 }
.guided-tour-step.active { display: block; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1024; pointer-events: all }
.guided-tour-step.active .guided-tour-step-highlight { position: absolute; box-sizing: border-box; border-radius: 4px; box-shadow: 0 0 0 999em rgba(0,0,0,.70); z-index: 1 }
.guided-tour-step.active .guided-tour-step-tooltip { position: absolute; padding: 32px 32px 28px 32px; margin: 16px 0; z-index: 2; background-color: #fff; max-width: 400px; border-radius: 5px; box-sizing: border-box; box-shadow: 0 0 8px -4px #000; transition: opacity 150ms; font-size: 14px; }
.guided-tour-step.active .guided-tour-step-tooltip .guided-tour-arrow { position: absolute; border-top: 8px solid transparent; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid transparent; margin-left: -8px; margin-top: -8px }
.guided-tour-step.active .guided-tour-step-tooltip.guided-tour-arrow-none .guided-tour-arrow { display: none }
.guided-tour-step.active .guided-tour-step-tooltip.guided-tour-arrow-top .guided-tour-arrow { border-bottom-color: #fff; margin-top: -16px; top: 0 }
.guided-tour-step.active .guided-tour-step-tooltip.guided-tour-arrow-bottom .guided-tour-arrow { border-top-color: #fff; margin-bottom: -16px; bottom: 0 }
.guided-tour-step.active .guided-tour-step-tooltip.guided-tour-center { transform: translate(-50%, -50%) }
.guided-tour-step.active .guided-tour-step-tooltip .guided-tour-step-image img { width: 100%; height: auto; border-radius: 4px; margin-bottom: 28px }
.guided-tour-step.active .guided-tour-step-tooltip .guided-tour-step-title { font-family: droidBold,arial; margin-bottom: 20px; font-size: 15px; }
.guided-tour-step.active .guided-tour-step-tooltip .guided-tour-icon { display: inline-block; overflow: hidden }
.guided-tour-step.active .guided-tour-step-tooltip .guided-tour-step-button { flex-direction: column; justify-content: center; display: inline-flex; text-align: center; cursor: pointer }
.guided-tour-step.active .guided-tour-step-tooltip .guided-tour-step-button .guided-tour-icon { align-self: center }
.guided-tour-step.active .guided-tour-step-tooltip .guided-tour-step-button-next,
.guided-tour-step.active .guided-tour-step-tooltip .guided-tour-step-button-complete { border: 2px solid currentColor; box-shadow: 0 0 1em 0 rgba(0,0,0,.4); width: 48px; height: 48px; background: #fff; border-radius: 50%; position: absolute; left: 0; top: 50%; transform: translate(-50%,-50%) }
.guided-tour-step.active .guided-tour-step-tooltip .guided-tour-step-button-next { color: limegreen; transform: translate(-50%,-50%) rotate(180deg); }
.guided-tour-step.active .guided-tour-step-tooltip .guided-tour-step-button-complete { color: limegreen }
.guided-tour-step.active .guided-tour-step-tooltip .guided-tour-step-button-close { position: absolute; top: 0; right: 0; width: 32px; height: 32px }
.guided-tour-step.active .guided-tour-step-tooltip .guided-tour-step-footer-bullets { text-align: center; line-height: 16px }
.guided-tour-step.active .guided-tour-step-tooltip .guided-tour-step-footer-bullets ul { margin: 10px 0 -18px 0; list-style: none; padding: 0 }
.guided-tour-step.active .guided-tour-step-tooltip .guided-tour-step-footer-bullets ul li { width: 8px; height: 8px; border-radius: 50%; padding: 0; display: inline-block; background-color: #ddd; margin: 8px 0 8px 8px; box-sizing: content-box; cursor: pointer }
.guided-tour-step.active .guided-tour-step-tooltip .guided-tour-step-footer-bullets ul li.complete { background-color: limegreen }
.guided-tour-step.active .guided-tour-step-tooltip .guided-tour-step-footer-bullets ul li.current { background-color: limegreen; }
.guided-tour-step.active .guided-tour-step-tooltip .guided-tour-step-footer-bullets ul li:last-of-type { margin-left: 0 }

@media screen and (max-width: 760px) {
    .guided-tour-step.active .guided-tour-step-tooltip { max-width: unset; width: calc(100% - 30px); left: 15px !important; right: 15px !important }
    .guided-tour-step.active .guided-tour-step-tooltip.guided-tour-center { transform: translate(0, -50%) }
    .guided-tour-step.active .guided-tour-step-tooltip .guided-tour-step-button-next,
    .guided-tour-step.active .guided-tour-step-tooltip .guided-tour-step-button-complete { width: 36px; height: 36px; left: 10px; bottom: 10px; transform: none; top: auto; box-shadow: 0 0 8px 0 rgba(0,0,0,.4) }
    .guided-tour-step.active .guided-tour-step-tooltip .guided-tour-step-button-next { transform: rotate(180deg) }
    .guided-tour-step.active .guided-tour-step-tooltip .guided-tour-step-button-next svg,
    .guided-tour-step.active .guided-tour-step-tooltip .guided-tour-step-button-complete svg { width: 26px; height: 26px }
    .guided-tour-step.active .guided-tour-step-tooltip.guided-tour-arrow-top .guided-tour-arrow { display: none }
}
/******************** League Page ********************/
.newPred .proPlayer .title .membersNumber, .newPred .proPlayer .title .totalNum { display: inline-block; float: right; padding-right: 16px; font-family: droidLight,Arial; font-size: 12px; color:#fff; margin-top: 0;line-height:64px }
.newPred .proPlayer .title .membersNumber span, .newPred .proPlayer .title .totalNum span { display: inline-block; float: right; font-family: CenturyGothicLight, arial; font-size: 15px; color: #fff; margin-left: 3px }
.newPred .proPlayer .title .leagueSetting { display: inline-block; float: left; text-align: center;margin-top:10px }
.newPred .proPlayer .title .leagueSetting a { display: inline-block; float: right; padding: 0 24px; height: 46px; text-align: center; margin-left: 10px; border: 1px solid rgba(255, 255, 255,  .3); border-radius: 6px; }
.newPred .proPlayer .title .leagueSetting a:last-of-type { margin-left: 0 }
.newPred .proPlayer .title .leagueSetting a.editBtn:hover { background: green }
.newPred .proPlayer .title .leagueSetting a.shareBtn:hover { background: blue }
.newPred .proPlayer .title .leagueSetting a.removeBtn:hover { background: #f24334 }
.newPred .proPlayer .title .leagueSetting a.exitBtn:hover { background: #e7e7e7 }
.newPred .proPlayer .title .leagueSetting a.exitBtn:hover .cont p, .newPred .proPlayer .title .leagueSetting a.exitBtn:hover .cont .icon-exit:before { color: #161a2c }
.newPred .proPlayer .title .leagueSetting a .cont { display: inline-block; margin: 0 auto }
.newPred .proPlayer .title .leagueSetting a .cont span { float: right; display: inline-block; font-size: 14px; line-height: 46px; color: rgba(255,255,255,0.3); -webkit-transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; -ms-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s }
.newPred .proPlayer .title .leagueSetting a .cont p { display: inline-block; float: right; font-family: droidLight,Arial; font-size: 12px; color: #fff; padding-right: 10px; line-height: 46px }
.newPred .proPlayer .title .leagueSetting a .cont .icon-share:before { content: "X"; line-height: 46px }
.newPred .proPlayer .title .leagueSetting a .cont .icon-edit:before { content: "1"; line-height: 46px }
.newPred .proPlayer .title .leagueSetting a .cont .icon-remove:before { content: "J"; line-height: 46px }
.newPred .proPlayer .title .leagueSetting a .cont .icon-exit:before { content: "5"; line-height: 46px }
.newPred .proPlayer .title .leagueSetting a:hover span { color: #fff }
/** Ranking **/
.newPred.predRanking .createLeague .ranking { margin-bottom: 60px }
.newPred.predRanking .createLeague .ranking:last-child { margin-bottom: 0 }
.newPred.predRanking .createLeague .ranking .rankMain { background: none; padding: 0 }
.newPred.predRanking .createLeague .ranking .rankCnts { border: 0 }
.newPred.predRanking .createLeague .ranking .rankCnts .predMatchTitle { display: none }
.newPred.predRanking .createLeague .ranking .rankCnts .table { background: none }
.newPred.predRanking .createLeague .ranking .rankCnts .table .ttlRow {background: #E3E3E3; }
.newPred.predRanking .createLeague .ranking .rankCnts .table .ttlRow .itemTtl { color:#656565 }
.newPred.predRanking .createLeague .ranking .rankCnts .table .wRow { border-bottom: 0 }
.newPred.predRanking .createLeague .ranking .rankCnts .table .wRow:nth-child(odd) { background: #fff }
.newPred.predRanking .createLeague .ranking .rankCnts .table .wRow:nth-child(even) {background:#E3E3E3}
.newPred.predRanking .createLeague .ranking .rankCnts .jp-container { max-height: 376px; height: auto }
.newPred.predRanking .createLeague .ranking .rankCnts .jspTrack { background: #e3e3e3 ; }
.newPred.predRanking .createLeague .ranking .rankCnts .jspDrag { background: #037cc2 }

.newPred.predRanking .createLeague .ranking:first-child .rankCnts .table .wRow{height:100px}
/** All Leagues **/
.tour-1.newPred.predRanking .createLeague .ranking.allLeagues .predMatchTitle{background: #0277BD;
    color: #fff;
    height: 64px;
    border-radius: 16px;
    padding: 0 20px;margin-bottom:15px}
.tour-1.newPred.predRanking .createLeague .ranking.allLeagues .predMatchTitle h3{line-height:64px;margin-bottom:0}
.tour-1.newPred .table .blankMsg{color:#656565}
.tour-1.newPred.predRanking .createLeague .ranking.allLeagues .rankCnts .table .wRow .leagueSetting a .cont .icon-edit:before,
.tour-1.newPred.predRanking .createLeague .ranking.allLeagues .rankCnts .table .wRow .leagueSetting a .cont .icon-share:before,
.tour-1.newPred.predRanking .createLeague .ranking.allLeagues .rankCnts .table .wRow .leagueSetting a .cont p,
.tour-1 .euroPredCnts .predictionCnts .tourName .search label,
.tour-1.newPred.predRanking .createLeague .ranking.allLeagues .rankCnts .table .wRow .leagueSetting a.joinBtn .cont .icon-join:before{color:#6F6F6F}
.tour-1 .euroPredCnts .predictionCnts .tourName .search input{border:1px solid #6F6F6F;color:#6F6F6F}
.tour-1 .euroPredCnts .predictionCnts .tourName .search input:focus, 
.tour-1 .euroPredCnts .predictionCnts .tourName .search input::selection{border:1px solid #6F6F6F;}
.newPred.predRanking .createLeague .ranking.allLeagues .predMatchTitle { display: inline-block; float: right; width: 100% }
.newPred.predRanking .createLeague .ranking.allLeagues .predMatchTitle h3 { display: inline-block; float: right; width: 100%; font-family: droidBold,Arial; color: #fff; font-size: 16px; padding-bottom: 10px; text-align: right }
.newPred.predRanking .createLeague .ranking.allLeagues .rankCnts .table .wRow .item a { pointer-events: visible }
.newPred.predRanking .createLeague .ranking.allLeagues .rankCnts .table .wRow .item a:hover p { color: #e6be71 }
.newPred.predRanking .createLeague .ranking.allLeagues .rankCnts .table .ttlRow .itemTtl,
.newPred.predRanking .createLeague .ranking.allLeagues .rankCnts .table .wRow .item { width: calc(100% / 3) }
.newPred.predRanking .createLeague .ranking.allLeagues .rankCnts .table .wRow .item:last-child { font-weight: normal }
.newPred.predRanking .createLeague .ranking.allLeagues .rankCnts .table .wRow .leagueSetting { display: inline-block; float: left; text-align: center }
.newPred.predRanking .createLeague .ranking.allLeagues .rankCnts .table .wRow .leagueSetting a { display: inline-block; float: right; padding: 0 14px; height: 26px; text-align: center; margin-left: 4px; border: 1px solid #2c3348; border-radius: 6px; }
.newPred.predRanking .createLeague .ranking.allLeagues .rankCnts .table .wRow .leagueSetting a:last-of-type { margin-left: 0 }
.newPred.predRanking .createLeague .ranking.allLeagues .rankCnts .table .wRow .leagueSetting a.editBtn:hover { background: green }
.newPred.predRanking .createLeague .ranking.allLeagues .rankCnts .table .wRow .leagueSetting a.shareBtn:hover { background: blue }
.newPred.predRanking .createLeague .ranking.allLeagues .rankCnts .table .wRow .leagueSetting a.joinBtn:hover { background: #e7e7e7 }
.newPred.predRanking .createLeague .ranking.allLeagues .rankCnts .table .wRow .leagueSetting a.joinBtn:hover p, .newPred.predRanking .createLeague .ranking.allLeagues .rankCnts .table .wRow .leagueSetting a.joinBtn:hover .cont .icon-join:before { color: #161a2c }
.newPred.predRanking .createLeague .ranking.allLeagues .rankCnts .table .wRow .leagueSetting a .cont { display: inline-block; margin: 0 auto }
.newPred.predRanking .createLeague .ranking.allLeagues .rankCnts .table .wRow .leagueSetting a .cont span { float: right; display: inline-block; font-size: 11px; line-height: 26px; color: rgba(255,255,255,0.3); -webkit-transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; -ms-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s }
.newPred.predRanking .createLeague .ranking.allLeagues .rankCnts .table .wRow .leagueSetting a .cont p { display: inline-block; float: right; font-family: droidLight,Arial; font-size: 10px; color: #fff; padding-right: 6px; line-height: 26px }
.newPred.predRanking .createLeague .ranking.allLeagues .rankCnts .table .wRow .leagueSetting a .cont .icon-share:before { content: "X"; line-height: 26px }
.newPred.predRanking .createLeague .ranking.allLeagues .rankCnts .table .wRow .leagueSetting a .cont .icon-edit:before { content: "1"; line-height: 26px }
.newPred.predRanking .createLeague .ranking.allLeagues .rankCnts .table .wRow .leagueSetting a .cont .icon-join:before { content: "H"; line-height: 26px }
.newPred.predRanking .createLeague .ranking.allLeagues .rankCnts .table .wRow .leagueSetting a:hover span { color: #fff }
.newPred.predRanking .createLeague .ranking.allLeagues .rankCnts .table .ttlRow .itemTtl.totalPoints, .newPred.predRanking .createLeague .ranking.allLeagues .rankCnts .table .ttlRow .itemTtl.num,
.newPred.predRanking .createLeague .ranking.allLeagues .rankCnts .table .wRow .item.num, .newPred.predRanking .createLeague .ranking.allLeagues .rankCnts .table .wRow .item.totalPoints { width: 180px }
.newPred.predRanking .createLeague .ranking.allLeagues .rankCnts .table .ttlRow .itemTtl.buttons, .newPred.predRanking .createLeague .ranking.allLeagues .rankCnts .table .wRow .item.buttons { width: 100px }
.newPred.predRanking .createLeague .ranking.allLeagues .rankCnts .table .ttlRow .itemTtl, .newPred.predRanking .createLeague .ranking.allLeagues .rankCnts .table .wRow .item { width: calc(100% - 460px) }
.newPred.predRanking .createLeague .ranking.allLeagues .private .rankCnts .table .ttlRow .itemTtl.totalPoints, .newPred.predRanking .createLeague .ranking.allLeagues .private .rankCnts .table .ttlRow .itemTtl.num,
.newPred.predRanking .createLeague .ranking.allLeagues .private .rankCnts .table .wRow .item.num, .newPred.predRanking .createLeague .ranking.allLeagues .private .rankCnts .table .wRow .item.totalPoints { width: 155px }
.newPred.predRanking .createLeague .ranking.allLeagues .private .rankCnts .table .ttlRow .itemTtl.buttons, .newPred.predRanking .createLeague .ranking.allLeagues .private .rankCnts .table .wRow .item.buttons { width: 150px }
/*.newPred.predRanking .createLeague .ranking.allLeagues .private .rankCnts .table .ttlRow .itemTtl, .newPred.predRanking .createLeague .ranking.allLeagues .private .rankCnts .table .wRow .item { width: calc(100% - 510px) }*/
.euroPredCnts .predictionCnts .tourName .search { display: inline-block; float: right; width: 100% }
.euroPredCnts .predictionCnts .tourName .search label { display: inline-block; float: right; width: 100%; font-family: droidBold,Arial; color: #fff; font-size: 16px; padding-bottom: 10px; text-align: right; margin-bottom: 8px }
.euroPredCnts .predictionCnts .tourName .search input { display: inline-block; width: 100%; height: 50px; float: right; border: 1px solid #2c3348; border-radius: 6px; color: #fff; background-color: transparent; font-size: 16px; margin-bottom: 30px; padding: 15px }
.euroPredCnts .predictionCnts .tourName .search input::placeholder { font-family: droidBold,Arial; color: rgba(255,255,255,.5); font-size: 14px; }
.predLoader { display: inline-block; position: absolute; width: 100%; height: calc(100% - 50px); bottom: 0; right: 0; background-color: rgb(64 63 63 / 80%); z-index: 1; opacity: 0; visibility: hidden }
.predLoader:before { content: ''; background: url(../../Images/loader-blue.gif) center top no-repeat; position: absolute; width: 40px; height: 125px; top: 100px; left: 50%; transform: translateX(-50%); }
.showLoader .predLoader { opacity: 1; visibility: visible }
/******************** Login Popup ********************/
.registerPopup:before { content: ""; position: fixed; width: 100%; height: 100%; top: 0; left: 0; right: 0; opacity: 0; visibility: hidden; bottom: 0; background: rgba(29,29,29,0.90); z-index: 99999; pointer-events: none; -webkit-transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; -ms-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s }
.openRegister .registerPopup:before { visibility: visible; opacity: 1 }
.login-box { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); font-family: droidLight, arial; z-index: 100000; width: 480px; height: 400px; border-radius: 6px; overflow: hidden; background: #fff; box-shadow: 0 6px 6px -3px rgba(0, 0, 0, 0.1); opacity: 0; visibility: hidden; -webkit-transition: opacity .3s 0s, visibility 0s .3s; -moz-transition: opacity .3s 0s, visibility 0s .3s; -o-transition: opacity .3s 0s, visibility 0s .3s; -ms-transition: opacity .3s 0s, visibility 0s .3s; transition: opacity .3s 0s, visibility 0s .3s; }
.login-box h3 { display: inline-block; float: right; width: 100%; font-family: droidBold, Arial; font-size: 18px; color: #fff; height: 60px; background: #000; text-align: center; line-height: 3.6; margin-bottom: 20px; }
.login-box.loginActive { height: 510px }
.login-box.loginActive.error { height: 550px }
.login-box.loginActive.error .social-login { margin-bottom: 20px }
.login-box.loginActive h3:before { content: "تسجيل دخول" }
.login-box.signUpActive { height: 510px }
.login-box.signUpActive.error { height: 560px }
.login-box.signUpActive h3:before { content: "مستخدم جديد" }
.login-box.profileActive h3:before { content: "حساب مستخدم" }
.login-box.profileActive { height: 470px }
.login-box.error .u-form-group { margin-bottom: 0; margin-top: 20px }
.openRegister .login-box { opacity: 1; visibility: visible; transition: opacity .3s 0s, visibility 0s 0s; -webkit-transition: opacity .3s 0s, visibility 0s 0s; -moz-transition: opacity .3s 0s, visibility 0s 0s; -ms-transition: opacity .3s 0s, visibility 0s 0s; -o-transition: opacity .3s 0s, visibility 0s 0s; }
.openRegister .login-box.phonenumber .email-login.complete { display: none }
.openRegister .login-box.phonenumber .lb-header { border-bottom: 0 }
.openRegister .login-box.phonenumber { height: 340px }
.lb-header { display: inline-block; float: right; width: 100%; position: relative; color: #00415d; padding-bottom: 10px; border-bottom: 1px solid #D1D2D4; text-align: center; z-index: 1; }
.lb-header a { display: inline-block; margin: 0 25px; padding: 0 20px; text-decoration: none; color: #666; font-size: 15px; -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; transition: all 0.1s linear; }
.lb-header .active { color: #45B3EB; }
.lb-header .profile { display: inline-block; float: right; width: 100%; }
.lb-header .profile .userImg { display: inline-block; width: 75px; height: 75px; border-radius: 50%; overflow: hidden; }
.lb-header .profile .UserData { display: inline-block; float: right; width: 100% }
.lb-header .profile .UserData .data { display: inline-block; float: right; width: 100%; padding: 10px 20px 0; text-align: right }
.lb-header .profile .UserData .data label { display: inline-block; float: right; width: 60px; font-family: droidLight, Arial; font-size: 15px; margin-left: 5px; color: #000 }
.lb-header .profile .UserData .data span { display: inline-block; float: right; font-family: droidLight, Arial; font-size: 15px; color: #000; width: auto; margin-top: 0 }
.social-login { position: relative; float: left; width: 100%; height: auto; padding: 10px 0 16px 0; border-bottom: 1px solid #D1D2D4; margin-bottom: 16px }
.social-login a { position: relative; float: left; width: 100%; text-decoration: none; color: #fff; border: 1px solid rgba(0,0,0,0.05); padding: 8px 12px; border-radius: 4px; font-size: 12px; text-transform: uppercase; margin: 0; text-align: center; margin-bottom: 10px }
.social-login a:last-of-type { margin-bottom: 0 }
.social-login a.loginFbBtn { background-color: #49639F; }
.social-login a.loginGglBtn { background-color: #E05449 }
.email-login, .email-signup { position: relative; float: left; width: 100%; height: auto; text-align: center; padding: 20px; }
.email-login .complete { display: inline-block; width: 100%; text-align: right; color: #45B3EB; font-size: 15px; margin-bottom: 5px }
.email-login.complete { padding: 10px 20px 0 }
.u-form-group { width: 100%; margin-bottom: 15px; display: inline-block; position: relative }
.u-form-group .itemError { display: inline-block; position: absolute; font-family: droidLight, arial; font-size: 12px; color: red; left: 0; top: -20px; text-align: left }
.u-form-group.error { margin-top: 25px; margin-bottom: 0 }
.u-form-group input[type="email"],
.u-form-group input[type="password"],
.u-form-group input[type="text"], .u-form-group input[type="tel"] { width: 100%; height: 45px; outline: none; border: 1px solid #aaa; padding: 0 10px; border-radius: 4px; font-family: droidLight, arial; color: #333; font-size: 0.8rem; -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; transition: all 0.1s linear; }
.u-form-group input::-webkit-input-placeholder { color: #aaa; opacity: 1; font-weight: normal; font-size: inherit }
.u-form-group input:focus { border: 1px solid #aaa !important }
.u-form-group .labelHint { display: inline-block; font-size: 12px; position: absolute; right: 10px; top: -12px; background-color: #fff; color: #525252; padding: 0 5px }
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus { border: 1px solid #aaa; -webkit-text-fill-color: #000; -webkit-box-shadow: 0 0 0px 1000px #fff inset; }
.u-form-group input:valid { background: #fff !important; }
.signUpActive .u-form-group.error.passwrd .labelHint, .signUpActive .u-form-group.error.confirmPass .labelHint { top: 8px }
.signUpActive.error .email-signup .u-form-group:nth-of-type(1), .loginActive.error .email-login .u-form-group.emails { margin-top: 0 }
/*.euroPredCnts .login-box.signUpActive.error .email-login, .euroPredCnts .login-box.signUpActive.error .email-signup{padding-top:0}
.euroPredCnts .login-box.loginActive.error .email-login, .euroPredCnts .login-box.loginActive.error .email-signup{padding-top:0}*/
.u-form-group input:focus { border-color: #358efb; background-color: #fff !important }
.u-form-group button, .u-form-group .Compelete, .u-form-group .SigninBtn, .u-form-group .SignupBtn { display: inline-block; position: relative; width: 50%; background-color: #45B3EB; border: none; font-family: droidLight, Arial; outline: none; color: #fff; font-size: 14px; font-weight: normal; padding: 6px 0; border-radius: 2px; margin-top: 10px; }
.u-form-group .Compelete { width: calc(50% - 20px) }
.forgot-password { width: 50%; text-align: left; text-decoration: underline; color: #888; font-size: 0.75rem; }
.login-box .closePopup { position: absolute; top: 15px; left: 16px; width: 30px; height: 30px; z-index: 2 }
.login-box .closePopup:after, .login-box .closePopup:before { content: ''; position: absolute; top: 0; width: 2px; height: 100%; background-color: #fff; opacity: 1; transition: all .2s ease-in-out 0s; -webkit-transition: all .2s ease-in-out 0s; -moz-transition: all .2s ease-in-out 0s; -ms-transition: all .2s ease-in-out 0s; -o-transition: all .2s ease-in-out 0s; }
.login-box .closePopup:before { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
.login-box .closePopup:after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
.LoaderLogin { width: 100%; height: 50px; position: absolute; right: 0; top: 0; background-color: #5b0e25 }
.LoaderLogin img { display: inline-block; height: 36px; float: right; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.generalError { display: inline-block; float: right; text-align: right; color: red; font-size: 12px; font-family: droidLight,Arial }
/******************** Save Button ********************/
.euroPredCnts .predictionCnts .saveHint { position: fixed; width: 1282px; height: 90px; border-top: 2px solid #45B3EB; bottom: -90px; z-index: 5; left: 50%; transform: translateX(-50%); background: #000; transition: all .2s ease-in-out 0s; -webkit-transition: all .2s ease-in-out 0s; -moz-transition: all .2s ease-in-out 0s; -ms-transition: all .2s ease-in-out 0s; -o-transition: all .2s ease-in-out 0s; }
.euroPredCnts .predictionCnts .saveHint .cnts { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 750px }
.euroPredCnts .predictionCnts .saveHint .cnts p { display: inline-block; float: right; font-family: droidLight,Arial; font-size: 14px; line-height: 3; text-align: right; color: #fff }
.euroPredCnts .predictionCnts .saveHint .cnts .icon-atn:before { content: "S"; float: right; font-size: 18px; color: #45B3EB; margin-left: 16px; line-height: 2.2 }
.euroPredCnts .predictionCnts .saveBtn { display: inline-block; float: left; width: 150px; height: 40px; background: #45B3EB; color: #fff; font-family: droidLight,Arial; font-size: 14px; line-height: 3; text-align: center; border-radius: 4px; }
.showPredHint .euroPredCnts .predictionCnts .saveHint { bottom: 0px }
/******************** Prediction Ranking ********************/
.predRanking .ranking .rankMain { display: inline-block; float: right; width: 100%; padding: 16px; background: #282829; border-radius: 6px; overflow: hidden }
.predRanking .ranking .rankCnts { display: inline-block; float: right; width: 100%; border: 1px solid #535353; border-radius: 6px; overflow: hidden; margin-bottom: 16px }
.predRanking .ranking .rankCnts:last-of-type { margin-bottom: 0 }
.predRanking .ranking .rankCnts .predMatchTitle { display: inline-block; float: right; width: 100%; height: 40px; padding: 0 16px; background: #535353; position: relative }
.predRanking .ranking .rankCnts .predMatchTitle h3 { float: right; display: inline-block; width: calc(100% - 18px); text-align: right; color: #fff; font-family: droidLight,Arial; font-size: 15px; line-height: 2.6; }
.predRanking .ranking .rankCnts .table { margin-top: 0; background: #282829; margin-bottom: 0; }
.predRanking .ranking .rankCnts .table .ttlRow { background: none; margin-bottom: 0; height: 50px; padding: 12px 16px 0; border-bottom:0; }
.predRanking .ranking .rankCnts .table .ttlRow .itemTtl { font-size: 12px; color: #aaa }
.predRanking .ranking .rankCnts .table .ttlRow .itemTtl.team { width: calc(100% - 300px); text-align: right; padding: 0; padding-right: 20px }
.predRanking .ranking .rankCnts .table .ttlRow .itemTtl.dtls { width: 60px; padding: 0; text-align: center }
.predRanking .ranking .rankCnts .table .ttlRow .itemTtl.buttons { width: 109px }
.predRanking .ranking .rankCnts .table .wRow { height: 50px; border: none; border-bottom: 1px solid #353535; padding: 12px 16px; background: none }
.predRanking .ranking .rankCnts .table .wRow:last-child { border-bottom: none }
.predRanking .ranking .rankCnts .table .wRow .item { font-size: 16px; color: #6F6F6F; padding: 0; line-height: 1.6; display: inline-block; }
.predRanking .ranking .rankCnts .table .wRow .item.team { width: calc(100% - 300px); padding-right: 20px }
.predRanking .ranking .rankCnts .table .wRow .item.dtls { width: 60px; padding: 0; text-align: center; font-weight: bold; position: relative }
.predRanking .ranking .rankCnts .table .wRow .item.dtls:before { position: absolute; right: 2px; top: 0 }
.predRanking .ranking .rankCnts .table .wRow .item.dtls.up:before { content: '3'; color: #38a163; font-size: 14px }
.predRanking .ranking .rankCnts .table .wRow .item.dtls.down:before { content: '4'; color: #ff2f20; font-size: 14px }
.predRanking .ranking .rankCnts .table .wRow .item.dtls.stable:before { content: ''; background-color: #b9b7b7; width: 13px; height: 13px; border-radius: 50%; top: 5px }
.predRanking .ranking .rankCnts .table .wRow .item a { pointer-events: none }
.predRanking .ranking .rankCnts .table .wRow .team img { margin-left: 10px; width: 24px; height: 24px; border-radius: 50%; }
.predRanking .ranking .rankCnts .table .wRow .item p { font-size: 13px; font-family: droidLight, arial; line-height: 1.8; color: #6F6F6F; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: inline-block; }
.predRanking .ranking .rankCnts .table .wRow .buttons { width: 180px }
.predRanking .ranking .rankCnts .table .wRow .buttons a { font-size: 13px; font-family: droidLight, arial; line-height: 1.8; font-weight: normal; color: #fff; overflow: hidden; display: inline-block; margin-left: 6px; pointer-events: visible; border: 1px solid #2c3348; border-radius: 6px; padding: 0 12px; height: 30px; line-height: 2; float: right }
.predRanking .ranking .rankCnts .table .wRow .buttons a:last-child { margin-left: 0 }
.predRanking .ranking .rankCnts .table .wRow .buttons a:hover:first-child { background-color: blue }
.predRanking .ranking .rankCnts .table .wRow .buttons a:hover { background-color: #f24334 }
.predRanking .rankHintMsg { display: inline-block; width: 100%; float: right; font-size: 18px; font-family: droidLight, arial; color: #fff; background: #000; padding: 20px; margin-bottom: 40px; border-radius: 6px; overflow: hidden; }
.jp-container { display: inline-block; float: right; width: 100%; height: 376px; position: relative; }
.jspContainer { overflow: hidden; position: relative; }
.jspPane { position: absolute; left: 0 !important }
.jspVerticalBar { position: absolute; top: 0; right: 0; width: 15px; height: 100%; background: transparent }
.jspHorizontalBar { position: absolute; bottom: 0; left: 0; width: 100%; height: 14px; background: red; display: none }
.jspVerticalBar *,
.jspHorizontalBar * { margin: 0; padding: 0; }
.jspCap { display: none; }
.jspHorizontalBar .jspCap { float: left; }
.jspTrack { background: #282829; position: relative; border-left: 1px solid #535353; padding: 0 2px }
.jspDrag { background: #aaa; position: relative; top: 0; left: 0; width: 10px; cursor: pointer; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }
.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag { float: left; height: 100%; }
.jspArrow { background: #50506d; text-indent: -20000px; display: block; cursor: pointer; }
.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; }
/******************** Euro Choose Squad ********************/
.euroSquad .container { background: url(../../Images/ChooseSquad/Euro2020/chooseSquadBg.jpg) no-repeat center center; background-size: cover; }
.euroSquad .content-wrap { padding: 0; background: none }
.euroSquad .content-wrap:before { display: none }
.euroSquad .content { padding: 0 }
.euroSquad .content { background: none }
.euroSquad .LandingPage.CAF { background: none }
.euroSquad .LandingPage.CAF:before { content: ""; position: absolute; left: 100px; top: 90px; width: 131px; height: 56px; background: url(../../Images/ChooseSquad/Euro2020/euroLogo.png) no-repeat center center; background-size: 131px auto; opacity: 0.7 }
.euroSquad .squadCnts { position: absolute; width: 100%; height: 100%; top: 0; left: 0; bottom: 0; right: 0 }
.euroSquad .chseTtl { width: calc(100% - 1026px); position: absolute; right: 100px; top: 50%; transform: translateY(-50%); padding-top: 170px; height: 496px }
.euroSquad .chseTtl:before { content: ""; position: absolute; right: 0; top: 0; width: 128px; height: 150px; background: url(../../Images/ChooseSquad/Euro2020/antaElmodareb.png) no-repeat center center; background-size: 128px auto; opacity: 0.7 }
.euroSquad .chseTtl h1 { display: inline-block; float: right; color: #fff; font-size: 42px; font-family: droidBold,Arial; text-align: right; padding: 0; line-height: 2.4 }
.euroSquad .chseTtl p { display: inline-block; float: right; color: #fff; width: 310px; font-size: 22px; font-family: droidLight,Arial; text-align: right; padding: 0; }
.euroSquad .LandingPage.CAF .landingTeam { position: absolute; top: 50%; left: 100px; transform: translateY(-50%); bottom: auto; display: inline-block; float: right; width: 654px; }
.euroSquad .LandingPage.CAF .landingTeam ul { display: inline-block; float: right; width: 100% }
.euroSquad .LandingPage.CAF .landingTeam li { display: inline-block; float: right; width: 84px; margin-left: 30px; background: rgba(116,142,208,0.3); margin-bottom: 30px; border-radius: 3px; border: 1px solid rgba(255,255,255,0.3); -webkit-transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; -ms-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; }
.euroSquad .LandingPage.CAF .landingTeam li:nth-child(6n) { margin-left: 0 }
.euroSquad .LandingPage.CAF .landingTeam li:nth-last-child(-n+6) { margin-bottom: 0 }
.euroSquad .LandingPage.CAF .landingTeam li a { display: inline-block; float: right; width: 100%; padding: 16px; }
.euroSquad .LandingPage.CAF .landingTeam li .imgCntnr { display: inline-block; float: right; width: 100%; padding-bottom: 67%; position: relative; overflow: hidden; margin-bottom: 20px }
.euroSquad .LandingPage.CAF .landingTeam li .imgCntnr img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; height: auto }
.euroSquad .LandingPage.CAF .landingTeam li p { display: inline-block; float: right; width: 100%; font-family: droidLight, arial; text-align: center; color: #fff; font-size: 14px; line-height: 1; -webkit-transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; -ms-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; }
.euroSquad .LandingPage.CAF .landingTeam li:hover { background: rgba(255,255,255,0.3) }
.euroSquad .LandingPage.CAF .landingTeam li:hover p { color: #fff }
.euroSquadPage .chseSqMain .sponsors { left: 60px; }
.euroSquadPage .chseSqMain.chooseTeam:after { content: ""; position: absolute; left: 60px; top: 60px; width: 131px; height: 56px; background: url(../../Images/ChooseSquad/Euro2020/euroLogo.png) no-repeat center center; background-size: 131px auto; opacity: 0.7 }
.euroSquadPage .chseSqMain.chooseTeam:before { content: ""; position: absolute; right: 60px; top: 60px; width: 126px; height: 148px; background: url(../../images/ChooseSquad/Euro2020/antaElmodareb.png) no-repeat center center; background-size: 126px auto; opacity: 0.7 }
/******************** Choose Legends ********************/
.legendsPage .container { background: url(../../Images/Legends/legendsBg.jpg) no-repeat bottom left; background-size: cover; }
.legendsPage .content-wrap { padding: 0; background: none }
.legendsPage .content-wrap:before { display: none }
.legendsPage .content { padding: 0 }
.legendsPage .content { background: none }
.LandingPage.CAF.legends { background: none; position: relative }
.legends:before { content: ""; position: absolute; right: 100px; top: 60px; width: 200px; height: 150px; background: url(../../images/Legends/legendsLogo.png) no-repeat center center; background-size: 200px 150px }
.euroSquadPage .sponsors { display: inline-block; position: absolute; bottom: 50px; left: 100px; right: auto; z-index: 9 }
.euroSquadPage .sponsors a { display: inline-block; float: left; margin-right: 64px; position: relative }
.euroSquadPage .sponsors a:last-child { margin-right: 0 }
.euroSquadPage .sponsors a:first-child:before { content: ""; position: absolute; right: -33px; top: 50%; transform: translateY(-50%); width: 2px; height: 100%; background: rgba(255,255,255,0.7) }
.euroSquadPage .sponsors a img { width: auto; height: 50px }
.LandingPage.CAF.legends .text { position: absolute; right: 100px; top: 50%; transform: translateY(calc(-50% + 50px)); width: 500px; }
.LandingPage.CAF.legends .text h1 { display: inline-block; float: right; width: 100%; font-family: droidBold, arial; text-align: right; color: #fff; font-size: 48px; line-height: 1.6; margin-bottom: 16px }
.LandingPage.CAF.legends .text p { display: inline-block; float: right; width: 100%; font-family: droidLight, arial; text-align: right; color: #fff; font-size: 24px; line-height: 2.2 }
.LandingPage.CAF.legends .text .startSquad { float: right; display: inline-block; width: 250px; height: 70px; margin: 32px 0 0; background: #000; color: #fff; font-family: droidBold,Arial; text-align: center; font-size: 22px; line-height: 3; border: 2px solid #eab85f; border-radius: 10px; box-shadow: 0 12px 3px 0px rgb(0,0,0,0.2) }
.LandingPage.CAF.legends .text .startSquad:hover { background: #6b4f1c; }
.euroSquadPage .shareBtn { display: inline-block; position: absolute; bottom: 50px; left: auto; right: 100px; width: auto; }
.euroSquadPage .shareBtn a.faceShare { display: inline-block; width: auto; height: auto; background: none; border-radius: 0; margin-left: 16px; font-size: 30px }
.euroSquadPage .shareBtn a.twShare { display: inline-block; width: auto; height: auto; border-radius: 0; background: none; font-size: 30px; }
.euroSquadPage .shareBtn a.faceShare:before { content: "b" }
.euroSquadPage .shareBtn a.twShare:before { content: "c" }
.euroSquadPage .shareBtn a.faceShare:before,
.euroSquadPage .shareBtn a.twShare:before { color: #eab85f }
.euroSquadPage .euroMain .shareBtn a.faceShare:before,
.euroSquadPage .euroMain .shareBtn a.twShare:before { color: #fff }
.legendsSquadPage.acn .container { background: url(../../Images/Legends/legendsTeamBG.jpg); background-size: cover; }
.legendsSquadPage.acn .content-wrap { padding: 0; background: none }
.legendsSquadPage.acn .content-wrap:before { display: none }
.legendsSquadPage.acn .content { background: none; padding: 0 }
.chseSqMain.legendsSquad { background-image: none; position: relative }
.chseSqMain.legendsSquad .playerListMenu { background-image: url(../../Images/Legends/legendsTeamBG.jpg); background-size: cover }
.chseSqMain.legends:before { right: 60px; width: 160px; height: 120px; background-size: 160px 120px }
.chseSqMain.legendsSquad .chooseMain .stadiumSquad { background: url(../../Images/Legends/legendsStadium.png) no-repeat center center; background-size: 100% auto; }
.chseSqMain.legendsSquad .player .imgCntr { border: 3px solid #eab85f; }
.chseSqMain.legendsSquad .player { color: #eab85f }
.chseSqMain.legendsSquad .allForms a { background: #000; font-size: 24px; color: #fff; border: 3px solid #eab85f; }
.chseSqMain.legendsSquad .allForms a:hover, .chseSqMain.legendsSquad .allForms a.selected { background: #6b4f1c; }
.chseSqMain.legendsSquad .allForms { bottom: 70px }
.chseSqMain.legendsSquad .allForms .share { margin-top: inherit !important }
.euroSquadPage .sponsors a { margin-right: 32px }
.euroSquadPage .sponsors a:first-child:before { right: -17px }
.euroSquadPage .sponsors a img { height: 40px }
/******************** Euro Quiz ********************/
.euroQuizPage .content-wrap, .euroQuizPage .content, .euroQuizPage .euroPredCnts { background: #efefef; }
.euroQuizCnts .FullWidthBK .euroHeader { background: #623393 }
.euroQuizCnts .FullWidthBK .tabs { background: #fff; }
.euroQuizCnts .tabs a, .euroQuizCnts .tabs .regBtn p { color: #000; }
.euroQuizCnts .predHint { background: #fff }
.euroQuizCnts .predHint .hintMsg h3, .euroQuizCnts .predHint .hintMsg p { color: #000 }
.euroQuizCnts .predHint .regBtn { background: #623393; }
.euroQuizCnts .title h2 { color: #000; }
.euroQuizCnts .quiz { margin-bottom: 0 }
.euroQuizCnts .quizSteps { display: inline-block; float: right; width: 100%; padding: 20px 40px 20px 20px; min-height: 90px; position: relative; margin-bottom: 40px; border-radius: 6px; overflow: hidden; background: linear-gradient(35deg, #311A4A, #623393); }
.euroPredCnts .quizHint .hintMsg { margin-bottom: 32px }
.euroQuizCnts .quizHint .hintMsg h3, .euroQuizCnts .quizHint .hintMsg p { color: #fff; width: 100% }
.euroQuizCnts .quizHint .hintMsg p { margin: 18px 0 }
.euroQuizCnts .quizHint .regBtn { background: #fff; color: #623393; position: relative; float: right; display: inline-block; width: 250px; height: 60px; bottom: 0; left: 0; font-size: 22px; line-height: 2.9; }
.euroQuizCnts .step { display: inline-block; float: right; width: 100%; position: relative; height: 480px }
.euroQuizCnts .quizSteps { padding: 32px }
.euroQuizCnts #welcome.step,
.euroQuizCnts #intro.step { height: auto }
.euroQuizPage .tabs .regBtn.noImg .usericon { border: 1px solid #000 }
.euroQuizPage .tabs .regBtn.noImg .usericon:before { color: #000 }
.quizLoaderGeneral { display: inline-block; position: absolute; width: 100%; height: 100%; right: 0; top: 0; z-index: 10; background-color: rgba(0,0,0,.7); }
.quizLoaderGeneral img { display: inline-block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
/** Date **/
.euroQuizCnts .game-top { display: inline-block; float: right; width: 100%; margin-bottom: 64px; position: relative }
.euroQuizCnts .game-top .date { float: right; display: inline-block; }
.euroQuizCnts .game-top .date p { display: inline-block; float: right; width: 100%; font-family: droidLight, arial; text-align: right; color: #fff; font-size: 16px; line-height: 1.8 }
/** Question Bar **/
.euroQuizCnts .questionBar { position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 116px; height: 28px }
.euroQuizCnts .questionBar:before { content: ""; position: absolute; top: 50%; left: 0; width: 100%; height: 2px; background: #aaa; transform: translateY(-50%) }
.euroQuizCnts .questionBar .icon-answer { display: inline-block; float: right; margin-left: 16px; width: 28px; height: 28px; border-radius: 50%; background: #47236B; border: 2px solid #aaa; color: #000; position: relative }
.euroQuizCnts .questionBar .icon-answer:last-of-type { margin-left: 0 }
.euroQuizCnts .questionBar .icon-answer:before { content: "y"; visibility: hidden; opacity: 0; -webkit-transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; -ms-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; width: 18px; height: 18px; font-size: 18px; background: #fff; border-radius: 50%; line-height: 1; margin-top: 3px }
.euroQuizCnts .question1 .questionBar .icon-answer:nth-child(1):before { visibility: visible; opacity: 1 }
.euroQuizCnts .question2 .questionBar .icon-answer:nth-child(2):before { visibility: visible; opacity: 1 }
.euroQuizCnts .question3 .questionBar .icon-answer:nth-child(3):before { visibility: visible; opacity: 1 }
/** Timer Bar **/
.euroQuizCnts .inline-time { position: absolute; top: 58px; right: 0; left: 0; width: 100%; height: 18px }
.euroQuizCnts .timerBar { zoom: 1; position: absolute; top: 0; right: 0; width: calc(100% - 30px); height: 100%; border: 2px solid #7F2FD9; background: -webkit-linear-gradient(right,#FFA200,#ff1a3b); background: linear-gradient(to left,#FFA200,#ff1a3b); border-radius: 15px; display: inline-block; overflow: hidden }
.euroQuizCnts .icon-timer { position: absolute; top: 0; left: 0; width: 30px; height: 100% }
.euroQuizCnts .icon-timer:before { content: 'N'; color: #7F2FD9; position: absolute; left: 0; top: 50%; transform: translateY(-50%); font-size: 18px; width: 18px; height: 18px; line-height: 1; background: #47236B; border-radius: 50%; font-weight: bold }
.euroQuizCnts .timerBar:before { content: ""; position: absolute; width: 100%; height: 100%; right: -100%; top: 0; background: #47236B; }
.euroQuizCnts .question1 .timerBar:before { animation: timerBarQ1 10s linear forwards; animation-delay: 0s }
.euroQuizCnts .question2 .timerBar:before { animation: timerBarQ2 10s linear forwards; animation-delay: 0s }
.euroQuizCnts .question3 .timerBar:before { animation: timerBarQ3 10s linear forwards; animation-delay: 0s }

@keyframes timerBarQ1 {
    from { right: -100%; }
    to { right: 0 }
}

@keyframes timerBarQ2 {
    from { right: -100%; }
    to { right: 0 }
}

@keyframes timerBarQ3 {
    from { right: -100%; }
    to { right: 0 }
}
/** Get Ready **/
.euroQuizCnts .getReadyTimer p { display: inline-block; float: right; width: 100%; font-family: droidLight, arial; text-align: center; color: #fff; font-size: 32px; line-height: 3; margin-bottom: 30px }
.euroQuizCnts .getReadyTimer span { display: inline-block; float: right; width: 100%; font-family: CenturyGothicLight, arial; font-weight: bold; text-align: center; color: #FFA200; font-size: 120px; }
/** Questions **/
.euroQuizCnts .questionDiv { display: inline-block; float: right; width: 100%; min-height: 150px; background: #fff; border-radius: 6px; overflow: hidden; margin-bottom: 16px; position: relative }
.euroQuizCnts .questionDiv p { position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 100%; padding: 0 32px; font-family: droidBold, arial; text-align: center; color: #000; font-size: 24px; line-height: 1.6; }
.euroQuizCnts .answerDiv { display: inline-block; float: right; width: 100% }
.euroQuizCnts .answer { display: inline-block; float: right; width: calc((100% - 16px) / 2); height: 80px; background: #fff; border-radius: 6px; overflow: hidden; margin-bottom: 16px; margin-left: 16px; position: relative; cursor: pointer }
.euroQuizCnts .answer:nth-of-type(2n) { margin-left: 0 }
.euroQuizCnts .answer p { position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 100%; padding: 0 16px; font-family: droidLight, arial; text-align: center; color: #000; font-size: 16px; line-height: 1.6; pointer-events: none }
.euroQuizCnts .selected { background: #7F2FD9 }
.euroQuizCnts .selected p { color: #fff }
/** Results **/
.euroQuizCnts .resultDiv { display: inline-block; float: right; width: 100% }
.euroQuizCnts .resultDiv p { display: inline-block; float: right; width: 100%; font-family: droidLight, arial; text-align: center; color: #fff; font-size: 32px; line-height: 3; margin-bottom: 16px }
.euroQuizCnts .resultDiv .allStars { display: inline-block; float: right; width: 280px; height: 124px; margin: 0 calc((100% - 280px) / 2) 50px; position: relative }
.euroQuizCnts .resultDiv .allStars .star { position: absolute; width: 76px; height: 76px }
.euroQuizCnts .resultDiv .allStars .star.icon-star:before { content: "O"; font-size: 76px; color: #7F2FD9; line-height: 1 }
.euroQuizCnts .resultDiv .allStars .star.icon-star:nth-child(1) { right: 0; bottom: 0 }
.euroQuizCnts .resultDiv .allStars .star.icon-star:nth-child(2) { left: 50%; top: 0; transform: translateX(-50%) }
.euroQuizCnts .resultDiv .allStars .star.icon-star:nth-child(3) { left: 0; bottom: 0 }
.euroQuizCnts .resultDiv.oneStar .allStars .star.icon-star:nth-child(1):before { content: "P"; color: #FFA200 }
.euroQuizCnts .resultDiv.twoStar .allStars .star.icon-star:nth-child(1):before,
.euroQuizCnts .resultDiv.twoStar .allStars .star.icon-star:nth-child(2):before { content: "P"; color: #FFA200 }
.euroQuizCnts .resultDiv.threeStar .allStars .star.icon-star:nth-child(1):before,
.euroQuizCnts .resultDiv.threeStar .allStars .star.icon-star:nth-child(2):before,
.euroQuizCnts .resultDiv.threeStar .allStars .star.icon-star:nth-child(3):before { content: "P"; color: #FFA200 }
.euroQuizCnts .resultDiv .yourScore { display: inline-block; float: right; width: 100%; height: 190px; position: relative; border: 1px solid #7F2FD9; border-radius: 6px; overflow: hidden }
.euroQuizCnts .resultDiv .yourScore p { display: inline-block; float: right; width: 100%; font-family: droidLight, arial; text-align: center; color: #fff; font-size: 22px; line-height: 2; margin: 20px 0 0px; }
.euroQuizCnts .resultDiv #number-correct p { font-size: 42px; margin-bottom: 0; line-height: 1 }
.euroQuizCnts .resultDiv .yourScore span { font-family: CenturyGothicLight, Arial; font-size: 42px; font-weight: bold }
.euroQuizCnts .resultDiv .yourScore .slash { margin: 0 6px }
.euroQuizCnts .afterLogin .welcomeHint { background: none; height: 150px; min-height: 100%; }
.euroQuizCnts .afterLogin .welcomeHint .hintMsg h3 { color: #623393; margin-top: 30px; }
.euroQuizCnts .afterLogin .welcomeHint .yourScore { position: absolute; left: 16px; top: 50%; transform: translateY(-50%); width: 230px; height: 120px; border: 1px solid #7F2FD9; border-radius: 6px; overflow: hidden }
.euroQuizCnts .afterLogin .welcomeHint .yourScore p { display: inline-block; float: right; width: 100%; font-family: droidLight, arial; text-align: center; color: #623393; font-size: 22px; line-height: 1.8; margin: 10px 0 0px; }
.euroQuizCnts .afterLogin .welcomeHint .userScore p { font-size: 42px; margin-bottom: 0; line-height: 1 }
.euroQuizCnts .afterLogin .welcomeHint .yourScore span { font-family: CenturyGothicLight, Arial; font-size: 42px; font-weight: bold }
.euroQuizCnts .afterLogin .welcomeHint .yourScore .slash { margin: 0 6px }
/*.star {
  position: relative;
  display: inline-block;
  width: 0;
  height: 0;
  border-right: 0.3em solid transparent;
  border-bottom: 0.7em solid #FC0;
  border-left: 0.3em solid transparent;*/
/* Controlls the size of the stars. */
/*font-size: 24px;
}
.star:before, .star:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  top: 0.6em;
  left: -1em;
  border-right: 1em solid transparent;
  border-bottom: 0.7em solid #FC0;
  border-left: 1em solid transparent;
  transform: rotate(-35deg);
}
.star:after {
  transform: rotate(35deg);
}*/
.euroQuizCnts .hidden { display: none; }
.euroQuizCnts .inline { display: inline; }
.euroQuizCnts #question-num, .euroQuizCnts .inline-time { display: inline-block; }
/** Countdown **/
.euroQuizCnts .quizCounterDiv { position: absolute; left: 50%; transform: translateX(-50%); bottom: 0; width: 210px; }
.euroQuizCnts .quizCounterDiv .counterHint { display: inline-block; float: right; font-family: droidBold, Arial; font-size: 12px; color: #fff; text-align: right; margin-left: 16px; line-height: 3.4; }
.euroQuizCnts .quizCounter { text-align: left; direction: ltr; display: inline-block; float: right; }
.euroQuizCnts .icon-time:before { content: 'M'; position: absolute; right: -20px; top: 50%; transform: translateY(-50%); font-size: 14px }
.euroQuizCnts .quizTimer { display: inline-block; float: left; font-family: CenturyGothicLight, Arial; font-size: 20px; margin-right: 4px; line-height: 2; color: #fff }
.euroQuizCnts .quizTimer:last-of-type { margin-right: 0 }
/** Quiz Start Countdown **/
.euroQuizCnts .quizStartCounter { display: inline-block; float: right; text-align: left; direction: ltr; float: right; width: 204px; }
.euroQuizCnts .quizStartTimer { display: inline-block; float: left; font-family: CenturyGothicLight, Arial; font-size: 32px; margin-right: 20px; line-height: 1; color: #fff; position: relative }
.euroQuizCnts .quizStartTimer:last-of-type { margin-right: 0 }
.euroQuizCnts .quizStartTimer:after { content: ":"; position: absolute; right: -16px; bottom: 0; font-family: CenturyGothicLight, Arial; font-size: 32px }
.euroQuizCnts .quizStartTimer:last-child:after { display: none }
.euroQuizCnts .quizStartTimer span { font-family: droidLight, arial; color: #fff; font-size: 12px; position: absolute; bottom: -16px; left: 50%; transform: translateX(-50%) }
.euroPredCnts .quizHint.quizMainCounter { padding: 32px 32px 50px }
.euroPredCnts .quizHint.quizMainCounter .hintMsg { margin-bottom: 20px }
/******************** Road To Euro Cup ********************/

.roadToCupPage .content-wrap { padding: 0; min-height: unset; }
.roadToCupPage .content { padding: 0 }
.euroRoadToCup { background: linear-gradient(45deg,#7ec5de,#8aa3d1,#91b2d3); margin-bottom: 0; padding: 64px; position: relative; }
.euroRoadToCup .title { display: inline-block; float: right; width: 100%; margin-bottom: 64px; position: relative; }
.euroRoadToCup .title h1 { display: inline-block; float: right; width: 100%; color: #40498d; font-size: 42px; font-family: droidBold,Arial; text-align: right; padding: 0 90px 0 0; margin-bottom: 16px; position: relative; line-height: 1.6; height: 110px }
.euroRoadToCup .title h1:before { content: ""; width: 49px; height: 110px; position: absolute; right: 0; top: 0; background: url(../../Images/euroCup.png) no-repeat center center; background-size: 49px auto; z-index: 1; }
.euroRoadToCup .title span { display: inline-block; float: right; width: 100%; color: #eeeded; font-size: 18px; font-family: droidLight,Arial; text-align: right; padding: 0; margin-top: 6px; }
.euroRoadToCup .title .regBtnHeader { position: absolute; left: 0; top: 0; bottom: auto }
.euroRoadToCup .title .regBtnHeader p { float: left; display: inline-block; width: auto; text-align: right; color: #eeeded; font-family: droidLight,Arial; font-size: 14px; line-height: 2.4; }
.euroRoadToCup .tabs { display: none }
.euroRoadToCup .regBtn.noImg .usericon { display: inline-block; float: left; margin-right: 10px; width: 30px; height: 30px; border-radius: 50%; border: 1px solid #eeeded; overflow: hidden }
.euroRoadToCup .regBtn.noImg .usericon:before { content: 'Q'; color: #eeeded; font-size: 21px }
.euroRoadToCup .regBtn.noImg img { display: none }
.euroRoadToCup .regBtn .usericon { display: none }
.euroRoadToCup .regBtn { position: absolute; left: 0; bottom: 24px }
.euroRoadToCup .regBtn img { display: inline-block; float: left; margin-right: 10px; width: 30px; height: 30px; border-radius: 50%; }
.euroRoadToCup .regBtn p { float: left; display: inline-block; text-align: right; color: #eeeded; font-family: droidLight,Arial; font-size: 13px; line-height: 2.4; }
.euroRoadToCup .regBtn:hover p { color: rgba(255,255,255,0.6) }
.euroRoadToCup .regBtn .usericon { display: none }
.lb-header .profile .userImg .usericon { display: inline-block; float: left; margin-right: 10px; width: 100%; height: 100%; border-radius: 50%; overflow: hidden; position: relative; padding: 0; margin: 0 }
.lb-header .profile .userImg .usericon:before { content: 'R'; color: #000; font-size: 50px; top: 50%; left: 50%; transform: translate(-50%, -50%); position: absolute; }
/** Tabs **/
.euroRoadToCup .breadcrumbDiv { display: inline-block; float: right; width: 100%; padding-bottom: 16px; border-bottom: 1px solid rgba(255,255,255,0.5); margin-bottom: 40px; position: relative }
.euroRoadToCup .breadcrumb { display: inline-block; float: right; position: relative; }
.euroRoadToCup .breadcrumb:before { content: ""; position: absolute; top: 50%; right: 0; width: 242px; height: 2px; background: #6a81c3; transform: translateY(-50%); display: none }
.euroRoadToCup .breadcrumb li { display: inline-block; float: right; margin-left: 32px; color: #7187c6; position: relative; }
.euroRoadToCup .breadcrumb li span { display: inline-block; float: right; width: 30px; height: 30px; background: #eeeded; border-radius: 50%; text-align: center; font-family: CenturyGothicLight, Arial; color: #8b1538; font-size: 16px; line-height: 30px }
.euroRoadToCup .breadcrumb li.disabled span { background: none; border: 1px solid #eeeded; color: #eeeded }
.rtcKnockout .euroRoadToCup .breadcrumb li:first-of-type span { background: none; border: 1px solid #eeeded; color: #eeeded }
.euroRoadToCup .breadcrumb li p { display: inline-block; float: right; padding-right: 10px; font-family: droidLight, Arial; color: #eeeded; font-size: 14px; line-height: 30px }
.euroRoadToCup .breadcrumb li:last-of-type { margin-left: 0 }
/*.euroRoadToCup .breadcrumb li.disabled{background:#6a81c3;color:#fff}*/
.euroRoadToCup .shareGame { display: inline-block; position: absolute; bottom: 16px; left: 0; z-index: 2; }
.euroRoadToCup .shareGame p { display: inline-block; float: right; font-family: droidLight,Arial; color: #eeeded; text-align: right; margin-left: 16px; font-size: 14px; line-height: 37px }
.euroRoadToCup .shareGame .icon-share { display: block }
.euroRoadToCup .shareGame .icon-share:before { content: "X"; color: #fff; font-size: 22px }
.euroRoadToCup .shareGame .sharingMenu { position: absolute; left: 0; top: 100%; width: 200px; background: #fff; opacity: 0; visibility: hidden; -webkit-transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; -ms-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; }
.euroRoadToCup .shareGame.openSharingMenu .sharingMenu { opacity: 1; visibility: visible }
.euroRoadToCup .shareGame .socialLink { display: inline-block; float: right; width: 100%; color: #eeeded; border-bottom: 1px solid #eee; padding: 6px 10px }
.euroRoadToCup .shareGame .socialLink:last-of-type { border-bottom: none }
/*.euroRoadToCup .shareGame .socialLink:hover{background:#eeeded;color:#7187c6}*/
.euroRoadToCup .shareGame .socialLink:before { float: right; display: inline-block; color: #000; -webkit-transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; -ms-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; }
.euroRoadToCup .shareGame .socialLink p { float: right; display: inline-block; font-family: droidLight,Arial; color: #000; text-align: right; font-size: 13px; padding-right: 10px; line-height: initial; }
.euroRoadToCup .shareGame .socialLink.faceShare:before { content: 'b'; line-height: 1.8; }
.euroRoadToCup .shareGame .socialLink.twShare:before { content: 'c'; line-height: 1.8; }
.euroRoadToCup .shareGame .socialLink.wappShare:before { content: 'Y'; line-height: 1.8; }
.euroRoadToCup .shareGame .socialLink.msngrShare:before { content: 'Z'; line-height: 1.8; }
.euroRoadToCup .shareGame .socialLink.faceShare:hover p,
.euroRoadToCup .shareGame .socialLink.faceShare:hover:before { color: #3b5998 }
.euroRoadToCup .shareGame .socialLink.twShare:hover p,
.euroRoadToCup .shareGame .socialLink.twShare:hover:before { color: #1da1f2 }
.euroRoadToCup .shareGame .socialLink.wappShare:hover p,
.euroRoadToCup .shareGame .socialLink.wappShare:hover:before { color: #25d366 }
.euroRoadToCup .shareGame .socialLink.msngrShare:hover p,
.euroRoadToCup .shareGame .socialLink.msngrShare:hover:before { color: #00B2FF }
.euroRoadToCup .shareGame .socialLink.wappShare,
.euroRoadToCup .shareGame .socialLink.msngrShare { display: none }
.euroRoadToCup .rtcSponsor { position: absolute; bottom: 0; right: 20px; z-index: 1 }
.euroRoadToCup .rtcSponsor img { width: 56px }
/** Stage Info **/
.euroRoadToCup .groups { display: inline-block; float: right; width: 100%; padding-bottom: 32px; border-bottom: 1px solid rgba(255,255,255,0.5); }
.euroRoadToCup .groups .stageInfo { display: inline-block; float: right; width: 100%; border-radius: 6px; overflow: hidden; padding: 16px 0; margin-bottom: 16px }
.euroRoadToCup .groups .stageInfo h2 { display: inline-block; float: right; width: 100%; color: #eeeded; font-size: 20px; font-family: droidBold,Arial; text-align: right; padding: 0; margin-bottom: 16px }
.euroRoadToCup .groups .stageInfo p { display: inline-block; float: right; width: 100%; color: #eeeded; font-size: 16px; font-family: droidLight,Arial; text-align: right; padding: 0; }
/** Group Item **/
.euroRoadToCup .groupTaples { display: inline-block; float: right; width: 100% }
.euroRoadToCup .groupTaples .group { display: inline-block; float: right; width: calc((100% - 64px) / 3); margin-left: 32px; margin-bottom: 32px; background: #eeeded; border-radius: 6px; overflow: hidden; height: 426px; position: relative }
.euroRoadToCup .groupTaples .group:nth-child(3n) { margin-left: 0 }
.euroRoadToCup .groupTaples h3 { float: right; display: inline-block; width: 100%; text-align: right; color: #000; font-family: droidBold,Arial; font-size: 18px; line-height: 2.4; padding: 16px }
/** Group Teams - Flags **/
.euroRoadToCup .groupTaples .GroupTeams { display: inline-block; float: right; width: 296px; margin: 10px calc((100% - 296px) / 2) 20px }
.euroRoadToCup .groupTaples .GroupTeams li { display: inline-block; float: right; margin-left: 32px; width: 50px; }
.euroRoadToCup .groupTaples .GroupTeams li .imgCntnr { display: inline-block; float: right; width: 50px; padding-bottom: calc(100% - 4px); position: relative; border-radius: 50%; overflow: hidden; border: 2px solid #fff; margin-bottom: 4px }
.euroRoadToCup .groupTaples .GroupTeams li img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: auto; height: 70px; max-width: unset; }
.euroRoadToCup .groupTaples .GroupTeams li span { display: inline-block; float: right; width: 100%; font-family: droidBold, arial; text-align: center; color: #000; font-size: 12px; line-height: 1; -webkit-transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; -ms-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; }
.euroRoadToCup .groupTaples .GroupTeams li:last-of-type { margin-left: 0 }
/** Sorting Teams **/
.euroRoadToCup .groupTaples .sortingTeams { display: inline-block; float: right; width: 100%; height: 256px; background: linear-gradient(45deg,#5d9ac6,#6389c2,#7187c6); position: relative }
.euroRoadToCup .groupTaples .sortingTeams li { display: inline-block; float: right; margin-left: 0; width: 100%; height: 64px; padding: 12px 16px; overflow: hidden; border-top: 1px solid rgba(255,255,255,0.5); position: relative }
.euroRoadToCup .groupTaples .sortingTeams li .TeamStanding { display: inline-block; float: right; width: 10px; font-family: CenturyGothicLight, Arial; font-weight: bold; font-size: 24px; color: rgba(255,255,255,0.5); line-height: 1.6; margin-left: 20px; position: relative }
.euroRoadToCup .groupTaples .sortingTeams li .TeamStanding:after { content: ""; position: absolute; top: 50%; left: -60px; transform: translateY(-50%); width: 40px; height: 40px; border-radius: 50%; background: rgba(255,255,255,0.5) }
.euroRoadToCup .groupTaples .sortingTeams li .imgCntnr { display: inline-block; float: right; width: 40px; height: 40px; position: relative; border-radius: 50%; overflow: hidden; border: 2px solid #aaa; margin-bottom: 4px }
.euroRoadToCup .groupTaples .sortingTeams li img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: auto; height: 60px; max-width: unset; }
.euroRoadToCup .groupTaples .sortingTeams li .TeamName { display: inline-block; float: right; width: calc(100% - 82px); font-family: droidLight, arial; text-align: right; color: #000; font-size: 16px; line-height: 2.8; padding-right: 16px; -webkit-transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; -ms-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; }
.euroRoadToCup .groupTaples .sortingTeams li .DelBtn { position: absolute; left: 10px; top: 50%; transform: translateY(-50%); width: 24px; height: 24px; border-radius: 50%; text-align: center }
.euroRoadToCup .groupTaples .sortingTeams li .DelBtn:before,
.euroRoadToCup .groupTaples .sortingTeams li .DelBtn:after { content: ''; width: 2px; height: 14px; position: absolute; left: 11px; top: 5px; background: #444; -webkit-transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; -ms-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; }
.euroRoadToCup .groupTaples .sortingTeams li .DelBtn:before { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
.euroRoadToCup .groupTaples .sortingTeams li .DelBtn:after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
.euroRoadToCup .groupTaples .sortingTeams li .DelBtn:hover { background: #6a81c3 }
.euroRoadToCup .groupTaples .sortingTeams li .DelBtn:hover:before,
.euroRoadToCup .groupTaples .sortingTeams li .DelBtn:hover:after { background: #eeeded; }
.euroRoadToCup .groupTaples .GroupStanding.A:before { content: ""; position: absolute; height: 100%; width: 300px; background: url(../../images/RoadToCup/Groups/groupAbg.jpg) no-repeat center left; mix-blend-mode: multiply; top: 0; left: 0; opacity: 0.05; background-size: cover; pointer-events: none; z-index: 1 }
.euroRoadToCup .groupTaples .GroupStanding.B:before { content: ""; position: absolute; height: 100%; width: 190px; background: url(../../images/RoadToCup/Groups/groupBbg.jpg) no-repeat center left; mix-blend-mode: multiply; top: 0; left: 0; opacity: 0.03; background-size: cover; pointer-events: none; z-index: 1 }
.euroRoadToCup .groupTaples .GroupStanding.C:before { content: ""; position: absolute; height: 100%; width: 280px; background: url(../../images/RoadToCup/Groups/groupCbg.jpg) no-repeat bottom left; mix-blend-mode: multiply; top: 0; left: 0; opacity: 0.03; background-size: cover; pointer-events: none; z-index: 1 }
.euroRoadToCup .groupTaples .GroupStanding.D:before { content: ""; position: absolute; height: 100%; width: 280px; background: url(../../images/RoadToCup/Groups/groupDbg.jpg) no-repeat bottom left; mix-blend-mode: multiply; top: 0; left: 0; opacity: 0.06; background-size: cover; pointer-events: none; z-index: 1 }
.euroRoadToCup .groupTaples .GroupStanding.E:before { content: ""; position: absolute; height: 100%; width: 250px; background: url(../../images/RoadToCup/Groups/groupEbg.png) no-repeat center left; top: 0; left: 20px; opacity: 0.04; background-size: cover; pointer-events: none; z-index: 1 }
.euroRoadToCup .groupTaples .GroupStanding.F:before { content: ""; position: absolute; height: 100%; width: 300px; background: url(../../images/RoadToCup/Groups/groupFbg.png) no-repeat center left; mix-blend-mode: multiply; top: 0; left: 0; opacity: 0.08; background-size: cover; pointer-events: none; z-index: 1 }
/** Select Team **/
.euroRoadToCup .groupTaples .GroupTeams li.select a { opacity: 0.2 }
.euroRoadToCup .groupTaples .GroupTeams li.select span { opacity: 0.2 }
/** Has Item **/
.euroRoadToCup .groupTaples .sortingTeams li.hasteam { background: rgba(255,255,255,0.95); border-top: 1px solid #efefef }
.euroRoadToCup .groupTaples .sortingTeams li.hasteam .TeamStanding { color: #7187c6 }
.euroRoadToCup .groupTaples .sortingTeams li.hasteam .TeamStanding:after { display: none }
.euroRoadToCup .groupTaples .sortingTeams li.hasteam:nth-child(1):after,
.euroRoadToCup .groupTaples .sortingTeams li.hasteam:nth-child(2):after { content: "m"; position: absolute; left: 50px; top: 50%; transform: translateY(-50%) rotate(-90deg); color: #68bb68; font-size: 16px; width: 14px; height: 16px; text-align: center; line-height: 1 }
.euroRoadToCup .groupTaples .sortingTeams li.hasteam:nth-child(3):after { content: ""; position: absolute; left: 50px; top: 50%; transform: translateY(-50%); width: 14px; height: 2px; background: #aaa }
.euroRoadToCup .groupTaples .sortingTeams li.hasteam:nth-child(4) .imgCntnr { opacity: 0.2 }
.euroRoadToCup .groupTaples .sortingTeams li.hasteam:nth-child(4) .TeamName { color: #b3b3b3; opacity: 0.6 }
.euroRoadToCup .groupTaples .sortingTeams li.hasteam:nth-child(3):after, .euroRoadToCup .groupTaples .sortingTeams li.hasteam:nth-child(4):after { content: ""; position: absolute; left: 50px; top: 50%; transform: translateY(-50%); width: 14px; height: 2px; background: #aaa }
.euroRoadToCup .GroupStanding { width: 100%; margin-left: 0 }
/** 3rd Place **/
.euroRoadToCup .Place3rd { display: inline-block; float: right; width: 700px; background: #6a81c3; border-radius: 6px; overflow: hidden; margin: 0 calc((100% - 700px) / 2) }
.euroRoadToCup .Place3rd .thirdHeader { display: inline-block; float: right; width: 100%; background: #eeeded; padding: 20px 16px; }
.euroRoadToCup .Place3rd h3 { text-align: center; margin-bottom: 10px; line-height: 2; padding: 0 }
.euroRoadToCup .Place3rd p { display: inline-block; float: right; width: 100%; color: #000; font-size: 14px; font-family: droidLight,Arial; text-align: center; }
.euroRoadToCup .Place3rd .bestThirds { display: inline-block; float: right; width: 100%; margin: 0; background: linear-gradient(45deg,#5d9ac6,#6389c2,#7187c6) }
.euroRoadToCup .Place3rd li { display: inline-block; float: right; margin-left: 0; width: 100%; height: 64px; padding: 12px 16px; overflow: hidden; border-top: 1px solid rgba(255,255,255,0.5); position: relative; pointer-events: none; cursor: pointer }
.euroRoadToCup .Place3rd li .TeamStanding { display: inline-block; float: right; width: 10px; height: 38px; font-family: CenturyGothicLight, Arial; font-weight: bold; font-size: 24px; color: rgba(255,255,255,0.5); line-height: 1.6; margin-left: 30px; position: relative }
.euroRoadToCup .Place3rd li .TeamStanding:after { content: ""; position: absolute; top: 50%; left: -30px; transform: translateY(-50%); width: 40px; height: 40px; border-radius: 50%; background: rgba(255,255,255,0.5) }
.euroRoadToCup .Place3rd li .imgCntnr { display: inline-block; float: right; width: 40px; height: 40px; position: relative; border-radius: 50%; overflow: hidden; border: 2px solid #aaa; margin-bottom: 4px }
.euroRoadToCup .Place3rd li img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: auto; height: 60px; max-width: unset; }
.euroRoadToCup .Place3rd li .TeamName { display: inline-block; float: right; width: calc(100% - 82px); font-family: droidLight, arial; text-align: right; color: #000; font-size: 16px; line-height: 2.8; padding-right: 16px; -webkit-transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; -ms-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; }
.euroRoadToCup .Place3rd li .CheckIn { position: absolute; right: 16px; top: 50%; transform: translateY(-50%); width: 26px; height: 26px; border-radius: 50%; border: 1px solid #aaa; text-align: center; color: #fff; font-size: 14px; -webkit-transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; -ms-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; }
.euroRoadToCup .Place3rd li .CheckIn:hover { background: #f2f2f2 }
.euroRoadToCup .Place3rd li .CheckedIn { border: none; background: #6a81c3; }
.euroRoadToCup .Place3rd li .CheckedIn:hover { background: #6a81c3 }
.euroRoadToCup .Place3rd li .CheckedIn:before { content: "K"; line-height: 1.9 }
.euroRoadToCup .Place3rd li .GroupName { position: absolute; left: 16px; top: 50%; transform: translateY(-50%); color: #000; font-size: 12px; font-family: droidLight,Arial; text-align: right; }
.euroRoadToCup .Place3rd li.hasThirdTeam { pointer-events: unset }
.euroRoadToCup .Place3rd li.hasThirdTeam { background: #eeeded; border-top: 1px solid #efefef }
.euroRoadToCup .Place3rd li.hasThirdTeam .TeamStanding { color: #7187c6 }
.euroRoadToCup .Place3rd li.hasThirdTeam .TeamStanding:after { display: none }
.euroRoadToCup .Place3rd .selectedAllThird li .imgCntnr { opacity: 0.2 }
.euroRoadToCup .Place3rd .selectedAllThird li .TeamName { color: #b3b3b3; opacity: 0.6 }
.euroRoadToCup .Place3rd .selectedAllThird li:after { content: ""; position: absolute; left: 90px; top: 50%; transform: translateY(-50%); width: 14px; height: 2px; background: #aaa }
.euroRoadToCup .Place3rd li.select3rd:after { content: "m"; position: absolute; left: 90px; top: 50%; transform: translateY(-50%) rotate(-90deg); color: #68bb68; font-size: 16px; width: 14px; height: 16px; text-align: center; line-height: 1; background: none }
.euroRoadToCup .Place3rd .selectedAllThird li.select3rd .imgCntnr { opacity: 1 }
.euroRoadToCup .Place3rd .selectedAllThird li.select3rd .TeamName { color: #000; opacity: 1 }
.euroRoadToCup .disabled { opacity: 0.2; pointer-events: none }
.euroRoadToCup .nextHint { display: inline-block; float: right; width: 100%; color: #eeeded; font-size: 13px; font-family: droidLight,Arial; text-align: center; position: absolute; bottom: 140px; left: 0; }
.euroRoadToCup .nextHint.disabled { display: none }
.euroRoadToCup .submitBtn { float: right; display: inline-block; width: 250px; height: 60px; margin: 64px calc((100% - 250px) / 2) 0; background: #eeeded; color: #7187c6; font-family: droidLight,Arial; text-align: center; font-size: 18px; line-height: 3.4; border-radius: 4px; }
.euroRoadToCup .predHint { display: inline-block; float: right; width: 100%; background: #6a81c3; padding: 16px; min-height: 150px; position: relative; margin-bottom: 0; margin-top: 20px; border-radius: 6px; overflow: hidden }
.euroRoadToCup .predHint .hintMsg { display: inline-block; float: right; width: 100%; }
.euroRoadToCup .predHint .hintMsg h3 { float: right; display: inline-block; width: 100%; text-align: right; color: #eeeded; font-family: droidBold,Arial; font-size: 26px; line-height: 2; }
.euroRoadToCup .predHint .hintMsg p { float: right; display: inline-block; width: 100%; text-align: right; color: #eeeded; font-family: droidLight,Arial; font-size: 13px; line-height: 1; margin: 20px 0 }
.euroRoadToCup .predHint .regBtn { position: absolute; left: 20px; bottom: 25px; width: 200px; height: 50px; background: #45B3EB; color: #eeeded; font-family: droidLight,Arial; font-size: 14px; line-height: 3.6; text-align: center; border-radius: 4px }
/******************** Knock Out Round ********************/
.euroRoadToCup .allRounds { display: inline-block; float: right; width: 100%; margin-bottom: 16px }
.euroRoadToCup .allRounds .roundItem { display: inline-block; float: right; width: calc((100% - 96px) / 4); margin-left: 32px; position: relative }
.euroRoadToCup .allRounds .roundItem h3 { display: inline-block; float: right; width: 100%; margin-left: 0; overflow: hidden; margin-bottom: 16px; background: #6a81c3; border-radius: 6px; font-family: droidLight,Arial; text-align: center; color: #fff; font-size: 16px; padding: 10px 16px }
.euroRoadToCup .allRounds .roundItem:last-child { margin-left: 0 }
.euroRoadToCup .allRounds .roundItem .qualifiedTeams { display: inline-block; float: right; width: 100%; }
.euroRoadToCup .allRounds .roundItem .qualifiedTeams .knockoutStage { display: inline-block; float: right; width: 100%; position: relative }
.euroRoadToCup .allRounds .roundItem .qualifiedTeams .teamData { display: inline-block; float: right; width: 100%; position: relative; margin-bottom: 2px }
.euroRoadToCup .allRounds .roundItem .qualifiedTeams .teamData .team { display: inline-block; float: right; width: 100%; height: 64px; padding: 12px 60px 12px 16px; background: #6a81c3; cursor: pointer; border-radius: 6px; overflow: hidden; pointer-events: none; }
.euroRoadToCup .allRounds .roundItem .qualifiedTeams .teamData .team:after { content: ""; position: absolute; top: 50%; right: 16px; transform: translateY(-50%); width: 40px; height: 40px; border-radius: 50%; background: rgba(255,255,255,0.5) }
.euroRoadToCup .allRounds .roundItem .qualifiedTeams .teamData:last-child { margin-bottom: 0 }
.euroRoadToCup .allRounds .roundItem .qlfyTeam .team .imgCntnr { opacity: 0.2 }
.euroRoadToCup .allRounds .roundItem .qlfyTeam .team .TeamName { color: #b3b3b3; opacity: 0.6 }
.euroRoadToCup .allRounds .roundItem .qlfyTeam .team.selected .imgCntnr { opacity: 1 }
.euroRoadToCup .allRounds .roundItem .qlfyTeam .team.selected .TeamName { color: #000; opacity: 1 }
.euroRoadToCup .allRounds .roundItem .qualifiedTeams .separating { position: absolute; width: calc(100% + 10px); height: 2px; right: 6px; top: 50%; transform: translateY(-50%); background: rgba(255,255,255,0.5) }
.euroRoadToCup .allRounds .roundItem .qualifiedTeams .knockoutStage { margin-bottom: 16px }
.euroRoadToCup .allRounds .roundItem .qualifiedTeams .knockoutStage:last-child { margin-bottom: 0 }
.euroRoadToCup .allRounds .roundItem .qualifiedTeams .imgCntnr { display: inline-block; float: right; width: 40px; height: 40px; position: relative; border-radius: 50%; overflow: hidden; border: 2px solid #aaa; margin-bottom: 4px }
.euroRoadToCup .allRounds .roundItem .qualifiedTeams img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: auto; height: 60px; max-width: unset; }
.euroRoadToCup .allRounds .roundItem .qualifiedTeams .TeamName { display: inline-block; float: right; width: calc(100% - 82px); font-family: droidLight, arial; text-align: right; color: #000; font-size: 16px; line-height: 2.8; padding-right: 16px; -webkit-transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; -ms-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; }
.euroRoadToCup .allRounds .roundItem .qualifiedTeams .CheckIn { position: absolute; right: 16px; top: 50%; transform: translateY(-50%); width: 26px; height: 26px; border-radius: 50%; border: 1px solid #aaa; text-align: center; color: #fff; font-size: 14px; -webkit-transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; -ms-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; }
.euroRoadToCup .allRounds .roundItem .qualifiedTeams .CheckIn:hover { background: #f2f2f2 }
.euroRoadToCup .allRounds .roundItem .qualifiedTeams .CheckedIn { border: none; background: #6a81c3; }
.euroRoadToCup .allRounds .roundItem .qualifiedTeams .CheckedIn:hover { background: #6a81c3 }
.euroRoadToCup .allRounds .roundItem .qualifiedTeams .CheckedIn:before { content: "K"; line-height: 1.9 }
.euroRoadToCup .allRounds .roundItem .qualifiedTeams .GroupName { position: absolute; left: 16px; top: 50%; transform: translateY(-50%); color: #000; font-size: 12px; font-family: droidLight,Arial; text-align: right; }
.euroRoadToCup .allRounds .roundItem .qualifiedTeams .teamData .team.hasteam { pointer-events: unset }
.euroRoadToCup .allRounds .roundItem .qualifiedTeams .teamData .team.hasteam { background: #fff; }
.euroRoadToCup .allRounds .roundItem .qualifiedTeams .teamData .team.hasteam .TeamStanding { color: #7187c6 }
.euroRoadToCup .allRounds .roundItem .qualifiedTeams .teamData .team.hasteam .TeamStanding:after { display: none }
.euroRoadToCup .allRounds .roundItem .qualifiedTeams .teamData .team.hasteam:after { display: none }
.euroRoadToCup .allRounds .roundItem .qualifiedTeams.second { padding: 73px 0 }
.euroRoadToCup .allRounds .roundItem .qualifiedTeams.second .knockoutStage { margin-bottom: 162px }
.euroRoadToCup .allRounds .roundItem .qualifiedTeams.second .knockoutStage:last-child { margin-bottom: 0 }
.second .teamData:last-child:before, .second .teamData:first-child:before { width: 20px; display: block; right: -16px; border-right: 2px solid rgba(255,255,255,0.5); content: ''; position: absolute; }
.second .teamData:first-child:before { border-bottom: 2px solid rgba(255,255,255,0.5); bottom: -2px; height: 73px; -webkit-box-sizing: initial; -moz-box-sizing: initial; box-sizing: initial; }
.second .teamData:last-child:before { top: 0; height: 73px; -webkit-box-sizing: initial; -moz-box-sizing: initial; box-sizing: initial; }
.euroRoadToCup .tabs-container#divTab2 { padding-bottom: 100px }
.euroRoadToCup .tabs-container p.hint { display: inline-block; float: right; font-family: droidLight, Arial; color: #eeeded; font-size: 14px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) }
/******************** euro inner page ********************/
/******************** match clip ********************/
.euroInner .matchesHp { margin-bottom: 0 }
.euroInner .matchesHp .more { background-color: transparent; color: #0277bd; position: relative; width: calc(100% + 24px); margin-right: -12px; line-height: 1 }
.euroInner .matchesHp .bx-wrapper .bx-prev:before, .euroInner .matchesHp .bx-wrapper .bx-next:before { color: #000 }
.euroInner .matchesHp .more span { display: none }
.euroInner .matchesHp .more:before { content: ''; background: url(../../Images/Euro2020/article-gred.jpg); width: 100%; height: 3px; display: inline-block; position: absolute; bottom: 6px; right: 0; left: 0 }
.euroInner .matchesHp li .resultDiv { width: 80px }
.euroInner .matchesHp li .teamA, .euroInner .matchesHp li .teamB { width: calc((100% - 80px) / 2) }
.euroInner .matchesHp li.soon .resultDiv .matchStatus .status { height: 30px; border-radius: 4px; background-color: transparent; border: 1px solid #707070; position: relative }
.euroInner .matchesHp li.soon .resultDiv .matchStatus .status:before { position: absolute; width: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #000 }
.euroInner .matchesHp .matchesHpCntnr { margin-bottom: 0 }
.euroInner .matchesHp .bx-wrapper .bx-controls-direction a { background-color: transparent; color: #000; }
.euroInner .matchesHp li .gotoDay span { color: #414141 }
.euroInner .matchesHp li.soon .matchResult { display: none }
.euroInner .matchesHp li.soon .predResult { position: absolute; width: 80px; background-color: #efefef; top: 27px; left: 50%; transform: translateX(-50%); line-height: 2.6; display: inline-block; color: #000; font-family: droidLight, Arial; font-size: 10px; text-align: center; height: 30px; border-radius: 4px; border: 1px solid #707070; }
/*.euroInner .articleHeader{display:none; }
*/ .euroInner .articleHeader .ttl { display: none }
.euroInner .articleHeader .artclHdline { width: 800px; margin: 0 calc((100% - 800px) /2); background-color: #fff; margin-bottom: 0; padding: 35px 0 25px 0; }
.euroInner article .maxWidth .artclHdline { font-family: droidBold,Arial; font-size: 26px; color: #000; direction: rtl; margin: 12px 0 24px; line-height: 1.6; display: inline-block; width: 100%; float: right; }
.euroInner article { margin: 0 8px 0 20px; width: calc(100% - 336px); }
.euroInner article .articleHeader { width: 100%; margin-right: 0; padding: 0 }
.euroInner article .articleContainer { display: inline-block; width: 100%; float: right; background-color: #fff; border-radius: 6px; margin-bottom: 40px }
.euroInner article .maxWidth { display: inline-block; float: right; width: 800px; margin: 0 calc((100% - 800px) /2); }
.euroInner article .imgDiv { width: 100%; margin-bottom: 0 }
.euroInner article .imgDiv .desc { background-color: #000 }
.euroInner article .imgDiv .desc p, .euroInner article .imgDiv .desc .PhotoGraph { color: #fff }
.euroInner .articleHeader .articleInfo { border-top: 0 }
.euroInner .articleSocial, .euroInner .articleHeader .articleInfo .articleAuthor:after { display: none }
.euroInner .articleHeader .articleInfo .time { float: left }
.euroInner .articleHeader .articleInfo .time span { margin-left: 0; margin-right: 16px }
.euroInner article .keywordsDiv { width: 100%; margin: 0; padding: 0 }
.euroInner article .keywordsDiv .item { background-color: #fff; border: 1px solid #000; color: #000 }
.euroInner article .keywordsDiv .item:hover { background-color: #000; color: #fff }
.euroInner article .icon-keywords:before { display: none }
.euroInner article .details img { margin: 0; width: 100% }
.euroInner article .pattern01 { width: 100%; border: 0; padding: 0; margin-right: 0; }
.euroInner article .pattern01 .ttl { font-size: 16px }
.euroInner article .pattern01 .allItems { border-top: 1px solid #AAAAAA; border-bottom: 1px solid #AAAAAA; }
.euroInner article .pattern01 ul li { border: 0 }
.euroInner article .pattern01 ul li .item .imageCntnr { display: none }
.euroInner article .pattern01 ul li .desc { width: 100% }
.euroInner article .pattern01 ul li p { height: auto !important; color: #45B3EB !important; font-family: droidBold, Arial !important }
.euroInner article .pattern01 ul li:last-child { padding-bottom: 10px !important }
.euroInner .dataKeywords { border-radius: 6px }
.euroInner .relatedArticles { border-radius: 6px; background-color: #fff; padding: 17px 15px; }
/*.euroInner .relatedArticles ul li.item{width:calc((100% - 100px) / 2);height:66px}
*/ .euroInner .relatedArticles ul li.item a .arrow { display: none }
.euroInner .relatedArticles ul li.item a .imageCntnr { margin-right: 0; border-radius: 6px }
.euroInner .relatedArticles ul li.item .desc { width: calc(100% - 280px) }
.euroInner .relatedArticles ul li.item:last-child a .imageCntnr { margin-left: 0 }
.euroInner .euroMain .FullWidthBK .euroHeader { display: none }
.euroInner .euroMain .FullWidthBK .tabs { padding: 15px }
.euroInner .tabs a { line-height: 2 }
.euroInner .tabs .euroLogo { display: inline-block !important; margin-left: 80px }
.euroInner .tabs .euroLogo img { display: inline-block; width: 30px; height: auto; float: right; margin-left: 10px }
.euroInner .tabs .euroLogo h2 { display: inline-block; float: right; font-family: droidLight, arial; font-size: 16px; font-weight: bold; line-height: 1.8 }
.euroInner .tabs .euroLogo h2 span { line-height: 1.9; float: left; margin-right: 5px; }
.euroInner .interestedArticles, .euroInner .topRead .newsPointer { border-top: 0 }
.euroInner .interestedArticles:after, .euroInner .topRead .newsPointer:after { content: ''; background: url(../../Images/Euro2020/article-gred.jpg); width: 100%; height: 4px; position: absolute; top: 0; right: 0; background-size: cover }
.proPlayer .tabs .euroLogo, .euroMain .FullWidthBK .tabs .euroLogo { display: none }
.euroInner .articleSocial.euroSocial { display: inline-block; width: 35px; margin-top: 125px }
.euroInner .articleSocial.euroSocial a { background-color: transparent; margin-bottom: 10px }
.euroInner .articleSocial.euroSocial a:last-child { margin-bottom: 0 }
.euroInner .articleSocial.euroSocial a:before { color: #000 }
.euroInner .articleSocial.euroSocial.fixed { position: fixed; right: 20.6%; top: 80px; margin-top: 0 }
.euroInner .socialMargin { display: inline-block; float: left; width: calc(100% - 35px); }
.euroInner .articleSocial a { background-color: transparent; margin-bottom: 10px; }
.euroInner .articleSocial a:before { color: #000 }
.euroInner article .details p iframe, .euroInner article .details div iframe { width: calc(100% - 35px); margin: 0 }
.artclEnd { display: inline-block; float: right; width: 100%; }
article .euroSocial { display: none }
article .spansorEuro { display: none }
.euroInner article .spansorEuro { display: inline-block }
.spansorEuro { display: inline-block; width: 100%; float: right; position: relative; padding-right: 40px }
.spansorEuro p { display: inline-block; float: right; width: auto; font-size: 14px; color: #AAAAAA; font-family: droidLight, arial; margin-left: 5px; position: absolute; top: 50%; right: 0; transform: translateY(-50%) }
.spansorEuro #articleSpansor { display: inline-block; float: right; width: 60px; height: 60px; overflow: hidden }
.spansorEuro li { display: inline-block; float: right; width: 100%; height: 60px; position: relative }
.spansorEuro a { position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 10; margin-top: 0; }
.spansorEuro a img { width: 60px }
.spansorheader .spansorEuro { position: absolute; top: 0; background-color: rgba(255,255,255,0.6); width: 70px; height: 84px; left: 15px; z-index: 10; border-radius: 0 0 6px 6px; overflow: hidden; padding-right: 0 }
.spansorheader .spansorEuro li { display: inline-block; float: right; width: 100%; height: 64px; position: relative }
.spansorheader .spansorEuro a { position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 10; margin-top: 0; pointer-events: none }
.spansorheader .spansorEuro a img { width: 60px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); mix-blend-mode: multiply; }
.spansorheader .spansorEuro p { display: inline-block; float: right; width: 100%; text-align: center; font-size: 12px; color: #000; font-family: droidLight, arial; margin-left: 0; height: 20px; position: relative; top: 0; right: 0; transform: none }
.euroInner .spansorheader .spansorEuro { display: none }
/******************** groups ********************/
.groups .GroupStanding { width: 100% }
.groups .GroupStanding .ttl { border: 0; background-color: #fff; border-radius: 6px 6px 0 0; padding: 15px 20px; height: auto; margin-bottom: 0 }
.groups.euroMain .title:after { background-color: #AAAAAA; }
.groups .groupTabs .table .ttlRow { background-color: #fff; margin-bottom: 0 }
.groups .groupTabs .table .ttlRow .itemTtl { color: #000; }
.groups .groupTabs .table .ttlRow .itemTtl:nth-child(1), .groups .groupTabs .table .ttlRow .itemTtl:nth-child(2) { color: transparent }
.groups .groupTabs .table .wRow { border: 0; border-bottom: 1px solid #e0e0e0; }
.groups .groupTabs .table .wRow .item { color: #000; }
.groups .groupTabs .table .wRow .item:nth-child(1) { display: none }
.groups .groupTabs .table .wRow .item:nth-child(2) { padding-right: 20px; margin-left: 60px; }
.groups .GroupStanding .table { margin-bottom: 40px }
.groups .groupTabs .table .wRow:last-child { border-bottom: 0; border-radius: 0 0 6px 6px }
/******************** match center ********************/
.euroInner .matchcenter .matchesHp .more { width: calc(100% + 40px); margin-right: -20px }
.euroInner .matchcenter .maxWidth { display: inline-block; width: 800px; margin: 0 calc((100% - 800px) /2); float: right }
.euroInner .matchcenter .dropDownContainer { display: inline-block; width: 100%; float: right; margin-bottom: 15px; position: relative }
.euroInner .matchcenter .dropDownContainer .placeholder { display: inline-block; float: right; width: 240px; height: 36px; text-align: right; line-height: 2.2; padding: 0 10px; background-color: #fff; font-family: droidLight,Arial; font-size: 16px; color: #000; border-radius: 4px }
.euroInner .matchcenter .dropDownContainer .placeholder:before { content: 'F'; color: #000; font-size: 11px; float: left; font-weight: bold; line-height: 3 }
.euroInner .matchcenter .dropDownContainer .placeholder.active { border: 1px solid rgba(2, 119, 189, .5) }
.euroInner .matchcenter .dropDownContainer ul { display: none; position: absolute; margin-top: 5px; right: 0; background-color: #fff; z-index: 10; padding-top: 5px; top: 36px; width: 240px; height: auto; border-radius: 0 0 4px 4px; box-shadow: inset 0 0 0 #1d1d1d, 0 2px 10px rgb(0 0 0 / 20%); transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.8s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; }
/*  .euroInner .matchcenter .dropDownContainer ul:before{content:'';position:absolute;top:0;left:0;width:100%;height:2px;border-radius:4px 4px 0 0;background:url(../../Images/Euro2020/article-gred.jpg) no-repeat;background-size:cover}*/
.euroInner .matchcenter .dropDownContainer ul li { display: inline-block; width: 100%; float: right; padding: 6px 10px; transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; }
.euroInner .matchcenter .dropDownContainer ul li a { display: inline-block; float: right; width: 100%; font-family: droidLight, arial; font-size: 15px; color: #000 }
.euroInner .matchcenter .dropDownContainer ul li:hover { background-color: #ddd }
.euroInner .matchcenter .matchesList, .euroInner .matchcenter .matchesList ul { display: inline-block; float: right; width: 100% }
.euroInner .matchcenter .matchesList ul li { display: inline-block; float: right; width: 100%; background-color: #fff; border-radius: 6px; position: relative; margin-bottom: 25px }
.euroInner .matchcenter .matchesList ul li:last-child { margin-bottom: 0 }
.euroInner .matchcenter .matchesList ul li .allData { display: inline-block; width: calc(100% - 130px); float: right; border-left: 1px solid #EFEFEF; position: relative }
.euroInner .matchcenter .matchesList ul li.future { border-right: 4px solid #45B3EB }
.euroInner .matchcenter .matchesList ul li.now { border-right: 4px solid #308F40 }
.euroInner .matchcenter .matchesList ul li.finish { border-right: 4px solid #AAAAAA }
.euroInner .matchcenter .matchesList ul li .topData { display: inline-block; float: right; width: 100%; position: relative; padding: 15px 20px 30px }
.euroInner .matchcenter .matchesList ul li .topData .date { display: inline-block; width: auto; float: right; font-family: droidLight, arial; font-size: 12px; color: #AAAAAA }
.euroInner .matchcenter .matchesList ul li .topData .date span { display: inline-block; float: left; margin-right: 6px }
.euroInner .matchcenter .matchesList ul li .channel { display: inline-block; float: left; font-family: droidLight, arial; font-size: 12px; color: #AAAAAA; position: absolute; top: 15px; left: 20px }
.euroInner .matchcenter .matchesList ul li .channel:before { content: 'z'; color: #AAAAAA; font-size: 11px; float: left; margin-right: 5px; line-height: 2; }
.euroInner .matchcenter .matchesList ul li .topData .matchStatus { display: inline-block; width: auto; min-width: 65px; position: absolute; left: 50%; top: 15px; transform: translateX(-50%); text-align: center; height: 22px; color: #535353; font-size: 12px; font-family: droidLight, arial }
.euroInner .matchcenter .matchesList ul li .topData .matchStatus span { line-height: 1.8; border: 1px solid #CCCCCC; padding: 0 10px; border-radius: 4px; }
.euroInner .matchcenter .matchesList ul li .teamsData { display: inline-block; float: right; width: 100%; position: relative; padding: 0 20px 20px }
.euroInner .matchcenter .matchesList ul li .teamsData .teamCntnr { display: inline-block; width: 400px; margin: 0 calc((100% - 400px) /2); float: right }
.euroInner .matchcenter .matchesList ul li .teamsData .teams { display: inline-block; width: calc((100% - 80px)/ 2); height: 64px; text-align: center }
.euroInner .matchcenter .matchesList ul li .teamsData .teams .cntnr { display: inline-block; width: 40px; margin: 0 calc((100% - 40px) /2) }
.euroInner .matchcenter .matchesList ul li .teamsData .teamA { float: right }
.euroInner .matchcenter .matchesList ul li .teamsData .teamB { float: left }
.euroInner .matchcenter .matchesList ul li .teamsData .teams img { height: 35px; width: auto; border: none; display: inline-block; }
.euroInner .matchcenter .matchesList ul li .teamsData .teams p { display: inline-block; width: 100%; margin: 0; padding-top: 5px; color: #000; font-family: droidBold,Arial; font-size: 15px; line-height: 1.2; text-align: center; }
.euroInner .matchcenter .matchesList ul li .teamsData .MResult { display: inline-block; width: 80px; text-align: center; margin-top: 10px }
.euroInner .matchcenter .matchesList ul li .teamsData .MResult span { color: #AAAAAA; margin: 0 8px }
.euroInner .matchcenter .matchesList ul li .teamsData .MResult span.score { color: #535353; font-size: 20px; font-family: Arial; margin: 0; font-weight: bold }
.euroInner .matchcenter .matchesList ul li .bottomData { display: inline-block; width: 100%; float: right; border-top: 1px solid #EFEFEF; position: relative; padding: 15px 0 20px }
.euroInner .matchcenter .matchesList ul li .bottomData .teamDtl { display: inline-block; width: calc((100% - 12px)/ 2); padding: 0 20px; margin-top: 4px }
.euroInner .matchcenter .matchesList ul li .bottomData .teamDtl .dtls { display: inline-block; width: 100%; float: right; margin-bottom: 15px }
.euroInner .matchcenter .matchesList ul li .bottomData .teamDtl .dtls:last-child { margin-bottom: 0 }
.euroInner .matchcenter .matchesList ul li .bottomData .teamDtl p { display: inline-block; width: auto; float: left; color: #000; font-size: 15px; font-family: droidLight, arial; line-height: 1 }
.euroInner .matchcenter .matchesList ul li .bottomData .teamDtl p span.onGoal { color: #CCCCCC; margin-left: 5px }
.euroInner .matchcenter .matchesList ul li .bottomData .teamDtl span.time { font-family: Arial; font-size: 12px; float: left; margin-right: 8px }
.euroInner .matchcenter .matchesList ul li .bottomData .teamDtl span.time:before { content: '`'; color: #000 }
.euroInner .matchcenter .matchesList ul li .bottomData .teamADtl { float: right }
.euroInner .matchcenter .matchesList ul li .bottomData .teamBDtl { float: left }
.euroInner .matchcenter .matchesList ul li .bottomData .teamADtl p { text-align: left }
.euroInner .matchcenter .matchesList ul li .bottomData .teamBDtl p { text-align: right; float: right }
.euroInner .matchcenter .matchesList ul li .bottomData .teamBDtl span.time { float: right; }
.euroInner .matchcenter .matchesList ul li .bottomData span.ball { display: inline-block; width: 12px; height: 100% }
.euroInner .matchcenter .matchesList ul li .bottomData span.ball:before { content: 'y'; font-size: 12px; color: #000 }
.euroInner .matchcenter .matchesList ul li .leftCol { display: inline-block; float: left; width: 130px; padding: 25px 20px 20px }
.euroInner .matchcenter .matchesList ul li .leftCol .button { display: inline-block; width: 80px; height: 30px; border-radius: 4px; text-align: center; }
.euroInner .matchcenter .matchesList ul li .leftCol .details { background-color: transparent; color: #000; font-family: droidLight, arial; font-size: 12px; border: 1px solid #CCCCCC; margin-bottom: 15px; line-height: 2.2 }
.euroInner .matchcenter .matchesList ul li .leftCol .result { background-color: #000; color: #fff; font-family: droidLight, arial; font-size: 12px; line-height: 2.5 }
.euroInner .tourMatches { border: 0 }
.euroInner .tourMatches:before { content: ''; background: url(../../Images/Euro2020/article-gred.jpg); background-size: cover; position: absolute; top: 0; width: 100%; height: 4px; left: 0; border-radius: 6px 6px 0 0 }
/******************** fan zone euro2020 ********************/
body.fanzone .content-wrap { padding: 0 }
body.fanzone .content { padding: 0 }
.fanZone { background: url(../../Images/Euro2020/background.png); background-size: cover; background-color: #fff }
.fanZone .cntnr { display: inline-block; float: right; width: 1120px; margin: 100px calc((100% - 1120px ) /2) }
.fanZone ul li { display: inline-block; float: right; width: 325px; position: relative; border-radius: 6px; background-color: #fff; height: 250px; margin-left: 20px; margin-bottom: 50px }
.fanZone ul li a { display: inline-block; width: 100%; height: 100%; float: right; padding: 20px; }
.fanZone ul li .gameSponsor { display: inline-block; position: absolute; width: 50px; height: 45px; left: 25px; top: 0; background-color: #fff; border-radius: 0 0 6px 6px; }
.fanZone ul li .gameSponsor img { display: inline-block; width: 34px; height: auto; margin: 3px calc((100% - 34px) /2) 0; }
.fanZone ul li:last-child, .fanZone ul li:nth-child(3) { margin-left: 0 }
.fanZone ul li:last-child, .fanZone ul li:nth-child(4), .fanZone ul li:nth-child(5) { margin-bottom: 0 }
.fanZone ul li.bigWidth { width: 430px }
.fanZone ul li.header { border-radius: 0; padding: 0; background-color: transparent }
.fanZone ul li.header h1 { display: inline-block; float: right; width: 310px; height: 100%; font-family: droidBold, arial; font-size: 56px; color: #060B24; line-height: 1.6; padding-top: 10px; position: relative }
.fanZone ul li.header h1 span { display: block; font-size: 39px; color: #3D88D2; font-weight: bold; position: absolute; bottom: 0; right: 0 }
.fanZone ul li .dtlsCorner { display: inline-block; float: right; height: 100%; width: 135px; position: relative }
.fanZone ul li .gameImg { display: inline-block; position: absolute; width: 120px; left: 10px; top: 50%; transform: translateY(-50%); }
.fanZone ul li h2 { display: inline-block; float: right; text-align: right; font-family: droidBold, arial; font-size: 25px; color: #fff; margin-bottom: 8px; line-height: 1.6 }
.fanZone ul li p { display: inline-block; float: right; text-align: right; font-family: droidLight, arial; font-size: 14px; color: #fff }
.fanZone ul li a span { display: inline-block; position: absolute; right: 0; bottom: 0; font-family: droidLight, arial; border: 1px solid #fff; border-radius: 4px; color: #fff; width: 120px; text-align: center; font-size: 15px; padding: 5px 0; background-color: rgba(0, 0, 0, .4) }
.fanZone ul li .gameGift { display: inline-block; position: absolute; bottom: 0; left: 0; width: 130px; height: 100px; }
/*  .fanZone ul li .gameGift:before{content:'';border-bottom: 100px solid #fff;border-right: 130px solid transparent;width:0;height:0;position:absolute;bottom:0;left:0;}*/
.fanZone ul li .gameGift img { display: inline-block; width: auto; height: 100%; position: absolute; bottom: 0; left: 0; border-radius: 0 0 0 6px; }
.fanZone ul li.FZRoadToCup { background-color: #3D88D2 }
.fanZone ul li.FZQuiz { background-color: #83279A }
.fanZone ul li.FZQuiz .gameImg { width: 150px }
.fanZone ul li.FZPred { background-color: #262626 }
.fanZone ul li.FZPred p { width: calc(100% + 30px) }
.fanZone ul li.FZPred .gameImg { width: 180px; top: 58px; transform: none; left: 35px; }
.fanZone ul li.FZPred a span { background-color: transparent }
.fanZone ul li.FZSquad { background-color: #2966b7 }
.fanZone ul li.FZSquad .gameImg { width: 140px }
.fanZone ul li.FZSquad .gameSponsor, .fanZone ul li.FZLegend .gameSponsor { width: 75px; height: 30px }
.fanZone ul li.FZSquad .gameSponsor img, .fanZone ul li.FZLegend .gameSponsor img { width: 60px; margin: 6px calc((100% - 60px) /2) 0 }
.fanZone ul li.FZLegend .gameImg { width: auto; height: 100%; left: 0; border-radius: 6px }
.fanZone ul li.FZLegend h2 { color: #000; width: calc(100% + 50px) }
.fanZone ul li.FZLegend p { color: #000 }
.fanZone ul li.FZLegend a span { border: 0 }
.fanZone ul li .squadLogo { position: absolute; width: 20px; height: auto; display: inline-block; bottom: 10px; left: 10px; }
/******************** popup message********************/
.popupMsg { display: inline-block; width: 100%; height: 100%; float: right; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); background: rgba(29,29,29,0.90); z-index: 1001; opacity: 0; visibility: hidden }
.popupMsg .popupCntnr { display: inline-block; position: absolute; min-height: 180px; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: #fff; width: 500px; border-radius: 6px; padding: 30px 30px 20px; transition: opacity .3s 0s, visibility 0s 0s; -webkit-transition: opacity .3s 0s, visibility 0s 0s; -moz-transition: opacity .3s 0s, visibility 0s 0s; -ms-transition: opacity .3s 0s, visibility 0s 0s; -o-transition: opacity .3s 0s, visibility 0s 0s; }
.popupMsg .popupCntnr .closeMsg { display: inline-block; position: absolute; top: 8px; left: 8px; width: 25px; height: 25px }
.popupMsg .popupCntnr .closeMsg:before { content: 'B'; font-size: 18px; color: #000; }
.popupMsg p { display: inline-block; width: 100%; font-size: 16px; color: #000; float: right; font-family: droidLight, arial; margin-bottom: 25px; text-align: center }
.popupMsg .iconDiv { display: inline-block; width: 70px; height: 70px; background-color: #1a9901; border-radius: 50%; position: relative; margin-bottom: 20px }
.popupMsg .iconDiv:before { color: #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 36px; }
.popupMsg.error .iconDiv { background-color: #db0723 }
.popupMsg.success .iconDiv:before { content: 'K' }
.popupMsg.error .iconDiv:before { content: 'B'; font-size: 26px }
.openPopup .popupMsg { opacity: 1; visibility: visible }
.euroRoadToCup .allRounds .roundItem .qualifiedTeams.third { padding: 219px 0 }
.euroRoadToCup .allRounds .roundItem .qualifiedTeams.third .knockoutStage { margin-bottom: 454px }
.euroRoadToCup .allRounds .roundItem .qualifiedTeams.third .knockoutStage:last-child { margin-bottom: 0 }
/******************** reset & forget password ********************/
.passwordPage { display: inline-block; width: 100%; float: right; padding: 20px; border-radius: 6px }
.passwordPage .pagecnts { display: inline-block; width: 100%; background-color: #fff; border-radius: 6px; padding: 20px }
.passwordPage .cntnr { display: inline-block; width: 600px; margin: 0 calc((100% - 600px) /2) }
.passwordPage input { width: 100%; height: 45px; outline: none; border: 1px solid #aaa; padding: 0 10px; font-family: droidLight, arial; border-radius: 4px; color: #333; font-size: 0.8rem; -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; transition: all 0.1s linear; }
.passwordPage input:focus, .passwordPage input:active { outline: 1px solid #aaa; border: 1px solid #aaa; border-radius: 4px }
.passwordPage .item label { margin-top: 10px }
.passwordPage label { display: inline-block; font-family: droidLight, arial; font-size: 16px; width: 100%; text-align: right; margin-bottom: 5px }
.passwordPage .continue { display: inline-block; position: relative; width: 180px; float: left; background-color: #45B3EB; border: none; font-family: droidLight, Arial; outline: none; color: #fff; font-size: 14px; font-weight: normal; padding: 6px 0; border-radius: 2px; margin-top: 15px; }
.passwordPage .generalError { float: none; width: 100% }
.passwordPage p { display: inline-block; width: 100%; text-align: center; float: right; font-family: droidLight, Arial; font-size: 20px; color: red }
.third .teamData:last-child:before, .third .teamData:first-child:before { width: 20px; display: block; right: -16px; border-right: 2px solid rgba(255,255,255,0.5); content: ''; position: absolute; }
.third .teamData:first-child:before { border-bottom: 2px solid rgba(255,255,255,0.5); bottom: -2px; height: 146px; -webkit-box-sizing: initial; -moz-box-sizing: initial; box-sizing: initial; }
.third .teamData:last-child:before { top: 0; height: 146px; -webkit-box-sizing: initial; -moz-box-sizing: initial; box-sizing: initial; }
.euroRoadToCup .allRounds .roundItem .qualifiedTeams.final { padding: 511px 0 }
.euroRoadToCup .allRounds .roundItem .qualifiedTeams.final .separating { width: calc(100% - 12px) }
.final .teamData:last-child:before, .final .teamData:first-child:before { width: 20px; display: block; right: -16px; border-right: 2px solid rgba(255,255,255,0.5); content: ''; position: absolute; }
.final .teamData:first-child:before { border-bottom: 2px solid rgba(255,255,255,0.5); bottom: -2px; height: 292px; -webkit-box-sizing: initial; -moz-box-sizing: initial; box-sizing: initial; }
.final .teamData:last-child:before { top: 0; height: 292px; -webkit-box-sizing: initial; -moz-box-sizing: initial; box-sizing: initial; }
/******************** Euro Winner ********************/
.euroRoadToCup .allRounds .roundItem .cupWinner { position: absolute; left: 0; top: 240px; width: 100% }
.euroRoadToCup .allRounds .roundItem .cupWinner h3 { display: inline-block; float: right; width: 100%; position: relative; margin-bottom: 30px; margin-left: 0; font-family: droidBold,Arial; text-align: center; color: #fff; font-size: 18px; background: none; border-radius: 0; padding: 0 0 16px }
.euroRoadToCup .allRounds .roundItem .cupWinner h3:after { content: ""; position: absolute; width: 50%; height: 1px; bottom: 0; left: 50%; transform: translateX(-50%); background: rgba(255,255,255,0.5) }
.euroRoadToCup .allRounds .roundItem .cupWinner .winnerImg { position: absolute; top: 80px; left: 50%; transform: translateX(-50%); text-align: center; width: 100px; height: 100px; background: rgba(255,255,255,0.5); border: 2px solid #aaa; border-radius: 50% }
.euroRoadToCup .allRounds .roundItem .cupWinner .winnerImg:before { content: "?"; font-family: arial; font-weight: bold; line-height: 1.7; font-size: 58px; color: #7187c6 }
.euroRoadToCup .allRounds .roundItem .selectWinner .cupWinner .winnerImg { display: none }
.euroRoadToCup .allRounds .roundItem .cupWinner .winnerHolder { display: inline-block; float: right; width: 100% }
.euroRoadToCup .allRounds .roundItem .cupWinner .winnerHolder .imgCntnr { display: inline-block; float: right; width: 100px; height: 100px; position: relative; margin: 0 calc((100% - 100px) / 2) 16px; border-radius: 50%; overflow: hidden; border: 2px solid #aaa; margin-bottom: 4px }
.euroRoadToCup .allRounds .roundItem .cupWinner .winnerHolder img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: auto; height: 150px; max-width: unset; }
.euroRoadToCup .allRounds .roundItem .cupWinner .winnerHolder .teamName { display: inline-block !important; float: right; width: 100%; font-family: droidBold, arial; text-align: center; color: #fff; font-size: 22px; line-height: 1.6; padding-right: 0 }
.euroRoadToCup .allRounds .roundItem .cupWinner .winnerHolder span { display: none }
.euroRoadToCup .allRounds .roundItem .cupWinner .ShareLogin { display: none }
.euroRoadToCup .allRounds .roundItem .cupWinner .ShareLogin a { display: inline-block; float: right; width: 100px; height: 40px; border-radius: 6px; overflow: hidden; background: #3b5998; position: relative; margin: 32px calc((100% - 100px) / 2) 0 }
.euroRoadToCup .allRounds .roundItem .cupWinner .ShareLogin .cnts { width: 58px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #fff; font-family: droidLight, Arial; font-size: 13px; }
.euroRoadToCup .allRounds .roundItem .cupWinner .ShareLogin .cnts p { display: inline-block; float: right; color: #fff; font-family: droidLight, Arial; font-size: 13px; line-height: 2.6 }
.euroRoadToCup .allRounds .roundItem .cupWinner .ShareLogin .cnts span { display: inline-block; float: right; margin-left: 6px }
.euroRoadToCup .allRounds .roundItem .cupWinner .ShareLogin .cnts span.icon-fb:before { content: "b"; font-size: 20px }
.euroRoadToCup .allRounds .roundItem .selectWinner .cupWinner .ShareLogin { display: inline-block }
.euroRoadToCup .allRounds .roundItem .qualifiedTeams.final .knockoutStage:before { content: ""; width: 70px; height: 158px; position: absolute; left: 0; bottom: 100%; background: url(../../Images/euroCup.png) no-repeat center center; background-size: 70px 158px; z-index: 1 }
/******************** Euro Match Details ********************/
.EuroMatchDetails .proPlayer .rightside { width: 100%; margin-left: 0 }
.EuroMatchDetails .mtchDtlsRslt { background: linear-gradient(to bottom,#444,#313131,#111); margin-bottom: 0; position: relative }
.EuroMatchDetails .euroMain { background: none }
.EuroMatchDetails .euroMain .FullWidthBK { background: #fff }
/*.EuroMatchDetails .mtchDtlsRslt:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background:url(../../Images/matchResultBG2.jpg) no-repeat center center;background-size:100% auto;opacity:0.2;pointer-events:none;z-index:1}*/
.EuroMatchDetails .mtchDtlsRslt .item { position: relative; z-index: 2 }
.EuroMatchDetails .mtchDtlsRslt li { padding: 20px 16px }
.EuroMatchDetails .mtchDtlsRslt li .tourName { text-align: center; height: auto; margin: 0 auto 10px; width: 100%; float: right; display: inline-block; }
.EuroMatchDetails .mtchDtlsRslt li .tourName .tourNameBtn { position: relative; top: auto; left: auto; transform: none; text-align: center; margin: 0 auto; display: table; margin-bottom: 4px }
.EuroMatchDetails .mtchDtlsRslt li .tourName .tourNameBtn:last-child { margin-bottom: 0 }
.EuroMatchDetails .mtchDtlsRslt li .tourName .tourNameBtn a { display: inline-block; float: right; font-size: 14px; color: rgba(255,255,255,0.5); font-family: droidLight,arial; text-align: center; line-height: 1.8; position: relative }
.EuroMatchDetails .mtchDtlsRslt li .tourName .item { display: inline-block; float: right; position: relative; margin-right: 6px; padding-right: 10px; }
.EuroMatchDetails .mtchDtlsRslt li .tourName .item:before { content: "-"; position: absolute; right: 0; top: 50%; transform: translateY(-50%); font-size: 14px; color: rgba(255,255,255,0.5) }
.EuroMatchDetails .mtchDtlsRslt li .tourName .item p { display: inline-block; float: right; width: 100%; text-align: center; font-family: droidLight,arial; font-size: 12px; color: rgba(255,255,255,0.5); line-height: 2 }
.EuroMatchDetails .mtchDtlsRslt li .tourName .item p span { margin-right: 4px }
.EuroMatchDetails .mtchDtlsRslt li .tourName .tourNameBtn a:hover { color: #0277bd; }
.EuroMatchDetails .mtchDtlsRslt li.matchSoon .tourName .matchDateInfo { display: none }
.EuroMatchDetails .mtchDtlsRslt li .tourName .tourNameBtn .date { display: inline-block; float: right; font-size: 12px; color: rgba(255,255,255,0.5); font-family: droidLight,arial; text-align: center; line-height: 1.8; position: relative }
.EuroMatchDetails .mtchDtlsRslt li .tourName .tourNameBtn .time { display: inline-block; float: right; position: relative; margin-right: 6px; padding-right: 10px; font-family: CenturyGothicLight, arial; font-size: 13px; font-weight: normal; color: rgba(255,255,255,0.5); line-height: 1.4 }
.EuroMatchDetails .mtchDtlsRslt li .matchScoreInfo { display: inline-block; float: right; width: 100%; margin-bottom: 50px; }
.EuroMatchDetails .mtchDtlsRslt li .matchScoreInfo.playersList { padding-top: 30px; margin-top: 20px; border-top: 1px solid rgba(255,255,255,0.1); }
.EuroMatchDetails .mtchDtlsRslt li .playersList .matchScorer { margin-top: 0 }
/*.EuroMatchDetails .mtchDtlsRslt li .teamA.scorers, .EuroMatchDetails .mtchDtlsRslt li .teamB.scorers{min-height:20px}*/
.EuroMatchDetails .mtchDtlsRslt li .matcResultAction { display: inline-block; float: right; width: 100%; padding: 10px 0; border-top: 1px solid rgba(255,255,255,0.1) }
.EuroMatchDetails .mtchDtlsRslt li .teamA.playerScorers { float: right; min-height: 10px; }
.EuroMatchDetails .mtchDtlsRslt li .teamB.playerScorers { float: left; min-height: 10px; }
.EuroMatchDetails .mtchDtlsRslt li .resultDiv.playerScorers { height: auto }
.EuroMatchDetails .mtchDtlsRslt li .resultDiv.playerScorers { min-height: 10px }
.EuroMatchDetails .mtchDtlsRslt li .resultDiv.playerScorers.icon-goal:before { content: ""; position: absolute; top: 0px; left: 50%; transform: translateX(-50%); background: url(../../Images/ball.svg?ref=1.5) center center no-repeat; background-size: 16px; width: 20px; height: 20px; border-radius: 0; }
.EuroMatchDetails .mtchDtlsRslt li .resultDiv.playerScorers.icon-redcard:before { content: ""; position: absolute; top: 0px; left: 50%; transform: translateX(-50%); background: url(../../Images/redCard.svg?ref=1.5) center center no-repeat; background-size: 16px; width: 20px; height: 20px; border-radius: 0; }
.EuroMatchDetails .mtchDtlsRslt li .playerScorers .matchScorer { position: relative; margin-top: 0px; }
.EuroMatchDetails .mtchDtlsRslt li .teamA, .EuroMatchDetails .mtchDtlsRslt li .teamB { width: calc((100% - 104px) / 2); }
.EuroMatchDetails .mtchDtlsRslt li .teamA, .EuroMatchDetails .mtchDtlsRslt li .teamB { margin-top: 0 }
.EuroMatchDetails .mtchDtlsRslt li .team .imgCntnr { display: inline-block; width: 70px; height: 70px; position: relative; border-radius: 50%; overflow: hidden; border: 3px solid #fff }
.EuroMatchDetails .mtchDtlsRslt li .team .imgCntnr img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: auto; height: 104px; max-width: unset; margin: 0 }
.EuroMatchDetails .mtchDtlsRslt li .teamA .imgCntnr { float: left; margin-right: 20px }
.EuroMatchDetails .mtchDtlsRslt li .teamB .imgCntnr { float: right; margin-left: 20px }
.EuroMatchDetails .mtchDtlsRslt li .teamA p, .EuroMatchDetails .mtchDtlsRslt li .teamB p { font-size: 20px; line-height: 3.5 }
.EuroMatchDetails .mtchDtlsRslt li .resultDiv { width: 104px; height: 70px; position: relative }
.EuroMatchDetails .mtchDtlsRslt li .resultDiv .matchResult { width: 100%; height: auto; position: absolute; right: auto; bottom: auto; left: 50%; top: 50%; transform: translate(-50%, -50%) }
.EuroMatchDetails .mtchDtlsRslt li .resultDiv .result { display: inline-block; width: 100%; float: right; position: relative; padding: 0; top: auto; left: auto; width: 100%; text-align: center; }
.EuroMatchDetails .mtchDtlsRslt li .resultDiv .result span { font-family: CenturyGothicLight, Arial; font-size: 36px; font-weight: bold; text-align: center }
.EuroMatchDetails .mtchDtlsRslt li .resultDiv p { display: inline-block; float: right; width: 100%; text-align: center; top: 80px; color: rgba(255,255,255,0.5); font-size: 11px }
.EuroMatchDetails .mtchDtlsRslt li.matchLive .resultDiv p span { width: 20px; height: 20px; margin-bottom: -7px; margin-right: -8px; display: inline-block; position: relative; z-index: 0 }
.EuroMatchDetails .mtchDtlsRslt li.matchLive .resultDiv p span:before { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 12px; height: 12px; border-radius: 50%; background: #fff; opacity: 0.1; filter: blur(4px); animation: liveFadeShadow 2s ease-in-out infinite }
.EuroMatchDetails .mtchDtlsRslt li.matchLive .resultDiv p span:after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 10px; height: 10px; border-radius: 50%; background: #00ff08; opacity: 0.3; animation: liveFade 2s ease-in-out infinite }
.EuroMatchDetails .mtchDtlsRslt li .resultDiv .penaltyRes { position: absolute; bottom: -20px }
.EuroMatchDetails .mtchDtlsRslt li .resultDiv .penaltyRes span { font-size: 16px }

@keyframes liveFade {
    0% { opacity: 0.2; }
    50% { opacity: 1 }
    100% { opacity: 0.2; }
}

@keyframes liveFadeShadow {
    0% { opacity: 0.1; filter: blur(1px) }
    50% { opacity: 0.3; filter: blur(4px) }
    100% { opacity: 0.1; filter: blur(1px) }
}

.EuroMatchDetails .mtchDtlsRslt li .resultDiv .result span.date { font-family: droidLight, Arial; width: 100%; font-size: 13px; color: #fff; font-weight: normal; position: relative; float: unset; line-height: 3 }
.EuroMatchDetails .mtchDtlsRslt li .resultDiv .result span.date:after { content: ""; position: absolute; bottom: -3px; left: 50%; transform: translateX(-50%); width: 100%; height: 1px; background: #555 }
.EuroMatchDetails .mtchDtlsRslt li .resultDiv .result span.time { font-size: 14px; font-weight: normal; width: 100%; color: #fff; float: unset; }
.EuroMatchDetails .mtchDtlsRslt li .matchScorer .goal.icon-goal:before { display: none; content: ""; background: url(../../Images/ball.svg?ref=1.5) center center no-repeat; background-size: 16px; width: 20px; height: 20px; border-radius: 0; }
.EuroMatchDetails .mtchDtlsRslt li .matchScorer .owngoal.icon-goal:before { display: none; content: ""; background: url(../../Images/ownGoal1.svg?ref=1.5) center center no-repeat; background-size: 20px; width: 20px; height: 20px; border-radius: 0; }
.EuroMatchDetails .mtchDtlsRslt li .teamA .matchScorer .goal:before { float: left; margin-right: 6px }
.EuroMatchDetails .mtchDtlsRslt li .teamB .matchScorer .goal:before { float: right; margin-left: 6px }
.EuroMatchDetails .mtchDtlsRslt li .matchDetails .icon-time:before { content: "N"; }
.EuroMatchDetails .mtchDtlsRslt li .matchScorer .goal .time { color: rgba(255,255,255,0.5); line-height: 1.8; font-size: 13px; position: relative }
.EuroMatchDetails .mtchDtlsRslt li .matchScorer .goal .time:before { margin: 0 }
.EuroMatchDetails .mtchDtlsRslt li .matchScorer .goal .time:after { content: ","; position: absolute; bottom: 0; font-size: 15px }
.EuroMatchDetails .mtchDtlsRslt li .matchScorer .goal .time:last-of-type:after { display: none }
.EuroMatchDetails .mtchDtlsRslt li .teamA .matchScorer .goal .playerName { display: inline-block; float: left; margin-right: 6px; }
.EuroMatchDetails .mtchDtlsRslt li .teamA .matchScorer .goal .time { float: left; margin-right: 6px; margin-left: 0 }
.EuroMatchDetails .mtchDtlsRslt li .teamA .matchScorer .goal .time:after { right: -4px }
.EuroMatchDetails .mtchDtlsRslt li .teamB .matchScorer .goal .playerName { display: inline-block; float: right; margin-left: 6px; }
.EuroMatchDetails .mtchDtlsRslt li .teamB .matchScorer .goal .time { float: right; margin-left: 6px; margin-right: 0 }
.EuroMatchDetails .mtchDtlsRslt li .teamB .matchScorer .goal .time:after { left: -4px }
.EuroMatchDetails .mtchDtlsRslt li .matchScorer .goal .player { line-height: 1.8; font-size: 12px; }
.EuroMatchDetails .mtchDtlsRslt li .matchScorer .goal.owngoal .player:after { content: "(عكسي)"; display: inline-block; color: rgba(255,255,255,0.5) }
.EuroMatchDetails .mtchDtlsRslt li .teamA .matchScorer .goal .player { float: left }
.EuroMatchDetails .mtchDtlsRslt li .teamB .matchScorer .goal .player { float: right }
.EuroMatchDetails .mtchDtlsRslt li .teamA .matchScorer .goal { margin-right: 0; width: 100%; margin-bottom: 6px }
.EuroMatchDetails .mtchDtlsRslt li .teamB .matchScorer .goal { margin-left: 0; width: 100%; margin-bottom: 6px }
.EuroMatchDetails .mtchDtlsRslt li .team .matchScorer .goal:last-of-type { margin-bottom: 0 }
/*** Min By Min ***/
.EuroMatchDetails .euroMain .FullWidthBK:after { display: none }
.EuroMatchDetails .mainCircle,
.EuroMatchDetails .pietimer,
.EuroMatchDetails .percent,
.EuroMatchDetails .slice gt50 { display: none }
.EuroMatchDetails .mtchDtlsRslt li .resultDiv .mainCircle { border: none; border-radius: 0 }
.EuroMatchDetails .euroMain .FullWidthBK .tabs { padding: 0 10px; margin: 0 auto; float: none; width: auto; display: inline-flex }
.EuroMatchDetails .proPlayer .tabs a { height: auto; padding: 16px 0 }
.EuroMatchDetails .euroMain .tabs a.active, .EuroMatchDetails .euroMain .tabs a:hover { color: #0277bd; border-bottom: 2px solid #0277bd; }
.EuroMatchDetails .matchDetailsTtl { display: none }
.EuroMatchDetails .matchDetailsTabs .matchDtlsContent { margin-top: 0 }
.EuroMatchDetails .mtchDtlsRslt li .matchDetails .item:before { background: none }
.EuroMatchDetails .matchDetailsTabs .timeline { border: none; background: none; height: auto; width: 600px; margin: 0 calc((100% - 600px) / 2); overflow-y: unset; position: relative }
.EuroMatchDetails .matchDetailsTabs .timeline .cnts { width: 100%; margin: 0; float: right }
.EuroMatchDetails .matchDetailsTabs .timeline.minbyminCnts .cnts ul:before { display: none }
.EuroMatchDetails .matchDetailsTabs .timeline.minbyminCnts .cnts ul li { background: #fff; border-radius: 6px; margin: 0; width: 100%; margin-bottom: 30px; border: none; overflow: hidden; padding: 0 }
.EuroMatchDetails .matchDetailsTabs .timeline.minbyminCnts .cnts ul li .min { display: inline-block; float: right; width: 100%; text-align: left; line-height: normal; color: #000; font-family: CenturyGothicLight, Arial; position: relative; top: 0; left: 0; bottom: 0; right: 0; border-bottom: 1px solid #dadada; padding: 16px 20px; height: 54px; }
.EuroMatchDetails .matchDetailsTabs .timeline.minbyminCnts .cnts ul li.preMatch .min { color: #fff }
.EuroMatchDetails .matchDetailsTabs .matchDtlsContent .tabs-nav { display: none }
.EuroMatchDetails .matchDetailsTabs .matchDtlsContent.wzImportantMins .tabs-nav { display: inline-block; float: right; width: 100%; height: 40px; position: absolute; left: 0; top: 0; margin: 0; }
.EuroMatchDetails .matchDetailsTabs .matchDtlsContent.wzImportantMins .tabs-nav ul { list-style: none; margin: 0 auto; display: inline-block; float: right; width: 100%; }
.EuroMatchDetails .matchDetailsTabs .matchDtlsContent.wzImportantMins .tabs-nav ul:after { display: block; clear: both; content: " "; }
.EuroMatchDetails .matchDetailsTabs .matchDtlsContent.wzImportantMins .tabs-nav li { display: inline-block; position: relative; float: right; width: 50%; height: 40px; padding: 0; text-align: center; background: #fff; border-radius: 6px; color: #fff; cursor: pointer; -webkit-transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; }
.EuroMatchDetails .matchDetailsTabs .matchDtlsContent.wzImportantMins .tabs-nav li > a { display: inline-block; color: #000; float: right; width: 100%; position: relative; font-family: droidLight,Arial; font-size: 13px; line-height: 3.2; -webkit-transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; }
.EuroMatchDetails .matchDetailsTabs .matchDtlsContent.wzImportantMins .tabs-nav .tabs-selected { background: #333 }
.EuroMatchDetails .matchDetailsTabs .matchDtlsContent.wzImportantMins .tabs-nav .tabs-selected > a { color: #fff }
.EuroMatchDetails .matchDetailsTabs .matchDtlsContent.wzImportantMins .tabs-nav .tabs-selected > a:link, .module .tabs-nav .tabs-selected > a:visited, .module .tabs-nav .tabs-disabled a:link, .module .tabs-nav .tabs-disabled a:visited { cursor: text; }
.EuroMatchDetails .matchDetailsTabs .matchDtlsContent.wzImportantMins .tabs-nav li > a:hover, .module .tabs-nav li > a:focus, .module .tabs-nav li > a:active { cursor: pointer; }
.EuroMatchDetails .matchDetailsTabs .matchDtlsContent.wzImportantMins .viewTabContainer { display: inline-block; float: right; position: relative; margin-top: 60px }
.EuroMatchDetails .matchDetailsTabs .matchDtlsContent.wzImportantMins .tabs-container { display: inline-block; float: left; width: 100%; opacity: 1; visibility: visible; }
.EuroMatchDetails .matchDetailsTabs .matchDtlsContent.wzImportantMins .tabs-container.tabs-hide { opacity: 0; visibility: hidden; display: none }
.EuroMatchDetails .matchDetailsTabs .timeline.minbyminCnts .cnts ul li p { padding: 20px }
.EuroMatchDetails .matchDetailsTabs .timeline.minbyminCnts .cnts ul li .videoCntnrs { display: inline-block; float: right; width: 100%; padding: 20px }
.EuroMatchDetails .matchDetailsTabs .timeline.minbyminCnts .cnts ul li .min:after { display: inline-block; content: "T"; color: #000; right: 12px; margin: 0; top: 50%; transform: translateY(-50%); border-radius: 0; line-height: 2.2; }
.EuroMatchDetails .matchDetailsTabs .timeline.minbyminCnts .cnts ul li.goal .min:after,
.EuroMatchDetails .matchDetailsTabs .timeline.minbyminCnts .cnts ul li.owngoal .min:after,
.EuroMatchDetails .matchDetailsTabs .timeline.minbyminCnts .cnts ul li.sub .min:after,
.EuroMatchDetails .matchDetailsTabs .timeline.minbyminCnts .cnts ul li.subIn .min:after,
.EuroMatchDetails .matchDetailsTabs .timeline.minbyminCnts .cnts ul li.subOut .min:after,
.EuroMatchDetails .matchDetailsTabs .timeline.minbyminCnts .cnts ul li.referee .min:after,
.EuroMatchDetails .matchDetailsTabs .timeline.minbyminCnts .cnts ul li.yellowCard .min:after,
.EuroMatchDetails .matchDetailsTabs .timeline.minbyminCnts .cnts ul li.redCard .min:after,
.EuroMatchDetails .matchDetailsTabs .timeline.minbyminCnts .cnts ul li.preMatch .min:after,
.EuroMatchDetails .matchDetailsTabs .timeline.minbyminCnts .cnts ul li.var .min:after { display: inline-block; content: ""; background-color: transparent; }
.EuroMatchDetails .matchDetailsTabs .timeline.minbyminCnts .cnts ul li .min .comment { position: absolute; right: 50px; top: 50%; transform: translateY(-50%); font-family: droidBold, Arial; font-size: 13px; color: #000; text-align: right; direction: rtl; }
.EuroMatchDetails .matchDetailsTabs .timeline.minbyminCnts .cnts ul li .min .comment:after { content: "تعليق" }
.EuroMatchDetails .matchDetailsTabs .timeline.minbyminCnts .cnts ul li.goal .min .comment:after { content: "هدف" }
.EuroMatchDetails .matchDetailsTabs .timeline.minbyminCnts .cnts ul li.owngoal .min .comment:after { content: "هدف عكسي" }
.EuroMatchDetails .matchDetailsTabs .timeline.minbyminCnts .cnts ul li.sub .min .comment:after { content: "تبديل" }
.EuroMatchDetails .matchDetailsTabs .timeline.minbyminCnts .cnts ul li.subIn .min .comment:after { content: "دخول لاعب" }
.EuroMatchDetails .matchDetailsTabs .timeline.minbyminCnts .cnts ul li.subOut .min .comment:after { content: "خروج لاعب" }
.EuroMatchDetails .matchDetailsTabs .timeline.minbyminCnts .cnts ul li.referee .min .comment:after { content: "صافرة الحكم" }
.EuroMatchDetails .matchDetailsTabs .timeline.minbyminCnts .cnts ul li.yellowCard .min .comment:after { content: "كارت أصفر" }
.EuroMatchDetails .matchDetailsTabs .timeline.minbyminCnts .cnts ul li.redCard .min .comment:after { content: "كارت أحمر" }
.EuroMatchDetails .matchDetailsTabs .timeline.minbyminCnts .cnts ul li.preMatch .min .comment:after { content: "ما قبل المباراة" }
.EuroMatchDetails .matchDetailsTabs .timeline.minbyminCnts .cnts ul li.var .min .comment:after { content: "فار" }
.EuroMatchDetails .matchDetailsTabs .timeline.minbyminCnts .cnts ul li.Half1End .min .comment:after { content: "نهاية الشوط الأول" }
.EuroMatchDetails .matchDetailsTabs .timeline.minbyminCnts .cnts ul li.Half2End .min .comment:after { content: "نهاية الشوط الثاني" }
.EuroMatchDetails .matchDetailsTabs .timeline.minbyminCnts .cnts ul li.Half3End .min .comment:after { content: "نهاية الشوط الإضافي الأول" }
.EuroMatchDetails .matchDetailsTabs .timeline.minbyminCnts .cnts ul li.Half4End .min .comment:after { content: "نهاية الشوط الإضافي الثاني" }
.EuroMatchDetails .matchDetailsTabs .timeline.minbyminCnts .cnts ul li.Half5End .min .comment:after { content: "نهاية ضربات الجزاء الترجيحية" }
.EuroMatchDetails .matchDetailsTabs .timeline.minbyminCnts .cnts ul li.goal .min,
.EuroMatchDetails .matchDetailsTabs .timeline.minbyminCnts .cnts ul li.sub .min,
.EuroMatchDetails .matchDetailsTabs .timeline.minbyminCnts .cnts ul li.subIn .min,
.EuroMatchDetails .matchDetailsTabs .timeline.minbyminCnts .cnts ul li.subOut .min,
.EuroMatchDetails .matchDetailsTabs .timeline.minbyminCnts .cnts ul li.referee .min,
.EuroMatchDetails .matchDetailsTabs .timeline.minbyminCnts .cnts ul li.yellowCard .min,
.EuroMatchDetails .matchDetailsTabs .timeline.minbyminCnts .cnts ul li.redCard .min { color: #000 }
.EuroMatchDetails .matchDetailsTabs .timeline.minbyminCnts .cnts ul li.goal .min { color: #fff !important }
.EuroMatchDetails .matchDetailsTabs .timeline.minbyminCnts .cnts ul li.goal .min .comment { color: #fff }
.EuroMatchDetails .matchDetailsTabs .timeline.minbyminCnts .cnts ul li.goal.TeamA .min { background: #b2b2b2; }
.EuroMatchDetails .matchDetailsTabs .timeline.minbyminCnts .cnts ul li.goal.TeamB .min { background: #000; }
.EuroMatchDetails .matchDetailsTabs .timeline.minbyminCnts .cnts ul li.goal.white .min { background: #b2b2b2; }
.EuroMatchDetails .matchDetailsTabs .timeline.minbyminCnts .cnts ul li.goal.black .min { background: #000; }
.EuroMatchDetails .matchDetailsTabs .timeline.minbyminCnts .cnts ul li.goal.lightblue .min { background: #40c4ff }
.EuroMatchDetails .matchDetailsTabs .timeline.minbyminCnts .cnts ul li.goal.red .min { background: #ff1a3b }
.EuroMatchDetails .matchDetailsTabs .timeline.minbyminCnts .cnts ul li.goal.blue .min { background: #304ffe }
.EuroMatchDetails .matchDetailsTabs .timeline.minbyminCnts .cnts ul li.goal.orange .min { background: #ff8f00 }
.EuroMatchDetails .matchDetailsTabs .timeline.minbyminCnts .cnts ul li.goal.yellow .min { background: #ffd600 }
.EuroMatchDetails .matchDetailsTabs .timeline.minbyminCnts .cnts ul li.goal.green .min { background: #00c853 }
.EuroMatchDetails .matchDetailsTabs .timeline.minbyminCnts .cnts ul li.goal.purple .min { background: #623393 }
.EuroMatchDetails .matchDetailsTabs .timeline.minbyminCnts .cnts ul li .goalDtls { background: none }
.EuroMatchDetails .matchDetailsTabs .timeline.minbyminCnts .cnts ul li .goalDtls .player { width: 100%; margin-left: 0; padding-right: 0; position: relative; }
.EuroMatchDetails .matchDetailsTabs .timeline.minbyminCnts .cnts ul li .goalDtls .team { float: right; height: 30px; margin-left: 10px; margin-top: 15px; }
.EuroMatchDetails .matchDetailsTabs .timeline.minbyminCnts .cnts ul li .goalDtls .team img { height: 100% }
.EuroMatchDetails .matchDetailsTabs .timeline.minbyminCnts .cnts ul li .goalDtls .player .name { width: auto }
.EuroMatchDetails .matchDetailsTabs .timeline.minbyminCnts .cnts ul li .goalDtls .player .name p { position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: auto; margin: 0; padding: 0 }
.EuroMatchDetails .matchDetailsTabs .timeline.minbyminCnts .cnts ul li .goalDtls .player .image { float: left; width: 60px; height: 60px; border-radius: 6px; overflow: hidden; margin-left: 0; max-width: 100% }
.EuroMatchDetails .matchDetailsTabs .timeline.minbyminCnts .cnts ul li .goalDtls .player .image img { width: 100%; height: auto; max-width: 100% }
.EuroMatchDetails .matchDetailsTabs .timeline.minbyminCnts .cnts ul li .goalDtls .player .name a { font-size: 14px; font-family: droidLight,Arial; color: #000; margin-top: 15px; line-height: 2 }
.EuroMatchDetails .matchDetailsTabs .timeline.minbyminCnts .cnts ul li .goalDtls .teamResult { position: absolute; top: 15px; left: 50%; transform: translateX(-50%); width: 330px; }
.EuroMatchDetails .matchDetailsTabs .timeline.minbyminCnts .cnts ul li .goalDtls .teamResult .teamA,
.EuroMatchDetails .matchDetailsTabs .timeline.minbyminCnts .cnts ul li .goalDtls .teamResult .teamB { display: inline-block; width: 130px }
.EuroMatchDetails .matchDetailsTabs .timeline.minbyminCnts .cnts ul li .goalDtls .teamResult .teamA { float: right }
.EuroMatchDetails .matchDetailsTabs .timeline.minbyminCnts .cnts ul li .goalDtls .teamResult .teamB { float: left }
.EuroMatchDetails .matchDetailsTabs .timeline.minbyminCnts .cnts ul li .goalDtls .teamResult p { display: inline-block; float: right; width: 100%; font-family: droidLight,Arial; font-size: 13px; line-height: 1.8; color: #fff; padding: 0 }
.EuroMatchDetails .matchDetailsTabs .timeline.minbyminCnts .cnts ul li .goalDtls .teamResult .teamA p { text-align: left }
.EuroMatchDetails .matchDetailsTabs .timeline.minbyminCnts .cnts ul li .goalDtls .teamResult .teamB p { text-align: right }
.EuroMatchDetails .matchDetailsTabs .timeline.minbyminCnts .cnts ul li .goalDtls .teamResult .result { display: inline-block; float: right; width: 70px; padding: 0 16px }
.EuroMatchDetails .matchDetailsTabs .timeline.minbyminCnts .cnts ul li .goalDtls .teamResult .result span { color: #fff; font-size: 16px; font-family: CenturyGothicLight,arial; font-weight: bold; text-align: center; float: right; }
.EuroMatchDetails .matchDetailsTabs .timeline.minbyminCnts .cnts ul li .goalDtls .teamResult .result span.a { float: right; }
.EuroMatchDetails .matchDetailsTabs .timeline.minbyminCnts .cnts ul li .goalDtls .teamResult .result span.b { float: left; }
.EuroMatchDetails .matchDetailsTabs .timeline.minbyminCnts .cnts ul li .goalDtls .teamResult .result span.a:after { content: "-"; position: absolute; left: 50%; transform: translateX(-50%); }
.EuroMatchDetails .matchDetailsTabs .timeline.minbyminCnts .cnts ul li.MatchHalf { background: #333 }
.EuroMatchDetails .matchDetailsTabs .timeline.minbyminCnts .cnts ul li.MatchHalf p { color: #fff; text-align: center }
.EuroMatchDetails .matchDetailsTabs .timeline.minbyminCnts .cnts ul li.MatchHalf .min { background: #333; color: #fff !important; text-align: center; height: 220px; padding-top: 108px; border-bottom: 1px solid #5a5a5a; font-size: 15px; font-weight: normal; }
.EuroMatchDetails .matchDetailsTabs .timeline.minbyminCnts .cnts ul li.MatchHalf .min .comment { color: #fff; width: 100%; right: 0; text-align: center; font-size: 15px; top: 84px }
.EuroMatchDetails .matchDetailsTabs .timeline.minbyminCnts .cnts ul li.MatchHalf .min:after { content: "U"; background: none; background-size: unset; font-size: 26px; color: #fff; line-height: 1; top: 30px; left: 50%; right: auto; transform: translateX(-50%); }
.EuroMatchDetails .matchDetailsTabs .timeline.minbyminCnts .cnts ul li.referee.MatchHalf .min:after { background: none }
.EuroMatchDetails .matchDetailsTabs .timeline.minbyminCnts .cnts ul li .halfDetails { width: 100%; text-align: right; float: right; display: inline-block; background: none; position: relative }
.EuroMatchDetails .matchDetailsTabs .timeline.minbyminCnts .cnts ul li .halfDetails .teamResult { position: absolute; top: -64px; left: 50%; transform: translateX(-50%); width: 100% }
.EuroMatchDetails .matchDetailsTabs .timeline.minbyminCnts .cnts ul li .halfDetails .teamResult .teamA,
.EuroMatchDetails .matchDetailsTabs .timeline.minbyminCnts .cnts ul li .halfDetails .teamResult .teamB { display: inline-block; width: calc((100% - 90px) / 2); float: right }
.EuroMatchDetails .matchDetailsTabs .timeline.minbyminCnts .cnts ul li .halfDetails .teamResult .teamA img { float: left; margin-right: 10px; width: auto; height: 40px; }
.EuroMatchDetails .matchDetailsTabs .timeline.minbyminCnts .cnts ul li .halfDetails .teamResult .teamB img { float: right; margin-left: 10px; width: auto; height: 40px; }
.EuroMatchDetails .matchDetailsTabs .timeline.minbyminCnts .cnts ul li .halfDetails .teamResult p { display: inline-block; width: auto; font-family: droidLight,Arial; font-size: 13px; line-height: 1.6; color: #fff; padding: 0; line-height: 3 }
.EuroMatchDetails .matchDetailsTabs .timeline.minbyminCnts .cnts ul li .halfDetails .teamResult .teamA p { text-align: left; float: left }
.EuroMatchDetails .matchDetailsTabs .timeline.minbyminCnts .cnts ul li .halfDetails .teamResult .teamB p { text-align: right; float: right }
.EuroMatchDetails .matchDetailsTabs .timeline.minbyminCnts .cnts ul li .halfDetails .teamResult .result { display: inline-block; float: right; width: 90px; padding: 0 24px; line-height: 2.4; }
.EuroMatchDetails .matchDetailsTabs .timeline.minbyminCnts .cnts ul li .halfDetails .teamResult .result span { color: #fff; font-size: 16px; font-family: CenturyGothicLight,arial; font-weight: bold; text-align: center; float: right; }
.EuroMatchDetails .matchDetailsTabs .timeline.minbyminCnts .cnts ul li .halfDetails .teamResult .result span.a { float: right; }
.EuroMatchDetails .matchDetailsTabs .timeline.minbyminCnts .cnts ul li .halfDetails .teamResult .result span.b { float: left; }
.EuroMatchDetails .matchDetailsTabs .timeline.minbyminCnts .cnts ul li .halfDetails .teamResult .result span.a:after { content: "-"; position: absolute; left: 50%; transform: translateX(-50%); }
.EuroMatchDetails .matchDetailsTabs .timeline.minbyminCnts .cnts ul li.MatchHalf.Half5End .min { height: 190px }
.EuroMatchDetails .matchDetailsTabs .timeline.minbyminCnts .cnts ul li.MatchHalf.Half5End .min .minNumber { display: none }
.EuroMatchDetails .matchDetailsTabs .timeline.minbyminCnts .cnts ul li.MatchHalf.handball .min { height: 150px }
.EuroMatchDetails .matchDetailsTabs .timeline.minbyminCnts .cnts ul li.handball .halfDetails .teamResult { display: none }
/*.EuroMatchDetails .matchDetailsTabs .timeline.minbyminCnts .cnts ul li .halfDetails .description{display:none}*/
.EuroMatchDetails .matchDetailsTabs .timeline.minbyminCnts .cnts ul li .subDtls { background: #fff }
.EuroMatchDetails .matchDetailsTabs .timeline.minbyminCnts .cnts ul li .subDtls .player { width: 100%; margin-left: 0; padding-right: 30px; position: relative; margin-bottom: 20px }
.EuroMatchDetails .matchDetailsTabs .timeline.minbyminCnts .cnts ul li .subDtls .player:last-of-type { margin-bottom: 0 }
.EuroMatchDetails .matchDetailsTabs .timeline.minbyminCnts .cnts ul li .subDtls .team { float: right; height: 30px; margin-left: 10px; margin-top: 15px; }
.EuroMatchDetails .matchDetailsTabs .timeline.minbyminCnts .cnts ul li .subDtls .team img { height: 100% }
.EuroMatchDetails .matchDetailsTabs .timeline.minbyminCnts .cnts ul li .subDtls .player .name { width: auto }
.EuroMatchDetails .matchDetailsTabs .timeline.minbyminCnts .cnts ul li .subDtls .player .name p { position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 18px; height: 18px; margin: 0; padding: 0 }
.EuroMatchDetails .matchDetailsTabs .timeline.minbyminCnts .cnts ul li .subDtls .player .image { float: left; width: 60px; height: 60px; border-radius: 6px; overflow: hidden; margin-left: 0; max-width: 100% }
.EuroMatchDetails .matchDetailsTabs .timeline.minbyminCnts .cnts ul li .subDtls .player .image img { width: 100%; height: auto; max-width: 100% }
.EuroMatchDetails .matchDetailsTabs .timeline.minbyminCnts .cnts ul li .subDtls .player .name a { font-size: 14px; font-family: droidLight,Arial; color: #000; margin-top: 15px; line-height: 2 }
.EuroMatchDetails .matchDetailsTabs .timeline.minbyminCnts .cnts ul li.goal .min:after { background: url(../../Images/ball.svg?ref=1.5) center center no-repeat; background-size: 22px; }
.EuroMatchDetails .matchDetailsTabs .timeline.minbyminCnts .cnts ul li.owngoal .min:after { background: url(../../Images/ownGoal1.svg?ref=1.5) center center no-repeat; background-size: 26px; }
.EuroMatchDetails .matchDetailsTabs .timeline.minbyminCnts .cnts ul li.sub .min:after { background: url(../../Images/sub.svg?ref=1.5) center center no-repeat; background-size: 18px; }
.EuroMatchDetails .matchDetailsTabs .timeline.minbyminCnts .cnts ul li .subDtls .player .name .subOut:before { width: 18px; height: 18px; background: url(../../Images/subOut.svg?ref=1.5) center center no-repeat; background-size: 18px auto; }
.EuroMatchDetails .matchDetailsTabs .timeline.minbyminCnts .cnts ul li .subDtls .player .name .subIn:before { width: 18px; height: 18px; background: url(../../Images/subIn.svg?ref=1.5) center center no-repeat; background-size: 18px auto; }
.EuroMatchDetails .matchDetailsTabs .timeline.minbyminCnts .cnts ul li.referee .min:after { background: url(../../Images/referee.svg?ref=1.5) center center no-repeat; background-size: 22px; }
.EuroMatchDetails .matchDetailsTabs .timeline.minbyminCnts .cnts ul li.yellowCard .min:after { background: url(../../Images/yellowCard.svg?ref=1.5) center center no-repeat; background-size: 22px; }
.EuroMatchDetails .matchDetailsTabs .timeline.minbyminCnts .cnts ul li.redCard .min:after { background: url(../../Images/redCard.svg?ref=1.5) center center no-repeat; background-size: 22px; }
.EuroMatchDetails .matchDetailsTabs .timeline a:hover { color: #0277BD }
.EuroMatchDetails .twitter-tweet { width: 500px !important; margin: 0 calc((100% - 500px) / 2); max-width: 500px !important }
.EuroMatchDetails .jspTrack { background: #efefef; position: relative; border-left: 1px solid #aaa; padding: 0 2px }
.EuroMatchDetails .jspDrag { background: #535353; position: relative; top: 0; left: 0; width: 10px; cursor: pointer; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }
.EuroMatchDetails .jspHorizontalBar .jspTrack,
.EuroMatchDetails .jspHorizontalBar .jspDrag { float: left; height: 100%; }
.EuroMatchDetails .jspArrow { background: #50506d; text-indent: -20000px; display: block; cursor: pointer; }
.EuroMatchDetails .jspArrow.jspDisabled { cursor: default; background: #80808d; }
.EuroMatchDetails .jspVerticalBar .jspArrow { height: 16px; }
.EuroMatchDetails .jspHorizontalBar .jspArrow { width: 16px; float: left; height: 100%; }
.EuroMatchDetails .jspVerticalBar .jspArrow:focus { outline: none; }
.EuroMatchDetails .jspCorner { background: #eeeef4; float: left; height: 100%; }
/*** Penalty ***/
.EuroMatchDetails .matchDetailsTabs .timeline.minbyminCnts .cnts ul li.penalty .statsDiv { display: inline-block; float: right; width: 100%; margin: 0; background: #fff; border-radius: 6px; overflow: hidden }
.EuroMatchDetails .matchDetailsTabs .timeline.minbyminCnts .cnts ul li.penalty .statsTtl { display: inline-block; float: right; width: 100%; padding: 10px 20px; border-bottom: 1px solid #dadada; }
.EuroMatchDetails .matchDetailsTabs .timeline.minbyminCnts .cnts ul li.penalty .statsTtl.footer { border-bottom: none; border-top: 1px solid #dadada; }
.EuroMatchDetails .matchDetailsTabs .timeline.minbyminCnts .cnts ul li.penalty h3 { float: right; background: #fff; font-family: droidBold, Arial; font-size: 15px; text-align: center; line-height: 2; padding: 0; width: calc(100% - 60px) }
.EuroMatchDetails .matchDetailsTabs .timeline.minbyminCnts .cnts ul li.penalty .statsTtl.footer h3 { font-family: droidLight, Arial; font-size: 13px; width: 100% }
.EuroMatchDetails .matchDetailsTabs .timeline.minbyminCnts .cnts ul li.penalty .team { display: inline-block; width: 30px; height: 30px }
.EuroMatchDetails .matchDetailsTabs .timeline.minbyminCnts .cnts ul li.penalty .team img { width: 30px }
.EuroMatchDetails .matchDetailsTabs .timeline.minbyminCnts .cnts ul li.penalty .team.teamA { float: right }
.EuroMatchDetails .matchDetailsTabs .timeline.minbyminCnts .cnts ul li.penalty .team.teamB { float: left }
.EuroMatchDetails .matchDetailsTabs .timeline.minbyminCnts .cnts ul li.penalty ul { display: inline-block; width: 100%; position: relative; padding: 10px 20px }
.EuroMatchDetails .matchDetailsTabs .timeline.minbyminCnts .cnts ul li.penalty ul:before { right: 50%; margin-right: -1px; top: 30px; width: 2px; height: calc(100% - 60px); background-color: #e2e3e4; bottom: 0; content: ""; display: block; position: absolute; z-index: 2; }
.EuroMatchDetails .matchDetailsTabs .timeline.minbyminCnts .cnts ul li.penalty ul li { width: 50%; margin-bottom: 0; background: none; padding: 0; border-radius: 0; z-index: 2; margin: 16px 0; overflow: visible; }
.EuroMatchDetails .matchDetailsTabs .timeline.minbyminCnts .cnts ul li.penalty ul li.teamAcont { float: right }
.EuroMatchDetails .matchDetailsTabs .timeline.minbyminCnts .cnts ul li.penalty ul li.teamBcont { float: left }
.EuroMatchDetails .matchDetailsTabs .timeline.minbyminCnts .cnts ul li.penalty ul li .team { display: inline-block; width: calc(100% - 30px); height: 30px; text-align: center; font-size: 16px; font-family: CenturyGothicLight,arial; color: #000; line-height: 1.8; }
.EuroMatchDetails .matchDetailsTabs .timeline.minbyminCnts .cnts ul li.penalty ul li .teamA { float: right }
.EuroMatchDetails .matchDetailsTabs .timeline.minbyminCnts .cnts ul li.penalty ul li .teamB { float: left }
.EuroMatchDetails .matchDetailsTabs .timeline.minbyminCnts .cnts ul li.penalty ul li .penaltyNumber { position: absolute; top: 50%; transform: translateY(-50%); width: 26px; height: 26px; border: 1px solid #e2e3e4; background: #fff; border-radius: 50%; text-align: center; color: #aaa; font-family: CenturyGothicLight; font-weight: bold; line-height: 2; font-size: 12px }
.EuroMatchDetails .matchDetailsTabs .timeline.minbyminCnts .cnts ul li.penalty ul li.teamAcont .penaltyNumber { left: -13px; }
.EuroMatchDetails .matchDetailsTabs .timeline.minbyminCnts .cnts ul li.penalty ul li.teamBcont .penaltyNumber { right: -13px; }
.EuroMatchDetails .matchDetailsTabs .timeline.minbyminCnts .cnts ul li.penalty ul li .imgCntnr { float: right; display: inline-block; width: 30px; height: 30px; border-radius: 4px; overflow: hidden; margin-left: 0; max-width: 100%; }
.EuroMatchDetails .matchDetailsTabs .timeline.minbyminCnts .cnts ul li.penalty ul li .imgCntnr img { width: 100%; height: auto; max-width: 100%; }
.EuroMatchDetails .matchDetailsTabs .timeline.minbyminCnts .cnts ul li.penalty ul li .data { display: inline-block; float: right; width: calc(100% - 30px); position: relative }
.EuroMatchDetails .matchDetailsTabs .timeline.minbyminCnts .cnts ul li.penalty ul li .data p { display: inline-block; width: calc(100% - 34px); float: right; padding: 0; font-size: 12px; line-height: 1.2; text-align: right; font-family: droidLight, arial; margin: -2px 0 6px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.EuroMatchDetails .matchDetailsTabs .timeline.minbyminCnts .cnts ul li.penalty ul li .data span { display: inline-block; width: calc(100% - 34px); float: right; padding: 0; font-size: 11px; line-height: 1; text-align: right; font-family: CenturyGothicLight, Arial; font-weight: bold; color: #a5a5a5 }
.EuroMatchDetails .matchDetailsTabs .timeline.minbyminCnts .cnts ul li.penalty ul li .data .penaltyStatus { position: absolute; top: 50%; transform: translateY(-50%); width: 16px; height: 16px }
.EuroMatchDetails .matchDetailsTabs .timeline.minbyminCnts .cnts ul li.penalty ul li .teamA .data .penaltyStatus { left: 0 }
.EuroMatchDetails .matchDetailsTabs .timeline.minbyminCnts .cnts ul li.penalty ul li .teamB .data .penaltyStatus { right: 0 }
.EuroMatchDetails .matchDetailsTabs .timeline.minbyminCnts .cnts ul li.penalty ul li .data .penaltyStatus.in:before { content: ""; display: inline-block; float: right; width: 16px; height: 16px; background: url(../../Images/pIn.svg); background-size: 16px auto }
.EuroMatchDetails .matchDetailsTabs .timeline.minbyminCnts .cnts ul li.penalty ul li .data .penaltyStatus.out:before { content: ""; display: inline-block; float: right; width: 16px; height: 16px; background: url(../../Images/pOut.svg); background-size: 16px auto }
.EuroMatchDetails .matchDetailsTabs .timeline.minbyminCnts .cnts ul li.penalty ul li .teamA .imgCntnr { float: right; }
.EuroMatchDetails .matchDetailsTabs .timeline.minbyminCnts .cnts ul li.penalty ul li .teamB .imgCntnr { float: left; }
.EuroMatchDetails .matchDetailsTabs .timeline.minbyminCnts .cnts ul li.penalty ul li .teamA .data { float: right; padding-right: 10px; }
.EuroMatchDetails .matchDetailsTabs .timeline.minbyminCnts .cnts ul li.penalty ul li .teamA .data p { text-align: right }
.EuroMatchDetails .matchDetailsTabs .timeline.minbyminCnts .cnts ul li.penalty ul li .teamA .data span { float: right }
.EuroMatchDetails .matchDetailsTabs .timeline.minbyminCnts .cnts ul li.penalty ul li .teamB .data { float: left; padding-left: 10px; }
.EuroMatchDetails .matchDetailsTabs .timeline.minbyminCnts .cnts ul li.penalty ul li .teamB .data p { text-align: left; float: left }
.EuroMatchDetails .matchDetailsTabs .timeline.minbyminCnts .cnts ul li.penalty ul li .teamB .data span { text-align: left; float: left }
.EuroMatchDetails .matchDetailsTabs .timeline.minbyminCnts .cnts ul li.penalty span.in { background: #38a163 !important; color: rgba(255,255,255,0.6) !important }
.EuroMatchDetails .matchDetailsTabs .timeline.minbyminCnts .cnts ul li.penalty span.out { background: #ff2f20 !important; color: rgba(255,255,255,0.6) !important }
/*** Stats ***/
.EuroMatchDetails .matchDetailsTabs .timeline.stats .cnts .statsDiv { margin: 0; background: #fff; border-radius: 6px; overflow: hidden }
.EuroMatchDetails .matchDetailsTabs .timeline.stats .cnts .statsTtl { display: inline-block; float: right; width: 100%; padding: 10px 20px; border-bottom: 1px solid #dadada; }
.EuroMatchDetails .matchDetailsTabs .timeline.stats .cnts h3 { float: right; background: #fff; font-family: droidBold, Arial; font-size: 15px; line-height: 2; padding: 0; width: calc(100% - 60px) }
.EuroMatchDetails .matchDetailsTabs .timeline.stats .cnts .team { display: inline-block; width: 30px; height: 30px }
.EuroMatchDetails .matchDetailsTabs .timeline.stats .cnts .team img { width: 30px }
.EuroMatchDetails .matchDetailsTabs .timeline.stats .cnts .team.teamA { float: right }
.EuroMatchDetails .matchDetailsTabs .timeline.stats .cnts .team.teamB { float: left }
.EuroMatchDetails .matchDetailsTabs .timeline.stats .cnts ul { padding: 10px 20px }
.EuroMatchDetails .matchDetailsTabs .timeline.stats .cnts ul li { margin-bottom: 0; background: #fff; padding: 10px 0 0 }
.EuroMatchDetails .matchDetailsTabs .timeline.stats .cnts ul li .team { display: inline-block; width: 30px; height: 30px; text-align: center; font-size: 16px; font-family: CenturyGothicLight,arial; font-weight: bold; color: #000; line-height: 1.8; }
.EuroMatchDetails .matchDetailsTabs .timeline.stats .cnts ul li .teamA { float: right }
.EuroMatchDetails .matchDetailsTabs .timeline.stats .cnts ul li .teamB { float: left }
.EuroMatchDetails .matchDetailsTabs .timeline.stats .cnts ul li .desc { display: inline-block; float: right; width: calc(100% - 60px); font-size: 13px; line-height: 2.3; }
/*** Events ***/
.EuroMatchDetails .matchDetailsTabs .timeline.events { background: #fff; border-radius: 6px; overflow: hidden; }
.EuroMatchDetails .matchDetailsTabs .timeline.events .cnts .eventsTtl { display: inline-block; float: right; width: 100%; padding: 10px 20px; border-bottom: 1px solid #dadada; }
.EuroMatchDetails .matchDetailsTabs .timeline.events .cnts h3 { display: inline-block; float: right; background: #fff; font-family: droidBold, Arial; font-size: 15px; line-height: 2; padding: 0; width: calc(100% - 60px); text-align: center }
.EuroMatchDetails .matchDetailsTabs .timeline.events .cnts .team { display: inline-block; width: 30px; height: 30px }
.EuroMatchDetails .matchDetailsTabs .timeline.events .cnts .team img { width: 30px }
.EuroMatchDetails .matchDetailsTabs .timeline.events .cnts .team.teamA { float: right }
.EuroMatchDetails .matchDetailsTabs .timeline.events .cnts .team.teamB { float: left }
.EuroMatchDetails .matchDetailsTabs .timeline.events .cnts ul { padding: 30px 0; }
.EuroMatchDetails .matchDetailsTabs .timeline.events .cnts ul:before { top: 30px; height: calc(100% - 60px); }
.EuroMatchDetails .matchDetailsTabs .timeline.events .cnts ul li { padding: 30px 0 }
.EuroMatchDetails .matchDetailsTabs .timeline.events .cnts ul li .min { width: 30px; height: 30px; border: 1px solid #CCCCCC; border-radius: 50%; right: auto; left: 50%; transform: translateX(-50%); line-height: 2; padding-left: 1px; font-family: CenturyGothicLight, Arial; font-weight: bold; font-size: 14px; overflow: hidden; top: 30px }
.EuroMatchDetails .matchDetailsTabs .timeline.events .cnts ul li:first-child .min { top: 0 }
.EuroMatchDetails .matchDetailsTabs .timeline.events .cnts ul li .min:after { display: none; content: ""; position: absolute; top: 0; left: 0; height: 30px; width: 30px; z-index: 1; border-radius: 50%; transform: none; margin-left: 0 }
.EuroMatchDetails .matchDetailsTabs .timeline.events .cnts ul li p { background: none; font-size: 13px; }
.EuroMatchDetails .matchDetailsTabs .timeline.events .cnts ul li.right p { padding: 0; line-height: 2.2 }
.EuroMatchDetails .matchDetailsTabs .timeline.events .cnts ul li.left p { padding: 0; line-height: 2.2 }
.EuroMatchDetails .matchDetailsTabs .timeline.events .cnts ul li.sub p span { margin-bottom: 0; line-height: 2.6 }
.EuroMatchDetails .matchDetailsTabs .timeline.events .cnts ul li.sub p span:before { display: inline-block; position: relative; top: 0; right: 0; left: 0; bottom: 0; margin-top: 8px; }
.EuroMatchDetails .matchDetailsTabs .timeline.events .cnts ul li.left.sub p span:before { float: right; margin-left: 10px }
.EuroMatchDetails .matchDetailsTabs .timeline.events .cnts ul li.right.sub p span:before { float: left; margin-right: 10px; transform: rotate(180deg); }
.EuroMatchDetails .matchDetailsTabs .timeline.events .cnts ul li.goal.right p span:after { content: ""; display: inline-block; height: 30px; width: 22px; background: url(../../Images/ball.svg?ref=1.5) center center no-repeat #fff; background-size: 22px auto; float: left; margin-right: 10px }
.EuroMatchDetails .matchDetailsTabs .timeline.events .cnts ul li.goal.left p span:after { content: ""; display: inline-block; height: 30px; width: 22px; background: url(../../Images/ball.svg?ref=1.5) center center no-repeat #fff; background-size: 22px auto; float: right; margin-left: 10px }
.EuroMatchDetails .matchDetailsTabs .timeline.events .cnts ul li.owngoal.right p span:after { content: ""; display: inline-block; height: 30px; width: 28px; background: url(../../Images/ownGoal1.svg?ref=1.5) center center no-repeat #fff; background-size: 28px auto; float: left; margin-right: 10px }
.EuroMatchDetails .matchDetailsTabs .timeline.events .cnts ul li.owngoal.left p span:after { content: ""; display: inline-block; height: 30px; width: 28px; background: url(../../Images/ownGoal1.svg?ref=1.5) center center no-repeat #fff; background-size: 28px auto; float: right; margin-left: 10px }
.EuroMatchDetails .matchDetailsTabs .timeline.events .cnts ul li.yellowCard.right p span:after { content: ""; display: inline-block; height: 30px; width: 30px; background: url(../../Images/yellowCard.svg?ref=1.5) center center no-repeat #fff; background-size: 18px; float: left; margin-right: 10px }
.EuroMatchDetails .matchDetailsTabs .timeline.events .cnts ul li.yellowCard.left p span:after { content: ""; display: inline-block; height: 30px; width: 30px; background: url(../../Images/yellowCard.svg?ref=1.5) center center no-repeat #fff; background-size: 18px; float: right; margin-left: 10px }
.EuroMatchDetails .matchDetailsTabs .timeline.events .cnts ul li.redCard.right p span:after { content: ""; display: inline-block; height: 30px; width: 30px; background: url(../../Images/redCard.svg?ref=1.5) center center no-repeat #fff; background-size: 18px; float: left; margin-right: 10px }
.EuroMatchDetails .matchDetailsTabs .timeline.events .cnts ul li.redCard.left p span:after { content: ""; display: inline-block; height: 30px; width: 30px; background: url(../../Images/redCard.svg?ref=1.5) center center no-repeat #fff; background-size: 18px; float: right; margin-left: 10px }
.EuroMatchDetails .matchDetailsTabs .timeline.events .cnts ul li.sub p .subIn:before { width: 18px; height: 18px; background: url(../../Images/subIn.svg?ref=1.5) center center no-repeat; background-size: 18px auto; }
.EuroMatchDetails .matchDetailsTabs .timeline.events .cnts ul li.sub p .subOut:before { width: 18px; height: 18px; background: url(../../Images/subOut.svg?ref=1.5) center center no-repeat; background-size: 18px auto; }
.EuroMatchDetails .matchDetailsTabs .timeline.events .cnts ul li.referee .min:after { background: url(../../Images/referee.svg?ref=1.5) center center no-repeat #fff; background-size: 22px; }
.EuroMatchDetails .matchDetailsTabs .timeline.events .cnts ul li.referee .min:after { display: inline-block }
/*** Formation ***/
.EuroMatchDetails .matchDetailsTabs .timeline.squad .formationDtls { display: inline-block; float: right; width: 100%; background: #fff; border-radius: 6px; overflow: hidden; margin-bottom: 30px }
.EuroMatchDetails .matchDetailsTabs .timeline.squad .cnts .squadTtl { display: inline-block; float: right; width: 100%; padding: 10px 20px; }
.EuroMatchDetails .matchDetailsTabs .timeline.squad .cnts .team { display: inline-block; width: 100%; height: 30px; padding: 0; }
.EuroMatchDetails .matchDetailsTabs .timeline.squad .cnts .team img { display: inline-block; float: right; width: 30px; margin-left: 10px }
.EuroMatchDetails .matchDetailsTabs .timeline.squad .cnts .team p { display: inline-block; float: right; font-family: droidBold, Arial; font-size: 13px; color: #000; line-height: 2.4 }
.EuroMatchDetails .matchDetailsTabs .timeline.squad .cnts .team .formName { width: auto; line-height: 2; font-family: CenturyGothicLight, Arial; font-size: 16px; font-weight: bold; float: left }
.EuroMatchDetails .matchDetailsTabs .timeline.squad .cnts .team.teamA { float: right }
.EuroMatchDetails .matchDetailsTabs .timeline.squad .cnts .team a { float: right }
.EuroMatchDetails .matchDetailsTabs .timeline.squad .formation { width: 100%; padding-bottom: calc(146.66% - 10px); margin-top: 0; background: url(../../Images/footballField.svg?ref=1.5) center center no-repeat; background-size: 100%; }
.EuroMatchDetails .matchDetailsTabs .timeline.squad .formation .teamA { top: 34px }
.EuroMatchDetails .matchDetailsTabs .timeline.squad .formation .teamB { bottom: 34px }
.EuroMatchDetails .matchDetailsTabs .timeline.squad .formation .teamA, .EuroMatchDetails .matchDetailsTabs .timeline.squad .formation .teamB { width: calc(100% - 20px); height: calc((100% / 2) - 34px); margin: 0 }
.EuroMatchDetails .matchDetailsTabs .timeline.squad .formation .teamBG { display: none }
.EuroMatchDetails .matchDetailsTabs .timeline.squad .formation .player { width: 38px; height: 38px }
.EuroMatchDetails .matchDetailsTabs .timeline.squad .formation .icon-player:before { content: ""; width: 34px; height: 34px; border: 2px solid #fff; border-radius: 50% }
.EuroMatchDetails .matchDetailsTabs .timeline.squad .formation .icon-player:after { width: 100%; height: 10px; top: 32px; filter: none; border-radius: 50%; opacity: 0.2; }
.EuroMatchDetails .matchDetailsTabs .timeline.squad .formation .icon-player .number { z-index: 2; font-family: CenturyGothicLight, Arial; font-size: 14px; font-weight: bold; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); margin-top: 0; }
.EuroMatchDetails .matchDetailsTabs .timeline.squad .formation .teamA .icon-player:before { background: #b2b2b2 }
.EuroMatchDetails .matchDetailsTabs .timeline.squad .formation .teamB .icon-player:before { background: #000 }
.EuroMatchDetails .matchDetailsTabs .timeline.squad .formation .teamA.black .icon-player:before { background: #000 }
.EuroMatchDetails .matchDetailsTabs .timeline.squad .formation .teamA.white .icon-player:before { background: #b2b2b2 }
.EuroMatchDetails .matchDetailsTabs .timeline.squad .formation .teamA.lightblue .icon-player:before { background: #40c4ff }
.EuroMatchDetails .matchDetailsTabs .timeline.squad .formation .teamA.red .icon-player:before { background: #ff1a3b }
.EuroMatchDetails .matchDetailsTabs .timeline.squad .formation .teamA.blue .icon-player:before { background: #304ffe }
.EuroMatchDetails .matchDetailsTabs .timeline.squad .formation .teamA.orange .icon-player:before { background: #ff8f00 }
.EuroMatchDetails .matchDetailsTabs .timeline.squad .formation .teamA.yellow .icon-player:before { background: #ffd600 }
.EuroMatchDetails .matchDetailsTabs .timeline.squad .formation .teamA.green .icon-player:before { background: #00c853 }
.EuroMatchDetails .matchDetailsTabs .timeline.squad .formation .teamA.purple .icon-player:before { background: #623393 }
.EuroMatchDetails .matchDetailsTabs .timeline.squad .formation .teamB.black .icon-player:before { background: #000 }
.EuroMatchDetails .matchDetailsTabs .timeline.squad .formation .teamB.white .icon-player:before { background: #b2b2b2 }
.EuroMatchDetails .matchDetailsTabs .timeline.squad .formation .teamB.lightblue .icon-player:before { background: #40c4ff }
.EuroMatchDetails .matchDetailsTabs .timeline.squad .formation .teamB.red .icon-player:before { background: #ff1a3b }
.EuroMatchDetails .matchDetailsTabs .timeline.squad .formation .teamB.blue .icon-player:before { background: #304ffe }
.EuroMatchDetails .matchDetailsTabs .timeline.squad .formation .teamB.orange .icon-player:before { background: #ff8f00 }
.EuroMatchDetails .matchDetailsTabs .timeline.squad .formation .teamB.yellow .icon-player:before { background: #ffd600 }
.EuroMatchDetails .matchDetailsTabs .timeline.squad .formation .teamB.green .icon-player:before { background: #00c853 }
.EuroMatchDetails .matchDetailsTabs .timeline.squad .formation .teamB.purple .icon-player:before { background: #623393 }
.EuroMatchDetails .matchDetailsTabs .timeline.squad .formation .player .playerName { z-index: 2; font-family: droidLight, Arial; color: #fff; font-size: 12px; text-align: center; line-height: 1.4; width: 120px; position: absolute; top: calc(100% + 6px); margin-top: 0; left: 50%; transform: translateX(-50%); }
.EuroMatchDetails .matchDetailsTabs .timeline.squad .formation .player span { position: absolute; z-index: 2; width: 16px; height: 16px }
.EuroMatchDetails .matchDetailsTabs .timeline.squad .formation .player span:before { width: 16px; height: 16px; content: ""; display: inline-block; }
.EuroMatchDetails .matchDetailsTabs .timeline.squad .formation .player span .numGoal { width: 16px; height: 16px; bottom: -6px; right: -6px; border: 1px solid #000; background: #fff; border-radius: 50%; text-align: center; font-family: CenturyGothicLight, Arial; font-weight: bold; font-size: 11px; color: #000; }
.EuroMatchDetails .matchDetailsTabs .timeline.squad .formation .player span .numGoal:before { display: none }
.EuroMatchDetails .matchDetailsTabs .timeline.squad .formation .player span.yellowCard { top: -4px; right: -4px }
.EuroMatchDetails .matchDetailsTabs .timeline.squad .formation .player span.yellowCard:before { background: url(../../Images/yellowCard.svg?ref=1.5) center center no-repeat; background-size: auto 100%; }
.EuroMatchDetails .matchDetailsTabs .timeline.squad .formation .player span.goal { bottom: -4px; left: -4px; width: 18px; height: 18px; }
.EuroMatchDetails .matchDetailsTabs .timeline.squad .formation .player span.goal:before { background: url(../../Images/ball.svg?ref=1.5) center center no-repeat; background-size: auto 100%; width: 18px; height: 18px; }
.EuroMatchDetails .matchDetailsTabs .timeline.squad .formation .player span.owngoal { /*background:#fff;border-radius:50%;*/ top: -8px; left: -4px; width: 24px; height: 24px; }
.EuroMatchDetails .matchDetailsTabs .timeline.squad .formation .player span.owngoal:before { background: url(../../Images/ownGoal1.svg?ref=1.5) center center no-repeat; background-size: auto 100%; width: 24px; height: 24px; opacity: 1; }
/*.EuroMatchDetails .matchDetailsTabs .timeline.squad .formation .player span.owngoal:after{content: "OG";font-family: tahoma;font-weight: bold;font-size: 9px;line-height: 1.8;letter-spacing: 0;text-align: center;color: #000;border: 1px solid #000;width: 16px;height: 16px;position: absolute;top: -6px;right: -6px;left: 0;bottom: 0;background: #fff;border-radius: 50%;}*/
.EuroMatchDetails .matchDetailsTabs .timeline.squad .formation .player span.redCard { top: -4px; right: -4px }
.EuroMatchDetails .matchDetailsTabs .timeline.squad .formation .player span.redCard:before { background: url(../../Images/redCard.svg?ref=1.5) center center no-repeat; background-size: auto 100%; }
.EuroMatchDetails .matchDetailsTabs .timeline.squad .formation .player span.subIn { background: #fff; border-radius: 50%; right: -4px; bottom: -4px }
.EuroMatchDetails .matchDetailsTabs .timeline.squad .formation .player span.subIn:before { background: url(../../Images/subIn.svg?ref=1.5) center center no-repeat; background-size: auto 8px; transform: rotate(90deg); }
.EuroMatchDetails .matchDetailsTabs .timeline.squad .formation .player span.subOut { background: #fff; border-radius: 50%; right: -4px; bottom: -4px }
.EuroMatchDetails .matchDetailsTabs .timeline.squad .formation .player span.subOut:before { background: url(../../Images/subOut.svg?ref=1.5) center center no-repeat; background-size: auto 8px; transform: rotate(90deg); }
/** Team Squad List **/
.EuroMatchDetails .matchDetailsTabs .timeline.squad .teamSquad { display: inline-block; float: right; width: 100%; background: #fff; border-radius: 6px; overflow: hidden; margin-bottom: 30px }
.EuroMatchDetails .matchDetailsTabs .timeline.squad .teamSquad .formationTtl { display: inline-block; float: right; width: 100%; padding: 10px 20px; border-bottom: 1px solid #dadada; }
.EuroMatchDetails .matchDetailsTabs .timeline.squad .teamSquad .formationTtl h3 { display: inline-block; float: right; text-align: center; background: #fff; font-family: droidBold, Arial; font-size: 15px; line-height: 2; padding: 0; width: calc(100% - 60px) }
.EuroMatchDetails .matchDetailsTabs .timeline.squad .teamSquad .formationTtl .team { display: inline-block; width: 30px; height: 30px }
.EuroMatchDetails .matchDetailsTabs .timeline.squad .teamSquad .formationTtl .team img { width: 30px }
.EuroMatchDetails .matchDetailsTabs .timeline.squad .teamSquad .formationTtl .team.teamA { float: right }
.EuroMatchDetails .matchDetailsTabs .timeline.squad .teamSquad .formationTtl .team.teamB { float: left }
.EuroMatchDetails .matchDetailsTabs .timeline.squad .teamSquad .teamList { display: inline-block; float: right; width: 100%; padding: 10px 20px; position: relative }
.EuroMatchDetails .matchDetailsTabs .timeline.squad .teamSquad .teamList .teamA,
.EuroMatchDetails .matchDetailsTabs .timeline.squad .teamSquad .teamList .teamB { display: inline-block; float: right; width: calc((100% - 30px) / 2); margin-left: 30px; padding: 0; }
.EuroMatchDetails .matchDetailsTabs .timeline.squad .teamSquad .teamList .teamB { margin-left: 0 }
.EuroMatchDetails .matchDetailsTabs .timeline.squad .teamA .coach,
.EuroMatchDetails .matchDetailsTabs .timeline.squad .teamB .coach { font-size: 13px }
.EuroMatchDetails .matchDetailsTabs .timeline.squad .teamA .coach span,
.EuroMatchDetails .matchDetailsTabs .timeline.squad .teamB .coach span { margin-right: 0 }
.EuroMatchDetails .matchDetailsTabs .timeline.squad .teamSquad.Main .matchSquad.main ul li span { display: none }
.EuroMatchDetails .matchDetailsTabs .timeline.squad .cnts ul li { border-bottom: none; padding: 8px 0; }
.EuroMatchDetails .matchDetailsTabs .timeline.squad .teamA .matchSquad ul li span { float: right; margin-right: 10px }
.EuroMatchDetails .matchDetailsTabs .timeline.squad .teamB .matchSquad ul li span { float: left; margin-left: 10px }
.EuroMatchDetails .matchDetailsTabs .timeline.squad .teamA .matchSquad ul li span:before,
.EuroMatchDetails .matchDetailsTabs .timeline.squad .teamB .matchSquad ul li span:before,
.EuroMatchDetails .matchDetailsTabs .timeline.squad .matchSquad ul li .VoteBtn:before { width: 12px; height: 12px }
.EuroMatchDetails .matchDetailsTabs .timeline.squad .teamA .matchSquad ul li .playerNum,
.EuroMatchDetails .matchDetailsTabs .timeline.squad .teamB .matchSquad ul li .playerNum { font-family: CenturyGothicLight, Arial; font-size: 14px; font-weight: bold; text-align: center }
.EuroMatchDetails .matchDetailsTabs .timeline.squad .teamA .matchSquad ul li .playerNum { margin-left: 10px; line-height: 1.4; }
.EuroMatchDetails .matchDetailsTabs .timeline.squad .teamB .matchSquad ul li .playerNum { margin-right: 10px; line-height: 1.4; }
.EuroMatchDetails .matchDetailsTabs .timeline.squad .teamA .matchSquad ul li .playerName,
.EuroMatchDetails .matchDetailsTabs .timeline.squad .teamB .matchSquad ul li .playerName { color: #000; line-height: 1.6; }
.EuroMatchDetails .matchDetailsTabs .timeline.squad .teamA .matchSquad,
.EuroMatchDetails .matchDetailsTabs .timeline.squad .teamB .matchSquad { margin-bottom: 0 }
.EuroMatchDetails .matchDetailsTabs .timeline.squad .matchSquad ul li span.yellowCard:before { background: url(../../Images/yellowCard.svg?ref=1.5) center center no-repeat; background-size: auto 100%; }
.EuroMatchDetails .matchDetailsTabs .timeline.squad .matchSquad ul li span.goal:before { background: url(../../Images/ball.svg?ref=1.5) center center no-repeat; background-size: auto 100%; }
.EuroMatchDetails .matchDetailsTabs .timeline.squad .matchSquad ul li span.owngoal:before { background: url(../../Images/ownGoal.svg?ref=1.5) center center no-repeat; background-size: auto 100%; }
.EuroMatchDetails .matchDetailsTabs .timeline.squad .matchSquad ul li span.redCard:before { background: url(../../Images/redCard.svg?ref=1.5) center center no-repeat; background-size: auto 100%; }
.EuroMatchDetails .matchDetailsTabs .timeline.squad .matchSquad ul li span.subIn:before { background: url(../../Images/subIn.svg?ref=1.5) center center no-repeat; background-size: auto 100%; transform: rotate(90deg) }
.EuroMatchDetails .matchDetailsTabs .timeline.squad .matchSquad ul li span.subOut:before { background: url(../../Images/subOut.svg?ref=1.5) center center no-repeat; background-size: auto 100%; transform: rotate(90deg); }
/*** Man of the Match ***/
.EuroMatchDetails .ManofMatch { position: relative; top: 0; right: 0; bottom: 0; left: 0; transform: none; display: inline-block; float: right; width: 100%; height: auto; max-height: 100%; background: #fff; border-radius: 6px; overflow: hidden; margin-bottom: 30px }
.EuroMatchDetails .ManofMatch h3,
.EuroMatchDetails .ManofMatch .man-matchClip { background: none }
.EuroMatchDetails .ManofMatch h3 { padding: 10px 20px; border-bottom: 1px solid #dadada; font-size: 15px; line-height: 2 }
.EuroMatchDetails .ManofMatch .man-matchClip .man-matchImage { border-radius: 6px }
.EuroMatchDetails .ManofMatch .man-matchClip .manOfCont .man-matchData { float: right; display: inline-block }
.EuroMatchDetails .ManofMatch .man-matchClip .manOfCont .man-matchTxt,
.EuroMatchDetails .ManofMatch .man-matchClip .manOfCont .man-matchName,
.EuroMatchDetails .ManofMatch .man-matchClip .manOfCont .voting { display: inline-block; float: right; width: 100%; text-align: right }
.EuroMatchDetails .ManofMatch .man-matchClip .manOfCont .man-matchTxt { line-height: 2.4 }
.EuroMatchDetails .ManofMatch .man-matchClip .manOfCont .man-matchName { line-height: 1.4; margin: 6px 0 20px }
.EuroMatchDetails .ManofMatch .man-matchClip .manOfCont .voting { margin-top: 0 }
.EuroMatchDetails .matchDetailsTabs .timeline.manOfTheMatch .teamSquad.Sub .formationTtl h3 { width: 100% }
.EuroMatchDetails .matchDetailsTabs .timeline.manOfTheMatch .matchSquad ul li .VoteBtn { display: inline-block; cursor: pointer; width: 20px; height: 20px; margin: 0; background: url(../../Images/manMatchRadio.png?ref=0) center center no-repeat; background-size: cover; }
.EuroMatchDetails .matchDetailsTabs .timeline.manOfTheMatch .teamSquad.Main .matchSquad.main ul li span.VoteBtn { display: inline-block }
/*.EuroMatchDetails .matchDetailsTabs .timeline.manOfTheMatch .matchSquad.main ul li span.VoteBtn{display:inline-block}*/
.EuroMatchDetails .matchDetailsTabs .timeline.manOfTheMatch .teamA .matchSquad ul li .VoteBtn { float: right; margin-left: 10px; margin-right: 0 }
.EuroMatchDetails .matchDetailsTabs .timeline.manOfTheMatch .teamB .matchSquad ul li .VoteBtn { float: left; margin-right: 10px; margin-left: 0 }
.EuroMatchDetails .matchDetailsTabs .timeline.manOfTheMatch .matchSquad ul li .VoteBtn.active { background: url(../../Images/manMatchRadioChecked.png?ref=0) center center no-repeat; background-size: cover; }
.EuroMatchDetails .matchDetailsTabs .timeline.manOfTheMatch .matchSquad ul li .VoteBtn.dimmed { opacity: 0.2; pointer-events: none }
.EuroMatchDetails .matchDetailsTabs .timeline.manOfTheMatch .teamA .matchSquad ul li span:before,
.EuroMatchDetails .matchDetailsTabs .timeline.manOfTheMatch .teamB .matchSquad ul li span:before,
.EuroMatchDetails .matchDetailsTabs .timeline.manOfTheMatch .matchSquad ul li .VoteBtn:before { display: none }
.EuroMatchDetails .matchDetailsTabs .timeline.manOfTheMatch h2 { display: inline-block; float: right; width: 100%; font-family: droidLight, arial; font-size: 15px; text-align: center; padding: 10px 0; background: #535353; color: #fff; }
.EuroMatchDetails .matchDetailsTabs .timeline.manOfTheMatch .teamSquad.Main { margin-bottom: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; border-bottom: 1px solid #dadada }
.EuroMatchDetails .matchDetailsTabs .timeline.manOfTheMatch .teamSquad.Sub { border-top-left-radius: 0; border-top-right-radius: 0; }
.EuroMatchDetails .matchDetailsTabs .timeline.manOfTheMatch .bigLike { width: 250px; height: 250px }
.EuroMatchDetails .matchDetailsTabs .timeline.manOfTheMatch .bigLike .bigLike img { width: 100%; height: auto }
.EuroMatchDetails .ManofMatch .man-matchClip .manOfCont .voting { font-family: droidLight, arial }
.EuroMatchDetails .ManofMatch .man-matchClip .manOfCont .voting span { font-family: CenturyGothicLight, Arial; font-weight: bold; font-size: 18px }
.EuroMatchDetails .matchDetailsTabs .timeline .empty-tab { display: inline-block; text-align: center; font-family: droidLight, arial; font-size: 15px }
/******************** Team News ********************/
.EuroMatchDetails .teamNews .listing { width: 100%; margin-left: 0 }
.EuroMatchDetails .teamNews .listing .ttl { display: none }
.EuroMatchDetails .matchDetailsTabs .timeline.teamNews .cnts ul { min-height: unset }
.EuroMatchDetails .matchDetailsTabs .timeline.teamNews .cnts ul:before { display: none }
.EuroMatchDetails .matchDetailsTabs .timeline.teamNews .cnts ul li { width: 100%; padding: 0; margin: 0 0 30px 0; background: #fff; border: none; border-radius: 6px; overflow: hidden }
.EuroMatchDetails .matchDetailsTabs .timeline.teamNews .cnts ul li.gap { margin: 0; display: none }
.EuroMatchDetails .matchDetailsTabs .timeline.teamNews .cnts ul li .imageCntnr { position: relative; overflow: hidden; padding-bottom: calc((150px * 67)/ 100); float: right; width: 150px; margin: 0 }
.EuroMatchDetails .matchDetailsTabs .timeline.teamNews .cnts ul li .imageCntnr img { position: absolute !important; width: 100%; height: 100% !important; top: 0; right: 0; bottom: 0; left: 0 }
.EuroMatchDetails .matchDetailsTabs .timeline.teamNews .cnts ul li .desc { padding: 10px 16px; width: calc(100% - 150px); height: 100px; position: relative }
.EuroMatchDetails .matchDetailsTabs .timeline.teamNews .cnts ul li p { height: auto; max-height: 50px }
.EuroMatchDetails .matchDetailsTabs .timeline.teamNews .cnts ul li.noStats p { text-align: center }
.EuroMatchDetails .matchDetailsTabs .timeline.teamNews .cnts ul li .desc .time { position: absolute; right: 16px; bottom: 6px }
.EuroMatchDetails .matchDetailsTabs .timeline.teamNews .cnts .more { width: 150px; height: auto; padding: 6px 0; margin: 0 calc((100% - 150px) / 2); border-radius: 4px; background: #0277BD; text-align: center; }
.EuroMatchDetails .matchDetailsTabs .timeline.teamNews .cnts .more span { display: none }
.EuroMatchDetails .matchDetailsTabs .timeline.teamNews .cnts .more:hover { background: #0277BD; color: #fff }
.EuroMatchDetails .matchDetailsTabs .timeline.teamNews .showcaseDiv { margin: 0 calc((100% - 300px) / 2) 30px; position: relative !important; left: 0 !important }
.EuroMatchDetails .matchDetailsTabs .timeline.teamNews .showcaseDiv .showcase { width: 300px; height: 250px }
/******************** Euro Min By Min Sticky ********************/

@keyframes greenLight {
    0% { opacity: 0.2; }
    50% { opacity: 1 }
    100% { opacity: 0.2; }
}

@keyframes greenLightShadow {
    0% { opacity: 0.1; filter: blur(1px) }
    50% { opacity: 0.3; filter: blur(4px) }
    100% { opacity: 0.1; filter: blur(1px) }
}


/********************************* olympic ******************************/
.medal { width: 300px; height: 350px; overflow: hidden; background: #fff; position: relative; border: 1px solid #e8e8e8; float: left; border-radius: 6px }
.medal .ttl { padding: 0; border-right: 0; background: transparent; padding: 10px 10px 0; height: auto; border-bottom: 1px solid #f5f5f5 }
.medal .ttl h2 { font-size: 16px; line-height: 2.5; }
.medal .ttl .weekName { float: left; display: inline-block; margin-top: 7px; }
.medal .ttl .weekName p { display: inline-block; float: left; width: 80px; font-size: 13px; color: #B11E33; text-decoration: underline; font-family: droidLight, Arial; }
.medal .allItems { display: inline-block; width: 100%; float: right; padding: 0 10px; border-radius: 6px }
.medal .allItems.egypt { display: none }
.medal .allItems .labels { display: inline-block; width: 100%; float: right; position: relative; margin-bottom: 20px }
.medal .allItems .item { display: inline-block; float: right; color: #000; font-family: droidLight, Arial; font-size: 12px; text-align: right }
.medal .allItems .order { width: 22px; margin-left: 10px; color: transparent }
.medal .allItems .country { width: calc(100% - 127px); color: transparent }
.medal .allItems .gold { width: 25px; margin-left: 10px; color: #FFAA00 }
.medal .allItems .silver { width: 25px; margin-left: 10px; color: #8B8B8B }
.medal .allItems .bronze { width: 25px; color: #CE5200 }
.medal .allItems li { display: inline-block; width: 100%; float: right; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #AAAAAA }
.medal .allItems li:last-child { margin-bottom: 0; border-bottom: 0 }
.medal .allItems li .item { color: #000 !important; text-align: center }
.medal .allItems .item span { display: inline-block; width: 100%; color: #000; float: right; font-family: droidLight, Arial; font-size: 12px; text-align: center; }
.medal .allItems .item.country { text-align: right }
.medal .allItems .item img { display: inline-block; float: right; width: 20px; height: auto; margin-left: 5px }
.medal .allItems .item.total { display: none }
.medal .ttl h2 a:hover { color: #000 }
.medal .showMore { display: none }
.medal .allItems p.smallTitle { display: none }
.euroMain.olympic .FullWidthBK .euroHeader { background: url(../../Images/olympicBKHP.jpg) no-repeat; height: 86px; background-color: #fff }
.euroMain.olympic .FullWidthBK .euroHeader img { display: inline-block; position: absolute; right: 15px; width: 56px; height: auto; top: 50%; transform: translateY(-50%) }
.euroMain.olympic .FullWidthBK .euroHeader img.football, .euroMain.olympic .FullWidthBK .euroHeader img.handball { display: none }
.euroMain.olympic .FullWidthBK .euroHeader img.spansor { left: 20px; right: auto; width: 105px }
.euroMain.olympic .FullWidthBK .tabs { background-color: #fafafa; height: 44px; padding: 0 20px; }
.euroMain.olympic .remainContent .proNews .title a, .euroMain.olympic .remainContent .multimedia .title a { color: #B11E33 }
.euroMain.olympic .tabs a.active, .euroMain .tabs a:hover { color: #B11E33; }
.euroMain.olympic .tabs a { position: relative; height: 100%; line-height: 3 }
.euroMain.olympic .tabs a.active { color: #B11E33 }
.euroMain.olympic .tabs a.active:before { content: ''; position: absolute; width: 100%; height: 2px; background-color: #B11E33; right: 0; bottom: 0 }
.euroMain.olympic .listing ul li:hover .desc p, .euroMain.olympic .featuredArea .pattern2 ul li:hover .desc p, .proPlayer.olympic .remainContent .listing.multimedia ul li:hover .desc p { color: #96764D; }
.euroMain.olympic .featuredArea .pattern2 ul li:first-child .desc p { color: #fff }
.euroMain.olympic .FullWidthBK .tabs .euroLogo { height: calc(100% + 15px); margin-top: -15px; margin-left: 20px }
.euroMain.olympic .FullWidthBK .tabs .euroLogo img { display: inline-block; width: auto; height: 100%; float: right; margin-left: 10px; }
.euroMain.olympic.football .FullWidthBK .euroHeader, .euroMain.olympic.handball .FullWidthBK .euroHeader { background: url(../../Images/olympicBK.jpg) no-repeat; background-color: #fff }
.euroMain.olympic.football .FullWidthBK .euroHeader img.handball { display: none }
.euroMain.olympic.football .FullWidthBK .euroHeader img.football { display: inline-block; width: 150px; top: 50%; transform: translateY(-50%) }
.euroMain.olympic.football .FullWidthBK .euroHeader img.tokyo { left: 50%; top: 50%; transform: translate(-50%, -50%); right: auto; bottom: auto; z-index: 1 }
.euroMain.olympic.football .FullWidthBK .euroHeader a { display: inline-block; width: 75px; height: 100%; background-color: #fff; position: absolute; left: 140px; top: 0; }
.euroMain.olympic.handball .FullWidthBK .euroHeader img.football { display: none }
.euroMain.olympic.handball .FullWidthBK .euroHeader img.handball { display: inline-block; width: 150px; top: 50%; transform: translateY(-50%) }
.euroMain.olympic.handball .FullWidthBK .euroHeader img.tokyo { left: 50%; top: 50%; transform: translate(-50%, -50%); right: auto; bottom: auto; z-index: 1 }
.euroMain.olympic.handball .FullWidthBK .euroHeader a { display: inline-block; width: 75px; height: 100%; background-color: #fff; position: absolute; left: 140px; top: 0; }
.euroMain.olympic .pattern .featuredArea .pattern2 ul li { width: calc((100% - 32px) / 2) !important }
.olympic .interestedArticles { border-top: 1px solid #e0e0e0; border-radius: 6px }
.olympic .interestedArticles .cnts li .num { background: transparent; color: #96764D; font-weight: bold; font-size: 27px; line-height: 1; margin-top: 6px }
/*.olympic .interestedArticles .cnts li p{font-family:droidBold, Arial;}*/
.olympic .interestedArticles .cnts li:hover p { color: #96764D; }
.olympic .interestedArticles .ttl { border-bottom: 1px solid #f5f5f5; }
.olympic .interestedArticles .cnts li { border-bottom: 1px solid #f5f5f5; margin-bottom: 8px; padding-bottom: 8px }
.olympic .interestedArticles .cnts li:last-child { border-bottom: 0; margin-bottom: 0; padding-bottom: 0 }
.olympic .interestedArticles:after, .olympic .topRead .newsPointer:after { display: none }
.olympic .topRead { border-top: 1px solid #e0e0e0 }
.proPlayer.olympic .remainContent .listing ul li .secName .icon { background-color: #B11E33 !important }
.proPlayer.olympic .pattern .featuredArea .pattern2 ul li:first-child.video .secName .icon { background-color: #B11E33 }
.proPlayer.olympic .tourMatches { border-top: 0 }
/*.euroMain.olympic .euroGroups .groupsCarousel, .euroMain.olympic  .euroGroups ul li{height:410px}
*/
.olymicInner .euroMain.olympic .FullWidthBK .tabs { padding: 0 20px }
.olymicInner .euroMain.olympic .FullWidthBK .tabs .euroLogo { height: 100%; margin-top: 0; float: right }
.olymicInner .euroMain.olympic .FullWidthBK { margin-top: -16px }
.proPlayer.olympic .tourMatches { border-top: 1px solid #e8e8e8 }
.euroMain.handball .euroGroups .groupsCarousel, .euroMain.handball .euroGroups ul li { height: 410px }
/*********************medal page*********************/
.medalPage .medal { width: 100%; margin-bottom: 0; height: auto; background-color: transparent }
.medalPage .medal .ttl { display: none }
.euroMain.medalPage .title:after { background-color: #AAAAAA; }
.medalPage .maxWidth { display: inline-block; width: 600px; margin: 0 calc((100% - 600px)/ 2); float: right; }
.medalPage .medal .allItems.end .showMore { display: none }
.medalPage .medal .allItems { overflow: hidden; background-color: #fff }
.medalPage .medal .allItems .labels { padding: 15px 0 }
.medalPage .medal .allItems ul { display: inline-block; width: 100%; float: right; transition: all 0.2s ease-in-out 0s; -webkit-transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; -ms-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; }
.medalPage .medal .allItems .labels .item { font-size: 13px; text-align: center }
.medalPage .medal .allItems .order { width: 50px; color: #000 }
.medalPage .medal .allItems .gold, .medalPage .medal .allItems .silver, .medalPage .medal .allItems .bronze, .medalPage .medal .allItems .total { width: 35px }
.medalPage .medal .allItems .labels .item.total { font-weight: normal }
.medalPage .medal .allItems .item.total { display: inline-block; font-weight: bold }
.medalPage .medal .allItems .bronze { margin-left: 16px }
.medalPage .medal .allItems .country { width: calc(100% - 248px); text-align: right !important; font-size: 13px !important; line-height: 2.4; color: #000 }
.medalPage .medal .allItems .labels .country { line-height: unset }
.medalPage .medal .allItems .item { font-size: 15px; line-height: 2 }
.medalPage .medal .allItems .item img { width: 30px; margin-left: 10px }
.medalPage .medal .showMore { display: inline-block; width: 100%; position: relative; background-color: #fff; margin: 10px 0 15px; color: #000; font-family: droidLight, Arial; font-size: 13px; }
.medalPage .medal .showMore p { display: inline-block; margin: 0 auto; border: 1px solid #535353; cursor: pointer; border-radius: 6px; width: 100px; height: 32px; text-align: center; line-height: 2.2; transition: all 0.2s ease-in-out 0s; -webkit-transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; -ms-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; }
.medalPage .medal.expandDiv .allItems ul { height: auto }
.medalPage .medal .showMore p:hover { border: 1px solid #B11E33; color: #B11E33 }
.medalPage .medal .allItems .gold, .medalPage .medal .allItems .silver { margin-left: 16px }
.medalPage .medal .allItems.egypt { margin-bottom: 25px; display: inline-block }
.medalPage .medal .allItems p.smallTitle { display: inline-block; float: right; color: #000; font-family: droidBold, Arial; font-size: 14px; text-align: right;; padding: 10px 5px; text-decoration: underline }
.medalPage .medal .allItems.egypt .labels { margin-bottom: 0 }
.euroInner .euroMain.olympic .FullWidthBK .euroHeader { display: inline-block }
.euroInner .euroMain.olympic .tabs .euroLogo { display: none !important }
.euroInner .euroMain.olympic .tourMatches:before, .euroInner.olymicInner .interestedArticles:after, .euroInner.olymicInner .topRead .newsPointer:after, .euroInner.olymicInner .tourMatches:before { display: none }
.olymicInner .euroMain.olympic .tabs .euroLogo { display: inline-block !important }
.olymicInner article .stats { display: none }
.euroMain.olympic .flickity-button { border: 1px solid #b11e33 }
.euroMain.olympic .flickity-button:before { color: #b11e33 }
.euroMain.olympic .flickity-button:hover, .euroMain.olympic .flickity-button:active { background-color: #b11e33 }
.euroMain.olympic .flickity-button:hover:before { color: #fff }
.euroMain.olympic .tourMatches, .euroMain.olympic .interestedArticles, .euroMain.olympic .topRead .newsPointer, .euroInner.olymicInner .topRead .newsPointer, .euroInner.olymicInner .interestedArticles, .euroInner.olymicInner .tourMatches { border-top: 3px solid #b11e33 !important; border-radius: 6px }
.euroInner.olymicInner .euroMain.olympic .FullWidthBK .euroHeader { display: none }
.proPlayer.olympic.LatestNews .ttl, .proPlayer.olympic.Videos .ttl { display: inline-block }
.proPlayer.olympic.LatestNews .leftSpeakol .ttl h2, .proPlayer.olympic.Videos .leftSpeakol .ttl h2 { line-height: 2.2; padding: 8px 10px 0 }
.proPlayer.olympic.LatestNews .ttl:after, .proPlayer.olympic.Videos .ttl:after { display: none }
.proPlayer.olympic.LatestNews .listing .ttl:after, .proPlayer.olympic.Videos .listing .ttl:after { display: inline-block }
.spansorEuro.olympic #articleSpansor, .spansorEuro.olympic a img { width: 100px }
.spansorEuro.olympic a { height: 20px; top: 50%; transform: translateY(-50%) }
.olympicStrip .FullWidthBK .euroHeader { background: url(../../Images/olympicStrip.jpg) no-repeat; height: 120px; background-size: 58%; background-position: -32%; background-color: #fff; border-right: 40px solid #8c2131; }
.euroStrip.olympicStrip .EntryPoint, .euroStrip.olympicStrip .EntryIconArrow { background-color: #fff }
.olympicStrip .spansorheader .spansorEuro { background-color: transparent; width: 170px; top: 50%; transform: translateY(-50%); height: auto }
.olympicStrip .spansorheader .spansorEuro a { top: 50%; transform: translateY(-50%); left: 6px }
.olympicStrip .spansorheader .spansorEuro a img { width: 150px }
.olympicStrip .FullWidthBK .euroHeader img.robotStrip { width: 78px; margin-right: 120px; position: relative; right: auto; top: auto; transform: none; float: right; margin: 12px 120px 0 0 }
.olympicStrip .FullWidthBK .euroHeader img.tokyo { left: 50%; top: 50%; transform: translate(-50%, -50%); right: auto; bottom: auto; z-index: 1; width: 80px; position: absolute }
.olympicStrip .FullWidthBK .euroHeader a { display: inline-block; width: 115px; height: 100%; background-color: #fff; position: absolute; left: 220px; top: 0; }
.olympicStrip .FullWidthBK .euroHeader .textStrip { display: inline-block; position: relative; float: right; margin-right: 60px; height: 100% }
.olympicStrip .FullWidthBK .euroHeader .textStrip p { display: inline-block; width: 100%; color: #8f6d41; font-family: droidBold,Arial; font-size: 30px; float: right; margin-top: 16px; font-weight: bold }
.olympicStrip .FullWidthBK .euroHeader .textStrip span { display: inline-block; width: 110px; height: 36px; float: right; border-radius: 7px; background-color: #8b2130; color: #fff; font-family: droidBold,Arial; font-size: 15px; line-height: 2.2 }
.euroStrip.olympicStrip .EntryIconArrow span:before { color: #8c2131 }
.euroStrip.olympicStrip .EntryPoint, .euroMain.olympic .olympicStrip .FullWidthBK .euroHeader { height: 120px }
.euroStrip.olympicStrip .EntryPoint { width: 85%; left: 50%; transform: translateX(-50%) }
.euroStrip.olympicStrip .spansorheader .spansorEuro { display: inline-block }
.euroInner.olymicInner article .spansorEuro { display: none }
.euroInner.olymicInner article .spansorEuro.olympic { display: inline-block }
.olympic .tourMatches .more { color: #b11e33; background-color: #fff }
.olympic .tourMatches .more .icon-more:before { color: #000 }
.olympic .tourMatches .allItems li .info .icon-dtls:before { color: #000 }
.olympic .tourMatches .more span { display: none }
.olympic .listing ul li .secName { left: 0; width: 30px; height: 25px; overflow: hidden; padding: 0; right: auto; top: 0; }
.olympic .listing ul li .secName .icon { background-color: #b11e33; width: 30px; height: 25px; position: absolute; top: 0; margin-left: 0; right: 0; }
.olympic .listing ul li .secName .icon:before { content: 'm'; color: #fff; font-size: 8px; float: left; left: 50%; position: absolute; top: 50%; transform: translate(-50%,-50%); }
.olympic .listing ul li .secName .icon.icon-album:before { content: 'n'; color: #fff; font-size: 13px; float: left; left: 50%; position: absolute; top: 50%; transform: translate(-50%,-50%); }
.olympic .listing .more { background-color: #b11e33 }
.olympic .listing .more:hover { background-color: rgba(177, 30, 51, .9) }
.olympic .tourMatches .ttl .weekName p span, .olympic .tourMatches .allItems li .resultDiv .matchStatus .time { color: #b11e33 }
.stickySponsor .content { margin-bottom: 30px }
.olympicEntrypoint { display: inline-block; float: left; width: 300px; margin: 0 calc((100% - 300px) /2) 20px }
/*.euroInner .listing ul li .desc p.date{display:inline-block;height:26px}
*/
@media screen and (min-width: 1024px) and (max-width: 1359px) {
    .EuroMatchDetails .matchDetailsTabs .timeline { width: 440px; margin: 0 calc((100% - 440px) / 2); }
    .EuroMatchDetails .matchDetailsTabs .timeline.squad .teamSquad .formationTtl h3,
    .EuroMatchDetails .matchDetailsTabs .timeline.stats .cnts h3,
    .EuroMatchDetails .matchDetailsTabs .timeline.events .cnts h3,
    .EuroMatchDetails .matchDetailsTabs .timeline.minbyminCnts .cnts ul li.penalty h3 { font-size: 14px; line-height: 2.2 }
    .EuroMatchDetails .matchDetailsTabs .timeline.squad .cnts .squadTtl,
    .EuroMatchDetails .matchDetailsTabs .timeline.squad .teamSquad .formationTtl,
    .EuroMatchDetails .matchDetailsTabs .timeline.squad .teamSquad .teamList,
    .EuroMatchDetails .matchDetailsTabs .timeline.events .cnts .eventsTtl,
    .EuroMatchDetails .matchDetailsTabs .timeline.stats .cnts .statsTtl,
    .EuroMatchDetails .matchDetailsTabs .timeline.minbyminCnts .cnts ul li.penalty .statsTtl,
    .EuroMatchDetails .matchDetailsTabs .timeline.minbyminCnts .cnts ul li.penalty ul { padding: 10px 12px }
    /*.EuroMatchDetails .matchDetailsTabs .timeline.squad .formation{width:440px;height:645px}*/
    .EuroMatchDetails .matchDetailsTabs .timeline.squad .formation .teamA, .EuroMatchDetails .matchDetailsTabs .timeline.squad .formation .teamB { height: calc((100% / 2) - 28px); }
    .EuroMatchDetails .matchDetailsTabs .timeline.squad .formation .teamA { top: 28px; }
    .EuroMatchDetails .matchDetailsTabs .timeline.squad .formation .teamB { bottom: 28px; }
    .EuroMatchDetails .matchDetailsTabs .timeline.squad .formation .player { width: 34px; height: 34px; }
    .EuroMatchDetails .matchDetailsTabs .timeline.squad .formation .icon-player:before { width: 30px; height: 30px }
    .EuroMatchDetails .matchDetailsTabs .timeline.squad .formation .player .playerName { top: calc(100% + 6px); font-size: 11px; width: 100px; }
    .EuroMatchDetails .matchDetailsTabs .timeline.squad .teamA .matchSquad ul li .playerName,
    .EuroMatchDetails .matchDetailsTabs .timeline.squad .teamB .matchSquad ul li .playerName,
    .EuroMatchDetails .matchDetailsTabs .timeline.events .cnts ul li p { font-size: 12px }
    .EuroMatchDetails .matchDetailsTabs .timeline.squad .formation .player span.goal,
    .EuroMatchDetails .matchDetailsTabs .timeline.squad .formation .player span.goal:before { width: 16px; height: 16px }
    .EuroMatchDetails .matchDetailsTabs .timeline.squad .teamA .matchSquad ul li span:before,
    .EuroMatchDetails .matchDetailsTabs .timeline.squad .teamB .matchSquad ul li span:before,
    .EuroMatchDetails .matchDetailsTabs .timeline.squad .matchSquad ul li .VoteBtn:before { width: 12px; height: 12px; }
    .EuroMatchDetails .matchDetailsTabs .timeline.squad .teamA .matchSquad ul li span { margin-right: 6px }
    .EuroMatchDetails .matchDetailsTabs .timeline.squad .teamB .matchSquad ul li span { margin-left: 6px }
    .EuroMatchDetails .matchDetailsTabs .timeline.events .cnts ul li.goal.right p span:after,
    .EuroMatchDetails .matchDetailsTabs .timeline.events .cnts ul li.goal.left p span:after { width: 18px; height: 26px; background-size: 18px auto; }
    .EuroMatchDetails .matchDetailsTabs .timeline.events .cnts ul li.owngoal.right p span:after,
    .EuroMatchDetails .matchDetailsTabs .timeline.events .cnts ul li.owngoal.left p span:after { width: 22px; height: 26px; background-size: 22px auto; }
    .EuroMatchDetails .matchDetailsTabs .timeline.events .cnts ul li.sub.right p .subIn:before,
    .EuroMatchDetails .matchDetailsTabs .timeline.events .cnts ul li.sub.left p .subIn:before { width: 16px; height: 16px; background-size: 16px auto; }
    .EuroMatchDetails .matchDetailsTabs .timeline.events .cnts ul li.sub.right p .subOut:before,
    .EuroMatchDetails .matchDetailsTabs .timeline.events .cnts ul li.sub.left p .subOut:before { width: 16px; height: 16px; background-size: 16px auto; }
    .EuroMatchDetails .matchDetailsTabs .timeline.events .cnts ul li.yellowCard.right p span:after,
    .EuroMatchDetails .matchDetailsTabs .timeline.events .cnts ul li.redCard.right p span:after { height: 26px; width: 18px; background-size: 18px; }
    .EuroMatchDetails .matchDetailsTabs .timeline.events .cnts ul li.yellowCard.left p span:after,
    .EuroMatchDetails .matchDetailsTabs .timeline.events .cnts ul li.redCard.left p span:after { height: 26px; width: 18px; background-size: 18px; }
    .EuroMatchDetails .matchDetailsTabs .timeline.minbyminCnts .cnts ul li .min { padding: 16px 12px }
    .EuroMatchDetails .matchDetailsTabs .timeline.minbyminCnts .cnts ul li.MatchHalf .min { padding-top: 108px }
    .EuroMatchDetails .matchDetailsTabs .timeline.minbyminCnts .cnts ul li p { padding: 12px; font-size: 13px; }
    .EuroMatchDetails .matchDetailsTabs .timeline.minbyminCnts .cnts ul li .goalDtls .player .name a { font-size: 13px; margin-top: 18px }
    .EuroMatchDetails .matchDetailsTabs .timeline.minbyminCnts .cnts ul li .goalDtls,
    .EuroMatchDetails .matchDetailsTabs .timeline.minbyminCnts .cnts ul li .videoCntnrs,
    .EuroMatchDetails .matchDetailsTabs .timeline .cnts ul li .subDtls { padding: 12px }
    .EuroMatchDetails .matchDetailsTabs .timeline .cnts ul li .min { font-size: 15px }
    .EuroMatchDetails .matchDetailsTabs .timeline.minbyminCnts .cnts ul li .min:after { right: 4px }
    .EuroMatchDetails .matchDetailsTabs .timeline.minbyminCnts .cnts ul li .min .comment { right: 36px }
    .EuroMatchDetails .matchDetailsTabs .timeline.minbyminCnts .cnts ul li.goal .min:after { background-size: 20px; }
    .EuroMatchDetails .twitter-tweet { width: 416px !important; margin: 0 calc((100% - 416px) / 2); max-width: 416px !important; }
    .EuroMatchDetails .matchDetailsTabs .timeline.minbyminCnts .cnts ul li .halfDetails .teamResult { width: 410px }
    .EuroMatchDetails .matchDetailsTabs .timeline.minbyminCnts .cnts ul li .halfDetails .teamResult .teamA,
    .EuroMatchDetails .matchDetailsTabs .timeline.minbyminCnts .cnts ul li .halfDetails .teamResult .teamB { width: 160px }
    .EuroMatchDetails .matchDetailsTabs .timeline.minbyminCnts .cnts ul li .halfDetails .teamResult p { font-size: 12px; line-height: 3.4; }
    .EuroMatchDetails .matchDetailsTabs .timeline.minbyminCnts .cnts ul li .subDtls .player { margin-bottom: 12px }
    .EuroMatchDetails .matchDetailsTabs .timeline.minbyminCnts .cnts ul li .subDtls .player .name p { width: 16px; height: 16px; }
    .EuroMatchDetails .matchDetailsTabs .timeline.minbyminCnts .cnts ul li.sub .min:after { background-size: 16px; }
    .EuroMatchDetails .matchDetailsTabs .timeline.minbyminCnts .cnts ul li .subDtls .player .name .subIn:before { width: 16px; height: 16px; background-size: 16px auto; }
    .EuroMatchDetails .matchDetailsTabs .timeline.minbyminCnts .cnts ul li .subDtls .player .name .subOut:before { width: 16px; height: 16px; background-size: 16px auto; }
    .EuroMatchDetails .matchDetailsTabs .timeline.minbyminCnts .cnts ul li .subDtls .player .name a { font-size: 13px }
}

@media only screen and (max-width: 1023px) {
    .euroMinByMin .minbyminSticky { width: 100% }
    .euroMinByMin .minbyminSticky .teamResult .matchDescription .matchText { width: 346px }
    .euroMinByMin .minbyminSticky .teamResult .matchDescription .manOfTheMatch { width: 290px }
}

@media screen and (min-width: 320px) and (max-width: 767px) {
     /*.menuDiv .tab .cntr { padding: 0; width: 100%; height: 100%; }
    .menuDiv .tab { width: 150px;height:unset }
    .menuDiv .tab a { font-size: 12px; width: 100%; padding: 12px 10px; }*/
    .menuDiv .tab .socialMobileView { display: inline-block; width: 100%; height: 30px; margin: 12px auto 20px; position: relative; }
    .menuDiv .tab .socialMobileView a { float: right; margin-left: 6px; color: #7f7f7f; width: 23px; height: 26px; font-size: 17px; line-height: 2.1;  padding: 0; text-align: center; }
    .menuDiv .tab .socialMobileView a.icon-tiktok:before { content:'';background:url(../Images/tiktokMenu.png) no-repeat center center;width: 18px;height: 18px;margin-top: 3px;background-size:100%}
    .menuDiv .tab .socialMobileView a:last-child { margin-left: 0; }
    .menuDiv .tab .socialMobileView a.icon-fb:before { content: "b"; color: #fff }
    .menuDiv .tab .socialMobileView a.icon-tw:before { content: "!"; color: #fff }
    .menuDiv .tab .socialMobileView a.icon-yt:before { content: "f"; color: #fff }
    .menuDiv .tab .socialMobileView a.icon-insta:before { content: "e"; color: #fff }
    .menuDiv .tab .socialMobileView a.icon-whats:before { content: "Y"; color: #fff }
  /* .menuDiv .tab .socialMobileView a.icon-fb:hover { background: #4267b2 }
    .menuDiv .tab .socialMobileView a.icon-tw:hover { background: #1da1f2 }
    .menuDiv .tab .socialMobileView a.icon-yt:hover { background: #f00f00 }
    .menuDiv .tab .socialMobileView a.icon-insta:hover { background: #3897f0 }
    .menuDiv .tab .socialMobileView a.icon-whats:hover { background: #25D366 }*/

    .menuDiv .tab .linksMenuMobileView { display: inline-block; width: 100%; margin: 20px auto 0; position: relative;}
    .menuDiv .tab .linksMenuMobileView a { float: right;width:100%; display: inline-block; margin-left: 0;   font-size: 11px; color: #fff; position: relative;padding:8px 10px }
    .menuDiv .tab .linksMenuMobileView a:last-child { margin-left: 0 }
    .menuDiv .tab .linksMenuMobileView a:hover { color: #0277bd }
   

    /*.menuDiv .tabContent { width: calc(100% - 150px); }*/
    .menuDiv .tabContent .cntr { overflow: scroll; padding: 10px 20px 10px 20px; width: 100%; height: 100%; }
    .menuDiv .tabContent .item { width: 100%; margin-left: 0; margin-bottom: 0 }
    .menuDiv .tabContent .item .title { font-size: 14px; margin-bottom: 5px; }
    .menuDiv .tabContent .item ul li a { font-size: 12px;color: #afafaf; }
    .menuDiv .tabContent .item ul li:hover a{color:unset}

    .menuDiv .mainSections{display:inline-block;float:right;width:100%;margin-top:20px}
    .menuDiv{background-color:#252525}
    .menuDiv .tab{width:100%;height:unset}
    .menuDiv .tabContent { width: 100%; background: #252525;}
     .menuDiv .tabContent:last-child, .menuDiv .tabContent:last-child .item{margin-bottom:0}
    .menuDiv .title, .menuDiv .tabContent .item .title{display:inline-block;width:100%;height:40px;background-color:#333333;color:#fff;padding:0 10px;float: right;z-index: 1;position: relative;line-height: 2.4;font-size: 16px;border-bottom: 0;  margin-bottom: 0;font-family:droidBold,arial}
    .menuDiv .tab  { padding: 0; width: calc(100% - 20px); height: calc(100% - 20px);margin-right:10px ;}
    .menuDiv .tab .cntr{width:100%;height:100%;padding:0;}
    .menuDiv .tab li, .menuDiv .tabContent .item ul li{display:inline-block;width:calc(100% / 2);height:30px;float:right;    line-height: 2.5;margin-top:12px;padding:0}
    .menuDiv .tabContent, .menuDiv .item{    display: inline-block; float: right;width: 100%;margin-bottom:30px;height:auto}
    .menuDiv .itemSub{display:inline-block;width:calc(100% / 2);height:100%;float:right;}
    .menuDiv .titleSub{display:inline-block;float:right;color:#F3F3F3;font-size:14px;height:auto;border-bottom:1px solid #494949;width:100%;padding:10px;margin-bottom:10px}
    .menuDiv .tabContent .itemSub ul li{width:100%;line-height:1.5;    height: 35px; margin-bottom: 15px;}
    .menuDiv .tab a { font-size: 13px; width: 100%; padding: 0 10px; background-color:transparent}
    .menuDiv .itemBox{display: flex;flex-direction: row;width:100%;justify-content: space-between;flex-wrap: wrap;}
    .menuDiv .itemBox .itemSub:first-child{order:1}
    .menuDiv .itemBox .itemSub:nth-child(2){order:2}
    .menuDiv .itemBox .itemSub:nth-child(3){order:5;width:100%}
    .menuDiv .itemBox .itemSub:nth-child(4){order:4}
    .menuDiv .itemBox .itemSub:nth-child(5){order:3}
    .menuDiv .tabContent.links{margin-bottom:5px}
    .menuDiv .tabContent.links a{color: #fff;font-size: 15px;padding:0}
     .menuDiv .tabContentBox.dropopen, .menuDiv .tabContent .item ul.dropopen{display:none}
     .menuDiv .tabLinksArrow .title:before{content:'F';color:#fff;float: left;line-height: 3;font-size: 13px;}
     .menuDiv .tabLinksArrow.active .title:before, .menuDiv .item.active .title:before{transform:rotate(180deg)}


    .mcSpensorDS.sticky { left: 10px; width: 40px; height: 40px; }
    .mcSpensorDS.between { width: 280px; height: 86px }
    .EuroMatchDetails .mtchDtlsRslt:before { background-size: auto 100%; }
    .EuroMatchDetails .mtchDtlsRslt li { padding: 20px 10px 10px }
    .EuroMatchDetails .mtchDtlsRslt li .tourName .tourNameBtn a { font-size: 12px }
    .EuroMatchDetails .mtchDtlsRslt li .tourName .item p { font-size: 11px }
    .EuroMatchDetails .mtchDtlsRslt li .tourName .tourNameBtn .date { font-size: 11px }
    .EuroMatchDetails .mtchDtlsRslt li .tourName .tourNameBtn .time { font-size: 12px; line-height: 1.5 }
    .EuroMatchDetails .mtchDtlsRslt li .resultDiv { width: 90px; margin: 0 }
    .EuroMatchDetails .mtchDtlsRslt li .teamA, .EuroMatchDetails .mtchDtlsRslt li .teamB { width: calc((100% - 90px) / 2); }
    .EuroMatchDetails .mtchDtlsRslt li .resultDiv .result span { font-size: 32px }
    .EuroMatchDetails .mtchDtlsRslt li .teamA a, .EuroMatchDetails .mtchDtlsRslt li .teamB a { width: 100% }
    .EuroMatchDetails .mtchDtlsRslt li .team .imgCntnr { width: 54px; height: 54px; margin: 0 calc((100% - 54px) / 2) }
    .EuroMatchDetails .mtchDtlsRslt li .team .imgCntnr img { height: 86px }
    .EuroMatchDetails .mtchDtlsRslt li .teamA p, .EuroMatchDetails .mtchDtlsRslt li .teamB p { font-size: 13px; height: 40px; line-height: 1.6; overflow: hidden; }
    .EuroMatchDetails .mtchDtlsRslt li .matchScorer { margin-top: 10px }
    .EuroMatchDetails .mtchDtlsRslt li .matchScoreInfo { margin-bottom: 10px }
    .EuroMatchDetails .mtchDtlsRslt li .resultDiv.playerScorers.icon-goal:before { bottom: -32px }
    .EuroMatchDetails .mtchDtlsRslt li .teamA.playerScorers .matchScorer:before,
    .EuroMatchDetails .mtchDtlsRslt li .teamB.playerScorers .matchScorer:before { width: calc(200% + 80px); }
    .EuroMatchDetails .mtchDtlsRslt li .resultDiv .result span.date { font-size: 10px }
    .EuroMatchDetails .mtchDtlsRslt li .resultDiv .result span.time { font-size: 12px }
    .EuroMatchDetails .mtchDtlsRslt li .resultDiv .matchResult { top: 6px; transform: translateX(-50%); }
    .EuroMatchDetails .mtchDtlsRslt li.matchSoon .resultDiv .matchResult { top: 50%; transform: translate(-50%,-50%) }
    .EuroMatchDetails .mtchDtlsRslt li .resultDiv p { bottom: auto }
    .EuroMatchDetails .mtchDtlsRslt li .resultDiv .result .penaltyRes { bottom: -20px }
    .EuroMatchDetails .mtchDtlsRslt li .resultDiv .result .penaltyRes span { font-size: 14px }
    .EuroMatchDetails .mtchDtlsRslt li .matchScorer .goal .player { font-size: 11px; }
    .EuroMatchDetails .mtchDtlsRslt li .matchScorer .goal .player .playerName { max-width: calc(100% - 24px); width: auto; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
    .EuroMatchDetails .mtchDtlsRslt li .teamA .matchScorer .goal .player { text-align: left; }
    .EuroMatchDetails .mtchDtlsRslt li .teamB .matchScorer .goal .player { text-align: right; }
    .EuroMatchDetails .mtchDtlsRslt li .matchScorer .goal .time { font-size: 12px }
    .EuroMatchDetails .FullWidthBK { height: auto !important }
    .EuroMatchDetails .matchDetailsTabs .timeline { width: 100%; margin: 0; }
    .EuroMatchDetails .matchDetailsTabs .timeline.minbyminCnts .cnts ul li { margin-bottom: 20px }
    .EuroMatchDetails .matchDetailsTabs .timeline.squad .formationDtls,
    .EuroMatchDetails .matchDetailsTabs .timeline.squad .teamSquad { margin-bottom: 20px }
    .EuroMatchDetails .matchDetailsTabs .timeline.squad .teamA, .EuroMatchDetails .matchDetailsTabs .timeline.squad .teamB { margin: 0 }
    .EuroMatchDetails .matchDetailsTabs .timeline.squad .formation { position: relative; left: auto; transform: none; padding-bottom: calc(170% - 10px); background-size: auto 100%; }
    .EuroMatchDetails .matchDetailsTabs .timeline.squad .cnts ul li { height: 34px; padding: 0; margin-top: 4px }
    .EuroMatchDetails .matchDetailsTabs .timeline.squad .teamSquad .teamList .teamA,
    .EuroMatchDetails .matchDetailsTabs .timeline.squad .teamSquad .teamList .teamB { width: calc((100% - 20px) / 2); margin-left: 20px; }
    .EuroMatchDetails .matchDetailsTabs .timeline.squad .teamSquad .teamList .teamB { margin-left: 0; }
    .EuroMatchDetails .matchDetailsTabs .timeline.squad .teamA .matchSquad ul li .playerNum,
    .EuroMatchDetails .matchDetailsTabs .timeline.squad .teamB .matchSquad ul li .playerNum { font-size: 12px; line-height: 1.6; }
    .EuroMatchDetails .matchDetailsTabs .timeline.squad .teamA .matchSquad ul li .playerNum { margin-left: 6px; }
    .EuroMatchDetails .matchDetailsTabs .timeline.squad .teamB .matchSquad ul li .playerNum { margin-right: 6px; }
    .EuroMatchDetails .matchDetailsTabs .timeline.squad .teamA .matchSquad ul li .playerName,
    .EuroMatchDetails .matchDetailsTabs .timeline.squad .teamB .matchSquad ul li .playerName { width: calc(100% - 20px); white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
    .EuroMatchDetails .matchDetailsTabs .timeline.squad .teamA .matchSquad.sub ul li .playerName,
    .EuroMatchDetails .matchDetailsTabs .timeline.squad .teamB .matchSquad.sub ul li .playerName { max-width: calc(100% - 60px); width: auto; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
    .EuroMatchDetails .matchDetailsTabs .timeline.squad .teamA .coach, .EuroMatchDetails .matchDetailsTabs .timeline.squad .teamB .coach { font-size: 12px }
    .EuroMatchDetails .matchDetailsTabs .timeline.squad .cnts ul li a { position: relative; top: auto }
    .EuroMatchDetails .matchDetailsTabs .timeline.squad .teamSquad .formationTtl h3,
    .EuroMatchDetails .matchDetailsTabs .timeline.stats .cnts h3,
    .EuroMatchDetails .matchDetailsTabs .timeline.events .cnts h3,
    .EuroMatchDetails .matchDetailsTabs .timeline.minbyminCnts .cnts ul li.penalty h3 { font-size: 14px; line-height: 2.2; width: calc(100% - 60px); }
    .EuroMatchDetails .matchDetailsTabs .timeline.squad .cnts .squadTtl,
    .EuroMatchDetails .matchDetailsTabs .timeline.squad .teamSquad .formationTtl,
    .EuroMatchDetails .matchDetailsTabs .timeline.squad .teamSquad .teamList,
    .EuroMatchDetails .matchDetailsTabs .timeline.events .cnts .eventsTtl,
    .EuroMatchDetails .matchDetailsTabs .timeline.stats .cnts .statsTtl,
    .EuroMatchDetails .matchDetailsTabs .timeline.minbyminCnts .cnts ul li.penalty .statsTtl,
    .EuroMatchDetails .matchDetailsTabs .timeline.minbyminCnts .cnts ul li.penalty ul,
    .EuroMatchDetails .ManofMatch h3 { padding: 10px 10px }
    /*.EuroMatchDetails .matchDetailsTabs .timeline.squad .formation{width:440px;height:645px}*/
    .EuroMatchDetails .matchDetailsTabs .timeline.squad .formation .teamA, .EuroMatchDetails .matchDetailsTabs .timeline.squad .formation .teamB { height: calc((100% / 2) - 28px); }
    .EuroMatchDetails .matchDetailsTabs .timeline.squad .formation .teamA { top: 28px; }
    .EuroMatchDetails .matchDetailsTabs .timeline.squad .formation .teamB { bottom: 28px; }
    .EuroMatchDetails .matchDetailsTabs .timeline.squad .formation .player { width: 30px; height: 30px; }
    .EuroMatchDetails .matchDetailsTabs .timeline.squad .formation .icon-player:before { width: 26px; height: 26px }
    .EuroMatchDetails .matchDetailsTabs .timeline.squad .formation .icon-player:after { top: 24px }
    .EuroMatchDetails .matchDetailsTabs .timeline.squad .formation .icon-player .number { font-size: 13px }
    .EuroMatchDetails .matchDetailsTabs .timeline.squad .formation .player span,
    .EuroMatchDetails .matchDetailsTabs .timeline.squad .formation .player span:before { width: 14px; height: 14px }
    .EuroMatchDetails .matchDetailsTabs .timeline.squad .formation .player span.subOut { bottom: -2px }
    .EuroMatchDetails .matchDetailsTabs .timeline.squad .formation .player span.owngoal { top: -8px; left: -4px; width: 20px; height: 20px; }
    .EuroMatchDetails .matchDetailsTabs .timeline.squad .formation .player span.owngoal:before { width: 20px; height: 20px; }
    .EuroMatchDetails .matchDetailsTabs .timeline.minbyminCnts .cnts ul li.penalty ul li .imgCntnr { display: none }
    .EuroMatchDetails .matchDetailsTabs .timeline.minbyminCnts .cnts ul li.penalty ul li .data { padding: 0; width: 100% }
    .EuroMatchDetails .matchDetailsTabs .timeline.minbyminCnts .cnts ul li.penalty ul li .teamA .data { padding-right: 0 }
    .EuroMatchDetails .matchDetailsTabs .timeline.minbyminCnts .cnts ul li.penalty ul li .teamB .data { padding-left: 0 }
    .EuroMatchDetails .matchDetailsTabs .timeline.squad .formation .player .playerName { top: calc(100% + 4px); font-size: 10px; width: 60px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
    .EuroMatchDetails .matchDetailsTabs .timeline.squad .formation .player:first-of-type .playerName { width: 300px; white-space: unset; text-overflow: unset; overflow: visible }
    .EuroMatchDetails .matchDetailsTabs .timeline.squad .teamA .matchSquad ul li .playerName,
    .EuroMatchDetails .matchDetailsTabs .timeline.squad .teamB .matchSquad ul li .playerName,
    .EuroMatchDetails .matchDetailsTabs .timeline.events .cnts ul li p { font-size: 12px }
    .EuroMatchDetails .matchDetailsTabs .timeline.squad .formation .player span.goal,
    .EuroMatchDetails .matchDetailsTabs .timeline.squad .formation .player span.goal:before { width: 14px; height: 14px }
    .EuroMatchDetails .matchDetailsTabs .timeline.squad .formation .player span.goal { bottom: -2px }
    .EuroMatchDetails .matchDetailsTabs .timeline.squad .teamA .matchSquad ul li span:before,
    .EuroMatchDetails .matchDetailsTabs .timeline.squad .teamB .matchSquad ul li span:before,
    .EuroMatchDetails .matchDetailsTabs .timeline.squad .matchSquad ul li .VoteBtn:before { width: 12px; height: 12px; }
    .EuroMatchDetails .matchDetailsTabs .timeline.squad .teamA .matchSquad ul li span { margin-right: 6px; margin-top: 0 }
    .EuroMatchDetails .matchDetailsTabs .timeline.squad .teamB .matchSquad ul li span { margin-left: 6px; margin-top: 0 }
    .EuroMatchDetails .matchDetailsTabs .timeline.events .cnts ul { padding: 30px 10px }
    .EuroMatchDetails .matchDetailsTabs .timeline.events .cnts ul li p { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
    .EuroMatchDetails .matchDetailsTabs .timeline.events .cnts ul li.sub p { white-space: normal; text-overflow: unset; overflow: visible; }
    .EuroMatchDetails .matchDetailsTabs .timeline.events .cnts ul li.sub p span { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
    .EuroMatchDetails .matchDetailsTabs .timeline.events .cnts ul li.goal.right p span:after,
    .EuroMatchDetails .matchDetailsTabs .timeline.events .cnts ul li.goal.left p span:after { width: 18px; height: 26px; background-size: 18px auto; }
    .EuroMatchDetails .matchDetailsTabs .timeline.events .cnts ul li.owngoal.right p span:after,
    .EuroMatchDetails .matchDetailsTabs .timeline.events .cnts ul li.owngoal.left p span:after { width: 22px; height: 26px; background-size: 22px auto; }
    .EuroMatchDetails .matchDetailsTabs .timeline.events .cnts ul li.sub.right p .subIn:before,
    .EuroMatchDetails .matchDetailsTabs .timeline.events .cnts ul li.sub.left p .subIn:before { width: 16px; height: 16px; background-size: 16px auto; right: auto; left: auto }
    .EuroMatchDetails .matchDetailsTabs .timeline.events .cnts ul li.sub.right p .subOut:before,
    .EuroMatchDetails .matchDetailsTabs .timeline.events .cnts ul li.sub.left p .subOut:before { width: 16px; height: 16px; background-size: 16px auto; right: auto; left: auto }
    .EuroMatchDetails .matchDetailsTabs .timeline.events .cnts ul li.yellowCard.right p span:after,
    .EuroMatchDetails .matchDetailsTabs .timeline.events .cnts ul li.redCard.right p span:after { height: 26px; width: 18px; background-size: 18px; }
    .EuroMatchDetails .matchDetailsTabs .timeline.events .cnts ul li.yellowCard.left p span:after,
    .EuroMatchDetails .matchDetailsTabs .timeline.events .cnts ul li.redCard.left p span:after { height: 26px; width: 18px; background-size: 18px; }
    .EuroMatchDetails .matchDetailsTabs .timeline.events .cnts ul li.referee .min:after { width: 28px; height: 28px; background-size: 20px auto }
    .EuroMatchDetails .matchDetailsTabs .timeline.minbyminCnts .cnts ul li.MatchHalf .min:after { font-size: 22px; top: 26px; }
    .EuroMatchDetails .matchDetailsTabs .timeline.minbyminCnts .cnts ul li.MatchHalf .min .comment { top: 74px; font-size: 14px }
    .EuroMatchDetails .matchDetailsTabs .timeline.minbyminCnts .cnts ul li .min { padding: 12px 10px }
    .EuroMatchDetails .matchDetailsTabs .timeline.minbyminCnts .cnts ul li.MatchHalf .min { padding-top: 98px; height: 200px; }
    .EuroMatchDetails .matchDetailsTabs .timeline.minbyminCnts .cnts ul li.MatchHalf.handball .min { height: 134px; }
    .EuroMatchDetails .matchDetailsTabs .timeline.minbyminCnts .cnts ul li p { padding: 10px; font-size: 13px; }
    .EuroMatchDetails .matchDetailsTabs .timeline.minbyminCnts .cnts ul li .goalDtls .player .name a { font-size: 12px; margin-top: 18px }
    .EuroMatchDetails .matchDetailsTabs .timeline.minbyminCnts .cnts ul li .goalDtls,
    .EuroMatchDetails .matchDetailsTabs .timeline.minbyminCnts .cnts ul li .videoCntnrs,
    .EuroMatchDetails .matchDetailsTabs .timeline .cnts ul li .subDtls { padding: 10px }
    .EuroMatchDetails .matchDetailsTabs .timeline .cnts ul li .min { font-size: 15px }
    .EuroMatchDetails .matchDetailsTabs .timeline.minbyminCnts .cnts ul li .min:after { right: 0px }
    .EuroMatchDetails .matchDetailsTabs .timeline.minbyminCnts .cnts ul li .min .comment { right: 34px; font-size: 12px; }
    .EuroMatchDetails .matchDetailsTabs .timeline.minbyminCnts .cnts ul li.goal .min:after { background-size: 16px; }
    .EuroMatchDetails .matchDetailsTabs .timeline.minbyminCnts .cnts ul li.goal.owngoal .min:after { background-size: 20px; }
    .EuroMatchDetails .matchDetailsTabs .timeline.minbyminCnts .cnts ul li.yellowCard .min:after,
    .EuroMatchDetails .matchDetailsTabs .timeline.minbyminCnts .cnts ul li.redCard .min:after { background-size: 18px; }
    .EuroMatchDetails .matchDetailsTabs .timeline.minbyminCnts .cnts ul li.goal .min { height: 80px }
    .EuroMatchDetails .matchDetailsTabs .timeline.minbyminCnts .cnts ul li.goal .min .comment { top: 10px; transform: none }
    .EuroMatchDetails .matchDetailsTabs .timeline.minbyminCnts .cnts ul li.goal .min:after { top: 4px; transform: none }
    .EuroMatchDetails .matchDetailsTabs .timeline.minbyminCnts .cnts ul li.goal.owngoal .min:after { top: 2px; transform: none }
    .EuroMatchDetails .matchDetailsTabs .timeline.minbyminCnts .cnts ul li .goalDtls .teamResult { width: calc(100% - 20px); top: 46px; }
    .EuroMatchDetails .matchDetailsTabs .timeline.minbyminCnts .cnts ul li .goalDtls .teamResult .teamA,
    .EuroMatchDetails .matchDetailsTabs .timeline.minbyminCnts .cnts ul li .goalDtls .teamResult .teamB { width: calc((100% - 70px) / 2) }
    .EuroMatchDetails .twitter-tweet { width: 100% !important; margin: 0; max-width: 100% !important; }
    .EuroMatchDetails .matchDetailsTabs .timeline.minbyminCnts .cnts ul li .halfDetails .teamResult { width: calc(100% - 20px); top: -74px; }
    .EuroMatchDetails .matchDetailsTabs .timeline.minbyminCnts .cnts ul li .halfDetails .teamResult .teamA,
    .EuroMatchDetails .matchDetailsTabs .timeline.minbyminCnts .cnts ul li .halfDetails .teamResult .teamB { width: calc((100% - 90px) / 2) }
    .EuroMatchDetails .matchDetailsTabs .timeline.minbyminCnts .cnts ul li .halfDetails .teamResult .teamA img,
    .EuroMatchDetails .matchDetailsTabs .timeline.minbyminCnts .cnts ul li .halfDetails .teamResult .teamB img { margin: 0 calc((100% - 40px) / 2) 6px }
    .EuroMatchDetails .matchDetailsTabs .timeline.minbyminCnts .cnts ul li .halfDetails .teamResult p { font-size: 11px; line-height: 1; width: 100%; text-align: center !important }
    .EuroMatchDetails .matchDetailsTabs .timeline.minbyminCnts .cnts ul li .subDtls .player { margin-bottom: 12px }
    .EuroMatchDetails .matchDetailsTabs .timeline.minbyminCnts .cnts ul li .subDtls .player .name p { width: 16px; height: 16px; }
    .EuroMatchDetails .matchDetailsTabs .timeline.minbyminCnts .cnts ul li.sub .min:after { background-size: 16px; }
    .EuroMatchDetails .matchDetailsTabs .timeline.minbyminCnts .cnts ul li .subDtls .player .name .subIn:before { width: 16px; height: 16px; background-size: 16px auto; }
    .EuroMatchDetails .matchDetailsTabs .timeline.minbyminCnts .cnts ul li .subDtls .player .name .subOut:before { width: 16px; height: 16px; background-size: 16px auto; }
    .EuroMatchDetails .matchDetailsTabs .timeline.minbyminCnts .cnts ul li .subDtls .player .name a { font-size: 13px }
    .EuroMatchDetails .matchDetailsTabs .timeline.stats .cnts ul { padding: 10px }
    .EuroMatchDetails .matchDetailsTabs .timeline.stats .cnts ul li { padding: 10px 0 0 !important }
    .EuroMatchDetails .matchDetailsTabs .timeline.stats .cnts ul li .team { position: relative; width: 30px; height: 26px; top: auto; right: auto; left: auto; bottom: auto; font-size: 15px; line-height: 1.6 }
    .EuroMatchDetails .matchDetailsTabs .timeline.stats .cnts ul li:first-child .teamA,
    .EuroMatchDetails .matchDetailsTabs .timeline.stats .cnts ul li:first-child .teamB { position: relative; width: 30px; top: auto; right: auto; left: auto; bottom: auto }
    .EuroMatchDetails .matchDetailsTabs .timeline.stats .cnts ul li .desc { line-height: 2.3 !important; width: calc(100% - 60px) !important; font-size: 12px }
    .EuroMatchDetails .matchDetailsTabs .timeline.manOfTheMatch h2 { font-size: 14px }
    .EuroMatchDetails .matchDetailsTabs .timeline.squad .teamA .matchSquad ul li span.VoteBtn,
    .EuroMatchDetails .matchDetailsTabs .timeline.squad .teamB .matchSquad ul li span.VoteBtn { position: relative; right: auto; left: auto; top: auto; bottom: auto }
    .EuroMatchDetails .matchDetailsTabs .timeline.squad.manOfTheMatch .teamA .matchSquad ul li .playerName,
    .EuroMatchDetails .matchDetailsTabs .timeline.squad.manOfTheMatch .teamB .matchSquad ul li .playerName { width: calc(100% - 50px) }
    .EuroMatchDetails .ManofMatch .man-matchClip { height: auto }
    .EuroMatchDetails .ManofMatch .man-matchClip .man-matchImage { width: 100px; height: 100px }
    .EuroMatchDetails .ManofMatch .man-matchClip .manOfCont { width: calc(100% - 110px); }
    .EuroMatchDetails .ManofMatch .man-matchClip .manOfCont .man-matchTxt,
    .EuroMatchDetails .ManofMatch .man-matchClip .manOfCont .voting { font-size: 11px }
    .EuroMatchDetails .ManofMatch .man-matchClip .manOfCont .man-matchName { width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-size: 14px; }
    .EuroMatchDetails .ManofMatch .man-matchClip .manOfCont .voting span { font-size: 17px }
    .EuroMatchDetails .matchDetailsTabs .timeline.teamNews .cnts ul li .imageCntnr { width: 100%; padding-bottom: 67% }
    .EuroMatchDetails .matchDetailsTabs .timeline.teamNews .cnts ul li .imageCntnr img { width: 100% !important; height: 100% !important }
    .EuroMatchDetails .matchDetailsTabs .timeline.teamNews .cnts ul li .desc { padding: 16px 10px; width: 100%; margin: 0; height: auto; }
    .euroMinByMin .minbyminSticky { bottom: -114px; }
    .euroMinByMin .minbyminSticky.maximize { bottom: 0; height: 186px }
    .euroMinByMin .minbyminSticky.closeMinbyMin { bottom: -210px; }
    .euroMinByMin.showSpnsrBtm .minbyminSticky { width: 100%; -webkit-transform: translate(-50%, -60px); -ms-transform: translate(-50%, -60px); transform: translate(-50%, -60px); }
    .euroMinByMin.showSpnsrBtm .minbyminSticky.maximize { bottom: 0; height: 186px }
    .euroMinByMin.showSpnsrBtm .minbyminSticky.closeMinbyMin { bottom: -210px; }
    .euroMinByMin .minbyminSticky .matchStatus { top: 3px; right: 6px; width: auto; padding-right: 0; }
    .euroMinByMin .minbyminSticky .matchStatus .text { display: none }
    .euroMinByMin .minbyminSticky .closeMinbyMin { top: 6px; left: 6px; width: 16px; height: 16px; }
    .euroMinByMin .minbyminSticky .teamResult { width: 100%; margin: 0; height: 186px; }
    .euroMinByMin .minbyminSticky .teamResult .teamsCntnr { height: 56px; padding: 16px 0; }
    .euroMinByMin .minbyminSticky .teamResult .result { width: 70px; padding: 0 10px; line-height: 1.6; }
    .euroMinByMin .minbyminSticky .teamResult .teamA, .euroMinByMin .minbyminSticky .teamResult .teamB { width: calc((100% - 70px) / 2); }
    .euroMinByMin .minbyminSticky .teamResult .teamA img,
    .euroMinByMin .minbyminSticky .teamResult .teamB img { height: 24px }
    .euroMinByMin .minbyminSticky .teamResult p { font-size: 12px; line-height: 2 }
    .euroMinByMin .minbyminSticky .teamResult .result span { font-size: 16px }
    .euroMinByMin .minbyminSticky .teamResult .result span.a:after { font-size: 12px; line-height: 2.2 }
    .euroMinByMin .minbyminSticky .arrow span::after, .euroMinByMin .minbyminSticky .arrow span::before { width: 10px }
    .euroMinByMin .minbyminSticky .arrow span::before { left: 10px }
    .euroMinByMin .minbyminSticky .arrow span::after { left: 4px }
    .euroMinByMin .minbyminSticky .greenLight:before { width: 10px; height: 10px }
    .euroMinByMin .minbyminSticky .greenLight:after { width: 8px; height: 8px }
    .euroMinByMin .minbyminSticky .teamResult .matchDescription { display: inline-block; width: 100%; padding: 0 10px; height: 130px }
    .euroMinByMin .minbyminSticky .teamResult .matchDescription .matchText { width: 100%; margin-left: 0; height: 60px; margin-bottom: 10px }
    .euroMinByMin .minbyminSticky .teamResult .matchDescription .matchText p { font-size: 11px; max-height: 40px }
    .euroMinByMin .minbyminSticky .teamResult .matchDescription .matchText span { font-size: 12px; line-height: 1.5 }
    .euroMinByMin .minbyminSticky .teamResult .matchDescription .minByminFooter { display: flex; float: right; position: absolute; bottom: 10px; left: 50%; transform: translateX(-50%); }
    .euroMinByMin .minbyminSticky .teamResult .matchDescription .manOfTheMatch { width: calc(100% - 60px); min-width: 240px; height: 50px; padding: 6px }
    .euroMinByMin .minbyminSticky .teamResult .matchDescription .manOfTheMatch .man-matchImage { width: 38px; height: 38px }
    .euroMinByMin .minbyminSticky .teamResult .matchDescription .minByminSpnsr { width: 50px; height: 50px }
    .euroMinByMin .minbyminSticky .teamResult .matchDescription .minByminSpnsr img { max-width: 46px; max-height: unset; height: auto }
    .euroMinByMin .minbyminSticky .teamResult .matchDescription .manOfTheMatch .manOfCont span { line-height: 1.2; font-size: 10px }
    .euroMinByMin .minbyminSticky .teamResult .matchDescription .manOfTheMatch .manOfCont p { font-size: 11px; max-width: calc(100% - 60px); }
    .euroMinByMin .minbyminSticky .teamResult .matchDescription .manOfTheMatch .manOfCont .motmBtn { left: 6px; bottom: 6px; width: 70px; height: 20px; font-size: 10px; line-height: 2.2 }
    .olympic .listing ul li .secName { right: 90px; left: auto }
    .euroInner .olympic.euroMain .FullWidthBK .tabs { padding: 0 20px }
    .predRanking .rankHintMsg { font-size: 16px; padding: 20px }
    .newPred .blankMsg { font-size: 16px; padding: 0 0 20px }
    .newPred .table .blankMsg { text-align: right; font-size: 14px; padding: 20px; }
    .newPred .regBtnPage { width: 100%; margin: 0 0 40px; }

    .tour-1 .euroPredCnts .tabs .regBtn{    top: auto;
    transform: none;
    left: auto;
    margin-top: 5px;}
     .tour-1 .euroPredCnts .tabs .regBtn.noImg .usericon{margin-top:0}
   
}
/******************** ADS ********************/
/** Showcase **/
.showcaseDiv { display: inline-block; width: 300px; float: right; height: auto; overflow: hidden; margin-bottom: 20px; box-shadow: none; min-width: 300px }
.showcaseDiv .adTtl { font-family: droidLight, arial; text-align: center !important; color: #b9b9b9 !important; background: #fff; font-size: 11px; width: 300px; height: 16px; line-height: 1.6; cursor: default; margin: 0 !important }
.showcaseDiv .showcase { background: #f2f2f2; width: 300px; height: auto; display: flex; z-index: 10 }
.showcaseDiv .showcase > div { float: right; display: flex }
.showcaseDiv .showcase.sc1 { background: #fff }
.showcaseDiv .geminiSC1Ad { display: none !important }
.showcaseDiv .geminiSC1Ad.showSC1 { display: flex !important }
.showcaseDiv .geminiSC2Ad { display: none !important }
.showcaseDiv .geminiSC2Ad.showSC2 { display: flex !important }
.showcaseDiv .geminiSC3Ad { display: none !important }
.showcaseDiv .geminiSC3Ad.showSC3 { display: flex !important }
.showcaseDiv .geminiSC4Ad { display: none !important }
.showcaseDiv .geminiSC4Ad.showSC4 { display: flex !important }
.showcaseDiv .geminiSC5Ad { display: none !important }
.showcaseDiv .geminiSC5Ad.showSC5 { display: flex !important }
.showcaseDiv .geminiSC6Ad { display: none !important }
.showcaseDiv .geminiSC6Ad.showSC6 { display: flex !important }
.showcaseDiv .geminiSC7Ad { display: none !important }
.showcaseDiv .geminiSC7Ad.showSC7 { display: flex !important }
.showcaseDiv .geminiSC8Ad { display: none !important }
.showcaseDiv .geminiSC8Ad.showSC8 { display: flex !important }
.showcaseDiv .geminiSC9Ad { display: none !important }
.showcaseDiv .geminiSC9Ad.showSC9 { display: flex !important }
.showcaseDiv .geminiSC10Ad { display: none !important }
.showcaseDiv .geminiSC10Ad.showSC10 { display: flex !important }
.showcaseDiv .geminiSCIGAd { display: none !important }
.showcaseDiv .geminiSCIGAd.showSCIG { display: flex !important }
.showcaseDiv img { border: none !important }
.showcaseDiv .geminiSC1Ad .hcSlider { display: none }
.showcaseDiv .geminiSC1Ad.showSC1 .hcSlider { display: inline-block }
.showcaseDiv .geminiSC1Ad.showSC1 .bx-wrapper, .showcaseDiv .geminiSC1Ad.showSC1 .bx-wrapper .bx-viewport { display: inline-block; width: 300px; height: 250px !important }
.showcaseDiv .geminiSC1Ad.showSC1 .bx-wrapper .bx-viewport .showcaseHCSlider li a { display: inline-block }
.showcaseDiv .geminiSC1Ad.showSC1 .bx-wrapper .bx-viewport .showcaseHCSlider li a img { max-width: 300px !important }
.showcaseDiv .geminiSC1Ad.showSC1 .bx-wrapper .bx-viewport .showcaseHCSlider li a iframe { width: 300px; height: 250px; pointer-events: none }
/** second showcase **/
.showcaseDiv .geminiSC2Ad .hcSlider { display: none }
.showcaseDiv .geminiSC2Ad.showSC2 .hcSlider { display: inline-block }
.showcaseDiv .geminiSC2Ad.showSC2 .bx-wrapper, .showcaseDiv .geminiSC2Ad.showSC2 .bx-wrapper .bx-viewport { display: inline-block; width: 300px; height: 250px !important }
.showcaseDiv .geminiSC2Ad.showSC2 .bx-wrapper .bx-viewport .showcaseHCSlider li a { display: inline-block }
.showcaseDiv .geminiSC2Ad.showSC2 .bx-wrapper .bx-viewport .showcaseHCSlider li a img { max-width: 300px !important }
.showcaseDiv .geminiSC2Ad.showSC2 .bx-wrapper .bx-viewport .showcaseHCSlider li a iframe { width: 300px; height: 250px; pointer-events: none }
.showcaseDiv .geminiSC3Ad .hcSlider { display: none }
.showcaseDiv .geminiSC3Ad.showSC3 .hcSlider { display: inline-block }
.showcaseDiv .geminiSC3Ad.showSC3 .bx-wrapper, .showcaseDiv .geminiSC3Ad.showSC3 .bx-wrapper .bx-viewport { display: inline-block; width: 300px; height: 250px !important }
.showcaseDiv .geminiSC3Ad.showSC3 .bx-wrapper .bx-viewport .showcaseHCSlider li a { display: inline-block }
.showcaseDiv .geminiSC3Ad.showSC3 .bx-wrapper .bx-viewport .showcaseHCSlider li a img { max-width: 300px !important }
.showcaseDiv .geminiSC3Ad.showSC3 .bx-wrapper .bx-viewport .showcaseHCSlider li a iframe { width: 300px; height: 250px; pointer-events: none }
.showcaseDiv .geminiSC4Ad .hcSlider { display: none }
.showcaseDiv .geminiSC4Ad.showSC4 .hcSlider { display: inline-block }
.showcaseDiv .geminiSC4Ad.showSC4 .bx-wrapper, .showcaseDiv .geminiSC4Ad.showSC4 .bx-wrapper .bx-viewport { display: inline-block; width: 300px; height: 250px !important }
.showcaseDiv .geminiSC4Ad.showSC4 .bx-wrapper .bx-viewport .showcaseHCSlider li a { display: inline-block }
.showcaseDiv .geminiSC4Ad.showSC4 .bx-wrapper .bx-viewport .showcaseHCSlider li a img { max-width: 300px !important }
.showcaseDiv .geminiSC4Ad.showSC4 .bx-wrapper .bx-viewport .showcaseHCSlider li a iframe { width: 300px; height: 250px; pointer-events: none }
.showcaseDiv .geminiSC5Ad .hcSlider { display: none }
.showcaseDiv .geminiSC5Ad.showSC5 .hcSlider { display: inline-block }
.showcaseDiv .geminiSC5Ad.showSC5 .bx-wrapper, .showcaseDiv .geminiSC5Ad.showSC5 .bx-wrapper .bx-viewport { display: inline-block; width: 300px; height: 250px !important }
.showcaseDiv .geminiSC5Ad.showSC5 .bx-wrapper .bx-viewport .showcaseHCSlider li a img { max-width: 300px !important }
.showcaseDiv .geminiSC6Ad .hcSlider { display: none }
.showcaseDiv .geminiSC6Ad.showSC6 .hcSlider { display: inline-block }
.showcaseDiv .geminiSC6Ad.showSC6 .bx-wrapper, .showcaseDiv .geminiSC6Ad.showSC6 .bx-wrapper .bx-viewport { display: inline-block; width: 300px; height: 250px !important }
.showcaseDiv .geminiSC6Ad.showSC6 .bx-wrapper .bx-viewport .showcaseHCSlider li a img { max-width: 300px !important }
.showcaseDiv .geminiSC7Ad .hcSlider { display: none }
.showcaseDiv .geminiSC7Ad.showSC7 .hcSlider { display: inline-block }
.showcaseDiv .geminiSC7Ad.showSC7 .bx-wrapper, .showcaseDiv .geminiSC7Ad.showSC7 .bx-wrapper .bx-viewport { display: inline-block; width: 300px; height: 250px !important }
.showcaseDiv .geminiSC7Ad.showSC7 .bx-wrapper .bx-viewport .showcaseHCSlider li a img { max-width: 300px !important }
.showcaseDiv .geminiSC8Ad .hcSlider { display: none }
.showcaseDiv .geminiSC8Ad.showSC8 .hcSlider { display: inline-block }
.showcaseDiv .geminiSC8Ad.showSC8 .bx-wrapper, .showcaseDiv .geminiSC8Ad.showSC8 .bx-wrapper .bx-viewport { display: inline-block; width: 300px; height: 250px !important }
.showcaseDiv .geminiSC8Ad.showSC8 .bx-wrapper .bx-viewport .showcaseHCSlider li a img { max-width: 300px !important }
.showcaseDiv .geminiSC9Ad .hcSlider { display: none }
.showcaseDiv .geminiSC9Ad.showSC9 .hcSlider { display: inline-block }
.showcaseDiv .geminiSC9Ad.showSC9 .bx-wrapper, .showcaseDiv .geminiSC9Ad.showSC9 .bx-wrapper .bx-viewport { display: inline-block; width: 300px; height: 250px !important }
.showcaseDiv .geminiSC9Ad.showSC9 .bx-wrapper .bx-viewport .showcaseHCSlider li a img { max-width: 300px !important }
.showcaseDiv .geminiSC10Ad .hcSlider { display: none }
.showcaseDiv .geminiSC10Ad.showSC10 .hcSlider { display: inline-block }
.showcaseDiv .geminiSC10Ad.showSC10 .bx-wrapper, .showcaseDiv .geminiSC10Ad.showSC10 .bx-wrapper .bx-viewport { display: inline-block; width: 300px; height: 250px !important }
.showcaseDiv .geminiSC10Ad.showSC10 .bx-wrapper .bx-viewport .showcaseHCSlider li a img { max-width: 300px !important }
/** Second Showcase **/
.showcaseDiv.secondSC { position: absolute; left: -330px; bottom: 0; margin-bottom: 0 }
/********** ASYNC OTP **********/
/** Desktop **/
.showOTP .showcaseDiv { overflow: visible; height: 266px; background: #fff }
.showOTP .showcaseDiv .showcase.sc1 { position: absolute; left: 0; width: 100%; background: none; }
.showOTP .showcaseDiv .sc1 iframe { width: 100%; height: 400px; display: inline-block; float: right; border: 0; left: 0; margin: 0 auto; margin-left: 0; overflow: visible; position: fixed; top: 130px; visibility: visible; z-index: 9999; }
.hideOTP .showcaseDiv .sc1 iframe { width: 300px; height: 250px !important; position: relative !important; top: 0; left: 0; margin: 0 !important; }
.hideOTP .showcaseDiv .showcase.sc1 { width: 300px; left: auto }
.showOTP .showcaseDiv .geminiSC1Ad.showSC1 { display: none !important }
.adAsync div[style] { width: auto !important; height: auto !important }
.featuredArea .leaderboard .adAsync iframe { width: 728px }
.showAnimateSC .showcaseDiv { overflow: visible; height: 266px; background: #fff }
.scToOL.ykShowAnimateSC .showcaseDiv { overflow: visible; height: 266px; background: #fff }
.showAnimateSC .showcaseDiv .showcase.sc1 { position: absolute; left: 0; width: 100%; background: none; }
.scToOL.ykShowAnimateSC .showcaseDiv .showcase.sc1 { position: absolute; left: 0; width: 100%; background: none; height: 100% }
.showAnimateSC .showcaseDiv .sc1 iframe { width: 100%; height: 100% !important; display: inline-block; float: right; border: 0; left: 0; margin: 0 auto; margin-left: 0; overflow: visible; position: fixed !important; top: 0; visibility: visible; z-index: 9999; }
.scToOL.ykShowAnimateSC .showcaseDiv .sc1 iframe { width: calc(85% - 24px); height: calc(100% - 288px) !important; display: inline-block; float: right; border: 0; left: auto; margin: 0 auto; margin-left: 0; overflow: visible; position: fixed !important; visibility: visible; z-index: 9999; }
.ykShowAnimateSC { position: fixed }
/********** ASYNC OVERLAY **********/
/** Desktop **/
.showOverlay .showcaseDiv { overflow: visible; height: 266px; background: #fff }
.showOverlay .showcaseDiv .showcase.sc1 { position: absolute; left: 0; width: 100%; background: none; }
.showOverlay .showcaseDiv .sc1 iframe { width: 100%; height: 100%; display: inline-block; float: right; border: 0; left: 0; margin: 0 auto; margin-left: 0; overflow: visible; position: absolute; bottom: 0; visibility: visible; z-index: 9999; }
.hideOverlay .showcaseDiv .sc1 iframe { width: 300px; height: 250px !important; position: relative !important; top: 0; left: 0; margin: 0 !important; }
.hideOverlay .showcaseDiv .showcase.sc1 { width: 300px; left: auto }
.showOverlay .showcaseDiv .geminiSC1Ad.showSC1 { display: none !important }
/*.showOverlay .sponsorAsync{display:none}
.hideOverlay .sponsorAsync{display:block}*/
/********** ASYNC Expandable Showcase **********/
/** Same ratio **/
.ExpandSCMain .showcaseDiv { overflow: visible; height: 266px; background: #fff }
.ExpandSCMain .showcaseDiv .showcase.sc1 { position: absolute; left: 0; width: 100%; background: none; }
.ExpandSCMain .showcaseDiv .showcase.sc1 iframe { width: 300px; height: 250px; display: inline-block; float: right; border: 0; left: 0px; margin: 0 auto; overflow: visible; position: absolute; top: 0; visibility: visible; z-index: 9999; transition: all 0.8s ease-in-out 0s; -webkit-transition: all 0.8s ease-in-out 0s; -moz-transition: all 0.8s ease-in-out 0s; -ms-transition: all 0.8s ease-in-out 0s; -o-transition: all 0.8s ease-in-out 0s; }
.ExpandSCMain.showExpand .showcaseDiv .showcase.sc1 iframe { width: 624px; height: 520px }
.ExpandSCMain .showcaseDiv .geminiSC1Ad.showSC1 { display: none !important }
/** Same ratio **/
.ExpandSCWide .showcaseDiv { overflow: visible; height: 266px; background: #fff }
.ExpandSCWide .showcaseDiv .showcase.sc1 { position: absolute; left: 0; width: 100%; background: none; }
.ExpandSCWide .showcaseDiv .showcase.sc1 iframe { width: 300px; height: 250px; display: inline-block; float: right; border: 0; left: 0px; margin: 0 auto; overflow: visible; position: absolute; top: 0; visibility: visible; z-index: 9999; transition: all 0.8s ease-in-out 0s; -webkit-transition: all 0.8s ease-in-out 0s; -moz-transition: all 0.8s ease-in-out 0s; -ms-transition: all 0.8s ease-in-out 0s; -o-transition: all 0.8s ease-in-out 0s; }
.ExpandSCWide.showExpand .showcaseDiv .showcase.sc1 iframe { width: 800px; height: 250px }
.ExpandSCWide .showcaseDiv .geminiSC1Ad.showSC1 { display: none !important }
/** Expandable Leaderboard **/
.ExpandLB .leaderboardDiv { overflow: visible; width: 728px; margin: 0 calc((100% - 728px) / 2) 20px; height: 106px; background: 0 0; transition: all 0.8s ease-in-out 0s; -webkit-transition: all 0.8s ease-in-out 0s; -moz-transition: all 0.8s ease-in-out 0s; -ms-transition: all 0.8s ease-in-out 0s; -o-transition: all 0.8s ease-in-out 0s; }
.ExpandLB.showExpand .leaderboardDiv { height: 331px }
.ExpandLB .leaderboardDiv .leaderboard.lb1 { position: relative; left: 0; width: 100%; background: none; height: 90px; z-index: 99; transition: all 0.8s ease-in-out 0s; -webkit-transition: all 0.8s ease-in-out 0s; -moz-transition: all 0.8s ease-in-out 0s; -ms-transition: all 0.8s ease-in-out 0s; -o-transition: all 0.8s ease-in-out 0s; }
.ExpandLB.showExpand .leaderboardDiv .leaderboard.lb1 { height: 315px }
.ExpandLB .leaderboardDiv .leaderboard.lb1 iframe { width: 728px; height: 90px; display: inline-block; float: right; border: 0; left: 0px; margin: 0 auto; overflow: visible; position: absolute; top: 0; visibility: visible; z-index: 9999; transition: all 0.8s ease-in-out 0s; -webkit-transition: all 0.8s ease-in-out 0s; -moz-transition: all 0.8s ease-in-out 0s; -ms-transition: all 0.8s ease-in-out 0s; -o-transition: all 0.8s ease-in-out 0s; }
.ExpandLB.showExpand .leaderboardDiv .leaderboard.lb1 iframe { width: 728px; height: 315px; z-index: 99999 }
.ExpandLB .leaderboardDiv .geminiLB1Ad.showLB1 { display: none !important }
/** Expandable Billboard **/
.ExpandLB .billboardDiv { overflow: visible; width: 728px; margin: 0 calc((100% - 728px) / 2) 20px; height: 106px; background: 0 0; transition: all 0.8s ease-in-out 0s; -webkit-transition: all 0.8s ease-in-out 0s; -moz-transition: all 0.8s ease-in-out 0s; -ms-transition: all 0.8s ease-in-out 0s; -o-transition: all 0.8s ease-in-out 0s; }
.ExpandLB.showExpand .billboardDiv { height: 331px }
.ExpandLB .billboardDiv .billboard.bb1 { position: relative; left: 0; width: 100%; background: none; height: 90px; z-index: 99; transition: all 0.8s ease-in-out 0s; -webkit-transition: all 0.8s ease-in-out 0s; -moz-transition: all 0.8s ease-in-out 0s; -ms-transition: all 0.8s ease-in-out 0s; -o-transition: all 0.8s ease-in-out 0s; }
.ExpandLB.showExpand .billboardDiv .billboard.bb1 { height: 315px }
.ExpandLB .billboardDiv .billboard.bb1 iframe { width: 728px; height: 90px; display: inline-block; float: right; border: 0; left: 0px; margin: 0 auto; overflow: visible; position: absolute; top: 0; visibility: visible; z-index: 9999; transition: all 0.8s ease-in-out 0s; -webkit-transition: all 0.8s ease-in-out 0s; -moz-transition: all 0.8s ease-in-out 0s; -ms-transition: all 0.8s ease-in-out 0s; -o-transition: all 0.8s ease-in-out 0s; }
.ExpandLB.showExpand .billboardDiv .billboard.bb1 iframe { width: 728px; height: 315px; z-index: 99999 }
.ExpandLB .billboardDiv .geminiBB1Ad.showBB1 { display: none !important }
/** Leaderboard **/
.leaderboardDiv { display: inline-block; width: 100%; float: right; text-align: center; }
.leaderboardCnts { display: inline-block; width: auto; height: auto; margin: 0 auto; box-shadow: none; min-width: 728px }
.leaderboardDiv .adTtl { font-family: droidLight, arial; text-align: center; color: #b9b9b9; background: #fff; font-size: 11px; width: auto; height: 16px; line-height: 1.4; cursor: default }
.leaderboardDiv .leaderboard { background: #f2f2f2; width: auto; height: auto; display: flex }
/*.leaderboardDiv .leaderboard iframe{width:100%;height:100%}*/
.leaderboardDiv .leaderboard > div { float: right; display: flex }
.leaderboardDiv .geminiLB1Ad { display: none !important }
.leaderboardDiv .geminiLB1Ad.showLB1 { display: flex !important }
.leaderboardDiv .geminiLB2Ad { display: none !important }
.leaderboardDiv .geminiLB2Ad.showLB2 { display: flex !important }
.leaderboardDiv .geminiLB3Ad { display: none !important }
.leaderboardDiv .geminiLB3Ad.showLB3 { display: flex !important }
.leaderboardDiv .geminiLB4Ad { display: none !important }
.leaderboardDiv .geminiLB4Ad.showLB4 { display: flex !important }
.leaderboardDiv .geminiLB5Ad { display: none !important }
.leaderboardDiv .geminiLB5Ad.showLB5 { display: flex !important }
.leaderboardDiv .geminiLB6Ad { display: none !important }
.leaderboardDiv .geminiLB6Ad.showLB6 { display: flex !important }
.leaderboardDiv .geminiLB7Ad { display: none !important }
.leaderboardDiv .geminiLB7Ad.showLB7 { display: flex !important }
.leaderboardDiv .geminiLB8Ad { display: none !important }
.leaderboardDiv .geminiLB8Ad.showLB8 { display: flex !important }
.leaderboardDiv .geminiLB9Ad { display: none !important }
.leaderboardDiv .geminiLB9Ad.showLB9 { display: flex !important }
.leaderboardDiv .geminiLB10Ad { display: none !important }
.leaderboardDiv .geminiLB10Ad.showLB10 { display: flex !important }
.leaderboardDiv img { border: none !important }
.leaderboardDiv .geminiLB1Ad .hcSlider { display: none }
.leaderboardDiv .geminiLB1Ad.showLB1 .hcSlider { display: inline-block }
.leaderboardDiv .geminiLB1Ad.showLB1 .bx-wrapper, .leaderboardDiv .geminiLB1Ad.showLB1 .bx-wrapper .bx-viewport { display: inline-block; width: 728px; height: 90px !important }
.leaderboardDiv .geminiLB1Ad.showLB1 .bx-wrapper .bx-viewport .LeaderBoardHCSlider li a { display: inline-block }
.leaderboardDiv .geminiLB1Ad.showLB1 .bx-wrapper .bx-viewport .LeaderBoardHCSlider li a img { max-width: 728px !important }
.leaderboardDiv .geminiLB1Ad.showLB1 .bx-wrapper .bx-viewport .LeaderBoardHCSlider li a iframe { width: 728px; height: 90px; pointer-events: none }
.leaderboardDiv .geminiLB2Ad .hcSlider { display: none }
.leaderboardDiv .geminiLB2Ad.showLB2 .hcSlider { display: inline-block }
.leaderboardDiv .geminiLB2Ad.showLB2 .bx-wrapper, .leaderboardDiv .geminiLB2Ad.showLB2 .bx-wrapper .bx-viewport { display: inline-block; width: 728px; height: 90px !important }
.leaderboardDiv .geminiLB2Ad.showLB2 .bx-wrapper .bx-viewport .LeaderBoardHCSlider li a { display: inline-block }
.leaderboardDiv .geminiLB2Ad.showLB2 .bx-wrapper .bx-viewport .LeaderBoardHCSlider li a img { max-width: 728px !important }
.leaderboardDiv .geminiLB2Ad.showLB2 .bx-wrapper .bx-viewport .LeaderBoardHCSlider li a iframe { width: 728px; height: 90px; pointer-events: none }
.leaderboardDiv .geminiLB3Ad .hcSlider { display: none }
.leaderboardDiv .geminiLB3Ad.showLB3 .hcSlider { display: inline-block }
.leaderboardDiv .geminiLB3Ad.showLB3 .bx-wrapper, .leaderboardDiv .geminiLB3Ad.showLB3 .bx-wrapper .bx-viewport { display: inline-block; width: 728px; height: 90px !important }
.leaderboardDiv .geminiLB3Ad.showLB3 .bx-wrapper .bx-viewport .LeaderBoardHCSlider li a { display: inline-block }
.leaderboardDiv .geminiLB3Ad.showLB3 .bx-wrapper .bx-viewport .LeaderBoardHCSlider li a img { max-width: 728px !important }
.leaderboardDiv .geminiLB3Ad.showLB3 .bx-wrapper .bx-viewport .LeaderBoardHCSlider li a iframe { width: 728px; height: 90px; pointer-events: none }
.leaderboardDiv .geminiLB4Ad .hcSlider { display: none }
.leaderboardDiv .geminiLB4Ad.showLB4 .hcSlider { display: inline-block }
.leaderboardDiv .geminiLB4Ad.showLB4 .bx-wrapper, .leaderboardDiv .geminiLB4Ad.showLB4 .bx-wrapper .bx-viewport { display: inline-block; width: 728px; height: 90px !important }
.leaderboardDiv .geminiLB4Ad.showLB4 .bx-wrapper .bx-viewport .LeaderBoardHCSlider li a { display: inline-block }
.leaderboardDiv .geminiLB4Ad.showLB4 .bx-wrapper .bx-viewport .LeaderBoardHCSlider li a img { max-width: 728px !important }
.leaderboardDiv .geminiLB4Ad.showLB4 .bx-wrapper .bx-viewport .LeaderBoardHCSlider li a iframe { width: 728px; height: 90px; pointer-events: none }
.leaderboardDiv .geminiLB5Ad .hcSlider { display: none }
.leaderboardDiv .geminiLB5Ad.showLB5 .hcSlider { display: inline-block }
.leaderboardDiv .geminiLB5Ad.showLB5 .bx-wrapper, .leaderboardDiv .geminiLB5Ad.showLB5 .bx-wrapper .bx-viewport { display: inline-block; width: 728px; height: 90px !important }
.leaderboardDiv .geminiLB5Ad.showLB5 .bx-wrapper .bx-viewport .LeaderBoardHCSlider li a img { max-width: 728px !important }
.leaderboardDiv .geminiLB6Ad .hcSlider { display: none }
.leaderboardDiv .geminiLB6Ad.showLB6 .hcSlider { display: inline-block }
.leaderboardDiv .geminiLB6Ad.showLB6 .bx-wrapper, .leaderboardDiv .geminiLB6Ad.showLB6 .bx-wrapper .bx-viewport { display: inline-block; width: 728px; height: 90px !important }
.leaderboardDiv .geminiLB6Ad.showLB6 .bx-wrapper .bx-viewport .LeaderBoardHCSlider li a img { max-width: 728px !important }
.leaderboardDiv .geminiLB7Ad .hcSlider { display: none }
.leaderboardDiv .geminiLB7Ad.showLB7 .hcSlider { display: inline-block }
.leaderboardDiv .geminiLB7Ad.showLB7 .bx-wrapper, .leaderboardDiv .geminiLB7Ad.showLB7 .bx-wrapper .bx-viewport { display: inline-block; width: 728px; height: 90px !important }
.leaderboardDiv .geminiLB7Ad.showLB7 .bx-wrapper .bx-viewport .LeaderBoardHCSlider li a img { max-width: 728px !important }
.leaderboardDiv .geminiLB8Ad .hcSlider { display: none }
.leaderboardDiv .geminiLB8Ad.showLB8 .hcSlider { display: inline-block }
.leaderboardDiv .geminiLB8Ad.showLB8 .bx-wrapper, .leaderboardDiv .geminiLB8Ad.showLB8 .bx-wrapper .bx-viewport { display: inline-block; width: 728px; height: 90px !important }
.leaderboardDiv .geminiLB8Ad.showLB8 .bx-wrapper .bx-viewport .LeaderBoardHCSlider li a img { max-width: 728px !important }
.leaderboardDiv .geminiLB9Ad .hcSlider { display: none }
.leaderboardDiv .geminiLB9Ad.showLB9 .hcSlider { display: inline-block }
.leaderboardDiv .geminiLB9Ad.showLB9 .bx-wrapper, .leaderboardDiv .geminiLB9Ad.showLB9 .bx-wrapper .bx-viewport { display: inline-block; width: 728px; height: 90px !important }
.leaderboardDiv .geminiLB9Ad.showLB9 .bx-wrapper .bx-viewport .LeaderBoardHCSlider li a img { max-width: 728px !important }
.leaderboardDiv .geminiLB10Ad .hcSlider { display: none }
.leaderboardDiv .geminiLB10Ad.showLB10 .hcSlider { display: inline-block }
.leaderboardDiv .geminiLB10Ad.showLB10 .bx-wrapper, .leaderboardDiv .geminiLB10Ad.showLB10 .bx-wrapper .bx-viewport { display: inline-block; width: 728px; height: 90px !important }
.leaderboardDiv .geminiLB10Ad.showLB10 .bx-wrapper .bx-viewport .LeaderBoardHCSlider li a img { max-width: 728px !important }
.leaderboardDiv .adAsync iframe { min-width: 728px }
.hcSlider ul, .hcSlider li { width: 100% !important; margin: 0 !important; height: 100% !important }
.hcSlider li { width: 100% !important; background: none !important; border: none !important }
/** Billboard **/
.billboardDiv { display: inline-block; width: 100%; float: right; text-align: center; }
.billboardCnts { display: inline-block; width: auto; height: auto; overflow: hidden; margin: 0 auto; box-shadow: none; min-width: 320px }
.billboardDiv .adTtl { font-family: droidLight, arial; text-align: center; color: #b9b9b9; background: #fff; font-size: 11px; width: auto; height: 16px; line-height: 1.6; cursor: default }
.billboardDiv .billboard { background: #f2f2f2; width: auto; height: auto; display: flex }
.billboardDiv .billboard > div { float: right; display: flex }
.billboardDiv .geminiBB1Ad { display: none !important }
.billboardDiv .geminiBB1Ad.showBB1 { display: flex !important }
.billboardDiv img { border: none !important }
.billboardDiv .geminiBB1Ad .hcSlider { display: none }
.billboardDiv .geminiBB1Ad.showBB1 .hcSlider { display: inline-block }
.billboardDiv .geminiBB1Ad.showBB1 .bx-wrapper, .billboardDiv .geminiBB1Ad.showBB1 .bx-wrapper .bx-viewport { display: inline-block; width: 728px; height: 90px !important }
.billboardDiv .geminiBB1Ad.showBB1 .bx-wrapper .bx-viewport .LeaderBoardHCSlider li a { display: inline-block }
.billboardDiv .geminiBB1Ad.showBB1 .bx-wrapper .bx-viewport .LeaderBoardHCSlider li a img { max-width: 728px !important }
.billboardDiv .geminiBB1Ad.showBB1 .bx-wrapper .bx-viewport .LeaderBoardHCSlider li a iframe { width: 728px; height: 90px; pointer-events: none }
/********** Monster **********/
.monsterDiv { display: inline-block; width: 300px; float: right; height: 616px; overflow: hidden; margin-bottom: 20px; box-shadow: none; min-width: 300px }
.monsterDiv .adTtl { font-family: droidLight, arial; text-align: center; color: #b9b9b9; background: #fff; font-size: 11px; width: 300px; height: 16px; line-height: 1.6; cursor: default }
.monsterDiv .monster { background: #f2f2f2; width: 300px; height: auto; display: flex }
.monsterDiv .geminiMonsterAd { display: none !important }
.monsterDiv .geminiMonsterAd.showMonster { display: flex !important }
.monsterDiv img { border: none !important }
.monsterDiv .geminiMonsterAd .hcSlider { display: none }
.monsterDiv .geminiMonsterAd.showMonster .hcSlider { display: inline-block }
.monsterDiv .geminiMonsterAd.showMonster .bx-wrapper, .monsterDiv .geminiMonsterAd.showMonster .bx-wrapper .bx-viewport { display: inline-block; width: 300px; height: 600px !important }
.monsterDiv .geminiMonsterAd.showMonster .bx-wrapper .bx-viewport .monsterHCSlider li a { display: inline-block }
.monsterDiv .geminiMonsterAd.showMonster .bx-wrapper .bx-viewport .monsterHCSlider li a img { max-width: 300px !important }
.monsterDiv .geminiMonsterAd.showMonster .bx-wrapper .bx-viewport .monsterHCSlider li a iframe { width: 300px; height: 600px; pointer-events: none }
/********** Interscroller **********/
/*.interscrollerIframe, article .details .interscrollerIframe{display:none;margin:0;height:auto;width:100%;}
.interscrollerShow .interscrollerIframe, .interscrollerShow article .details .interscrollerIframe{display:block}*/
#InterScroller { float: right; display: inline-block; width: 100%; }
.interscrollerShow .interScrollerAsync, .interscrollerShow article .details .interScrollerAsync { display: inline-block; position: relative; float: left; width: 100%; margin-bottom: 20px; margin-top: 16px }
.interScrollerAsync, article .details .interScrollerAsync { display: none }
.interScrollerAsync > div, article .details .interScrollerAsync > div { width: 100% !important }
.isAdTtl, article .details .isAdTtl { font-family: droidLight,arial; text-align: center !important; color: #b9b9b9 !important; background: #000; font-size: 11px !important; width: 100%; position: absolute; z-index: 2; height: 16px; right: calc(((100% - 85%) / 2) + 12px); line-height: 1.5; cursor: default; margin: 0 !important; display: inline-block; float: right; transition: none; -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; }
.isAdTtl.first, article .details .isAdTtl.first { top: 0; right: 0 !important; z-index: 3 }
.isAdTtl.spareLast, article .details .isAdTtl.spareLast { bottom: 0; position: fixed; display: none }
.showAdttl .isAdTtl.spareLast, article .details .showAdttl .isAdTtl.spareLast { display: inline-block }
.isAdTtl.last, article .details .isAdTtl.last { display: none }
.isWrapper, article .details .isWrapper { width: 100%; display: inline-block; float: right; border: 0; background: #f2f2f2; box-sizing: content-box; clip-path: inset(0 0 0 0); -webkit-clip-path: inset(0 0 0 0); -moz-clip-path: inset(0 0 0 0); -ms-clip-path: inset(0 0 0 0); -o-clip-path: inset(0 0 0 0); left: 0; margin: 0 auto; overflow: visible; position: relative; top: 16px; visibility: visible; z-index: auto; }
.isWrapper > div, article .details .isWrapper > div { position: relative; z-index: 1; overflow: hidden; width: 100% !important; padding-bottom: 41.4% }
.isWrapper > div > div, article .details .isWrapper > div > div { width: 100% !important; height: 100% !important; position: absolute; top: 0; right: 0 }
.isWrapper > div > div iframe, article .details .isWrapper > div > div iframe { position: fixed !important; width: inherit; height: inherit; border: none; z-index: 1; margin: 0 !important; right: calc(((100% - 85%) / 2) + 12px); right: -webkit-calc(((100% - 85%) / 2) + 12px); bottom: 16px }
/*.isWrapper > div > div.active iframe,
.isWrapper > div > div:hover iframe, article .details .isWrapper > div > div.active iframe, article .details .isWrapper > div > div:hover iframe {pointer-events: all;}*/
.isWrapper .closeIS { position: absolute; top: 10px; right: 10px; width: 30px; height: 30px; border-radius: 15px; background: rgba(0,0,0,0.7); color: #fff; text-align: center; font-family: Arial; font-size: 26px; line-height: 1.1; font-weight: normal; z-index: 3; visibility: hidden; opacity: 0; transition: all 0.2s ease-in-out 0s; -webkit-transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; -ms-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; }
.scrollISFrame .isWrapper .closeIS { visibility: visible; opacity: 1 }
.scrollISFrame .isWrapper > div > div iframe, article .details .scrollISFrame .isWrapper > div > div iframe { position: absolute !important; right: 0 !important; top: 0; bottom: auto !important }
.scrollISFrame .isAdTtl.spareLast, article .details .scrollISFrame .isAdTtl.spareLast { position: absolute !important; right: 0 !important }
.scrollISFrame .isAdTtl.spareLast, article .details .scrollISFrame .isAdTtl.spareLast { display: none }
.scrollISFrame .isAdTtl.last, article .details .scrollISFrame .isAdTtl.last { z-index: 4; display: inline-block !important; bottom: 0 }
.fixedIS .isWrapper .closeIS { visibility: hidden; opacity: 0 }
.fixedIS .isWrapper > div > div iframe, article .details .fixedIS .isWrapper > div > div iframe { position: fixed !important; right: calc(((100% - 85%) / 2) + 12px) !important; top: 65px }
.fixedIS .isAdTtl.first, article .details .fixedIS .isAdTtl.first { position: fixed; top: 50px; right: calc(((100% - 85%) / 2) + 12px) !important }
.showOverlay.cafLandingPage .sc1 .adAsync { z-index: 99999999999999 }
.showOverlay.cafLandingPage .sc1 .adAsync { padding-bottom: 0 !important; height: 100% !important }

@media only screen and (max-width: 1023px) {
    .isWrapper > div > div iframe, article .details .isWrapper > div > div iframe { right: 10px !important }
    .fixedIS .isAdTtl.first, article .details .fixedIS .isAdTtl.first { right: 10px !important }
    .fixedIS .isWrapper > div > div iframe, article .details .fixedIS .isWrapper > div > div iframe { right: 10px !important }
    .isAdTtl.spareLast, article .details .isAdTtl.spareLast { right: 10px !important }
}

@media screen and (min-width:320px) and (max-width:767px) {
    .isWrapper > div > div iframe, article .details .isWrapper > div > div iframe { right: 10px !important; bottom: auto !important; top: calc(50% + 25px); transform: translateY(-50%) }
    .isWrapper > div, article .details .isWrapper > div { padding-bottom: 196%; }
    .fixedIS .isWrapper > div > div iframe, article .details .fixedIS .isWrapper > div > div iframe { top: calc(50% + 25px) }
    .QEntryPoint { width: 100%; margin: 0; padding: 10px }
    .QEntryPoint .QDetails { width: 100% }
    .QEntryPoint .YKIcon { position: relative !important; top: auto; right: auto; margin: 15px calc((100% - 72px) /2) !important }
    .QEntryPoint .YKIcon img { float: right; margin: 0 0 0 8px !important; width: 16px }
    .QEntryPoint .YKIcon span { float: right; color: #0277bd; font-size: 16px; line-height: 1.2; font-family: droidBold,Arial !important; display: inline-block !important; float: right }
    .QEntryPoint span { display: none }
    .QEntryPoint h5 { text-align: center; font-size: 14px !important }
    .QEntryPoint .Qimg { display: none }
    .QEntryPoint .Begin { width: 100%; font-size: 15px !important; line-height: 2.5; margin: 20px 0 15px 0 !important }
    .leaderboardDiv .adAsync iframe { min-width: 320px }
    .featuredArea .leaderboard .adAsync iframe { min-width: 300px; width: auto }
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    /* Safari and Chrome */
    /* Safari only override */
    ::i-block-chrome, .isWrapper > div > div iframe, article .details .isWrapper > div > div iframe { right: 10px !important; bottom: auto !important; top: -50px; transform: none; }
    ::i-block-chrome, .fixedIS .isWrapper > div > div iframe, article .details .fixedIS .isWrapper > div > div iframe { top: -50px; }
    ::i-block-chrome, .scrollISFrame .isWrapper > div > div iframe, article .details .scrollISFrame .isWrapper > div > div iframe { top: -50px !important; right: 10px !important; position: fixed !important }
}
/********** ASYNC Native Ads **********/
.nativeAds { position: absolute; z-index: 2; width: 100%; background: #fff; }
.nativeAds.relArticle iframe { height: 44px; width: 100%; margin: 0; }

@media screen and (min-width:320px) and (max-width:767px) {
    .nativeAds iframe { height: 80px }
}

.listing .hcSlider ul { min-height: unset !important }
.listing .hcSlider ul li a img { position: relative }
/********** Mobile Sticky Bar **********/
.mobStickyBar { position: fixed; display: inline-block; width: 100%; display: none; background: #fff; bottom: 0; left: 0; right: 0; z-index: 9999 }
.mobStickyBar .ad { width: 320px; height: 50px; margin: 5px calc((100% - 320px) / 2) }
/****** MinByMin   *******/
.MinByMin { position: fixed; bottom: 0; left: 0; z-index: 4; color: #FFF; width: 100%; background-color: #000; text-align: center; /*display:none;*/ }
.MinByMin .cont { display: inline-block; width: 100%; padding: 5px 10px 2px; margin-right: auto; margin-left: auto; }
.MinByMin .cont .minImg img { display: inline-block; width: 100%; height: auto }
.MinByMin div { display: inline-block; padding: 0 8px 0px; }
.MinByMin .minImg { float: right; display: inline-block; height: 76px; width: 76px; padding: 0 }
.MinByMin .teamA,
.MinByMin .teamB { width: calc((100% - 626px) / 2); float: right; margin-top: 8px }
.MinByMin .teamA a { float: left }
.MinByMin .teamB a { float: right }
.MinByMin .teamA a img,
.MinByMin .teamB a img { height: 60px; width: auto; border: none; display: inline-block; }
.MinByMin .teamA a p,
.MinByMin .teamB a p { color: #FFF; display: inline-block; font-family: droidLight, arial; }
.MinByMin .resultDiv { width: 150px; height: 50px; display: inline-block; position: relative; float: right; }
.MinByMin .resultDiv a { color: #FFF; }
.MinByMin .resultDiv .result { display: inline-block; width: 100%; margin-top: 10px; padding: 0; }
.MinByMin .resultDiv .result span { font-family: droidLight, arial; font-size: 30px; font-weight: bold; width: 40%; }
.MinByMin .resultDiv .result span:first-child { float: right; }
.MinByMin .resultDiv .result span:last-child { float: left; }
.MinByMin .resultDiv p { display: inline-block; float: right; width: 100%; color: #b9b9b9; font-family: droidLight,Arial; font-size: 13px; text-align: center; position: absolute; top: 90px; }
.MinByMin .resultDiv .matchResult { width: 100%; display: inline-block; float: right; }
.MinByMin .resultDiv .countUp { display: inline-block; position: absolute; bottom: 0; top: 60px; left: -24px; width: 114px; text-align: center; color: #7e7e7e; font-size: 18px; font-family: arial }
.MinByMin li .resultDiv .countUp.start:after { display: none }
.MinByMin .matchInfo { float: right; display: inline-block; width: 400px; margin-top: 6px; }
.MinByMin .text-Match { background-color: #2e2e2e; width: 100%; display: inline-block; position: relative; float: right; }
.MinByMin .text-Match p { width: 85%; color: #fff; margin-right: 30px; font-family: droidLight, arial; font-size: 12px; height: 64px; overflow: hidden; padding-top: 4px; line-height: 1.6 }
.MinByMin .text-Match span { color: #0277bd; font-weight: bold; font-size: 18px; display: inline-block; position: absolute; right: 0; top: 4px; width: 8%; font-family: arial; }
.MinByMin .text-Match span:after { content: ""; display: block; position: absolute; top: 0; left: 50%; margin-left: -17px; height: 26px; width: 26px; z-index: 1; border-radius: 50%; }
.MinByMin .text-Match span.preMatch:after { background: url(../../Images/preMatch.png) center center no-repeat; background-size: 22px; }
.MinByMin .ads { width: 10%; height: 100%; margin-right: 8px; float: left; margin-top: 15px; display: none; }
.IconArrow { display: block !important; background-color: #ff1a3b; height: 6px; width: 100%; padding: 0 !important; z-index: 3; position: relative; }
.IconArrow span { position: relative; bottom: 22px; left: 42%; background-color: #ff1a3b; padding: 3px 3px 0px; border: 2px solid #ff1a3b; border-bottom: none; color: #FFF; cursor: pointer; height: 22px; width: 26px; display: inline-block }
.IconArrow span:before { content: "F"; line-height: 1 }
.IconArrow .rotate:before { content: "F"; line-height: 1.1; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }
.img-responsive { width: 100%; height: 100% }
.man-match { width: 300px; height: 80px; background: #000; position: absolute; left: 10%; top: -80px; }
.man-match .man-matchImage { width: 70px; height: 70px; border-radius: 0; margin-top: 5px; border: none; overflow: hidden; position: relative; float: right; margin-left: 10px; background: #0277bd; }
.man-match .man-matchImage img { width: auto; height: 100px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.man-match .man-matchImage span.manlike { width: 24px; height: 24px; background-color: #0277bd; position: absolute; left: 0; bottom: 0; border-radius: 50%; }
.man-match .man-matchImage span.manlike img { height: 15px; position: absolute; top: 11px; left: 11px; }
/*.man-match .man-matchImage span.manlike:before{background: url(../../Images/likePlayer.png) center center no-repeat;
    margin-top: 2px;}*/
.man-match .man-matchData { width: calc(100% - 80px) }
.man-match .man-matchTxt { color: #fff; font-family: droidLight, arial; font-size: 12px; line-height: 1.5; margin-top: 5px; display: inline-block; }
.man-match .man-matchName { color: #fff; font-family: droidBold, Arial; font-size: 16px }
.man-match .man-matchIcn { float: left; width: 47px; margin-left: -30px; margin-top: -7px }
.man-match .voting { text-align: right; font-family: droidBold, Arial; font-size: 12px; color: #fff; display: inline-block; float: right }
.man-match .voting span { margin-right: 5px; font-family: droidLight,arial; font-size: 14px }
.man-match .goVoting { font-family: droidLight, Arial; font-size: 10px; color: #fff; display: inline-block; float: left; background-color: #0277bd; padding: 0 4px; margin-top: 5px }
.man-match .closeMin { position: absolute; left: 3px; top: 3px; }
.man-match .closeMin:before { content: 'B'; color: #fff; font-size: 11px }
.closeManPop .man-match { display: none }
/*** Min by Min Sponsor ***/
.ACNSponsor .hidden-xs { display: none }
.ACNSponsor .SponsorCont { float: right; display: inline-block; padding: 0; margin: 0; width: 76px; height: 76px }
.ACNSponsor .SponsorCont div { padding: 0 !important }
.ACNSponsor .SponsorCont .item { position: relative !important }
/*** EntryPoint ***/

.active { display: block; }
.Unactive { display: none !important; }
/** Euro 2020 **/
.euroStrip .euroMain .FullWidthBK { position: relative; margin-bottom: 0; margin-top: 0; }
.euroStrip .EntryPoint { height: 160px }
.euroStrip .EntryPoint:after { display: none }
.euroStrip .EntryPoint .cont { padding: 0; height: auto; bottom: 0 }
.euroStrip .euroMain .FullWidthBK:after { height: 100% }
.euroStrip .euroMain .FullWidthBK h1 { position: absolute; right: calc(15% / 2); top: 50%; transform: translateY(calc(-50% - 20px)); width: 300px }
.euroStrip .euroMain .FullWidthBK h1:after { content: "تابع آخر أخبار بطولة أمم اوروبا"; font-family: droidLight, Arial; font-size: 16px; color: #fff; position: absolute; bottom: -30px; right: 0; font-weight: normal }
.euroStrip .EntryIconArrow { top: -26px; position: absolute; right: calc(15% / 2); width: 26px; height: 26px; bottom: 0; background: #6a81c3 }
.euroStrip .EntryIconArrow span { background: none; padding: 0; border: none; width: 100%; height: 100% }
.euroStrip .EntryPoint .entryPointBtn { top: 0 }
.euroStrip .euroMain .FullWidthBK h1:before { content: "تابع الآن"; font-family: droidLight, Arial; font-size: 15px; position: absolute; bottom: -26px; right: 100%; font-weight: normal; background: #6a81c3; text-align: center; color: #fff; line-height: 2.6; border-radius: 6px; overflow: hidden; width: 150px; height: 40px }
.euroStrip .EntryIconArrow span:before { line-height: 1.8 }
.euroInner .euroStrip .euroMain .FullWidthBK .euroHeader,
.euroInner .euroStrip .euroMain .FullWidthBK:after { display: inline-block }
.hideOTP .euroStrip .EntryPoint { z-index: 9999 }
/*** SMS ***/
.Mian-SMS .BackgroundSMS { width: 100%; height: 200px; background-image: url(../../Images/Backgroundsms.jpg); background-repeat: no-repeat; background-position: 50% 0; }
.Mian-SMS .leaderboardSMS { display: inline-block; width: auto; height: auto; overflow: hidden; margin: 0 auto; box-shadow: none; min-width: 728px; min-height: 106px; margin-top: 20px; }
.Mian-SMS .ClipTitles { text-align: right; }
.ClipTitles span { padding: 8px 10px; background-color: #e0e0e0; display: block; font-family: droidLight, arial; font-size: 14px; font-weight: bold; border-right: 4px solid #000; }
.Mian-SMS .TextSMS { margin-top: 20px; }
.Mian-SMS .TextSMS p { text-align: center; width: 55%; height: 48px; overflow: hidden; margin: 0 auto; line-height: 1.6; font-family: droidLight, arial; font-size: 16px; }
.Mian-SMS .TextInput { background-color: #FFF; height: 100px; width: 50%; margin: 0 auto; margin-top: 40px; }
.Mian-SMS .TextInput span::before { content: 'r'; }
.Mian-SMS .TextInput .InputGroup { position: relative; top: 30%; width: 50%; margin: 0 auto; }
.Mian-SMS .TextInput .InputGroup #inputSearch { width: 100%; height: 40px; padding: 5px; outline: none; font-family: droidLight, arial; font-size: 14px; }
.Mian-SMS .TextInput .InputGroup #inputSearch:focus { border: 1px solid #bfbfbf !important; }
.Mian-SMS .TextInput .InputGroup #inputSearch::placeholder { color: #000; }
.Mian-SMS .TextInput .InputGroup #inputSearch:-ms-input-placeholder { color: #000; }
.Mian-SMS .TextInput .InputGroup #inputSearch::-ms-input-placeholder { color: #000; }
.Mian-SMS .TextInput .InputGroup span { position: absolute; top: 0; left: 0px; background-color: #0b6fb2; width: 35px; height: 100%; color: #FFF; padding: 6px; }
.Mian-SMS .SMSList { margin-top: 50px; margin-bottom: 30px; }
.Mian-SMS .SMSList .titlelist { text-align: center; background-color: #000; color: #FFF; font-family: droidLight, arial; font-size: 14px; margin-bottom: 10px; }
.Mian-SMS .SMSList ul { display: flex; flex-direction: row; justify-content: space-around; flex-flow: wrap; }
.Mian-SMS .SMSList ul li { background-color: #FFF; width: 370px; height: 350px; text-align: center; border-radius: 5px; padding-top: 20px; margin-bottom: 20px; }
.Mian-SMS .SMSList ul li p { text-align: center; height: 120px; line-height: 1.5; font-family: droidLight, arial; font-size: 14px; overflow: hidden; }
/***** Group Standing *****/
.GroupStanding { width: calc(100% - 320px); margin-left: 20px }
.GroupStanding .table { margin-top: 0; margin-bottom: 20px }
.GroupStanding .table .wRow .team { padding-right: 0; }
/***** ChooseSquadInt *****/
.LandingPage { margin-bottom: 40px; position: relative; background-image: url(../../Images/backgroundLanding.png); background-size: cover; background-repeat: no-repeat; width: 100%; overflow: hidden; padding-bottom: 67%; }
.LandingPage.ahpy { margin-bottom: 0; background-image: url(../../Images/AhlyPyramids/AhlyVSPyramidsBG.jpg); }
.LandingPage .landingTeam { position: absolute; left: -8%; top: 170px; }
.LandingPage.ahpy .landingTeam { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 430px; margin-top: 50px; }
.LandingPage .landingTeam .line { display: inline-block; float: right; }
.LandingPage .landingTeam .TeamOne span,
.LandingPage .landingTeam .TeamTwo span { display: block; font-family: droidLight, Arial; font-weight: bold; color: #FFF; font-size: 20px; text-shadow: 2px 2px #000; max-width: 70px; margin: 0 auto; }
.LandingPage .landingTeam .VS { width: 15%; margin-top: 10px; }
.LandingPage .landingTeam .VS img { width: 65%; }
.LandingPage .landingTeam .TeamOne img { max-width: 150px; height: 75px; }
.LandingPage .landingTeam .TeamTwo img { max-width: 150px; height: 75px; }
.LandingPage.ahpy .landingTeam img { width: 215px; height: auto; max-width: unset }
.LandingPage.ahpy .teamsName { display: inline-block; width: 220px; margin-top: 10px }
.LandingPage.ahpy .teamsName p { font-family: beinblack, Arial; font-size: 68px; text-align: center; direction: rtl; line-height: 1.2 }
.LandingPage.ahpy .teamsName p:first-child { color: #ff0000; text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px 0 #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff,1px 1px 5px #fff; }
.LandingPage.ahpy .teamsName p:last-child { color: #fff; text-shadow: 2px 0 0 #1f90cd, -2px 0 0 #1f90cd, 0 2px 0 #1f90cd, 0 -2px 0 #1f90cd, 1px 1px 0 #1f90cd, -1px -1px 0 #1f90cd, 1px -1px 0 #1f90cd, -1px 1px 0 #1f90cd,1px 1px 5px #1f90cd; }
.chooseSquadDiv .SquadInt { background-image: none; }
.chooseSquadDiv .SquadInt .BGSquadInt { position: absolute; right: 0; height: 100%; }
.chooseSquadDiv .SquadInt .logoSquadInt { width: 150px; height: 80px; position: relative; bottom: 30px; left: 30px; }
.chooseSquadDiv .SquadInt .logoSquadInt img { max-width: 100%; height: 100%; }
.chooseSquadDiv .SquadInt .player-image { width: 180px; height: 240px; border-radius: 10px; }
.chooseSquadDiv .SquadInt .playerDtls { margin-top: 0; }
.chooseSquadDiv .SquadInt .buttons { margin: 65px 0 0 0; }
.chooseSquadDiv .SquadInt .stepThree { z-index: 3 }
.chooseSquadDiv .SquadInt .stepThree .top-content h4 span { display: block; }
.chooseSquadDiv .SquadInt .stepThree .top-content .team-image { height: 153px; width: 114px; margin: 0 22px; margin-bottom: 20px; }
.squadPage .content-wrap { padding: 0; min-height: unset }
.squadPage .content { padding: 0 }
.LandingPage.CAF { background-image: url(../../Images/ChooseSquad/chooseSquadLanding.jpg?ref=0.2); margin-bottom: 0; padding-bottom: 56%; }
.LandingPage.CAF .landingTeam { left: 50%; transform: translateX(-50%); width: 50%; bottom: 26%; top: auto }
.LandingPage.CAF .landingTeam .line.TeamTwo { float: left }
.LandingPage.CAF .landingTeam .line a { width: 125px; height: 45px; font-size: 18.5px; display: inline-block; position: relative; border-radius: 8px; font-family: droidBold, arial; line-height: 2.5; -moz-box-shadow: inset 0 0 10px #000000; -webkit-box-shadow: inset 0 0 10px #000000; box-shadow: inset 0 0 10px #3b3b3b, 3px 3px rgba(0,0,0, .2); }
.LandingPage.CAF .landingTeam .line.TeamOne a { color: #000; background: #d3d3d3; background: -moz-linear-gradient(top, #d3d3d3 0%, #9d9d9d 100%); background: -webkit-linear-gradient(top, #d3d3d3 0%,#9d9d9d 100%); background: linear-gradient(to bottom, #d3d3d3 0%,#9d9d9d 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d3d3d3', endColorstr='#9d9d9d',GradientType=0 ); }
.LandingPage.CAF .landingTeam .line.TeamTwo a { background: #c30b0b; background: -moz-linear-gradient(top, #c30b0b 0%, #8b0c0c 100%); background: -webkit-linear-gradient(top, #c30b0b 0%,#8b0c0c 100%); background: linear-gradient(to bottom, #c30b0b 0%,#8b0c0c 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c30b0b', endColorstr='#8b0c0c',GradientType=0 ); color: #fff; }
.LandingPage.CAF .shareGame { display: inline-block; position: absolute; bottom: 40px; left: 40px; width: 190px }
.LandingPage.CAF .shareGame p { display: inline-block; width: 100%; font-family: droidLight, Arial; color: #fff; margin-bottom: 8px; text-align: center }
.LandingPage.CAF .shareGame a.faceShare { display: inline-block; width: 30px; height: 30px; background-color: #0c88ef; border-radius: 50%; margin-left: 5px }
.LandingPage.CAF .shareGame a.faceShare:before { content: 'b'; color: #fff; line-height: 1.8; }
.LandingPage.CAF .shareGame a.twShare { display: inline-block; width: 30px; height: 30px; border-radius: 50%; background-color: #1da1f2 }
.LandingPage.CAF .shareGame a.twShare:before { content: 'c'; color: #fff; line-height: 1.8 }
.LandingPage.CAF .landingTeam .line a { width: 95px; height: 40px; }
.LandingPage.CAF .landingTeam .line a img { display: none }
.LandingPage.CAF .aqarLogo { display: inline-block; position: absolute; bottom: 50px; right: 50px; width: 120px }
/*.LandingPage.CAF .aqarLogo*/
.LandingPage.CAF .aqarLogo a img { width: 100%; height: auto }
/**plan selected*****/
.SquadInt .choose-team .plancontainer .container { margin-top: 0; background: none }
.SquadInt .choose-team .plancontainer { padding: 15px 0; }
.SquadInt .choose-team .plancontainer .plandorpdownbottom { position: relative; background-color: #000; width: 120px; height: 75px; float: right }
.SquadInt .choose-team .plancontainer .plandorpdownbottom a { text-align: right; color: #08a6f0; font-family: droidLight, Arial; font-size: 14px; display: block; padding: 12px 15px; text-align: center; }
.SquadInt .choose-team .plancontainer .plandorpdownbottom a .num { color: #08a6f0; font-family: Arial; font-weight: bold; font-size: 28px; }
.SquadInt .choose-team .plancontainer .plandorpdownbottom a.selected { background-position: 16px -314px }
.SquadInt .choose-team .plancontainer .plandorpdownbottom ul.otherplans { display: none; width: 880px; height: 74px; background-color: #000; position: absolute; right: 140px; top: 0; z-index: 10 }
.SquadInt .choose-team .plancontainer .plandorpdownbottom ul.otherplans li { float: right; width: 130px; margin-left: 45px }
.SquadInt .choose-team .plancontainer .plandorpdownbottom ul.otherplans li a { color: #fff; font-family: Arial; font-weight: bold; font-size: 28px; padding-top: 15px }
.SquadInt .choose-team .plancontainer .plandorpdownbottom ul.otherplans li a:hover, .choose-team .plancontainer .plandorpdownbottom ul.otherplans li a.active { color: #18b4c3; }
.SquadInt .choose-team .plancontainer .teamphotoscontainer { float: right; }
.SquadInt .choose-team .plancontainer .teamphotoscontainer li { position: relative; overflow: hidden; float: right; width: 72px; height: 75px; margin-right: 8px; background-color: #000; border: 1px solid #EEE; }
.SquadInt .choose-team .plancontainer .teamphotoscontainer li img { display: block; position: absolute; top: 0; max-width: 100%; height: 100%; left: 0px }
.SquadInt .choose-team .plancontainer .teamphotoscontainer li a { display: block; height: 72px; position: absolute; top: 0; width: 72px; z-index: 10; }
.SquadInt .choose-team .plancontainer .teamphotoscontainer li p { padding-top: 20px; width: 70px; text-align: center; color: #FFF; font-family: droidLight, Arial; font-size: 14px; }
.SquadInt .choose-team .plancontainer .showteambtn { background-color: #a5d500; opacity: 0.6; color: #000; font-family: "Conv_GE_SS_TEXT_LIGHT"; font-size: 20px; display: block; width: 140px; height: 72px; text-align: center; border: 0 none; float: right; margin-right: 8px; }
.SquadInt .choose-team .plancontainer .showteambtn.active { opacity: 1 }
.SquadInt .choose-team .plancontainer .showteambtn p { margin: 10px auto 0; width: 115px; }
.SquadInt .choose-team .plancontainer .image-mini { width: 72px; height: 75px; margin: 0; }
.SquadInt .choose-team .plancontainer .teamphotoscontainer li:first-child p { padding-top: 10px; }
.stats .ttl .more { display: none }
.stats .item.matches ul li { height: 64px; padding: 8px 10px }
/* Lazyload */
/*img.lazy { background: url(../../Images/lazyLoadBG.jpg) top left no-repeat; background-size: 100%; position: relative }
img.lazy:after { content: ""; position: absolute; left: 0; top: 0; width: 80%; height: 100%; opacity: 0.7; animation: lazyPosition 2s ease infinite; background: linear-gradient(0deg,transparent,#aaa,transparent); background: -webkit-linear-gradient(0deg,transparent,#aaa,transparent); background: -o-linear-gradient(0deg,transparent,#aaa,transparent); background: -moz-linear-gradient(0deg,transparent,#aaa,transparent); background: -ms-linear-gradient(0deg,transparent,#aaa,transparent); }
*/
@keyframes lazyPosition {
    from { left: -100%; }
    to { left: 200%; }
}
/**** ESport ****/
.ESHeader { clear: both; position: relative; top: 0; right: 0; background-image: url('../../Images/ESbackground1.jpg'); background-size: 100%; background-repeat: no-repeat; background-position: right top; width: 100%; overflow: hidden; padding-bottom: 16%; }
.ESHeader .backESport { position: absolute; top: 0; right: 0; display: block; width: 40%; height: 50%; cursor: pointer }
.ESbtn { position: relative; top: 0; right: 5%; }
.ESbtn a { width: 14%; background-color: #202833; color: #FFF; font-family: droidLight,Arial; font-size: 18px; position: absolute; right: 10px; top: 135px; padding: 6px 0; -webkit-transform: skew(-30deg); -ms-transform: skew(-30deg); transform: skew(-30deg); border: 2px solid #47a19f; }
.ESbtn a:hover { background-color: #47a19f; }
.ESbtn .video { right: 16%; }
.ESBanner { display: inline-block; width: 300px; float: right; height: auto; overflow: hidden; margin-bottom: 20px; box-shadow: none; min-width: 300px; border: 3px solid #47a19f; cursor: pointer }
.content-wrap-esport { background-color: #202833 }
.content-esport { background-color: #202833 }
.content-esport .matchesHp { background-color: #f2f2f2 }
.content-esport .articlePage .articleHeader .artclHdline { color: #FFF; }
.content-esport article .details,
.content-esport article .details p,
.content-esport article .details h3 { color: #FFF !important; }
.content-esport article .pattern01 ul li .desc P { color: #000 !important }
.content-esport article .sponsorBy { display: none !important }
.content-esport article .ArticleDetails .interScrollerAsync { display: none }
/***** ESport Featured  ****/
.ESFeaturedArea { margin-left: 20px; width: calc(100% - 320px); float: right }
.ESFeaturedArea ul li { float: right; margin-left: 26px; margin-bottom: 26px; width: calc(50% - 80px); height: auto; position: relative; overflow: hidden }
.ESFeaturedArea ul li a { display: block }
.ESFeaturedArea ul li .secName { padding: 2px 10px; font-family: droidLight, Arial; font-size: 14px; color: #47a19f; background: rgba(0,0,0,0.7); position: absolute; top: 3px; right: 3px; z-index: 1; height: 30px; font-weight: bold }
.ESFeaturedArea ul li a .imageCntnr { position: relative; overflow: hidden; padding-bottom: 56%; border: 3px solid #47a19f; }
.ESFeaturedArea ul li:first-child a .imageCntnr { padding-bottom: 56% }
.ESFeaturedArea ul li a img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: 0 auto; width: 100%; height: 100%; border: none; filter: brightness(100%) contrast(100%); -webkit-filter: brightness(100%) contrast(100%); -moz-filter: brightness(100%) contrast(100%); -o-filter: brightness(100%) contrast(100%); -ms-filter: brightness(100%) contrast(100%); transition: all 0.2s ease-in-out 0s; -webkit-transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; -ms-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; }
.ESFeaturedArea ul li:first-child { width: calc(50% + 54px); height: 660px; }
.ESFeaturedArea ul li:nth-child(2), .ESFeaturedArea ul li:nth-child(3), .ESFeaturedArea ul li:last-child { margin-left: 0 }
.ESFeaturedArea ul li:nth-child(4), .ESFeaturedArea ul li:nth-child(5), .ESFeaturedArea ul li:last-child { margin-bottom: 0 }
.ESFeaturedArea ul li:hover img { filter: brightness(108%) contrast(108%); -webkit-filter: brightness(108%) contrast(108%); -moz-filter: brightness(108%) contrast(108%); -o-filter: brightness(108%) contrast(108%); -ms-filter: brightness(108%) contrast(108%) }
.ESFeaturedArea .desc { width: 100%; height: 40%; overflow: hidden; cursor: pointer; position: absolute; bottom: 0; right: 0; }
.ESFeaturedArea .desc p { color: #47a19f; text-align: right; line-height: 1.6; padding: 10px; font-size: 15px; font-family: droidLight, Arial; position: absolute; bottom: 0; right: 0; direction: rtl; font-weight: bold; overflow: hidden; height: 80px }
.ESFeaturedArea .desc span { color: #bbb; text-align: right; line-height: 1.6; padding: 10px; font-size: 15px; font-family: droidLight, Arial; position: absolute; bottom: 0; right: 0; direction: rtl; font-weight: bold; overflow: hidden; height: 65px }
.ESFeaturedArea ul li:first-child .desc p { font-size: 20px; line-height: 1.8; top: 0; }
.ESFeaturedArea ul li:first-child .desc span { font-size: 14px; line-height: 1.9; bottom: 20%; }
.ESFeaturedArea .showcaseDiv, .ESFeaturedArea .leaderboardDiv { margin-top: 8px; margin-bottom: 14px }
.ESFeaturedArea .desc p:before { float: right; display: inline-block; width: 42px; height: 20px; margin-left: 5px; text-align: center; font-family: droidLight,Arial; color: #fff; font-size: 11px; margin-top: 4px; line-height: 1.8 }
.ESFeaturedArea ul li:first-child .desc p:before { width: 60px; height: 26px; margin-left: 10px; font-size: 14px; margin-top: 6px }
.ESFeaturedArea .desc.agel p:before { background: #ff1a3b; content: "عاجل" }
.ESFeaturedArea .desc.mosaheh p:before { background: #0277bd; content: "مصحح" }
.ESFeaturedArea .desc.khas p:before { background: #0277bd; content: "خاص" }
.ESFeaturedArea .desc.mohades p:before { background: #0277bd; content: "محدث" }
.ESFeaturedArea .desc.lite p:before { background: #0277bd; content: "لايت" }
.ESFeaturedArea .desc.live p:before { background: #0277bd; content: "مباشر" }
.ESFeaturedArea .desc.done p:before { background: #111; content: "انتهت" }
.ESFeaturedArea .descHover p { display: block; color: #FFF }
.ESFeaturedArea .link .descHover { background: linear-gradient(270deg,rgba(0,0,0,0),#000000); background: -webkit-linear-gradient(270deg,rgba(0,0,0,0),#000); background: -o-linear-gradient(270deg,rgba(0,0,0,0),#000); background: -moz-linear-gradient(270deg,rgba(0,0,0,0),#000); background: -ms-linear-gradient(270deg,rgba(0,0,0,0),#000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#004c4c4c',endColorstr='#ff1a3b00',GradientType=0); height: 65% }
.ESFeaturedArea .desc p:hover { color: #FFF }
.ESFeaturedArea .link:hover .descHover { height: 75% }
/******************** ESport LiveStreem ********************/
.LiveStreem { display: inline-block; width: 100%; float: right }
.LiveStreem ul li { float: right; margin-left: 6px; margin-bottom: 6px; width: 100%; height: auto; position: relative; border: 3px solid #47a19f; overflow: hidden }
.LiveStreem ul li a { display: block }
.LiveStreem ul li .secName { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 1; }
.LiveStreem ul li .secName .icon { width: 90px; height: 90px; text-align: center; border-radius: 50%; display: flex; justify-content: center; align-items: center; }
.LiveStreem ul li.video .secName .icon:before { content: "m"; font-size: 50px !important; color: #47a19f !important; margin-left: 8px }
.LiveStreem ul li.video .secName .icon { background: #211c34de }
.LiveStreem ul li.video .secName .icon:before { content: "m"; color: #fff; font-size: 16px; line-height: 1.9 }
.LiveStreem ul li.album .secName .icon { background: #ffb200 }
.LiveStreem ul li.album .secName .icon:before { content: "n"; color: #fff; font-size: 16px; line-height: 1.9 }
.LiveStreem ul li.infograph .secName .icon { background: #33a144 }
.LiveStreem ul li.infograph .secName .icon:before { content: "o"; color: #fff; font-size: 16px; line-height: 1.9 }
.LiveStreem ul li.sed .secName .icon { background: #119e9e }
.LiveStreem ul li.sed .secName .icon:before { content: "p"; color: #fff; font-size: 16px; line-height: 1.9 }
.LiveStreem ul li .imageCntnr { position: relative; overflow: hidden; padding-bottom: 67% }
.LiveStreem ul li:first-child .imageCntnr { padding-bottom: 40% }
.LiveStreem ul li img,
.LiveStreem ul li iframe { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: 0 auto; width: 100%; height: 100%; border: none; filter: brightness(100%) contrast(100%); -webkit-filter: brightness(100%) contrast(100%); -moz-filter: brightness(100%) contrast(100%); -o-filter: brightness(100%) contrast(100%); -ms-filter: brightness(100%) contrast(100%); transition: all 0.2s ease-in-out 0s; -webkit-transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; -ms-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; }
.LiveStreem ul li:first-child { width: 100% }
.LiveStreem ul li:nth-child(3), .LiveStreem ul li:nth-child(5), .LiveStreem ul li:last-child { margin-left: 0 }
.LiveStreem ul li:nth-child(7), .LiveStreem ul li:nth-child(8), .LiveStreem ul li:last-child { margin-bottom: 0 }
.LiveStreem ul li:hover img { filter: brightness(108%) contrast(108%); -webkit-filter: brightness(108%) contrast(108%); -moz-filter: brightness(108%) contrast(108%); -o-filter: brightness(108%) contrast(108%); -ms-filter: brightness(108%) contrast(108%) }
.LiveStreem .desc { width: 30%; height: 100%; overflow: hidden; cursor: pointer; position: absolute; bottom: 0; right: 0; background: linear-gradient(270deg,rgba(0,0,0,0),#000000); background: -webkit-linear-gradient(270deg,rgba(0,0,0,0.48),#000); background: -o-linear-gradient(270deg,rgba(0,0,0,0.48),#000); background: -moz-linear-gradient(270deg,rgba(0,0,0,0.48),#000); background: -ms-linear-gradient(270deg,rgba(0,0,0,0.48),#000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#004c4c4c',endColorstr='#ff1a3b00',GradientType=0); }
.LiveStreem .desc .container-desc { position: absolute; top: 20%; right: 0; overflow: hidden; }
.LiveStreem .desc p { color: #66fcf1; text-align: right; line-height: 1.6; padding: 10px; font-size: 24px; font-family: droidBold, Arial; font-weight: bold; direction: rtl }
.LiveStreem .desc span { color: #bbb; text-align: right; line-height: 2; padding: 20px 10px; font-size: 14px; font-family: droidLight, Arial; display: inline-block; direction: rtl }
.LiveStreem ul li:first-child .desc p { font-size: 24px; line-height: 1.8; }
.LiveStreem .ttl { border-right: 4px solid #47a19f; }
/******************** ESMultimedia ********************/
.ESMultimedia { display: inline-block; width: 100%; float: right }
.ESMultimedia ul li { float: right; margin-left: 6px; margin-bottom: 6px; width: calc((100% - 18.1px) / 4); height: auto; position: relative; border: 3px solid #47a19f; overflow: hidden }
.ESMultimedia ul li a { display: block }
.ESMultimedia ul li .secName { padding: 2px 10px; font-family: droidLight, Arial; font-size: 14px; color: #47a19f; background: rgba(0,0,0,0.7); position: absolute; top: 0px; right: 0px; z-index: 1; height: 30px; font-weight: bold }
.ESMultimedia ul li .secIcon { color: #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 1; line-height: 2.3 }
.ESMultimedia ul li .secIcon .icon { width: 70px; height: 70px; border-radius: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.ESMultimedia ul li.video .secIcon .icon:before { content: "m"; font-size: 30px !important; color: #47a19f; }
.ESMultimedia ul li.video .secIcon .icon { background: #211c337a }
.ESMultimedia ul li.album .secIcon .icon { background: #ffb200 }
.ESMultimedia ul li.album .secIcon .icon:before { content: "n"; color: #fff; font-size: 16px; line-height: 1.9 }
.ESMultimedia ul li.infograph .secIcon .icon { background: #33a144 }
.ESMultimedia ul li.infograph .secIcon .icon:before { content: "o"; color: #fff; font-size: 16px; line-height: 1.9 }
.ESMultimedia ul li.sed .secIcon .icon { background: #119e9e }
.ESMultimedia ul li.sed .secIcon .icon:before { content: "p"; color: #fff; font-size: 16px; line-height: 1.9 }
.ESMultimedia ul li a .imageCntnr { position: relative; overflow: hidden; padding-bottom: 67%; }
.ESMultimedia ul li:first-child a .imageCntnr { padding-bottom: calc(67% + 2px) }
.ESMultimedia ul li a img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: 0 auto; width: 100%; height: 100%; border: none; filter: brightness(100%) contrast(100%); -webkit-filter: brightness(100%) contrast(100%); -moz-filter: brightness(100%) contrast(100%); -o-filter: brightness(100%) contrast(100%); -ms-filter: brightness(100%) contrast(100%); transition: all 0.2s ease-in-out 0s; -webkit-transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; -ms-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; }
.ESMultimedia ul li:first-child { width: calc(100% - ((100% + 6px) / 2)) }
.ESMultimedia ul li:nth-child(3), .ESMultimedia ul li:nth-child(5), .ESMultimedia ul li:last-child { margin-left: 0 }
.ESMultimedia ul li:nth-child(7), .ESMultimedia ul li:nth-child(8), .ESMultimedia ul li:last-child { margin-bottom: 0 }
.ESMultimedia ul li:hover img { filter: brightness(108%) contrast(108%); -webkit-filter: brightness(108%) contrast(108%); -moz-filter: brightness(108%) contrast(108%); -o-filter: brightness(108%) contrast(108%); -ms-filter: brightness(108%) contrast(108%) }
.ESMultimedia .desc { width: 100%; height: 70%; overflow: hidden; cursor: pointer; position: absolute; bottom: 0; right: 0; background: linear-gradient(270deg,rgba(0,0,0,0),#000000); background: -webkit-linear-gradient(270deg,rgba(0,0,0,0),#000); background: -o-linear-gradient(270deg,rgba(0,0,0,0),#000); background: -moz-linear-gradient(270deg,rgba(0,0,0,0),#000); background: -ms-linear-gradient(270deg,rgba(0,0,0,0),#000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#004c4c4c',endColorstr='#ff1a3b00',GradientType=0); }
.ESMultimedia .desc p { color: #fff; text-align: right; line-height: 1.6; padding: 10px; font-size: 15px; font-family: droidLight, Arial; position: absolute; bottom: 0; right: 0; direction: rtl }
.ESMultimedia ul li:first-child .desc p { font-size: 20px; line-height: 1.8; }
.ESMultimedia .ttl { border-right: 4px solid #47a19f; }
.ESMultimedia .ttl .more { background: #47a19f; }
.ESMultimedia .ttl .more:hover { background: #47a19fcc; }
.ESMultimedia .descHover p { display: none }
.ESMultimedia .link:hover p { display: block }
/********** ES News **********/
.ESNews { display: inline-block; width: 100%; float: right }
.ESNews ul li { float: right; margin-left: 20px; margin-bottom: 20px; width: calc((100% - 60.1px) / 4); height: auto; position: relative; overflow: hidden; background: transparent }
.ESNews ul li:nth-child(4n) { margin-left: 0 }
.ESNews ul li a { display: block }
.ESNews ul li .secName { padding: 2px 10px; font-family: droidBold, Arial; font-size: 13px; color: #47a19f; background: rgba(0,0,0,0.7); position: absolute; top: 3px; right: 3px; z-index: 1; font-weight: bold }
.ESNews ul li a .imageCntnr { position: relative; overflow: hidden; padding-bottom: 67%; border: 3px solid #47a19f; }
.ESNews ul li a img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: 0 auto; width: 100%; height: 100%; border: none; filter: brightness(100%) contrast(100%); -webkit-filter: brightness(100%) contrast(100%); -moz-filter: brightness(100%) contrast(100%); -o-filter: brightness(100%) contrast(100%); -ms-filter: brightness(100%) contrast(100%); transition: all 0.2s ease-in-out 0s; -webkit-transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; -ms-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; }
.ESNews ul li:hover img { filter: brightness(108%) contrast(108%); -webkit-filter: brightness(108%) contrast(108%); -moz-filter: brightness(108%) contrast(108%); -o-filter: brightness(108%) contrast(108%); -ms-filter: brightness(108%) contrast(108%) }
.ESNews ul li .desc { width: 100%; cursor: pointer; display: inline-block; float: right; padding: 10px; border-bottom: 3px solid #47a19f; }
.ESNews ul li .desc p { color: #47a19f; text-align: right; line-height: 1.8; font-size: 15px; font-family: droidBold, Arial; direction: rtl; margin-bottom: 10px; height: 81px; overflow: hidden; font-weight: bold; }
.ESNews ul li:hover .desc p { color: #0277bd }
.ESNews ul li .desc .time { display: inline-block; font-family: droidLight, Arial; font-size: 12px; color: #b9b9b9; float: right; direction: rtl; height: 70px; overflow: hidden; }
.ESNews ul li .desc .icon-time:before { content: "x"; float: right; margin-left: 8px; font-size: 16px; line-height: 1.2; display: none }
.ESNews ul li .desc .time span { margin-left: 16px; position: relative; float: right; line-height: 1.6; }
.ESNews ul li .desc .time span:after { content: ""; position: absolute; left: -8px; top: 2px; width: 1px; height: 14px; background: #b9b9b9; }
.ESNews ul li .desc .time span:last-child:after { display: none }
.ESNews .ttl { border-right: 4px solid #47a19f; }
.ESNews .ttl .more { background: #47a19f; }
.ESNews .ttl .more:hover { background: #47a19fcc; }
/*** ES details  && ES Listing  ***/
.content-esport .listing ul li { background: transparent; border: none; border-bottom: 3px solid #47a19f; }
.content-esport .listing ul li a .imageCntnr { border: 3px solid #47a19f; }
.content-esport .listing ul li .desc { background: transparent; }
.content-esport .listing ul li .desc p { color: #47a19f; }
.content-esport .listing ul li .secName { top: 3px; right: 3px; color: #47a19f }
.content-esport .listing .ttl { border-right: 4px solid #47a19f; }
.content-esport .interestedArticles .cnts li .num { color: #47a19f; }
.content-esport article .pattern01 { border-top: 4px solid #47a19f; }
.content-esport .articleHeader .articleInfo .articleAuthor p span { color: #47a19f; }
.content-esport .speakol .ttl { border-right: 4px solid #47a19f; }
.content-esport .fbComments .ttl { border-right: 4px solid #47a19f; }
.content-esport .articleHeader .ttl { border-right: 4px solid #47a19f; }
/**** leaderboard Fullwidth  ****/
.leaderboardFull { float: right; display: inline-block; width: 100%; margin: 20px auto }
.leaderFullWeb { width: 100%; margin: 0 auto; max-width: 1170px; height: auto; }
.leaderFullWeb p { text-align: center; background-color: #000; color: #FFF; box-shadow: 0 0 black; font-family: droidLight,Arial; font-size: 12px; padding: 0 0 3px; line-height: 1.5; }
.leaderFullWeb .leaderboard { width: 100%; height: auto; overflow: hidden; }
.leaderFullWeb .leaderboard img { max-width: 100%; height: auto }
/************** CAF Champions League Final *************/
.derbyEntryPoint { display: inline-block; float: left; width: 300px }
.derbyEntryPoint img { width: 100%; height: auto }
.cafLgFinal .cd-main-content { min-height: 100%; position: relative; z-index: 2; width: 100%; display: inline-block; float: left }
.cafLgFinal .container { width: 100%; display: inline-block; position: relative; text-align: center; float: left; background: transparent; }
.cafLgFinal.sponsorSticky .container { margin: 0 }
.cafLgFinal .content-wrap { position: relative; top: 0; width: 100%; display: inline-block; -webkit-overflow-scrolling: touch; float: left; background: transparent; padding: 0; }
.cafLgFinal .content { position: relative; display: inline-block; width: 100%; margin-top: 0; background: transparent; padding: 0 }
.cafLgFinal .wrapper { position: relative; top: 0; width: 100%; max-width: 1280px; margin: 0; padding: 0; display: inline-block; -webkit-overflow-scrolling: touch; z-index: 2; /*background: #edeff4;*/ margin-top: 450px; min-height: 600px; padding: 16px 30px 0 }
.cafLgFinal .sponsorAsync { display: none }
.cafLgFinal .sponsorDuplicate { display: none }
.cafLgFinal section { margin-bottom: 60px }
.cafLgFinal .ttl { padding: 16px 20px; background-color: #fff; border-right: 6px solid #0277bd; height: auto; position: relative; margin-bottom: 16px; font-size: 22px }
.cafLgFinal .ttl h2 { line-height: normal }
/** Sponsor **/
.cafLgFinal .championSponsor { position: fixed; width: 100%; height: 100%; top: 50px; left: 0; right: 0; bottom: 0; background: #020305; }
.cafLgFinal .championSponsor .desktop { display: inline-block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; background: url(../../Images/championsSponsorBG.jpg) no-repeat top center #020305; }
.cafLgFinal .championSponsor .mobile { display: none; position: absolute; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; background: url(../../Images/championsSponsorBG-Mob.jpg) no-repeat top center #020305; }
.cafLgFinal .championSponsor .desktop .oniro { position: absolute; right: 4%; }
.cafLgFinal .championSponsor .desktop .todo { position: absolute; left: 4%; }
.cafLgFinal .championSponsor .desktop img { width: 125px; top: 50%; transform: translateY(-50%) }
.cafLgFinal .championSponsor .desktop .edita { position: absolute; left: 50%; transform: translateX(-50%); top: 80px; width: 100px }
.cafLgFinal .championSponsor .mobile .oniro { position: absolute; right: 13%; }
.cafLgFinal .championSponsor .mobile .todo { position: absolute; left: 13%; }
.cafLgFinal .championSponsor .mobile .edita { display: none }
.cafLgFinal .championSponsor .mobile img { width: 75px; top: 20% }
/*.cafLgFinal .championSponsor iframe{position:fixed;top:50px;right:0;left:0;width:100%;height:100%}*/
/** Voting **/
.cafLgFinal .votingBtn { display: inline-block; width: 690px; position: absolute; top: -180px; left: 50%; transform: translateX(-50%); }
.cafLgFinal .votingBtn .first { opacity: 1; visibility: visible; cursor: pointer; transition: all 0.2s ease-in-out 0s; -webkit-transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; -ms-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s }
.cafLgFinal .votingBtn .second { opacity: 0; visibility: hidden; transition: all 0.2s ease-in-out 0s; -webkit-transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; -ms-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s }
.cafLgFinal .votingBtn .teamVote { width: 330px; padding: 0 40px; position: relative; display: inline-block; float: right; margin-left: 30px; height: 180px; border-radius: 30px; border: none; box-shadow: inset 0px 0px 20px rgba(0,0,0,0.3); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; will-change: transform; pointer-events: all; transition: all 0.2s ease-in-out 0s; -webkit-transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; -ms-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s }
.cafLgFinal .votingBtn .teamVote:hover { box-shadow: inset 0px 0px 30px rgba(0,0,0,0.4) }
.cafLgFinal .votingBtn .teamVote:last-child { margin-left: 0 }
.cafLgFinal .votingBtn .top { display: inline-block; width: 100%; float: right; height: 110px; position: relative }
.cafLgFinal .votingBtn .top .cntnr { display: inline-block; width: 100%; position: absolute; left: 0; bottom: 0 }
.cafLgFinal .votingBtn .teamVote .top span { font-family: Hayah, arial; font-size: 30px; display: inline-block; width: 100%; float: right; line-height: 1; text-align: right }
.cafLgFinal .votingBtn .teamVote .top p { text-align: right; font-size: 32px; font-family: droidBold, arial; display: inline-block; width: 100%; float: right; line-height: 1; margin-bottom: 16px; }
.cafLgFinal .votingBtn .team1 { background: #ce1a1a; color: #fff }
.cafLgFinal .votingBtn .team1:before { content: ""; position: absolute; pointer-events: none; width: 112px; height: 100px; left: 40px; top: 18px; background: url(../../Images/ahly1.png) no-repeat center center; background-size: auto 100px; transition: all 0.2s ease-in-out 0s; -webkit-transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; -ms-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s }
.cafLgFinal .votingBtn .team1:after { content: ""; position: absolute; pointer-events: none; width: 108px; height: 12px; right: 40px; bottom: 60px; background: url(../../Images/ahly2.png) no-repeat center center; background-size: 108px auto; transition: all 0.2s ease-in-out 0s; -webkit-transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; -ms-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s }
.cafLgFinal .votingBtn .teamVote .top .team1 span { color: #f5e84f }
.cafLgFinal .votingBtn .team2 { background: #fff; color: #ce1a1a }
.cafLgFinal .votingBtn .team2:after { content: ""; position: absolute; pointer-events: none; width: 90px; height: 110px; left: 30px; top: 16px; background: url(../../Images/zamalek1.png) no-repeat center center; background-size: auto 110px; transition: all 0.2s ease-in-out 0s; -webkit-transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; -ms-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s }
.cafLgFinal .votingBtn .team2:before { content: ""; position: absolute; pointer-events: none; width: calc(100% - 80px); height: 12px; right: 0; bottom: 60px; background: url(../../Images/zamalek2.png) no-repeat center center; background-size: 100% auto; transition: all 0.2s ease-in-out 0s; -webkit-transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; -ms-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; }
/*.cafLgFinal .votingBtn .team1:hover:before{animation:none;background:url(../../Images/ahlyBG.jpg) no-repeat center center;background-size:500px auto;opacity:0.1}
.cafLgFinal .votingBtn .team2:hover:before{animation:none;background:url(../../Images/zamalekBG.jpg) no-repeat center center;background-size:500px auto;opacity:0.1}*/
.cafLgFinal .votingBtn .bottom { position: absolute; width: 100%; height: 48px; bottom: 0; left: 0; text-align: center; background: rgba(0,0,0,0.1); }
.cafLgFinal .votingBtn .bottom .cntnr { display: inline-block; margin: 0 auto }
.cafLgFinal .votingBtn .teamVote .bottom span { font-size: 22px; font-family: droidBold, arial; display: inline-block; float: right; font-weight: bold; line-height: 1.9; }
.cafLgFinal .votingBtn .teamVote .bottom p { text-align: center; font-size: 17px; font-family: droidBold, arial; display: inline-block; float: right; line-height: 2.6; }
/*.cafLgFinal .votingBtn.DisableVote .bottom .cntnr{display:none}*/
.cafLgFinal .votingBtn.DisableVote .teamVote { pointer-events: none }

@keyframes ahlyAnimate {
    0% { opacity: 0; }
    50% { opacity: 0.08 }
    100% { opacity: 0; }
}

@keyframes zamalekAnimate {
    0% { opacity: 0; }
    50% { opacity: 0.07 }
    100% { opacity: 0; }
}
/** Ahly Fans **/
.ahlyFans.cafLgFinal .votingBtn { left: 30px; right: 30px; transform: none; width: calc(100% - 60px); }
.ahlyFans.cafLgFinal .votingBtn .first { opacity: 0; visibility: hidden; float: right; display: inline-block }
.ahlyFans.cafLgFinal .votingBtn .second { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 1; visibility: visible; background: #ce1a1a; box-shadow: inset 0px 0px 80px rgba(0,0,0,0.3); border-radius: 30px; border: 3px solid #d9a628; }
.ahlyFans.cafLgFinal .votingBtn .second:before { content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; background: url(../../Images/celebPattern.png) repeat center center; background-size: 500px auto; pointer-events: none; opacity: 0.2; }
.ahlyFans.cafLgFinal .votingBtn .second:after { content: ""; position: absolute; width: 169px; height: 150px; top: 0; transform: translate(-50%, -50%); left: 20px; background: url(../../Images/ahly1.png) no-repeat center center; background-size: auto 150px; pointer-events: none; }
.ahlyFans.cafLgFinal .votingBtn .team1:after { display: none }
.ahlyFans.cafLgFinal .votingBtn .second p { display: inline-block; float: right; font-family: Hayah, Arial; font-size: 60px; color: #fff; position: relative; line-height: 1; cursor: auto !important; width: 100%; text-align: center; padding: 12px 0; }
.ahlyFans.cafLgFinal .votingBtn .second p.fanNum { font-family: droidLight, Arial; font-size: 18px; margin-bottom: 10px; padding: 0; }
.ahlyFans.cafLgFinal .votingBtn .second span { display: inline-block; float: right; width: 100%; font-family: Hayah, arial; font-size: 60px; text-align: center; line-height: 1; color: #d9a628; position: relative; }
.ahlyFans.cafLgFinal .votingBtn .team1 { width: 100%; margin-left: 0; padding: 0 }
.ahlyFans.cafLgFinal .votingBtn .team1:before { display: none }
.ahlyFans.cafLgFinal .votingBtn .team2 { display: none }
/** Zamalek Fans **/
.zamalekFans.cafLgFinal .votingBtn { left: 30px; right: 30px; transform: none; width: calc(100% - 60px); }
.zamalekFans.cafLgFinal .votingBtn .first { opacity: 0; visibility: hidden; float: right; display: inline-block }
.zamalekFans.cafLgFinal .votingBtn .second { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 1; visibility: visible; background: #fff; box-shadow: inset 0px 0px 80px rgba(0,0,0,0.3); border-radius: 30px; border: 3px solid #ce1a1a; }
.zamalekFans.cafLgFinal .votingBtn .second:before { content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; background: url(../../Images/celebPattern.png) repeat center center; background-size: 500px auto; pointer-events: none; opacity: 0.2; }
.zamalekFans.cafLgFinal .votingBtn .second:after { content: ""; position: absolute; width: 106px; height: 150px; top: 0; transform: translate(-50%, -50%); left: 20px; background: url(../../Images/zamalek1.png) no-repeat center center; background-size: auto 150px; pointer-events: none; }
.zamalekFans.cafLgFinal .votingBtn .team2:after { display: none }
.zamalekFans.cafLgFinal .votingBtn .second p { display: inline-block; float: right; font-family: Hayah, Arial; font-size: 60px; color: #ce1a1a; position: relative; line-height: 1; cursor: auto !important; width: 100%; text-align: center; padding: 12px 0; }
.zamalekFans.cafLgFinal .votingBtn .second p.fanNum { font-family: droidLight, Arial; font-size: 18px; margin-bottom: 10px; color: #ce1a1a; padding: 0; }
.zamalekFans.cafLgFinal .votingBtn .second span { display: inline-block; float: right; width: 100%; font-family: Hayah, arial; font-size: 60px; text-align: center; line-height: 1; color: #000; position: relative; }
.zamalekFans.cafLgFinal .votingBtn .team2 { width: 100%; margin-left: 0; padding: 0 }
.zamalekFans.cafLgFinal .votingBtn .team2:before { display: none }
.zamalekFans.cafLgFinal .votingBtn .team1 { display: none }
.cafLgFinal .socialMediaBtn { position: absolute; bottom: 16px; left: 20px; display: inline-block; float: right }
.cafLgFinal .socialMediaBtn a { float: right; display: inline-block; width: 36px; height: 36px; text-align: center; line-height: 2.2; font-size: 20px; margin-left: 10px; border-radius: 50% }
.cafLgFinal .socialMediaBtn a:last-of-type { margin-left: 0 }
.ahlyFans.cafLgFinal .votingBtn .second .socialMediaBtn p { display: inline-block; float: right; padding: 0; font-family: droidBold, Arial; font-size: 14px; position: relative; line-height: 2.7; cursor: auto !important; width: auto; text-align: right; margin-bottom: 0; margin-left: 10px; color: #fff }
.zamalekFans.cafLgFinal .votingBtn .second .socialMediaBtn p { display: inline-block; float: right; padding: 0; font-family: droidBold, Arial; font-size: 14px; position: relative; line-height: 2.7; cursor: auto !important; width: auto; text-align: right; margin-bottom: 0; margin-left: 10px; color: #ce1a1a }
.cafLgFinal .team1 .socialMediaBtn a.icon-fb { background: #fff; }
.cafLgFinal .team1 .socialMediaBtn a.icon-tw { background: #fff; }
.cafLgFinal .team1 .socialMediaBtn a.icon-fb:before { content: "b"; color: #4267b2; }
.cafLgFinal .team1 .socialMediaBtn a.icon-tw:before { content: "c"; color: #1da1f2; }
.cafLgFinal .team2 .socialMediaBtn a.icon-fb { background: #4267b2; }
.cafLgFinal .team2 .socialMediaBtn a.icon-tw { background: #1da1f2; }
.cafLgFinal .team2 .socialMediaBtn a.icon-fb:before { content: "b"; color: #fff; }
.cafLgFinal .team2 .socialMediaBtn a.icon-tw:before { content: "c"; color: #fff; }
/** Short Links **/
.shortLinks { position: fixed; width: 46px; right: 0; top: 50%; transform: translateY(-50%); }
.shortLinks a { display: inline-block; float: right; margin-bottom: 10px; padding: 4px; height: 42px; background: #0277bd; border-top-left-radius: 20px; border-bottom-left-radius: 20px; position: relative; width: 136px; right: -94px }
.shortLinks a:hover { right: 0px }
.shortLinks a span { float: left; margin-right: 8px; width: 34px; height: 34px; border-radius: 50%; overflow: hidden; position: relative; background: rgba(0,0,0,0.2) }
.shortLinks a span img { width: 20px; height: auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) }
.shortLinks a p { display: inline-block; float: left; font-family: droidLight, arial; color: #fff; font-size: 12px; line-height: 2.9; text-align: left }
.shortLinks a:last-child { margin-bottom: 0 }
/** Match Details **/
.cafLgFinal .cafMatchDtls { width: 100%; margin-right: 0; margin-left: 0; background: #06486f; border-radius: 30px; padding: 20px; margin-bottom: 16px; position: relative }
.cafLgFinal .cafMatchDtls:before { content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; background: url(../../Images/celebPattern.png) repeat center center; background-size: 500px auto; pointer-events: none; opacity: 0.1; }
.cafLgFinal .cafMatchDtls .mtchRslt { display: inline-block; float: right; width: 100%; margin-bottom: 10px }
.cafLgFinal .cafMatchDtls .teamresult { display: inline-block; float: right; width: calc((100% - 30px) / 2); }
.cafLgFinal .cafMatchDtls .teamName { display: inline-block; float: right; font-family: droidBold; color: #fff; font-size: 22px; line-height: 2.8; }
.cafLgFinal .cafMatchDtls span { display: inline-block; float: right; font-family: 'Hayah'; color: #fff; font-size: 72px; line-height: 1; }
.cafLgFinal .cafMatchDtls .dash { display: inline-block; float: right; width: 30px; text-align: center; font-family: 'Hayah'; color: #fff; font-size: 36px; line-height: 1.6 }
.cafLgFinal .cafMatchDtls .teamresult.team1 .teamName { float: left }
.cafLgFinal .cafMatchDtls .teamresult.team1 span { float: left; margin-right: 50px }
.cafLgFinal .cafMatchDtls .teamresult.team2 .teamName { float: right }
.cafLgFinal .cafMatchDtls .teamresult.team2 span { float: right; margin-left: 50px }
.cafLgFinal .cafMatchDtls .teamresult.team1 { text-align: left }
.cafLgFinal .cafMatchDtls .teamresult.team2 { text-align: right; }
.cafLgFinal .cafMatchDtls .matchData { display: inline-block; float: right; width: 100% }
.cafLgFinal .cafMatchDtls .matchData .item { display: inline-block; float: right; }
.cafLgFinal .cafMatchDtls .matchData .item .cnts { display: inline-block; float: right; text-align: center }
.cafLgFinal .cafMatchDtls .matchData .item span { width: 100%; text-align: center; font-size: 16px; line-height: 1 }
.cafLgFinal .cafMatchDtls .matchData .item .icon-date:before { content: "w"; color: #fff; }
.cafLgFinal .cafMatchDtls .matchData .item .icon-time:before { content: "v"; color: #fff; }
.cafLgFinal .cafMatchDtls .matchData .item .icon-stadium:before { content: "A"; color: #fff; }
.cafLgFinal .cafMatchDtls .matchData .item p { display: inline-block; float: right; width: 100%; text-align: center; font-family: droidLight, arial; color: #fff; font-size: 14px }
.cafLgFinal .cafMatchDtls .matchData .item:nth-child(3) p { font-size: 12px }
.cafLgFinal .cafMatchDtls .matchData .item:nth-child(2) { width: 200px }
.cafLgFinal .cafMatchDtls .matchData .item:nth-child(1), .cafLgFinal .cafMatchDtls .matchData .item:nth-child(3) { width: calc((100% - 200px) / 2) }
.cafLgFinal .cafMatchDtls .matchData .item:nth-child(1) .cnts { width: 76px; float: left }
.cafLgFinal .cafMatchDtls .matchData .item:nth-child(2) .cnts { width: 42px; margin: 0 calc((100% - 42px) / 2) }
.cafLgFinal .cafMatchDtls .matchData .item:nth-child(3) .cnts { width: 72px; float: right }
.cafLgFinal .cafMatchDtls .countDown { display: inline-block; float: right; width: 100% }
.cafLgFinal .cafMatchDtls .countDown p { display: inline-block; float: right; width: 100%; text-align: center; font-family: droidLight, arial; color: #fff; font-size: 14px; margin-bottom: 10px }
.cafLgFinal .cafMatchDtls .countDown .counter { text-align: center; width: auto; margin: 0 auto; display: inline-block; }
.cafLgFinal .cafMatchDtls .countDown .counter .matchTimer { position: relative; display: inline-block; float: left; text-align: center; margin: 0 4px; font-family: droidLight, arial; color: #fff; font-size: 28px; line-height: 1.6; width: 80px; height: 54px; background: rgba(0,0,0,0.2) }
.cafLgFinal .cafMatchDtls .countDown .counter .matchTimer span { font-family: droidLight, arial; color: #fff; font-size: 11px; position: absolute; bottom: 6px; left: 50%; transform: translateX(-50%) }
.cafLgFinal .cafMatchDtls .countDown .counter .matchTimer.sec { color: #26ff00 }
/** Featured Area **/
.cafLgFinal .featuredCnts { display: inline-block; float: right; width: calc((100% - 30px) / 2); margin-left: 30px }
.cafLgFinal .featuredCnts:last-child { margin-left: 0 }
.cafLgFinal .featuredCnts:first-child .ttl { border-right: 6px solid #ddd; background: url(../../Images/zamalekBG.jpg) no-repeat left center #fff; background-size: auto 100%; }
.cafLgFinal .featuredCnts:last-child .ttl { border-right: 6px solid #ce1a1a; background: url(../../Images/ahlyBG.jpg) no-repeat left center #fff; background-size: auto 100%; }
.cafLgFinal .featuredArea { width: 100%; margin-left: 0; margin-bottom: 0 }
.cafLgFinal .featuredArea ul li { width: calc((100% - 16px) / 2); margin-left: 16px; margin-bottom: 0; border: none }
.cafLgFinal .featuredArea ul li:first-child { width: 100%; margin-bottom: 16px; }
.cafLgFinal .featuredArea ul li:last-child { margin-left: 0 }
.cafLgFinal .featuredArea .leaderboardDiv { display: none }
.cafLgFinal .featuredArea ul li .secName { display: none }
/** Entry Points **/
.cafLgFinal .entryPoint { width: 808px; margin-right: calc((100% - 808px) / 2); margin-left: calc((100% - 808px) / 2) }
.cafLgFinal .entryPoint a { float: right; display: inline-block; width: calc((100% - 16.1px) / 2); margin-left: 16px }
.cafLgFinal .entryPoint a:last-child { margin-left: 0 }
.cafLgFinal .entryPoint a img { width: 100%; height: auto }
/** News & Multimedia **/
.cafLgFinal .pattern1 ul li,
.cafLgFinal .pattern2 ul li { border: none; background: #222 }
.cafLgFinal .pattern2 ul li:first-child { width: calc(100% - ((100% + 7px) / 2)); }
.cafLgFinal .pattern1 ul li:nth-last-child(-n+4), .cafLgFinal .pattern2 ul li:nth-last-child(-n+4) { margin-bottom: 0 }
.cafLgFinal .pattern1 ul li .desc p { color: #fff }
.cafLgFinal .pattern1 ul li .secName { display: none }
/** Listing Page **/
.cafLgFinal .listing { width: 100%; margin-left: 0; margin-bottom: 50px }
.cafLgFinal .listing ul li { border: none; width: calc((100% - 48.1px) / 4); margin-bottom: 16px; background: #222 }
.cafLgFinal .listing ul li .desc p { color: #fff }
.cafLgFinal .listing .more { display: inline-block; width: auto; height: auto; background: #fff; padding: 10px 40px; text-align: left; color: #0277bd; font-family: droidLight,Arial; font-size: 15px; line-height: normal; }
.cafLgFinal .listing .more .icon-more:before { color: #0277bd }
/** Quiz Listing **/
.cafLgFinal .quizContainer .listing ul li { width: calc((100% - 16.1px) / 2); padding: 16px; border-radius: 12px; margin-bottom: 16px; background: #222 }
.cafLgFinal .quizContainer .listing ul li a .imageCntnr { display: inline-block; float: right; width: 152px; padding-bottom: calc((152px * 67)/ 100); border-radius: 6px }
.cafLgFinal .quizContainer .listing ul li .desc { width: calc(100% - 172px); margin-right: 20px; padding: 0 }
.cafLgFinal .quizContainer .listing.quizListing ul li .desc p { text-align: right; font-family: droidLight, Arial; height: 52px; color: #fff }
.cafLgFinal .quizContainer .listing.quizListing ul li .bottomBox { display: inline-block; float: right; margin-right: 20px; width: calc(100% - 172px); margin-top: 10px }
.cafLgFinal .quizContainer .listing.quizListing ul li .bottomBox p.QNumber { height: auto; font-size: 12px; margin-bottom: 0; line-height: 2; font-family: droidLight, Arial; color: #b9b9b9; width: calc(100% - 100px); display: inline-block; float: right; }
.cafLgFinal .quizContainer .listing.quizListing ul li .bottomBox p.QNumber span { margin-left: 3px }
.cafLgFinal .quizContainer .listing.quizListing ul li .bottomBox label { width: 90px; height: 28px; float: left; display: inline-block; font-family: droidLight, Arial; color: #fff; background-color: #0277bd; cursor: pointer; border-radius: 20px; font-size: 11px; text-align: center; line-height: 2.8 }
.cafLgFinal .quizContainer .listing.quizListing ul li .bottomBox label .icon-arrow:before { content: "j"; font-size: 9px; margin-right: 4px }
.cafLgFinal .quizContainer .listing.quizListing ul li .bottomBox label:hover { background-color: rgba(2, 119, 189, .9); }
.cafLgFinal .quizContainer .ttl { margin: 30px 0 20px 0 }
.cafLgFinal .quizContainer .listing ul { min-height: 100% }
.cafLgFinal .quizContainer .listing ul li:first-child { width: 100%; float: right; padding: 16px; border-radius: 6px; margin-bottom: 20px; }
.cafLgFinal .quizContainer .listing ul li:first-child a .imageCntnr { width: 390px; padding-bottom: calc((390px * 67)/ 100); }
.cafLgFinal .quizContainer .listing ul li:first-child .desc { width: calc(100% - 410px); margin-right: 20px; padding: 0; margin-top: 50px }
.cafLgFinal .quizContainer .listing.quizListing ul li:first-child .desc p { font-size: 22px; max-height: 72px; height: auto; margin-bottom: 30px; }
.cafLgFinal .quizContainer .listing.quizListing ul li:first-child .bottomBox { margin-right: 20px; width: calc(100% - 410px); margin-top: 10px }
.cafLgFinal .quizContainer .listing.quizListing ul li:first-child .bottomBox p.QNumber { display: none }
.cafLgFinal .quizContainer .listing.quizListing ul li:first-child .bottomBox label { float: right; width: 110px; height: 34px; font-size: 13px; line-height: 2.6 }
.cafLgFinal .quizContainer .listing.quizListing ul li:first-child .bottomBox label .icon-arrow:before { font-size: 10px; margin-right: 6px }
.cafLgFinal .quizContainer .listing ul li.gap { padding: 0; margin: 0 }
article .result .resContainer .saveImage { display: inline-block; float: right; width: 380px; margin: 10px calc((100% - 380px) / 2) 0; height: 40px; line-height: 2.8; background: green; color: #fff !important; font-family: droidLight, Arial; font-size: 14px !important; text-align: center !important; }
.cafLgFinal .articlePage.shareResult { display: inline-block; width: 100%; background-color: #f2f2f2 }
.cafLgFinal .listing.quizPartial { padding: 20px }
.cafLgFinal .listing.quizPartial ul li { width: calc((100% - 16.1px) / 2); padding: 15px; border-radius: 6px; margin-bottom: 20px }
.cafLgFinal .listing.quizPartial ul li a .imageCntnr { display: inline-block; float: right; width: 152px; padding-bottom: calc((152px * 67)/ 100); border-radius: 4px }
.cafLgFinal .listing.quizPartial ul li .desc { width: calc(100% - 172px); margin-right: 20px; padding: 0 }
.cafLgFinal .listing.quizPartial ul li .desc p { text-align: right; font-family: droidLight, Arial; height: 52px }
.cafLgFinal .listing.quizPartial ul li .bottomBox { display: inline-block; float: right; margin-right: 20px; width: calc(100% - 172px); margin-top: 10px }
.cafLgFinal .listing.quizPartial ul li .bottomBox p.QNumber { height: auto; font-size: 12px; margin-bottom: 0; line-height: 2; font-family: droidLight, Arial; width: calc(100% - 100px); display: inline-block; float: right; color: #b9b9b9; }
.cafLgFinal .listing.quizPartial ul li .bottomBox p.QNumber span { margin-left: 3px }
.cafLgFinal .listing.quizPartial ul li .bottomBox label { width: 90px; height: 28px; float: left; display: inline-block; font-family: droidLight, Arial; color: #fff; background-color: #0277bd; cursor: pointer; border-radius: 20px; font-size: 11px; text-align: center; line-height: 2.8 }
.cafLgFinal .listing.quizPartial ul li .bottomBox label:hover { background-color: rgba(2, 119, 189, .9); }
.cafLgFinal .listing.quizPartial ul li .bottomBox label .icon-arrow:before { content: "j"; font-size: 9px; margin-right: 4px; }
article .result .resContainer .playQuiz { display: inline-block; width: 100px; background-color: #0277bd; color: #fff; height: 30px; line-height: 2; font-family: droidLight, Arial; margin: 10px 0 }
/** Celebration Effect **/
.flyingCelebration { position: fixed; width: 100%; height: 100%; top: 0; left: 0; right: 0; pointer-events: none; bottom: 0; opacity: 0; visibility: hidden; transition: all 0.2s ease-in-out 0s; -webkit-transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; -ms-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s }
.celebration .flyingCelebration { opacity: 1; visibility: visible; z-index: 999999 }
/*** Match Widget ***/
.matchWidget { position: fixed; width: 620px; height: 230px; bottom: 60px; left: 0; box-shadow: 2px 2px 5px rgba(26,26,26,0.2); z-index: 9; background: #0277bd; border-top-right-radius: 45px; border-bottom-right-radius: 45px; padding: 0 40px 0 20px; cursor: pointer; transition: all 0.2s ease-in-out 0s; -webkit-transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; -ms-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s }
.hideMatchWidget .matchWidget { left: -580px }
.matchWidget:before { content: ""; width: 40px; height: 100%; position: absolute; top: 0; right: 0; background: url(../../Images/widgetArrow.png) center center no-repeat; }
.matchWidget .teamVotingBtn { display: inline-block; float: right; width: 100%; height: 230px; box-shadow: 2px 2px 5px rgba(26,26,26,0.2); background: #000; border-top-right-radius: 45px; border-bottom-right-radius: 45px; padding: 20px 30px 20px 50px; cursor: auto }
.matchWidget .widgetHdr { display: inline-block; float: right; width: 100%; margin-bottom: 14px }
.matchWidget .widgetHdr h2 { display: inline-block; float: right; direction: rtl; text-align: right; font-family: droidBold, Arial; font-size: 22px; color: #fff; line-height: 2.2 }
.matchWidget .widgetHdr .sponsorImg { display: inline-block; float: left; width: 126px }
.matchWidget .widgetHdr .sponsorImg a { pointer-events: none }
.matchWidget .widgetHdr img { width: 100%; height: auto }
/** Voting **/
.matchWidget .teamVotingBtn .votingBtn { display: inline-block; float: right; width: 480px; margin: 0 calc((100% - 480px) / 2); transition: opacity 0.2s ease-in-out 0s; -webkit-transition: opacity 0.2s ease-in-out 0s; -moz-transition: opacity 0.2s ease-in-out 0s; -ms-transition: opacity 0.2s ease-in-out 0s; -o-transition: opacity 0.2s ease-in-out 0s; }
.matchWidget .teamVotingBtn .votingBtn .first { opacity: 1; visibility: visible; transition: opacity 0.2s ease-in-out 0s; -webkit-transition: opacity 0.2s ease-in-out 0s; -moz-transition: opacity 0.2s ease-in-out 0s; -ms-transition: opacity 0.2s ease-in-out 0s; -o-transition: opacity 0.2s ease-in-out 0s }
.matchWidget .teamVotingBtn .votingBtn .second { opacity: 0; visibility: hidden; transition: opacity 0.2s ease-in-out 0s; -webkit-transition: opacity 0.2s ease-in-out 0s; -moz-transition: opacity 0.2s ease-in-out 0s; -ms-transition: opacity 0.2s ease-in-out 0s; -o-transition: opacity 0.2s ease-in-out 0s }
.matchWidget .teamVotingBtn .votingBtn .teamVote { width: 230px; padding: 0 28px; position: relative; display: inline-block; float: right; margin-left: 20px; height: 126px; border-radius: 30px; overflow: hidden; border: none; box-shadow: inset 0px 0px 20px rgba(0,0,0,0.3); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; will-change: transform; cursor: pointer; pointer-events: all; transition: opacity 0.2s ease-in-out 0s; -webkit-transition: opacity 0.2s ease-in-out 0s; -moz-transition: opacity 0.2s ease-in-out 0s; -ms-transition: opacity 0.2s ease-in-out 0s; -o-transition: opacity 0.2s ease-in-out 0s }
.matchWidget .teamVotingBtn .votingBtn .teamVote:last-of-type { margin-left: 0 }
.matchWidget .teamVotingBtn .votingBtn .top { display: inline-block; width: 100%; float: right; height: 74px; position: relative }
.matchWidget .teamVotingBtn .votingBtn .top .cntnr { display: inline-block; width: 100%; position: absolute; left: 0; bottom: 0 }
.matchWidget .teamVotingBtn .votingBtn .teamVote .top span { font-family: Hayah, arial; font-size: 24px; display: inline-block; width: 100%; float: right; line-height: 1; text-align: right }
.matchWidget .teamVotingBtn .votingBtn .teamVote .top p { text-align: right; font-size: 22px; font-family: droidBold, arial; display: inline-block; width: 100%; float: right; line-height: 1; margin-bottom: 8px; }
.matchWidget .teamVotingBtn .votingBtn .team1 { background: #ce1a1a; color: #fff }
.matchWidget .teamVotingBtn .votingBtn .team1:before { content: ""; position: absolute; width: 78px; height: 70px; left: 28px; top: 15px; background: url(https://www.yallakora.com//Images/ahly1.png) no-repeat center center; background-size: auto 70px; transition: opacity 0.2s ease-in-out 0s; -webkit-transition: opacity 0.2s ease-in-out 0s; -moz-transition: opacity 0.2s ease-in-out 0s; -ms-transition: opacity 0.2s ease-in-out 0s; -o-transition: opacity 0.2s ease-in-out 0s }
.matchWidget .teamVotingBtn .votingBtn .team1:after { content: ""; position: absolute; width: 108px; height: 12px; right: 28px; bottom: 42px; background: url(https://www.yallakora.com//Images/ahly2.png) no-repeat center center; background-size: 108px auto; transition: opacity 0.2s ease-in-out 0s; -webkit-transition: opacity 0.2s ease-in-out 0s; -moz-transition: opacity 0.2s ease-in-out 0s; -ms-transition: opacity 0.2s ease-in-out 0s; -o-transition: opacity 0.2s ease-in-out 0s }
.matchWidget .teamVotingBtn .votingBtn .teamVote .top .team1 span { color: #f5e84f }
.matchWidget .teamVotingBtn .votingBtn .team2 { background: #fff; color: #ce1a1a }
.matchWidget .teamVotingBtn .votingBtn .team2:after { content: ""; position: absolute; width: 55px; height: 76px; left: 24px; top: 12px; background: url(https://www.yallakora.com//Images/zamalek1.png) no-repeat center center; background-size: auto 76px; transition: opacity 0.2s ease-in-out 0s; -webkit-transition: opacity 0.2s ease-in-out 0s; -moz-transition: opacity 0.2s ease-in-out 0s; -ms-transition: opacity 0.2s ease-in-out 0s; -o-transition: opacity 0.2s ease-in-out 0s }
.matchWidget .teamVotingBtn .votingBtn .team2:before { content: ""; position: absolute; width: calc(100% - 56px); height: 12px; right: 0; bottom: 42px; background: url(https://www.yallakora.com//Images/zamalek2.png) no-repeat center center; background-size: 100% auto; transition: opacity 0.2s ease-in-out 0s; -webkit-transition: opacity 0.2s ease-in-out 0s; -moz-transition: opacity 0.2s ease-in-out 0s; -ms-transition: opacity 0.2s ease-in-out 0s; -o-transition: opacity 0.2s ease-in-out 0s; }
/*.teamVotingBtn .votingBtn .team1:hover:before{animation:none;background:url(https://www.yallakora.com//Images/ahlyBG.jpg) no-repeat center center;background-size:500px auto;opacity:0.1}
.teamVotingBtn .votingBtn .team2:hover:before{animation:none;background:url(https://www.yallakora.com//Images/zamalekBG.jpg) no-repeat center center;background-size:500px auto;opacity:0.1}*/
.matchWidget .teamVotingBtn .votingBtn .bottom { position: absolute; width: 100%; height: 32px; bottom: 0; left: 0; text-align: center; background: rgba(0,0,0,0.1); }
.matchWidget .teamVotingBtn .votingBtn .bottom .cntnr { display: inline-block; margin: 0 auto }
.matchWidget .teamVotingBtn .votingBtn .teamVote .bottom span { font-size: 22px; font-family: droidBold, arial; display: inline-block; float: right; font-weight: bold; line-height: 1.9; }
.matchWidget .teamVotingBtn .votingBtn .teamVote .bottom p { text-align: center; font-size: 12px; font-family: droidBold, arial; display: inline-block; float: right; line-height: 2.6; }
.matchWidget .teamVotingBtn .socialMediaBtn { position: absolute; bottom: 6px; left: 0px; display: inline-block; float: right }
.matchWidget .teamVotingBtn .socialMediaBtn a { float: right; display: inline-block; width: 30px; height: 30px; text-align: center; line-height: 2; font-size: 18px; margin-left: 10px; border-radius: 50% }
.matchWidget .teamVotingBtn .socialMediaBtn a:last-of-type { margin-left: 0 }
.matchWidget .teamVotingBtn .team1 .socialMediaBtn a.icon-fb { background: #fff; }
.matchWidget .teamVotingBtn .team1 .socialMediaBtn a.icon-tw { background: #fff; }
.matchWidget .teamVotingBtn .team1 .socialMediaBtn a.icon-fb:before { content: "b"; color: #4267b2; line-height: 1.8; }
.matchWidget .teamVotingBtn .team1 .socialMediaBtn a.icon-tw:before { content: "c"; color: #1da1f2; line-height: 1.8; }
.matchWidget .teamVotingBtn .team2 .socialMediaBtn a.icon-fb { background: #4267b2; }
.matchWidget .teamVotingBtn .team2 .socialMediaBtn a.icon-tw { background: #1da1f2; }
.matchWidget .teamVotingBtn .team2 .socialMediaBtn a.icon-fb:before { content: "b"; color: #fff; line-height: 1.8; }
.matchWidget .teamVotingBtn .team2 .socialMediaBtn a.icon-tw:before { content: "c"; color: #fff; line-height: 1.8; }
.matchWidget .team1 .socialMediaBtn a.icon-fb { background: #fff; }
.matchWidget .team1 .socialMediaBtn a.icon-tw { background: #fff; }
.matchWidget .team1 .socialMediaBtn a.icon-fb:before { content: "b"; color: #4267b2; }
.matchWidget .team1 .socialMediaBtn a.icon-tw:before { content: "c"; color: #1da1f2; }
.matchWidget .team2 .socialMediaBtn a.icon-fb { background: #4267b2; }
.matchWidget .team2 .socialMediaBtn a.icon-tw { background: #1da1f2; }
.matchWidget .team2 .socialMediaBtn a.icon-fb:before { content: "b"; color: #fff; }
.matchWidget .team2 .socialMediaBtn a.icon-tw:before { content: "c"; color: #fff; }
/** Ahly Fans **/
.ahlyFans .teamVotingBtn .votingBtn { position: absolute; right: 70px; top: 40px; margin: 0; width: 300px; }
.ahlyFans .teamVotingBtn h2 { visibility: hidden; opacity: 0; display: none }
.ahlyFans .teamVotingBtn .votingBtn .first { opacity: 0; visibility: hidden; float: right; display: inline-block }
.ahlyFans .teamVotingBtn .votingBtn .team1:after { display: none }
.ahlyFans .teamVotingBtn .votingBtn .team1 { width: 100%; margin-left: 0; padding: 0; background: transparent; overflow: visible }
.ahlyFans .teamVotingBtn .votingBtn .team1:before { display: none }
.ahlyFans .teamVotingBtn .votingBtn .team2 { display: none }
.ahlyFans .teamVotingBtn .votingBtn .second { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 1; visibility: visible; background: #ce1a1a; box-shadow: inset 0px 0px 80px rgba(0,0,0,0.3); border-radius: 30px; border: 3px solid #d9a628; }
.ahlyFans .teamVotingBtn .votingBtn .second:before { content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; background: url(https://www.yallakora.com//Images/celebPattern.png) no-repeat center center; background-size: 100% auto; pointer-events: none; opacity: 0.2 }
.ahlyFans .teamVotingBtn .votingBtn .second:after { content: ""; position: absolute; width: 314px; height: 278px; top: 50%; transform: translate(-50%, calc(-50% - 10px)); left: 10px; background: url(https://www.yallakora.com//Images/ahly1.png) no-repeat center center; background-size: auto 278px; pointer-events: none }
.ahlyFans .teamVotingBtn .votingBtn .team1:after { display: none }
.ahlyFans .teamVotingBtn .votingBtn .second p { display: inline-block; float: right; font-family: Hayah, Arial; font-size: 66px; color: #fff; position: relative; line-height: 1; cursor: auto !important; width: 100%; text-align: center; padding: 50px 0 30px; }
.ahlyFans .teamVotingBtn .votingBtn .second p.fanNum { font-family: droidLight, Arial; font-size: 20px; margin: 0; padding: 0; }
.ahlyFans .teamVotingBtn .votingBtn .second span { display: inline-block; float: right; width: 100%; font-family: Hayah, arial; font-size: 60px; text-align: center; line-height: 1; color: #d9a628; position: relative; margin: 14px 0 2px; }
/** Zamalek Fans **/
.zamalekFans .teamVotingBtn .votingBtn { position: absolute; right: 70px; top: 40px; margin: 0; width: 300px; }
.zamalekFans .teamVotingBtn h2 { visibility: hidden; opacity: 0; display: none }
.zamalekFans .teamVotingBtn .votingBtn .first { opacity: 0; visibility: hidden; float: right; display: inline-block }
.zamalekFans .teamVotingBtn .votingBtn .team1:after { display: none }
.zamalekFans .teamVotingBtn .votingBtn .team2 { width: 100%; height: 350px; margin-left: 0; padding: 0; background: transparent; overflow: visible }
.zamalekFans .teamVotingBtn .votingBtn .team2:before { display: none }
.zamalekFans .teamVotingBtn .votingBtn .team1 { display: none }
.zamalekFans .teamVotingBtn .votingBtn .second { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 1; visibility: visible; background: #fff; box-shadow: inset 0px 0px 80px rgba(0,0,0,0.3); border-radius: 30px; border: 3px solid #ce1a1a; }
.zamalekFans .teamVotingBtn .votingBtn .second:before { content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; background: url(https://www.yallakora.com//Images/celebPattern.png) no-repeat center center; background-size: 100% auto; pointer-events: none; opacity: 0.2 }
.zamalekFans .teamVotingBtn .votingBtn .second:after { content: ""; position: absolute; width: 204px; height: 278px; top: 50%; transform: translate(-50%, -50%); left: 0; background: url(https://www.yallakora.com//Images/zamalek1.png) no-repeat center center; background-size: auto 278px; pointer-events: none }
.zamalekFans .teamVotingBtn .votingBtn .team2:after { display: none }
.zamalekFans .teamVotingBtn .votingBtn .second p { display: inline-block; float: right; font-family: Hayah, Arial; font-size: 66px; color: #ce1a1a; position: relative; line-height: 1; cursor: auto !important; width: 100%; text-align: center; padding: 50px 0 30px }
.zamalekFans .teamVotingBtn .votingBtn .second p.fanNum { font-family: droidLight, Arial; font-size: 20px; margin: 0; padding: 0; }
.zamalekFans .teamVotingBtn .votingBtn .second span { display: inline-block; float: right; width: 100%; font-family: Hayah, arial; font-size: 60px; text-align: center; line-height: 1; color: #000; position: relative; margin: 14px 0 2px }
.ahlyFans .teamVotingBtn .votingBtn .second { height: 170px; border-radius: 10px }
.zamalekFans .teamVotingBtn .votingBtn .second { height: 170px; border-radius: 10px }
.ahlyFans .teamVotingBtn .votingBtn .second:after { width: 113px; height: 100px; top: -20px; left: 50%; background-size: auto 100px; }
.zamalekFans .teamVotingBtn .votingBtn .second:after { width: 70px; height: 100px; top: -20px; left: 50%; background-size: auto 100px; }
.ahlyFans .teamVotingBtn .votingBtn .second p { font-size: 42px; padding: 30px 0 2px }
.zamalekFans .teamVotingBtn .votingBtn .second p { font-size: 42px; padding: 30px 0 2px }
.ahlyFans .teamVotingBtn .votingBtn .second p.fanNum { font-size: 12px; margin-bottom: 2px }
.zamalekFans .teamVotingBtn .votingBtn .second p.fanNum { font-size: 12px; margin-bottom: 2px }
.ahlyFans .teamVotingBtn .votingBtn .second span { font-size: 30px; margin-top: 6px; }
.zamalekFans .teamVotingBtn .votingBtn .second span { font-size: 30px; margin-top: 6px; }
.teamVotingBtn .socialMediaBtn { position: relative; bottom: 0; left: 0; display: inline-block; float: right; width: 136px; text-align: center; margin: 4px calc((100% - 136px) / 2) 0; }
.ahlyFans .teamVotingBtn .votingBtn .second .socialMediaBtn p { width: 56px; line-height: 1.6; font-size: 10px; text-align: left; font-family: droidBold,Arial; padding: 0; margin-left: 10px }
.zamalekFans .teamVotingBtn .votingBtn .second .socialMediaBtn p { width: 56px; line-height: 1.6; font-size: 10px; text-align: left; font-family: droidBold,Arial; padding: 0; margin-left: 10px }
.teamVotingBtn .url { display: inline-block; width: 126px; direction: rtl; opacity: 0; visibility: hidden; text-align: center; font-family: droidLight, Arial; font-size: 13px; color: #fff; position: absolute; bottom: 20px; left: 70px; padding: 5px 0; background: #011929; border-radius: 10px; border: 1px solid rgba(255,255,255,0.3); }
.teamVotingBtn .url:hover { background: #0277bd }
.ahlyFans .teamVotingBtn .url { opacity: 1; visibility: visible }
.zamalekFans .teamVotingBtn .url { opacity: 1; visibility: visible }
.showOverlay .matchWidget { display: none }
.hideOverlay .matchWidget { display: inline-block }
.showOTP .matchWidget { display: none }
.hideOTP .matchWidget { display: inline-block }
.teamVotingBtn .votingBtn.DisableVote .bottom .cntnr { display: none }
.teamVotingBtn .votingBtn.DisableVote .teamVote { pointer-events: none }
.matchWidget .teamVotingBtn .votingBtn.DisableVote .teamVote { height: 94px }
.matchWidget .teamVotingBtn .votingBtn.DisableVote .bottom { display: none }
.matchWidget .teamVotingBtn .votingBtn.DisableVote .team2:before { bottom: 12px }
.matchWidget .teamVotingBtn .votingBtn.DisableVote .team1:after { bottom: 12px }
.matchWidget .teamVotingBtn .votingBtn .urlFirst { display: none }
.matchWidget .teamVotingBtn .votingBtn.DisableVote .urlFirst { display: inline-block; float: right; text-align: center; font-family: droidLight, Arial; font-size: 13px; color: #fff; position: absolute; left: 50%; transform: translateX(-50%); bottom: 14px; }
.matchWidget .teamVotingBtn .votingBtn.DisableVote .urlFirst:before { content: ""; position: absolute; width: 100%; height: 1px; background: #fff; bottom: 2px }
/******************** Arab Cup ********************/
/** Landing Page **/
.tour2694 .euroMain .FullWidthBK .euroHeader { background: #8b1538 }
.tour2694 .euroMain .FullWidthBK .euroHeader:before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../../Images/ArabCup2021/arabCupHeader.png) bottom left 10px no-repeat; background-size: auto 100%; pointer-events: none; }
.tour2694.newPred .FullWidthBK .pagecnts { padding: 0 }
.tour2694 .euroMain .tabs a:hover { color: #8b1538; }
.tour2694 .euroMain .tourMatches { border-top: 4px solid #8b1538; }
.tour2694 .euroMain .flickity-button { border: 1px solid #8b1538; }
.tour2694 .euroMain .flickity-button.next:before, .tour2694 .euroMain .flickity-button.previous:before { color: #8b1538 }
.tour2694 .euroMain .flickity-button:active, .tour2694 .euroMain .flickity-button:hover { background-color: #8b1538; }
.tour2694 .euroMain .flickity-button:active:before, .tour2694 .euroMain .flickity-button:hover:before { color: #fff; }
.tour2694 .euroMain .IMplayers .flickity-button { top: -55px }
.tour2694 .euroMain .remainContent .proNews .title a, .tour2694 .euroMain .remainContent .multimedia .title a { color: #8b1538 }
.tour2694 .euroMain .listing ul li:hover .desc p { color: #8b1538; }
.tour2694 .euroMain .predEP .groupTtl { background: #000 }
.tour2694 .euroMain .predEP .groupTtl h3 { color: #fff }
/** News Listing **/
.tour2694 .euroMain .tabs a { position: relative; padding: 16px 0; line-height: 22px; }
.tour2694 .euroMain .tabs a.active, .tour2694 .euroMain .tabs a:hover { color: #8b1538; }
.tour2694 .euroMain .tabs a:after { content: ""; display: inline-block; width: 100%; height: 3px; background: transparent; position: absolute; bottom: 0; left: 0; right: 0; transition: all 0.2s ease-in-out 0s; -webkit-transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; -ms-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; }
.tour2694 .euroMain .tabs a.active:after, .tour2694 .euroMain .tabs a:hover:after { background: #8b1538 }
.tour2694 .euroMain .FullWidthBK .tabs { padding: 0 20px; height: 54px }
.tour2694 .euroMain .FullWidthBK .tabs .euroLogo { padding: 12px 0; }
.tour2694 .euroMain .tabs .euroLogo img { width: auto; height: 30px }
.tour2694 .euroMain .tabs .euroLogo h2 { line-height: 26px }
.tour2694 .euroMain .tabs .euroLogo h2 span { line-height: 30px }
.tour2694 .euroMain .tabs .euroLogo:after { display: none }
.tour2694 .euroMain .listing .more { background: #8b1538; }
.tour2694 .euroMain .listing .more:hover { background: #a71d46; }
/** Road To Cup **/
.tour2694 .euroRoadToCup .groupTaples .group { width: calc((100% - 30px)/ 2); margin-left: 30px; margin-bottom: 30px; background: #fff; border: 1px solid #bb335c; background: none }
.tour2694 .euroRoadToCup .groupTaples .group:nth-child(3n) { margin-left: 30px }
.tour2694 .euroRoadToCup .groupTaples .group:nth-child(2n) { margin-left: 0 }
.tour2694 .euroRoadToCup .groupTaples .sortingTeams li.hasteam:nth-child(3) .imgCntnr { opacity: 0.2 }
.tour2694 .euroRoadToCup .groupTaples .sortingTeams li.hasteam:nth-child(3) .TeamName { color: #b3b3b3; opacity: 0.6 }
.tour2694 .euroRoadToCup .groupTaples .sortingTeams li.hasteam:nth-child(3):after { content: ""; position: absolute; left: 50px; top: 50%; transform: translateY(-50%); width: 14px; height: 2px; background: #aaa }
.tour2694 .euroRoadToCup .allRounds .roundItem { width: calc((100% - 64px) / 3); }
.tour2694 .second.notfirst .teamData:first-child:before, .tour2694 .second.notfirst .teamData:last-child:before { display: none }
.leftHP { float: left; width: 300px; display: inline-block; }
.tour2694 .euroRoadToCup { background: #8b1538; overflow: hidden; }
.tour2694 .euroRoadToCup .title h1 { color: #eeeded; padding: 0 70px 0 0; height: 100px }
.tour2694 .euroRoadToCup .title h1:before { background: url(../../Images/ArabCup/cup.png) no-repeat center center; width: 50px; height: 100px; background-size: 100% auto }
/*.tour2694 .euroRoadToCup .title span{display:none}*/
.tour2694 .euroRoadToCup .rtcSponsor { display: none }
.tour2694 .euroRoadToCup .groupTaples .GroupStanding:before { display: none }
.tour2694 .euroRoadToCup .groupTaples .sortingTeams { background: rgba(167,29,70,0.6) }
.tour2694 .euroRoadToCup .groupTaples .sortingTeams li { border-top: 1px solid rgba(209,68,110,0.6) }
.tour2694 .euroRoadToCup .groupTaples .sortingTeams li.hasteam { border-top: 1px solid rgba(209,68,110,0.2); background: #fff }
.tour2694 .euroRoadToCup .groupTaples .sortingTeams li.hasteam:nth-child(3),
.tour2694 .euroRoadToCup .groupTaples .sortingTeams li.hasteam:nth-child(4) { background: #eeeded }
.tour2694 .euroRoadToCup .groupTaples .sortingTeams li .TeamStanding { color: #8b1538 }
.tour2694 .euroRoadToCup .groupTaples .sortingTeams li .TeamStanding:after { background: #8b1538 }
.tour2694 .euroRoadToCup .groupTaples .sortingTeams li.hasteam .TeamStanding { color: #8b1538 }
.tour2694 .euroRoadToCup .groups { border-bottom: none; position: relative; padding-bottom: 30px; }
.tour2694 .euroRoadToCup .groups:after { content: ""; position: absolute; width: calc(100% + 140px); height: 1px; bottom: 0; left: -70px; background: #bb335c; display: none }
.tour2694 .euroRoadToCup .breadcrumbDiv { border-bottom: none }
.tour2694 .euroRoadToCup .viewTabContainer .eagles { position: absolute; top: 40px; left: 40px; width: 158px; height: 66px; background: url(../../Images/ArabCup/eagles.png) center center no-repeat; background-size: 100% auto }
.tour2694 .euroRoadToCup .viewTabContainer .palm { position: absolute; bottom: 0; right: -50px; width: 384px; height: 300px; filter: brightness(0.94); background: url(../../Images/ArabCup/palm.png) center center no-repeat; background-size: 100% auto }
.tour2694 .euroRoadToCup .viewTabContainer .camel { position: absolute; bottom: 0; left: 40px; width: 173px; height: 150px; filter: brightness(0.94); background: url(../../Images/ArabCup/camel.png) center center no-repeat; background-size: 100% auto; z-index: 1 }
.tour2694 .euroRoadToCup .groupHeader { display: inline-block; float: right; width: 100%; background: #eeeded }
.tour2694 .euroRoadToCup .submitBtn { background: #eeeded; color: #bb335c; margin-top: 30px }
.tour2694 .euroRoadToCup .submitBtn.disabled { background: #bb335c; color: #eeeded }
.tour2694 .euroRoadToCup .groupTaples .sortingTeams li .DelBtn:hover { background: #8b1538 }
.tour2694 .euroRoadToCup .nextHint { bottom: 100px }
.viewTabs { display: inline-block; float: right; width: 100%; position: relative; z-index: 2; }
.tabsContainer { display: inline-block; float: right; width: 100%; position: relative }
.tabs-nav { list-style: none; margin: 0; display: inline-block; float: right; width: 100%; position: relative; z-index: 2; }
.tabs-nav > li { display: inline-block; position: relative; float: right; text-align: right; padding: 20px 40px; cursor: pointer; border-right: 1px solid #8b1538; border-left: 1px solid #8b1538; border-top: 1px solid #8b1538; -webkit-transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; }
.tabs-nav > li > a { display: inline-block; color: #9f405c; float: right; position: relative; font-family: droidLight,Arial; -webkit-transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; }
.tabs-nav .tabs-selected { border-right: 1px solid #bb335c; border-left: 1px solid #bb335c; border-top: 1px solid #bb335c; background: #810d2f; border-top-left-radius: 6px; border-top-right-radius: 6px; }
.tabs-nav .tabs-selected > a { color: #eeeded }
.tabs-nav > li > a p { display: inline-block; float: right; width: 100%; text-align: right; font-family: droidLight,Arial; font-size: 16px; transition: none; text-transform: uppercase; color: inherit; margin-bottom: 0 }
.viewTabContainer { display: inline-block; float: right; position: relative; width: 100%; direction: rtl; z-index: 1; overflow: hidden; padding: 70px 40px 30px; border: 1px solid #bb335c; margin-top: -1px; background: #810d2f; border-top-left-radius: 6px; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; }
.tabs-container { display: inline-block; float: right; width: 100%; opacity: 1; visibility: visible; }
.tabs-container.tabs-hide { opacity: 0; visibility: hidden; height: 0; }
/*.tabs-nav > li > a:after {content: "";width: 100%;height: 2px;position: absolute;left: 0;bottom: -10px;background: #8aaf1a;opacity: 0;visibility: hidden;-webkit-transition: all 0.2s ease-in-out 0s;-moz-transition: all 0.2s ease-in-out 0s;-o-transition: all 0.2s ease-in-out 0s;transition: all 0.2s ease-in-out 0s;}
.tabs-nav .tabs-selected > a:after {opacity: 1;visibility: visible;}*/
.tour2694 .euroRoadToCup .predHint { background: #810d2f; }
.tour2694 .euroRoadToCup .predHint .regBtn { background: #eeeded; color: #810d2f; }
.tour2694 .euroRoadToCup #divTab2 .groupTaples .group { height: 332px }
/** Knock Out **/
.tour2694 .euroRoadToCup .allRounds .roundItem .qualifiedTeams .teamData .team { background: #8b1538 }
.tour2694 .euroRoadToCup .allRounds .roundItem .qualifiedTeams .teamData .team:after { background: rgba(114,15,45,0.5) }
.tour2694 .euroRoadToCup .allRounds .roundItem .qualifiedTeams .teamData .team.hasteam { background: #8b1538 }
.tour2694 .euroRoadToCup .allRounds .roundItem .qualifiedTeams .teamData .team.hasteam.selected { background: #eeeded }
.tour2694 .euroRoadToCup .allRounds .roundItem .qlfyTeam .team .TeamName { color: #eeeded; opacity: 0.15; }
.tour2694 .euroRoadToCup .allRounds .roundItem .qlfyTeam .team.selected .TeamName { color: #8b1538; opacity: 1; }
.tour2694 .euroRoadToCup .allRounds .roundItem .qualifiedTeams .TeamName { color: #eeeded; display: inline-block; }
.tour2694 .euroRoadToCup .allRounds .roundItem .qualifiedTeams .cupWinner .TeamName { display: inline-block !important; float: right; width: 100%; font-family: droidBold, arial; text-align: center; color: #fff; font-size: 22px; line-height: 1.6; padding-right: 0; }
/*.tour2694 .euroRoadToCup .allRounds .roundItem .knockoutStage  .cupWinner .ShareLogin{display:inline-block}*/
.tour2694 .euroRoadToCup .allRounds .roundItem .cupWinner .ShareLogin { display: none }
.tour2694 .euroRoadToCup .allRounds .roundItem .selectWinner .cupWinner .ShareLogin { display: inline-block }
.tour2694 .euroRoadToCup .allRounds .roundItem .qualifiedTeams .imgCntnr { border: 2px solid #fff; }
.tour2694 .euroRoadToCup .allRounds .roundItem .qlfyTeam .team .imgCntnr { opacity: 0.15 }
.tour2694 .euroRoadToCup .allRounds .roundItem .qlfyTeam .team.selected .imgCntnr { opacity: 1 }
.tour2694 .second .teamData:last-child:before, .tour2694 .second .teamData:first-child:before,
.tour2694 .third .teamData:last-child:before, .tour2694 .third .teamData:first-child:before,
.tour2694 .final .teamData:last-child:before, .tour2694 .final .teamData:first-child:before { border-right: 2px solid rgba(209,68,110,0.6) }
.tour2694 .second .teamData:first-child:before,
.tour2694 .third .teamData:first-child:before,
.tour2694 .final .teamData:first-child:before { border-bottom: 2px solid rgba(209,68,110,0.6) }
.tour2694 .euroRoadToCup .allRounds .roundItem .qualifiedTeams .separating { background: rgba(209,68,110,0.6) }
.tour2694 .euroRoadToCup .allRounds .roundItem h3 { background: #8b1538; color: #eeeded }
.tour2694 .euroRoadToCup .allRounds .roundItem .qualifiedTeams.second { padding: 30px 0 0 }
.tour2694 .euroRoadToCup .allRounds .roundItem .qualifiedTeams.second .knockoutStage { margin-bottom: 60px }
.tour2694 .euroRoadToCup .allRounds .roundItem .qualifiedTeams.second .knockoutStage:last-child { margin-bottom: 0 }
.tour2694 .euroRoadToCup .allRounds .roundItem .qualifiedTeams.third { padding: 125px 0 0; }
.tour2694 .third .teamData:last-child:before { height: 95px }
.tour2694 .third .teamData:first-child:before { height: 95px }
.tour2694 .euroRoadToCup .allRounds .roundItem .qualifiedTeams.third .knockoutStage { margin-bottom: 250px }
.tour2694 .euroRoadToCup .allRounds .roundItem .qualifiedTeams.third .knockoutStage:last-child { margin-bottom: 0 }
.tour2694 .euroRoadToCup .allRounds .roundItem .qualifiedTeams.final { padding: 315px 0 0; }
.tour2694 .final .teamData:first-child:before { height: 190px }
.tour2694 .final .teamData:last-child:before { height: 190px }
.tour2694 .euroRoadToCup .allRounds .roundItem .cupWinner { top: 110px }
.tour2694 .euroRoadToCup .allRounds .roundItem .cupWinner h3 { background: none; margin-bottom: 0px; color: #eeeded }
.tour2694 .euroRoadToCup .Place3rd li .CheckedIn,
.tour2694 .euroRoadToCup .allRounds .roundItem .qualifiedTeams .CheckedIn { background: #8b1538 }
.tour2694 .euroRoadToCup .allRounds .roundItem .qualifiedTeams .CheckIn { border: none; background: #9c1940 }
.tour2694 .euroRoadToCup .allRounds .roundItem .qualifiedTeams .CheckIn:hover { background: #7e1233 }
.tour2694 .euroRoadToCup .allRounds .roundItem .qualifiedTeams .selected .CheckIn:hover { background: #9c1940 }
.tour2694 .euroRoadToCup .allRounds .roundItem .cupWinner .winnerHolder .teamName { display: inline-block !important; color: #eeeded }
.tour2694 .euroRoadToCup .allRounds .roundItem .cupWinner .ShareLogin a { margin: 20px calc((100% - 100px) / 2) 0; }
.tour2694 .euroRoadToCup .allRounds .roundItem .cupWinner h3:after { background: rgba(209,68,110,0.6); display: none }
.tour2694 .euroRoadToCup .allRounds .roundItem .cupWinner .winnerImg { background: rgba(167,29,70,0.6); border: 2px solid rgba(209,68,110,0.6); top: 50px; display: inline-block; }
.tour2694 .euroRoadToCup .allRounds .roundItem .cupWinner .winnerImg:before { color: #8b1538 }
.tour2694 .euroRoadToCup .allRounds .roundItem .qualifiedTeams.final .knockoutStage:before { width: 46px; height: 140px; background: url(../../Images/ArabCup/arabCup.png) no-repeat center center; background-size: 100% auto }
.tour2694 .euroRoadToCup .groups.KnockOutHolder .eagles { top: -200px }
/************** ACN 2022 *************/
/*.tour2767.newPred .pagecnts { width: 1282px; margin: 0 calc((100% - 1282px) / 2) }*/

/*@media screen and (min-width: 1360px) and (max-width: 1919px) {
    .tour2767.newPred .pagecnts { width: 1100px; margin: 0 calc((100% - 1100px) / 2) }
}

@media screen and (min-width: 1280px) and (max-width: 1359px) {
    .tour2767.newPred .pagecnts { width: 1100px; margin: 0 calc((100% - 1100px) / 2) }
}

@media screen and (min-width: 1024px) and (max-width: 1279px) {
    .tour2767.newPred .pagecnts { width: 800px; margin: 0 calc((100% - 800px) / 2) }
}

@media only screen and (max-width: 1023px) {
    .tour2767.newPred .pagecnts { width: 100%; margin: 0 }
}
*/

/*** WC Handball 2023 ***/
/*.tour2773.newPred .pagecnts { width: 1282px; margin: 0 calc((100% - 1282px) / 2) }

@media screen and (min-width: 1360px) and (max-width: 1919px) {
    .tour2773.newPred .pagecnts { width: 1100px; margin: 0 calc((100% - 1100px) / 2) }
}

@media screen and (min-width: 1280px) and (max-width: 1359px) {
    .tour2773.newPred .pagecnts { width: 1100px; margin: 0 calc((100% - 1100px) / 2) }
}

@media screen and (min-width: 1024px) and (max-width: 1279px) {
    .tour2773.newPred .pagecnts { width: 800px; margin: 0 calc((100% - 800px) / 2) }
}

@media only screen and (max-width: 1023px) {
    .tour2773.newPred .pagecnts { width: 100%; margin: 0 }
}
*/


.tour2727.roadToCupPage .content-wrap { width: 100% !important }
.tour2727.roadToCupPage .content { padding: 0 }
.tour2727.roadToCupPage .euroRoadToCup { display: inline-block; float: right; width: 100%; padding: 60px calc((100% - 1496px) / 2); position: relative; background: linear-gradient(45deg,#061e46,#1f4891,#061e46); overflow: hidden }
.tour2727.roadToCupPage .euroRoadToCup:before { content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: url(../../Images/ACN2022/rtcPatternBG.svg) center center repeat; background-size: 30%; opacity: 0.06; pointer-events: none; }
.tour2727.roadToCupPage .euroRoadToCup:after { content: ""; width: 500px; height: 466px; position: absolute; top: -20px; left: 80px; opacity: 1; transform: translateX(-50%); background: url(../../Images/ACN2022/lion.svg) center center no-repeat; background-size: 100% auto; pointer-events: none; }
.tour2727.roadToCupPage .euroRoadToCup .title { z-index: 1 }
.tour2727.roadToCupPage .euroRoadToCup .title h1 { color: #fff }
.tour2727.roadToCupPage .euroRoadToCup .title h1:before { content: ""; width: 54px; height: 110px; position: absolute; right: 0; top: 0; background: url(../../Images/ACN2022/acnTrophy.png) no-repeat center center; background-size: 100% auto; z-index: 1; }
.tour2727.roadToCupPage .euroRoadToCup .title .regBtnHeader { z-index: 1 }
.tour2727.roadToCupPage.openRegister .viewTabs { z-index: 0 }
.tour2727.roadToCupPage .tabs-container { position: relative }
.tour2727.roadToCupPage .viewTabContainer { border: 1px solid rgba(255,255,255,0.3); background: #143670; }
.tour2727.roadToCupPage .euroRoadToCup .title .regBtnHeader p,
.tour2727.roadToCupPage .euroRoadToCup .regBtn.noImg .usericon:before { color: #fff }
.tour2727.roadToCupPage .euroRoadToCup .regBtn.noImg .usericon { border: 1px solid #fff }
.tour2727.roadToCupPage .euroRoadToCup .shareGame p { color: #fff }
.tour2727.roadToCupPage .euroRoadToCup .nextHint { bottom: 70px }
.tour2727.roadToCupPage .euroRoadToCup .submitBtn { color: #143670 }
.tour2727.roadToCupPage .euroRoadToCup .Place3rd li .CheckedIn { background: #143670 }
/** Groups **/
.tour2727.roadToCupPage .euroRoadToCup #divTab2 .groups { border-bottom: none }
.tour2727.roadToCupPage .euroRoadToCup .groupTaples .group { background: none; border: 1px solid rgba(255,255,255,0.3); height: 420px; }
.tour2727.roadToCupPage .euroRoadToCup #divTab2 .groupTaples .group { height: 332px }
.tour2727.roadToCupPage .euroRoadToCup .groupTaples .groupHeader { display: inline-block; float: right; width: 100%; background: #fff }
.tour2727.roadToCupPage .euroRoadToCup .groupTaples .GroupTeams { height: 78px; margin-bottom: 10px; margin-top: 0 }
.tour2727.roadToCupPage .euroRoadToCup .groupTaples .GroupTeams li .imgCntnr { border-radius: 0; overflow: visible; border: none }
.tour2727.roadToCupPage .euroRoadToCup .groupTaples .GroupTeams li img { width: 40px; height: auto }
.tour2727.roadToCupPage .euroRoadToCup .groupTaples .GroupTeams li span { font-size: 11px; line-height: 1.2 }
.tour2727.roadToCupPage .euroRoadToCup .groupTaples .sortingTeams { background: #2a57a1 }
.tour2727.roadToCupPage .euroRoadToCup .groupTaples .sortingTeams li { border-top: 1px solid rgba(255,255,255,0.3) }
.tour2727.roadToCupPage .euroRoadToCup .groupTaples .sortingTeams li.hasteam { background: rgba(255,255,255,0.95); border-top: 1px solid #ddd; }
.tour2727.roadToCupPage .euroRoadToCup .groupTaples .sortingTeams li .TeamStanding { color: #2e457b }
.tour2727.roadToCupPage .euroRoadToCup .groupTaples .sortingTeams li .TeamStanding:after { background: #2e457b }
.tour2727.roadToCupPage .euroRoadToCup .groupTaples .GroupStanding:before { display: none }
.tour2727.roadToCupPage .euroRoadToCup .groupTaples .sortingTeams li .imgCntnr,
.tour2727.roadToCupPage .euroRoadToCup .Place3rd li .imgCntnr { border-radius: 0; overflow: visible; border: none; width: 30px; height: 30px; margin-bottom: 0; margin-top: 5px }
.tour2727.roadToCupPage .euroRoadToCup .groupTaples .sortingTeams li .imgCntnr img,
.tour2727.roadToCupPage .euroRoadToCup .Place3rd li .imgCntnr img { width: 100%; height: auto }
.tour2727.roadToCupPage .euroRoadToCup .groupTaples .sortingTeams li .TeamName,
.tour2727.roadToCupPage .euroRoadToCup .Place3rd li .TeamName { font-size: 14px; line-height: 40px }
.tour2727.roadToCupPage .euroRoadToCup .Place3rd { background: none; border: 1px solid rgba(255,255,255,0.3) }
.tour2727.roadToCupPage .euroRoadToCup .Place3rd .thirdHeader { background: #fff; border: 1px solid rgba(255,255,255,0.3); }
.tour2727.roadToCupPage .euroRoadToCup .Place3rd .bestThirds { background: #2a57a1 }
.tour2727.roadToCupPage .euroRoadToCup .Place3rd li { border-top: 1px solid rgba(255,255,255,0.3) }
.tour2727.roadToCupPage .euroRoadToCup .Place3rd li .TeamStanding:after { background: #2e457b }
.tour2727.roadToCupPage .euroRoadToCup .breadcrumb li span { color: #143670; background: #fff }
.tour2727.roadToCupPage .euroRoadToCup .breadcrumb li.disabled span { color: #fff; background: none; border: 1px solid #fff }
.tour2727.roadToCupPage .euroRoadToCup .breadcrumb li p,
.tour2727.roadToCupPage .euroRoadToCup .groups .stageInfo h2,
.tour2727.roadToCupPage .euroRoadToCup .groups .stageInfo p,
.tour2727.roadToCupPage .euroRoadToCup .nextHint { color: #fff }
.tour2727.roadToCupPage .tabs-nav > li { border-right: 1px solid transparent; border-left: 1px solid transparent; border-top: 1px solid transparent; }
.tour2727.roadToCupPage .tabs-nav > li > a { color: #576781 }
.tour2727.roadToCupPage .tabs-nav .tabs-selected { border-right: 1px solid rgba(255,255,255,0.3); border-left: 1px solid rgba(255,255,255,0.3); border-top: 1px solid rgba(255,255,255,0.3); background: #143670 }
.tour2727.roadToCupPage .tabs-nav .tabs-selected > a { color: #fff }
.tour2727.roadToCupPage .euroRoadToCup .predHint { background: #143670; border: 1px solid rgba(255,255,255,.3); }
.tour2727.roadToCupPage .predHint .regBtn { background: #fff; color: #143670 }
/** Knockout **/
.tour2727.roadToCupPage .knockOutTab .allRounds { display: inline-block; float: right; width: 100%; margin-bottom: 16px }
.tour2727.roadToCupPage .knockOutTab .allRounds .roundItem { display: inline-block; float: right; width: calc((100% - 224px) / 8); margin-left: 32px; position: relative }
.tour2727.roadToCupPage .knockOutTab .allRounds .roundItem h3 { display: inline-block; float: right; width: 100%; margin-left: 0; padding: 6px 0; overflow: hidden; margin-bottom: 30px; font-family: droidLight,Arial; text-align: center; color: #fff; font-size: 13px; background: #2a57a1 }
.tour2727.roadToCupPage .knockOutTab .allRounds .roundItem:last-child { margin-left: 0 }
.tour2727.roadToCupPage .knockOutTab .allRounds .roundItem .qualifiedTeams { display: inline-block; float: right; width: 100%; position: relative }
.tour2727.roadToCupPage .knockOutTab .allRounds .roundItem .qualifiedTeams .knockoutStage { display: inline-block; float: right; width: 100%; position: relative; z-index: 1 }
.tour2727.roadToCupPage .knockOutTab .allRounds .roundItem .qualifiedTeams .teamData { display: inline-block; float: right; width: 100%; position: relative; margin-bottom: 2px }
.tour2727.roadToCupPage .knockOutTab .allRounds .roundItem .qualifiedTeams .teamData .team { display: inline-block; float: right; position: relative; width: 100%; height: 48px; background: rgba(255,255,255,0.1); cursor: pointer; border-radius: 6px; overflow: hidden; pointer-events: none; }
.tour2727.roadToCupPage .knockOutTab .allRounds .roundItem .qualifiedTeams .teamData .team .QualifierName { display: inline-block; float: right; width: calc(100% - 20px); font-family: droidLight, arial; text-align: right; color: #000; font-size: 11px; line-height: 24px; position: absolute; right: 10px; top: 50%; transform: translateY(-50%); line-height: 1.6; direction: rtl; unicode-bidi: bidi-override; }
.tour2727.roadToCupPage .knockOutTab .allRounds .roundItem .qualifiedTeams .teamData:last-child { margin-bottom: 0 }
.tour2727.roadToCupPage .knockOutTab .allRounds .roundItem.right .qualifiedTeams .teamData .team .QualifierName { text-align: right }
.tour2727.roadToCupPage .knockOutTab .allRounds .roundItem.left .qualifiedTeams .teamData .team .QualifierName { text-align: left }
.tour2727.roadToCupPage .knockOutTab .allRounds .roundItem .qlfyTeam .team .TeamName { color: #b3b3b3; opacity: 1 }
.tour2727.roadToCupPage .knockOutTab .allRounds .roundItem .qlfyTeam .team.selected .imgCntnr { opacity: 1 }
.tour2727.roadToCupPage .knockOutTab .allRounds .roundItem .qlfyTeam .team.selected .TeamName { color: #000; opacity: 1 }
.tour2727.roadToCupPage .knockOutTab .allRounds .roundItem .qlfyTeam .team { opacity: 0.5 }
.tour2727.roadToCupPage .knockOutTab .allRounds .roundItem .qlfyTeam .team.selected { opacity: 1 }
.tour2727.roadToCupPage .knockOutTab .allRounds .roundItem .final.qualifiedTeams .teamData.right .team { padding: 12px 40px 12px 10px; }
.tour2727.roadToCupPage .knockOutTab .allRounds .roundItem .final.qualifiedTeams .teamData.left .team { padding: 12px 10px 12px 40px; }
.tour2727.roadToCupPage .knockOutTab .allRounds .roundItem .final.qualifiedTeams .teamData.right .CheckIn { right: 10px }
.tour2727.roadToCupPage .knockOutTab .allRounds .roundItem .final.qualifiedTeams .teamData.left .CheckIn { left: 10px }
.tour2727.roadToCupPage .knockOutTab .allRounds .roundItem .final.qualifiedTeams .teamData.right .TeamName { float: right; text-align: right; padding-right: 10px; right: 64px; }
.tour2727.roadToCupPage .knockOutTab .allRounds .roundItem .final.qualifiedTeams .teamData.left .TeamName { float: left; text-align: left; padding-left: 10px; left: 64px; }
.tour2727.roadToCupPage .knockOutTab .allRounds .roundItem .final.qualifiedTeams .teamData.right img { float: right }
.tour2727.roadToCupPage .knockOutTab .allRounds .roundItem .final.qualifiedTeams .teamData.left img { float: left }
.tour2727.roadToCupPage .knockOutTab .allRounds .roundItem .qualifiedTeams .separating { position: absolute; width: calc(100% + 10px); height: 2px; top: 50%; transform: translateY(-50%); background: #435e8d }
.tour2727.roadToCupPage .knockOutTab .allRounds .roundItem.right .qualifiedTeams .separating { right: 6px; left: auto }
.tour2727.roadToCupPage .knockOutTab .allRounds .roundItem.left .qualifiedTeams .separating { left: 6px; right: auto }
.tour2727.roadToCupPage .knockOutTab .allRounds .roundItem .qualifiedTeams .knockoutStage { margin-bottom: 16px }
.tour2727.roadToCupPage .knockOutTab .allRounds .roundItem .qualifiedTeams .knockoutStage:last-child { margin-bottom: 0 }
.tour2727.roadToCupPage .knockOutTab .allRounds .roundItem .qualifiedTeams .imgCntnr { display: inline-block; float: right; width: 24px; height: auto; position: relative; border-radius: 0; overflow: hidden; border: none; margin-bottom: 0px }
.tour2727.roadToCupPage .knockOutTab .allRounds .roundItem .qualifiedTeams img { display: inline-block; width: 24px; height: auto; position: relative; transform: none; top: 0; left: 0 }
.tour2727.roadToCupPage .knockOutTab .allRounds .roundItem .qualifiedTeams .TeamName { display: inline-block; width: calc(100% - 74px); padding: 0; font-family: droidLight, arial; color: #000; font-size: 11px; line-height: 1.2; position: absolute; top: 50%; transform: translateY(-50%) }
.tour2727.roadToCupPage .knockOutTab .allRounds .roundItem .qualifiedTeams { opacity: 1 }
.tour2727.roadToCupPage .knockOutTab .allRounds .roundItem.right .qualifiedTeams .teamData .team { padding: 12px 40px 12px 10px; }
.tour2727.roadToCupPage .knockOutTab .allRounds .roundItem.right .qualifiedTeams img { float: right; }
.tour2727.roadToCupPage .knockOutTab .allRounds .roundItem.right .qualifiedTeams .TeamName { float: right; text-align: right; padding-right: 10px; right: 64px }
.tour2727.roadToCupPage .knockOutTab .allRounds .roundItem.left .qualifiedTeams .teamData .team { padding: 12px 10px 12px 40px; }
.tour2727.roadToCupPage .knockOutTab .allRounds .roundItem.left .qualifiedTeams img { float: left; }
.tour2727.roadToCupPage .knockOutTab .allRounds .roundItem.left .qualifiedTeams .TeamName { float: left; text-align: left; padding-right: 0; padding-left: 10px; left: 64px }
.tour2727.roadToCupPage .knockOutTab .allRounds .roundItem .qualifiedTeams .teamData .team:after { width: 24px; height: 16px; border-radius: 0; background: rgba(255,255,255,0.1) }
.tour2727.roadToCupPage .knockOutTab .allRounds .roundItem.right .qualifiedTeams .teamData .team:after { right: 10px; left: auto }
.tour2727.roadToCupPage .knockOutTab .allRounds .roundItem.left .qualifiedTeams .teamData .team:after { left: 10px; right: auto }
.tour2727.roadToCupPage .knockOutTab .allRounds .roundItem .qualifiedTeams .teamData.right .team:after { right: 10px; left: auto }
.tour2727.roadToCupPage .knockOutTab .allRounds .roundItem .qualifiedTeams .teamData.left .team:after { left: 10px; right: auto }
.tour2727.roadToCupPage .knockOutTab .allRounds .roundItem .qualifiedTeams .CheckIn { position: absolute; right: auto; left: auto; top: 50%; transform: translateY(-50%); width: 20px; height: 20px; border-radius: 50%; border: 1px solid #aaa; text-align: center; color: #fff; font-size: 12px; -webkit-transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; -ms-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; }
.tour2727.roadToCupPage .knockOutTab .allRounds .roundItem .qualifiedTeams .CheckIn:hover { background: #f2f2f2 }
.tour2727.roadToCupPage .knockOutTab .allRounds .roundItem.right .qualifiedTeams .CheckIn { right: 10px }
.tour2727.roadToCupPage .knockOutTab .allRounds .roundItem.left .qualifiedTeams .CheckIn { left: 10px }
.tour2727.roadToCupPage .knockOutTab .allRounds .roundItem .qualifiedTeams .CheckedIn { border: none; background: #2a57a1; }
.tour2727.roadToCupPage .knockOutTab .allRounds .roundItem .qualifiedTeams .CheckedIn:hover { background: #2a57a1 }
.tour2727.roadToCupPage .knockOutTab .allRounds .roundItem .qualifiedTeams .CheckedIn:before { content: "K"; line-height: 22px }
.tour2727.roadToCupPage .knockOutTab .allRounds .roundItem .qualifiedTeams .GroupName { position: absolute; left: 16px; top: 50%; transform: translateY(-50%); color: #000; font-size: 12px; font-family: droidLight,Arial; text-align: right; }
.tour2727.roadToCupPage .knockOutTab .allRounds .roundItem .qualifiedTeams .teamData .team.hasteam { pointer-events: unset }
.tour2727.roadToCupPage .knockOutTab .allRounds .roundItem .qualifiedTeams .teamData .team.hasteam { background: #fff; }
.tour2727.roadToCupPage .knockOutTab .allRounds .roundItem .qualifiedTeams .teamData .team.hasteam .TeamStanding { color: #7187c6 }
.tour2727.roadToCupPage .knockOutTab .allRounds .roundItem .qualifiedTeams .teamData .team.hasteam .TeamStanding:after { display: none }
.tour2727.roadToCupPage .knockOutTab .allRounds .roundItem .qualifiedTeams .teamData .team.hasteam:after { display: none }
.tour2727.roadToCupPage .knockOutTab .allRounds .roundItem .qualifiedTeams.second { padding: 57px 0 }
.tour2727.roadToCupPage .knockOutTab .allRounds .roundItem .qualifiedTeams.second .knockoutStage { margin-bottom: 130px }
.tour2727.roadToCupPage .knockOutTab .allRounds .roundItem .qualifiedTeams.second .knockoutStage:last-child { margin-bottom: 0 }
.tour2727.roadToCupPage .knockOutTab .second .teamData:last-child:before,
.tour2727.roadToCupPage .knockOutTab .second .teamData:first-child:before { width: 20px; display: block; right: auto; content: ''; position: absolute; border-right: none }
.tour2727.roadToCupPage .knockOutTab .roundItem.right .second .teamData:last-child:before,
.tour2727.roadToCupPage .knockOutTab .roundItem.right .second .teamData:first-child:before { right: -16px; border-right: 2px solid rgba(255,255,255,0.2); }
.tour2727.roadToCupPage .knockOutTab .roundItem.left .second .teamData:last-child:before,
.tour2727.roadToCupPage .knockOutTab .roundItem.left .second .teamData:first-child:before { left: -16px; border-left: 2px solid rgba(255,255,255,0.2); }
.tour2727.roadToCupPage .knockOutTab .second .teamData:first-child:before { border-bottom: 2px solid rgba(255,255,255,0.2); bottom: -2px; height: 57px; -webkit-box-sizing: initial; -moz-box-sizing: initial; box-sizing: initial; }
.tour2727.roadToCupPage .knockOutTab .second .teamData:last-child:before { top: 0; height: 57px; -webkit-box-sizing: initial; -moz-box-sizing: initial; box-sizing: initial; }
.tour2727.roadToCupPage .knockOutTab .allRounds .roundItem .qualifiedTeams.third { padding: 171px 0 0; }
.tour2727.roadToCupPage .knockOutTab .third .teamData:last-child:before,
.tour2727.roadToCupPage .knockOutTab .third .teamData:first-child:before { width: 20px; display: block; right: auto; content: ''; position: absolute; border-right: none }
.tour2727.roadToCupPage .knockOutTab .roundItem.right .third .teamData:last-child:before,
.tour2727.roadToCupPage .knockOutTab .roundItem.right .third .teamData:first-child:before { right: -16px; border-right: 2px solid rgba(255,255,255,0.2); }
.tour2727.roadToCupPage .knockOutTab .roundItem.left .third .teamData:last-child:before,
.tour2727.roadToCupPage .knockOutTab .roundItem.left .third .teamData:first-child:before { left: -16px; border-left: 2px solid rgba(255,255,255,0.2); }
.tour2727.roadToCupPage .knockOutTab .third .teamData:first-child:before { border-bottom: 2px solid rgba(255,255,255,0.2); bottom: -2px; height: 114px; -webkit-box-sizing: initial; -moz-box-sizing: initial; box-sizing: initial; }
.tour2727.roadToCupPage .knockOutTab .third .teamData:last-child:before { top: 0; height: 114px; -webkit-box-sizing: initial; -moz-box-sizing: initial; box-sizing: initial; }
.tour2727.roadToCupPage .knockOutTab .allRounds .roundItem .qualifiedTeams.final { padding: 195px 0 210px }
.tour2727.roadToCupPage .knockOutTab .allRounds .roundItem .qualifiedTeams.final .separating { width: calc(100% - 12px); display: none }
.tour2727.roadToCupPage .knockOutTab .allRounds .roundItem.finalRound { width: calc((100% - 96px) / 4); }
.tour2727.roadToCupPage .knockOutTab .allRounds .roundItem.finalRound .qualifiedTeams .teamData { width: calc((100% - 32px) / 2); margin-left: 32px; margin-bottom: 0; }
.tour2727.roadToCupPage .knockOutTab .allRounds .roundItem.finalRound .qualifiedTeams .teamData:last-of-type { margin-left: 0 }
.tour2727.roadToCupPage .knockOutTab .final .teamData:last-child:before,
.tour2727.roadToCupPage .knockOutTab .final .teamData:first-child:before { width: 16px; display: block; right: auto; border-right: none; content: ''; position: absolute; bottom: auto; top: 50%; transform: translateY(-50%); height: 2px; -webkit-box-sizing: initial; -moz-box-sizing: initial; box-sizing: initial; border-bottom: 2px solid rgba(255,255,255,0.2); }
.tour2727.roadToCupPage .knockOutTab .final .teamData:first-child:before { right: -16px }
.tour2727.roadToCupPage .knockOutTab .final .teamData:last-child:before { left: -16px; }
.tour2727.roadToCupPage .euroRoadToCup .tabs-container p.hint { display: inline-block; float: right; width: 100%; text-align: center; font-family: droidLight, Arial; color: #fff; font-size: 14px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
/******************** Euro Winner ********************/

.euroPredCnts .FullWidthBK .euroHeader  .regBtn {display: flex;
    position: absolute;
    left: 20px;
    top: 14px;width:35px;height:35px;border-radius: 5px;background:url(../../Images/userLoginIcon.svg) center center no-repeat #005635;z-index: 1;}
.euroPredCnts .FullWidthBK .euroHeader  .regBtn p{display:none}

.tour2727.roadToCupPage .knockOutTab .allRounds .roundItem .cupWinner { position: absolute; left: 0; top: 0; width: 100%; z-index: 0; height: 100% }
.tour2727.roadToCupPage .knockOutTab .allRounds .roundItem .cupWinner h3 { display: inline-block; float: right; width: 100%; position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%); font-family: droidBold,Arial; text-align: center; color: #fff; font-size: 13px; background: none; margin-bottom: 0; border-radius: 0; padding: 0 0 16px }
.tour2727.roadToCupPage .knockOutTab .allRounds .roundItem .cupWinner h3:after { display: none }
.tour2727.roadToCupPage .knockOutTab .allRounds .roundItem .cupWinner .winnerImg { display: inline-block; position: absolute; top: auto; bottom: 100px; left: 50%; transform: translateX(-50%); border-radius: 0; text-align: center; width: 130px; height: 88px; background: #2a57a1; border: 1px solid rgba(255,255,255,0.2); }
.tour2727.roadToCupPage .knockOutTab .allRounds .roundItem .cupWinner .winnerImg:before { content: "?"; font-family: arial; font-weight: bold; line-height: 88px; font-size: 54px; color: rgba(255,255,255,0.2) }
/*.tour2727.roadToCupPage .knockOutTab .allRounds .roundItem .selectWinner .cupWinner .winnerImg{display:none}*/
.tour2727.roadToCupPage .knockOutTab .allRounds .roundItem .cupWinner .winnerHolder { position: absolute; top: auto; bottom: 100px; left: 50%; transform: translateX(-50%); text-align: center; width: 130px; height: 88px; }
.tour2727.roadToCupPage .knockOutTab .allRounds .roundItem .cupWinner .winnerHolder .imgCntnr { display: inline-block; float: right; width: 100px; height: 100px; position: relative; margin: 0 calc((100% - 100px) / 2) 16px; border-radius: 50%; overflow: hidden; border: 2px solid #aaa; margin-bottom: 4px }
.tour2727.roadToCupPage .knockOutTab .allRounds .roundItem .cupWinner .winnerHolder img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: auto; max-width: unset; margin: 0 }
.tour2727.roadToCupPage .knockOutTab .allRounds .roundItem .cupWinner .winnerHolder .teamName { display: inline-block !important; float: right; width: 100%; font-family: droidBold, arial; text-align: center; color: #fff; font-size: 22px; line-height: 1.6; padding-right: 0 }
.tour2727.roadToCupPage .knockOutTab .allRounds .roundItem .cupWinner .winnerHolder span { width: 100%; right: 0; left: 0; top: auto; bottom: -34px; transform: none; font-size: 20px; text-align: center; font-family: droidBold, Arial; color: #fff; }
.tour2727.roadToCupPage .knockOutTab .allRounds .roundItem .cupWinner .ShareLogin { display: none }
.tour2727.roadToCupPage .knockOutTab .allRounds .roundItem .cupWinner .ShareLogin a { display: inline-block; float: right; width: 100px; height: 40px; border-radius: 6px; overflow: hidden; background: #3b5998; margin: 32px 0 0; position: absolute; bottom: -20px; left: 50%; transform: translateX(-50%); right: auto; }
.tour2727.roadToCupPage .knockOutTab .allRounds .roundItem .cupWinner .ShareLogin .cnts { width: 58px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #fff; font-family: droidLight, Arial; font-size: 13px; }
.tour2727.roadToCupPage .knockOutTab .allRounds .roundItem .cupWinner .ShareLogin .cnts p { display: inline-block; float: right; color: #fff; font-family: droidLight, Arial; font-size: 13px; line-height: 2.6 }
.tour2727.roadToCupPage .knockOutTab .allRounds .roundItem .cupWinner .ShareLogin .cnts span { display: inline-block; float: right; margin-left: 6px }
.tour2727.roadToCupPage .knockOutTab .allRounds .roundItem .cupWinner .ShareLogin .cnts span.icon-fb:before { content: "b"; font-size: 20px }
.tour2727.roadToCupPage .knockOutTab .allRounds .roundItem .selectWinner .cupWinner .ShareLogin { display: inline-block }
.tour2727.roadToCupPage .knockOutTab .allRounds .roundItem .qualifiedTeams.final:before { content: ""; width: 100%; height: 180px; position: absolute; left: 50%; transform: translateX(calc(-50% + 2px)); top: 74px; background: url(../../Images/ACN2022/acnTrophy.png) no-repeat center center; background-size: auto 100%; z-index: 2; pointer-events: none }
.tour2727.roadToCupPage .knockOutTab .allRounds .roundItem .qualifiedTeams.final .knockoutStage:before { display: none }
/*.disableAuto{opacity:0.5}
.disableAuto.selected{opacity:1}*/
/******************** Road To World Cup 2022 ********************/
.tour2767.roadToCupPage { /**** Colors ****/ --main-color: #460454; --secondary-color: #ff4605; --light-color: rgb(103 18 123); --border-color: #5a1d62; --text-color: #f1ead3; --active-color: #f6b90d; --dark-color: #5a066c; --oranged: #FF4605; }
.tour2767 .euroPredCnts .tabs .regBtn.noImg .usericon { margin-top: 7px }
.tour2767.roadToCupPage .container { background: var(--main-color) }
.tour2767.roadToCupPage .container:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../../Images/RoadToCup/pattern01.svg); background-size: 450px auto; opacity: 0.07; pointer-events: none; }
.tour2767.roadToCupPage .content-wrap { width: 100% }
.tour2767.roadToCupPage .euroRoadToCup.euroMain { overflow: hidden; }
.tour2767.roadToCupPage .euroRoadToCup,
.tour2767.roadToCupPage .content-wrap,
.tour2767.roadToCupPage .content { background: transparent; min-height: calc(100vh - 50px) }
.tour2767.roadToCupPage .viewTabContainer { background: transparent; border: none; padding: 0; overflow: visible; margin-top: 30px; }
.tour2767.roadToCupPage .euroRoadToCup .title h1 { color: var(--text-color); line-height: 130px; padding: 0 110px 0 0; }
.tour2767.roadToCupPage .euroRoadToCup .title h1:before { background: url(../../Images/RoadToCup/worldCup.png) no-repeat center center; background-size: 86px auto; width: 86px; height: 182px; z-index: 4; }
.tour2767.roadToCupPage .euroRoadToCup .breadcrumbDiv { border: none; margin-bottom: 0; }
.tour2767.roadToCupPage .euroRoadToCup .breadcrumb li p { color: var(--active-color) }
.tour2767.roadToCupPage .euroRoadToCup .breadcrumb li span { border: none; background: var(--oranged); width: 25px; height: 25px; position: relative; text-align: center; transform: rotate(0deg); color: var(--text-color); line-height: 25px; border-radius: 0; }
.tour2767.roadToCupPage .euroRoadToCup .breadcrumb li.disabled span { border: none; }
.tour2767.roadToCupPage .euroRoadToCup .breadcrumb li span:before { content: ""; position: absolute; top: 0; left: 0; z-index: -1; height: 25px; width: 25px; background: var(--oranged); transform: rotate(135deg); }
.tour2767.roadToCupPage .euroRoadToCup .tabsContainer { display: flex; justify-content: space-between; align-items: center; float: none; width: calc(100% - 69px); top: -53px; right: 69px; transform: skewX(-23deg) }
.tour2767.roadToCupPage .euroRoadToCup .tabsContainer .actionBtns { display: flex; flex-direction: row-reverse; gap: 20px; }
.tour2767.roadToCupPage .euroRoadToCup .tabsContainer .tabs-nav { display: flex; background: #4d025d; width: 500px; }
.tour2767.roadToCupPage .euroRoadToCup .tabsContainer .tabs-nav > li { position: relative; background: #4d025d; padding: 10px 20px; float: none; border: none; border-radius: 0; width: 250px; min-width: 100px; display: flex; justify-content: center; align-items: center; max-height: 45px; }
.tour2767.roadToCupPage .euroRoadToCup .tabsContainer .tabs-nav > li:first-of-type { border-left: 3px solid var(--oranged); }
.tour2767.roadToCupPage .euroRoadToCup .tabsContainer .tabs-nav > li a { color: var(--text-color); transform: skewX(23deg) }
.tour2767.roadToCupPage .euroRoadToCup .tabsContainer .tabs-nav > li:last-of-type:after { content: ''; position: absolute; left: -11px; top: 0; height: 45px; width: 50px; transform: skewX(23deg); background: inherit }
.tour2767.roadToCupPage .euroRoadToCup .tabsContainer .tabs-nav .tabs-selected { background: var(--light-color); box-sizing: border-box; }
.tour2767.roadToCupPage .euroRoadToCup .tabsContainer .tabs-nav li:hover > a,
.tour2767.roadToCupPage .euroRoadToCup .tabsContainer .tabs-nav .tabs-selected > a { color: var(--active-color) }
.tour2767.roadToCupPage .euroRoadToCup .groups .stageInfo h2 { display: none; }
.tour2767.roadToCupPage .euroRoadToCup .groups .stageInfo p { color: var(--text-color); }
.tour2767.roadToCupPage .euroRoadToCup .shareGame .sharingMenu { left: unset; right: 0; z-index: 20; background: var(--text-color); width: 180px; }
.tour2767.roadToCupPage .euroRoadToCup .shareGame .socialLink:before,
.tour2767.roadToCupPage .euroRoadToCup .shareGame .socialLink p { color: var(--main-color) }
.tour2767.roadToCupPage .euroRoadToCup .shareGame .socialLink { border-color: var(--main-color) }
.tour2767.roadToCupPage .euroRoadToCup .shareGame .socialLink.faceShare:hover p,
.tour2767.roadToCupPage .euroRoadToCup .shareGame .socialLink.faceShare:hover:before { color: #3b5998; }
.tour2767.roadToCupPage .euroRoadToCup .shareGame .socialLink.twShare:hover p,
.tour2767.roadToCupPage .euroRoadToCup .shareGame .socialLink.twShare:hover:before { color: #1da1f2; }
.tour2767.roadToCupPage .euroRoadToCup .regBtn:hover p,
.tour2767.roadToCupPage .euroRoadToCup .shareGame.openSharingMenu .icon-share:before,
.tour2767.roadToCupPage .euroRoadToCup .shareGame:hover .icon-share:before,
.tour2767.roadToCupPage .euroRoadToCup .shareGame.openSharingMenu .shareBtn p,
.tour2767.roadToCupPage .euroRoadToCup .shareGame:hover .shareBtn p { color: #f1ead3 }
.tour2767.roadToCupPage .euroRoadToCup .shareGame,
.tour2767.roadToCupPage .euroRoadToCup .regBtn { width: 180px; position: static; float: left; min-width: 100px; padding: 10px 20px; background: var(--dark-color); max-height: 45px; display: flex; align-items: center; justify-content: center; transform: skewX(23deg); }
.tour2767.roadToCupPage .euroRoadToCup .shareGame .icon-share:before { color: var(--text-color); transition: all 0.2s ease-in-out 0s; -webkit-transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; -ms-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; }
.tour2767.roadToCupPage .euroRoadToCup .shareBtn p,
.tour2767.roadToCupPage .euroRoadToCup .regBtn p { font-family: droidLight,Arial; font-size: 14px; line-height: 37px; color: var(--text-color); }
.tour2767.roadToCupPage .euroRoadToCup .regBtn p { line-height: 1.2; }
.tour2767.roadToCupPage .euroRoadToCup .groups { border: none; }
.tour2767.roadToCupPage .euroRoadToCup .groupTaples .GroupTeams { display: flex; justify-content: space-around; width: 100%; float: none; margin: 10px 0 20px; }
.tour2767.roadToCupPage .euroRoadToCup .groupTaples .GroupTeams li { margin-left: 0 }
.tour2767.roadToCupPage .euroRoadToCup .groupTaples .group { width: calc((100% - 96px) / 4); height: fit-content; background: var(--text-color); border: 2px solid var(--light-color); }
.tour2767.roadToCupPage .euroRoadToCup .groupTaples .group:nth-child(3n) { margin-left: 32px; margin-bottom: 32px; }
.tour2767.roadToCupPage .euroRoadToCup .groupTaples .group:nth-child(4n),
.tour2767.roadToCupPage .euroRoadToCup .groupTaples .ay7aga:nth-child(4n) .group { margin-left: 0 }
.tour2767.roadToCupPage .euroRoadToCup .nextHint { bottom: 175px; color: var(--text-color); }
.tour2767.roadToCupPage .euroRoadToCup .submitBtn { background: var(--oranged); color: var(--text-color); position: relative; }
.tour2767.roadToCupPage .euroRoadToCup .submitBtn:before { content: ''; position: absolute; top: -150%; left: 50%; transform: translateX(-50%); background: url(../../Images/RoadToCup/pattern05.svg) no-repeat center; background-size: 100px auto; width: 100%; height: 100%; }
.tour2767 .euroRoadToCup .groupTaples .sortingTeams li .DelBtn:hover { background-color: var(--oranged); }

@media screen and (min-width: 320px) and (max-width: 767px) {
    .tour2767.roadToCupPage .euroRoadToCup { padding: 0 10px 32px; }
    .tour2767.roadToCupPage .euroRoadToCup .title h1 { padding: 65px 65px 0 0; font-size: 18px; line-height: 2.5; }
    .tour2767.roadToCupPage .euroRoadToCup .title h1:before { background-size: 39px auto; width: 50px; top: 12px; }
    .tour2767.roadToCupPage .euroRoadToCup .tabsContainer { top: 3px; right: 36px; width: calc(100% - 39px); padding-bottom: 0; }
    .tour2767.roadToCupPage .euroRoadToCup .tabsContainer .tabs-nav { width: 240px; }
    .tour2767.roadToCupPage .euroRoadToCup .tabsContainer .tabs-nav > li { width: 100px; height: 25px; flex: 1; }
    .tour2767.roadToCupPage .euroRoadToCup .tabsContainer .tabs-nav > li:last-of-type:after { height: 25px; width: 15px; }
    .tour2767.roadToCupPage .euroRoadToCup .tabsContainer .tabs-nav > li a { font-size: 12px; line-height: 12px; }
    .tour2767.roadToCupPage .euroRoadToCup .breadcrumbDiv { margin-top: 5px; padding-bottom: 0; }
    .tour2767.roadToCupPage .euroRoadToCup .shareGame, .tour2767.roadToCupPage .euroRoadToCup .regBtn { height: 25px }
    /*Mobile footer*/
    .tour2767.roadToCupPage .euroRoadToCup .footer { background: rgb(103 18 123 ); position: fixed; bottom: 0; left: 0; z-index: 2; width: 100%; padding: 32px 10px; display: flex; flex-direction: row-reverse; gap: 10px; justify-content: space-between; align-content: center; }
    .tour2767.roadToCupPage .euroRoadToCup .footer img { width: 120px; height: auto; object-fit: contain; }
    .tour2767.roadToCupPage .euroRoadToCup .footer .actionBtns { display: flex; justify-content: flex-end; flex-direction: row-reverse; gap: 10px; }
    .tour2767.roadToCupPage .euroRoadToCup .footer .actionBtns .regBtn img { width: 30px; height: auto; margin-right: unset; }
    .tour2767.roadToCupPage .euroRoadToCup .shareGame { position: relative; bottom: 0; left: 0; right: 0; top: 0; }
    .tour2767.roadToCupPage .euroRoadToCup .shareGame .sharingMenu { bottom: 100%; top: unset; }
    .tour2767.roadToCupPage .euroRoadToCup .footer .actionBtns .shareGame,
    .tour2767.roadToCupPage .euroRoadToCup .footer .actionBtns .regBtn { float: none; transform: none; height: auto; width: 100px; min-width: unset; padding: 6px 12px; gap: 10px; }
    .tour2767.roadToCupPage .euroRoadToCup .footer .shareBtn p,
    .tour2767.roadToCupPage .euroRoadToCup .footer .regBtn p { font-size: 10px; flex: 1; line-height: 1; }
    .tour2767.roadToCupPage .euroRoadToCup .regBtn.noImg .usericon { width: 25px; height: 25px; }
    .tour2767.roadToCupPage .euroRoadToCup .regBtn.noImg .usericon:before { font-size: 18px; }
    .tour2767.roadToCupPage .euroRoadToCup .footer .shareGame .icon-share:before { font-size: 10px }
    .tour2767.roadToCupPage .euroRoadToCup .footer .shareGame .icon-share { display: flex; justify-content: center; flex-direction: row-reverse; align-items: center; }
    .tour2767.roadToCupPage .euroRoadToCup .nextHint { bottom: 60px; }

    .euroPredCnts .FullWidthBK .euroHeader .regBtn{position: relative;
    left: auto;
    top: auto;
    margin: 10px 10px 12px 16px;    float: left;        z-index: 5;
}
}

@media screen and (min-width: 320px) and (max-width: 1023px) {
    /*.tour2767.roadToCupPage .euroRoadToCup .groupTaples .ay7aga {
        width: 280px;
        padding-left: 16px
    }*/
    .tour2767.roadToCupPage .euroRoadToCup .groupTaples .group { width: 100%; margin-left: 0; margin-bottom: 16px; }
    .tour2767.roadToCupPage .euroRoadToCup .groupTaples .ay7aga:nth-child(3n) .group { margin-bottom: 16px; margin-left: 0; }
}

@media screen and (min-width: 1360px) and (max-width: 1439px) {
    .tour2767.roadToCupPage .euroRoadToCup .groupTaples .group { margin-left: 32px; margin-bottom: 32px; }
}

@media screen and (min-width: 1024px) and (max-width: 1359px) {
    .tour2767.roadToCupPage .euroRoadToCup .groupTaples .group { width: calc((100% - 32px) / 2); margin-left: 32px; margin-bottom: 32px; }
    .tour2767.roadToCupPage .euroRoadToCup .groupTaples .ay7aga:nth-child(2n) .group { margin-left: 0; margin-bottom: 32px; }
}

.tour2767.roadToCupPage .euroRoadToCup .groupTaples h3 { color: var(--main-color); }
.tour2767.roadToCupPage .euroRoadToCup .groupTaples .GroupTeams li { height: 78px }
.tour2767.roadToCupPage .euroRoadToCup .groupTaples .GroupTeams li .imgCntnr { border-color: var(--oranged); }
.tour2767.roadToCupPage .euroRoadToCup .groupTaples .GroupStanding:before { background: none !important; }
.tour2767.roadToCupPage .euroRoadToCup .groupTaples .sortingTeams li.hasteam,
.tour2767.roadToCupPage .euroRoadToCup .groupTaples .sortingTeams { background: var(--main-color); }
.tour2767.roadToCupPage .euroRoadToCup .groupTaples .sortingTeams li:first-of-type { border-top: 2px solid var(--oranged); }
.tour2767.roadToCupPage .euroRoadToCup .groupTaples .sortingTeams li { border-color: var(--light-color); }
.tour2767.roadToCupPage .euroRoadToCup .groupTaples .sortingTeams li .DelBtn:before,
.tour2767.roadToCupPage .euroRoadToCup .groupTaples .sortingTeams li .DelBtn:after { background: var(--text-color); }
.tour2767.roadToCupPage .euroRoadToCup .groupTaples .sortingTeams li.hasteam .TeamStanding,
.tour2767.roadToCupPage .euroRoadToCup .groupTaples .sortingTeams li .TeamName { color: var(--text-color); }
.tour2767.roadToCupPage .euroRoadToCup .groupTaples .sortingTeams li .imgCntnr { border-color: var(--text-color) }
.tour2767.roadToCupPage .euroRoadToCup .groupTaples .sortingTeams li.hasteam:nth-child(3) .imgCntnr { opacity: 0.2 }
.tour2767.roadToCupPage .euroRoadToCup .groupTaples .sortingTeams li.hasteam:nth-child(3) .TeamName, .tour2767 .euroRoadToCup .groupTaples .sortingTeams li.hasteam:nth-child(4) .TeamName { opacity: 0.3 }
.euroRoadToCup .groupTaples .sortingTeams li.hasteam:nth-child(4) .TeamName
.tour2767.roadToCupPage .euroRoadToCup .groupTaples .sortingTeams li.hasteam:nth-child(3):after { position: absolute; left: 50px; top: 50%; transform: translateY(-50%); width: 14px; height: 2px; background: #aaa; }
/** Knockout 2022**/
.tour2767.roadToCupPage .knockOutTab .allRounds { display: inline-block; float: right; width: 100%; margin-bottom: 16px }
.tour2767.roadToCupPage .knockOutTab .allRounds .roundItem { display: inline-block; float: right; width: calc((100% - 224px) / 8); margin-left: 32px; position: relative }
.tour2767.roadToCupPage .knockOutTab .allRounds .roundItem h3 { display: inline-block; float: right; width: 100%; margin-left: 0; padding: 6px 0; overflow: hidden; margin-bottom: 30px; font-family: droidLight,Arial; text-align: center; color: var(--text-color); font-size: 13px; background: var(--dark-color) }
.tour2767.roadToCupPage .knockOutTab .allRounds .roundItem:last-child { margin-left: 0 }
.tour2767.roadToCupPage .knockOutTab .allRounds .roundItem .qualifiedTeams { display: inline-block; float: right; width: 100%; position: relative }
.tour2767.roadToCupPage .knockOutTab .allRounds .roundItem .qualifiedTeams .knockoutStage { display: inline-block; float: right; width: 100%; position: relative; z-index: 1 }
.tour2767.roadToCupPage .knockOutTab .allRounds .roundItem .qualifiedTeams .teamData { display: inline-block; float: right; width: 100%; position: relative; margin-bottom: 2px }
.tour2767.roadToCupPage .knockOutTab .allRounds .roundItem .qualifiedTeams .teamData .team { display: inline-block; float: right; position: relative; width: 100%; height: 48px; background: rgba(255,255,255,0.1); cursor: pointer; border-radius: 6px; overflow: hidden; pointer-events: none; }
.tour2767.roadToCupPage .knockOutTab .allRounds .roundItem .qualifiedTeams .teamData .team .QualifierName { display: inline-block; float: right; width: calc(100% - 20px); font-family: droidLight, arial; text-align: right; color: #000; font-size: 11px; line-height: 24px; position: absolute; right: 10px; top: 50%; transform: translateY(-50%); line-height: 1.6; direction: rtl; unicode-bidi: bidi-override; }
.tour2767.roadToCupPage .knockOutTab .allRounds .roundItem .qualifiedTeams .teamData:last-child { margin-bottom: 0 }
.tour2767.roadToCupPage .knockOutTab .allRounds .roundItem.right .qualifiedTeams .teamData .team .QualifierName { text-align: right }
.tour2767.roadToCupPage .knockOutTab .allRounds .roundItem.left .qualifiedTeams .teamData .team .QualifierName { text-align: left }
.tour2767.roadToCupPage .knockOutTab .allRounds .roundItem .qlfyTeam .team .TeamName { color: #b3b3b3; opacity: 1 }
.tour2767.roadToCupPage .knockOutTab .allRounds .roundItem .qlfyTeam .team.selected .imgCntnr { opacity: 1 }
.tour2767.roadToCupPage .knockOutTab .allRounds .roundItem .qlfyTeam .team.selected .TeamName { color: inherit; opacity: 1 }
.tour2767.roadToCupPage .knockOutTab .allRounds .roundItem .qlfyTeam .team { opacity: 0.5 }
.tour2767.roadToCupPage .knockOutTab .allRounds .roundItem .qlfyTeam .team.selected { opacity: 1 }
.tour2767.roadToCupPage .knockOutTab .allRounds .roundItem .final.qualifiedTeams .teamData.right .team { padding: 12px 40px 12px 10px; }
.tour2767.roadToCupPage .knockOutTab .allRounds .roundItem .final.qualifiedTeams .teamData.left .team { padding: 12px 10px 12px 40px; }
.tour2767.roadToCupPage .knockOutTab .allRounds .roundItem .final.qualifiedTeams .teamData.right .CheckIn { right: 10px }
.tour2767.roadToCupPage .knockOutTab .allRounds .roundItem .final.qualifiedTeams .teamData.left .CheckIn { left: 10px }
.tour2767.roadToCupPage .knockOutTab .allRounds .roundItem .final.qualifiedTeams .teamData.right .TeamName { float: right; text-align: right; padding-right: 10px; right: 64px; }
.tour2767.roadToCupPage .knockOutTab .allRounds .roundItem .final.qualifiedTeams .teamData.left .TeamName { float: left; text-align: left; padding-left: 10px; left: 64px; }
.tour2767.roadToCupPage .knockOutTab .allRounds .roundItem .final.qualifiedTeams .teamData.right img { float: right }
.tour2767.roadToCupPage .knockOutTab .allRounds .roundItem .final.qualifiedTeams .teamData.left img { float: left }
.tour2767.roadToCupPage .knockOutTab .allRounds .roundItem .qualifiedTeams .separating { position: absolute; width: calc(100% + 10px); height: 2px; top: 50%; transform: translateY(-50%); background: rgba(255,255,255,0.25) }
.tour2767.roadToCupPage .knockOutTab .allRounds .roundItem.right .qualifiedTeams .separating { right: 6px; left: auto }
.tour2767.roadToCupPage .knockOutTab .allRounds .roundItem.left .qualifiedTeams .separating { left: 6px; right: auto }
.tour2767.roadToCupPage .knockOutTab .allRounds .roundItem .qualifiedTeams .knockoutStage { margin-bottom: 16px }
.tour2767.roadToCupPage .knockOutTab .allRounds .roundItem .qualifiedTeams .knockoutStage:last-child { margin-bottom: 0 }
.tour2767.roadToCupPage .knockOutTab .allRounds .roundItem .qualifiedTeams .imgCntnr { display: inline-block; float: right; width: 24px; height: auto; position: relative; border-radius: 0; overflow: hidden; border: none; margin-bottom: 0px }
.tour2767.roadToCupPage .knockOutTab .allRounds .roundItem .qualifiedTeams img { display: inline-block; width: 24px; height: auto; position: relative; transform: none; top: 0; left: 0 }
.tour2767.roadToCupPage .knockOutTab .allRounds .roundItem .qualifiedTeams .TeamName { display: inline-block; width: calc(100% - 74px); padding: 0; font-family: droidLight, arial; color: inherit; font-size: 11px; line-height: 1.2; position: absolute; top: 50%; transform: translateY(-50%) }
.tour2767.roadToCupPage .knockOutTab .allRounds .roundItem .qualifiedTeams { opacity: 1 }
.tour2767.roadToCupPage .knockOutTab .allRounds .roundItem.right .qualifiedTeams .teamData .team { padding: 12px 40px 12px 10px; }
.tour2767.roadToCupPage .knockOutTab .allRounds .roundItem.right .qualifiedTeams img { float: right; }
.tour2767.roadToCupPage .knockOutTab .allRounds .roundItem.right .qualifiedTeams .TeamName { float: right; text-align: right; padding-right: 10px; right: 64px }
.tour2767.roadToCupPage .knockOutTab .allRounds .roundItem.left .qualifiedTeams .teamData .team { padding: 12px 10px 12px 40px; }
.tour2767.roadToCupPage .knockOutTab .allRounds .roundItem.left .qualifiedTeams img { float: left; }
.tour2767.roadToCupPage .knockOutTab .allRounds .roundItem.left .qualifiedTeams .TeamName { float: left; text-align: left; padding-right: 0; padding-left: 10px; left: 64px }
.tour2767.roadToCupPage .knockOutTab .allRounds .roundItem .qualifiedTeams .teamData .team:after { width: 24px; height: 16px; border-radius: 0; background: rgba(255,255,255,0.1) }
.tour2767.roadToCupPage .knockOutTab .allRounds .roundItem.right .qualifiedTeams .teamData .team:after { right: 10px; left: auto }
.tour2767.roadToCupPage .knockOutTab .allRounds .roundItem.left .qualifiedTeams .teamData .team:after { left: 10px; right: auto }
.tour2767.roadToCupPage .knockOutTab .allRounds .roundItem .qualifiedTeams .teamData.right .team:after { right: 10px; left: auto }
.tour2767.roadToCupPage .knockOutTab .allRounds .roundItem .qualifiedTeams .teamData.left .team:after { left: 10px; right: auto }
.tour2767.roadToCupPage .knockOutTab .allRounds .roundItem .qualifiedTeams .CheckIn { position: absolute; right: auto; left: auto; top: 50%; transform: translateY(-50%); width: 20px; height: 20px; border-radius: 50%; border: 1px solid #aaa; text-align: center; color: var(--text-color); font-size: 12px; -webkit-transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; -ms-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; }
.tour2767.roadToCupPage .knockOutTab .allRounds .roundItem .qualifiedTeams .CheckIn:hover { background: #f2f2f2 }
.tour2767.roadToCupPage .knockOutTab .allRounds .roundItem.right .qualifiedTeams .CheckIn { right: 10px }
.tour2767.roadToCupPage .knockOutTab .allRounds .roundItem.left .qualifiedTeams .CheckIn { left: 10px }
.tour2767.roadToCupPage .knockOutTab .allRounds .roundItem .qualifiedTeams .CheckedIn { border: none; background: #6a3273; }
.tour2767.roadToCupPage .knockOutTab .allRounds .roundItem .qualifiedTeams .CheckedIn:hover { background: #6a3273 }
.tour2767.roadToCupPage .knockOutTab .allRounds .roundItem .qualifiedTeams .CheckedIn:before { content: "K"; line-height: 22px }
.tour2767.roadToCupPage .knockOutTab .allRounds .roundItem .qualifiedTeams .GroupName { position: absolute; left: 16px; top: 50%; transform: translateY(-50%); color: #000; font-size: 12px; font-family: droidLight,Arial; text-align: right; }
.tour2767.roadToCupPage .knockOutTab .allRounds .roundItem .qualifiedTeams .teamData .team.hasteam { pointer-events: unset }
.tour2767.roadToCupPage .knockOutTab .allRounds .roundItem .qualifiedTeams .teamData .team.hasteam { background: var(--dark-color); color: var(--text-color); }
.tour2767.roadToCupPage .knockOutTab .allRounds .roundItem .qualifiedTeams .teamData .team.hasteam .TeamStanding { color: #7187c6 }
.tour2767.roadToCupPage .knockOutTab .allRounds .roundItem .qualifiedTeams .teamData .team.hasteam .TeamStanding:after { display: none }
.tour2767.roadToCupPage .knockOutTab .allRounds .roundItem .qualifiedTeams .teamData .team.hasteam:after { display: none }
.tour2767.roadToCupPage .knockOutTab .allRounds .roundItem .qualifiedTeams.second { padding: 57px 0 }
.tour2767.roadToCupPage .knockOutTab .allRounds .roundItem .qualifiedTeams.second .knockoutStage { margin-bottom: 130px }
.tour2767.roadToCupPage .knockOutTab .allRounds .roundItem .qualifiedTeams.second .knockoutStage:last-child { margin-bottom: 0 }
.tour2767.roadToCupPage .knockOutTab .second .teamData:last-child:before,
.tour2767.roadToCupPage .knockOutTab .second .teamData:first-child:before { width: 20px; display: block; right: auto; content: ''; position: absolute; border-right: none }
.tour2767.roadToCupPage .knockOutTab .roundItem.right .second .teamData:last-child:before,
.tour2767.roadToCupPage .knockOutTab .roundItem.right .second .teamData:first-child:before { right: -16px; border-right: 2px solid rgba(255,255,255,0.2); }
.tour2767.roadToCupPage .knockOutTab .roundItem.left .second .teamData:last-child:before,
.tour2767.roadToCupPage .knockOutTab .roundItem.left .second .teamData:first-child:before { left: -16px; border-left: 2px solid rgba(255,255,255,0.2); }
.tour2767.roadToCupPage .knockOutTab .second .teamData:first-child:before { border-bottom: 2px solid rgba(255,255,255,0.2); bottom: -2px; height: 57px; -webkit-box-sizing: initial; -moz-box-sizing: initial; box-sizing: initial; }
.tour2767.roadToCupPage .knockOutTab .second .teamData:last-child:before { top: 0; height: 57px; -webkit-box-sizing: initial; -moz-box-sizing: initial; box-sizing: initial; }
.tour2767.roadToCupPage .knockOutTab .allRounds .roundItem .qualifiedTeams.third { padding: 171px 0 0; }
.tour2767.roadToCupPage .knockOutTab .third .teamData:last-child:before,
.tour2767.roadToCupPage .knockOutTab .third .teamData:first-child:before { width: 20px; display: block; right: auto; content: ''; position: absolute; border-right: none }
.tour2767.roadToCupPage .knockOutTab .roundItem.right .third .teamData:last-child:before,
.tour2767.roadToCupPage .knockOutTab .roundItem.right .third .teamData:first-child:before { right: -16px; border-right: 2px solid rgba(255,255,255,0.2); }
.tour2767.roadToCupPage .knockOutTab .roundItem.left .third .teamData:last-child:before,
.tour2767.roadToCupPage .knockOutTab .roundItem.left .third .teamData:first-child:before { left: -16px; border-left: 2px solid rgba(255,255,255,0.2); }
.tour2767.roadToCupPage .knockOutTab .third .teamData:first-child:before { border-bottom: 2px solid rgba(255,255,255,0.2); bottom: -2px; height: 114px; -webkit-box-sizing: initial; -moz-box-sizing: initial; box-sizing: initial; }
.tour2767.roadToCupPage .knockOutTab .third .teamData:last-child:before { top: 0; height: 114px; -webkit-box-sizing: initial; -moz-box-sizing: initial; box-sizing: initial; }
.tour2767.roadToCupPage .knockOutTab .allRounds .roundItem .qualifiedTeams.final { padding: 195px 0 210px }
.tour2767.roadToCupPage .knockOutTab .allRounds .roundItem .qualifiedTeams.final .separating { width: calc(100% - 12px); display: none }
.tour2767.roadToCupPage .knockOutTab .allRounds .roundItem.finalRound { width: calc((100% - 96px) / 4); }
.tour2767.roadToCupPage .knockOutTab .allRounds .roundItem.finalRound .qualifiedTeams .teamData { width: calc((100% - 32px) / 2); margin-left: 32px; margin-bottom: 0; }
.tour2767.roadToCupPage .knockOutTab .allRounds .roundItem.finalRound .qualifiedTeams .teamData:last-of-type { margin-left: 0 }
.tour2767.roadToCupPage .knockOutTab .final .teamData:last-child:before,
.tour2767.roadToCupPage .knockOutTab .final .teamData:first-child:before { width: 16px; display: block; right: auto; border-right: none; content: ''; position: absolute; bottom: auto; top: 50%; transform: translateY(-50%); height: 2px; -webkit-box-sizing: initial; -moz-box-sizing: initial; box-sizing: initial; border-bottom: 2px solid rgba(255,255,255,0.2); }
.tour2767.roadToCupPage .knockOutTab .final .teamData:first-child:before { right: -16px }
.tour2767.roadToCupPage .knockOutTab .final .teamData:last-child:before { left: -16px; }
.tour2767.roadToCupPage .euroRoadToCup .tabs-container p.hint { display: inline-block; float: right; width: 100%; text-align: center; font-family: droidLight, Arial; color: #fff; font-size: 14px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
/******************** Euro Winner ********************/
.tour2767.roadToCupPage .knockOutTab .allRounds .roundItem .cupWinner { position: absolute; left: 0; top: 0; width: 100%; z-index: 0; height: 100% }
.tour2767.roadToCupPage .knockOutTab .allRounds .roundItem .cupWinner h3 { display: inline-block; float: right; width: 100%; position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%); font-family: droidBold,Arial; text-align: center; color: var(--text-color); font-size: 13px; background: none; margin-bottom: 0; border-radius: 0; padding: 0 0 16px }
.tour2767.roadToCupPage .knockOutTab .allRounds .roundItem .cupWinner h3:after { display: none }
.tour2767.roadToCupPage .knockOutTab .allRounds .roundItem .cupWinner .winnerImg { display: inline-block; position: absolute; top: auto; bottom: 100px; left: 50%; transform: translateX(-50%); border-radius: 0; text-align: center; width: 130px; height: 88px; background: var(--dark-color); border: 1px solid rgba(255,255,255,0.2); }
.tour2767.roadToCupPage .knockOutTab .allRounds .roundItem .cupWinner .winnerImg:before { content: "?"; font-family: arial; font-weight: bold; line-height: 88px; font-size: 54px; color: rgba(255,255,255,0.2) }
/*.tour2767.roadToCupPage .knockOutTab .allRounds .roundItem .selectWinner .cupWinner .winnerImg{display:none}*/
.tour2767.roadToCupPage .knockOutTab .allRounds .roundItem .cupWinner .winnerHolder { position: absolute; top: auto; bottom: 100px; left: 50%; transform: translateX(-50%); text-align: center; width: 130px; height: 88px; }
.tour2767.roadToCupPage .knockOutTab .allRounds .roundItem .cupWinner .winnerHolder .imgCntnr { display: inline-block; float: right; width: 100px; height: 100px; position: relative; margin: 0 calc((100% - 100px) / 2) 16px; border-radius: 50%; overflow: hidden; border: 2px solid #aaa; margin-bottom: 4px }
.tour2767.roadToCupPage .knockOutTab .allRounds .roundItem .cupWinner .winnerHolder img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: auto; max-width: unset; margin: 0 }
.tour2767.roadToCupPage .knockOutTab .allRounds .roundItem .cupWinner .winnerHolder .teamName { display: inline-block !important; float: right; width: 100%; font-family: droidBold, arial; text-align: center; color: #fff; font-size: 22px; line-height: 1.6; padding-right: 0 }
.tour2767.roadToCupPage .knockOutTab .allRounds .roundItem .cupWinner .winnerHolder span { width: 100%; right: 0; left: 0; top: auto; bottom: -34px; transform: none; font-size: 20px; text-align: center; font-family: droidBold, Arial; color: #fff; }
.tour2767.roadToCupPage .knockOutTab .allRounds .roundItem .cupWinner .ShareLogin { display: none }
.tour2767.roadToCupPage .knockOutTab .allRounds .roundItem .cupWinner .ShareLogin a { display: inline-block; float: right; width: 100px; height: 40px; border-radius: 6px; overflow: hidden; background: #3b5998; margin: 32px 0 0; position: absolute; bottom: -20px; left: 50%; transform: translateX(-50%); right: auto; }
.tour2767.roadToCupPage .knockOutTab .allRounds .roundItem .cupWinner .ShareLogin .cnts { width: 58px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #fff; font-family: droidLight, Arial; font-size: 13px; }
.tour2767.roadToCupPage .knockOutTab .allRounds .roundItem .cupWinner .ShareLogin .cnts p { display: inline-block; float: right; color: #fff; font-family: droidLight, Arial; font-size: 13px; line-height: 2.6 }
.tour2767.roadToCupPage .knockOutTab .allRounds .roundItem .cupWinner .ShareLogin .cnts span { display: inline-block; float: right; margin-left: 6px }
.tour2767.roadToCupPage .knockOutTab .allRounds .roundItem .cupWinner .ShareLogin .cnts span.icon-fb:before { content: "b"; font-size: 20px }
.tour2767.roadToCupPage .knockOutTab .allRounds .roundItem .selectWinner .cupWinner .ShareLogin { display: inline-block }
.tour2767.roadToCupPage .knockOutTab .allRounds .roundItem .qualifiedTeams.final:before { content: ""; width: 100%; height: 180px; position: absolute; left: 50%; transform: translateX(calc(-50% + 2px)); top: 74px; background: url(../../Images/RoadToCup/worldCup.png) no-repeat center center; background-size: auto 100%; z-index: 2; pointer-events: none }
.tour2767.roadToCupPage .knockOutTab .allRounds .roundItem .qualifiedTeams.final .knockoutStage:before { display: none }
.tour2767.roadToCupPage .euroRoadToCup .predHint { display: none; }
.tour2767.roadToCupPage .euroRoadToCup .tab-title p { display: inline-block; float: right; width: 100%; color: var(--text-color); font-size: 16px; font-family: droidLight,Arial; text-align: right; padding: 0px 0 32px; }

@media screen and (min-width:1536px) and (max-width:1599px) {
    .tour2767.roadToCupPage .euroRoadToCup { padding: 60px 50px }
}

@media screen and (min-width:1440px) and (max-width:1535px) {
    .tour2767.roadToCupPage .euroRoadToCup { padding: 60px 50px }
    .tour2767.roadToCupPage .knockOutTab .allRounds .roundItem { width: calc((100% - 140px) / 8); margin-left: 20px }
    /** margin x 7 **/
    .tour2767.roadToCupPage .knockOutTab .allRounds .roundItem.finalRound { width: calc((100% - 60px) / 4) }
    /** margin * 3 **/
    .tour2767.roadToCupPage .knockOutTab .second .teamData:last-child:before,
    .tour2767.roadToCupPage .knockOutTab .second .teamData:first-child:before,
    .tour2767.roadToCupPage .knockOutTab .third .teamData:last-child:before,
    .tour2767.roadToCupPage .knockOutTab .third .teamData:first-child:before { width: 14px }
    .tour2767.roadToCupPage .knockOutTab .allRounds .roundItem .qualifiedTeams .separating { width: calc(100% + 4px); }
    .tour2767.roadToCupPage .knockOutTab .roundItem.right .second .teamData:last-child:before,
    .tour2767.roadToCupPage .knockOutTab .roundItem.right .second .teamData:first-child:before,
    .tour2767.roadToCupPage .knockOutTab .roundItem.right .third .teamData:last-child:before,
    .tour2767.roadToCupPage .knockOutTab .roundItem.right .third .teamData:first-child:before,
    .tour2767.roadToCupPage .knockOutTab .final .teamData:first-child:before { right: -10px }
    .tour2767.roadToCupPage .knockOutTab .roundItem.left .second .teamData:last-child:before,
    .tour2767.roadToCupPage .knockOutTab .roundItem.left .second .teamData:first-child:before,
    .tour2767.roadToCupPage .knockOutTab .roundItem.left .third .teamData:last-child:before,
    .tour2767.roadToCupPage .knockOutTab .roundItem.left .third .teamData:first-child:before { left: -10px }
    .tour2767.roadToCupPage .knockOutTab .final .teamData:last-child:before,
    .tour2767.roadToCupPage .knockOutTab .final .teamData:first-child:before { width: 10px }
    .tour2767.roadToCupPage .knockOutTab .final .teamData:last-child:before { left: -10px }
}

@media screen and (min-width:1360px) and (max-width:1439px) {
    .tour2767.roadToCupPage .euroRoadToCup { padding: 60px 50px }
    .tour2767.roadToCupPage .knockOutTab .allRounds .roundItem { width: calc((100% - 140px) / 8); margin-left: 20px }
    /** margin x 7 **/
    .tour2767.roadToCupPage .knockOutTab .allRounds .roundItem.finalRound { width: calc((100% - 60px) / 4) }
    /** margin * 3 **/
    .tour2767.roadToCupPage .knockOutTab .second .teamData:last-child:before,
    .tour2767.roadToCupPage .knockOutTab .second .teamData:first-child:before,
    .tour2767.roadToCupPage .knockOutTab .third .teamData:last-child:before,
    .tour2767.roadToCupPage .knockOutTab .third .teamData:first-child:before { width: 14px }
    .tour2767.roadToCupPage .knockOutTab .allRounds .roundItem .qualifiedTeams .separating { width: calc(100% + 4px); }
    .tour2767.roadToCupPage .knockOutTab .roundItem.right .second .teamData:last-child:before,
    .tour2767.roadToCupPage .knockOutTab .roundItem.right .second .teamData:first-child:before,
    .tour2767.roadToCupPage .knockOutTab .roundItem.right .third .teamData:last-child:before,
    .tour2767.roadToCupPage .knockOutTab .roundItem.right .third .teamData:first-child:before,
    .tour2767.roadToCupPage .knockOutTab .final .teamData:first-child:before { right: -10px }
    .tour2767.roadToCupPage .knockOutTab .roundItem.left .second .teamData:last-child:before,
    .tour2767.roadToCupPage .knockOutTab .roundItem.left .second .teamData:first-child:before,
    .tour2767.roadToCupPage .knockOutTab .roundItem.left .third .teamData:last-child:before,
    .tour2767.roadToCupPage .knockOutTab .roundItem.left .third .teamData:first-child:before { left: -10px }
    .tour2767.roadToCupPage .knockOutTab .final .teamData:last-child:before,
    .tour2767.roadToCupPage .knockOutTab .final .teamData:first-child:before { width: 10px }
    .tour2767.roadToCupPage .knockOutTab .final .teamData:last-child:before { left: -10px }
}

@media screen and (min-width:1280px) and (max-width:1359px) {
    .tour-1 footer .middle .mainMenu a{float:right}
    .tour2767.roadToCupPage .euroRoadToCup { padding: 60px 20px }
    .tour2767.roadToCupPage .knockOutTab .allRounds .roundItem { width: calc((100% - 140px) / 8); margin-left: 20px }
    /** margin x 7 **/
    .tour2767.roadToCupPage .knockOutTab .allRounds .roundItem.finalRound { width: calc((100% - 60px) / 4) }
    /** margin * 3 **/
    .tour2767.roadToCupPage .knockOutTab .second .teamData:last-child:before,
    .tour2767.roadToCupPage .knockOutTab .second .teamData:first-child:before,
    .tour2767.roadToCupPage .knockOutTab .third .teamData:last-child:before,
    .tour2767.roadToCupPage .knockOutTab .third .teamData:first-child:before { width: 14px }
    .tour2767.roadToCupPage .knockOutTab .allRounds .roundItem .qualifiedTeams .separating { width: calc(100% + 4px); }
    .tour2767.roadToCupPage .knockOutTab .roundItem.right .second .teamData:last-child:before,
    .tour2767.roadToCupPage .knockOutTab .roundItem.right .second .teamData:first-child:before,
    .tour2767.roadToCupPage .knockOutTab .roundItem.right .third .teamData:last-child:before,
    .tour2767.roadToCupPage .knockOutTab .roundItem.right .third .teamData:first-child:before,
    .tour2767.roadToCupPage .knockOutTab .final .teamData:first-child:before { right: -10px }
    .tour2767.roadToCupPage .knockOutTab .roundItem.left .second .teamData:last-child:before,
    .tour2767.roadToCupPage .knockOutTab .roundItem.left .second .teamData:first-child:before,
    .tour2767.roadToCupPage .knockOutTab .roundItem.left .third .teamData:last-child:before,
    .tour2767.roadToCupPage .knockOutTab .roundItem.left .third .teamData:first-child:before { left: -10px }
    .tour2767.roadToCupPage .knockOutTab .final .teamData:last-child:before,
    .tour2767.roadToCupPage .knockOutTab .final .teamData:first-child:before { width: 10px }
    .tour2767.roadToCupPage .knockOutTab .final .teamData:last-child:before { left: -10px }
    .tour2767.roadToCupPage .euroRoadToCup .title h1:before { background-size: 80px auto; width: 90px; height: 172px; top: 12px }
}

@media screen and (min-width:1152px) and (max-width:1279px) {
    .tour2767 .euroPredCnts .FullWidthBK .euroHeader:before { width: 655px; background: url(../../images/ACN/ACNpattern.png?ver=0.1) no-repeat left bottom; background-size: 100% auto; }
    .tour2773 .euroPredCnts .FullWidthBK .euroHeader:before { width: 655px; background: url(../../images/ACN/ACNpattern.png?ver=0.1) no-repeat left bottom; background-size: 100% auto; }

    .tour2767.roadToCupPage .euroRoadToCup { padding: 60px 10px }
    .tour2767.roadToCupPage .knockOutTab .allRounds .roundItem { width: calc((100% - 140px) / 8); margin-left: 20px }
    /** margin x 7 **/
    .tour2767.roadToCupPage .knockOutTab .allRounds .roundItem.finalRound { width: calc((100% - 60px) / 4) }
    /** margin * 3 **/
    .tour2767.roadToCupPage .knockOutTab .second .teamData:last-child:before,
    .tour2767.roadToCupPage .knockOutTab .second .teamData:first-child:before,
    .tour2767.roadToCupPage .knockOutTab .third .teamData:last-child:before,
    .tour2767.roadToCupPage .knockOutTab .third .teamData:first-child:before { width: 14px }
    .tour2767.roadToCupPage .knockOutTab .allRounds .roundItem .qualifiedTeams .separating { width: calc(100% + 4px); }
    .tour2767.roadToCupPage .knockOutTab .roundItem.right .second .teamData:last-child:before,
    .tour2767.roadToCupPage .knockOutTab .roundItem.right .second .teamData:first-child:before,
    .tour2767.roadToCupPage .knockOutTab .roundItem.right .third .teamData:last-child:before,
    .tour2767.roadToCupPage .knockOutTab .roundItem.right .third .teamData:first-child:before,
    .tour2767.roadToCupPage .knockOutTab .final .teamData:first-child:before { right: -10px }
    .tour2767.roadToCupPage .knockOutTab .roundItem.left .second .teamData:last-child:before,
    .tour2767.roadToCupPage .knockOutTab .roundItem.left .second .teamData:first-child:before,
    .tour2767.roadToCupPage .knockOutTab .roundItem.left .third .teamData:last-child:before,
    .tour2767.roadToCupPage .knockOutTab .roundItem.left .third .teamData:first-child:before { left: -10px }
    .tour2767.roadToCupPage .knockOutTab .final .teamData:last-child:before,
    .tour2767.roadToCupPage .knockOutTab .final .teamData:first-child:before { width: 10px }
    .tour2767.roadToCupPage .knockOutTab .final .teamData:last-child:before { left: -10px }
    .tour2767.roadToCupPage .knockOutTab .allRounds .roundItem h3 { font-size: 11px }
    .tour2767.roadToCupPage .knockOutTab .allRounds .roundItem.right .qualifiedTeams .teamData .team,
    .tour2767.roadToCupPage .knockOutTab .allRounds .roundItem .final.qualifiedTeams .teamData.right .team { padding: 12px 30px 12px 6px; }
    .tour2767.roadToCupPage .knockOutTab .allRounds .roundItem.left .qualifiedTeams .teamData .team,
    .tour2767.roadToCupPage .knockOutTab .allRounds .roundItem .final.qualifiedTeams .teamData.left .team { padding: 12px 6px 12px 30px; }
    .tour2767.roadToCupPage .knockOutTab .allRounds .roundItem .qualifiedTeams img { width: 20px; margin-top: 2px; }
    .tour2767.roadToCupPage .knockOutTab .allRounds .roundItem .qualifiedTeams .TeamName { width: calc(100% - 60px); }
    .tour2767.roadToCupPage .knockOutTab .allRounds .roundItem.right .qualifiedTeams .TeamName,
    .tour2767.roadToCupPage .knockOutTab .allRounds .roundItem .final.qualifiedTeams .teamData.right .TeamName { right: 50px; padding-right: 6px; }
    .tour2767.roadToCupPage .knockOutTab .allRounds .roundItem.left .qualifiedTeams .TeamName,
    .tour2767.roadToCupPage .knockOutTab .allRounds .roundItem .final.qualifiedTeams .teamData.left .TeamName { left: 50px; padding-left: 6px; }
    .tour2767.roadToCupPage .knockOutTab .allRounds .roundItem .qualifiedTeams .CheckIn { width: 16px; height: 16px; font-size: 10px }
    .tour2767.roadToCupPage .knockOutTab .allRounds .roundItem .qualifiedTeams .CheckedIn:before { line-height: 18px }
    .tour2767.roadToCupPage .knockOutTab .allRounds .roundItem.right .qualifiedTeams .CheckIn,
    .tour2767.roadToCupPage .knockOutTab .allRounds .roundItem .final.qualifiedTeams .teamData.right .CheckIn { right: 6px; }
    .tour2767.roadToCupPage .knockOutTab .allRounds .roundItem.left .qualifiedTeams .CheckIn,
    .tour2767.roadToCupPage .knockOutTab .allRounds .roundItem .final.qualifiedTeams .teamData.left .CheckIn { left: 6px; }
    .tour2767.roadToCupPage .euroRoadToCup:after { width: 430px; height: 400px }
    .tour2767.roadToCupPage .euroRoadToCup .title h1:before { background-size: 80px auto; width: 90px; height: 172px; top: 12px }

    .newPred .proPlayer .title h2{font-size:16px}
    .tour-1.newPred .proPlayer .title .leagueSetting{width:auto}
}

@media screen and (min-width:1024px) and (max-width:1151px) {
    .tour2767 .euroPredCnts .FullWidthBK .euroHeader:before { width: 650px; background: url(../../images/ACN/ACNpattern.png?ver=0.1) no-repeat left bottom; background-size: 100% auto; }
    .tour2773 .euroPredCnts .FullWidthBK .euroHeader:before { width: 650px; background: url(../../images/ACN/ACNpattern.png?ver=0.1) no-repeat left bottom; background-size: 100% auto; }
    .tour2767.roadToCupPage .euroRoadToCup { padding: 60px 10px }
    .tour2767.roadToCupPage .knockOutTab .allRounds .roundItem { width: calc((100% - 140px) / 8); margin-left: 20px }
    /** margin x 7 **/
    .tour2767.roadToCupPage .knockOutTab .allRounds .roundItem.finalRound { width: calc((100% - 60px) / 4) }
    /** margin * 3 **/
    .tour2767.roadToCupPage .knockOutTab .second .teamData:last-child:before,
    .tour2767.roadToCupPage .knockOutTab .second .teamData:first-child:before,
    .tour2767.roadToCupPage .knockOutTab .third .teamData:last-child:before,
    .tour2767.roadToCupPage .knockOutTab .third .teamData:first-child:before { width: 14px }
    .tour2767.roadToCupPage .knockOutTab .allRounds .roundItem .qualifiedTeams .separating { width: calc(100% + 4px); }
    .tour2767.roadToCupPage .knockOutTab .roundItem.right .second .teamData:last-child:before,
    .tour2767.roadToCupPage .knockOutTab .roundItem.right .second .teamData:first-child:before,
    .tour2767.roadToCupPage .knockOutTab .roundItem.right .third .teamData:last-child:before,
    .tour2767.roadToCupPage .knockOutTab .roundItem.right .third .teamData:first-child:before,
    .tour2767.roadToCupPage .knockOutTab .final .teamData:first-child:before { right: -10px }
    .tour2767.roadToCupPage .knockOutTab .roundItem.left .second .teamData:last-child:before,
    .tour2767.roadToCupPage .knockOutTab .roundItem.left .second .teamData:first-child:before,
    .tour2767.roadToCupPage .knockOutTab .roundItem.left .third .teamData:last-child:before,
    .tour2767.roadToCupPage .knockOutTab .roundItem.left .third .teamData:first-child:before { left: -10px }
    .tour2767.roadToCupPage .knockOutTab .final .teamData:last-child:before,
    .tour2767.roadToCupPage .knockOutTab .final .teamData:first-child:before { width: 10px }
    .tour2767.roadToCupPage .knockOutTab .final .teamData:last-child:before { left: -10px }
    .tour2767.roadToCupPage .viewTabContainer { padding: 50px 20px 30px; }
    .tour2767.roadToCupPage .knockOutTab .allRounds .roundItem h3 { font-size: 11px }
    .tour2767.roadToCupPage .knockOutTab .allRounds .roundItem.right .qualifiedTeams .teamData .team,
    .tour2767.roadToCupPage .knockOutTab .allRounds .roundItem .final.qualifiedTeams .teamData.right .team { padding: 12px 28px 12px 6px; }
    .tour2767.roadToCupPage .knockOutTab .allRounds .roundItem.left .qualifiedTeams .teamData .team,
    .tour2767.roadToCupPage .knockOutTab .allRounds .roundItem .final.qualifiedTeams .teamData.left .team { padding: 12px 6px 12px 28px; }
    .tour2767.roadToCupPage .knockOutTab .allRounds .roundItem .qualifiedTeams img { width: 20px; margin-top: 2px; }
    .tour2767.roadToCupPage .knockOutTab .allRounds .roundItem .qualifiedTeams .TeamName { width: calc(100% - 54px); font-size: 10px; }
    .tour2767.roadToCupPage .knockOutTab .allRounds .roundItem.right .qualifiedTeams .TeamName,
    .tour2767.roadToCupPage .knockOutTab .allRounds .roundItem .final.qualifiedTeams .teamData.right .TeamName { right: 48px; padding-right: 6px; }
    .tour2767.roadToCupPage .knockOutTab .allRounds .roundItem.left .qualifiedTeams .TeamName,
    .tour2767.roadToCupPage .knockOutTab .allRounds .roundItem .final.qualifiedTeams .teamData.left .TeamName { left: 48px; padding-left: 6px; }
    .tour2767.roadToCupPage .knockOutTab .allRounds .roundItem .qualifiedTeams .CheckIn { width: 16px; height: 16px; font-size: 10px }
    .tour2767.roadToCupPage .knockOutTab .allRounds .roundItem .qualifiedTeams .CheckedIn:before { line-height: 18px }
    .tour2767.roadToCupPage .knockOutTab .allRounds .roundItem.right .qualifiedTeams .CheckIn,
    .tour2767.roadToCupPage .knockOutTab .allRounds .roundItem .final.qualifiedTeams .teamData.right .CheckIn { right: 6px; }
    .tour2767.roadToCupPage .knockOutTab .allRounds .roundItem.left .qualifiedTeams .CheckIn,
    .tour2767.roadToCupPage .knockOutTab .allRounds .roundItem .final.qualifiedTeams .teamData.left .CheckIn { left: 6px; }
    .tour2767.roadToCupPage .euroRoadToCup:after { width: 430px; height: 400px }
    .tour2767.roadToCupPage .euroRoadToCup .title h1:before { background-size: 80px auto; width: 90px; height: 172px; top: 12px }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .tour2767 .euroPredCnts .FullWidthBK .euroHeader:before { width: 655px; background: url(../../images/ACN/ACNpattern.png?ver=0.1) no-repeat left bottom; background-size: 100% auto; }
    .tour2773 .euroPredCnts .FullWidthBK .euroHeader:before { width: 655px; background: url(../../images/ACN/ACNpattern.png?ver=0.1) no-repeat left bottom; background-size: 100% auto; }
    .tour2767.roadToCupPage .euroRoadToCup { padding: 60px 10px }
    .tour2767.roadToCupPage .knockOutTab .allRounds .roundItem h3 { font-size: 10px; height: 52px }
    .tour2767.roadToCupPage .knockOutTab .allRounds .roundItem .qualifiedTeams .teamData .team .QualifierName { font-size: 9px }
    .tour2767.roadToCupPage .knockOutTab .allRounds .roundItem { width: calc((100% - 140px) / 8); margin-left: 20px }
    /** margin x 7 **/
    .tour2767.roadToCupPage .knockOutTab .allRounds .roundItem.finalRound { width: calc((100% - 60px) / 4) }
    /** margin * 3 **/
    .tour2767.roadToCupPage .knockOutTab .second .teamData:last-child:before,
    .tour2767.roadToCupPage .knockOutTab .second .teamData:first-child:before,
    .tour2767.roadToCupPage .knockOutTab .third .teamData:last-child:before,
    .tour2767.roadToCupPage .knockOutTab .third .teamData:first-child:before { width: 14px }
    .tour2767.roadToCupPage .knockOutTab .allRounds .roundItem .qualifiedTeams .separating { width: calc(100% + 4px); }
    .tour2767.roadToCupPage .knockOutTab .roundItem.right .second .teamData:last-child:before,
    .tour2767.roadToCupPage .knockOutTab .roundItem.right .second .teamData:first-child:before,
    .tour2767.roadToCupPage .knockOutTab .roundItem.right .third .teamData:last-child:before,
    .tour2767.roadToCupPage .knockOutTab .roundItem.right .third .teamData:first-child:before,
    .tour2767.roadToCupPage .knockOutTab .final .teamData:first-child:before { right: -10px }
    .tour2767.roadToCupPage .knockOutTab .roundItem.left .second .teamData:last-child:before,
    .tour2767.roadToCupPage .knockOutTab .roundItem.left .second .teamData:first-child:before,
    .tour2767.roadToCupPage .knockOutTab .roundItem.left .third .teamData:last-child:before,
    .tour2767.roadToCupPage .knockOutTab .roundItem.left .third .teamData:first-child:before { left: -10px }
    .tour2767.roadToCupPage .knockOutTab .final .teamData:last-child:before,
    .tour2767.roadToCupPage .knockOutTab .final .teamData:first-child:before { width: 10px }
    .tour2767.roadToCupPage .knockOutTab .final .teamData:last-child:before { left: -10px }
    .tour2767.roadToCupPage .knockOutTab .allRounds .roundItem .cupWinner h3 { padding: 0; font-size: 12px; height: auto; line-height: 1.4; bottom: 22px; }
    .tour2767.roadToCupPage .viewTabContainer { padding: 50px 10px 30px; }
    .tour2767.roadToCupPage .knockOutTab .allRounds .roundItem h3 { font-size: 10px; line-height: 40px }
    .tour2767.roadToCupPage .knockOutTab .allRounds .roundItem:nth-of-type(3) h3,
    .tour2767.roadToCupPage .knockOutTab .allRounds .roundItem:nth-of-type(5) h3 { line-height: normal }
    .tour2767.roadToCupPage .knockOutTab .allRounds .roundItem.right .qualifiedTeams .teamData .team,
    .tour2767.roadToCupPage .knockOutTab .allRounds .roundItem .final.qualifiedTeams .teamData.right .team { padding: 12px 28px 12px 6px; }
    .tour2767.roadToCupPage .knockOutTab .allRounds .roundItem.left .qualifiedTeams .teamData .team,
    .tour2767.roadToCupPage .knockOutTab .allRounds .roundItem .final.qualifiedTeams .teamData.left .team { padding: 12px 6px 12px 28px; }
    .tour2767.roadToCupPage .knockOutTab .allRounds .roundItem .qualifiedTeams img { width: 20px; margin-top: 2px; display: none }
    .tour2767.roadToCupPage .knockOutTab .allRounds .roundItem .cupWinner .winnerHolder img,
    .tour2767.roadToCupPage .knockOutTab .allRounds .roundItem .selectWinner .cupWinner .winnerImg { display: inline-block }
    .tour2767.roadToCupPage .knockOutTab .allRounds .roundItem .qualifiedTeams .TeamName { width: calc(100% - 28px); font-size: 10px; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
    .tour2767.roadToCupPage .knockOutTab .allRounds .roundItem.right .qualifiedTeams .TeamName,
    .tour2767.roadToCupPage .knockOutTab .allRounds .roundItem .final.qualifiedTeams .teamData.right .TeamName { right: 22px; padding-right: 6px; }
    .tour2767.roadToCupPage .knockOutTab .allRounds .roundItem.left .qualifiedTeams .TeamName,
    .tour2767.roadToCupPage .knockOutTab .allRounds .roundItem .final.qualifiedTeams .teamData.left .TeamName { left: 22px; padding-left: 6px; }
    .tour2767.roadToCupPage .knockOutTab .allRounds .roundItem .qualifiedTeams .CheckIn { width: 16px; height: 16px; font-size: 10px }
    .tour2767.roadToCupPage .knockOutTab .allRounds .roundItem .qualifiedTeams .CheckedIn:before { line-height: 18px }
    .tour2767.roadToCupPage .knockOutTab .allRounds .roundItem.right .qualifiedTeams .CheckIn,
    .tour2767.roadToCupPage .knockOutTab .allRounds .roundItem .final.qualifiedTeams .teamData.right .CheckIn { right: 6px; }
    .tour2767.roadToCupPage .knockOutTab .allRounds .roundItem.left .qualifiedTeams .CheckIn,
    .tour2767.roadToCupPage .knockOutTab .allRounds .roundItem .final.qualifiedTeams .teamData.left .CheckIn { left: 6px; }
    .tour2767.roadToCupPage .euroRoadToCup:after { width: 430px; height: 400px }
    .tour2767.roadToCupPage .euroRoadToCup .tabsContainer .tabs-nav { width: 400px; background: transparent; }
    .tour2767.roadToCupPage .euroRoadToCup .tabsContainer .tabs-nav > li { width: 160px; }
    .tour2767.roadToCupPage .euroRoadToCup .tabsContainer .tabs-nav > li:last-of-type:after { width: 20px; }
    .tour2767.roadToCupPage .euroRoadToCup .shareGame, .tour2767.roadToCupPage .euroRoadToCup .regBtn { width: 110px; padding: 10px }
    .tour2767.roadToCupPage .euroRoadToCup .shareGame .icon-share { display: flex; justify-content: center; align-items: center; flex-direction: row-reverse }
    .tour2767.roadToCupPage .euroRoadToCup .title h1:before { background-size: 80px auto; width: 90px; height: 172px; top: 12px }
}

@media screen and (min-width: 320px) and (max-width: 767px) {
    .tour2767 .euroPredCnts .FullWidthBK .euroHeader:before { width: 325px; background: url(../../images/ACN/ACNpattern.png?ver=0.1) no-repeat left bottom; background-size: 100% auto; }
    .tour2773 .euroPredCnts .FullWidthBK .euroHeader:before { width: 325px; background: url(../../images/ACN/ACNpattern.png?ver=0.1) no-repeat left bottom; background-size: 100% auto; }
    .tour2767.roadToCupPage .euroRoadToCup .tab-title p { padding: 16px 0 32px; }
    .tour2767.roadToCupPage .knockOutTab .allRounds .roundItem h3 { font-size: 11px; height: 38px; margin-bottom: 10px }
    .tour2767.roadToCupPage .knockOutTab .allRounds .roundItem .qualifiedTeams .teamData .team .QualifierName { font-size: 10px }
    .tour2767.roadToCupPage .knockOutTab .allRounds .roundItem { width: 150px; margin-left: 0; padding: 0 10px }
    /** margin x 7 **/
    .tour2767.roadToCupPage .knockOutTab .allRounds .roundItem.finalRound { width: 310px }
    /** margin * 3 **/
    .tour2767.roadToCupPage .knockOutTab .allRounds .roundItem .qualifiedTeams.final:before { height: 170px; top: 80px }
    .tour2767.roadToCupPage .knockOutTab .second .teamData:last-child:before,
    .tour2767.roadToCupPage .knockOutTab .second .teamData:first-child:before,
    .tour2767.roadToCupPage .knockOutTab .third .teamData:last-child:before,
    .tour2767.roadToCupPage .knockOutTab .third .teamData:first-child:before { width: 14px }
    .tour2767.roadToCupPage .knockOutTab .allRounds .roundItem .qualifiedTeams .separating { width: calc(100% + 4px); }
    .tour2767.roadToCupPage .knockOutTab .roundItem.right .second .teamData:last-child:before,
    .tour2767.roadToCupPage .knockOutTab .roundItem.right .second .teamData:first-child:before,
    .tour2767.roadToCupPage .knockOutTab .roundItem.right .third .teamData:last-child:before,
    .tour2767.roadToCupPage .knockOutTab .roundItem.right .third .teamData:first-child:before,
    .tour2767.roadToCupPage .knockOutTab .final .teamData:first-child:before { right: -10px }
    .tour2767.roadToCupPage .knockOutTab .roundItem.left .second .teamData:last-child:before,
    .tour2767.roadToCupPage .knockOutTab .roundItem.left .second .teamData:first-child:before,
    .tour2767.roadToCupPage .knockOutTab .roundItem.left .third .teamData:last-child:before,
    .tour2767.roadToCupPage .knockOutTab .roundItem.left .third .teamData:first-child:before { left: -10px }
    .tour2767.roadToCupPage .knockOutTab .final .teamData:last-child:before,
    .tour2767.roadToCupPage .knockOutTab .final .teamData:first-child:before { width: 10px }
    .tour2767.roadToCupPage .knockOutTab .final .teamData:last-child:before { left: -10px }
    .tour2767.roadToCupPage .knockOutTab .allRounds .roundItem .cupWinner .winnerHolder,
    .tour2767.roadToCupPage .knockOutTab .allRounds .roundItem .cupWinner .winnerImg { bottom: 120px }
    .tour2767.roadToCupPage .knockOutTab .allRounds .roundItem .cupWinner h3 { padding: 0; font-size: 14px; height: auto; bottom: 50px }
    .tour2767.roadToCupPage .knockOutTab .allRounds .roundItem .cupWinner .ShareLogin a { bottom: 0 }
    .tour2767.roadToCupPage .euroRoadToCup:before { background: url(../../Images/ACN2022/rtcPatternBG.svg) center center repeat; background-size: 100%; opacity: 0.1; }
    .tour2767.roadToCupPage .euroRoadToCup:after { width: 300px; height: 280px; opacity: 0.7; left: 40px }
    /*    .tour2767.roadToCupPage .euroRoadToCup .title h1 {padding: 0 70px 0 0;}*/
    .tour2767.roadToCupPage .euroRoadToCup .breadcrumb li { margin-left: 20px }
    .tour2767.roadToCupPage .euroRoadToCup .breadcrumb li:last-of-type { margin-left: 0 }
    .tour2767.roadToCupPage .euroRoadToCup .breadcrumb li p { font-size: 12px; line-height: 26px }
    .tour2767.roadToCupPage .euroRoadToCup .breadcrumb li span { width: 26px; height: 26px; line-height: 26px }
    .tour2767.roadToCupPage .euroRoadToCup .flickity-button { display: inline-block; top: auto; bottom: -40px; background-color: var(--dark-color); }
    .tour2767.roadToCupPage .euroRoadToCup .flickity-button:before { color: var(--text-color); }
}
/** Prediction **/
.tour2694 .euroPredCnts .FullWidthBK .euroHeader { background: linear-gradient(45deg,#5b0e25,#3b0818,#440a1c); }
.tour2694 .euroPredCnts .FullWidthBK .euroHeader:before { left: 0; top: auto; bottom: 0; width: 1150px; background: url(../../images/ArabCup/predArabCup.png) no-repeat left -200px bottom -180px; background-size: 100% auto; opacity: 0.6; }
.tour2694 .euroPredCnts .FullWidthBK .euroHeader:after { display: none }
.tour2694 .euroPredCnts .tabs .regBtn { position: absolute }
.tour2694 .euroPredCnts .FullWidthBK h1 { color: #fff; }
.tour2694 .euroPredCnts .tabs a { color: #fff; }
.tour2694 .euroPredCnts .tabs a.active, .tour2694 .euroPredCnts .tabs a:hover { color: #e6be71; }
.tour2694 .euroPredCnts .tabs a.active:after, .tour2694 .euroPredCnts .tabs a:hover:after { background: #e6be71; }
.tour2694 .euroPredCnts .tabs .regBtn:hover p { color: #e6be71; }
.tour2694 .euroPredCnts .predictionCnts .tourTitle .shape { background: #8b1538 }
.tour2694 .euroPredCnts .predictionCnts .accordionItem .matchData:hover span.icon-plus::before,
.tour2694 .euroPredCnts .predictionCnts .accordionItem .matchData:hover span.icon-plus::after,
.tour2694 .euroPredCnts .predictionCnts .accordionItem.open .matchData span.icon-plus::before,
.tour2694 .euroPredCnts .predictionCnts .accordionItem.open .matchData span.icon-plus::after { background: #e6be71; }
/*.tour2694 .euroPredCnts .predictionCnts .matchData .predStatus{border:1px solid #e6be71}*/
.tour2694 .euroPredCnts .predictionCnts .accordionItem .matchData .predStatus .status p.points,
.tour2694 .euroPredCnts .predictionCnts .accordionItem .matchData .predStatus .status p.points span { color: #e6be71 }
.tour2694 .euroPredCnts .item .matchPrediction .teamScoring:hover p, .tour2694 .euroPredCnts .item .matchPrediction .teamScoring.select p { color: #e6be71; }
.tour2694 .euroPredCnts .item .matchPrediction .value-button:hover { background: #e6be71; }
.tour2694 .euroMain .predEP .groupTtl a:hover { color: #e6be71; }
.tour2694 .euroPredCnts .predHint .regBtn, .euroRoadToCup .predHint .regBtn { background: #8b1538 }
/** choose league **/
.chooseLeague { display: inline-block; width: 100%; float: right; position: relative; margin-bottom: 30px }
.chooseLeague p.text { display: inline-block; width: 100%; float: right; font-size: 34px; font-family: droidBold, Arial; color: #1D1D1D; float: right; margin-bottom: 20px; text-align: center }
.chooseLeague ul { display: inline-block; width: auto; margin: 0 auto }
.chooseLeague ul li { display: inline-block; position: relative; width: 300px; margin-left: 30px; float: right; background: #fff; border-radius: 1px; margin-bottom: 10px; border: 1px solid #DDDDDD;height: 200px; transition: all .2s ease-in 0s; -webkit-transition: all .2s ease-out 0s; -ms-transition: all .2s ease-in-out 0s; -moz-transition: all .2s ease-in-out 0s; -o-transition: all .2s ease-in-out 0s; }
.chooseLeague ul li a { display: inline-block; width: 100%; height: 100%; float: right; padding: 10px }
.chooseLeague ul li:nth-of-type(6n) { margin-left: 0 }
.chooseLeague ul li:hover p, .chooseLeague ul li.select p{ color:#0277BD }
.chooseLeague ul li img { display: inline-block; width: auto; height: 100px; position: absolute; top: 20px; left: 50%; transform: translateX(-50%) }
/*.chooseLeague ul li:nth-of-type(2) img{height:60px;top:50px}*/
.chooseLeague ul li p { display: inline-block; float: left; width: 100%; color: #1D1D1D; font-size: 16px;font-weight:bold; font-family: droidBold, Arial; margin-top: 132px; text-align: center; line-height: 1.6 }
.chooseLeague ul li:last-of-type { margin-left: 0 }
/** landingPage **/
.landingPage .chooseLeague { margin: 20px 0 }
.newsFeed.section{width:1282px;background-size: 100% 100%;float:none;margin-bottom:-10px}
.newPred .euroPredCnts .FullWidthBK .euroHeader { background: linear-gradient(89.33deg, #004167 8.29%, #004C79 27.94%, #004167 58.63%, #004C7A 79%, #00436B 90.68%);}
.newPred .euroPredCnts .FullWidthBK .euroHeader:before { left: 0; top: auto; bottom: 0; width: 800px; background: url(../../Images/predictionMainBall.png) no-repeat left  bottom ; opacity: 1; background-size: 100% auto; }
.newPred .euroPredCnts .FullWidthBK .euroHeader:after { display: none }
.newPred .euroPredCnts .FullWidthBK h1, .newPred .euroPredCnts .FullWidthBK h2 { color: #fff }
.newPred .euroPredCnts .tabs a.active, .newPred .euroPredPage .tabs a:hover { color: #4bc2ff }
.newPred .euroPredCnts .tabs .regBtn:hover p { color: #4bc2ff }
.newPred .euroPredCnts .predHint .regBtn, .newPred .euroRoadToCup .predHint .regBtn { background-color: #00326f }
.newPred .LoaderLogin { background-color: #00326f; border-radius: 6px }
.newPred .RulesMsg ul.subpoint li label span { color: #4bc2ff }
.newPred .RulesMsg ul.subpoint li label span.joker { color: #000 }
.newPred .u-form-group button, .newPred .u-form-group .Compelete, .newPred .u-form-group .SigninBtn, .newPred .u-form-group .SignupBtn { background-color: #00326f }
.newPred .euroPredCnts .predictionCnts .tourTitle .shape { background: #00326f }
.newPred .euroPredCnts .predictionCnts .accordionItem .matchData:hover span.icon-plus::before,
.newPred .euroPredCnts .predictionCnts .accordionItem .matchData:hover span.icon-plus::after,
.newPred .euroPredCnts .predictionCnts .accordionItem.open .matchData span.icon-plus::before,
.newPred .euroPredCnts .predictionCnts .accordionItem.open .matchData span.icon-plus::after { background: #4bc2ff; }
.newPred .euroPredCnts .predictionCnts .accordionItem .matchData .predStatus .status p.points,
.newPred .euroPredCnts .predictionCnts .accordionItem .matchData .predStatus .status p.points span { color: #FF7201}
.newPred .euroPredCnts .item .matchPrediction .teamScoring:hover p, .newPred .euroPredCnts .item .matchPrediction .teamScoring.select p { color: #4bc2ff; }
.newPred .euroPredCnts .item .matchPrediction .value-button:hover { background: #00326f; }
.newPred .euroMain .predEP .groupTtl a:hover { color: #4bc2ff; }
.newPred .euroMain.olympic .tabs a.active, .newPred .euroMain .tabs a:hover { color: #4bc2ff; }
.newPred .euroMain .predEP .groupTtl h3 { color: #fff }
.newPred.tour-1 .FullWidthBK .pagecnts { padding:  0 ;height:100%}
.newPred.tour-1 .FullWidthBK .tabs .pagecnts{height:56px}
.newPred.tour-1 .euroPredCnts .FullWidthBK h1:first-child { bottom: 0 }
/** Prediction - Premier League **/
.tour2697 .euroPredCnts .FullWidthBK .euroHeader { background: linear-gradient(270deg,#1b051d,#360d39) }
.tour2697 .euroPredCnts .FullWidthBK .euroHeader:before { right: auto; top: 0; left: 0; bottom: auto; width: 100%; height: 100%; background: url(../../images/ACN/pattern.png) no-repeat center top; background-size: 100%; opacity: 1; pointer-events: none; z-index: 0 }
.tour2697 .euroPredCnts .FullWidthBK .euroHeader:after { display: none }
.tour2697 .euroPredCnts .tabs .regBtn { position: absolute }
.tour2697 .euroPredCnts .FullWidthBK h1 { color: #fff; }
.tour2697 .euroPredCnts .tabs a { color: #fff; }
.tour2697 .euroPredCnts .tabs a.active, .tour2697 .euroPredCnts .tabs a:hover { color: #00ff87; }
.tour2697 .euroPredCnts .tabs a.active:after, .tour2697 .euroPredCnts .tabs a:hover:after { background: #37003c; }
.tour2697 .euroPredCnts .tabs .regBtn:hover p { color: #00ff87; }
.tour2697 .euroPredCnts .predictionCnts .tourTitle .shape { background: #37003c }
.tour2697 .euroPredCnts .predictionCnts .accordionItem .matchData:hover span.icon-plus::before,
.tour2697 .euroPredCnts .predictionCnts .accordionItem .matchData:hover span.icon-plus::after,
.tour2697 .euroPredCnts .predictionCnts .accordionItem.open .matchData span.icon-plus::before,
.tour2697 .euroPredCnts .predictionCnts .accordionItem.open .matchData span.icon-plus::after { background: #00ff87; }
/*.tour2694 .euroPredCnts .predictionCnts .matchData .predStatus{border:1px solid #e6be71}*/
.tour2697 .euroPredCnts .predictionCnts .accordionItem .matchData .predStatus .status p.points,
.tour2697 .euroPredCnts .predictionCnts .accordionItem .matchData .predStatus .status p.points span { color: #00ff87 }
.tour2697 .euroPredCnts .item .matchPrediction .teamScoring:hover p, .tour2697 .euroPredCnts .item .matchPrediction .teamScoring.select p { color: #00ff87; }
.tour2697 .euroPredCnts .item .matchPrediction .value-button:hover { background: #37003c; }
.tour2697 .euroMain .predEP .groupTtl a:hover { color: #00ff87; }
.tour2697 .euroPredCnts .predHint .regBtn, .euroRoadToCup .predHint .regBtn { background: #37003c; color: #fff }
.tour2697 .leftLeagues .buttons a.create { background-color: #37003c; border: 1px solid #37003c }
.tour2697 .RulesMsg ul.subpoint li label span { color: #37003c }
.tour2697 .RulesMsg ul.subpoint li label span.joker { color: #000 }
.tour2697 .LoaderLogin { border-radius: 6px }
.tour2697 .LoaderLogin, .tour2697 .u-form-group .SigninBtn { background-color: #37003c }
.tour2697.newPred .euroMain .FullWidthBK .tabs { padding: 20px 0 !important }
.tour2697 .euroMain .predEP .groupTtl h3 { color: #fff }
.tour2697.newPred .FullWidthBK .pagecnts { padding: 0 }
.tour2727 .euroPredCnts .FullWidthBK .euroHeader { background: linear-gradient(270deg,#0b3a26,#1e4e36) }
.tour2727 .euroPredCnts .FullWidthBK .euroHeader:before { left: 0; top: auto; bottom: 0; width: 660px; background: url(../../images/ACN/ACNpattern.png?ver=0.1) no-repeat left bottom; background-size: 100% auto; }
.tour2727 .euroPredCnts .FullWidthBK .euroHeader:after { display: none }
.tour2727 .euroPredCnts .FullWidthBK h1 { color: #fff }
.tour2727.newPred .FullWidthBK .pagecnts { padding: 20px 0 }
.tour2727 .euroPredCnts .tabs a.active, .tour2727 .euroPredPage .tabs a:hover { color: #e6be71 }
.tour2727 .euroPredCnts .tabs .regBtn:hover p { color: #e6be71 }
.tour2727 .euroPredCnts .predHint .regBtn { background-color: #1e4e36 }
.tour2727 .LoaderLogin { background-color: #1e4e36; border-radius: 6px }
.tour2727 .RulesMsg ul.subpoint li label span { color: #e6be71 }
.tour2727 .RulesMsg ul.subpoint li label span.joker { color: #000 }
.tour2727 .u-form-group button, .tour2727 .u-form-group .Compelete, .tour2727 .u-form-group .SigninBtn, .tour2727 .u-form-group .SignupBtn { background-color: #1e4e36 }
.tour2727 .euroPredCnts .predictionCnts .tourTitle .shape { background: #1e4e36 }
.tour2727 .euroPredCnts .predictionCnts .accordionItem .matchData:hover span.icon-plus::before,
.tour2727 .euroPredCnts .predictionCnts .accordionItem .matchData:hover span.icon-plus::after,
.tour2727 .euroPredCnts .predictionCnts .accordionItem.open .matchData span.icon-plus::before,
.tour2727 .euroPredCnts .predictionCnts .accordionItem.open .matchData span.icon-plus::after { background: #e6be71; }
.tour2727 .euroPredCnts .predictionCnts .accordionItem .matchData .predStatus .status p.points,
.tour2727 .euroPredCnts .predictionCnts .accordionItem .matchData .predStatus .status p.points span { color: #e6be71 }
.tour2727 .euroPredCnts .item .matchPrediction .teamScoring:hover p, .tour2727 .euroPredCnts .item .matchPrediction .teamScoring.select p { color: #e6be71; }
.tour2727 .euroPredCnts .item .matchPrediction .value-button:hover { background: #1e4e36; }
.tour2727 .euroMain .predEP .groupTtl a:hover { color: #e6be71; }
.tour2727 .euroMain.olympic .tabs a.active, .tour2727 .euroMain .tabs a:hover { color: #e6be71; }
.tour2727 .euroMain .predEP .groupTtl h3 { color: #fff }
.tour2727 .leftLeagues .buttons a.create { background-color: #1e4e36; border: 1px solid #1e4e36; }
.tour2730 .euroPredCnts .FullWidthBK .euroHeader { background: linear-gradient(270deg,#2e2f6a,#20184f) }
.tour2730 .euroPredCnts .FullWidthBK .euroHeader:before { right: auto; top: 0; left: 0; bottom: auto; width: 100%; height: 100%; background: url(../../images/EgyptionLeague.png) no-repeat left -7% top 18%; background-size: 23%; opacity: 1; pointer-events: none; z-index: 0 }
.tour2730 .euroPredCnts .FullWidthBK .euroHeader:after { display: none }
.tour2730 .euroPredCnts .tabs .regBtn { position: absolute }
.tour2730 .euroPredCnts .FullWidthBK h1 { color: #fff; }
.tour2730 .euroPredCnts .tabs a { color: #fff; }
.tour2730 .euroPredCnts .tabs a.active, .tour2730 .euroPredCnts .tabs a:hover { color: #4bc2ff; }
.tour2730 .euroPredCnts .tabs a.active:after, .tour2730 .euroPredCnts .tabs a:hover:after { background: #2e2f6a; }
.tour2730 .euroPredCnts .tabs .regBtn:hover p { color: #4bc2ff; }
.tour2730 .euroPredCnts .predictionCnts .tourTitle .shape { background: #2e2f6a }
.tour2730 .euroPredCnts .predictionCnts .accordionItem .matchData:hover span.icon-plus::before,
.tour2730 .euroPredCnts .predictionCnts .accordionItem .matchData:hover span.icon-plus::after,
.tour2730 .euroPredCnts .predictionCnts .accordionItem.open .matchData span.icon-plus::before,
.tour2730 .euroPredCnts .predictionCnts .accordionItem.open .matchData span.icon-plus::after { background: #4bc2ff; }
.tour2730 .euroPredCnts .predictionCnts .accordionItem .matchData .predStatus .status p.points,
.tour2730 .euroPredCnts .predictionCnts .accordionItem .matchData .predStatus .status p.points span { color: #4bc2ff }
.tour2730 .euroPredCnts .item .matchPrediction .teamScoring:hover p, .tour2730 .euroPredCnts .item .matchPrediction .teamScoring.select p { color: #4bc2ff; }
.tour2730 .euroPredCnts .item .matchPrediction .value-button:hover { background: #2e2f6a; }
.tour2730 .euroMain .predEP .groupTtl a:hover { color: #4bc2ff; }
.tour2730 .euroPredCnts .predHint .regBtn, .euroRoadToCup .predHint .regBtn { background: #2e2f6a; color: #fff }
.tour2730 .leftLeagues .buttons a.create { background-color: #2e2f6a; border: 1px solid #2e2f6a }
.tour2730 .RulesMsg ul.subpoint li label span { color: #2e2f6a }
.tour2730 .RulesMsg ul.subpoint li label span.joker { color: #000 }
.tour2730 .LoaderLogin { border-radius: 6px }
.tour2730 .LoaderLogin, .tour2730 .u-form-group .SigninBtn { background-color: #2e2f6a }
.tour2730.newPred .euroMain .FullWidthBK .tabs { padding: 20px 0 !important }
.tour2730 .euroMain .predEP .groupTtl h3 { color: #fff }
.tour2730.newPred .FullWidthBK .pagecnts { padding: 0 }

.newPred.tour-1 .euroPredCnts .FullWidthBK h1:first-child {  position:relative;right:unset;bottom:unset;float:right ;line-height:160px}
.newPred.tour-1 .FullWidthBK .pagecnts{width:100%;padding:0 80px}
.newPred.tour-1 .euroMain .FullWidthBK .tabs{padding:0!important;height:100px;background:#fff}
.newPred.tour-1 .euroPredCnts .tabs .regBtn{left:80px}
.newPred.tour-1 .FullWidthBK{height:260px}
.newPred.tour-1 .FullWidthBK .tabs .pagecnts{height:100%}
.tour-1  .proPlayer .tabs a{color:#6F6F6F;font-size:16px;line-height:100px;font-weight:bold}
.tour-1  .euroMain .tabs a.active,.tour-1  .euroMain .tabs a:hover{color:#0277BD}

@media screen and (min-width: 1360px) and (max-width: 1919px) {
    .newPred .pagecnts, .newPred .innerpage, .newsFeed.section {
        width: 1100px;
    }
}

@media screen and (min-width:1680px) and (max-width:1919px) {
    .tour2730 .euroPredCnts .FullWidthBK .euroHeader:before { background-size: 25%; }
    .euroMinByMin .minbyminSticky {
    width: 1100px;
}
}

@media screen and (min-width:1600px) and (max-width:1679px) {
    .RulesMsg .lb-header { margin-bottom: 12px }
    .RulesMsg ul li { margin-bottom: 10px }
    .tour2730 .euroPredCnts .FullWidthBK .euroHeader:before { background: url(../../images/EgyptionLeague.png) no-repeat left -9% top 18%; background-size: 28%; }
      .euroMinByMin .minbyminSticky {
    width: 1100px;
}
}

@media screen and (min-width:1536px) and (max-width:1599px) {
    .tour2727.roadToCupPage .euroRoadToCup { padding: 60px 50px }
    .tour2730 .euroPredCnts .FullWidthBK .euroHeader:before { background: url(../../images/EgyptionLeague.png) no-repeat left -9% top 18%; background-size: 28%; }
      .euroMinByMin .minbyminSticky {
    width: 1100px;
}
}

@media screen and (min-width:1440px) and (max-width:1535px) {
      .euroMinByMin .minbyminSticky {
    width: 1100px;
}
    .tour2727.roadToCupPage .euroRoadToCup { padding: 60px 50px }
    .tour2727.roadToCupPage .knockOutTab .allRounds .roundItem { width: calc((100% - 140px) / 8); margin-left: 20px }
    /** margin x 7 **/
    .tour2727.roadToCupPage .knockOutTab .allRounds .roundItem.finalRound { width: calc((100% - 60px) / 4) }
    /** margin * 3 **/
    .tour2727.roadToCupPage .knockOutTab .second .teamData:last-child:before,
    .tour2727.roadToCupPage .knockOutTab .second .teamData:first-child:before,
    .tour2727.roadToCupPage .knockOutTab .third .teamData:last-child:before,
    .tour2727.roadToCupPage .knockOutTab .third .teamData:first-child:before { width: 14px }
    .tour2727.roadToCupPage .knockOutTab .allRounds .roundItem .qualifiedTeams .separating { width: calc(100% + 4px); }
    .tour2727.roadToCupPage .knockOutTab .roundItem.right .second .teamData:last-child:before,
    .tour2727.roadToCupPage .knockOutTab .roundItem.right .second .teamData:first-child:before,
    .tour2727.roadToCupPage .knockOutTab .roundItem.right .third .teamData:last-child:before,
    .tour2727.roadToCupPage .knockOutTab .roundItem.right .third .teamData:first-child:before,
    .tour2727.roadToCupPage .knockOutTab .final .teamData:first-child:before { right: -10px }
    .tour2727.roadToCupPage .knockOutTab .roundItem.left .second .teamData:last-child:before,
    .tour2727.roadToCupPage .knockOutTab .roundItem.left .second .teamData:first-child:before,
    .tour2727.roadToCupPage .knockOutTab .roundItem.left .third .teamData:last-child:before,
    .tour2727.roadToCupPage .knockOutTab .roundItem.left .third .teamData:first-child:before { left: -10px }
    .tour2727.roadToCupPage .knockOutTab .final .teamData:last-child:before,
    .tour2727.roadToCupPage .knockOutTab .final .teamData:first-child:before { width: 10px }
    .tour2727.roadToCupPage .knockOutTab .final .teamData:last-child:before { left: -10px }
    .tour2730 .euroPredCnts .FullWidthBK .euroHeader:before { background: url(../../images/EgyptionLeague.png) no-repeat left -9% top 18%; background-size: 31%; }
}

@media screen and (min-width:1360px) and (max-width:1439px) {

         .euroMinByMin .minbyminSticky {
    width: 1100px;
}
    .tour2727.roadToCupPage .euroRoadToCup { padding: 60px 50px }
    .tour2727.roadToCupPage .knockOutTab .allRounds .roundItem { width: calc((100% - 140px) / 8); margin-left: 20px }
    /** margin x 7 **/
    .tour2727.roadToCupPage .knockOutTab .allRounds .roundItem.finalRound { width: calc((100% - 60px) / 4) }
    /** margin * 3 **/
    .tour2727.roadToCupPage .knockOutTab .second .teamData:last-child:before,
    .tour2727.roadToCupPage .knockOutTab .second .teamData:first-child:before,
    .tour2727.roadToCupPage .knockOutTab .third .teamData:last-child:before,
    .tour2727.roadToCupPage .knockOutTab .third .teamData:first-child:before { width: 14px }
    .tour2727.roadToCupPage .knockOutTab .allRounds .roundItem .qualifiedTeams .separating { width: calc(100% + 4px); }
    .tour2727.roadToCupPage .knockOutTab .roundItem.right .second .teamData:last-child:before,
    .tour2727.roadToCupPage .knockOutTab .roundItem.right .second .teamData:first-child:before,
    .tour2727.roadToCupPage .knockOutTab .roundItem.right .third .teamData:last-child:before,
    .tour2727.roadToCupPage .knockOutTab .roundItem.right .third .teamData:first-child:before,
    .tour2727.roadToCupPage .knockOutTab .final .teamData:first-child:before { right: -10px }
    .tour2727.roadToCupPage .knockOutTab .roundItem.left .second .teamData:last-child:before,
    .tour2727.roadToCupPage .knockOutTab .roundItem.left .second .teamData:first-child:before,
    .tour2727.roadToCupPage .knockOutTab .roundItem.left .third .teamData:last-child:before,
    .tour2727.roadToCupPage .knockOutTab .roundItem.left .third .teamData:first-child:before { left: -10px }
    .tour2727.roadToCupPage .knockOutTab .final .teamData:last-child:before,
    .tour2727.roadToCupPage .knockOutTab .final .teamData:first-child:before { width: 10px }
    .tour2727.roadToCupPage .knockOutTab .final .teamData:last-child:before { left: -10px }
    .tour2730 .euroPredCnts .FullWidthBK .euroHeader:before { background: url(../../images/EgyptionLeague.png) no-repeat left -11% top 18%; background-size: 33%; }
}

@media screen and (min-width:1280px) and (max-width:1359px) {
          .euroMinByMin .minbyminSticky {
    width: 1000px;left:calc((100% - 1000px) / 2)
}
    .tour2727.roadToCupPage .euroRoadToCup { padding: 60px 20px }
    .tour2727.roadToCupPage .knockOutTab .allRounds .roundItem { width: calc((100% - 140px) / 8); margin-left: 20px }
    /** margin x 7 **/
    .tour2727.roadToCupPage .knockOutTab .allRounds .roundItem.finalRound { width: calc((100% - 60px) / 4) }
    /** margin * 3 **/
    .tour2727.roadToCupPage .knockOutTab .second .teamData:last-child:before,
    .tour2727.roadToCupPage .knockOutTab .second .teamData:first-child:before,
    .tour2727.roadToCupPage .knockOutTab .third .teamData:last-child:before,
    .tour2727.roadToCupPage .knockOutTab .third .teamData:first-child:before { width: 14px }
    .tour2727.roadToCupPage .knockOutTab .allRounds .roundItem .qualifiedTeams .separating { width: calc(100% + 4px); }
    .tour2727.roadToCupPage .knockOutTab .roundItem.right .second .teamData:last-child:before,
    .tour2727.roadToCupPage .knockOutTab .roundItem.right .second .teamData:first-child:before,
    .tour2727.roadToCupPage .knockOutTab .roundItem.right .third .teamData:last-child:before,
    .tour2727.roadToCupPage .knockOutTab .roundItem.right .third .teamData:first-child:before,
    .tour2727.roadToCupPage .knockOutTab .final .teamData:first-child:before { right: -10px }
    .tour2727.roadToCupPage .knockOutTab .roundItem.left .second .teamData:last-child:before,
    .tour2727.roadToCupPage .knockOutTab .roundItem.left .second .teamData:first-child:before,
    .tour2727.roadToCupPage .knockOutTab .roundItem.left .third .teamData:last-child:before,
    .tour2727.roadToCupPage .knockOutTab .roundItem.left .third .teamData:first-child:before { left: -10px }
    .tour2727.roadToCupPage .knockOutTab .final .teamData:last-child:before,
    .tour2727.roadToCupPage .knockOutTab .final .teamData:first-child:before { width: 10px }
    .tour2727.roadToCupPage .knockOutTab .final .teamData:last-child:before { left: -10px }
    .chooseLeague ul li { width: 250px }
    .tour2730 .euroPredCnts .FullWidthBK .euroHeader:before { background: url(../../images/EgyptionLeague.png) no-repeat left -11% top 18%; background-size: 35%; }

     .newPred .pagecnts, .newPred .innerpage, .newsFeed.section { width: 1000px;}
}

@media screen and (min-width: 1024px) and (max-width: 1279px){
.newPred .pagecnts, .newPred .innerpage, .newsFeed.section { width: 800px;}
}
@media screen and (min-width:1152px) and (max-width:1279px) {
              .euroMinByMin .minbyminSticky {
    width: 800px;left:calc((100% - 800px) / 2)
}
    .newPred .euroPredCnts .FullWidthBK .euroHeader:before { width: 730px; background: url(../../images/ACN2022/generalPattern.png) no-repeat left -14px bottom -60px; background-size: 100% auto; }
    .tour2727 .euroPredCnts .FullWidthBK .euroHeader:before { width: 655px; background: url(../../images/ACN/ACNpattern.png?ver=0.1) no-repeat left bottom; background-size: 100% auto; }
    .tour2727.roadToCupPage .euroRoadToCup { padding: 60px 10px }
    .tour2727.roadToCupPage .knockOutTab .allRounds .roundItem { width: calc((100% - 140px) / 8); margin-left: 20px }
    /** margin x 7 **/
    .tour2727.roadToCupPage .knockOutTab .allRounds .roundItem.finalRound { width: calc((100% - 60px) / 4) }
    /** margin * 3 **/
    .tour2727.roadToCupPage .knockOutTab .second .teamData:last-child:before,
    .tour2727.roadToCupPage .knockOutTab .second .teamData:first-child:before,
    .tour2727.roadToCupPage .knockOutTab .third .teamData:last-child:before,
    .tour2727.roadToCupPage .knockOutTab .third .teamData:first-child:before { width: 14px }
    .tour2727.roadToCupPage .knockOutTab .allRounds .roundItem .qualifiedTeams .separating { width: calc(100% + 4px); }
    .tour2727.roadToCupPage .knockOutTab .roundItem.right .second .teamData:last-child:before,
    .tour2727.roadToCupPage .knockOutTab .roundItem.right .second .teamData:first-child:before,
    .tour2727.roadToCupPage .knockOutTab .roundItem.right .third .teamData:last-child:before,
    .tour2727.roadToCupPage .knockOutTab .roundItem.right .third .teamData:first-child:before,
    .tour2727.roadToCupPage .knockOutTab .final .teamData:first-child:before { right: -10px }
    .tour2727.roadToCupPage .knockOutTab .roundItem.left .second .teamData:last-child:before,
    .tour2727.roadToCupPage .knockOutTab .roundItem.left .second .teamData:first-child:before,
    .tour2727.roadToCupPage .knockOutTab .roundItem.left .third .teamData:last-child:before,
    .tour2727.roadToCupPage .knockOutTab .roundItem.left .third .teamData:first-child:before { left: -10px }
    .tour2727.roadToCupPage .knockOutTab .final .teamData:last-child:before,
    .tour2727.roadToCupPage .knockOutTab .final .teamData:first-child:before { width: 10px }
    .tour2727.roadToCupPage .knockOutTab .final .teamData:last-child:before { left: -10px }
    .tour2727.roadToCupPage .knockOutTab .allRounds .roundItem h3 { font-size: 11px }
    .tour2727.roadToCupPage .knockOutTab .allRounds .roundItem.right .qualifiedTeams .teamData .team,
    .tour2727.roadToCupPage .knockOutTab .allRounds .roundItem .final.qualifiedTeams .teamData.right .team { padding: 12px 30px 12px 6px; }
    .tour2727.roadToCupPage .knockOutTab .allRounds .roundItem.left .qualifiedTeams .teamData .team,
    .tour2727.roadToCupPage .knockOutTab .allRounds .roundItem .final.qualifiedTeams .teamData.left .team { padding: 12px 6px 12px 30px; }
    .tour2727.roadToCupPage .knockOutTab .allRounds .roundItem .qualifiedTeams img { width: 20px; margin-top: 2px; }
    .tour2727.roadToCupPage .knockOutTab .allRounds .roundItem .qualifiedTeams .TeamName { width: calc(100% - 60px); }
    .tour2727.roadToCupPage .knockOutTab .allRounds .roundItem.right .qualifiedTeams .TeamName,
    .tour2727.roadToCupPage .knockOutTab .allRounds .roundItem .final.qualifiedTeams .teamData.right .TeamName { right: 50px; padding-right: 6px; }
    .tour2727.roadToCupPage .knockOutTab .allRounds .roundItem.left .qualifiedTeams .TeamName,
    .tour2727.roadToCupPage .knockOutTab .allRounds .roundItem .final.qualifiedTeams .teamData.left .TeamName { left: 50px; padding-left: 6px; }
    .tour2727.roadToCupPage .knockOutTab .allRounds .roundItem .qualifiedTeams .CheckIn { width: 16px; height: 16px; font-size: 10px }
    .tour2727.roadToCupPage .knockOutTab .allRounds .roundItem .qualifiedTeams .CheckedIn:before { line-height: 18px }
    .tour2727.roadToCupPage .knockOutTab .allRounds .roundItem.right .qualifiedTeams .CheckIn,
    .tour2727.roadToCupPage .knockOutTab .allRounds .roundItem .final.qualifiedTeams .teamData.right .CheckIn { right: 6px; }
    .tour2727.roadToCupPage .knockOutTab .allRounds .roundItem.left .qualifiedTeams .CheckIn,
    .tour2727.roadToCupPage .knockOutTab .allRounds .roundItem .final.qualifiedTeams .teamData.left .CheckIn { left: 6px; }
    .tour2727.roadToCupPage .euroRoadToCup:after { width: 430px; height: 400px }
    .tour2730 .euroPredCnts .FullWidthBK .euroHeader:before { background: url(../../images/EgyptionLeague.png) no-repeat left -11% top 18%; background-size: 36%; width: 100% }
}

@media screen and (min-width:1024px) and (max-width:1151px) {
        .euroMinByMin .minbyminSticky {
    width: 800px;left:calc((100% - 800px) / 2)
}
    .newPred .euroPredCnts .FullWidthBK .euroHeader:before { width: 730px; background: url(../../images/ACN2022/generalPattern.png) no-repeat left -14px bottom -60px; background-size: 100% auto; }
    .tour2727 .euroPredCnts .FullWidthBK .euroHeader:before { width: 650px; background: url(../../images/ACN/ACNpattern.png?ver=0.1) no-repeat left bottom; background-size: 100% auto; }
    .tour2727.roadToCupPage .euroRoadToCup { padding: 60px 10px }
    .tour2727.roadToCupPage .knockOutTab .allRounds .roundItem { width: calc((100% - 140px) / 8); margin-left: 20px }
    /** margin x 7 **/
    .tour2727.roadToCupPage .knockOutTab .allRounds .roundItem.finalRound { width: calc((100% - 60px) / 4) }
    /** margin * 3 **/
    .tour2727.roadToCupPage .knockOutTab .second .teamData:last-child:before,
    .tour2727.roadToCupPage .knockOutTab .second .teamData:first-child:before,
    .tour2727.roadToCupPage .knockOutTab .third .teamData:last-child:before,
    .tour2727.roadToCupPage .knockOutTab .third .teamData:first-child:before { width: 14px }
    .tour2727.roadToCupPage .knockOutTab .allRounds .roundItem .qualifiedTeams .separating { width: calc(100% + 4px); }
    .tour2727.roadToCupPage .knockOutTab .roundItem.right .second .teamData:last-child:before,
    .tour2727.roadToCupPage .knockOutTab .roundItem.right .second .teamData:first-child:before,
    .tour2727.roadToCupPage .knockOutTab .roundItem.right .third .teamData:last-child:before,
    .tour2727.roadToCupPage .knockOutTab .roundItem.right .third .teamData:first-child:before,
    .tour2727.roadToCupPage .knockOutTab .final .teamData:first-child:before { right: -10px }
    .tour2727.roadToCupPage .knockOutTab .roundItem.left .second .teamData:last-child:before,
    .tour2727.roadToCupPage .knockOutTab .roundItem.left .second .teamData:first-child:before,
    .tour2727.roadToCupPage .knockOutTab .roundItem.left .third .teamData:last-child:before,
    .tour2727.roadToCupPage .knockOutTab .roundItem.left .third .teamData:first-child:before { left: -10px }
    .tour2727.roadToCupPage .knockOutTab .final .teamData:last-child:before,
    .tour2727.roadToCupPage .knockOutTab .final .teamData:first-child:before { width: 10px }
    .tour2727.roadToCupPage .knockOutTab .final .teamData:last-child:before { left: -10px }
    .tour2727.roadToCupPage .viewTabContainer { padding: 50px 20px 30px; }
    .tour2727.roadToCupPage .knockOutTab .allRounds .roundItem h3 { font-size: 11px }
    .tour2727.roadToCupPage .knockOutTab .allRounds .roundItem.right .qualifiedTeams .teamData .team,
    .tour2727.roadToCupPage .knockOutTab .allRounds .roundItem .final.qualifiedTeams .teamData.right .team { padding: 12px 28px 12px 6px; }
    .tour2727.roadToCupPage .knockOutTab .allRounds .roundItem.left .qualifiedTeams .teamData .team,
    .tour2727.roadToCupPage .knockOutTab .allRounds .roundItem .final.qualifiedTeams .teamData.left .team { padding: 12px 6px 12px 28px; }
    .tour2727.roadToCupPage .knockOutTab .allRounds .roundItem .qualifiedTeams img { width: 20px; margin-top: 2px; }
    .tour2727.roadToCupPage .knockOutTab .allRounds .roundItem .qualifiedTeams .TeamName { width: calc(100% - 54px); font-size: 10px; }
    .tour2727.roadToCupPage .knockOutTab .allRounds .roundItem.right .qualifiedTeams .TeamName,
    .tour2727.roadToCupPage .knockOutTab .allRounds .roundItem .final.qualifiedTeams .teamData.right .TeamName { right: 48px; padding-right: 6px; }
    .tour2727.roadToCupPage .knockOutTab .allRounds .roundItem.left .qualifiedTeams .TeamName,
    .tour2727.roadToCupPage .knockOutTab .allRounds .roundItem .final.qualifiedTeams .teamData.left .TeamName { left: 48px; padding-left: 6px; }
    .tour2727.roadToCupPage .knockOutTab .allRounds .roundItem .qualifiedTeams .CheckIn { width: 16px; height: 16px; font-size: 10px }
    .tour2727.roadToCupPage .knockOutTab .allRounds .roundItem .qualifiedTeams .CheckedIn:before { line-height: 18px }
    .tour2727.roadToCupPage .knockOutTab .allRounds .roundItem.right .qualifiedTeams .CheckIn,
    .tour2727.roadToCupPage .knockOutTab .allRounds .roundItem .final.qualifiedTeams .teamData.right .CheckIn { right: 6px; }
    .tour2727.roadToCupPage .knockOutTab .allRounds .roundItem.left .qualifiedTeams .CheckIn,
    .tour2727.roadToCupPage .knockOutTab .allRounds .roundItem .final.qualifiedTeams .teamData.left .CheckIn { left: 6px; }
    .tour2727.roadToCupPage .euroRoadToCup:after { width: 430px; height: 400px }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .newPred .pagecnts, .newPred .innerpage, .newsFeed.section { width: 100%;}
    .newPred .euroPredCnts .FullWidthBK .euroHeader:before { width: 730px; background: url(../../images/ACN2022/generalPattern.png) no-repeat left -14px bottom -60px; background-size: 100% auto; }
    .tour2727 .euroPredCnts .FullWidthBK .euroHeader:before { width: 655px; background: url(../../images/ACN/ACNpattern.png?ver=0.1) no-repeat left bottom; background-size: 100% auto; }
    .tour2727.roadToCupPage .euroRoadToCup { padding: 60px 10px }
    .tour2727.roadToCupPage .knockOutTab .allRounds .roundItem h3 { font-size: 10px; height: 52px }
    .tour2727.roadToCupPage .knockOutTab .allRounds .roundItem .qualifiedTeams .teamData .team .QualifierName { font-size: 9px }
    .tour2727.roadToCupPage .knockOutTab .allRounds .roundItem { width: calc((100% - 140px) / 8); margin-left: 20px }
    /** margin x 7 **/
    .tour2727.roadToCupPage .knockOutTab .allRounds .roundItem.finalRound { width: calc((100% - 60px) / 4) }
    /** margin * 3 **/
    .tour2727.roadToCupPage .knockOutTab .second .teamData:last-child:before,
    .tour2727.roadToCupPage .knockOutTab .second .teamData:first-child:before,
    .tour2727.roadToCupPage .knockOutTab .third .teamData:last-child:before,
    .tour2727.roadToCupPage .knockOutTab .third .teamData:first-child:before { width: 14px }
    .tour2727.roadToCupPage .knockOutTab .allRounds .roundItem .qualifiedTeams .separating { width: calc(100% + 4px); }
    .tour2727.roadToCupPage .knockOutTab .roundItem.right .second .teamData:last-child:before,
    .tour2727.roadToCupPage .knockOutTab .roundItem.right .second .teamData:first-child:before,
    .tour2727.roadToCupPage .knockOutTab .roundItem.right .third .teamData:last-child:before,
    .tour2727.roadToCupPage .knockOutTab .roundItem.right .third .teamData:first-child:before,
    .tour2727.roadToCupPage .knockOutTab .final .teamData:first-child:before { right: -10px }
    .tour2727.roadToCupPage .knockOutTab .roundItem.left .second .teamData:last-child:before,
    .tour2727.roadToCupPage .knockOutTab .roundItem.left .second .teamData:first-child:before,
    .tour2727.roadToCupPage .knockOutTab .roundItem.left .third .teamData:last-child:before,
    .tour2727.roadToCupPage .knockOutTab .roundItem.left .third .teamData:first-child:before { left: -10px }
    .tour2727.roadToCupPage .knockOutTab .final .teamData:last-child:before,
    .tour2727.roadToCupPage .knockOutTab .final .teamData:first-child:before { width: 10px }
    .tour2727.roadToCupPage .knockOutTab .final .teamData:last-child:before { left: -10px }
    .tour2727.roadToCupPage .knockOutTab .allRounds .roundItem .cupWinner h3 { padding: 0; font-size: 12px; height: auto; line-height: 1.4; bottom: 22px; }
    .tour2727.roadToCupPage .viewTabContainer { padding: 50px 10px 30px; }
    .tour2727.roadToCupPage .knockOutTab .allRounds .roundItem h3 { font-size: 10px; line-height: 40px }
    .tour2727.roadToCupPage .knockOutTab .allRounds .roundItem:nth-of-type(3) h3,
    .tour2727.roadToCupPage .knockOutTab .allRounds .roundItem:nth-of-type(5) h3 { line-height: normal }
    .tour2727.roadToCupPage .knockOutTab .allRounds .roundItem.right .qualifiedTeams .teamData .team,
    .tour2727.roadToCupPage .knockOutTab .allRounds .roundItem .final.qualifiedTeams .teamData.right .team { padding: 12px 28px 12px 6px; }
    .tour2727.roadToCupPage .knockOutTab .allRounds .roundItem.left .qualifiedTeams .teamData .team,
    .tour2727.roadToCupPage .knockOutTab .allRounds .roundItem .final.qualifiedTeams .teamData.left .team { padding: 12px 6px 12px 28px; }
    .tour2727.roadToCupPage .knockOutTab .allRounds .roundItem .qualifiedTeams img { width: 20px; margin-top: 2px; display: none }
    .tour2727.roadToCupPage .knockOutTab .allRounds .roundItem .cupWinner .winnerHolder img,
    .tour2727.roadToCupPage .knockOutTab .allRounds .roundItem .selectWinner .cupWinner .winnerImg { display: inline-block }
    .tour2727.roadToCupPage .knockOutTab .allRounds .roundItem .qualifiedTeams .TeamName { width: calc(100% - 28px); font-size: 10px; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
    .tour2727.roadToCupPage .knockOutTab .allRounds .roundItem.right .qualifiedTeams .TeamName,
    .tour2727.roadToCupPage .knockOutTab .allRounds .roundItem .final.qualifiedTeams .teamData.right .TeamName { right: 22px; padding-right: 6px; }
    .tour2727.roadToCupPage .knockOutTab .allRounds .roundItem.left .qualifiedTeams .TeamName,
    .tour2727.roadToCupPage .knockOutTab .allRounds .roundItem .final.qualifiedTeams .teamData.left .TeamName { left: 22px; padding-left: 6px; }
    .tour2727.roadToCupPage .knockOutTab .allRounds .roundItem .qualifiedTeams .CheckIn { width: 16px; height: 16px; font-size: 10px }
    .tour2727.roadToCupPage .knockOutTab .allRounds .roundItem .qualifiedTeams .CheckedIn:before { line-height: 18px }
    .tour2727.roadToCupPage .knockOutTab .allRounds .roundItem.right .qualifiedTeams .CheckIn,
    .tour2727.roadToCupPage .knockOutTab .allRounds .roundItem .final.qualifiedTeams .teamData.right .CheckIn { right: 6px; }
    .tour2727.roadToCupPage .knockOutTab .allRounds .roundItem.left .qualifiedTeams .CheckIn,
    .tour2727.roadToCupPage .knockOutTab .allRounds .roundItem .final.qualifiedTeams .teamData.left .CheckIn { left: 6px; }
    .tour2727.roadToCupPage .euroRoadToCup:after { width: 430px; height: 400px }
}

@media screen and (min-width: 320px) and (max-width: 767px) {
    .newPred .euroPredCnts .FullWidthBK .euroHeader:before { width: 290px; background: url(../../images/ACN2022/generalPattern.png) no-repeat left bottom -19px; background-size: 100% auto; }
    .tour2727 .euroPredCnts .FullWidthBK .euroHeader:before { width: 325px; background: url(../../images/ACN/ACNpattern.png?ver=0.1) no-repeat left bottom; background-size: 100% auto; }
    .tour2727.roadToCupPage .euroRoadToCup { padding: 80px 10px }
    .tour2727.roadToCupPage .knockOutTab .allRounds .roundItem h3 { font-size: 11px; height: 38px; margin-bottom: 10px }
    .tour2727.roadToCupPage .knockOutTab .allRounds .roundItem .qualifiedTeams .teamData .team .QualifierName { font-size: 10px }
    .tour2727.roadToCupPage .knockOutTab .allRounds .roundItem { width: 150px; margin-left: 0; padding: 0 10px }
    /** margin x 7 **/
    .tour2727.roadToCupPage .knockOutTab .allRounds .roundItem.finalRound { width: 310px }
    /** margin * 3 **/
    .tour2727.roadToCupPage .knockOutTab .allRounds .roundItem .qualifiedTeams.final:before { height: 170px; top: 80px }
    .tour2727.roadToCupPage .knockOutTab .second .teamData:last-child:before,
    .tour2727.roadToCupPage .knockOutTab .second .teamData:first-child:before,
    .tour2727.roadToCupPage .knockOutTab .third .teamData:last-child:before,
    .tour2727.roadToCupPage .knockOutTab .third .teamData:first-child:before { width: 14px }
    .tour2727.roadToCupPage .knockOutTab .allRounds .roundItem .qualifiedTeams .separating { width: calc(100% + 4px); }
    .tour2727.roadToCupPage .knockOutTab .roundItem.right .second .teamData:last-child:before,
    .tour2727.roadToCupPage .knockOutTab .roundItem.right .second .teamData:first-child:before,
    .tour2727.roadToCupPage .knockOutTab .roundItem.right .third .teamData:last-child:before,
    .tour2727.roadToCupPage .knockOutTab .roundItem.right .third .teamData:first-child:before,
    .tour2727.roadToCupPage .knockOutTab .final .teamData:first-child:before { right: -10px }
    .tour2727.roadToCupPage .knockOutTab .roundItem.left .second .teamData:last-child:before,
    .tour2727.roadToCupPage .knockOutTab .roundItem.left .second .teamData:first-child:before,
    .tour2727.roadToCupPage .knockOutTab .roundItem.left .third .teamData:last-child:before,
    .tour2727.roadToCupPage .knockOutTab .roundItem.left .third .teamData:first-child:before { left: -10px }
    .tour2727.roadToCupPage .knockOutTab .final .teamData:last-child:before,
    .tour2727.roadToCupPage .knockOutTab .final .teamData:first-child:before { width: 10px }
    .tour2727.roadToCupPage .knockOutTab .final .teamData:last-child:before { left: -10px }
    .tour2727.roadToCupPage .knockOutTab .allRounds .roundItem .cupWinner .winnerHolder,
    .tour2727.roadToCupPage .knockOutTab .allRounds .roundItem .cupWinner .winnerImg { bottom: 120px }
    .tour2727.roadToCupPage .knockOutTab .allRounds .roundItem .cupWinner h3 { padding: 0; font-size: 14px; height: auto; bottom: 50px }
    .tour2727.roadToCupPage .knockOutTab .allRounds .roundItem .cupWinner .ShareLogin a { bottom: 0 }
    .tour2727.roadToCupPage .euroRoadToCup:before { background: url(../../Images/ACN2022/rtcPatternBG.svg) center center repeat; background-size: 100%; opacity: 0.1; }
    .tour2727.roadToCupPage .euroRoadToCup:after { width: 300px; height: 280px; opacity: 0.7; left: 40px }
    .tour2727.roadToCupPage .euroRoadToCup .title h1 { padding: 0 70px 0 0; }
    .tour2727.roadToCupPage .euroRoadToCup .breadcrumb li { margin-left: 20px }
    .tour2727.roadToCupPage .euroRoadToCup .breadcrumb li:last-of-type { margin-left: 0 }
    .tour2727.roadToCupPage .euroRoadToCup .breadcrumb li p { font-size: 12px; line-height: 26px }
    .tour2727.roadToCupPage .euroRoadToCup .breadcrumb li span { width: 26px; height: 26px; line-height: 26px }
    .tour2727.roadToCupPage .euroRoadToCup .flickity-button { display: inline-block; top: auto; bottom: -40px }
    .tour2727.roadToCupPage .euroRoadToCup .flickity-button:before { color: #143670 }
    .tour2767.roadToCupPage .euroRoadToCup .groupTaples .ay7aga { width: 280px; padding-left: 16px }
}
/** Ahly Vs. Zamalek Final Match Media **/
@media screen and (min-width:1680px) and (max-width:1919px) {
    .LandingPage.CAF .landingTeam .line a { width: 115px; height: 40px; font-size: 17px; }
    .cafLgFinal .championSponsor .desktop img { width: 100px }
    /*.proPlayer .featuredArea .pattern2 ul li:first-child, .proPlayer .importantPlayer ul li:first-child{height:340px}
    .proPlayer .featuredArea .pattern2 ul li, .proPlayer .importantPlayer ul li{height:calc((341px - 32px) /3)}
    .proPlayer .featuredArea .pattern2 ul li a .imageCntnr, .proPlayer .importantPlayer ul li a .imageCntnr {width:153px}
    .proPlayer .featuredArea .pattern2 li .desc, .proPlayer .importantPlayer li .desc{width:calc(100% - 153px)}
    .proPlayer .featuredArea .pattern2 ul li.video .secName{right:128px}*/
    /*    .proPlayer .featuredArea .pattern2 ul li{width:calc((100% - 132.1px)/ 2)}*/
    .proPlayer .featuredArea .pattern2 ul li.video .secName { right: 141px }
    .proPlayer .featuredArea .pattern2 ul li a .imageCntnr { padding-bottom: calc((166px * 67) / 100); width: 166px; }
    .proPlayer .featuredArea .pattern2 li .desc { width: calc(100% - 166px) }
    .proPlayer .playerInfo .personalInfo ul li:last-child { border-bottom: 0 }
    .proPlayer .importantPlayer ul li:first-child { width: calc(100% - ((100% - 64px)/ 2)) }
    .proPlayer .importantPlayer ul li { width: calc((100% - 96.1px)/ 2) }
    .proPlayer .importantPlayer ul li a .imageCntnr { width: 165px; padding-bottom: calc((165px * 67) / 100) }
    .proPlayer .importantPlayer li .desc { width: calc(100% - 165px) }
    .euroMain .featuredArea .pattern2 ul li:first-child { width: calc(100% - ((100% - 53px)/ 2)) !important }
    .euroMain .featuredArea .pattern2 ul li { width: calc((100% - 85.1px)/ 2) !important; }
    .euroMain .featuredArea .pattern2 ul li a .imageCntnr { padding-bottom: calc((117px * 67) / 100); width: 117px; }
    .euroMain .featuredArea .pattern2 li .desc { width: calc(100% - 117px) }
    .euroMain .featuredArea .pattern2 ul li .desc p { font-size: 14px; max-height: 44px }
    .euroMain .featuredArea .pattern2 ul li:first-child .desc p { font-size: 19px }
    .euroMain .importantPlayer .pattern2 ul li:first-child { width: calc(100% - ((100% - 53px)/ 2)) !important }
    .euroMain .importantPlayer .pattern2 ul li { width: calc((100% - 85.1px)/ 2) !important; }
    .euroMain .importantPlayer .featuredArea .pattern2 ul li a .imageCntnr { padding-bottom: calc((117px * 67) / 100); width: 117px; }
    .euroMain .importantPlayer .featuredArea .pattern2 li .desc { width: calc(100% - 117px) }
    .euroMain .importantPlayer .featuredArea ul li.video .secName, .euroMain .importantPlayer .featuredArea ul li .secName { right: 128px }
    .euroMain .importantPlayer .pattern2 ul li .desc p { font-size: 14px; max-height: 44px }
    .LandingPage.CAF,
    .euroSquad .LandingPage.CAF,
    .chseSqMain.legendsSquad, .chseSqMain.chooseTeam { padding-bottom: 61% }
    .euroSquad .chseTtl { width: calc(100% - 940px); right: 100px; }
    .chseSqMain .allForms { bottom: 110px !important }
    .euroSquadPage .chseSqMain .sponsors { left: 60px }
    .euroInner .articleSocial.euroSocial.fixed { right: 22.3% }
    .euroMain .FullWidthBK .euroHeader { background-position: 122% 71%,6%,38% 110%; background-size: 50%, auto, 28%; }
    .euroInner article .maxWidth { width: 600px; margin: 0 calc((100% - 600px) /2); }
    .euroInner .matchcenter .maxWidth { width: 600px; margin: 0 calc((100% - 600px)/ 2) }
    .tour2694 .euroRoadToCup .title h1 { font-size: 40px }
    .olympicStrip .euroMain .FullWidthBK .euroHeader { background-position: -25%; background-size: 59% }
    /*new gutter*/
    article.videoTemp .pattern1 ul li, article.albumTemp .pattern1 ul li { width: calc((100% - 20.1px) / 2) }
    article.videoTemp .pattern1 ul li:nth-child(3n), article.albumTemp .pattern1 ul li:nth-child(3n) { margin-left: 20px }
    article.videoTemp .pattern1 ul li:nth-child(2n), article.albumTemp .pattern1 ul li:nth-child(2n) { margin-left: 0 }
    .proPlayer .featuredArea .pattern2 ul li:first-child { width: calc(100% - ((100% - 60px) / 2)) }
    .proPlayer .featuredArea .pattern2 ul li { width: calc((100% - 92.1px) / 2); }
    .proPlayer .featuredArea .pattern2 ul li a .imageCntnr { padding-bottom: calc((117px * 67) / 100); width: 117px; }
    .proPlayer .featuredArea .pattern2 li .desc { width: calc(100% - 117px); position: absolute; left: 0; right: auto; padding: 8px 16px; }
    .proPlayer .featuredArea .pattern2 ul li .desc p { font-size: 14px; max-height: 44px; }
    .proPlayer .featuredArea .pattern2 ul li:first-child .desc p { font-size: 19px; }
    .proPlayer .featuredArea .pattern2 ul li.video .secName { right: 92px }
    .proPlayer .featuredArea .pattern2 ul li .desc .date { margin-top: 6px }
    .proPlayer .featuredArea .desc.khas p:before { margin-top: 0 }
    .proPlayer .importantPlayer ul li:first-child { width: calc(100% - ((100% - 83px) / 2)) }
    .proPlayer .importantPlayer ul li { width: calc((100% - 115.1px) / 2); }
    .proPlayer .importantPlayer ul li a .imageCntnr { padding-bottom: calc((117px * 67) / 100); width: 117px; }
    .proPlayer .importantPlayer ul li .desc { width: calc(100% - 117px); position: absolute; left: 0; right: auto; padding: 8px 16px; }
    .proPlayer .importantPlayer ul li .secName,
    .proPlayer .importantPlayer ul li.video .secName { right: 92px; }
    .proPlayer .importantPlayer ul li .desc p { font-size: 14px; max-height: 44px; }
    .proPlayer .importantPlayer ul li:first-child .desc p { font-size: 19px }
    .matchesCenter .toursDropdown, .matchesCenter .matchesNow { width: 120px }
    .cd-gallery li .tv { max-width: 110px }
    .standing .table .wRow .item p { font-size: 13px }
    .standing .table .wRow .item:nth-child(2), .standing .table .ttlRow .itemTtl:nth-child(2) { width: calc(100% - 520px) }
    .standing .table .wRow .item, .standing .table .ttlRow .itemTtl { width: 50px; }
    .euroPredCnts .predictionCnts .accordionItem .matchData .match { width: calc(100% - 370px); }
    .euroPredCnts .predictionCnts .accordionItem .matchData .teamresult.team1 span { margin-right: 10px }
    .euroPredCnts .predictionCnts .accordionItem .matchData .teamresult.team2 span { margin-left: 10px }
    .euroPredCnts .predictionCnts .accordionItem .matchData .teamName { width: calc(100% - 60px); font-size: 12px }
    .euroPredCnts .predictionCnts .matchData .predStatus { width: 80px }
    .euroPredCnts .predictionCnts .matchData .predStatus .status { font-size: 11px; line-height: 2.8; }
    .euroPredCnts .predictionCnts .matchData .predStatus .predTimer { font-size: 13px; margin-right: 4px; line-height: 2.2; }
    .euroPredCnts .item .matchPrediction .team { width: calc((100% - 60px) / 2) }
    .euroPredCnts .item .matchPrediction .team.team1 { padding-left: 50px; }
    .euroPredCnts .item .matchPrediction .team.team2 { padding-right: 50px; }
    .euroPredCnts .item .matchPrediction .dash { width: 60px }
    .euroPredCnts .predictionCnts .saveHint { width: 1100px }
}

@media screen and (min-width:1600px) and (max-width:1679px) {
    .LandingPage.CAF .landingTeam { width: 52% }
    .LandingPage.CAF .landingTeam .line a { width: 115px; height: 40px; font-size: 17px; }
    .cafLgFinal .championSponsor .desktop img { width: 85px; }
    .cafLgFinal .championSponsor .desktop .todo { left: 3% }
    /*.proPlayer .featuredArea .pattern2 ul li:first-child, .proPlayer .importantPlayer ul li:first-child{height:318px}
    .proPlayer .featuredArea .pattern2 ul li, .proPlayer .importantPlayer ul li{height:calc((318px - 32px) /3)}
    .proPlayer .featuredArea .pattern2 ul li a .imageCntnr, .proPlayer .importantPlayer ul li a .imageCntnr{width:140px}
    .proPlayer .featuredArea .pattern2 li .desc, .proPlayer .importantPlayer li .desc{width:calc(100% - 140px)
    .proPlayer .featuredArea .pattern2 ul li.video .secName{right:115px}*/
    .proPlayer .featuredArea .pattern2 ul li a .imageCntnr { padding-bottom: calc((156px * 67) / 100); width: 156px; }
    .proPlayer .featuredArea .pattern2 ul li { width: calc((100% - 85.1px)/ 2) }
    .proPlayer .featuredArea .pattern2 ul li.video .secName { right: 131px }
    .proPlayer .featuredArea .pattern2 li .desc { width: calc(100% - 156px) }
    .proPlayer .importantPlayer ul li:first-child { width: calc(100% - ((100% - 63px)/ 2)) }
    .proPlayer .importantPlayer ul li { width: calc((100% - 95.1px)/ 2) }
    .proPlayer .importantPlayer ul li a .imageCntnr { padding-bottom: calc((154px * 67) / 100); width: 154px; }
    .proPlayer .importantPlayer li .desc { width: calc(100% - 154px) }
    .proPlayer .playerInfo .playerImg { width: 325px; margin-top: 24px }
    .proPlayer .IContainer .infoContainer { width: calc(100% - 520px) }
    .proPlayer .playerInfo .personalInfo ul li { padding: 5px 0 }
    .euroMain .featuredArea .pattern2 ul li a .imageCntnr { padding-bottom: calc((147px * 67) / 100); width: 147px; }
    .euroMain .featuredArea .pattern2 ul li:first-child { width: calc(100% - ((100% - 53px)/ 2)) !important }
    .euroMain .featuredArea .pattern2 ul li { width: calc((100% - 85.1px)/ 2) !important; }
    .euroMain .featuredArea .pattern2 ul li a .imageCntnr { padding-bottom: calc((117px * 67) / 100); width: 117px; }
    .euroMain .featuredArea .pattern2 li .desc { width: calc(100% - 117px) }
    .euroMain .featuredArea .pattern2 ul li .desc p { font-size: 14px; max-height: 44px }
    .euroMain .featuredArea .pattern2 ul li:first-child .desc p { font-size: 19px }
    .euroMain .importantPlayer .featuredArea .pattern2 ul li a .imageCntnr { padding-bottom: calc((142px * 67) / 100); width: 142px; }
    .euroMain .importantPlayer .featuredArea .pattern2 li .desc { width: calc(100% - 142px); }
    .euroMain .importantPlayer .featuredArea ul li.video .secName, .euroMain .importantPlayer .featuredArea ul li .secName { right: 117px }
    .LandingPage.CAF, .euroSquad .LandingPage.CAF, .chseSqMain.legendsSquad, .chseSqMain.chooseTeam { padding-bottom: 53% }
    .euroSquad .chseTtl { width: calc(100% - 940px); right: 100px; height: 416px; padding-top: 140px; }
    .euroSquad .chseTtl:before,
    .euroSquadPage .chseSqMain.chooseTeam:before { width: 102px; height: 120px; background-size: 102px auto; }
    .euroSquad .LandingPage.CAF:before { top: 50px }
    .euroSquad .LandingPage.CAF .landingTeam { width: 584px; left: 100px }
    .euroSquad .LandingPage.CAF .landingTeam li { margin-left: 16px; margin-bottom: 16px }
    .euroSquad .LandingPage.CAF .landingTeam li a { padding: 10px 14px; }
    .euroSquad .LandingPage.CAF .landingTeam li:nth-last-child(-n+6) { margin-bottom: 0; }
    .euroSquad .LandingPage.CAF .landingTeam { left: 100px }
    .euroSquad .LandingPage.CAF .shareGame { right: 100px }
    .chseSqMain .allForms { bottom: 90px !important }
    .euroSquadPage .chseSqMain .sponsors { left: 60px }
    .chseSqMain .col3 .allForms a { line-height: 3.2 !important }
    .euroInner .relatedArticles ul li.item .desc { width: calc(100% - 230px) }
    .euroInner .matchcenter .maxWidth { width: 600px; margin: 0 calc((100% - 600px)/ 2) }
    .RulesMsg .cntnr { height: calc(100% - 80px); top: 65px; transform: translateX(-50%) }
    .euroInner .articleSocial.euroSocial.fixed { right: 20.9% }
    .euroMain .FullWidthBK .euroHeader { background-position: 134% 71%,6%,38% 110%; background-size: 50%, auto, 28%; }
    .euroInner article .maxWidth { width: 600px; margin: 0 calc((100% - 600px) /2); }
    .olympicStrip .euroMain .FullWidthBK .euroHeader { background-position: -22%; background-size: 59%; }
    /*new gutter*/
    article.videoTemp .pattern1 ul li, article.albumTemp .pattern1 ul li { width: calc((100% - 20.1px) / 2) }
    article.videoTemp .pattern1 ul li:nth-child(3n), article.albumTemp .pattern1 ul li:nth-child(3n) { margin-left: 20px }
    article.videoTemp .pattern1 ul li:nth-child(2n), article.albumTemp .pattern1 ul li:nth-child(2n) { margin-left: 0 }
    .proPlayer .featuredArea .pattern2 ul li a .imageCntnr { padding-bottom: calc((147px * 67)/ 100); width: 147px }
    .proPlayer .featuredArea .pattern2 ul li:first-child { width: calc(100% - ((100% - 70px) / 2)) }
    .proPlayer .featuredArea .pattern2 ul li { width: calc((100% - 102.1px) / 2) }
    .proPlayer .featuredArea .pattern2 ul li a .imageCntnr { padding-bottom: calc((117px * 67)/ 100); width: 117px }
    .proPlayer .featuredArea .pattern2 li .desc { width: calc(100% - 117px); position: absolute; left: 0; right: auto; padding: 8px 16px; }
    .proPlayer .featuredArea .pattern2 ul li .desc p { font-size: 14px; max-height: 44px }
    .proPlayer .featuredArea .pattern2 ul li:first-child .desc p { font-size: 19px }
    .proPlayer .featuredArea .pattern2 ul li.video .secName { right: 92px }
    .proPlayer .featuredArea .pattern2 ul li .desc .date { margin-top: 6px }
    .proPlayer .featuredArea .desc.khas p:before { margin-top: 0 }
    .proPlayer .importantPlayer ul li:first-child { width: calc(100% - ((100% - 83px) / 2)) }
    .proPlayer .importantPlayer ul li { width: calc((100% - 115.1px) / 2); }
    .proPlayer .importantPlayer ul li a .imageCntnr { padding-bottom: calc((117px * 67) / 100); width: 117px; }
    .proPlayer .importantPlayer ul li .desc { width: calc(100% - 117px); position: absolute; left: 0; right: auto; padding: 8px 16px; }
    .proPlayer .importantPlayer ul li .secName,
    .proPlayer .importantPlayer ul li.video .secName { right: 92px; }
    .proPlayer .importantPlayer ul li .desc p { font-size: 14px; max-height: 44px; }
    .proPlayer .importantPlayer ul li:first-child .desc p { font-size: 19px }
    .matchesCenter .toursDropdown, .matchesCenter .matchesNow { width: 120px }
    .cd-gallery li .tv { max-width: 110px }
    .standing .table .wRow .item p { font-size: 13px }
    .standing .table .wRow .item:nth-child(2), .standing .table .ttlRow .itemTtl:nth-child(2) { width: calc(100% - 520px) }
    .standing .table .wRow .item, .standing .table .ttlRow .itemTtl { width: 50px; }
    .euroMain .FullWidthBK .euroHeader { background-position: 134% 71%,6%,38% 110%; background-size: 50%, auto, 28%; }
    .euroInner article .maxWidth { width: 600px; margin: 0 calc((100% - 600px) /2); }
    .tour2694 .euroRoadToCup .title h1 { font-size: 40px }
    .euroPredCnts .predictionCnts .accordionItem .matchData .match { width: calc(100% - 370px); }
    .euroPredCnts .predictionCnts .accordionItem .matchData .teamresult.team1 span { margin-right: 10px }
    .euroPredCnts .predictionCnts .accordionItem .matchData .teamresult.team2 span { margin-left: 10px }
    .euroPredCnts .predictionCnts .accordionItem .matchData .teamName { width: calc(100% - 60px); font-size: 12px }
    .euroPredCnts .predictionCnts .matchData .predStatus { width: 80px }
    .euroPredCnts .predictionCnts .matchData .predStatus .status { font-size: 11px; line-height: 2.8; }
    .euroPredCnts .predictionCnts .matchData .predStatus .predTimer { font-size: 13px; margin-right: 4px; line-height: 2.2; }
    .euroPredCnts .item .matchPrediction .team { width: calc((100% - 60px) / 2) }
    .euroPredCnts .item .matchPrediction .team.team1 { padding-left: 50px; }
    .euroPredCnts .item .matchPrediction .team.team2 { padding-right: 50px; }
    .euroPredCnts .item .matchPrediction .dash { width: 60px }
    .euroPredCnts .predictionCnts .saveHint { width: 1100px }
}

@media screen and (min-width:1536px) and (max-width:1599px) {
    .cafLgFinal .wrapper { max-width: 1152px }
    .cafLgFinal section { margin-bottom: 50px }
    .LandingPage.CAF .landingTeam { width: 52% }
    .LandingPage.CAF .landingTeam .line a { width: 105px; height: 38px; font-size: 16px; }
    .cafLgFinal .championSponsor .desktop img { width: 85px; }
    .cafLgFinal .championSponsor .desktop .todo { left: 3% }
    /*.proPlayer .featuredArea .pattern2 ul li:first-child, .proPlayer .importantPlayer ul li:first-child{height:300px}
    .proPlayer .featuredArea .pattern2 ul li, .proPlayer .importantPlayer ul li{height:calc((300px - 32px) /3)}
    .proPlayer .featuredArea .pattern2 ul li a .imageCntnr, .proPlayer .importantPlayer ul li a .imageCntnr{width:132px}
    .proPlayer .featuredArea .pattern2 li .desc, .proPlayer .importantPlayer li .desc{width:calc(100% - 132px)}
    .proPlayer .featuredArea .pattern2 ul li.video .secName{right:107px}*/
    .proPlayer .featuredArea .pattern2 ul li a .imageCntnr { padding-bottom: calc((147px * 67) / 100); width: 147px; }
    .proPlayer .featuredArea .pattern2 li .desc { width: calc(100% - 147px) }
    .proPlayer .featuredArea .pattern2 ul li.video .secName { right: 122px }
    .proPlayer .featuredArea .pattern2 ul li:first-child .desc p, .proPlayer .importantPlayer ul li:first-child .desc p { font-size: 20px; max-height: 72px }
    .proPlayer .importantPlayer ul li a .imageCntnr { padding-bottom: calc((147px * 67) / 100); width: 147px; }
    .proPlayer .importantPlayer li .desc { width: calc(100% - 147px) }
    .proPlayer .IContainer .infoContainer { width: calc(100% - 490px); margin-right: 100px }
    .proPlayer .playerInfo .personalInfo ul { margin-top: 10px }
    .proPlayer .playerInfo .playerImg { width: 330px }
    .euroMain .featuredArea .pattern2 ul li a .imageCntnr { padding-bottom: calc((147px * 67) / 100); width: 147px; }
    .euroMain .featuredArea .pattern2 ul li:first-child { width: calc(100% - ((100% - 53px)/ 2)) !important }
    .euroMain .featuredArea .pattern2 ul li { width: calc((100% - 85.1px)/ 2) !important; }
    .euroMain .featuredArea .pattern2 ul li a .imageCntnr { padding-bottom: calc((117px * 67) / 100); width: 117px; }
    .euroMain .featuredArea .pattern2 li .desc { width: calc(100% - 117px) }
    .euroMain .featuredArea .pattern2 ul li .desc p { font-size: 14px; max-height: 44px }
    .euroMain .featuredArea .pattern2 ul li:first-child .desc p { font-size: 19px }
    .euroMain .remainContent .listing ul li { width: calc((100% - 32.1px)/ 3); }
    .euroMain .remainContent .listing ul li:nth-child(4n) { margin-left: 16px }
    .euroMain .remainContent .listing ul li:nth-child(3n) { margin-left: 0 }
    .euroMain .importantPlayer .featuredArea .pattern2 ul li a .imageCntnr { padding-bottom: calc((133px * 67) / 100); width: 133px; }
    .euroMain .importantPlayer .featuredArea .pattern2 li .desc { width: calc(100% - 133px); }
    .euroMain .importantPlayer .featuredArea ul li.video .secName, .euroMain .importantPlayer .featuredArea ul li .secName { right: 108px }
    .euroPredCnts .item .matchPrediction .team { width: calc((100% - 60px) / 2) }
    .euroPredCnts .item .matchPrediction .team.team1 { padding-left: 50px; }
    .euroPredCnts .item .matchPrediction .team.team2 { padding-right: 50px; }
    .euroPredCnts .item .matchPrediction .dash { width: 60px }
    .LandingPage.CAF, .euroSquad .LandingPage.CAF, .chseSqMain.legendsSquad, .chseSqMain.chooseTeam { padding-bottom: 52% }
    .legends:before { right: 70px; top: 50px; width: 160px; height: 120px; background-size: 160px 120px; }
    .LandingPage.CAF.legends .text { right: 70px; transform: translateY(calc(-50% + 30px)); width: 420px; }
    .LandingPage.CAF.legends .text h1 { font-size: 42px }
    .LandingPage.CAF.legends .text p { font-size: 20px }
    .LandingPage.CAF.legends .text .startSquad { width: 220px; height: 60px; font-size: 20px; line-height: 2.8 }
    .euroSquadPage .shareBtn { right: 70px }
    .euroSquadPage .sponsors { left: 70px }
    .chseSqMain .allForms { bottom: 80px !important }
    .chseSqMain .col3 .allForms a { line-height: 3.2 !important }
    .euroSquad .chseTtl { width: calc(100% - 850px); right: 70px; height: 416px; padding-top: 140px; }
    .euroSquad .chseTtl:before,
    .euroSquadPage .chseSqMain.chooseTeam:before { width: 102px; height: 120px; background-size: 102px auto; }
    .euroSquad .LandingPage.CAF:before { left: 70px }
    .euroSquad .LandingPage.CAF:before { top: 50px }
    .euroSquad .LandingPage.CAF .landingTeam { width: 584px; left: 70px }
    .euroSquad .LandingPage.CAF .landingTeam li { margin-left: 16px; margin-bottom: 16px }
    .euroSquad .LandingPage.CAF .landingTeam li a { padding: 10px 14px; }
    .euroSquad .LandingPage.CAF .landingTeam li:nth-last-child(-n+6) { margin-bottom: 0; }
    .euroInner .relatedArticles ul li.item .desc { width: calc(100% - 200px) }
    .euroInner .matchcenter .maxWidth { width: 600px; margin: 0 calc((100% - 600px)/ 2) }
    .euroInner .articleSocial.euroSocial.fixed { right: 19.6% }
    .euroMain .FullWidthBK .euroHeader { background-position: 134% 71%,6%,38% 110%; background-size: 50%, auto, 28%; }
    .euroInner article .maxWidth { width: 600px; margin: 0 calc((100% - 600px) /2); }
    .RulesMsg .cntnr { height: calc(100% - 80px); top: 65px; transform: translateX(-50%) }
    .RulesMsg .lb-header, .RulesMsg .lb-header h3 { margin-bottom: 10px; height: 54px }
    .RulesMsg ul { width: 600px; margin: 0 calc((100% - 600px) /2) }
    .RulesMsg ul li { margin-bottom: 8px }
    .olympicStrip .euroMain .FullWidthBK .euroHeader { background-position: -26%; background-size: 64%; }
    /*new gutter*/
    article.videoTemp .pattern1 ul li, article.albumTemp .pattern1 ul li { width: calc((100% - 20.1px) / 2) }
    article.videoTemp .pattern1 ul li:nth-child(3n), article.albumTemp .pattern1 ul li:nth-child(3n) { margin-left: 20px }
    article.videoTemp .pattern1 ul li:nth-child(2n), article.albumTemp .pattern1 ul li:nth-child(2n) { margin-left: 0 }
    .proPlayer .featuredArea .pattern2 ul li a .imageCntnr { padding-bottom: calc((147px * 67)/ 100); width: 147px }
    .proPlayer .featuredArea .pattern2 ul li:first-child { width: calc(100% - ((100% - 70px) / 2)) }
    .proPlayer .featuredArea .pattern2 ul li { width: calc((100% - 102.1px) / 2) }
    .proPlayer .featuredArea .pattern2 ul li a .imageCntnr { padding-bottom: calc((117px * 67)/ 100); width: 117px }
    .proPlayer .featuredArea .pattern2 li .desc { width: calc(100% - 117px); position: absolute; left: 0; right: auto; padding: 8px 16px; }
    .proPlayer .featuredArea .pattern2 ul li .desc p { font-size: 14px; max-height: 44px }
    .proPlayer .featuredArea .pattern2 ul li:first-child .desc p { font-size: 19px }
    .proPlayer .featuredArea .pattern2 ul li.video .secName { right: 92px }
    .proPlayer .featuredArea .pattern2 ul li .desc .date { margin-top: 6px }
    .proPlayer .featuredArea .desc.khas p:before { margin-top: 0 }
    .proPlayer .importantPlayer ul li:first-child { width: calc(100% - ((100% - 83px) / 2)) }
    .proPlayer .importantPlayer ul li { width: calc((100% - 115.1px) / 2); }
    .proPlayer .importantPlayer ul li a .imageCntnr { padding-bottom: calc((117px * 67) / 100); width: 117px; }
    .proPlayer .importantPlayer ul li .desc { width: calc(100% - 117px); position: absolute; left: 0; right: auto; padding: 8px 16px; }
    .proPlayer .importantPlayer ul li .secName,
    .proPlayer .importantPlayer ul li.video .secName { right: 92px; }
    .proPlayer .importantPlayer ul li .desc p { font-size: 14px; max-height: 44px; }
    .proPlayer .importantPlayer ul li:first-child .desc p { font-size: 19px }
    .proPlayer .remainContent .listing ul li { width: calc((100% - 32.1px)/ 3) }
    .proPlayer .remainContent .listing ul li:nth-of-type(4n) { margin-left: 16px }
    .proPlayer .remainContent .listing ul li:nth-of-type(3n) { margin-left: 0 }
    .matchesCenter .toursDropdown, .matchesCenter .matchesNow { width: 120px }
    .cd-gallery li .tv { max-width: 110px }
    .standing .table .wRow .item p { font-size: 13px }
    .standing .table .wRow .item:nth-child(2), .standing .table .ttlRow .itemTtl:nth-child(2) { width: calc(100% - 520px) }
    .standing .table .wRow .item, .standing .table .ttlRow .itemTtl { width: 50px; }
    .tour2694 .euroRoadToCup .title h1 { font-size: 40px }
    .euroPredCnts .predictionCnts .accordionItem .matchData .match { width: calc(100% - 370px); }
    .euroPredCnts .predictionCnts .accordionItem .matchData .teamresult.team1 span { margin-right: 10px }
    .euroPredCnts .predictionCnts .accordionItem .matchData .teamresult.team2 span { margin-left: 10px }
    .euroPredCnts .predictionCnts .accordionItem .matchData .teamName { width: calc(100% - 60px); font-size: 12px }
    .euroPredCnts .predictionCnts .matchData .predStatus { width: 80px }
    .euroPredCnts .predictionCnts .matchData .predStatus .status { font-size: 11px; line-height: 2.8; }
    .euroPredCnts .predictionCnts .matchData .predStatus .predTimer { font-size: 13px; margin-right: 4px; line-height: 2.2; }
    .euroPredCnts .predictionCnts .saveHint { width: 1100px }
    /*.newPred .pagecnts { width: 1430px; margin: 0 calc((100% - 1430px) / 2) }*/
}

@media screen and (min-width:1440px) and (max-width:1535px) {
    .cafLgFinal .wrapper { max-width: 1152px }
    .cafLgFinal section { margin-bottom: 50px }
    .LandingPage.CAF .landingTeam { width: 52% }
    .LandingPage.CAF .landingTeam .line a { width: 100px; height: 38px; font-size: 16px; }
    .cafLgFinal .championSponsor .desktop img { width: 85px; }
    .cafLgFinal .championSponsor .desktop .todo { left: 3% }
    /*    .proPlayer .featuredArea .pattern2 ul li:first-child, .proPlayer .importantPlayer ul li:first-child{height:275px}
    .proPlayer .featuredArea .pattern2 ul li:first-child .desc p, .proPlayer .importantPlayer ul li:first-child .desc p{font-size:18px;max-height:64px}
    .proPlayer .featuredArea .pattern2 ul li, .proPlayer .importantPlayer ul li{height:calc((275px - 32px) /3)}
    .proPlayer .featuredArea .pattern2 ul li a .imageCntnr, .proPlayer .importantPlayer ul li a .imageCntnr{width:116px}
    .proPlayer .featuredArea .pattern2 li .desc, .proPlayer .importantPlayer ul li .desc{width:calc(100% - 116px)}
    .proPlayer .featuredArea .pattern2 ul li.video .secName, .proPlayer .importantPlayer ul li.video .secName{right:91px}*/
    .proPlayer .featuredArea .pattern2 ul li:first-child { width: calc(100% - ((100% - 80px)/ 2)) }
    .proPlayer .featuredArea .pattern2 ul li { width: calc((100% - 112.1px)/ 2) }
    .proPlayer .featuredArea .pattern2 ul li a .imageCntnr { padding-bottom: calc((138px * 67) / 100); width: 138px; }
    .proPlayer .featuredArea .pattern2 li .desc { width: calc(100% - 138px) }
    .proPlayer .featuredArea .pattern2 ul li.video .secName { right: 113px }
    .proPlayer .featuredArea .pattern2 ul li .desc p, .proPlayer .importantPlayer ul li .desc p { font-size: 15px; max-height: 48px }
    /*    .proPlayer .featuredArea .pattern2 ul li .desc .date, .proPlayer .importantPlayer ul li .desc .date{margin-bottom:-3px}
*/
    .proPlayer .importantPlayer ul li:first-child { width: calc(100% - ((100% - 72px)/ 2)) }
    .proPlayer .importantPlayer ul li { width: calc((100% - 104.1px)/ 2) }
    .proPlayer .importantPlayer ul li a .imageCntnr { padding-bottom: calc((133px * 67) / 100); width: 133px; }
    .proPlayer .importantPlayer ul li .desc { width: calc(100% - 133px) }
    .proPlayer .playerInfo .personalInfo ul { margin-top: 10px }
    .proPlayer .playerInfo .info h2 { font-size: 28px }
    .proPlayer .playerInfo .info .team img { width: 35px }
    .proPlayer .playerInfo .info .team span { line-height: 2; font-size: 18px }
    .proPlayer .IContainer .infoContainer { width: calc(100% - 448px); margin-right: 80px }
    .proPlayer .playerInfo .number { font-size: 108px }
    .proPlayer .playerInfo .playerImg { margin-right: 48px; width: 320px; margin-top: 15px }
    .euroMain .featuredArea .pattern2 ul li a .imageCntnr { padding-bottom: calc((147px * 67) / 100); width: 147px; }
    .euroMain .featuredArea .pattern2 ul li:first-child { width: calc(100% - ((100% - 53px)/ 2)) !important }
    .euroMain .featuredArea .pattern2 ul li { width: calc((100% - 85.1px)/ 2) !important; }
    .euroMain .featuredArea .pattern2 ul li a .imageCntnr { padding-bottom: calc((117px * 67) / 100); width: 117px; }
    .euroMain .featuredArea .pattern2 li .desc { width: calc(100% - 117px) }
    .euroMain .featuredArea .pattern2 ul li .desc p { font-size: 14px; max-height: 44px }
    .euroMain .featuredArea .pattern2 ul li:first-child .desc p { font-size: 19px }
    .euroMain .remainContent .listing ul li { width: calc((100% - 32.1px)/ 3); }
    .euroMain .remainContent .listing ul li:nth-child(4n) { margin-left: 16px }
    .euroMain .remainContent .listing ul li:nth-child(3n) { margin-left: 0 }
    .euroMain .importantPlayer .featuredArea .pattern2 ul li a .imageCntnr { padding-bottom: calc((119px * 67) / 100); width: 119px; }
    .euroMain .importantPlayer .featuredArea .pattern2 li .desc { width: calc(100% - 119px); }
    .euroMain .importantPlayer .featuredArea ul li.video .secName, .euroMain .importantPlayer .featuredArea ul li .secName { right: 94px }
    .euroPredCnts .item .matchPrediction .team { width: calc((100% - 60px) / 2) }
    .euroPredCnts .item .matchPrediction .team.team1 { padding-left: 50px; }
    .euroPredCnts .item .matchPrediction .team.team2 { padding-right: 50px; }
    .euroPredCnts .item .matchPrediction .dash { width: 60px }
    .LandingPage.CAF, .euroSquad .LandingPage.CAF, .chseSqMain.legendsSquad, .chseSqMain.chooseTeam { padding-bottom: 59% }
    .legends:before { right: 50px; top: 50px; width: 160px; height: 120px; background-size: 160px 120px; }
    .LandingPage.CAF.legends .text { right: 50px; transform: translateY(calc(-50% + 30px)); width: 420px; }
    .LandingPage.CAF.legends .text h1 { font-size: 42px }
    .LandingPage.CAF.legends .text p { font-size: 20px }
    .LandingPage.CAF.legends .text .startSquad { width: 220px; height: 60px; font-size: 20px; line-height: 2.8 }
    .euroSquadPage .shareBtn { right: 50px }
    .euroSquadPage .sponsors { left: 50px }
    .chseSqMain.legends:before { right: 40px }
    .chseSqMain .allForms { bottom: 90px !important }
    .chseSqMain .col3 .allForms a { line-height: 3.2 !important }
    .euroSquadPage .chseSqMain .sponsors { left: 40px }
    .euroSquad .chseTtl { width: calc(100% - 700px); right: 50px; height: 416px; padding-top: 140px; }
    .euroSquad .chseTtl:before,
    .euroSquadPage .chseSqMain.chooseTeam:before { width: 102px; height: 120px; background-size: 102px auto; }
    .euroSquadPage .chseSqMain.chooseTeam:before { right: 40px }
    .euroSquadPage .chseSqMain.chooseTeam:after { left: 40px }
    .euroSquad .LandingPage.CAF:before { left: 50px }
    .euroSquad .LandingPage.CAF:before { top: 50px }
    .euroSquad .LandingPage.CAF .landingTeam { width: 584px; left: 50px }
    .euroSquad .LandingPage.CAF .landingTeam li { margin-left: 16px; margin-bottom: 16px }
    .euroSquad .LandingPage.CAF .landingTeam li a { padding: 10px 14px; }
    .euroSquad .LandingPage.CAF .landingTeam li:nth-last-child(-n+6) { margin-bottom: 0; }
    .euroInner article .maxWidth, .euroInner .articleHeader .artclHdline { width: 600px; margin: 0 calc((100% - 600px) /2) }
    .euroInner .relatedArticles ul li.item .desc { width: calc(100% - 160px) }
    .euroInner .relatedArticles ul li.item a .imageCntnr { width: 130px; padding-bottom: 90px }
    .euroInner .relatedArticles ul li.item a img { height: 90px }
    .euroInner .relatedArticles { height: 126px }
    .euroInner .matchcenter .maxWidth { width: 600px; margin: 0 calc((100% - 600px)/ 2) }
    .euroInner .articleSocial.euroSocial.fixed { right: 17.6% }
    .RulesMsg .cntnr { height: calc(100% - 80px); top: 65px; transform: translateX(-50%) }
    .RulesMsg .lb-header, .RulesMsg .lb-header h3 { margin-bottom: 10px; height: 54px }
    .RulesMsg ul { width: 600px; margin: 0 calc((100% - 600px) /2) }
    .RulesMsg ul li { margin-bottom: 8px }
    .euroMain .FullWidthBK .euroHeader { background-position: 122% 71%,6%,38% 110%; background-size: 50%, 22%, 28%; }
    .olympicStrip .euroMain .FullWidthBK .euroHeader { background-position: -40%; background-size: 69%; }
    .olympicStrip .FullWidthBK .euroHeader img.robotStrip { margin: 12px 70px 0 0 }
    /*new gutter*/
    article.videoTemp .pattern1 ul li, article.albumTemp .pattern1 ul li { width: calc((100% - 20.1px) / 2) }
    article.videoTemp .pattern1 ul li:nth-child(3n), article.albumTemp .pattern1 ul li:nth-child(3n) { margin-left: 20px }
    article.videoTemp .pattern1 ul li:nth-child(2n), article.albumTemp .pattern1 ul li:nth-child(2n) { margin-left: 0 }
    .proPlayer .featuredArea .pattern2 ul li a .imageCntnr { padding-bottom: calc((147px * 67)/ 100); width: 147px }
    .proPlayer .featuredArea .pattern2 ul li:first-child { width: calc(100% - ((100% - 66px) / 2)) }
    .proPlayer .featuredArea .pattern2 ul li { width: calc((100% - 98.1px) / 2) }
    .proPlayer .featuredArea .pattern2 ul li a .imageCntnr { padding-bottom: calc((117px * 67)/ 100); width: 117px }
    .proPlayer .featuredArea .pattern2 li .desc { width: calc(100% - 117px); position: absolute; left: 0; right: auto; padding: 8px 16px; }
    .proPlayer .featuredArea .pattern2 ul li .desc p { font-size: 14px; max-height: 44px }
    .proPlayer .featuredArea .pattern2 ul li:first-child .desc p { font-size: 19px }
    .proPlayer .featuredArea .pattern2 ul li.video .secName { right: 92px }
    .proPlayer .featuredArea .pattern2 ul li .desc .date { margin-top: 6px }
    .proPlayer .featuredArea .desc.khas p:before { margin-top: 0 }
    .proPlayer .importantPlayer ul li:first-child { width: calc(100% - ((100% - 83px) / 2)) }
    .proPlayer .importantPlayer ul li { width: calc((100% - 115.1px) / 2); }
    .proPlayer .importantPlayer ul li a .imageCntnr { padding-bottom: calc((117px * 67) / 100); width: 117px; }
    .proPlayer .importantPlayer ul li .desc { width: calc(100% - 117px); position: absolute; left: 0; right: auto; padding: 8px 16px; }
    .proPlayer .importantPlayer ul li .secName,
    .proPlayer .importantPlayer ul li.video .secName { right: 92px; }
    .proPlayer .importantPlayer ul li .desc p { font-size: 14px; max-height: 44px; }
    .proPlayer .importantPlayer ul li:first-child .desc p { font-size: 19px }
    .proPlayer .remainContent .listing ul li { width: calc((100% - 32.1px)/ 3) }
    .proPlayer .remainContent .listing ul li:nth-of-type(4n) { margin-left: 16px }
    .proPlayer .remainContent .listing ul li:nth-of-type(3n) { margin-left: 0 }
    .matchesCenter .toursDropdown, .matchesCenter .matchesNow { width: 120px }
    .cd-gallery li .tv { max-width: 110px }
    .standing .table .wRow .item p { font-size: 13px }
    .standing .table .wRow .item:nth-child(2), .standing .table .ttlRow .itemTtl:nth-child(2) { width: calc(100% - 520px) }
    .standing .table .wRow .item, .standing .table .ttlRow .itemTtl { width: 50px; }
    .tour2694 .euroRoadToCup .title h1 { font-size: 40px }
    .euroPredCnts .predictionCnts .accordionItem .matchData .match { width: calc(100% - 370px); }
    .euroPredCnts .predictionCnts .accordionItem .matchData .teamresult.team1 span { margin-right: 10px }
    .euroPredCnts .predictionCnts .accordionItem .matchData .teamresult.team2 span { margin-left: 10px }
    .euroPredCnts .predictionCnts .accordionItem .matchData .teamName { width: calc(100% - 60px); font-size: 12px }
    .euroPredCnts .predictionCnts .matchData .predStatus { width: 80px }
    .euroPredCnts .predictionCnts .matchData .predStatus .status { font-size: 11px; line-height: 2.8; }
    .euroPredCnts .predictionCnts .matchData .predStatus .predTimer { font-size: 13px; margin-right: 4px; line-height: 2.2; }
    .euroPredCnts .predictionCnts .saveHint { width: 1100px }
    /*.newPred .pagecnts { width: 1340px; margin: 0 calc((100% - 1340px) / 2) }*/
}
/*@media screen and (min-width:1366px) and (max-width:1439px) {
    .euroMain .featuredArea .pattern2 ul li a .imageCntnr {padding-bottom: calc((114px * 67) / 100);width: 114px;}
    .euroMain .featuredArea .pattern2 li .desc{width:calc(100% - 114px)}
    .euroMain .importantPlayer .featuredArea .pattern2 ul li a .imageCntnr {padding-bottom: calc((109px * 67) / 100);width: 109px;}
    .euroMain .importantPlayer .featuredArea .pattern2 li .desc{width: calc(100% - 109px);}
    .euroMain .importantPlayer .featuredArea ul li.video .secName, .euroMain .importantPlayer .featuredArea ul li .secName{right:84px}
}*/
@media screen and (min-width:1360px) and (max-width:1439px) {
    .cafLgFinal .wrapper { max-width: 1024px }
    .cafLgFinal section { margin-bottom: 50px }
    .ahlyFans.cafLgFinal .votingBtn .second:before { background-size: auto 100%; }
    .zamalekFans.cafLgFinal .votingBtn .second:before { background-size: auto 100%; }
    .LandingPage.CAF .landingTeam { width: 52% }
    .LandingPage.CAF .landingTeam .line a { width: 100px; height: 36px; font-size: 16px; line-height: 2.2 }
    .LandingPage.CAF .aqarLogo { bottom: 45px; right: 45px; }
    .cafLgFinal .championSponsor .desktop img { width: 85px; }
    .cafLgFinal .championSponsor .desktop .todo { left: 3% }
    /*    .proPlayer .featuredArea .pattern2 ul li:first-child, .proPlayer .importantPlayer ul li:first-child{height:250px;}
    .proPlayer .featuredArea .pattern2 ul li, .proPlayer .importantPlayer ul li{height:calc((250px - 32px)/ 3)}
    .proPlayer .featuredArea .pattern2 ul li a .imageCntnr, .proPlayer .importantPlayer ul li a .imageCntnr{padding-bottom:calc((109px * 67)/ 100);width:109px;float:right}
    .proPlayer .featuredArea .pattern2 li .desc, .proPlayer .importantPlayer ul li .desc{width:calc(100% - 109px);padding:6px 15px}
    .proPlayer .featuredArea .pattern2 ul li.video .secName, .proPlayer .importantPlayer ul li.video .secName{right:84px}*/
    .proPlayer .featuredArea .pattern2 ul li:first-child { width: calc(100% - ((100% - 80px)/ 2)) }
    .proPlayer .featuredArea .pattern2 ul li { width: calc((100% - 112.1px)/ 2) }
    .proPlayer .featuredArea .pattern2 ul li a .imageCntnr { padding-bottom: calc((127px * 67) / 100); width: 127px; }
    .proPlayer .featuredArea .pattern2 li .desc { width: calc(100% - 127px); height: 84px; }
    .proPlayer .featuredArea .pattern2 ul li.video .secName { right: 101px }
    .proPlayer .importantPlayer ul li:first-child { width: calc(100% - ((100% - 80px)/ 2)); }
    .proPlayer .importantPlayer ul li { width: calc((100% - 112.1px)/ 2); }
    .proPlayer .importantPlayer ul li a .imageCntnr { padding-bottom: calc((124px * 67) / 100); width: 124px; }
    .proPlayer .importantPlayer li .desc { width: calc(100% - 124px); height: 84px; }
    .proPlayer .featuredArea .pattern2 ul li:first-child.video .secName, .proPlayer .importantPlayer ul li:first-child.video .secName,
    .proPlayer .featuredArea .pattern2 ul li:first-child.video .secName .icon, .proPlayer .importantPlayer ul li:first-child.video .secName .icon { width: 55px; height: 35px }
    .proPlayer .featuredArea .pattern2 ul li:first-child .desc p, .proPlayer .importantPlayer ul li:first-child .desc p { font-size: 19px; line-height: 1.4; max-height: 56px }
    .proPlayer .featuredArea .pattern2 ul li .desc p, .proPlayer .importantPlayer ul li .desc p { font-size: 15px; margin-bottom: 6px; max-height: 48px }
    .proPlayer .featuredArea .pattern2 ul li .desc .date, .proPlayer .importantPlayer ul li .desc .date { font-size: 10px; position: absolute; right: 15px; bottom: 3px; }
    .proPlayer .playerInfo .playerImg { width: 300px; margin-right: 48px; margin-top: 20px }
    .proPlayer .playerInfo .personalInfo ul { margin-top: 0 }
    .proPlayer .playerInfo .info h2 { font-size: 26px }
    .proPlayer .playerInfo .info .team img { width: 35px }
    .proPlayer .playerInfo .info .team span { line-height: 2; font-size: 18px }
    .proPlayer .IContainer .infoContainer { width: calc(100% - 408px); margin-right: 60px }
    .proPlayer .playerInfo .number { font-size: 90px; top: 28px }
    .euroMain .featuredArea .pattern2 ul li a .imageCntnr { padding-bottom: calc((147px * 67) / 100); width: 147px; }
    .euroMain .featuredArea .pattern2 ul li:first-child { width: calc(100% - ((100% - 53px)/ 2)) !important }
    .euroMain .featuredArea .pattern2 ul li { width: calc((100% - 85.1px)/ 2) !important; }
    .euroMain .featuredArea .pattern2 ul li a .imageCntnr { padding-bottom: calc((117px * 67) / 100); width: 117px; }
    .euroMain .featuredArea .pattern2 li .desc { width: calc(100% - 117px) }
    .euroMain .featuredArea .pattern2 ul li .desc p { font-size: 14px; max-height: 44px }
    .euroMain .featuredArea .pattern2 ul li:first-child .desc p { font-size: 19px }
    .euroMain .remainContent .listing ul li { width: calc((100% - 32.1px)/ 3); }
    .euroMain .remainContent .listing ul li:nth-child(4n) { margin-left: 16px }
    .euroMain .remainContent .listing ul li:nth-child(3n) { margin-left: 0 }
    .euroMain .importantPlayer .featuredArea .pattern2 ul li a .imageCntnr { padding-bottom: calc((108px * 67) / 100); width: 108px; }
    .euroMain .importantPlayer .featuredArea .pattern2 li .desc { width: calc(100% - 108px); }
    .euroMain .importantPlayer .featuredArea ul li.video .secName, .euroMain .importantPlayer .featuredArea ul li .secName { right: 83px }
    .euroPredCnts .predictionCnts .accordionItem .matchData .match { width: calc(100% - 370px); }
    .euroPredCnts .predictionCnts .accordionItem .matchData .teamresult.team1 span { margin-right: 10px }
    .euroPredCnts .predictionCnts .accordionItem .matchData .teamresult.team2 span { margin-left: 10px }
    .euroPredCnts .predictionCnts .accordionItem .matchData .teamName { width: calc(100% - 60px); font-size: 12px }
    .euroPredCnts .item .matchPrediction .team { width: calc((100% - 60px) / 2) }
    .euroPredCnts .item .matchPrediction .team.team1 { padding-left: 50px; }
    .euroPredCnts .item .matchPrediction .team.team2 { padding-right: 50px; }
    .euroPredCnts .item .matchPrediction .dash { width: 60px }
    .euroPredCnts .predictionCnts .matchData .predStatus { width: 80px }
    .euroPredCnts .predictionCnts .matchData .predStatus .status { font-size: 11px; line-height: 2.8; }
    .euroPredCnts .predictionCnts .matchData .predStatus .predTimer { font-size: 13px; margin-right: 4px; line-height: 2.2; }
    .LandingPage.CAF, .euroSquad .LandingPage.CAF, .chseSqMain.legendsSquad, .chseSqMain.chooseTeam { padding-bottom: 51% }
    .legends:before { right: 40px; top: 30px; width: 160px; height: 120px; background-size: 160px 120px; }
    .LandingPage.CAF.legends .text { right: 40px; transform: translateY(calc(-50% + 30px)); width: 420px; }
    .LandingPage.CAF.legends .text h1 { font-size: 42px; margin-bottom: 10px; }
    .LandingPage.CAF.legends .text p { font-size: 20px }
    .LandingPage.CAF.legends .text .startSquad { width: 220px; height: 60px; font-size: 20px; line-height: 2.8 }
    .euroSquadPage .shareBtn { right: 50px; bottom: 30px }
    .euroSquadPage .sponsors { bottom: 30px; left: 50px }
    .chseSqMain.legends:before { width: 120px; height: 90px; background-size: 120px 90px; right: 40px }
    .euroSquadPage .chseSqMain .sponsors { left: 40px }
    .euroSquadPage .chseSqMain .sponsors a img { height: 34px; }
    .chseSqMain .allForms { bottom: 70px !important }
    .chseSqMain .col3 .allForms a { line-height: 2.6 !important }
    .euroSquad .chseTtl { width: calc(100% - 700px); right: 50px; height: 368px; padding-top: 140px; }
    .euroSquad .chseTtl h1 { font-size: 38px }
    .euroSquad .chseTtl p { width: 290px; font-size: 20px; }
    .euroSquad .chseTtl:before,
    .euroSquadPage .chseSqMain.chooseTeam:before { width: 102px; height: 120px; background-size: 102px auto }
    .euroSquadPage .chseSqMain.chooseTeam:before { right: 40px }
    .euroSquadPage .chseSqMain.chooseTeam:after { left: 40px }
    .euroSquad .LandingPage.CAF:before { left: 50px; top: 40px; width: 94px; height: 40px; background-size: 94px auto }
    .euroSquad .LandingPage.CAF .landingTeam { width: 480px; left: 50px }
    .euroSquad .LandingPage.CAF .landingTeam li { margin-left: 12px; margin-bottom: 12px; width: 70px }
    .euroSquad .LandingPage.CAF .landingTeam li a { padding: 10px }
    .euroSquad .LandingPage.CAF .landingTeam li:nth-last-child(-n+6) { margin-bottom: 0; }
    .euroSquad .LandingPage.CAF .landingTeam li .imgCntnr { margin-bottom: 16px }
    .euroSquad .LandingPage.CAF .landingTeam li p { font-size: 13px }
    .euroSquadPage .shareBtn a.faceShare,
    .euroSquadPage .shareBtn a.twShare { font-size: 26px }
    .euroInner article .maxWidth, .euroInner .articleHeader .artclHdline { width: 600px; margin: 0 calc((100% - 600px) /2) }
    .euroInner .relatedArticles ul li.item .desc { width: calc(100% - 160px) }
    .euroInner .relatedArticles ul li.item a .imageCntnr { width: 130px; padding-bottom: 90px }
    .euroInner .relatedArticles ul li.item a img { height: 90px }
    .euroInner .relatedArticles { height: 126px }
    .euroInner .articleHeader .articleInfo .articleAuthor { width: auto }
    .euroInner .articleHeader .articleInfo { height: auto }
    .fanZone .cntnr { width: 100%; padding: 40px; margin: 0 }
    .fanZone ul li.bigWidth { width: 390px }
    .fanZone ul li { width: 315px; margin-bottom: 30px }
    .euroInner .matchcenter .maxWidth { width: 600px; margin: 0 calc((100% - 600px) /2) }
    .login-box.signUpActive.error, .login-box.loginActive.error { margin-top: 20px }
    .RulesMsg .cntnr { height: calc(100% - 80px); top: 65px; transform: translateX(-50%); }
    .RulesMsg .rulesItems { overflow-x: hidden !important; overflow-y: scroll !important; height: 478px }
    .RulesMsg .lb-header { margin-bottom: 10px }
    .euroRoadToCup { padding: 64px 32px }
    .euroRoadToCup .groupTaples .group { width: calc((100% - 32px) / 3); margin-left: 16px; margin-bottom: 16px; }
    .euroRoadToCup .groupTaples .GroupTeams { width: 278px; margin: 10px calc((100% - 278px) / 2) 20px }
    .euroRoadToCup .groupTaples .GroupTeams li { margin-left: 26px }
    .tour2694 .euroRoadToCup { padding: 64px }
    .tour2694 .euroRoadToCup .groupTaples .group { width: calc((100% - 32px) / 2); margin-left: 32px; margin-bottom: 32px; }
    .tour2694 .euroRoadToCup .groupTaples .GroupTeams { width: 296px; margin: 10px calc((100% - 296px) / 2) 20px }
    .tour2694 .euroRoadToCup .groupTaples .GroupTeams li { margin-left: 32px }
    .tour2694 .euroRoadToCup .groupTaples .GroupTeams li:last-of-type { margin-left: 0 }
    .euroQuizCnts .getReadyTimer p,
    .euroQuizCnts .resultDiv p { font-size: 30px; margin-bottom: 24px; }
    .euroInner .articleSocial.euroSocial.fixed { right: 15.7% }
    .euroMain .FullWidthBK .euroHeader { background-position: 122% 71%,6% 92%,34% 105%; background-size: 50%,25%,26%; }
    .olympicStrip .euroMain .FullWidthBK .euroHeader { background-size: 73%; background-position: -45%; }
    .olympicStrip .FullWidthBK .euroHeader img.robotStrip { margin: 12px 30px 0 0 }
    .olympicStrip .FullWidthBK .euroHeader .textStrip { margin-right: 20px }
    /*new gutter*/
    .featuredArea .desc p { font-size: 14px }
    .featuredArea ul li:first-child .desc p { font-size: 19px }
    article.videoTemp .pattern1 ul li, article.albumTemp .pattern1 ul li { width: calc((100% - 20.1px) / 2) }
    article.videoTemp .pattern1 ul li:nth-child(3n), article.albumTemp .pattern1 ul li:nth-child(3n) { margin-left: 20px }
    article.videoTemp .pattern1 ul li:nth-child(2n), article.albumTemp .pattern1 ul li:nth-child(2n) { margin-left: 0 }
    .proPlayer .featuredArea .pattern2 ul li a .imageCntnr { padding-bottom: calc((147px * 67)/ 100); width: 147px }
    .proPlayer .featuredArea .pattern2 ul li:first-child { width: calc(100% - ((100% - 66px) / 2)) }
    .proPlayer .featuredArea .pattern2 ul li { width: calc((100% - 98.1px) / 2) }
    .proPlayer .featuredArea .pattern2 ul li a .imageCntnr { padding-bottom: calc((117px * 67)/ 100); width: 117px }
    .proPlayer .featuredArea .pattern2 li .desc { width: calc(100% - 117px); position: absolute; left: 0; right: auto; padding: 8px 16px; }
    .proPlayer .featuredArea .pattern2 ul li .desc p { font-size: 14px; max-height: 44px }
    .proPlayer .featuredArea .pattern2 ul li:first-child .desc p { font-size: 19px }
    .proPlayer .featuredArea .pattern2 ul li.video .secName { right: 92px }
    .proPlayer .featuredArea .pattern2 ul li .desc .date { margin-top: 6px }
    .proPlayer .featuredArea .desc.khas p:before { margin-top: 0 }
    .proPlayer .importantPlayer ul li:first-child { width: calc(100% - ((100% - 83px) / 2)) }
    .proPlayer .importantPlayer ul li { width: calc((100% - 115.1px) / 2); }
    .proPlayer .importantPlayer ul li a .imageCntnr { padding-bottom: calc((117px * 67) / 100); width: 117px; }
    .proPlayer .importantPlayer ul li .desc { width: calc(100% - 117px); position: absolute; left: 0; right: auto; padding: 8px 16px; }
    .proPlayer .importantPlayer ul li .secName,
    .proPlayer .importantPlayer ul li.video .secName { right: 92px; }
    .proPlayer .importantPlayer ul li .desc p { font-size: 14px; max-height: 44px; }
    .proPlayer .importantPlayer ul li:first-child .desc p { font-size: 19px }
    .proPlayer .remainContent .listing ul li { width: calc((100% - 32.1px)/ 3) }
    .proPlayer .remainContent .listing ul li:nth-of-type(4n) { margin-left: 16px }
    .proPlayer .remainContent .listing ul li:nth-of-type(3n) { margin-left: 0 }
    .matchesCenter .toursDropdown, .matchesCenter .matchesNow { width: 120px }
    .cd-gallery li .tv { max-width: 110px }
    .tour2694 .euroRoadToCup .title h1 { font-size: 40px }
    .euroPredCnts .predictionCnts .saveHint { width: 1100px }
    /*.newPred .pagecnts { width: 1260px; margin: 0 calc((100% - 1260px) / 2) }*/
    /*.newPred .prediction{padding:50px 70px}*/
    .newPred .proPlayer .title .leagueSetting a { padding: 0 20px; height: 40px }
    .newPred .proPlayer .title .leagueSetting a .cont p, .newPred .proPlayer .title .leagueSetting a .cont span:before { line-height: 40px !important }
}

@media screen and (min-width:1280px) and (max-width:1359px) {
    .cafLgFinal .wrapper { max-width: 1024px }
    .cafLgFinal section { margin-bottom: 50px }
    .cafLgFinal .listing ul li { border: none; width: calc((100% - 32.1px) / 3) }
    .ahlyFans.cafLgFinal .votingBtn .second:before { background-size: auto 100%; }
    .zamalekFans.cafLgFinal .votingBtn .second:before { background-size: auto 100%; }
    .LandingPage.CAF .landingTeam { width: 52% }
    .LandingPage.CAF .landingTeam .line a { width: 90px; height: 34px; font-size: 15px; line-height: 2.2; }
    .LandingPage.CAF .aqarLogo { bottom: 45px; right: 45px; }
    .cafLgFinal .championSponsor .desktop img { width: 85px; }
    .cafLgFinal .championSponsor .desktop .todo { left: 3% }
    .proPlayer .FullWidthBK h1 { font-size: 52px }
    .proPlayer .featuredArea .pattern2 ul li:first-child, .proPlayer .importantPlayer ul li:first-child { width: 100%; height: auto; margin-bottom: 16px }
    .proPlayer .featuredArea .pattern2 ul li, .proPlayer .importantPlayer ul li { width: 100%; height: 100px }
    .proPlayer .featuredArea .pattern2 ul li a .imageCntnr, .proPlayer .importantPlayer ul li a .imageCntnr { padding-bottom: calc((150px * 67)/ 100); width: 150px; float: right }
    .proPlayer .featuredArea .pattern2 li .desc, .proPlayer .importantPlayer ul li .desc { width: calc(100% - 150px) }
    .proPlayer .featuredArea .pattern2 ul li.video .secName, .proPlayer .importantPlayer ul li.video .secName { right: 125px }
    .proPlayer .featuredArea .pattern2 ul li .desc .date, .proPlayer .importantPlayer ul li .desc .date { position: absolute; right: 15px; bottom: 5px }
    .proPlayer .featuredArea .pattern2 ul li:first-child .desc .date, .proPlayer .importantPlayer ul li:first-child .desc .date { margin-bottom: 0 }
    .proPlayer .remainContent .listing ul li { width: calc((100% - 16.1px) / 2) }
    .proPlayer .remainContent .listing ul li:nth-of-type(4n) { margin-left: 16px }
    .proPlayer .remainContent .listing ul li:nth-of-type(2n) { margin-left: 0 }
    .proPlayer .playerInfo .playerImg { width: 300px; margin-right: 33px; margin-top: 20px; }
    .proPlayer .playerInfo .personalInfo ul { margin-top: 0 }
    .proPlayer .playerInfo .info h2 { font-size: 26px }
    .proPlayer .playerInfo .info .team img { width: 35px }
    .proPlayer .playerInfo .info .team span { line-height: 2; font-size: 18px }
    .proPlayer .IContainer .infoContainer { width: calc(100% - 383px); margin-right: 50px }
    .proPlayer .playerInfo .number { font-size: 90px; top: 32px }
    .proPlayer .remainContent .Pcnt ul li:first-child { margin-right: 16px }
    .euroMain .FullWidthBK h1 { font-size: 48px }
    .euroMain .featuredArea .pattern2 ul li:first-child, .euroMain .importantPlayer ul li:first-child { width: 100% !important }
    .euroMain .featuredArea .pattern2 ul li, .euroMain .importantPlayer ul li { width: 100% !important }
    .euroMain .featuredArea .pattern2 li .desc { padding: 4px 10px; }
    .euroMain .importantPlayer .featuredArea .pattern2 ul li a .imageCntnr { padding-bottom: calc((150px * 67) / 100); width: 150px; }
    .euroMain .importantPlayer .featuredArea .pattern2 li .desc { width: calc(100% - 150px); }
    .euroMain .importantPlayer .featuredArea ul li.video .secName, .euroMain .importantPlayer .featuredArea ul li .secName { right: 125px }
    .euroMain .featuredArea .pattern2 ul li .desc .date { right: 10px }
    .euroPredCnts .predHint, .euroRoadToCup .predHint { padding: 20px 10px; min-height: 100% }
    .euroPredCnts .predHint .hintMsg h3, .euroRoadToCup .predHint .hintMsg h3 { font-size: 18px; line-height: 1.8; text-align: center }
    .euroPredCnts .predHint .hintMsg p, .euroRoadToCup .predHint .hintMsg p { text-align: center; margin: 20px 0 30px; font-size: 12px; }
    .euroPredCnts .predHint .regBtn, .euroRoadToCup .predHint .regBtn { position: relative; bottom: 0; left: 0; width: 100%; height: 40px; display: inline-block; line-height: 3.0; font-size: 14px; }
    .euroPredCnts .predictionCnts .tourTitle { padding: 0 10px }
    .euroPredCnts .predictionCnts .tourTitle .shape { width: 14px; height: 14px; margin-top: 18px; }
    .euroPredCnts .predictionCnts .tourTitle h3 { width: calc(100% - 18px); font-size: 14px; line-height: 3.6; padding-right: 10px; }
    .euroPredCnts .predictionCnts .tourTitle h3 span { font-size: 11px; }
    .euroPredCnts .predictionCnts .tourTitle .jokerCount { left: 10px }
    .euroPredCnts .predictionCnts .tourTitle .jokerCount .icon-joker:before { font-size: 14px }
    .euroPredCnts .predictionCnts .tourTitle .jokerCount p { font-size: 12px; line-height: 1.4 }
    .euroPredCnts .predictionCnts .tourTitle .jokerCount p span { font-size: 16px }
    .euroPredCnts .predictionCnts .accordionItem .matchData { height: 110px; padding: 0 10px; }
    .euroPredCnts .predictionCnts .accordionItem .matchData .date p { line-height: 4.2; margin-left: 10px; font-size: 11px;  }
    .euroPredCnts .predictionCnts .accordionItem .matchData .date p.day { width: auto }
    .euroPredCnts .predictionCnts .accordionItem .matchData .teamName { font-size: 11px; width: auto; text-align: center; line-height: 1.8; }
    .euroPredCnts .predictionCnts .accordionItem .matchData .teamresult.team1 .teamName { position: absolute; left: 54px; top: 50%; transform: translateY(-50%); text-align: left; padding-right: 10px }
    .euroPredCnts .predictionCnts .accordionItem .matchData .teamresult.team2 .teamName { position: absolute; right: 54px; top: 50%; transform: translateY(-50%); text-align: right; padding-left: 10px }
    .euroPredCnts .predictionCnts .accordionItem .matchData .match { width: 100%; top: auto; left: 0; transform: none; bottom: 10px; }
    .euroPredCnts .predictionCnts .accordionItem .matchData a { display: inline-block; width: calc(100% - 30px) }
    .euroPredCnts .predictionCnts .accordionItem .matchData .teamresult img { margin: 4px calc((100% - 20px) / 2) 2px; }
    .euroPredCnts .predictionCnts .accordionItem .matchData .teamresult.team1 img { margin: 0; margin-right: 10px; position: absolute; left: 24px; top: 50%; transform: translateY(-50%) }
    .euroPredCnts .predictionCnts .accordionItem .matchData .teamresult.team2 img { margin: 0; margin-left: 10px; position: absolute; right: 24px; top: 50%; transform: translateY(-50%) }
    .euroPredCnts .predictionCnts .accordionItem .matchData .teamresult.team1 span { margin-right: 4px }
    .euroPredCnts .predictionCnts .accordionItem .matchData .teamresult.team2 span { margin-left: 4px }
    .euroPredCnts .predictionCnts .matchData .predStatus { width: 70px; left: 40px; top: 10px; transform: none; height: 22px; }
    .euroPredCnts .predictionCnts .matchData .predStatus .status { font-size: 10px; line-height: 2.2; }
    .euroPredCnts .predictionCnts .matchData .predStatus .predTimer { font-size: 12px; margin-right: 2px; line-height: 1.8; }
    .euroPredCnts .predictionCnts .accordionItem .matchData .teamresult { height: 52px; position: relative }
    .euroPredCnts .predictionCnts .matchData span.icon-plus { left: 10px; top: 10px; transform: none }
    .euroPredCnts .predictionCnts .matchData span.icon-plus::before, .euroPredCnts .predictionCnts .matchData span.icon-plus::after { width: 10px }
    .euroPredCnts .predictionCnts .matchData span.icon-plus::after { left: 6px }
    .euroPredCnts .predictionCnts .accordionItem.open .matchData span.icon-plus { -webkit-transform: rotateX(180deg); -moz-transform: rotateX(180deg); -ms-transform: rotateX(180deg); -o-transform: rotateX(180deg); transform: rotateX(180deg); }
    .euroPredCnts .item .matchPrediction .team { width: calc((100% - 50px) / 2) }
    .euroPredCnts .item .matchPrediction .team.team1 { padding-left: 50px; }
    .euroPredCnts .item .matchPrediction .team.team2 { padding-right: 50px; }
    .euroPredCnts .item .matchPrediction .teamName, .euroPredCnts .item .matchPrediction .teamScoring p { font-size: 11px; width: 100%; text-align: center; line-height: 2; }
    .euroPredCnts .item .matchPrediction .dash { width: 50px; }
    .euroPredCnts .predictionCnts .accordionItem .matchData .predStatus .status p.points { line-height: 20px }
    .euroPredCnts .predictionCnts .accordionItem .matchData .teamName { font-size: 11px; width: auto; text-align: center; line-height: 1.8; }
    .euroPredCnts .predictionCnts .accordionItem .matchData .teamresult.team1 .teamName { position: absolute; left: 54px; top: 50%; transform: translateY(-50%); text-align: left; padding-right: 10px }
    .euroPredCnts .predictionCnts .accordionItem .matchData .teamresult.team2 .teamName { position: absolute; right: 54px; top: 50%; transform: translateY(-50%); text-align: right; padding-left: 10px }
    .euroPredCnts .predictionCnts .accordionItem .matchData .match { width: 100%; top: auto; left: 0; transform: none; bottom: 10px; }
    .euroPredCnts .predictionCnts .accordionItem .matchData a { display: inline-block; width: calc(100% - 30px) }
    .euroPredCnts .predictionCnts .accordionItem .matchData .teamresult img { margin: 4px calc((100% - 20px) / 2) 2px; }
    .euroPredCnts .predictionCnts .accordionItem .matchData .teamresult.team1 img { margin: 0; margin-right: 10px; position: absolute; left: 24px; top: 50%; transform: translateY(-50%) }
    .euroPredCnts .predictionCnts .accordionItem .matchData .teamresult.team2 img { margin: 0; margin-left: 10px; position: absolute; right: 24px; top: 50%; transform: translateY(-50%) }
    .euroPredCnts .predictionCnts .accordionItem .matchData .teamresult.team1 span { margin-right: 4px }
    .euroPredCnts .predictionCnts .accordionItem .matchData .teamresult.team2 span { margin-left: 4px }
    .euroPredCnts .item .matchPrediction form, .euroPredCnts .item .matchPrediction .value-button { width: 30px }
    .euroPredCnts .item .matchPrediction input.number { width: 30px; height: 30px; font-size: 18px; }
    .euroPredCnts .predictionCnts .accordionItem .accContent .predItem { padding: 10px }
    .euroPredCnts .predictionCnts .accordionItem .accContent .predItem .item { width: 100%; margin-left: 0; margin-bottom: 16px; height: 152px }
    .euroPredCnts .predictionCnts .accordionItem .accContent .predItem .item:last-of-type { margin-bottom: 0 }
    .euroPredCnts .predictionCnts .accordionItem .accContent .predItem .item .predMatchTitle { height: 34px }
    .euroPredCnts .predictionCnts .accordionItem .accContent .predItem .item .predMatchTitle h3 { font-size: 13px; line-height: 2.6 }
    .euroPredCnts .predMatchTitle .predJoker { width: 22px; height: 22px }
    .euroPredCnts .predMatchTitle .predJoker input[type="checkbox"] + label { font-size: 16px }
    .euroPredCnts .predMatchTitle .predJoker input[type="checkbox"] + label .icon-joker:before { left: 4px }
    .LandingPage.CAF, .euroSquad .LandingPage.CAF, .chseSqMain.legendsSquad, .chseSqMain.chooseTeam { padding-bottom: 57% }
    .legends:before { right: 40px; top: 30px; width: 160px; height: 120px; background-size: 160px 120px; }
    .LandingPage.CAF.legends .text { right: 40px; transform: translateY(calc(-50% + 30px)); width: 420px; }
    .LandingPage.CAF.legends .text h1 { font-size: 42px; margin-bottom: 10px; }
    .LandingPage.CAF.legends .text p { font-size: 20px }
    .LandingPage.CAF.legends .text .startSquad { width: 220px; height: 60px; font-size: 20px; line-height: 2.8 }
    .euroSquadPage .shareBtn { right: 50px; bottom: 30px }
    .euroSquadPage .sponsors { bottom: 30px; left: 50px }
    .chseSqMain.legends:before { width: 120px; height: 90px; background-size: 120px 90px; right: 40px }
    .euroSquadPage .chseSqMain .sponsors { left: 40px }
    .euroSquadPage .chseSqMain .sponsors a img { height: 34px; }
    .chseSqMain .allForms { bottom: 70px !important }
    .chseSqMain .col3 .allForms a { line-height: 2.6 !important }
    .euroSquad .chseTtl { width: calc(100% - 700px); right: 50px; height: 368px; padding-top: 140px; }
    .euroSquad .chseTtl h1 { font-size: 38px }
    .euroSquad .chseTtl p { width: 290px; font-size: 20px; }
    .euroSquad .chseTtl:before,
    .euroSquadPage .chseSqMain.chooseTeam:before { width: 102px; height: 120px; background-size: 102px auto }
    .euroSquadPage .chseSqMain.chooseTeam:before { right: 40px }
    .euroSquadPage .chseSqMain.chooseTeam:after { left: 40px }
    .euroSquad .LandingPage.CAF:before { left: 50px; top: 40px; width: 94px; height: 40px; background-size: 94px auto }
    .euroSquad .LandingPage.CAF .landingTeam { width: 480px; left: 50px }
    .euroSquad .LandingPage.CAF .landingTeam li { margin-left: 12px; margin-bottom: 12px; width: 70px }
    .euroSquad .LandingPage.CAF .landingTeam li a { padding: 10px }
    .euroSquad .LandingPage.CAF .landingTeam li:nth-last-child(-n+6) { margin-bottom: 0; }
    .euroSquad .LandingPage.CAF .landingTeam li .imgCntnr { margin-bottom: 16px }
    .euroSquad .LandingPage.CAF .landingTeam li p { font-size: 13px }
    .euroSquadPage .shareBtn a.faceShare,
    .euroSquadPage .shareBtn a.twShare { font-size: 26px }
    .euroInner article .maxWidth, .euroInner .articleHeader .artclHdline { width: 100%; margin: 0 }
    .euroInner .relatedArticles ul li.item { width: 180px; height: auto }
    .euroInner .relatedArticles ul li.item .desc { width: 180px; padding: 0 }
    .euroInner .articleHeader .articleInfo .articleAuthor { width: auto }
    .euroInner .articleHeader .articleInfo { height: auto }
    .fanZone .cntnr { width: 100%; padding: 80px 40px; margin: 0 }
    .fanZone ul li { width: calc((100% - 40px) /3) !important }
    .euroInner .matchcenter .maxWidth { width: 100%; margin: 0 }
    .euroInner .matchcenter .matchesList ul li .leftCol { width: 100px }
    .euroInner .matchcenter .matchesList ul li .allData { width: calc(100% - 100px) }
    .euroInner .matchcenter .matchesList ul li .channel { width: 88px }
    .euroInner .matchcenter .matchesList ul li .channel:before { line-height: 1.8 }
    .euroInner .matchcenter .matchesList ul li .topData { padding: 15px 10px 45px }
    .euroInner .matchcenter .matchesList ul li .channel { left: 10px }
    .euroInner .matchcenter .matchesList ul li .leftCol { padding: 20px 10px }
    .RulesMsg .cntnr { height: calc(100% - 80px); top: 65px; transform: translateX(-50%); }
    .RulesMsg .rulesItems { overflow-x: hidden !important; overflow-y: scroll !important; height: 505px }
    .RulesMsg .lb-header { margin-bottom: 10px }
    .euroRoadToCup { padding: 64px 32px }
    .euroRoadToCup .groupTaples .group { width: calc((100% - 32px) / 3); margin-left: 16px; margin-bottom: 16px; }
    /*.euroRoadToCup .groupTaples .group:nth-child(3n){margin-left:32px}
    .euroRoadToCup .groupTaples .group:nth-child(2n){margin-left:0}*/
    /*.euroRoadToCup .groupTaples .GroupTeams{width:278px;margin:10px calc((100% - 278px) / 2) 20px}
    .euroRoadToCup .groupTaples .GroupTeams li{margin-left:26px}*/
    .euroQuizCnts .getReadyTimer p,
    .euroQuizCnts .resultDiv p { font-size: 30px }
    .euroInner .socialMargin { width: 100%; padding: 40px 10px 0 }
    .euroInner .articleSocial.euroSocial.fixed { right: auto; position: absolute; top: 5px }
    .euroInner .articleSocial.euroSocial { position: absolute; top: 5px; margin-top: 0; width: 76px; height: 40px; left: 0; }
    .euroInner .articleSocial { display: inline-block }
    .euroInner .articleInfo .articleSocial { display: none }
    .euroInner .proPlayer .tabs a { margin-left: 40px }
    .euroInner .tabs .euroLogo { margin-left: 99px }
    .euroMain .FullWidthBK .euroHeader { background-position: 116% 71%,6% 96%,39% 102%; background-size: 50%,29%,26%; }
    .groups .groupTabs .table .wRow .item:nth-child(2) { width: 50px }
    .groups .groupTabs .table .wRow .item, .groups .groupTabs .table .ttlRow .itemTtl { width: 40px }
    .groups .groupTabs .table .ttlRow .itemTtl:nth-child(2) { width: 70px }
    .groups .groupTabs .table .wRow .team img { display: none }
    .euroMain.proPlayer.LatestNews .listing ul li, .euroMain.proPlayer.Videos .listing ul li { width: calc((100% - 20.1px)/ 2) }
    .euroMain.proPlayer.LatestNews .listing ul li:nth-child(2n), .euroMain.proPlayer.Videos .listing ul li:nth-child(2n) { margin-left: 0 }
    .medalPage .maxWidth { width: 100%; margin: 0 }
    .olympicStrip .euroMain .FullWidthBK .euroHeader { background-size: 78%; background-position: -76%; }
    .olympicStrip .FullWidthBK .euroHeader img.robotStrip { margin: 12px 30px 0 0 }
    .olympicStrip .FullWidthBK .euroHeader .textStrip { margin-right: 20px }
    .olympicStrip .FullWidthBK .euroHeader .textStrip p { font-size: 27px }
    .olympicStrip .FullWidthBK .euroHeader a { left: 178px }
    .euroStrip.olympicStrip .spansorheader .spansorEuro { width: 140px; left: 0 }
    .olympicStrip .spansorheader .spansorEuro a img { width: 140px }
    /*new gutter*/
    .featuredArea ul li:first-child { width: 100%; margin-left: 0 }
    .featuredArea ul li { width: 100%; margin-left: 0; background: #fff; margin-bottom: 10px }
    .featuredArea ul li .secName { right: 160px; top: 10px; background: none; color: #0277bd; padding: 0 }
    .featuredArea ul li:first-child .secName { right: 0; top: 0; background: rgba(0,0,0,0.7); color: #fff; padding: 2px 10px; }
    .featuredArea ul li.video:first-child .secName, .featuredArea ul li.album:first-child .secName, .featuredArea ul li.infograph:first-child .secName, .featuredArea ul li.sed:first-child .secName { padding: 0 0 0 10px }
    .featuredArea ul li a .imageCntnr { width: 150px; padding-bottom: calc((150px * 67)/ 100); float: right; }
    .featuredArea ul li:first-child a .imageCntnr { width: 100%; padding-bottom: 67%; float: right; margin-left: 0 }
    .featuredArea .desc { float: right; position: relative; width: calc(100% - 150px); height: auto; display: inline-block; background: #fff; padding: 10px; margin-top: 30px }
    .featuredArea .desc p { color: #000; position: relative; padding: 0 }
    .featuredArea ul li:first-child .desc { float: right; position: absolute; width: 100%; height: 70%; display: inline-block; padding: 0; margin-top: 0; background: linear-gradient(270deg,rgba(0,0,0,0),#000000); background: -webkit-linear-gradient(270deg,rgba(0,0,0,0),#000); background: -o-linear-gradient(270deg,rgba(0,0,0,0),#000); background: -moz-linear-gradient(270deg,rgba(0,0,0,0),#000); background: -ms-linear-gradient(270deg,rgba(0,0,0,0),#000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#004c4c4c',endColorstr='#ff1a3b00',GradientType=0); }
    .featuredArea ul li:first-child .desc p { color: #fff; position: absolute; padding: 10px }
    .featuredArea ul li:nth-child(4), .featuredArea ul li:nth-child(5), .featuredArea ul li:last-child { margin-bottom: 10px }
    .ESFeaturedArea ul li:first-child { width: 100%; height: 570px; }
    .ESFeaturedArea ul li { width: 100%; }
    .stats { width: 100%; margin-left: 0 }
    article .stats { height: 730px }
    .movedSC .showcaseDiv { display: inline-block; margin: 0 calc((100% - 300px) / 2) 20px; }
    .pattern1 ul li { width: calc((100% - 40.1px) / 3) }
    .pattern1 ul li:nth-child(4n) { margin-left: 20px }
    .pattern1 ul li:nth-child(3n) { margin-left: 0 }
    .pattern2 ul li { width: calc((100% - 12.1px) / 3) }
    .pattern2 ul li:first-child { width: calc(100% - ((100% + 6px) / 3)) }
    .pattern2 ul li:nth-child(3), .pattern2 ul li:nth-child(5), .pattern2 ul li:last-child { margin-left: 6px }
    .pattern2 ul li:nth-child(7), .pattern2 ul li:nth-child(8), .pattern2 ul li:last-child { margin-bottom: 6px }
    .pattern2 ul li:nth-child(2), .pattern2 ul li:nth-child(3), .pattern2 ul li:nth-child(2), .pattern2 ul li:nth-child(6), .pattern2 ul li:last-child { margin-left: 0 }
    .pattern2 ul li:nth-child(7), .pattern2 ul li:nth-child(8), .pattern2 ul li:last-child { margin-bottom: 0 }
    .pattern3 ul li { width: calc((100% - 30.1px) / 4); margin-left: 10px; margin-bottom: 12px }
    .pattern3 ul li:first-child { width: calc(100% - ((100% + 10px) / 2)) }
    .pattern3 ul li .secName { font-size: 12px; overflow: hidden; line-height: 2.5 }
    .listing ul li { width: calc((100% - 20.1px) / 2); margin-left: 20px; float: right }
    .listing ul li:nth-child(3n) { margin-left: 20px }
    .listing ul li:nth-child(2n) { margin-left: 0 }
    article .artclHdline { font-size: 22px }
    article .stats .item { width: 100%; margin-bottom: 15px; height: 216px }
    article .stats .item ul li, article .stats .item.matches ul li { height: 56px; padding: 6px 10px }
    article.videoTemp .pattern1 ul li, article.albumTemp .pattern1 ul li { width: calc((100% - 20.1px) / 2) }
    article.videoTemp .pattern1 ul li:nth-child(3n), article.albumTemp .pattern1 ul li:nth-child(3n) { margin-left: 20px }
    article.videoTemp .pattern1 ul li:nth-child(2n), article.albumTemp .pattern1 ul li:nth-child(2n) { margin-left: 0 }
    .proPlayer .featuredArea .pattern2 ul li:first-child, .euroMain .importantPlayer ul li:first-child { width: 100% !important }
    .proPlayer .featuredArea .pattern2 ul li, .euroMain .importantPlayer ul li { width: 100% !important }
    .proPlayer .featuredArea .pattern2 li .desc { padding: 4px 10px; position: absolute; left: 0; right: auto; }
    .proPlayer .featuredArea .pattern2 ul li .desc .date { right: 10px }
    .proPlayer .importantPlayer ul li a .imageCntnr { padding-bottom: calc((150px * 67)/ 100); width: 150px }
    .proPlayer .importantPlayer ul li .desc { width: calc(100% - 150px); position: absolute; left: 0; right: auto; }
    .proPlayer .importantPlayer ul li .secName, .euroMain .importantPlayer .featuredArea ul li.video .secName { right: 125px }
    .proPlayer .importantPlayer ul li:first-child .desc p { position: relative; padding: 0 }
    .cd-gallery ul li { position: relative }
    .cd-gallery li .week { position: absolute; bottom: 10px; right: 10px; margin-top: 0; }
    .cd-gallery li .tv { position: absolute; bottom: 10px; left: 10px; margin-top: 0; max-width: 175px }
    .cd-gallery li .teamA { padding-left: 40px }
    .cd-gallery li .teamA, .cd-gallery li .teamB { width: calc((100% - 110px)/ 2); margin-bottom: 25px; }
    .cd-gallery li .teamB { padding-right: 40px }
    .cd-gallery li .teamA img, .cd-gallery li .teamB img { height: 50px; width: auto; border: none; display: inline-block }
    .cd-gallery li .teamA .teamName, .cd-gallery li .teamB .teamName { display: inline-block; width: 100%; margin: 0; padding-top: 10px; color: #0277bd; font-family: droidBold,Arial; font-size: 15px; line-height: 1.2; text-align: center }
    .cd-gallery li .resultDiv { float: right; width: 110px; height: 110px; position: relative }
    .cd-gallery li .resultDiv .result { color: #000; font-size: 32px; font-family: arial; display: inline-block; width: 50%; position: relative }
    .cd-gallery li .resultDiv .result:first-of-type { float: right; text-align: right }
    .cd-gallery li .resultDiv .result:first-of-type:after { content: "-"; position: absolute; left: -5px }
    .cd-gallery li .resultDiv .result:last-of-type { float: left; text-align: left }
    .matchesCenter .tab { width: 100% }
    .matchesCenter .dayDetailsTtl { height: 90px; }
    .matchesCenter .toursDropdown { width: 110px; position: absolute; right: 10px; bottom: 10px; }
    .matchesCenter .matchesNow { width: 110px; position: absolute; right: 125px; bottom: 10px; }
    .matchesCenter .toursMatchesNum { position: absolute; left: 10px; bottom: 10px; }
    .matchesCenter .tab button { width: calc((100% - 85px) / 7) }
    .matchesCenter .tab button:before { width: 50px; height: 50px }
    .matchesCenter .tab button p { font-size: 20px }
    .matchesCenter .tab button span { margin-top: -2px }
    .matchesCenter .dateBtn { width: 45px; height: 45px }
    .matchesCenter .icon-date:before { font-size: 26px }
    .Team_Page .featuredArea .desc { margin-top: 10px }
    .tourStats.stats .item { width: calc((100% - 16px)/ 2); }
    .tourStats.stats .item:nth-of-type(2n) { margin-left: 0 }
    .Team_Page .list .Team1 ul li { width: calc((100% - 16px) / 2); }
    .Team_Page .list .Team1 ul li:nth-of-type(3n) { margin-left: 16px }
    .Team_Page .list .Team1 ul li:nth-of-type(2n) { margin-left: 0 }
    .Team_Page .list .Team1 .numm { width: 45px }
    .Team_Page .list .Team1 .P-name a { font-size: 11px }
    .Team_Page .list .Team1 .P-name { width: calc(100% - 102px); }
    .euroInner .matchcenter .matchesList ul li .bottomData .teamDtl { padding: 0 8px }
    .euroInner .matchcenter .matchesList ul li .bottomData .teamDtl p { font-size: 13px }
    .PalyerStats.tourStats.stats .item { width: calc((100% - 16px) / 2) !important; }
    .PalyerStats.tourStats.stats .item:nth-of-type(2n) { margin-left: 16px }
    .transfersPage.transferList .listing ul li:nth-child(2n) { margin-left: 16px; }
    .transfersPage.transferList .listing ul li:nth-child(4n) { margin-left: 0; }
    .transfersPage.transferList .listing ul li { padding: 10px !important }
    .tour2694 .euroRoadToCup .title h1 { font-size: 36px; height: 90px; }
    .tour2694 .euroRoadToCup .title span { font-size: 16px }
    .tour2694 .euroRoadToCup .title h1:before { width: 44px; height: 90px }
    .viewTabContainer { padding: 50px 30px 30px }
    .tour2694 .euroRoadToCup .breadcrumbDiv { margin-bottom: 30px }
    .tour2694 .euroRoadToCup .groupTaples .group { margin-left: 16px; margin-bottom: 16px; width: calc((100% - 16px)/ 2); }
    .tour2694 .euroRoadToCup .groupTaples .group:nth-child(3n) { margin-left: 16px }
    .tour2694 .euroRoadToCup .viewTabContainer .camel { left: 30px }
    .tour2694 .euroRoadToCup .viewTabContainer .eagles { left: 30px; top: 30px }
    .tour2694 .euroRoadToCup .groups { padding-bottom: 50px }
    .tour2694 .euroRoadToCup .groupTaples .GroupTeams { width: 272px; margin: 10px calc((100% - 272px) / 2) 20px }
    .tour2694 .euroRoadToCup .groupTaples .GroupTeams li { margin-left: 24px }
    .tour2694 .euroRoadToCup .groupTaples .GroupTeams li:last-of-type { margin-left: 0; }
    .tabs-nav > li { padding: 20px 30px }
    .tour2694 .euroRoadToCup .allRounds .roundItem .qualifiedTeams .cupWinner .TeamName { font-size: 17px }
    .euroPredCnts .predictionCnts .saveHint { width: 1000px }
    /*.newPred .pagecnts { width: 1180px; margin: 0 calc((100% - 1180px) / 2) }*/
    /*.newPred .prediction{padding:50px}*/
    .newPred .proPlayer .title .leagueSetting a { padding: 0 12px; height: 40px }
    .newPred .proPlayer .title .leagueSetting a .cont p, .newPred .proPlayer .title .leagueSetting a .cont span:before { line-height: 40px !important }
}

@media screen and (min-width:1152px) and (max-width:1279px) {
    .cafLgFinal .wrapper { max-width: 900px }
    .cafLgFinal section { margin-bottom: 40px }
    .ahlyFans.cafLgFinal .votingBtn .second:before { background-size: auto 100%; }
    .zamalekFans.cafLgFinal .votingBtn .second:before { background-size: auto 100%; }
    .cafLgFinal .featuredArea ul li { background: transparent }
    .cafLgFinal .featuredArea ul li a .imageCntnr { width: 100%; padding-bottom: 67% }
    .cafLgFinal .featuredArea .desc { width: 100%; height: 70px; position: absolute; bottom: 0; padding: 0; background: linear-gradient(270deg,rgba(0,0,0,0),#000000); background: -webkit-linear-gradient(270deg,rgba(0,0,0,0),#000); background: -o-linear-gradient(270deg,rgba(0,0,0,0),#000); background: -moz-linear-gradient(270deg,rgba(0,0,0,0),#000); background: -ms-linear-gradient(270deg,rgba(0,0,0,0),#000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#004c4c4c',endColorstr='#ff1a3b00',GradientType=0) }
    .cafLgFinal .featuredArea .desc p { color: #fff; position: absolute; padding: 0 10px; height: 52px; }
    .cafLgFinal .featuredArea ul li:first-child .desc p { height: auto }
    .cafLgFinal .listing ul li { border: none; width: calc((100% - 32.1px) / 3) }
    .LandingPage.CAF .landingTeam { width: 52% }
    .LandingPage.CAF .landingTeam .line a { width: 84px; height: 34px; font-size: 15px; line-height: 2.2; }
    .cafLgFinal .quizContainer .listing ul li:first-child a .imageCntnr { width: 300px; padding-bottom: calc((300px * 67)/ 100); }
    .cafLgFinal .quizContainer .listing ul li:first-child .desc { width: calc(100% - 320px); margin-top: 30px }
    .cafLgFinal .quizContainer .listing.quizListing ul li:first-child .desc p { font-size: 20px; max-height: 72px; height: auto; margin-bottom: 30px; }
    .cafLgFinal .quizContainer .listing.quizListing ul li:first-child .bottomBox { margin-right: 20px; width: calc(100% - 320px); margin-top: 10px }
    .LandingPage.CAF .aqarLogo { bottom: 45px; right: 45px; }
    .cafLgFinal .championSponsor .desktop img { width: 85px; }
    .cafLgFinal .championSponsor .desktop .todo { left: 3% }
    .proPlayer .FullWidthBK h1 { font-size: 52px }
    .proPlayer .featuredArea .pattern2 ul li:first-child, .proPlayer .importantPlayer ul li:first-child { width: 100%; height: auto; margin-bottom: 16px }
    .proPlayer .featuredArea .pattern2 ul li, .proPlayer .importantPlayer ul li { width: 100%; height: 100px }
    .proPlayer .featuredArea .pattern2 ul li a .imageCntnr, .proPlayer .importantPlayer ul li a .imageCntnr { padding-bottom: calc((150px * 67)/ 100); width: 150px; float: right }
    .proPlayer .featuredArea .pattern2 li .desc, .proPlayer .importantPlayer ul li .desc { width: calc(100% - 150px); margin-top: 0 }
    .proPlayer .featuredArea .pattern2 ul li.video .secName, .proPlayer .importantPlayer ul li.video .secName { right: 125px }
    .proPlayer .importantPlayer ul li:first-child .desc .date { padding: 0 }
    .proPlayer .importantPlayer ul li:first-child .desc p { position: relative; padding: 0 }
    .proPlayer .remainContent .listing ul li { width: calc((100% - 16.1px) / 2) }
    .proPlayer .remainContent .listing ul li:nth-of-type(4n) { margin-left: 16px }
    .proPlayer .remainContent .listing ul li:nth-of-type(2n) { margin-left: 0 }
    .proPlayer .featuredArea .pattern2 ul li .desc .date, .proPlayer .importantPlayer ul li .desc .date { position: absolute; right: 15px; bottom: 5px }
    .proPlayer .FullWidthBK.proBG h1 { right: 60px; font-size: 46px }
    .proPlayer .FullWidthBK.proBG img.newPro { left: 10px; height: 140px }
    .proPlayer .FullWidthBK.proBG .lines { width: 10px }
    .proPlayer .FullWidthBK.proBG .lines.leftBlue { left: 24px }
    .proPlayer .FullWidthBK.proBG .lines.leftRed { left: 310px }
    .proPlayer .FullWidthBK.proBG .lines.leftYellow { left: 326px }
    .proPlayer .FullWidthBK.proBG .lines.rightBlue { right: 32px; top: 80px }
    .proPlayer .FullWidthBK.proBG .lines.rightYellow { right: 16px; top: 20px }
    .proPlayer .playerInfo .info h2 { font-size: 24px; margin-bottom: 5px }
    .proPlayer .playerInfo .info .team img { width: 28px }
    .proPlayer .playerInfo .personalInfo { width: 100%; padding-left: 0; margin-top: 15px }
    .proPlayer .playerInfo .personalInfo ul li:last-child { border-bottom: 0 }
    .proPlayer .playerInfo .info .team { width: 100% }
    .proPlayer .playerInfo .info .team span { line-height: 1.8; font-size: 16px }
    .proPlayer .IContainer { padding: 30px 0 0 0 }
    .proPlayer .playerInfo .playerImg { width: 260px; margin-right: 25px; margin-top: 20px; }
    .proPlayer .playerInfo .personalInfo ul { margin-top: 0; padding-left: 10px }
    .proPlayer .IContainer .infoContainer { width: calc(100% - 315px); margin-right: 30px }
    .proPlayer .playerInfo .number { font-size: 70px; top: 32px }
    .proPlayer .playerInfo .personalInfo ul li { padding: 4px 0 }
    .proPlayer .remainContent .Pcnt ul li:first-child { margin-right: 16px }
    .euroMain .featuredArea .pattern2 ul li:first-child, .euroMain .importantPlayer ul li:first-child { width: 100% !important }
    .euroMain .featuredArea .pattern2 ul li, .euroMain .importantPlayer ul li { width: 100% !important }
    .euroMain .featuredArea .pattern2 li .desc { padding: 4px 10px; }
    .euroMain .importantPlayer .featuredArea .pattern2 ul li a .imageCntnr { padding-bottom: calc((150px * 67) / 100); width: 150px; }
    .euroMain .importantPlayer .featuredArea .pattern2 li .desc { width: calc(100% - 150px); }
    .euroMain .importantPlayer .featuredArea ul li.video .secName, .euroMain .importantPlayer .featuredArea ul li .secName { right: 125px }
    .euroMain .featuredArea .pattern2 ul li .desc .date { right: 10px }
    .euroPredCnts .predHint, .euroRoadToCup .predHint { padding: 20px 10px; min-height: 100% }
    .euroPredCnts .predHint .hintMsg h3, .euroRoadToCup .predHint .hintMsg h3 { font-size: 18px; line-height: 1.8; text-align: center }
    .euroPredCnts .predHint .hintMsg p, .euroRoadToCup .predHint .hintMsg p { text-align: center; margin: 20px 0 30px; font-size: 12px; }
    .euroPredCnts .predHint .regBtn, .euroRoadToCup .predHint .regBtn { position: relative; bottom: 0; left: 0; width: 100%; height: 40px; display: inline-block; line-height: 3.0; font-size: 14px; }
    .euroPredCnts .predictionCnts .tourTitle { padding: 0 10px }
    .euroPredCnts .predictionCnts .tourTitle .shape { width: 14px; height: 14px; margin-top: 18px; }
    .euroPredCnts .predictionCnts .tourTitle h3 { width: calc(100% - 18px); font-size: 14px; line-height: 3.6; padding-right: 10px; }
    .euroPredCnts .predictionCnts .tourTitle h3 span { font-size: 11px; }
    .euroPredCnts .predictionCnts .tourTitle .jokerCount { left: 10px }
    .euroPredCnts .predictionCnts .tourTitle .jokerCount .icon-joker:before { font-size: 14px }
    .euroPredCnts .predictionCnts .tourTitle .jokerCount p { font-size: 12px; line-height: 1.4 }
    .euroPredCnts .predictionCnts .tourTitle .jokerCount p span { font-size: 16px }
    .euroPredCnts .predictionCnts .accordionItem .matchData { height: 110px; padding: 0 10px; }
    .euroPredCnts .predictionCnts .accordionItem .matchData .date p { line-height: 4.2; margin-left: 10px; font-size: 11px; width: auto }
    .euroPredCnts .predictionCnts .accordionItem .matchData .date p.day { width: auto }
    .euroPredCnts .predictionCnts .accordionItem .matchData .teamName { font-size: 11px; width: auto; text-align: center; line-height: 1.8; }
    .euroPredCnts .predictionCnts .accordionItem .matchData .teamresult.team1 .teamName { position: absolute; left: 54px; top: 50%; transform: translateY(-50%); text-align: left; padding-right: 10px }
    .euroPredCnts .predictionCnts .accordionItem .matchData .teamresult.team2 .teamName { position: absolute; right: 54px; top: 50%; transform: translateY(-50%); text-align: right; padding-left: 10px }
    .euroPredCnts .predictionCnts .accordionItem .matchData .match { width: 100%; top: auto; left: 0; transform: none; bottom: 10px; }
    .euroPredCnts .predictionCnts .accordionItem .matchData a { display: inline-block; width: calc(100% - 30px) }
    .euroPredCnts .predictionCnts .accordionItem .matchData .teamresult img { margin: 4px calc((100% - 20px) / 2) 2px; }
    .euroPredCnts .predictionCnts .accordionItem .matchData .teamresult.team1 img { margin: 0; margin-right: 10px; position: absolute; left: 24px; top: 50%; transform: translateY(-50%) }
    .euroPredCnts .predictionCnts .accordionItem .matchData .teamresult.team2 img { margin: 0; margin-left: 10px; position: absolute; right: 24px; top: 50%; transform: translateY(-50%) }
    .euroPredCnts .predictionCnts .accordionItem .matchData .teamresult.team1 span { margin-right: 4px }
    .euroPredCnts .predictionCnts .accordionItem .matchData .teamresult.team2 span { margin-left: 4px }
    .euroPredCnts .predictionCnts .matchData .predStatus { width: 70px; left: 40px; top: 10px; transform: none; height: 22px; }
    .euroPredCnts .predictionCnts .matchData .predStatus .status { font-size: 10px; line-height: 2.2; }
    .euroPredCnts .predictionCnts .matchData .predStatus .predTimer { font-size: 12px; margin-right: 2px; line-height: 1.8; }
    .euroPredCnts .predictionCnts .accordionItem .matchData .teamresult { height: 52px; position: relative }
    .euroPredCnts .predictionCnts .matchData span.icon-plus { left: 10px; top: 10px; transform: none }
    .euroPredCnts .predictionCnts .matchData span.icon-plus::before, .euroPredCnts .predictionCnts .matchData span.icon-plus::after { width: 10px }
    .euroPredCnts .predictionCnts .matchData span.icon-plus::after { left: 6px }
    .euroPredCnts .predictionCnts .accordionItem.open .matchData span.icon-plus { -webkit-transform: rotateX(180deg); -moz-transform: rotateX(180deg); -ms-transform: rotateX(180deg); -o-transform: rotateX(180deg); transform: rotateX(180deg); }
    .euroPredCnts .item .matchPrediction .team { width: calc((100% - 50px) / 2) }
    .euroPredCnts .item .matchPrediction .team.team1 { padding-left: 50px; }
    .euroPredCnts .item .matchPrediction .team.team2 { padding-right: 50px; }
    .euroPredCnts .item .matchPrediction .teamName, .euroPredCnts .item .matchPrediction .teamScoring p { font-size: 11px; width: 100%; text-align: center; line-height: 2; }
    .euroPredCnts .item .matchPrediction .dash { width: 50px; }
    .euroPredCnts .predictionCnts .accordionItem .matchData .predStatus .status p.points { line-height: 20px }
    .euroPredCnts .predictionCnts .accordionItem .matchData .teamName { font-size: 11px; width: auto; text-align: center; line-height: 1.8; }
    .euroPredCnts .predictionCnts .accordionItem .matchData .teamresult.team1 .teamName { position: absolute; left: 54px; top: 50%; transform: translateY(-50%); text-align: left; padding-right: 10px }
    .euroPredCnts .predictionCnts .accordionItem .matchData .teamresult.team2 .teamName { position: absolute; right: 54px; top: 50%; transform: translateY(-50%); text-align: right; padding-left: 10px }
    .euroPredCnts .predictionCnts .accordionItem .matchData .match { width: 100%; top: auto; left: 0; transform: none; bottom: 10px; }
    .euroPredCnts .predictionCnts .accordionItem .matchData a { display: inline-block; width: calc(100% - 30px) }
    .euroPredCnts .predictionCnts .accordionItem .matchData .teamresult img { margin: 4px calc((100% - 20px) / 2) 2px; }
    .euroPredCnts .predictionCnts .accordionItem .matchData .teamresult.team1 img { margin: 0; margin-right: 10px; position: absolute; left: 24px; top: 50%; transform: translateY(-50%) }
    .euroPredCnts .predictionCnts .accordionItem .matchData .teamresult.team2 img { margin: 0; margin-left: 10px; position: absolute; right: 24px; top: 50%; transform: translateY(-50%) }
    .euroPredCnts .predictionCnts .accordionItem .matchData .teamresult.team1 span { margin-right: 4px }
    .euroPredCnts .predictionCnts .accordionItem .matchData .teamresult.team2 span { margin-left: 4px }
    .euroPredCnts .item .matchPrediction form, .euroPredCnts .item .matchPrediction .value-button { width: 30px }
    .euroPredCnts .item .matchPrediction input.number { width: 30px; height: 30px; font-size: 18px; }
    .euroPredCnts .predictionCnts .accordionItem .accContent .predItem { padding: 10px }
    .euroPredCnts .predictionCnts .accordionItem .accContent .predItem .item { width: 100%; margin-left: 0; margin-bottom: 16px; height: 152px }
    .euroPredCnts .predictionCnts .accordionItem .accContent .predItem .item:last-of-type { margin-bottom: 0 }
    .euroPredCnts .predictionCnts .accordionItem .accContent .predItem .item .predMatchTitle { height: 34px }
    .euroPredCnts .predictionCnts .accordionItem .accContent .predItem .item .predMatchTitle h3 { font-size: 13px; line-height: 2.6 }
    .euroPredCnts .predMatchTitle .predJoker { width: 22px; height: 22px }
    .euroPredCnts .predMatchTitle .predJoker input[type="checkbox"] + label { font-size: 16px }
    .euroPredCnts .predMatchTitle .predJoker input[type="checkbox"] + label .icon-joker:before { left: 4px }
    .LandingPage.CAF, .euroSquad .LandingPage.CAF, .chseSqMain.legendsSquad, .chseSqMain.chooseTeam { padding-bottom: 60% }
    .legends:before { right: 40px; top: 30px; width: 160px; height: 120px; background-size: 160px 120px; }
    .LandingPage.CAF.legends .text { right: 40px; transform: translateY(calc(-50% + 30px)); width: 420px; }
    .LandingPage.CAF.legends .text h1 { font-size: 42px; margin-bottom: 10px; }
    .LandingPage.CAF.legends .text p { font-size: 20px }
    .LandingPage.CAF.legends .text .startSquad { width: 220px; height: 60px; font-size: 20px; line-height: 2.8 }
    .euroSquadPage .shareBtn { right: 50px; bottom: 30px }
    .euroSquadPage .sponsors { bottom: 30px; left: 50px }
    .chseSqMain.legends:before { width: 120px; height: 90px; background-size: 120px 90px; right: 40px }
    .euroSquadPage .chseSqMain .sponsors { left: 40px }
    .euroSquadPage .chseSqMain .sponsors a img { height: 34px; }
    .chseSqMain .allForms { bottom: 60px !important }
    .chseSqMain .allForms a { line-height: 1.9 !important }
    .chseSqMain .col3 .allForms a { line-height: 2.6 !important }
    .euroSquadPage .chseSqMain .sponsors a img { height: 30px; }
    .euroSquad .chseTtl { width: calc(100% - 590px); right: 50px; height: 368px; padding-top: 140px; }
    .euroSquad .chseTtl h1 { font-size: 32px }
    .euroSquad .chseTtl p { width: 260px; font-size: 18px; }
    .euroSquad .chseTtl:before,
    .euroSquadPage .chseSqMain.chooseTeam:before { width: 102px; height: 120px; background-size: 102px auto; }
    .euroSquadPage .chseSqMain.chooseTeam:before { right: 40px; top: 40px }
    .euroSquadPage .chseSqMain.chooseTeam:after { left: 40px }
    .euroSquad .LandingPage.CAF:before { left: 50px; top: 40px; width: 94px; height: 40px; background-size: 94px auto }
    .euroSquadPage .chseSqMain.chooseTeam:after { top: 40px; width: 94px; height: 40px; background-size: 94px auto }
    .euroSquad .LandingPage.CAF .landingTeam { width: 480px; left: 50px }
    .euroSquad .LandingPage.CAF .landingTeam li { margin-left: 12px; margin-bottom: 12px; width: 70px }
    .euroSquad .LandingPage.CAF .landingTeam li a { padding: 10px }
    .euroSquad .LandingPage.CAF .landingTeam li:nth-last-child(-n+6) { margin-bottom: 0; }
    .euroSquad .LandingPage.CAF .landingTeam li .imgCntnr { margin-bottom: 16px }
    .euroSquad .LandingPage.CAF .landingTeam li p { font-size: 13px }
    .euroSquadPage .shareBtn a.faceShare,
    .euroSquadPage .shareBtn a.twShare { font-size: 26px }
    .euroInner article .maxWidth { width: 100%; margin: 0; padding: 0 15px 15px }
    .euroInner .articleHeader { width: calc(100% - 336px); padding: 0 15px }
    .euroInner .articleHeader .artclHdline { width: 100%; margin: 0 }
    .euroInner .relatedArticles ul li.item .desc { width: 180px }
    .euroInner .proPlayer .tabs a { margin-left: 40px }
    .euroInner .tabs .euroLogo { margin-left: 99px }
    .euroInner .articleHeader .articleInfo .articleAuthor { width: auto }
    .euroInner .articleHeader .articleInfo { height: auto }
    .euroInner .matchcenter .maxWidth { width: 100%; margin: 0 }
    .euroInner .matchcenter .matchesList ul li .leftCol { width: 100px }
    .euroInner .matchcenter .matchesList ul li .allData { width: calc(100% - 100px) }
    .euroInner .matchcenter .matchesList ul li .channel { width: 88px }
    .euroInner .matchcenter .matchesList ul li .channel:before { line-height: 1.8 }
    .euroInner .matchcenter .matchesList ul li .topData { padding: 15px 10px 45px }
    .euroInner .matchcenter .matchesList ul li .channel { left: 10px }
    .euroInner .matchcenter .matchesList ul li .leftCol { padding: 20px 10px }
    .groups .groupTabs .table .wRow .item:nth-child(2) { margin-left: 45px }
    .fanZone .cntnr { width: 100%; padding: 80px 20px; margin: 0 }
    .fanZone ul li { width: calc((100% - 40px) /3) !important }
    .fanZone ul li h2 { font-size: 22px }
    .fanZone ul li p { font-size: 12px }
    .fanZone ul li.FZQuiz .gameImg { width: 135px; left: 0 }
    .fanZone ul li .dtlsCorner { width: 120px }
    .fanZone ul li.FZPred p { width: 100% }
    .fanZone ul li.FZPred .gameImg { width: 160px }
    .login-box.signUpActive.error, .login-box.loginActive.error { margin-top: 20px }
    .passwordPage .cntnr { width: 100%; margin: 0 }
    .RulesMsg .cntnr { height: calc(100% - 80px); top: 65px; transform: translateX(-50%); }
    .RulesMsg .rulesItems { overflow-x: hidden !important; overflow-y: scroll !important; height: 478px }
    .RulesMsg .lb-header { margin-bottom: 10px }
    .euroRoadToCup { padding: 64px 32px }
    .euroRoadToCup .groupTaples .group { width: calc((100% - 16px) / 2); margin-left: 16px; margin-bottom: 16px; }
    .euroRoadToCup .groupTaples .group:nth-child(3n) { margin-left: 16px }
    .euroRoadToCup .groupTaples .group:nth-child(2n) { margin-left: 0 }
    /*.euroRoadToCup .groupTaples .GroupTeams{width:278px;margin:10px calc((100% - 278px) / 2) 20px}
    .euroRoadToCup .groupTaples .GroupTeams li{margin-left:26px}*/
    .euroRoadToCup .Place3rd { width: 100%; margin: 0; }
    .tour2694 .euroRoadToCup .allRounds .roundItem { width: calc((100% - 40px) / 3); margin-left: 20px; }
    .tour2694 .euroRoadToCup .allRounds .roundItem:last-child { margin-left: 0 }
    .second .teamData:last-child:before, .second .teamData:first-child:before,
    .third .teamData:last-child:before, .third .teamData:first-child:before,
    .final .teamData:last-child:before, .final .teamData:first-child:before { width: 14px; right: -10px; }
    .euroRoadToCup .allRounds .roundItem .qualifiedTeams .separating { width: calc(100% + 4px); }
    .euroRoadToCup .allRounds .roundItem .cupWinner h3 { font-size: 16px }
    .tour2694 .euroRoadToCup .allRounds .roundItem .qualifiedTeams .cupWinner .TeamName { font-size: 17px }
    .euroQuizCnts .getReadyTimer p,
    .euroQuizCnts .resultDiv p { font-size: 28px; margin-bottom: 24px; }
    .euroInner .articleSocial.euroSocial.fixed { right: 10.6% }
    .euroMain .FullWidthBK .euroHeader { background-position: 116% 71%,6% 96%,39% 102%; background-size: 50%,29%,26%; }
    .euroInner .socialMargin { width: 100%; padding: 40px 10px 0 }
    .euroInner .articleSocial.euroSocial.fixed { right: auto; position: absolute; top: 5px }
    .euroInner .articleSocial.euroSocial { position: absolute; top: 5px; margin-top: 0; width: 76px; height: 40px; left: 0; }
    .euroInner .articleSocial { display: inline-block }
    .euroInner .articleInfo .articleSocial { display: none }
    .groups .groupTabs .table .wRow .item:nth-child(2) { width: 65px }
    .groups .groupTabs .table .wRow .item, .groups .groupTabs .table .ttlRow .itemTtl { width: 40px }
    .groups .groupTabs .table .ttlRow .itemTtl:nth-child(2) { width: 70px }
    .groups .groupTabs .table .wRow .team img { display: none }
    .medalPage .maxWidth { width: 100%; margin: 0 }
    .olympicStrip .euroMain .FullWidthBK .euroHeader { background-size: 87%; background-position: -261%; }
    .olympicStrip .FullWidthBK .euroHeader img.robotStrip { margin: 12px 30px 0 0 }
    .olympicStrip .FullWidthBK .euroHeader .textStrip { margin-right: 20px }
    .olympicStrip .FullWidthBK .euroHeader .textStrip p { font-size: 27px }
    .olympicStrip .FullWidthBK .euroHeader a { left: 178px }
    .euroStrip.olympicStrip .spansorheader .spansorEuro { width: 140px; left: 22px }
    .olympicStrip .spansorheader .spansorEuro a img { width: 140px }
    /*new gutter*/
    .pattern2 ul li { width: calc((100% - 12.1px) / 3) }
    .pattern2 ul li:first-child { width: calc(100% - ((100% + 6px) / 3)) }
    .pattern2 ul li:nth-child(3), .pattern2 ul li:nth-child(5), .pattern2 ul li:last-child { margin-left: 6px }
    .pattern2 ul li:nth-child(7), .pattern2 ul li:nth-child(8), .pattern2 ul li:last-child { margin-bottom: 6px }
    .pattern2 ul li:nth-child(2), .pattern2 ul li:nth-child(3), .pattern2 ul li:nth-child(2), .pattern2 ul li:nth-child(6), .pattern2 ul li:last-child { margin-left: 0 }
    .pattern3 ul li { width: calc((100% - 30.1px) / 4); margin-left: 10px; margin-bottom: 12px }
    .pattern3 ul li:first-child { width: calc(100% - ((100% + 10px) / 2)) }
    .pattern3 ul li .secName { font-size: 12px; overflow: hidden; line-height: 2.5 }
    article .artclHdline { font-size: 22px }
    article .stats .item { width: 100%; margin-bottom: 15px; height: 216px }
    article .stats .item ul li, article .stats .item.matches ul li { height: 56px; padding: 6px 10px }
    article.videoTemp .pattern1 ul li, article.albumTemp .pattern1 ul li { width: calc((100% - 20.1px) / 2) }
    article.videoTemp .pattern1 ul li:nth-child(3n), article.albumTemp .pattern1 ul li:nth-child(3n) { margin-left: 20px }
    article.videoTemp .pattern1 ul li:nth-child(2n), article.albumTemp .pattern1 ul li:nth-child(2n) { margin-left: 0 }
    .cd-gallery li .tv { position: absolute; bottom: 10px; left: 10px; margin-top: 0; max-width: 175px }
    .matchesCenter .tab { padding: 0 }
    .matchesCenter .tab button { width: calc((100% - 86px) / 7) !important; }
    .matchesCenter .tab button:before { width: 50px; height: 50px }
    .matchesCenter .tab button p { font-size: 20px }
    .matchesCenter .tab button span { margin-top: -2px }
    .matchesCenter .dateBtn { width: 45px; height: 45px }
    .matchesCenter .icon-date:before { font-size: 26px }
    .matchesCenter .toursDropdown { width: 110px; position: absolute; right: 10px; bottom: 10px; }
    .matchesCenter .matchesNow { width: 110px; position: absolute; right: 125px; bottom: 10px; }
    .Team_Page .featuredArea .desc { margin-top: 10px }
    .tourStats.stats .item { width: calc((100% - 16px)/ 2); }
    .tourStats.stats .item:nth-of-type(2n) { margin-left: 0 }
    .Team_Page .list .Team1 ul li { width: calc((100% - 16px) / 2); }
    .Team_Page .list .Team1 ul li:nth-of-type(3n) { margin-left: 16px }
    .Team_Page .list .Team1 ul li:nth-of-type(2n) { margin-left: 0 }
    .Team_Page .list .Team1 .numm { width: 45px }
    .Team_Page .list .Team1 .P-name a { font-size: 11px }
    .Team_Page .list .Team1 .P-name { width: calc(100% - 102px); }
    .euroInner .matchcenter .matchesList ul li .bottomData .teamDtl { padding: 0 8px }
    .euroInner .matchcenter .matchesList ul li .bottomData .teamDtl p { font-size: 13px }
    .proPlayer .interestedArticles, .proPlayer .tourMatches { width: 100% }
    .tour2694 .euroRoadToCup .title h1 { font-size: 36px; height: 90px; }
    .tour2694 .euroRoadToCup .title span { font-size: 16px }
    .tour2694 .euroRoadToCup .title h1:before { width: 44px; height: 90px }
    .viewTabContainer { padding: 50px 30px 30px }
    .tour2694 .euroRoadToCup .breadcrumbDiv { margin-bottom: 30px }
    .tour2694 .euroRoadToCup .groupTaples .group { margin-left: 16px; margin-bottom: 16px; width: calc((100% - 16px)/ 2); }
    .tour2694 .euroRoadToCup .groupTaples .group:nth-child(3n) { margin-left: 16px }
    .tour2694 .euroRoadToCup .viewTabContainer .camel { left: 30px }
    .tour2694 .euroRoadToCup .viewTabContainer .eagles { left: 30px; top: 30px }
    .tour2694 .euroRoadToCup .groups { padding-bottom: 50px }
    .tour2694 .euroRoadToCup .groupTaples .GroupTeams { width: 272px; margin: 10px calc((100% - 272px) / 2) 20px }
    .tour2694 .euroRoadToCup .groupTaples .GroupTeams li { margin-left: 24px }
    .tour2694 .euroRoadToCup .groupTaples .GroupTeams li:last-of-type { margin-left: 0; }
    .tabs-nav > li { padding: 20px 30px }
    .euroPredCnts .predictionCnts .saveHint { width: 800px }
    .chooseLeague ul li { width: 250px;height:114px}
    .chooseLeague ul li:nth-of-type(6n) { margin-left: 10px }
    .chooseLeague ul li:nth-of-type(5n) { margin-left: 0 }
    .chooseLeague ul li a { display: inline-block; width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); padding: 10px; text-align: center }
    .chooseLeague ul li img { height: 45px; position: relative; top: auto; left: auto; transform: none; }
    .chooseLeague ul li p { font-size: 14px; margin-top: 8px }
    /*.newPred .pagecnts { width: 1052px; margin: 0 calc((100% - 1052px) / 2) }*/
    /*.newPred .prediction{padding:40px 25px}*/
    .newPred.predRanking .createLeague .ranking.allLeagues .rankCnts .table .wRow .item.num, .newPred.predRanking .createLeague .ranking.allLeagues .rankCnts .table .ttlRow .itemTtl.num { width: 150px }
    .newPred.predRanking .createLeague .ranking.allLeagues .rankCnts .table .ttlRow .itemTtl, .newPred.predRanking .createLeague .ranking.allLeagues .rankCnts .table .wRow .item { width: calc((100% - 150px)/2) }
    .newPred .proPlayer .title .leagueSetting { width: 100%; margin-top: 5px; float: right }
    .newPred .proPlayer .title .leagueSetting a { padding: 0 20px; height: 40px }
    .newPred .proPlayer .title .leagueSetting a .cont p, .newPred .proPlayer .title .leagueSetting a .cont span:before { line-height: 40px !important }
    .newPred.predRanking .createLeague .ranking.allLeagues .rankCnts .table .ttlRow .itemTtl.totalPoints, .newPred.predRanking .createLeague .ranking.allLeagues .rankCnts .table .ttlRow .itemTtl.num,
    .newPred.predRanking .createLeague .ranking.allLeagues .rankCnts .table .wRow .item.num, .newPred.predRanking .createLeague .ranking.allLeagues .rankCnts .table .wRow .item.totalPoints { width: 150px }
    .newPred.predRanking .createLeague .ranking.allLeagues .rankCnts .table .ttlRow .itemTtl, .newPred.predRanking .createLeague .ranking.allLeagues .rankCnts .table .wRow .item { width: calc(100% - 400px); }
    .euroPredCnts .FullWidthBK h1:first-child { font-size: 42px }

        .newPred.predRanking .createLeague .ranking.allLeagues .rankCnts .table .ttlRow .itemTtl, .newPred.predRanking .createLeague .ranking.allLeagues .rankCnts .table .wRow .item { width: calc(100% - 310px); }
    .newPred.predRanking .createLeague .ranking.allLeagues .rankCnts .table .ttlRow .itemTtl.buttons{display:none}
    .predRanking .ranking .rankCnts .table .wRow{height:100px!important}
    .newPred.predRanking .createLeague .ranking.allLeagues .private .rankCnts .table .wRow .item.buttons,
    .newPred.predRanking .createLeague .ranking.allLeagues .rankCnts .table .wRow .item.buttons{margin-top:0!important;text-align:center}
}

@media screen and (min-width:1024px) and (max-width:1151px) {
    .cafLgFinal .wrapper { max-width: 780px }
    .cafLgFinal section { margin-bottom: 40px }
    .ahlyFans.cafLgFinal .votingBtn .second:before { background-size: auto 100%; }
    .zamalekFans.cafLgFinal .votingBtn .second:before { background-size: auto 100%; }
    .ahlyFans.cafLgFinal .votingBtn .second .socialMediaBtn p { width: 70px; line-height: 1.6; font-size: 12px; text-align: left; }
    .zamalekFans.cafLgFinal .votingBtn .second .socialMediaBtn p { width: 70px; line-height: 1.6; font-size: 12px; text-align: left; }
    .cafLgFinal .featuredArea ul li { width: 100%; margin-left: 0; margin-bottom: 16px; background: #222 }
        .cafLgFinal .featuredArea ul li:last-child { margin-bottom: 0 }
    .cafLgFinal .featuredArea .desc { margin-top: 0; background: #222 }
    .cafLgFinal .featuredArea .desc p { height: 66px; color: #fff }
    .cafLgFinal .pattern2 ul li:first-child { width: calc(100% - ((100% + 6px)/ 3)) }
    .cafLgFinal .pattern2 ul li { width: calc((100% - 12.1px)/ 3) }
    .cafLgFinal .listing ul li { border: none; width: calc((100% - 32.1px) / 3) }
    .cafLgFinal .entryPoint { width: 100%; margin-right: 0; margin-left: 0; }
    .cafLgFinal .quizContainer .listing ul li a .imageCntnr { width: 120px; padding-bottom: calc((120px * 67)/ 100); }
    .cafLgFinal .quizContainer .listing ul li .desc { width: calc(100% - 130px); margin-right: 10px }
    .cafLgFinal .quizContainer .listing ul li { padding: 10px }
    .cafLgFinal .quizContainer .listing.quizListing ul li .desc p { font-size: 14px; height: 45px; }
    .cafLgFinal .quizContainer .listing.quizListing ul li .bottomBox { margin-top: 0; width: calc(100% - 130px); margin-right: 10px }
    .cafLgFinal .quizContainer .listing.quizListing ul li .bottomBox label { width: 80px; height: 24px; font-size: 11px; line-height: 2.4 }
    .cafLgFinal .quizContainer .listing ul li:first-child { padding: 10px }
    .LandingPage.CAF .landingTeam { width: 52% }
    .LandingPage.CAF .landingTeam .line a { width: 70px; height: 30px; font-size: 13px; line-height: 2.4; }
    .cafLgFinal .quizContainer .listing ul li:first-child a .imageCntnr { width: 300px; padding-bottom: calc((300px * 67)/ 100); }
    .cafLgFinal .quizContainer .listing ul li:first-child .desc { width: calc(100% - 320px); margin-top: 30px }
    .cafLgFinal .quizContainer .listing.quizListing ul li:first-child .desc p { font-size: 20px; max-height: 72px; height: auto; margin-bottom: 30px; }
    .cafLgFinal .quizContainer .listing.quizListing ul li:first-child .bottomBox { margin-right: 20px; width: calc(100% - 320px); margin-top: 10px }
    .cafLgFinal .quizContainer .listing.quizListing ul li:first-child .bottomBox label { float: right; width: 110px; height: 34px; font-size: 13px; line-height: 2.6 }
    .cafLgFinal .quizContainer .listing.quizListing ul li:first-child .bottomBox label .icon-arrow:before { font-size: 10px; margin-right: 6px }
    .cafLgFinal .listing.quizPartial ul li a .imageCntnr { width: 120px; padding-bottom: calc((120px * 67)/ 100); }
    .cafLgFinal .listing.quizPartial ul li .desc { width: calc(100% - 130px); margin-right: 10px }
    .cafLgFinal .listing.quizPartial ul li { padding: 10px }
    .cafLgFinal .listing.quizPartial ul li a .imageCntnr { width: 120px; padding-bottom: calc((120px * 67)/ 100); }
    .cafLgFinal .listing.quizPartial ul li .desc { width: calc(100% - 130px); margin-right: 10px }
    .cafLgFinal .listing.quizPartial ul li .desc p { font-size: 14px; height: 45px; }
    .cafLgFinal .listing.quizPartial ul li .bottomBox { margin-top: 0; width: calc(100% - 130px); margin-right: 10px }
    .cafLgFinal .listing.quizPartial ul li .bottomBox label { width: 80px; height: 24px; font-size: 11px; line-height: 2.4 }
    .LandingPage.CAF .aqarLogo { bottom: 40px; right: 40px; }
    .cafLgFinal .championSponsor .desktop img { width: 85px; }
    .cafLgFinal .championSponsor .desktop .todo { left: 3% }
    .proPlayer .FullWidthBK h1 { font-size: 50px; }
    .proPlayer .FullWidthBK img.player { height: 140px; left: 30px }
    .proPlayer .featuredArea .pattern2 ul li:first-child, .proPlayer .importantPlayer ul li:first-child { width: 100%; height: auto; margin-bottom: 16px; }
    .proPlayer .featuredArea .pattern2 ul li:first-child .desc p { font-size: 20px; max-height: 74px }
    .proPlayer .featuredArea .pattern2 ul li, .proPlayer .importantPlayer ul li { width: 100%; height: 100px }
    .proPlayer .featuredArea .pattern2 ul li a .imageCntnr, .proPlayer .importantPlayer ul li a .imageCntnr { padding-bottom: calc((150px * 67)/ 100); width: 150px; float: right }
    .proPlayer .featuredArea .pattern2 li .desc, .proPlayer .importantPlayer ul li .desc { width: calc(100% - 150px); margin-top: 0 }
    .proPlayer .featuredArea .pattern2 ul li.video .secName, .proPlayer .importantPlayer ul li.video .secName { right: 125px }
    .proPlayer .importantPlayer ul li:first-child .desc .date { padding: 0 }
    .proPlayer .importantPlayer ul li:first-child .desc p { position: relative; padding: 0; font-size: 20px; max-height: 74px }
    .proPlayer .remainContent .listing ul li { width: calc((100% - 16.1px) / 2) }
    .proPlayer .remainContent .listing ul li:nth-of-type(4n) { margin-left: 16px }
    .proPlayer .remainContent .listing ul li:nth-of-type(2n) { margin-left: 0 }
    .proPlayer .featuredArea .pattern2 ul li .desc .date, .proPlayer .importantPlayer ul li .desc .date { position: absolute; right: 15px; bottom: 5px }
    .proPlayer .remainContent .Pcnt ul li:first-child { margin-right: 16px }
    .proPlayer .FullWidthBK.proBG h1 { right: 60px; font-size: 46px }
    .proPlayer .FullWidthBK.proBG img.newPro { left: 10px; height: 140px }
    .proPlayer .FullWidthBK.proBG .lines { width: 10px }
    .proPlayer .FullWidthBK.proBG .lines.leftBlue { left: 24px }
    .proPlayer .FullWidthBK.proBG .lines.leftRed { left: 310px }
    .proPlayer .FullWidthBK.proBG .lines.leftYellow { left: 326px }
    .proPlayer .FullWidthBK.proBG .lines.rightBlue { right: 32px; top: 80px }
    .proPlayer .FullWidthBK.proBG .lines.rightYellow { right: 16px; top: 20px }
    .proPlayer .playerInfo { padding: 0 }
    .proPlayer .playerInfo .playerImg { width: 130px; margin-top: 0; margin-right: 0 }
    .proPlayer .playerInfo .info { width: calc(100% - 140px); }
    .proPlayer .playerInfo .info h2 { font-size: 20px; margin-bottom: 5px }
    .proPlayer .playerInfo .info .team img { width: 22px }
    .proPlayer .playerInfo .personalInfo { width: 100%; padding-left: 0; margin-top: 0 }
    .proPlayer .playerInfo .personalInfo ul li:last-child { border-bottom: 0 }
    .proPlayer .playerInfo .number { position: relative; right: auto; top: auto; float: right; width: 100%; margin-top: 38px; font-size: 28px; text-align: right }
    .proPlayer .playerInfo .info .team { width: 100% }
    .proPlayer .playerInfo .info .team span { line-height: 1.8; font-size: 14px }
    .proPlayer .IContainer { padding: 30px 0 0 0 }
    .proPlayer .playerInfo .personalInfo ul li label { width: auto; font-size: 14px }
    .proPlayer .playerInfo .personalInfo ul { margin-top: 10px }
    .proPlayer .playerInfo .personalInfo ul li { padding: 5px 10px }
    .proPlayer .playerInfo .personalInfo ul li p { float: left; font-size: 14px }
    .proPlayer .IContainer .infoContainer { display: block; width: 100%; float: unset; margin-right: 0; }
    .euroMain .tabs a { margin-left: 50px }
    .euroMain .featuredArea .pattern2 ul li:first-child, .euroMain .importantPlayer ul li:first-child { width: 100% !important }
    .euroMain .featuredArea .pattern2 ul li, .euroMain .importantPlayer ul li { width: 100% !important }
    .euroMain .featuredArea .pattern2 li .desc { padding: 4px 10px; }
    .euroMain .importantPlayer .featuredArea .pattern2 ul li a .imageCntnr { padding-bottom: calc((150px * 67) / 100); width: 150px; }
    .euroMain .importantPlayer .featuredArea .pattern2 li .desc { width: calc(100% - 150px); }
    .euroMain .importantPlayer .featuredArea ul li.video .secName, .euroMain .importantPlayer .featuredArea ul li .secName { right: 125px }
    .euroMain .featuredArea .pattern2 ul li .desc .date { right: 10px }
    .euroPredCnts .predHint, .euroRoadToCup .predHint { padding: 20px 10px; min-height: 100% }
    .euroPredCnts .predHint .hintMsg h3, .euroRoadToCup .predHint .hintMsg h3 { font-size: 18px; line-height: 1.8; text-align: center }
    .euroPredCnts .predHint .hintMsg p, .euroRoadToCup .predHint .hintMsg p { text-align: center; margin: 20px 0 30px; font-size: 12px; }
    .euroPredCnts .predHint .regBtn, .euroRoadToCup .predHint .regBtn { position: relative; bottom: 0; left: 0; width: 100%; height: 40px; display: inline-block; line-height: 3.0; font-size: 14px; }
    .euroPredCnts .predictionCnts .tourTitle { padding: 0 10px }
    .euroPredCnts .predictionCnts .tourTitle .shape { width: 14px; height: 14px; margin-top: 18px; }
    .euroPredCnts .predictionCnts .tourTitle h3 { width: calc(100% - 18px); font-size: 14px; line-height: 3.6; padding-right: 10px; }
    .euroPredCnts .predictionCnts .tourTitle h3 span { font-size: 11px; }
    .euroPredCnts .predictionCnts .tourTitle .jokerCount { left: 10px }
    .euroPredCnts .predictionCnts .tourTitle .jokerCount .icon-joker:before { font-size: 14px }
    .euroPredCnts .predictionCnts .tourTitle .jokerCount p { font-size: 12px; line-height: 1.4 }
    .euroPredCnts .predictionCnts .tourTitle .jokerCount p span { font-size: 16px }
    .euroPredCnts .predictionCnts .accordionItem .matchData { height: 110px; padding: 0 10px; }
    .euroPredCnts .predictionCnts .accordionItem .matchData .date p { line-height: 4.2; margin-left: 10px; font-size: 11px; width: auto }
    .euroPredCnts .predictionCnts .accordionItem .matchData .date p.day { width: auto }
    .euroPredCnts .predictionCnts .accordionItem .matchData .teamName { font-size: 11px; width: auto; text-align: center; line-height: 1.8; }
    .euroPredCnts .predictionCnts .accordionItem .matchData .teamresult.team1 .teamName { position: absolute; left: 54px; top: 50%; transform: translateY(-50%); text-align: left; padding-right: 10px }
    .euroPredCnts .predictionCnts .accordionItem .matchData .teamresult.team2 .teamName { position: absolute; right: 54px; top: 50%; transform: translateY(-50%); text-align: right; padding-left: 10px }
    .euroPredCnts .predictionCnts .accordionItem .matchData .match { width: 100%; top: auto; left: 0; transform: none; bottom: 10px; }
    .euroPredCnts .predictionCnts .accordionItem .matchData a { display: inline-block; width: calc(100% - 30px) }
    .euroPredCnts .predictionCnts .accordionItem .matchData .teamresult img { margin: 4px calc((100% - 20px) / 2) 2px; }
    .euroPredCnts .predictionCnts .accordionItem .matchData .teamresult.team1 img { margin: 0; margin-right: 10px; position: absolute; left: 24px; top: 50%; transform: translateY(-50%) }
    .euroPredCnts .predictionCnts .accordionItem .matchData .teamresult.team2 img { margin: 0; margin-left: 10px; position: absolute; right: 24px; top: 50%; transform: translateY(-50%) }
    .euroPredCnts .predictionCnts .accordionItem .matchData .teamresult.team1 span { margin-right: 4px }
    .euroPredCnts .predictionCnts .accordionItem .matchData .teamresult.team2 span { margin-left: 4px }
    .euroPredCnts .predictionCnts .matchData .predStatus { width: 70px; left: 40px; top: 10px; transform: none; height: 22px; }
    .euroPredCnts .predictionCnts .matchData .predStatus .status { font-size: 10px; line-height: 2.2; }
    .euroPredCnts .predictionCnts .matchData .predStatus .predTimer { font-size: 12px; margin-right: 2px; line-height: 1.8; }
    .euroPredCnts .predictionCnts .accordionItem .matchData .teamresult { height: 52px; position: relative }
    .euroPredCnts .predictionCnts .matchData span.icon-plus { left: 10px; top: 10px; transform: none }
    .euroPredCnts .predictionCnts .matchData span.icon-plus::before, .euroPredCnts .predictionCnts .matchData span.icon-plus::after { width: 10px }
    .euroPredCnts .predictionCnts .matchData span.icon-plus::after { left: 6px }
    .euroPredCnts .predictionCnts .accordionItem.open .matchData span.icon-plus { -webkit-transform: rotateX(180deg); -moz-transform: rotateX(180deg); -ms-transform: rotateX(180deg); -o-transform: rotateX(180deg); transform: rotateX(180deg); }
    .euroPredCnts .item .matchPrediction .team { width: calc((100% - 50px) / 2) }
    .euroPredCnts .item .matchPrediction .team.team1 { padding-left: 50px; }
    .euroPredCnts .item .matchPrediction .team.team2 { padding-right: 50px; }
    .euroPredCnts .item .matchPrediction .teamName, .euroPredCnts .item .matchPrediction .teamScoring p { font-size: 11px; width: 100%; text-align: center; line-height: 2; }
    .euroPredCnts .item .matchPrediction .dash { width: 50px; }
    .euroPredCnts .predictionCnts .accordionItem .matchData .predStatus .status p.points { line-height: 20px }
    .euroPredCnts .predictionCnts .accordionItem .matchData .teamName { font-size: 11px; width: auto; text-align: center; line-height: 1.8; }
    .euroPredCnts .predictionCnts .accordionItem .matchData .teamresult.team1 .teamName { position: absolute; left: 54px; top: 50%; transform: translateY(-50%); text-align: left; padding-right: 10px }
    .euroPredCnts .predictionCnts .accordionItem .matchData .teamresult.team2 .teamName { position: absolute; right: 54px; top: 50%; transform: translateY(-50%); text-align: right; padding-left: 10px }
    .euroPredCnts .predictionCnts .accordionItem .matchData .match { width: 100%; top: auto; left: 0; transform: none; bottom: 10px; }
    .euroPredCnts .predictionCnts .accordionItem .matchData a { display: inline-block; width: calc(100% - 30px) }
    .euroPredCnts .predictionCnts .accordionItem .matchData .teamresult img { margin: 4px calc((100% - 20px) / 2) 2px; }
    .euroPredCnts .predictionCnts .accordionItem .matchData .teamresult.team1 img { margin: 0; margin-right: 10px; position: absolute; left: 24px; top: 50%; transform: translateY(-50%) }
    .euroPredCnts .predictionCnts .accordionItem .matchData .teamresult.team2 img { margin: 0; margin-left: 10px; position: absolute; right: 24px; top: 50%; transform: translateY(-50%) }
    .euroPredCnts .predictionCnts .accordionItem .matchData .teamresult.team1 span { margin-right: 4px }
    .euroPredCnts .predictionCnts .accordionItem .matchData .teamresult.team2 span { margin-left: 4px }
    .euroPredCnts .item .matchPrediction form, .euroPredCnts .item .matchPrediction .value-button { width: 30px }
    .euroPredCnts .item .matchPrediction input.number { width: 30px; height: 30px; font-size: 18px; }
    .euroPredCnts .predictionCnts .accordionItem .accContent .predItem { padding: 10px }
    .euroPredCnts .predictionCnts .accordionItem .accContent .predItem .item { width: 100%; margin-left: 0; margin-bottom: 16px; height: 152px }
    .euroPredCnts .predictionCnts .accordionItem .accContent .predItem .item:last-of-type { margin-bottom: 0 }
    .euroPredCnts .predictionCnts .accordionItem .accContent .predItem .item .predMatchTitle { height: 34px }
    .euroPredCnts .predictionCnts .accordionItem .accContent .predItem .item .predMatchTitle h3 { font-size: 13px; line-height: 2.6 }
    .euroPredCnts .predMatchTitle .predJoker { width: 22px; height: 22px }
    .euroPredCnts .predMatchTitle .predJoker input[type="checkbox"] + label { font-size: 16px }
    .euroPredCnts .predMatchTitle .predJoker input[type="checkbox"] + label .icon-joker:before { left: 4px }
    .LandingPage.CAF, .euroSquad .LandingPage.CAF { padding-bottom: 68% }
    .legends:before { right: 40px; top: 30px; width: 144px; height: 108px; background-size: 144px 108px; }
    .LandingPage.CAF.legends .text { right: 40px; transform: translateY(calc(-50% + 30px)); width: 400px; }
    .LandingPage.CAF.legends .text h1 { font-size: 36px; margin-bottom: 10px; }
    .LandingPage.CAF.legends .text p { font-size: 18px }
    .LandingPage.CAF.legends .text .startSquad { width: 200px; height: 50px; font-size: 18px; line-height: 2.8 }
    .euroSquadPage .shareBtn { right: 50px; bottom: 30px }
    .euroSquadPage .sponsors { bottom: 30px; left: 50px }
    .euroSquadPage .sponsors a img { height: 40px }
    .chseSqMain.legendsSquad, .chseSqMain.chooseTeam { padding-bottom: 72% }
    .chseSqMain.legends:before { width: 120px; height: 90px; background-size: 120px 90px; right: 20px }
    .euroSquadPage .chseSqMain .sponsors { left: 20px }
    .euroSquadPage .chseSqMain .sponsors a img { height: 34px; }
    .chseSqMain .allForms { bottom: 80px !important }
    .chseSqMain .allForms a { line-height: 1.6 !important }
    .chseSqMain .col3 .allForms a { line-height: 2.6 !important; font-size: 15px !important; }
    .euroSquadPage .chseSqMain .sponsors { left: 20px }
    .euroSquadPage .chseSqMain .sponsors a img { height: 30px; }
    .euroSquad .chseTtl { width: calc(100% - 590px); right: 50px; height: 368px; padding-top: 120px; }
    .euroSquad .chseTtl h1 { font-size: 26px }
    .euroSquad .chseTtl p { width: 230px; font-size: 16px; }
    .euroSquad .chseTtl:before,
    .euroSquadPage .chseSqMain.chooseTeam:before { width: 85px; height: 100px; background-size: 85px auto; }
    .euroSquadPage .chseSqMain.chooseTeam:before { right: 20px; top: 40px }
    .euroSquadPage .chseSqMain.chooseTeam:after { left: 20px }
    .euroSquad .LandingPage.CAF:before { left: 50px; top: 40px; width: 94px; height: 40px; background-size: 94px auto }
    .euroSquadPage .chseSqMain.chooseTeam:after { top: 40px; width: 94px; height: 40px; background-size: 94px auto }
    .euroSquad .LandingPage.CAF .landingTeam { width: 456px; left: 50px }
    .euroSquad .LandingPage.CAF .landingTeam li { margin-left: 12px; margin-bottom: 12px; width: 66px }
    .euroSquad .LandingPage.CAF .landingTeam li a { padding: 10px }
    .euroSquad .LandingPage.CAF .landingTeam li:nth-last-child(-n+6) { margin-bottom: 0; }
    .euroSquad .LandingPage.CAF .landingTeam li .imgCntnr { margin-bottom: 16px }
    .euroSquad .LandingPage.CAF .landingTeam li p { font-size: 12px }
    .euroSquadPage .shareBtn a.faceShare,
    .euroSquadPage .shareBtn a.twShare { font-size: 26px }
    .euroInner article .maxWidth { width: 100%; margin: 0; padding: 0 15px 15px }
    .euroInner .articleHeader { width: calc(100% - 336px); padding: 0 15px }
    .euroInner .articleHeader .artclHdline { width: 100%; margin: 0 }
    .euroInner .relatedArticles ul li.item .desc { width: 180px }
    .euroInner .proPlayer .tabs a { margin-left: 40px }
    .euroInner .tabs .euroLogo { margin-left: 99px }
    .euroInner .articleHeader .articleInfo .articleAuthor { width: auto }
    .euroInner .articleHeader .articleInfo { height: auto }
    .groups .groupTabs .table .wRow .item:nth-child(2) { margin-left: 25px }
    .groups .GroupStanding .table .ttlRow .itemTtl, .groups .GroupStanding .table .wRow .item { width: 40px }
    .groups .GroupStanding .table .ttlRow .itemTtl:nth-child(2) { width: calc(100% - 362px) }
    .groups .GroupStanding .table .wRow .team img { height: 20px }
    .euroInner .matchcenter .maxWidth { width: 100%; margin: 0 }
    .euroInner .matchcenter .matchesList ul li .leftCol { width: 100px }
    .euroInner .matchcenter .matchesList ul li .allData { width: calc(100% - 100px) }
    .euroInner .matchcenter .matchesList ul li .channel { width: 88px }
    .euroInner .matchcenter .matchesList ul li .channel:before { line-height: 1.8 }
    .euroInner .matchcenter .matchesList ul li .topData { padding: 15px 10px 45px }
    .euroInner .matchcenter .matchesList ul li .channel { left: 10px }
    .euroInner .matchcenter .matchesList ul li .leftCol { padding: 20px 10px }
    .euroInner .matchcenter .matchesList ul li .bottomData .teamDtl { padding: 0 10px 0 20px }
    .fanZone .cntnr { width: 100%; padding: 80px 20px; margin: 0 }
    .fanZone ul li { width: calc((100% - 40px) /3) !important }
    .fanZone ul li h2 { font-size: 20px }
    .fanZone ul li p { font-size: 12px }
    .fanZone ul li.FZQuiz .gameImg { width: 110px; left: 0 }
    .fanZone ul li .dtlsCorner { width: 120px }
    .fanZone ul li.FZPred p { width: 100% }
    .fanZone ul li.FZPred .gameImg { width: 120px; top: 50%; transform: translateY(-50%); left: 5px }
    .fanZone ul li .gameImg { width: 100px }
    .fanZone ul li a span { width: 100px; height: 35px; line-height: 1.6 }
    .fanZone ul li.header h1 { width: 270px; font-size: 45px; }
    .euroInner .matchcenter .matchesList ul li .bottomData .teamDtl p { font-size: 13px }
    .login-box.signUpActive.error, .login-box.loginActive.error { margin-top: 20px }
    .passwordPage .cntnr { width: 100%; margin: 0 }
    .RulesMsg .cntnr { height: calc(100% - 80px); top: 65px; transform: translateX(-50%); }
    .RulesMsg .rulesItems { overflow-x: hidden !important; overflow-y: scroll !important; height: 478px }
    .RulesMsg .lb-header { margin-bottom: 10px }
    .euroRoadToCup { padding: 64px 32px }
    .euroRoadToCup .predHint .hintMsg h3 { font-size: 24px }
    .euroRoadToCup .title p { font-size: 18px }
    .euroRoadToCup .groupTaples .group { width: calc((100% - 16px) / 2); margin-left: 16px; margin-bottom: 16px; }
    .euroRoadToCup .groupTaples .group:nth-child(3n) { margin-left: 16px }
    .euroRoadToCup .groupTaples .group:nth-child(2n) { margin-left: 0 }
    /*.euroRoadToCup .groupTaples .GroupTeams{width:278px;margin:10px calc((100% - 278px) / 2) 20px}
    .euroRoadToCup .groupTaples .GroupTeams li{margin-left:26px}*/
    .euroRoadToCup .Place3rd { width: 100%; margin: 0; }
    .tour2694 .euroRoadToCup .allRounds .roundItem { width: calc((100% - 40px) / 3); margin-left: 20px; }
    .tour2694 .euroRoadToCup .allRounds .roundItem:last-child { margin-left: 0 }
    .second .teamData:last-child:before, .second .teamData:first-child:before,
    .third .teamData:last-child:before, .third .teamData:first-child:before,
    .final .teamData:last-child:before, .final .teamData:first-child:before { width: 14px; right: -10px; }
    .euroRoadToCup .allRounds .roundItem .qualifiedTeams .separating { width: calc(100% + 4px); }
    .euroRoadToCup .allRounds .roundItem .cupWinner h3 { font-size: 16px }
    .tour2694 .euroRoadToCup .allRounds .roundItem .qualifiedTeams .cupWinner .TeamName { font-size: 17px }
    /*.euroRoadToCup .flickity-button {top: -50px;width: 60px;height: 30px;background-color: #fff;border-radius:6px;border: none;color:#7187c6}
    .euroRoadToCup .flickity-button.previous{left:auto;right:0;color:inherit}
    .euroRoadToCup .flickity-button.next:before{color:inherit}
    .euroRoadToCup .flickity-button:hover{background:#6a81c3;color:#fff}*/
    .euroQuizCnts .afterLogin .welcomeHint .yourScore { width: 200px; height: 100px }
    .euroQuizCnts .afterLogin .welcomeHint .yourScore p { font-size: 20px; margin: 6px 0 0px; }
    .euroQuizCnts .resultDiv .yourScore p { font-size: 20px }
    .euroQuizCnts .afterLogin .welcomeHint .yourScore span { font-size: 36px }
    .euroQuizCnts .getReadyTimer p,
    .euroQuizCnts .resultDiv p { font-size: 22px; margin-bottom: 44px; }
    .euroQuizCnts .getReadyTimer span { font-size: 100px }
    .euroQuizCnts .questionDiv p { font-size: 22px }
    .euroQuizCnts .answer p { font-size: 15px }
    .euroInner .articleSocial.euroSocial.fixed { right: 10.6% }
    .euroMain .FullWidthBK .euroHeader { background-position: 120% 71%, 6% 97%, 42% 102%; background-size: 50%, 31%, 28%; }
    .euroInner .socialMargin { width: 100%; padding: 40px 10px 0 }
    .euroInner .articleSocial.euroSocial.fixed { right: auto; position: absolute; top: 5px }
    .euroInner .articleSocial.euroSocial { position: absolute; top: 5px; margin-top: 0; width: 76px; height: 40px; left: 0; }
    .euroInner .articleSocial { display: inline-block }
    .euroInner .articleInfo .articleSocial { display: none }
    .euroInner article .detailsFooter { margin-bottom: 0 }
    .medalPage .maxWidth { width: 100%; margin: 0 }
    .olympicStrip .euroMain .FullWidthBK .euroHeader { background-size: 98%; background-position: left -310px top 0; }
    .olympicStrip .FullWidthBK .euroHeader img.robotStrip { margin: 15px 30px 0 0; width: 70px }
    .olympicStrip .FullWidthBK .euroHeader .textStrip { margin-right: 20px }
    .olympicStrip .FullWidthBK .euroHeader .textStrip p { font-size: 22px }
    .olympicStrip .FullWidthBK .euroHeader a { left: 178px }
    .euroStrip.olympicStrip .spansorheader .spansorEuro { width: 140px; left: 22px }
    .olympicStrip .spansorheader .spansorEuro a img { width: 140px }
    /*new gutter*/
    article .artclHdline { font-size: 22px }
    article .stats .item { width: 100%; margin-bottom: 15px; height: 216px }
    article .stats .item ul li, article .stats .item.matches ul li { height: 56px; padding: 6px 10px }
    .matchesCenter .tab { padding: 0 !important }
    .matchesCenter .tab button { width: calc((100% - 75px) / 7) !important; }
    .matchesCenter .tab button:before { width: 50px; height: 50px }
    .matchesCenter .tab button p { font-size: 20px }
    .matchesCenter .tab button span { margin-top: -2px }
    .matchesCenter .dateBtn { width: 45px; height: 45px }
    .matchesCenter .icon-date:before { font-size: 26px }
    .matchesCenter .toursDropdown { width: 110px; position: absolute; right: 10px; bottom: 10px; }
    .matchesCenter .matchesNow { width: 110px; position: absolute; right: 125px; bottom: 10px; }
    .cd-gallery li .tv { position: absolute; bottom: 10px; left: 10px; margin-top: 0; max-width: 175px }
    .Team_Page .featuredArea .desc { margin-top: 10px }
    .tourStats.stats .item { width: calc((100% - 16px)/ 2); }
    .tourStats.stats .item:nth-of-type(2n) { margin-left: 0 }
    .Team_Page .list .Team1 ul li { width: calc((100% - 16px) / 2); }
    .Team_Page .list .Team1 ul li:nth-of-type(3n) { margin-left: 16px }
    .Team_Page .list .Team1 ul li:nth-of-type(2n) { margin-left: 0 }
    .Team_Page .list .Team1 .numm { width: 45px }
    .Team_Page .list .Team1 .P-name a { font-size: 11px }
    .Team_Page .list .Team1 .P-name { width: calc(100% - 102px); }
    .euroInner .matchcenter .matchesList ul li .bottomData .teamDtl { padding: 0 8px }
    .euroInner .matchcenter .matchesList ul li .bottomData .teamDtl p { font-size: 13px }
    /*     .proPlayer .rightside{width:100%;margin-left:0}
    .proPlayer .remainContent .listing ul li{width:calc((100% - 32.1px) / 3)}
    .proPlayer .remainContent .listing ul li:nth-of-type(2n){margin-left:16px}
    .proPlayer .remainContent .listing ul li:nth-of-type(3n){margin-left:0}
    .proPlayer .interestedArticles, .proPlayer .tourMatches{width:100%}*/
    /*.showcaseDiv{margin:20px calc((100% - 300px) /2) 20px}
    .leftHP{width:100%}*/
    .tour2694 .euroRoadToCup .title h1 { font-size: 36px; height: 90px; }
    .tour2694 .euroRoadToCup .title span { font-size: 16px }
    .tour2694 .euroRoadToCup .title h1:before { width: 44px; height: 90px }
    .viewTabContainer { padding: 50px 30px 30px }
    .tour2694 .euroRoadToCup .breadcrumbDiv { margin-bottom: 30px }
    .tour2694 .euroRoadToCup .groupTaples .group { margin-left: 16px; margin-bottom: 16px; width: calc((100% - 16px)/ 2); }
    .tour2694 .euroRoadToCup .groupTaples .group:nth-child(3n) { margin-left: 16px }
    .tour2694 .euroRoadToCup .viewTabContainer .camel { left: 30px }
    .tour2694 .euroRoadToCup .viewTabContainer .eagles { left: 30px; top: 30px }
    .tour2694 .euroRoadToCup .groups { padding-bottom: 50px }
    .tour2694 .euroRoadToCup .groupTaples .GroupTeams { width: 272px; margin: 10px calc((100% - 272px) / 2) 20px }
    .tour2694 .euroRoadToCup .groupTaples .GroupTeams li { margin-left: 24px }
    .tour2694 .euroRoadToCup .groupTaples .GroupTeams li:last-of-type { margin-left: 0; }
    .tabs-nav > li { padding: 20px 30px }
    .euroPredCnts .predictionCnts .saveHint { width: 800px }
    .chooseLeague ul li { width: 250px;height:114px }
    .chooseLeague ul li:nth-of-type(6n) { margin-left: 10px }
    .chooseLeague ul li:nth-of-type(5n) { margin-left: 0 }
    .chooseLeague ul li a { display: inline-block; width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); padding: 10px; text-align: center }
    .chooseLeague ul li img { height: 45px; position: relative; top: auto; left: auto; transform: none; }
    .chooseLeague ul li p { font-size: 14px; margin-top: 8px }
    .newPred .pagecnts { width: 100%; margin: 0 0; padding: 0 20px }
    .newPred .innerpage{ width: 100%; margin: 0 0; padding: 0 20px }
    .newPred .FullWidthBK .pagecnts { padding: 20px }
    .newPred .euroPredCnts .tabs .regBtn { left: 20px }
    /*.newPred .prediction{padding:20px 15px}*/
    .newPred.predRanking .createLeague .ranking.allLeagues .rankCnts .table .wRow .item.num, .newPred.predRanking .createLeague .ranking.allLeagues .rankCnts .table .ttlRow .itemTtl.num { width: 150px }
    .newPred.predRanking .createLeague .ranking.allLeagues .rankCnts .table .ttlRow .itemTtl, .newPred.predRanking .createLeague .ranking.allLeagues .rankCnts .table .wRow .item { width: calc((100% - 150px)/2) }
    .newPred.predRanking .createLeague .ranking.allLeagues .rankCnts .table .wRow .leagueSetting a { padding: 0 10px }
    .newPred .proPlayer .title .leagueSetting a { padding: 0 15px; height: 40px }
    .newPred .proPlayer .title .leagueSetting a .cont p, .newPred .proPlayer .title .leagueSetting a .cont .icon-edit:before,
    .newPred .proPlayer .title .leagueSetting a .cont .icon-remove:before,
    .newPred .proPlayer .title .leagueSetting a .cont .icon-share:before { line-height: 38px }
    .newPred .proPlayer .title h2 { font-size: 26px }
    .newPred .proPlayer .title .membersNumber, .newPred .proPlayer .title .totalNum { margin-top: 0 }
    .newPred .proPlayer .title .leagueSetting { width: 100%; margin-top: 5px; float: right }
    .tour-1.newPred .proPlayer .title .leagueSetting{width:auto}
    .newPred .proPlayer .title .leagueSetting a { padding: 0 20px; height: 40px }
    .newPred .proPlayer .title .leagueSetting a .cont p, .newPred .proPlayer .title .leagueSetting a .cont span:before { line-height: 40px !important }
    .newPred.predRanking .createLeague .ranking.allLeagues .rankCnts .table .ttlRow .itemTtl.totalPoints, .newPred.predRanking .createLeague .ranking.allLeagues .rankCnts .table .ttlRow .itemTtl.num,
    .newPred.predRanking .createLeague .ranking.allLeagues .rankCnts .table .wRow .item.num, .newPred.predRanking .createLeague .ranking.allLeagues .rankCnts .table .wRow .item.totalPoints { width: 150px }
    .newPred.predRanking .createLeague .ranking.allLeagues .rankCnts .table .ttlRow .itemTtl, .newPred.predRanking .createLeague .ranking.allLeagues .rankCnts .table .wRow .item { width: calc(100% - 310px); }
    .newPred.predRanking .createLeague .ranking.allLeagues .rankCnts .table .ttlRow .itemTtl.buttons{display:none}
    .predRanking .ranking .rankCnts .table .wRow{height:100px!important}
    .newPred.predRanking .createLeague .ranking.allLeagues .private .rankCnts .table .wRow .item.buttons,
    .newPred.predRanking .createLeague .ranking.allLeagues .rankCnts .table .wRow .item.buttons{margin-top:0!important;text-align:center}
    .euroPredCnts .FullWidthBK h1:first-child { right: 20px }
    .euroPredCnts .FullWidthBK h1:first-child:first-child { font-size: 42px }
    .newPred .euroPredCnts .FullWidthBK h1, .newPred .euroPredCnts .FullWidthBK h2 { right: 20px }
    .newPred .pagecnts { padding: 35px 20px }
    .newPred .innerpage{ padding: 35px 20px }
    .newPred .FullWidthBK .pagecnts { padding: 0 20px }
    /*.newPred.tour-1 .FullWidthBK .pagecnts { padding: 20px }*/
    .tour2697.newPred .pagecnts { padding: 35px 20px }
    .tour2697.newPred .FullWidthBK .pagecnts { padding: 0 20px }
    .tour2727.newPred .pagecnts { padding: 35px 20px }
    .tour2727.newPred .FullWidthBK .pagecnts { padding: 20px }
    .tour2730.newPred .pagecnts { padding: 35px 20px }
    .tour2730.newPred .FullWidthBK .pagecnts { padding: 0 20px }
    .tour2730 .euroPredCnts .FullWidthBK .euroHeader:before { background: url(../../images/EgyptionLeague.png) no-repeat left -17% top 18%; background-size: 42%; width: 100% }
    .tour2694.newPred .FullWidthBK .pagecnts { padding: 0 20px }
}

@media only screen and (max-width: 1023px) {
    .cafLgFinal { background: #020305 }
    .cafLgFinal .championSponsor { height: 100px; z-index: 9 }
    .cafLgFinal .championSponsor .desktop { display: none; }
    .cafLgFinal .championSponsor .mobile { display: inline-block; }
    .cafLgFinal .wrapper { margin-top: 340px }
    .cafLgFinal .container { z-index: 9 }
    .ahlyFans.cafLgFinal .votingBtn .second:before { background-size: 100% auto }
    .zamalekFans.cafLgFinal .votingBtn .second:before { background-size: 100% auto }
    .ahlyFans.cafLgFinal .votingBtn .second .socialMediaBtn p { width: 70px; line-height: 1.6; font-size: 12px; text-align: left; }
    .zamalekFans.cafLgFinal .votingBtn .second .socialMediaBtn p { width: 70px; line-height: 1.6; font-size: 12px; text-align: left; }
    .cafLgFinal .featuredArea ul li { background: transparent }
    .cafLgFinal .featuredArea ul li a .imageCntnr { width: 100%; padding-bottom: 67% }
    .cafLgFinal .featuredArea .desc { width: 100%; height: 70px; position: absolute; bottom: 0; padding: 0; background: linear-gradient(270deg,rgba(0,0,0,0),#000000); background: -webkit-linear-gradient(270deg,rgba(0,0,0,0),#000); background: -o-linear-gradient(270deg,rgba(0,0,0,0),#000); background: -moz-linear-gradient(270deg,rgba(0,0,0,0),#000); background: -ms-linear-gradient(270deg,rgba(0,0,0,0),#000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#004c4c4c',endColorstr='#ff1a3b00',GradientType=0) }
    .cafLgFinal .featuredArea .desc p { color: #fff; position: absolute; padding: 0 10px; height: 52px; }
    .cafLgFinal .featuredArea ul li:first-child .desc p { height: auto }
    .cafLgFinal .pattern1 ul li .desc { margin-top: 10px; background: #222 }
    .cafLgFinal .pattern1 ul li:nth-last-child(-n+4), .cafLgFinal .pattern2 ul li:nth-last-child(-n+4) { margin-bottom: 10px }
    .cafLgFinal .pattern2 ul li:first-child { width: calc(100% - ((100% + 6px)/ 3)) }
    .cafLgFinal .pattern2 ul li { width: calc((100% - 12.1px)/ 3) }
    .cafLgFinal .listing ul li a .imageCntnr { width: 100%; padding-bottom: 67% }
    .cafLgFinal .listing ul li .desc { width: 100%; height: auto; background: #222; padding: 10px; margin-top: 0 }
    .cafLgFinal .listing ul li .desc p { height: 80px; font-size: 14px }
    .cafLgFinal .listing ul li { width: calc((100% - 32.1px) / 3); }
    .cafLgFinal .listing ul li .secName { padding: 2px 10px; font-family: droidLight, Arial; font-size: 13px; color: #fff; background: rgba(0,0,0,0.7); position: absolute; top: 0px; right: 0px; z-index: 1; }
    .cafLgFinal .entryPoint { width: 650px; margin-right: calc((100% - 650px) / 2); margin-left: calc((100% - 650px) / 2); }
    .ahlyFans.cafLgFinal .votingBtn .second:after { width: 136px; height: 120px; top: 0; left: 40px; background-size: auto 120px; }
    .zamalekFans.cafLgFinal .votingBtn .second:after { width: 85px; height: 120px; top: 0; left: 20px; background-size: auto 120px; }
    .LandingPage.CAF .landingTeam { right: auto; width: 55%; }
    .LandingPage.CAF .landingTeam .line a { width: 84px; height: 34px; font-size: 15px; line-height: 2.2; }
    .LandingPage.CAF .shareGame { bottom: 25px; left: 15px; }
    .LandingPage.CAF .shareGame p { font-size: 15px }
    .cafLgFinal .quizContainer .listing ul li a .imageCntnr { width: 120px; padding-bottom: calc((120px * 67)/ 100); }
    .cafLgFinal .quizContainer .listing ul li .desc { width: calc(100% - 130px); margin-right: 10px }
    .cafLgFinal .quizContainer .listing ul li { padding: 10px }
    .cafLgFinal .quizContainer .listing.quizListing ul li .desc p { font-size: 14px; height: 45px; }
    .cafLgFinal .quizContainer .listing.quizListing ul li .bottomBox { margin-top: 0; width: calc(100% - 130px); margin-right: 10px }
    .cafLgFinal .quizContainer .listing.quizListing ul li .bottomBox label { width: 80px; height: 24px; font-size: 11px; line-height: 2.4 }
    .cafLgFinal .quizContainer .listing ul li:first-child { padding: 10px }
    .cafLgFinal .quizContainer .listing ul li:first-child a .imageCntnr { width: 300px; padding-bottom: calc((300px * 67)/ 100); }
    .cafLgFinal .quizContainer .listing ul li:first-child .desc { width: calc(100% - 320px); margin-top: 30px }
    .cafLgFinal .quizContainer .listing.quizListing ul li:first-child .desc p { font-size: 20px; max-height: 72px; height: auto; margin-bottom: 30px; }
    .cafLgFinal .quizContainer .listing.quizListing ul li:first-child .bottomBox { margin-right: 20px; width: calc(100% - 320px); margin-top: 10px }
    .cafLgFinal .quizContainer .listing.quizListing ul li:first-child .bottomBox label { float: right; width: 110px; height: 34px; font-size: 13px; line-height: 2.6 }
    .cafLgFinal .quizContainer .listing.quizListing ul li:first-child .bottomBox label .icon-arrow:before { font-size: 10px; margin-right: 6px }
    .cafLgFinal .listing.quizPartial ul li a .imageCntnr { width: 120px; padding-bottom: calc((120px * 67)/ 100); }
    .cafLgFinal .listing.quizPartial ul li .desc { width: calc(100% - 130px); margin-right: 10px }
    .cafLgFinal .listing.quizPartial ul li { padding: 10px }
    .cafLgFinal .listing.quizPartial ul li a .imageCntnr { width: 120px; padding-bottom: calc((120px * 67)/ 100); }
    .cafLgFinal .listing.quizPartial ul li .desc { width: calc(100% - 130px); margin-right: 10px }
    .cafLgFinal .listing.quizPartial ul li { padding: 10px }
    .cafLgFinal .listing.quizPartial ul li .desc p { font-size: 14px; height: 45px; }
    .cafLgFinal .listing.quizPartial ul li .bottomBox { margin-top: 0; width: calc(100% - 130px); margin-right: 10px }
    .cafLgFinal .listing.quizPartial ul li .bottomBox label { width: 80px; height: 24px; font-size: 11px; line-height: 2.4 }
    .shortLinks { position: relative; display: inline-block; float: right; width: 100%; right: 0; top: 0; transform: none }
    .shortLinks a { display: inline-block; float: right; margin-bottom: 10px; padding: 10px; background: #0277bd; height: auto; border-radius: 4px; position: relative; right: 0 !important; margin-left: 10px; width: calc((100% - 50px) / 6); text-align: center }
    .shortLinks a span { float: left; margin-right: 8px; width: 34px; height: 34px; margin: 0 calc((100% - 34px) / 2) 10px; border-radius: 50%; overflow: hidden; position: relative; background: rgba(0,0,0,0.2) }
    .shortLinks a span img { width: 20px; height: auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) }
    .shortLinks a p { display: inline-block; width: 100%; float: right; font-family: droidLight, arial; color: #fff; font-size: 12px; line-height: 1; text-align: center }
    .shortLinks a:last-child { margin-bottom: 0; margin-left: 0 }
    .LandingPage.CAF .aqarLogo { bottom: 40px; right: 40px; }
    .proPlayer .rightside { width: 100%; margin-left: 0 }
    /*.proPlayer .remainContent .listing ul li{width:100%;margin-left:0}
    .proPlayer .remainContent .listing ul li .desc p {height: 27px;font-size: 15px;}
    .proPlayer .remainContent .listing ul li .desc{margin-top:0}*/
    .proPlayer .featuredArea .pattern2 ul li:first-child, .proPlayer .importantPlayer ul li:first-child { width: 100%; margin-left: 0; height: auto; margin-bottom: 16px }
    .proPlayer .featuredArea .pattern2 ul li, .proPlayer .importantPlayer ul li { width: 100%; margin-bottom: 16px; height: 100px }
    .proPlayer .featuredArea .pattern2 ul li a .imageCntnr, .proPlayer .importantPlayer ul li a .imageCntnr { width: 150px; padding-bottom: calc((150px * 67)/ 100); float: right; }
    .proPlayer .featuredArea .pattern2 ul li.video .secName, .proPlayer .importantPlayer ul li.video .secName { right: 125px }
    .proPlayer .featuredArea .pattern2 li .desc, .proPlayer .importantPlayer li .desc { margin-top: 0; width: calc(100% - 150px); }
    /*    .proPlayer .featuredArea .pattern2 ul li .desc .date, .proPlayer .importantPlayer ul li .desc .date{bottom:10px}
*/ .proPlayer .importantPlayer ul li:first-child .desc p { position: relative }
    .proPlayer .remainContent .listing ul li a .imageCntnr { width: 100%; padding-bottom: 67% }
    .proPlayer .remainContent .listing ul li .desc { width: 100%; margin-top: 0 }
    .proPlayer .remainContent .Pcnt ul li:first-child { margin-right: 16px }
    .proPlayer.Videos .listing ul li .secName { right: 95px; width: 25px; height: 20px; overflow: hidden; padding: 0; top: 0; }
    .proPlayer.Videos .listing ul li .secName .icon { width: 25px; height: 20px }
    .proPlayer.Videos .listing ul li .secName { right: 125px }
    .proPlayer .FullWidthBK.proBG h1 { right: 60px; font-size: 46px }
    .proPlayer .FullWidthBK.proBG img.newPro { left: 10px; height: 140px }
    .proPlayer .FullWidthBK.proBG .lines { width: 10px }
    .proPlayer .FullWidthBK.proBG .lines.leftBlue { left: 24px }
    .proPlayer .FullWidthBK.proBG .lines.leftRed { left: 310px }
    .proPlayer .FullWidthBK.proBG .lines.leftYellow { left: 326px }
    .proPlayer .FullWidthBK.proBG .lines.rightBlue { right: 32px; top: 80px }
    .proPlayer .FullWidthBK.proBG .lines.rightYellow { right: 16px; top: 20px }
    .euroMain .tabs a { margin-left: 40px }
    .euroMain .featuredArea .pattern2 ul li:first-child, .euroMain .importantPlayer ul li:first-child { width: 100% !important }
    .euroMain .featuredArea .pattern2 ul li, .euroMain .importantPlayer ul li { width: 100% !important }
    .euroMain .featuredArea .pattern2 li .desc { padding: 8px 10px; }
    .euroMain .importantPlayer .featuredArea .pattern2 ul li a .imageCntnr { padding-bottom: calc((150px * 67) / 100); width: 150px; }
    .euroMain .importantPlayer .featuredArea .pattern2 li .desc { width: calc(100% - 150px); }
    .euroMain .importantPlayer .featuredArea ul li.video .secName, .euroMain .importantPlayer .featuredArea ul li .secName { right: 125px }
    .euroMain .featuredArea .pattern2 ul li .desc .date { right: 10px }
    .euroMain .featuredArea .pattern2 ul li .desc p,
    .euroMain .remainContent .proNews .listing ul li .desc p,
    .euroMain .remainContent .listing.multimedia ul li .desc p { height: 48px; font-size: 13px }
    .euroMain .featuredArea .pattern2 ul li .desc p { height: auto }
    .euroMain .remainContent .listing ul li .desc p.date { font-size: 12px; height: auto }
    .euroFZEP { max-width: 920px; margin: 0 auto 30px; float: initial }
    .euroFZEP a { width: calc((100% - 20px) / 3); margin-left: 10px; margin-bottom: 0; height: auto; padding-bottom: calc((calc((100% - 20px) / 3) * 50) / 100); position: relative }
    .euroFZEP a:last-child { margin-left: 0 }
    .euroFZEP a img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: auto }
    .euroFZEP.predFZEP { width: 300px; margin: 0 calc((100% - 300px) / 2) 0 }
    .euroFZEP.predFZEP a { width: 100%; margin: 0; padding-bottom: 50% }
    .euroPredCnts .predictionCnts .accordionItem .matchData .match { width: 100%; }
    .euroPredCnts .predictionCnts .accordionItem .matchData .teamresult.team1 span { margin-right: 10px }
    .euroPredCnts .predictionCnts .accordionItem .matchData .teamresult.team2 span { margin-left: 10px }
    .euroPredCnts .predictionCnts .accordionItem .matchData .teamName { width: calc(100% - 60px); font-size: 12px }
    .euroPredCnts .predictionCnts .matchData .predStatus { width: 80px }
    .euroPredCnts .predictionCnts .matchData .predStatus .status { font-size: 11px; line-height: 2.8; }
    .euroPredCnts .predictionCnts .matchData .predStatus .predTimer { font-size: 13px; margin-right: 4px; line-height: 2.2; }
    .LandingPage.CAF { padding-bottom: 67% }
    .euroSquad .LandingPage.CAF { padding-bottom: 67% }
    .legends:before { right: 30px; top: 30px; width: 120px; height: 90px; background-size: 120px 90px; }
    .LandingPage.CAF.legends .text { right: 30px; transform: translateY(calc(-50% + 20px)); width: 400px; }
    .LandingPage.CAF.legends .text h1 { font-size: 32px; margin-bottom: 6px; }
    .LandingPage.CAF.legends .text p { font-size: 18px }
    .LandingPage.CAF.legends .text .startSquad { width: 160px; height: 46px; font-size: 16px; line-height: 2.8 }
    .euroSquadPage .shareBtn { right: 30px; bottom: 30px }
    .euroSquadPage .shareBtn a.faceShare,
    .euroSquadPage .shareBtn a.twShare { font-size: 24px }
    .euroSquadPage .sponsors { bottom: 30px; left: 30px }
    .euroSquadPage .sponsors a img { height: 36px }
    .chseSqMain.legendsSquad { padding-bottom: 74% }
    .chseSqMain.legends:before { width: 120px; height: 90px; background-size: 120px 90px; right: 20px }
    .chseSqMain.legends .sponsors { left: 20px }
    .chseSqMain.legends .sponsors a img { height: 34px; }
    .chseSqMain .allForms { bottom: 80px !important }
    .chseSqMain .allForms a { line-height: 1.6 !important }
    .chseSqMain .col3 .allForms a { line-height: 2.6 !important; font-size: 15px !important; }
    .chseSqMain.legends .sponsors, .euroSquadPage .chseSqMain .sponsors { left: 20px }
    .chseSqMain.legends .sponsors a img, .euroSquadPage .chseSqMain .sponsors img { height: 30px; }
    /*.euroSquad .squadCnts{position:relative;display:inline-block;float:right;width:100%;padding: 50px 0;}*/
    .euroSquad .chseTtl { width: calc(100% - 480px); right: 30px; height: 326px; padding-top: 110px; }
    .euroSquad .chseTtl h1 { font-size: 24px }
    .euroSquad .chseTtl p { width: 220px; font-size: 15px; }
    .euroSquad .chseTtl:before,
    .euroSquadPage .chseSqMain.chooseTeam:before { width: 77px; height: 90px; background-size: 77px auto; }
    .euroSquadPage .chseSqMain.chooseTeam:before { right: 20px; top: 30px }
    .euroSquadPage .chseSqMain.chooseTeam:after { left: 20px }
    .euroSquad .LandingPage.CAF:before { left: 30px; top: 30px; width: 80px; height: 34px; background-size: 80px auto }
    .euroSquadPage .chseSqMain.chooseTeam:after { top: 30px; width: 80px; height: 34px; background-size: 80px auto }
    .euroSquad .LandingPage.CAF .landingTeam { width: 420px; left: 30px }
    .euroSquad .LandingPage.CAF .landingTeam li { margin-left: 12px; margin-bottom: 12px; width: 60px }
    .euroSquad .LandingPage.CAF .landingTeam li a { padding: 6px }
    .euroSquad .LandingPage.CAF .landingTeam li:nth-last-child(-n+6) { margin-bottom: 0; }
    .euroSquad .LandingPage.CAF .landingTeam li .imgCntnr { margin-bottom: 16px }
    .euroSquad .LandingPage.CAF .landingTeam li p { font-size: 12px }
    .euroSquadPage .shareBtn a.faceShare,
    .euroSquadPage .shareBtn a.twShare { font-size: 26px }
    .euroInner article { width: 100%; margin: 0 0 0 20px; }
    .euroInner article .maxWidth { width: 100%; margin: 0 auto; padding: 0 15px 15px; max-width: 810px; float: none }
    .euroInner .articleHeader { width: 100%; padding: 0 15px; margin-right: 0; }
    .euroInner .articleHeader .artclHdline { width: 100%; margin: 0 auto; max-width: 810px; float: none }
    .euroInner .relatedArticles ul li.item .desc { width: 180px }
    .euroInner .relatedArticles ul li.item { height: auto }
    .euroInner article .articleHeader { max-width: 810px; float: none }
    .euroInner .articleHeader .articleInfo { height: auto }
    /*    .euroInner  .articleHeader .articleInfo .articleAuthor{width:auto;}
*/
    .groups .groupTabs .table .wRow .item:nth-child(2) { margin-left: 50px }
    .euroInner .matchcenter .maxWidth { margin-bottom: 20px }
    .fanZone .cntnr { width: 100%; padding: 80px 20px; margin: 0 }
    .fanZone ul li { width: calc((100% - 40px) /3) !important }
    .fanZone ul li h2 { font-size: 20px }
    .fanZone ul li p { font-size: 12px }
    .fanZone ul li.FZQuiz .gameImg { width: 110px; left: 0 }
    .fanZone ul li .dtlsCorner { width: 120px }
    .fanZone ul li.FZPred p { width: 100% }
    .fanZone ul li.FZPred .gameImg { width: 120px; top: 50%; transform: translateY(-50%) }
    .fanZone ul li .gameImg { width: 100px }
    .fanZone ul li a span { width: 100px; height: 35px; line-height: 1.6 }
    .fanZone ul li.header h1 { width: 270px; font-size: 45px; }
    .RulesMsg .cntnr { height: calc(100% - 80px); top: 65px; transform: translateX(-50%); }
    .RulesMsg .rulesItems { overflow-x: hidden !important; overflow-y: scroll !important; height: 478px }
    .RulesMsg .lb-header { margin-bottom: 10px }
    .euroRoadToCup { padding: 32px }
    .euroRoadToCup .title p { font-size: 18px }
    .euroRoadToCup .groupTaples .group { width: calc((100% - 16px) / 2); margin-left: 16px; margin-bottom: 16px; }
    .euroRoadToCup .groupTaples .group:nth-child(3n) { margin-left: 16px }
    .euroRoadToCup .groupTaples .group:nth-child(2n) { margin-left: 0 }
    .euroRoadToCup .groupTaples .GroupTeams { width: 278px; margin: 10px calc((100% - 278px) / 2) 20px }
    .euroRoadToCup .groupTaples .GroupTeams li { margin-left: 26px }
    .euroRoadToCup .Place3rd { width: 100%; margin: 0; }
    .euroRoadToCup .nextHint { bottom: 110px }
    .tour2694 .euroRoadToCup .allRounds .roundItem { width: calc((100% - 40px) / 3); margin-left: 20px; }
    .tour2694 .euroRoadToCup .allRounds .roundItem:last-child { margin-left: 0 }
    .second .teamData:last-child:before, .second .teamData:first-child:before,
    .third .teamData:last-child:before, .third .teamData:first-child:before,
    .final .teamData:last-child:before, .final .teamData:first-child:before { width: 14px; right: -10px; }
    .euroRoadToCup .allRounds .roundItem .qualifiedTeams .separating { width: calc(100% + 4px); }
    .euroRoadToCup .allRounds .roundItem .cupWinner h3 { font-size: 16px }
    .tour2694 .euroRoadToCup .allRounds .roundItem .qualifiedTeams .cupWinner .TeamName { font-size: 17px }
    .euroQuizCnts .afterLogin .welcomeHint .yourScore { width: 200px; height: 100px }
    .euroQuizCnts .afterLogin .welcomeHint .yourScore p { font-size: 20px; margin: 6px 0 0px; }
    .euroQuizCnts .resultDiv .yourScore p { font-size: 20px }
    .euroQuizCnts .afterLogin .welcomeHint .yourScore span { font-size: 36px }
    .euroQuizCnts .getReadyTimer p,
    .euroQuizCnts .resultDiv p { font-size: 22px; margin-bottom: 44px; }
    .euroQuizCnts .getReadyTimer span { font-size: 100px }
    .euroQuizCnts .questionDiv p { font-size: 22px }
    .euroQuizCnts .answer p { font-size: 15px }
    .euroInner .articleSocial.euroSocial.fixed { right: 11.5% }
    .euroMain .FullWidthBK .euroHeader { background-position: 120% 71%, 6% 97%, 37% 102%; background-size: 50%, 27%, 28%; }
    .medalPage .maxWidth { width: 100%; margin: 0 }
    .euroStrip.olympicStrip .EntryPoint { width: 100% }
    .olympicStrip .euroMain .FullWidthBK .euroHeader { background-size: 98%; background-position: left -368px top 0; }
    .olympicStrip .FullWidthBK .euroHeader img.robotStrip { margin: 15px 30px 0 0; width: 70px }
    .olympicStrip .FullWidthBK .euroHeader .textStrip { margin-right: 20px }
    .olympicStrip .FullWidthBK .euroHeader .textStrip p { font-size: 22px }
    .olympicStrip .FullWidthBK .euroHeader a { left: 178px }
    .euroStrip.olympicStrip .spansorheader .spansorEuro { width: 140px; left: 22px }
    .olympicStrip .spansorheader .spansorEuro a img { width: 140px }
    /* new gutter*/
    .Team_Page .featuredArea .desc { margin-top: 10px }
    .euroPredCnts .predictionCnts .saveHint { width: 100% }
    .euroPredCnts .predictionCnts .saveHint .cnts { width: 700px }
    .tour2694 .euroRoadToCup .title h1 { font-size: 36px; height: 90px; }
    .tour2694 .euroRoadToCup .title span { font-size: 16px }
    .tour2694 .euroRoadToCup .title h1:before { width: 44px; height: 90px }
    .viewTabContainer { padding: 50px 30px 30px }
    .tour2694 .euroRoadToCup .breadcrumbDiv { margin-bottom: 30px }
    .tour2694 .euroRoadToCup .groupTaples .group { margin-left: 16px; margin-bottom: 16px; width: calc((100% - 16px)/ 2); }
    .tour2694 .euroRoadToCup .groupTaples .group:nth-child(3n) { margin-left: 16px }
    .tour2694 .euroRoadToCup .viewTabContainer .camel { left: 30px }
    .tour2694 .euroRoadToCup .viewTabContainer .eagles { left: 30px; top: 30px }
    .tour2694 .euroRoadToCup .groups { padding-bottom: 50px }
    .tour2694 .euroRoadToCup .groupTaples .GroupTeams { width: 272px; margin: 10px calc((100% - 272px) / 2) 20px }
    .tour2694 .euroRoadToCup .groupTaples .GroupTeams li { margin-left: 24px }
    .tour2694 .euroRoadToCup .groupTaples .GroupTeams li:last-of-type { margin-left: 0; }
    .tabs-nav > li { padding: 20px 30px; font-size: 14px }
    .chooseLeague ul li { width: 200px; }
    .chooseLeague ul li p { font-size: 14px }
    .newPred .pagecnts { width: 100%; margin: 0 0; padding: 0 20px }
    .newPred .innerpage{ width: 100%; margin: 0 0; padding: 0 20px }
    .newPred .euroPredCnts .tabs .regBtn { left: 20px }
    /*.newPred .prediction{padding:20px 15px}*/
    .newPred.predRanking .createLeague .ranking.allLeagues .rankCnts .table .wRow .item.num, .newPred.predRanking .createLeague .ranking.allLeagues .rankCnts .table .ttlRow .itemTtl.num { width: 150px }
    .newPred.predRanking .createLeague .ranking.allLeagues .rankCnts .table .ttlRow .itemTtl, .newPred.predRanking .createLeague .ranking.allLeagues .rankCnts .table .wRow .item { width: calc((100% - 150px)/2) }
    .newPred.predRanking .createLeague .ranking.allLeagues .rankCnts .table .wRow .leagueSetting a { padding: 0 10px }
    .newPred .proPlayer .title .leagueSetting a { padding: 0 15px; height: 40px }
    .newPred .proPlayer .title .leagueSetting a .cont p, .newPred .proPlayer .title .leagueSetting a .cont .icon-edit:before,
    .newPred .proPlayer .title .leagueSetting a .cont .icon-remove:before,
    .newPred .proPlayer .title .leagueSetting a .cont .icon-share:before { line-height: 38px }
    .newPred .proPlayer .title h2 { font-size: 26px }
    .newPred .proPlayer .title .membersNumber, .newPred .proPlayer .title .totalNum { margin-top: 16px }
    .euroPredCnts .FullWidthBK h1:first-child { right: 20px }
    .euroPredCnts .FullWidthBK h1:first-child:first-child { font-size:30px }
    .newPred .euroPredCnts .FullWidthBK h2 { right: 20px }
    .newPred .FullWidthBK .pagecnts { padding: 0 20px }
    .newPred .pagecnts, .newPred .innerpage { padding: 20px }
    /*.newPred.tour-1 .FullWidthBK .pagecnts { padding: 20px }*/
    .tour2697.newPred .euroPredCnts .FullWidthBK h2 { right: 20px }
    .tour2697.newPred .FullWidthBK .pagecnts { padding: 0 20px }
    .tour2697.newPred .pagecnts { padding: 20px }
    .tour2727.newPred .euroPredCnts .FullWidthBK h2 { right: 20px }
    .tour2727.newPred .FullWidthBK .pagecnts { padding: 20px }
    .tour2727.newPred .pagecnts { padding: 20px }
    .tour2730.newPred .euroPredCnts .FullWidthBK h2 { right: 20px }
    .tour2730.newPred .FullWidthBK .pagecnts { padding: 0 20px }
    .tour2730.newPred .pagecnts { padding: 20px }
    .tour2730 .euroPredCnts .FullWidthBK .euroHeader:before { background: url(../../images/EgyptionLeague.png) no-repeat left -19% top 18%; background-size: 43%; width: 100% }
    .tour2694.newPred .FullWidthBK .pagecnts { padding: 0 20px }
    .newPred.tour-1 .FullWidthBK .pagecnts{padding:0 20px}
}

@media screen and (min-width: 320px) and (max-width: 767px) {
    .cafLgFinal .wrapper { margin-top: 356px; padding: 30px 10px }
    .cafLgFinal section { margin-bottom: 30px }
    .cafLgFinal .votingBtn { width: 100%; padding: 0 10px; top: -186px }
    .cafLgFinal .votingBtn .teamVote { width: calc((100% - 10px) / 2); margin-left: 10px; border-radius: 10px; padding: 0 10px; height: 200px }
    .cafLgFinal .votingBtn .team1:before { width: 57px; height: 50px; left: 50%; transform: translateX(-50%); top: 10px; background: url(../../Images/ahly1.png) no-repeat center center; background-size: auto 50px; }
    .cafLgFinal .votingBtn .team1:after { width: 108px; height: 12px; right: auto; bottom: 54px; left: 50%; transform: translateX(-50%); background: url(../../Images/ahly2.png) no-repeat center center; background-size: 108px auto; }
    .cafLgFinal .votingBtn .team2:after { width: 37px; height: 50px; left: 50%; transform: translateX(-50%); top: 10px; background: url(../../Images/zamalek1.png) no-repeat center center; background-size: auto 50px; }
    .cafLgFinal .votingBtn .team2:before { width: 108px; height: 12px; right: auto; bottom: 54px; left: 50%; transform: translateX(-50%); background: url(../../Images/zamalek2.png) no-repeat center center; background-size: auto 7px; }
    .cafLgFinal .votingBtn .top { height: 134px }
    .cafLgFinal .votingBtn .teamVote .top p { font-size: 26px; text-align: center; margin-bottom: 12px }
    .cafLgFinal .votingBtn .teamVote .top span { font-size: 24px; text-align: center }
    .cafLgFinal .votingBtn .bottom { height: 48px }
    .cafLgFinal .votingBtn .teamVote .bottom p { font-size: 12px; line-height: 1.6; padding: 4px 0; width: 140px }
    .ahlyFans.cafLgFinal .votingBtn { left: 10px; right: 10px; width: calc(100% - 20px); padding: 0; }
    .zamalekFans.cafLgFinal .votingBtn { left: 10px; right: 10px; width: calc(100% - 20px); padding: 0; }
    .ahlyFans.cafLgFinal .votingBtn .second { height: 200px; border-radius: 10px }
    .zamalekFans.cafLgFinal .votingBtn .second { height: 200px; border-radius: 10px }
    .ahlyFans.cafLgFinal .votingBtn .second:after { width: 113px; height: 100px; top: -20px; left: 50%; background-size: auto 100px; }
    .zamalekFans.cafLgFinal .votingBtn .second:after { width: 70px; height: 100px; top: -20px; left: 50%; background-size: auto 100px; }
    .ahlyFans.cafLgFinal .votingBtn .second p { font-size: 48px; padding: 30px 0 6px }
    .zamalekFans.cafLgFinal .votingBtn .second p { font-size: 48px; padding: 30px 0 6px }
    .ahlyFans.cafLgFinal .votingBtn .second p.fanNum { font-size: 14px; margin-bottom: 2px }
    .zamalekFans.cafLgFinal .votingBtn .second p.fanNum { font-size: 14px; margin-bottom: 2px }
    .ahlyFans.cafLgFinal .votingBtn .second span { font-size: 42px }
    .zamalekFans.cafLgFinal .votingBtn .second span { font-size: 42px }
    /*.cafLgFinal .socialMediaBtn {position: relative;bottom: 0;left: 0;display: inline-block;float: right;width: 130px;text-align: center;margin: 4px calc((100% - 130px) / 2) 0;}
    .cafLgFinal .socialMediaBtn a.icon-fb{margin-right:24px;}
    .ahlyFans.cafLgFinal .votingBtn .second .socialMediaBtn p{width:100%;margin-left:0;font-size:12px;line-height:normal;text-align:center;margin-bottom: 6px;}
    .zamalekFans.cafLgFinal .votingBtn .second .socialMediaBtn p{width:100%;margin-left:0;font-size:12px;line-height:normal;text-align:center;margin-bottom: 6px;}*/
    .cafLgFinal .socialMediaBtn { position: relative; bottom: 0; left: 0; display: inline-block; float: right; width: 162px; text-align: center; margin: 4px calc((100% - 162px) / 2) 0; }
    .ahlyFans.cafLgFinal .votingBtn .second .socialMediaBtn p { width: 70px; line-height: 1.6; font-size: 12px; text-align: left; }
    .zamalekFans.cafLgFinal .votingBtn .second .socialMediaBtn p { width: 70px; line-height: 1.6; font-size: 12px; text-align: left; }
    .cafLgFinal .ttl { margin-bottom: 10px; font-size: 18px; padding: 10px; }
    .cafLgFinal .ttl .more { width: 68px; height: 34px; font-size: 12px; line-height: 2.9 }
    .cafLgFinal .ttl .more span { margin-right: 4px }
    .cafLgFinal .ttl .more .icon-more:before { line-height: 3 }
    .cafLgFinal .featuredCnts { width: 100%; margin-left: 0; margin-bottom: 30px }
    .cafLgFinal .featuredCnts:last-child { margin-bottom: 0 }
    .cafLgFinal .featuredArea ul li { margin-left: 10px; width: calc((100% - 10px) / 2) }
    .cafLgFinal .featuredArea ul li:first-child { margin-bottom: 10px }
    .cafLgFinal .pattern2 ul li:first-child { margin-left: 0; width: 100% }
    .cafLgFinal .pattern2 ul li { width: calc((100% - 6.1px) / 2); }
    .cafLgFinal .pattern2 .desc p { color: #fff }
    .cafLgFinal .listing ul li { width: calc((100% - 10.1px) / 2); }
    .cafLgFinal .listing ul li .desc p { font-size: 13px }
    .cafLgFinal .listing .more { display: inline-block; width: 100%; height: auto; background: #fff; padding: 6px 0; text-align: center; color: #0277bd; font-family: droidLight,Arial; font-size: 13px; line-height: normal; }
    .cafLgFinal .listing .more span { display: none }
    .cafLgFinal .quizContainer .listing ul li { padding: 10px; width: 100%; border-radius: 8px; margin-bottom: 10px }
    .cafLgFinal .quizContainer .listing ul li a .imageCntnr { width: 120px; padding-bottom: calc((120px * 67)/ 100); border-radius: 4px }
    .cafLgFinal .quizContainer .listing ul li .desc { width: calc(100% - 130px); margin-right: 10px }
    .cafLgFinal .quizContainer .listing.quizListing ul li .desc p { font-size: 13px; height: 40px; }
    .cafLgFinal .quizContainer .listing.quizListing ul li .bottomBox { margin-top: 16px; width: calc(100% - 130px); margin-right: 10px }
    .cafLgFinal .quizContainer .listing.quizListing ul li .bottomBox label { width: 80px; height: 24px; font-size: 11px; line-height: 2.4 }
    .cafLgFinal .quizContainer .listing ul li:first-child { padding: 10px; margin-bottom: 14px }
    .cafLgFinal .quizContainer .listing ul li:first-child a .imageCntnr { width: 100%; padding-bottom: 67% }
    .cafLgFinal .quizContainer .listing ul li:first-child .desc { width: 100%; margin-top: 10px; margin-right: 0 }
    .cafLgFinal .quizContainer .listing.quizListing ul li:first-child .desc p { font-size: 16px; max-height: 100%; height: auto; margin-bottom: 20px; }
    .cafLgFinal .quizContainer .listing.quizListing ul li:first-child .bottomBox { margin-right: 0; width: 100%; margin-top: 0 }
    .cafLgFinal .quizContainer .listing.quizListing ul li:first-child .bottomBox label { float: right; width: 94px; height: 30px; font-size: 12px; line-height: 2.5 }
    .cafLgFinal .quizContainer .listing.quizListing ul li:first-child .bottomBox label .icon-arrow:before { font-size: 10px; margin-right: 6px }
    .cafLgFinal .listing.quizPartial ul li { padding: 10px; width: 100%; border-radius: 8px; margin-bottom: 10px }
    .cafLgFinal .listing.quizPartial ul li a .imageCntnr { width: 120px; padding-bottom: calc((120px * 67)/ 100); border-radius: 4px }
    .cafLgFinal .listing.quizPartial ul li .desc { width: calc(100% - 130px); margin-right: 10px }
    .cafLgFinal .listing.quizPartial ul li .desc p { font-size: 13px; height: 40px; }
    .cafLgFinal .listing.quizPartial ul li .bottomBox { margin-top: 16px; width: calc(100% - 130px); margin-right: 10px }
    .cafLgFinal .listing.quizPartial ul li .bottomBox label { width: 80px; height: 24px; font-size: 11px; line-height: 2.4 }
    .cafLgFinal .listing.quizPartial ul li:first-child .bottomBox a { float: right; width: 94px; height: 30px; font-size: 12px; line-height: 2.5 }
    .cafLgFinal .listing.quizPartial ul li:first-child .bottomBox a .icon-arrow:before { font-size: 10px; margin-right: 6px }
    .cafLgFinal article .result .resContainer .saveImage { width: 100%; margin: 0 }
    .cafLgFinal article .result { padding: 10px }
    .cafLgFinal .listing.quizPartial { padding: 10px }
    .cafLgFinal .listing ul li.gap { display: none }
    .cafLgFinal .listing .more { margin-top: 20px }
    .cafLgFinal .cafMatchDtls { border-radius: 10px; padding: 16px }
    .cafLgFinal .cafMatchDtls span { font-size: 42px }
    .cafLgFinal .cafMatchDtls .teamName { font-size: 16px; line-height: 2.4; }
    .cafLgFinal .cafMatchDtls .mtchRslt { margin-bottom: 16px }
    .cafLgFinal .cafMatchDtls .teamresult.team1 span { margin-right: 20px }
    .cafLgFinal .cafMatchDtls .teamresult.team2 span { margin-left: 20px }
    .cafLgFinal .cafMatchDtls .dash { font-size: 24px }
    .cafLgFinal .cafMatchDtls .matchData .item:nth-child(2) { width: 70px }
    .cafLgFinal .cafMatchDtls .matchData .item:nth-child(1), .cafLgFinal .cafMatchDtls .matchData .item:nth-child(3) { width: calc((100% - 70px) / 2) }
    .cafLgFinal .cafMatchDtls .matchData .item:nth-child(1) .cnts { width: 64px; float: right }
    .cafLgFinal .cafMatchDtls .matchData .item:nth-child(2) .cnts { width: 42px; }
    .cafLgFinal .cafMatchDtls .matchData .item:nth-child(3) .cnts { width: 64px; float: left }
    .cafLgFinal .cafMatchDtls .matchData .item p { font-size: 12px }
    .cafLgFinal .cafMatchDtls .matchData .item:nth-child(3) p { font-size: 11px; }
    .cafLgFinal .cafMatchDtls .countDown .counter .matchTimer { margin: 0 4px; font-size: 24px; line-height: 1.6; width: 58px; height: 50px; }
    .cafLgFinal .cafMatchDtls .countDown .counter .matchTimer span { font-size: 10px; bottom: 6px; }
    .LandingPage.CAF { background-image: url(../../Images/ChooseSquad/choosesquadMobile.jpg?ref=1); padding-bottom: 164%; }
    .LandingPage.CAF .landingTeam { bottom: 22%; top: auto !important; width: calc(100% - 70px); }
    .LandingPage.CAF .landingTeam .line a { width: 95px; height: 35px; line-height: 2.4 }
    .LandingPage.CAF .landingTeam .line.TeamOne a img { display: inline-block; position: absolute; max-width: 37px; top: -10px; left: -20px; }
    .LandingPage.CAF .landingTeam .line.TeamTwo a img { display: inline-block; position: absolute; top: -4px; left: -24px; max-width: 55px; }
    .LandingPage.CAF .shareGame { bottom: 14px; left: 50%; transform: translateX(-50%); width: 100%; }
    .LandingPage.CAF .shareGame p { font-size: 14px; margin-bottom: 5px; }
    .LandingPage.CAF .aqarLogo { top: 25px; bottom: auto; left: 50%; transform: translateX(-50%); right: auto; width: 90px }
    .shortLinks { position: relative; display: inline-block; float: right; width: 100%; margin-bottom: 10px; right: 0; top: 0; transform: none; white-space: nowrap; overflow-x: auto; overflow-y: hidden; z-index: 0; -webkit-overflow-scrolling: touch; -webkit-transform: translateZ(0); transform: translateZ(0); }
    .shortLinks a { display: inline-block; float: none; margin-bottom: 0px; padding: 10px; background: #0277bd; height: auto; border-radius: 4px; position: relative; right: 0 !important; margin-left: 10px; width: 40%; text-align: center; }
    .shortLinks a span { float: left; margin-right: 8px; width: 34px; height: 34px; margin: 0 calc((100% - 34px) / 2) 10px; border-radius: 50%; overflow: hidden; position: relative; background: rgba(0,0,0,0.2) }
    .shortLinks a span img { width: 20px; height: auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) }
    .shortLinks a p { display: inline-block; width: 100%; float: right; font-family: droidLight, arial; color: #fff; font-size: 12px; line-height: 1; text-align: center }
    .shortLinks a:last-child { margin-bottom: 0; margin-left: 0 }
    .matchWidget { width: 290px; height: 180px; border-top-right-radius: 20px; border-bottom-right-radius: 20px; padding: 0 30px 0 10px; }
    .hideMatchWidget .matchWidget { left: -260px }
    .matchWidget:before { width: 30px }
    .matchWidget .teamVotingBtn { height: 180px; border-top-right-radius: 20px; border-bottom-right-radius: 20px; padding: 10px }
    .matchWidget .widgetHdr { margin-bottom: 10px }
    .matchWidget .widgetHdr h2 { font-size: 16px; line-height: 2 }
    .matchWidget .widgetHdr .sponsorImg { width: 80px }
    .matchWidget .teamVotingBtn .votingBtn { width: 100%; margin: 0 }
    .matchWidget .teamVotingBtn .votingBtn .teamVote { width: 110px; margin-left: 10px; border-radius: 10px; padding: 0 10px; height: 120px; }
    .matchWidget .teamVotingBtn .votingBtn .team2:after { width: 26px; height: 36px; background-size: auto 36px; top: 6px; left: 50%; transform: translateX(-50%); }
    .matchWidget .teamVotingBtn .votingBtn .team2:before { width: 90px; right: auto; left: 50%; transform: translateX(-50%); bottom: 30px }
    .matchWidget .teamVotingBtn .votingBtn .team1:before { width: 38px; height: 34px; background-size: auto 34px; top: 6px; left: 50%; transform: translateX(-50%); }
    .matchWidget .teamVotingBtn .votingBtn .team1:after { width: 80px; right: auto; left: 50%; transform: translateX(-50%); bottom: 30px }
    .matchWidget .teamVotingBtn .votingBtn .top { height: 82px }
    .matchWidget .teamVotingBtn .votingBtn .teamVote .top p { font-size: 14px; text-align: center; margin-bottom: 4px; }
    .matchWidget .teamVotingBtn .votingBtn .teamVote .top span { font-size: 18px; text-align: center }
    .matchWidget .teamVotingBtn .votingBtn .bottom { height: 26px; overflow: hidden }
    .matchWidget .teamVotingBtn .votingBtn .teamVote .bottom p { font-size: 10px }
    .ahlyFans .teamVotingBtn .votingBtn { right: 40px; top: 20px }
    .zamalekFans .teamVotingBtn .votingBtn { right: 40px; top: 20px }
    .ahlyFans .teamVotingBtn .votingBtn .second { height: 150px; border-radius: 10px; }
    .zamalekFans .teamVotingBtn .votingBtn .second { height: 150px; border-radius: 10px; }
    .ahlyFans .teamVotingBtn .votingBtn .team1 { width: 130px }
    .zamalekFans .teamVotingBtn .votingBtn .team2 { width: 130px }
    .ahlyFans .teamVotingBtn .votingBtn .second p { font-size: 24px; padding: 14px 0 6px; }
    .zamalekFans .teamVotingBtn .votingBtn .second p { font-size: 24px; padding: 14px 0 6px; }
    .ahlyFans .teamVotingBtn .votingBtn .second span { font-size: 22px; margin-top: 4px }
    .zamalekFans .teamVotingBtn .votingBtn .second span { font-size: 22px; margin-top: 4px }
    .ahlyFans .teamVotingBtn .votingBtn .second p.fanNum { font-size: 10px }
    .zamalekFans .teamVotingBtn .votingBtn .second p.fanNum { font-size: 10px }
    .ahlyFans .teamVotingBtn .votingBtn .second .socialMediaBtn p { display: none }
    .zamalekFans .teamVotingBtn .votingBtn .second .socialMediaBtn p { display: none }
    .ahlyFans .teamVotingBtn .votingBtn .second:after { width: 113px; height: 50px; top: 0px; left: 50%; background-size: auto 50px; }
    .zamalekFans .teamVotingBtn .votingBtn .second:after { width: 113px; height: 50px; top: -10px; left: 50%; background-size: auto 50px; }
    .matchWidget .teamVotingBtn .socialMediaBtn { width: 70px; margin: 4px calc((100% - 70px) / 2) 0 }
    .teamVotingBtn .url { width: 80px; font-size: 10px; bottom: 10px; left: 20px; }
    .showOTP .matchWidget { display: none }
    .hideOTP .matchWidget { display: inline-block }
    .showOverlayMob .matchWidget { display: none }
    .showOverlayChipsy .matchWidget { display: none }
    .hideOverlayMob .matchWidget { display: inline-block }
    .hideOverlayChipsy .matchWidget { display: inline-block }
    .showOverlayChipsy .sponsorAd { display: none }
    .hideOverlayChipsy .sponsorAd { display: inline-block }
    .showOverlayMob .sponsorAd { display: none }
    .hideOverlayMob .sponsorAd { display: inline-block }
    .showOverlayMob.cafLandingPage .sponsorDuplicate { display: none }
    .showOverlayChipsy.cafLandingPage .sponsorDuplicate { display: none }
    .matchWidget .teamVotingBtn .votingBtn.DisableVote .teamVote { height: 94px }
    .matchWidget .teamVotingBtn .votingBtn.DisableVote .team2:before { bottom: 4px }
    .matchWidget .teamVotingBtn .votingBtn.DisableVote .team1:after { bottom: 4px }
    .matchWidget .teamVotingBtn .votingBtn .urlFirst { display: none }
    .matchWidget .teamVotingBtn .votingBtn.DisableVote .urlFirst { display: inline-block; float: right; text-align: center; font-family: droidLight, Arial; font-size: 11px; color: #fff; position: absolute; left: 50%; transform: translateX(-50%); bottom: 8px; width: 148px }
    .matchWidget .teamVotingBtn .votingBtn.DisableVote .urlFirst:before { content: ""; position: absolute; width: 100%; height: 1px; background: #fff; bottom: 2px }
    .showOverlayMob.cafLandingPage .sponsorDuplicate { display: none }
    .hideOverlayMob.cafLandingPage .sponsorDuplicate { display: inline-block }
    .showOverlayChipsy.cafLandingPage .sponsorDuplicate { display: none }
    .hideOverlayChipsy.cafLandingPage .sponsorDuplicate { display: inline-block }
    .proPlayer { padding: 0; background: none; }
    .proPlayer .featuredArea .pattern2, .proPlayer .remainContent .IMplayers, .proPlayer .importantPlayer, .proPlayer .remainContent .listing, .proPlayer .remainContent .proNews, .proPlayer .tourMatches { margin-bottom: 35px }
    .proPlayer .FullWidthBK { width: 100%; height: 90px; margin-left: 0; margin-top: 0; }
    .proPlayer .FullWidthBK h1 { font-size: 24px; right: 10px; bottom: 8px; width: 130px; line-height: 1.4; }
    .proPlayer .FullWidthBK img.player { height: 80%; left: 10px }
    .proPlayer .tabs { padding: 20px 0 12px }
    .proPlayer .tabs a { margin-left: 40px }
    .proPlayer .featuredArea, .proPlayer .remainContent { padding: 0 }
    .proPlayer .remainContent .Pcnt ul li:first-child { margin-right: 16px }
    .proPlayer .featuredArea .pattern2 ul li:first-child .desc p, .proPlayer .importantPlayer ul li:first-child .desc p { font-size: 16px; max-height: 56px; padding: 10px 0 0 0; margin-bottom: 5px }
    .proPlayer .featuredArea .pattern2 ul li:first-child .desc .date, .proPlayer .importantPlayer ul li:first-child .desc .date { font-size: 10px; margin-bottom: 5px; padding-top: 0; line-height: 1.6; }
    .proPlayer .featuredArea .pattern2 ul li { height: 66px; margin-bottom: 20px; width: calc(100% - 20px); margin-right: 10px; border: 0 }
    .proPlayer .featuredArea .pattern2 ul li a .imageCntnr, .proPlayer .importantPlayer ul li a .imageCntnr { width: 100px; padding-bottom: calc((100px * 67)/ 100); padding: 8px 10px }
    .proPlayer .featuredArea .pattern2 li .desc, .proPlayer .importantPlayer ul li .desc { width: calc(100% - 100px); padding: 4px 10px }
    .proPlayer .featuredArea .pattern2 ul li .desc p, .proPlayer .importantPlayer ul li .desc p { font-size: 13px; max-height: 38px }
    .proPlayer .featuredArea .pattern2 ul li .desc .date, .proPlayer .importantPlayer ul li .desc .date { line-height: 1.4; height: auto; font-size: 10px; margin-top: 6px }
    .proPlayer .featuredArea .pattern2 ul li.video .secName, .proPlayer .importantPlayer ul li.video .secName { right: 75px }
    .proPlayer .featuredArea .pattern2 ul li:first-child.video .secName, .proPlayer .featuredArea .pattern2 ul li:first-child.video .secName .icon { width: 50px; height: 35px }
    .proPlayer .featuredArea .pattern2 ul li:first-child.video .secName .icon:before { font-size: 14px }
    .proPlayer .featuredArea .pattern2 ul li:last-child, .proPlayer .importantPlayer ul li:last-child { margin-bottom: 0 }
    .proPlayer .featuredArea .pattern2 ul { display: inline-block; width: 100%; background-color: #fff; padding-bottom: 20px }
    .proPlayer .featuredArea .pattern2 ul li:first-child, .proPlayer .importantPlayer ul li:first-child { width: 100%; margin-right: 0; margin-bottom: 20px }
    .proPlayer .importantPlayer ul li { margin-right: 0; width: 100%; height: 66px; margin-bottom: 20px; border: 0 }
    .proPlayer .remainContent .listing ul li:first-child { width: 100%; margin-left: 0; height: auto; margin-bottom: 20px; }
    .proPlayer .remainContent .listing ul li:first-child a .imageCntnr { padding-bottom: calc(67% + 2px); width: auto; height: auto; display: block; float: unset; }
    .proPlayer .remainContent .listing ul li:first-child .desc { height: auto; padding: 0 15px; width: 100%; position: absolute; bottom: 0; background: transparent linear-gradient(180deg, #00000000 0%, #000000 100%) 0% 0% no-repeat padding-box; }
    .proPlayer .remainContent .listing ul li { margin-right: 0; width: 100%; height: 66px; margin-bottom: 20px; border: 0 }
    .proPlayer .remainContent .listing ul li a .imageCntnr { width: 100px; padding-bottom: calc((100px * 67)/ 100); padding: 8px 10px; height: 66px; float: right }
    /*.proPlayer .remainContent .listing ul li a .imageCntnr img{top: 50%;left: 50%;transform: translate(-50% , -50%);right: auto;bottom: auto;height: auto;}*/
    .proPlayer .remainContent .listing ul li .desc { background: #fff; height: 100%; width: calc(100% - 100px); padding: 4px 10px; position: relative; float: left; }
    .proPlayer .remainContent .listing ul li:first-child .desc p { font-size: 16px; max-height: 56px; padding: 10px 0 0 0; color: #fff; height: auto }
    .proPlayer .remainContent .listing ul li:first-child .desc p.date { color: #fff; font-size: 11px; padding: 10px 0 0 0; margin-bottom: 5px; margin-top: 8px; }
    .proPlayer .remainContent .listing ul li .desc p { font-size: 13px; max-height: 38px; color: #000; font-weight: bold; }
    .proPlayer .remainContent .listing ul li .desc p.date { bottom: 5px; right: 0; line-height: 1; height: auto; font-size: 10px; margin-top: 13px; color: #AAAAAA }
    .proPlayer .featuredArea, .proPlayer .remainContent { padding: 0 }
    .proPlayer .playerInfo { padding: 0 }
    .proPlayer .playerInfo .playerImg { width: 130px; margin-top: 0; margin-right: 5px }
    .proPlayer .playerInfo .info { width: calc(100% - 145px); }
    .proPlayer .playerInfo .info h2 { font-size: 20px; margin-bottom: 5px }
    .proPlayer .playerInfo .info .team img { width: 22px }
    .proPlayer .playerInfo .personalInfo { width: 100%; padding-left: 0; margin-top: 0 }
    .proPlayer .playerInfo .personalInfo ul li:last-child { border-bottom: 0 }
    .proPlayer .playerInfo .number { position: relative; right: auto; top: auto; float: right; width: 100%; margin-top: 38px; font-size: 28px; text-align: right }
    .proPlayer .playerInfo .info .team { width: 100% }
    .proPlayer .playerInfo .info .team span { line-height: 1.8; font-size: 14px }
    .proPlayer .IContainer { padding: 30px 0 0 0 }
    .proPlayer .playerInfo .personalInfo ul li label { width: auto; font-size: 14px }
    .proPlayer .playerInfo .personalInfo ul { margin-top: 10px }
    .proPlayer .playerInfo .personalInfo ul li { padding: 5px 10px }
    .proPlayer .playerInfo .personalInfo ul li p { float: left; font-size: 14px }
    .proPlayer .IContainer .infoContainer { display: block; width: 100%; float: unset; margin-right: 0; }
    .proPlayer.LatestNews .listing ul li .desc { margin-top: 15px }
    .proPlayer.Videos .listing ul li .desc { margin-top: 15px }
    .proPlayer .remainContent .proNews ul li .desc .time { margin: 6px 0; font-size: 10px }
    .proPlayer.Videos .listing ul li .secName { right: 95px; width: 25px; height: 20px; overflow: hidden; padding: 0; top: 0; }
    .proPlayer.Videos .listing ul li .secName .icon { width: 25px; height: 20px }
    .proPlayer .remainContent .listing ul li:first-child .secName, .proPlayer .remainContent .listing ul li:first-child .secName .icon { width: 50px; height: 35px; background-color: #000 }
    .proPlayer .remainContent .listing ul li:first-child .secName { right: auto; left: 0 }
    .proPlayer .remainContent .listing ul li:first-child .secName .icon:before { font-size: 14px }
    .proPlayer .remainContent .listing ul li .secName, .proPlayer .remainContent .listing ul li .secName .icon { width: 25px; height: 20px; background-color: #000 }
    .proPlayer .remainContent .listing ul li .secName { right: 75px }
    .proPlayer .remainContent .listing ul li .secName .icon:before { font-size: 8px }
    .proPlayer .FullWidthBK.proBG h1 { right: 20px; font-size: 24px; bottom: auto; top: 50%; transform: translateY(-50%); line-height: 1.2; }
    .proPlayer .FullWidthBK.proBG img.newPro { left: 0px; height: 74px }
    .proPlayer .FullWidthBK.proBG .lines { width: 6px }
    .proPlayer .FullWidthBK.proBG .lines.leftBlue { left: 14px }
    .proPlayer .FullWidthBK.proBG .lines.leftRed { left: 140px; height: 110px; }
    .proPlayer .FullWidthBK.proBG .lines.leftYellow { left: 150px; height: 150px; top: -30px }
    .proPlayer .FullWidthBK.proBG .lines.rightBlue { right: -10px; top: 10px; height: 100px }
    .proPlayer .FullWidthBK.proBG .lines.rightYellow { right: 0px; top: 0px; height: 100px }
    .euroMain .FullWidthBK { height: 215px }
    .euroMain .FullWidthBK .euroHeader { height: 136px; background-position: 120% 71%, 6% 97%, 58% 102%; background-size: 56%, 39%, 36%; }
    .euroMain .FullWidthBK .tabs .pagecnts { display: flex; padding: 0; width: calc(100% - 20px);height:42px; white-space: nowrap; overflow-x: auto; overflow-y: hidden; z-index: 0; -webkit-overflow-scrolling: touch; -webkit-transform: translateZ(0); transform: translateZ(0); }
    .euroMain .FullWidthBK .tabs a { float: right; font-size: 13px; margin-left: 30px; -moz-page-break-inside: avoid; -webkit-column-break-inside: avoid; break-inside: avoid; -o-column-break-inside: avoid; -ms-column-break-inside: avoid; column-break-inside: avoid; page-break-inside: avoid; }
    .euroMain .FullWidthBK .tabs a:last-child { margin-left: 0 }
    .euroMain .featuredArea .pattern2 ul li:first-child, .euroMain .importantPlayer ul li:first-child { width: 100% !important }
    .euroMain .featuredArea .pattern2 ul li { width: calc(100% - 10px) !important; margin-left: 0; }
    .euroMain .featuredArea .pattern2 li .desc { padding: 4px 10px; }
    .euroMain .importantPlayer .title h2 { margin-right: 10px; }
    .euroMain .importantPlayer .featuredArea { padding: 0 10px; }
    .euroMain .importantPlayer .featuredArea .pattern2 ul { padding-bottom: 0 }
    .euroMain .importantPlayer .featuredArea .pattern2 ul li { margin-left: 0; margin-right: 0; width: 100% !important }
    .euroMain .importantPlayer .featuredArea .pattern2 ul li a .imageCntnr { padding-bottom: calc((100px * 67) / 100); width: 100px; }
    .euroMain .importantPlayer .featuredArea .pattern2 li .desc { width: calc(100% - 100px); }
    .euroMain .importantPlayer .featuredArea ul li.video .secName, .euroMain .importantPlayer .featuredArea ul li .secName { right: 75px }
    .euroMain .featuredArea .pattern2 ul li .desc .date { right: 10px }
    .euroMain .featuredArea .pattern2 ul li .desc p,
    .euroMain .remainContent .proNews .listing ul li .desc p,
    .euroMain .remainContent .listing.multimedia ul li .desc p { height: 48px; font-size: 13px }
    .euroMain .featuredArea .pattern2 ul li .desc p { height: auto }
    .euroMain .remainContent .listing ul li .desc p.date { font-size: 12px; height: auto }
    .euroFZEP { max-width: 100%; width: 300px; margin: 0 calc((100% - 300px) / 2) 36px; float: right }
    .euroFZEP a { width: 300px; margin-left: 0; margin-bottom: 16px; height: 150px; padding-bottom: 0; position: relative }
    .euroFZEP a:last-child { margin-left: 0 }
    .euroFZEP a img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: auto }
    .euroFZEP.predFZEP { width: 300px; margin: 0 calc((100% - 300px) / 2) 0 }
    .euroFZEP.predFZEP a { width: 100%; margin: 0; height: 150px; padding-bottom: 0 }
    .euroMain .groupTabs .table .ttlRow .itemTtl:nth-child(3),
    .euroMain .groupTabs .table .ttlRow .itemTtl:nth-child(4),
    .euroMain .groupTabs .table .ttlRow .itemTtl:nth-child(5),
    .euroMain .groupTabs .table .wRow .item:nth-child(3),
    .euroMain .groupTabs .table .wRow .item:nth-child(4),
    .euroMain .groupTabs .table .wRow .item:nth-child(5) { display: inline-block; }
    .euroMain .remainContent .proNews .title h2, .euroMain .remainContent .multimedia .title h2 { margin-right: 10px }
    .euroMain .remainContent .proNews ul, .euroMain .remainContent .multimedia ul { padding: 0 10px }
    .euroMain .remainContent .proNews ul li, .euroMain .remainContent .multimedia ul li { margin-left: 0 }
    .spansorEuro { padding-right: 34px }
    .spansorEuro p { font-size: 12px }
    .spansorEuro #articleSpansor { width: 50px; height: 50px }
    .spansorEuro li { height: 50px }
    .spansorEuro a img { width: 50px }
    .spansorheader .spansorEuro { left: 10px; width: 50px; height: 60px }
    .spansorheader .spansorEuro p { font-size: 10px }
    .spansorheader .spansorEuro li { height: 40px }
    .spansorheader .spansorEuro a img { width: 40px; }
    .euroMain.euroPredCnts .FullWidthBK .tabs { padding: 0 10px; height: 42px }
    .euroMain.euroPredCnts .FullWidthBK .tabs a { margin-left: 20px; padding:  0; position: static;line-height:42px }
    .euroMain .FullWidthBK .tabs a:last-child { float: none; margin-left: 0 }
    .euroMain .FullWidthBK .tabs a:last-child p { display: none }
    .euroPredCnts .predHint, .euroRoadToCup .predHint { padding: 20px 10px; min-height: 100% }
    .euroPredCnts .predHint .hintMsg h3, .euroRoadToCup .predHint .hintMsg h3 { font-size: 18px; line-height: 1.8; text-align: center }
    .euroPredCnts .predHint .hintMsg p, .euroRoadToCup .predHint .hintMsg p { text-align: center; margin: 20px 0 30px; font-size: 12px; }
    .euroPredCnts .predHint .regBtn, .euroRoadToCup .predHint .regBtn { position: relative; bottom: 0; left: 0; width: 100%; height: 40px; display: inline-block; line-height: 3.0; font-size: 14px; }
    .euroPredCnts .predictionCnts .tourTitle { padding: 0 10px }
    .euroPredCnts .predictionCnts .tourTitle .shape { width: 14px; height: 14px; margin-top: 18px; }
    .euroPredCnts .predictionCnts .tourTitle h3 { width: calc(100% - 18px); font-size: 14px; line-height: 3.6; padding-right: 10px; }
    .euroPredCnts .predictionCnts .tourTitle h3 span { font-size: 11px; }
    .euroPredCnts .predictionCnts .tourTitle .jokerCount { left: 10px }
    .euroPredCnts .predictionCnts .tourTitle .jokerCount .icon-joker:before { font-size: 14px }
    .euroPredCnts .predictionCnts .tourTitle .jokerCount p { font-size: 12px; line-height: 1.4 }
    .euroPredCnts .predictionCnts .tourTitle .jokerCount p span { font-size: 16px }
    .euroPredCnts .predictionCnts .accordionItem .matchData { height: 110px; padding: 0 10px; }
    .euroPredCnts .predictionCnts .accordionItem .matchData .date p { line-height: 4.2; margin-left: 10px; font-size: 11px; width: auto }
    .euroPredCnts .predictionCnts .accordionItem .matchData .date p.day { width: auto }
    .euroPredCnts .predictionCnts .accordionItem .matchData .teamName { font-size: 11px; width: auto; text-align: center; line-height: 1.8; }
    .euroPredCnts .predictionCnts .accordionItem .matchData .teamresult.team1 .teamName { position: absolute; left: 54px; top: 50%; transform: translateY(-50%); text-align: left; padding-right: 10px }
    .euroPredCnts .predictionCnts .accordionItem .matchData .teamresult.team2 .teamName { position: absolute; right: 54px; top: 50%; transform: translateY(-50%); text-align: right; padding-left: 10px }
    .euroPredCnts .predictionCnts .accordionItem .matchData .match { width: 100%; top: auto; left: 0; transform: none; bottom: 10px; }
    .euroPredCnts .predictionCnts .accordionItem .matchData a { display: inline-block; width: calc(100% - 30px) }
    .euroPredCnts .predictionCnts .accordionItem .matchData .teamresult img { margin: 4px calc((100% - 20px) / 2) 2px; }
    .euroPredCnts .predictionCnts .accordionItem .matchData .teamresult.team1 img { margin: 0; margin-right: 10px; position: absolute; left: 24px; top: 50%; transform: translateY(-50%) }
    .euroPredCnts .predictionCnts .accordionItem .matchData .teamresult.team2 img { margin: 0; margin-left: 10px; position: absolute; right: 24px; top: 50%; transform: translateY(-50%) }
    .euroPredCnts .predictionCnts .accordionItem .matchData .teamresult.team1 span { margin-right: 4px }
    .euroPredCnts .predictionCnts .accordionItem .matchData .teamresult.team2 span { margin-left: 4px }
    .euroPredCnts .predictionCnts .matchData .predStatus { width: 70px; left: 40px; top: 10px; transform: none; height: 22px; }
    .euroPredCnts .predictionCnts .matchData .predStatus .status { font-size: 10px; line-height: 2.2; }
    .euroPredCnts .predictionCnts .matchData .predStatus .predTimer { font-size: 12px; margin-right: 2px; line-height: 1.8; }
    .euroPredCnts .predictionCnts .accordionItem .matchData .teamresult { height: 52px; position: relative }
    .euroPredCnts .predictionCnts .matchData span.icon-plus { left: 10px; top: 10px; transform: none }
    .euroPredCnts .predictionCnts .matchData span.icon-plus::before, .euroPredCnts .predictionCnts .matchData span.icon-plus::after { width: 10px }
    .euroPredCnts .predictionCnts .matchData span.icon-plus::after { left: 6px }
    .euroPredCnts .predictionCnts .accordionItem.open .matchData span.icon-plus { -webkit-transform: rotateX(180deg); -moz-transform: rotateX(180deg); -ms-transform: rotateX(180deg); -o-transform: rotateX(180deg); transform: rotateX(180deg); }
    .euroPredCnts .item .matchPrediction .team { width: calc((100% - 50px) / 2) }
    .euroPredCnts .item .matchPrediction .team.team1 { padding-left: 50px; }
    .euroPredCnts .item .matchPrediction .team.team2 { padding-right: 50px; }
    .euroPredCnts .item .matchPrediction .teamName, .euroPredCnts .item .matchPrediction .teamScoring p { font-size: 11px; width: 100%; text-align: center; line-height: 2; }
    .euroPredCnts .item .matchPrediction .dash { width: 50px; }
    .euroPredCnts .predictionCnts .accordionItem .matchData .predStatus .status p.points { line-height: 20px }
    .euroPredCnts .predictionCnts .accordionItem .matchData .teamName { font-size: 11px; width: auto; text-align: center; line-height: 1.8; }
    .euroPredCnts .predictionCnts .accordionItem .matchData .teamresult.team1 .teamName { position: absolute; left: 54px; top: 50%; transform: translateY(-50%); text-align: left; padding-right: 10px }
    .euroPredCnts .predictionCnts .accordionItem .matchData .teamresult.team2 .teamName { position: absolute; right: 54px; top: 50%; transform: translateY(-50%); text-align: right; padding-left: 10px }
    .euroPredCnts .predictionCnts .accordionItem .matchData .match { width: 100%; top: auto; left: 0; transform: none; bottom: 10px; }
    .euroPredCnts .predictionCnts .accordionItem .matchData a { display: inline-block; width: calc(100% - 30px) }
    .euroPredCnts .predictionCnts .accordionItem .matchData .teamresult img { margin: 4px calc((100% - 20px) / 2) 2px; }
    .euroPredCnts .predictionCnts .accordionItem .matchData .teamresult.team1 img { margin: 0; margin-right: 10px; position: absolute; left: 24px; top: 50%; transform: translateY(-50%) }
    .euroPredCnts .predictionCnts .accordionItem .matchData .teamresult.team2 img { margin: 0; margin-left: 10px; position: absolute; right: 24px; top: 50%; transform: translateY(-50%) }
    .euroPredCnts .predictionCnts .accordionItem .matchData .teamresult.team1 span { margin-right: 4px }
    .euroPredCnts .predictionCnts .accordionItem .matchData .teamresult.team2 span { margin-left: 4px }
    .euroPredCnts .item .matchPrediction form, .euroPredCnts .item .matchPrediction .value-button { width: 30px }
    .euroPredCnts .item .matchPrediction input.number { width: 30px; height: 30px; font-size: 18px; }
    .euroPredCnts .predictionCnts .accordionItem .accContent .predItem { padding: 10px }
    .euroPredCnts .predictionCnts .accordionItem .accContent .predItem .item { width: 100%; margin-left: 0; margin-bottom: 16px; height: 152px }
    .euroPredCnts .predictionCnts .accordionItem .accContent .predItem .item:last-of-type { margin-bottom: 0 }
    .euroPredCnts .predictionCnts .accordionItem .accContent .predItem .item .predMatchTitle { height: 34px }
    .euroPredCnts .predictionCnts .accordionItem .accContent .predItem .item .predMatchTitle h3 { font-size: 13px; line-height: 2.6 }
    .euroPredCnts .predMatchTitle .predJoker { width: 22px; height: 22px }
    .euroPredCnts .predMatchTitle .predJoker input[type="checkbox"] + label { font-size: 16px }
    .euroPredCnts .predMatchTitle .predJoker input[type="checkbox"] + label .icon-joker:before { left: 4px }
    .euroPredCnts .predictionCnts .saveHint { height: 130px; bottom: -120px }
    .euroPredCnts .predictionCnts .saveHint .cnts { width: 100%; ;padding:10px;top: 10px; left: 50%; transform: translateX(-50%); }
    .euroPredCnts .predictionCnts .saveHint .cnts .icon-atn:before { line-height: 1.5; height: 50px; margin-left: 10px }
    .euroPredCnts .predictionCnts .saveHint .cnts p { font-size: 13px; line-height: 2; width: 100%; margin-bottom: 10px; }
    .euroPredCnts .predictionCnts .saveBtn { width: 100px; height: 28px; display: inline-block; line-height: 2.4; font-size: 12px; margin: 0; }
    .predRanking .ranking .rankMain { padding: 10px; }
    .predRanking .ranking .rankCnts .predMatchTitle { height: 34px; }
    .predRanking .ranking .rankCnts .predMatchTitle h3 { font-size: 13px; line-height: 2.6; }
    .jp-container { height: 274px }
    .predRanking .ranking .rankCnts .table .ttlRow, .predRanking .ranking .rankCnts .table .wRow { padding: 12px 10px }
    .predRanking .ranking .rankCnts .table .ttlRow .itemTtl.dtls, .predRanking .ranking .rankCnts .table .wRow .item.dtls { width: 50px; line-height: 2; }
    .predRanking .ranking .rankCnts .table .ttlRow .itemTtl.team, .predRanking .ranking .rankCnts .table .wRow .item.team { width: calc(100% - 100px); padding-right: 20px; }
    .predRanking .ranking .rankCnts .table .wRow .item { font-size: 13px }
    .predRanking .ranking .rankCnts .table .wRow .item p { font-size: 12px; width: calc(100% - 50px); line-height: 2.4; direction: ltr }
    .LandingPage.CAF.legends { background: url(../../Images/Legends/legendsBg.jpg) bottom center; background-size: cover; }
    .legends:before { right: 20px; top: 20px; width: 106px; height: 80px; background-size: 106px 80px; }
    .LandingPage.CAF.legends .text { right: 20px; transform: translateY(-50%); width: 260px; }
    .LandingPage.CAF.legends .text h1 { font-size: 26px; margin-bottom: 6px; }
    .LandingPage.CAF.legends .text p { font-size: 16px }
    .LandingPage.CAF.legends .text .startSquad { width: 140px; height: 44px; font-size: 16px; line-height: 2.6 }
    .euroSquadPage .shareBtn { right: 20px; bottom: 20px; transform: none }
    .euroSquadPage .shareBtn a.faceShare,
    .euroSquadPage .shareBtn a.twShare { font-size: 22px }
    .euroSquadPage .sponsors { bottom: 24px; left: 20px }
    .euroSquadPage .sponsors a { margin-right: 24px }
    .euroSquadPage .sponsors a:first-child:before { right: -13px }
    .euroSquadPage .sponsors a img { height: 26px }
    .chseSqMain.legendsSquad { padding-bottom: 186% }
    .chseSqMain.legendsSquad .allForms a { border: 1px solid #eab85f; }
    .chseSqMain.legends:before { width: 86px; height: 65px; background-size: 86px 65px; right: 20px }
    .chseSqMain.legends .sponsors { left: 50% !important; transform: translateX(-50%); width: 178px; }
    .chseSqMain.legends .sponsors a img { height: 34px; }
    .chseSqMain .allForms { bottom: 90px !important }
    .chseSqMain .allForms a { line-height: 1.6 !important; font-size: 16px !important; }
    .chseSqMain .col3 .allForms a { line-height: 2.4 !important; font-size: 12px !important; }
    .chseSqMain.legends .sponsors { left: 20px }
    .chseSqMain.legends .sponsors a img { height: 30px; }
    .chseSqMain.chooseTeam { padding-bottom: 186%; background: url(../../Images/ChooseSquad/Euro2020/chooseSquadGameBg.jpg) no-repeat left top; background-size: cover }
    .euroSquad .LandingPage.CAF { padding-bottom: 0 }
    .euroSquad .LandingPage.CAF:before { left: 20px; top: 84px; width: 80px; height: 34px; background-size: 80px auto; }
    .euroSquadPage .chseSqMain.chooseTeam:after { top: 34px; width: 80px; height: 34px; background-size: 80px auto }
    .euroSquad .squadCnts { position: relative; display: inline-block; float: right; width: 100%; padding: 90px 20px 60px }
    .euroSquad .chseTtl { width: 100%; display: inline-block; float: right; right: 0; height: auto; padding-top: 60px; position: relative; top: 0; transform: none; margin-bottom: 32px }
    .euroSquad .chseTtl:before,
    .euroSquadPage .chseSqMain.chooseTeam:before { width: 56px; height: 66px; background-size: 56px auto; top: -20px }
    .euroSquadPage .chseSqMain.chooseTeam:before { top: 20px }
    .euroSquad .chseTtl h1 { width: 100%; text-align: center }
    .euroSquad .chseTtl p { width: 230px; margin: 0 calc((100% - 230px) / 2); text-align: center }
    .euroSquad .LandingPage.CAF .landingTeam { width: 280px; display: inline-block; float: right; position: relative; left: 0; transform: none; margin: 0 calc((100% - 280px) / 2) 32px }
    .euroSquad .LandingPage.CAF .landingTeam li { width: 61px }
    .euroSquad .LandingPage.CAF .landingTeam li:nth-child(6n) { margin-left: 12px; }
    .euroSquad .LandingPage.CAF .landingTeam li:nth-child(4n) { margin-left: 0 }
    .euroSquad .LandingPage.CAF .landingTeam li:nth-last-child(-n+6) { margin-bottom: 12px; }
    .euroSquad .LandingPage.CAF .landingTeam li:nth-last-child(-n+4) { margin-bottom: 0px; }
    .euroInner .articleHeader .articleInfo .time span:first-child { margin-right: 0 }
    .euroInner .relatedArticles { padding: 10px }
    .euroInner .relatedArticles ul li.item { width: 110px }
    .euroInner .relatedArticles ul li.item .desc { width: 100% }
    .euroInner .euroMain .FullWidthBK .tabs a:last-child { float: none }
    .euroInner .euroMain .FullWidthBK .tabs { padding: 10px }
    .euroInner .tabs .euroLogo { height: 20px }
    .euroInner .euroMain .FullWidthBK { height: auto; margin-top: 0 }
    .euroInner .matchesHp li { border: 0 }
    .euroInner article .maxWidth .artclHdline, article .artclHdline { font-size: 20px }
    .euroInner .matchesHp .more:before { bottom: -10px }
    .euroInner .matchesHp .more { line-height: 2.3 }
    .euroInner .socialMargin { width: 100% }
    .euroInner .articleSocial { display: inline-block; height: 28px; padding: 0; }
    .euroInner .socialMargin { width: 100%; padding: 40px 10px 0 }
    .euroInner .articleSocial.euroSocial.fixed { right: auto; position: absolute; top: 5px }
    .euroInner .articleSocial.euroSocial { position: absolute; top: 10px; margin-top: 0; width: 76px; height: 40px; left: 0; }
    .euroInner .articleInfo .articleSocial { display: none }
    .euroInner article .detailsFooter { margin-bottom: 0 }
    .groups .groupTabs .table .ttlRow .itemTtl { width: 20px; font-size: 12px; padding: 0; text-align: center; margin-left: 14px; }
    .groups .groupTabs .table .wRow .item { width: 36px; text-align: center }
    .groups .groupTabs .table .wRow .team img { margin-left: 10px; width: 20px; height: auto; margin-top: 8px }
    .groups .GroupStanding .table .wRow .item p { font-size: 13px; line-height: 2.8 }
    .groups .GroupStanding .ttl { padding: 15px 10px 10px }
    .groups .groupTabs .table .wRow .item:nth-child(2) { padding: 10px; margin-left: 0; width: calc(100% - 149px) }
    .groups .groupTabs .table .ttlRow .itemTtl:nth-child(4), .groups .groupTabs .table .ttlRow .itemTtl:nth-child(5) { display: none }
    .groups .groupTabs .table .ttlRow .itemTtl:nth-child(7), .groups .groupTabs .table .ttlRow .itemTtl:nth-child(8) { display: inline-block }
    .groups .groupTabs .table .ttlRow .itemTtl:nth-child(2) { width: calc(100% - 188px) }
    .euroInner .matchcenter .maxWidth { width: 100%; margin: 0 0 20px }
    .euroInner .matchcenter .matchesList ul li .allData { width: 100%; border-left: 0 }
    .euroInner .matchcenter .matchesList ul li .leftCol { width: 100%; border-top: 1px solid #EFEFEF; text-align: center; padding: 15px 10px }
    .euroInner .matchcenter .matchesList ul li .leftCol .button { margin-bottom: 0 }
    .euroInner .matchcenter .matchesList ul li .leftCol .details { margin-left: 10px }
    .euroInner .matchcenter .matchesList ul li .leftCol:last-child { margin-left: 0 }
    .euroInner .matchcenter .matchesList ul li .topData { padding: 10px 10px 35px }
    .euroInner .matchcenter .matchesList ul li .channel { top: 10px; left: 10px }
    .euroInner .matchcenter .matchesList ul li .topData .matchStatus { position: relative; width: 100% }
    .euroInner .matchcenter .matchesList ul li .bottomData .teamDtl { padding: 0 10px }
    .euroInner .matchcenter .matchesList ul li .bottomData .teamDtl p { font-size: 12px }
    .euroInner .matchcenter .matchesList ul li .bottomData .teamDtl span.time { margin-right: 5px }
    .euroInner .matchcenter .matchesHp .more { width: calc(100% + 24px); margin-right: -12px }
    .euroInner .matchcenter .dropDownContainer .placeholder { width: 100% }
    .euroInner .matchcenter .dropDownContainer ul { width: 100% }
    .euroInner .matchcenter .matchesList ul li .teamsData .teamCntnr { width: 100%; margin: 0 }
    .euroInner .matchcenter .matchesList ul li .bottomData .teamDtl p span.onGoal { font-size: 11px }
    .euroInner .matchcenter .matchesList ul li .bottomData { padding: 25px 0 }
    .fanZone .cntnr { width: 100%; margin: 15px 0; padding: 0 10px }
    .fanZone ul li.header { margin-bottom: 0; height: 140px }
    .fanZone ul li { width: 100% !important; margin-bottom: 30px }
    .fanZone ul li.header h1 { text-align: center; font-size: 32px; width: 100% }
    .fanZone ul li.header h1 span { position: relative; bottom: auto; right: auto; text-align: center; font-size: 30px; margin-top: 5px; }
    .fanZone ul li:nth-child(4), .fanZone ul li:nth-child(5) { margin-bottom: 20px }
    .fanZone ul li p { font-size: 13px }
    .fanZone ul li h2 { font-size: 24px }
    .fanZone ul li .gameImg { width: 125px }
    .fanZone ul li.FZQuiz .gameImg { width: 130px }
    .fanZone ul li.FZPred .gameImg { left: 15px }
    .fanZone ul li.FZLegend .gameImg { width: auto }
    .euroPredCnts .dropDownContainer .placeholder { width: 100%; font-size: 14px; line-height: 2.6 }
    .euroPredCnts .dropDownContainer ul { width: 100% }
    .login-box.loginActive, .openRegister .login-box.signUpActive { width: calc(100% - 20px); height: calc(100% - 70px); top: 60px; transform: translateX(-50%); }

    .openRegister .login-box { width: calc(100% - 20px) !important; height: calc(100% - 200px) !important; top: 210px; transform: translateX(-50%) }
    .openRegister .login-box.phonenumber { height: 340px !important;top:200px }
    .login-box h3 { height: 50px; line-height: 3 }
    .login-box .closePopup { top: 12px }
    .lb-header a { margin: 0 0 0 20px; width: calc((100% - 20px) /2); float: right }
    .lb-header a:last-child { margin: 0 }
    .email-login { padding: 10px }
    .email-signup { padding: 20px 10px 10px }
    .u-form-group.error { margin-bottom: 20px }
    .u-form-group.error:nth-child(5) { margin-bottom: 10px }
    .u-form-group .itemError { font-size: 11px }
    .signUpActive .u-form-group.error .pass, .signUpActive .u-form-group.error .ConfirmPassword { margin-top: 20px }
    .login-box h3 { margin-bottom: 10px }
    .login-box.loginActive.error { height: calc(100% - 70px); margin-top: 0 }
    .u-form-group input[type="email"], .u-form-group input[type="password"], .u-form-group input[type="text"], .u-form-group input[type="tel"] { height: 40px }
    .u-form-group button, .u-form-group .Compelete, .u-form-group .SigninBtn, .u-form-group .SignupBtn { margin-top: 0 }
    .popupMsg .popupCntnr { width: calc(100% - 20px); height: calc(100% - 80px); padding: 30px 20px; }
    .popupMsg .iconDiv { width: 60px; height: 60px }
    .popupMsg .iconDiv:before { font-size: 32px }
    .passwordPage .cntnr { width: 100%; margin: 0 }
    .passwordPage { padding: 0; margin-top: 20px }
    .passwordPage input { height: 40px }
    .RulesMsg .cntnr { width: calc(100% - 20px); height: calc(100% - 80px); top: 65px; transform: translateX(-50%); }
    .RulesMsg .rulesItems { overflow-x: hidden !important; overflow-y: scroll !important; height: calc(100% - 80px); padding: 0 20px }
    .RulesMsg ul { width: 100%; margin: 0 }
    .RulesMsg .lb-header { margin-bottom: 10px }
    .popupMsg .popupCntnr { width: calc(100% - 20px); height: calc(100% - 80px); padding: 30px 20px; top: 60px; transform: translateX(-50%); }
    .euroRoadToCup { padding: 100px 10px 32px }
    .euroRoadToCup .title { margin-bottom: 20px; height: auto }
    .euroRoadToCup .title h1 { font-size: 22px; height: 80px }
    .euroRoadToCup .title span { font-size: 15px; margin-top: 10px; line-height: 1.6 }
    .euroRoadToCup .title h1:before { width: 35px; height: 80px; background-size: 35px auto; top: 0 }
    .euroRoadToCup .rtcSponsor img { width: 50px }
    .euroRoadToCup .title .regBtnHeader { left: 0; top: -72px }
    .euroRoadToCup .breadcrumbDiv { padding-bottom: 32px; position: static; margin-bottom: 16px; }
    .euroRoadToCup .groups .stageInfo h2 { font-size: 18px }
    .euroRoadToCup .groups .stageInfo p { font-size: 14px }
    .euroRoadToCup .groupTaples .group { width: 100%; margin-left: 0; margin-bottom: 16px; height: 420px }
    .euroRoadToCup .groupTaples .group:nth-child(3n) { margin-left: 0 }
    .euroRoadToCup .groupTaples .group:nth-child(2n) { margin-left: 0 }
    .euroRoadToCup .groupTaples .GroupTeams { width: 260px; margin: 10px calc((100% - 260px) / 2) 20px }
    .euroRoadToCup .groupTaples .GroupTeams li { margin-left: 20px }
    .euroRoadToCup .groupTaples .GroupTeams li span { font-size: 11px }
    .euroRoadToCup .groupTaples .sortingTeams li .TeamName,
    .euroRoadToCup .Place3rd li .TeamName { font-size: 15px }
    .euroRoadToCup .Place3rd { width: 100%; margin: 0; }
    .euroRoadToCup .groupTaples h3 { font-size: 16px }
    .euroRoadToCup .Place3rd p { font-size: 13px }
    .euroRoadToCup .submitBtn { height: 50px; font-size: 16px; line-height: 3; }
    .euroRoadToCup .nextHint { bottom: 90px }
    .euroRoadToCup .shareGame .socialLink.wappShare,
    .euroRoadToCup .shareGame .socialLink.msngrShare { display: inline-block }
    .euroRoadToCup .shareGame { bottom: 10px }
    .euroRoadToCup .shareGame p { margin-left: 10px; font-size: 12px; line-height: 30px }
    .euroRoadToCup .shareGame .icon-share:before { font-size: 18px }
    .tour2694 .euroRoadToCup .allRounds .roundItem { width: 250px; margin-left: 0; padding-left: 20px }
    .tour2694 .euroRoadToCup .allRounds .roundItem:last-child { margin-left: 0 }
    .second .teamData:last-child:before, .second .teamData:first-child:before,
    .third .teamData:last-child:before, .third .teamData:first-child:before,
    .final .teamData:last-child:before, .final .teamData:first-child:before { width: 14px; right: -10px; }
    .euroRoadToCup .allRounds .roundItem .qualifiedTeams .separating { width: calc(100% + 4px); }
    .euroRoadToCup .allRounds .roundItem .cupWinner h3 { font-size: 16px }
    .tour2694 .euroRoadToCup .allRounds .roundItem .qualifiedTeams .cupWinner .TeamName { font-size: 16px }
    .euroRoadToCup .flickity-button { background-color: #fff; border-radius: 6px; border: none; color: #810d2f; display: none; }
    .flickity-button.previous:before { content: 'i'; color: #810d2f; }
    .euroRoadToCup .flickity-button.previous { left: auto; right: 0; color: inherit }
    .euroRoadToCup .flickity-button.next:before { color: inherit }
    .euroRoadToCup .flickity-button:hover { background: #fff; color: #810d2f }
    .euroRoadToCup .flickity-button:active:before, .euroRoadToCup .flickity-button:hover:before { color: inherit }
    .euroRoadToCup .flickity-button:disabled { opacity: 0.3; pointer-events: none; }
    .euroRoadToCup .allRounds .roundItem { padding-left: 2px }
    .euroPredCnts .quizHint .hintMsg { margin-bottom: 0; }
    .euroQuizCnts .afterLogin .welcomeHint { height: 70px; min-height: 100%; padding: 0; }
    .euroQuizCnts .afterLogin .welcomeHint .hintMsg h3 { margin-top: 20px; text-align: right }
    .euroQuizCnts .afterLogin .welcomeHint .yourScore { width: 120px; height: 70px; left: 0 }
    .euroQuizCnts .afterLogin .welcomeHint .yourScore p { font-size: 15px; margin: 6px 0 0px; }
    .euroQuizCnts .resultDiv .yourScore p { font-size: 15px }
    .euroQuizCnts .afterLogin .welcomeHint .yourScore span { font-size: 24px }
    .euroQuizCnts .quizSteps { padding: 32px 16px }
    .euroQuizCnts .getReadyTimer p,
    .euroQuizCnts .resultDiv p { font-size: 20px; line-height: 2.4 }
    .euroQuizCnts .getReadyTimer span { font-size: 92px }
    .euroQuizCnts .game-top .date p { font-size: 12px; line-height: 2.6 }
    .euroQuizCnts .questionDiv { min-height: 110px }
    .euroQuizCnts .questionDiv p { padding: 0 16px; font-size: 18px }
    .euroQuizCnts .answer { width: 100%; height: 50px; margin-bottom: 16px; margin-left: 0px; }
    .euroQuizCnts .answer p { font-size: 14px; }
    .euroQuizCnts .resultDiv .allStars { width: 200px; height: 100px; margin: 0 calc((100% - 200px) / 2) 100px; }
    .euroQuizCnts .resultDiv .allStars .star { width: 60px; height: 60px }
    .euroQuizCnts .resultDiv .allStars .star.icon-star:before { font-size: 60px }
    .EuroMatchDetails .euroMain .FullWidthBK .tabs { width: 100% }
    .euroMain .FullWidthBK:after { height: calc(100% - 42px) }
    .euroMain.olympic .FullWidthBK .euroHeader { height: 65px; background-position: 152%; background-size: 138%; }
    .euroMain.olympic.football .FullWidthBK .euroHeader, .euroMain.olympic.handball .FullWidthBK .euroHeader { background-position: 140%; background-size: 159% }
    .euroMain.olympic.football .FullWidthBK .euroHeader img.football, .euroMain.olympic.handball .FullWidthBK .euroHeader img.handball { width: 90px; right: 4px }
    .euroMain.olympic.football .FullWidthBK .euroHeader a, .euroMain.olympic.handball .FullWidthBK .euroHeader a { width: 55px; left: 80px }
    .euroMain.olympic.football .FullWidthBK .euroHeader img.spansor, .euroMain.olympic.handball .FullWidthBK .euroHeader img.spansor { width: 66px; left: 5px }
    .euroMain.olympic .FullWidthBK:after { display: none }
    .euroMain.olympic .FullWidthBK .euroHeader img { right: 10px; width: 42px; bottom: 5px; }
    .medalPage .maxWidth { width: 100%; margin: 0 }
    .olympicStrip .euroMain .FullWidthBK .euroHeader { border-right: 0; background-size: 195%; background-position: 152%; }
    .olympicStrip .FullWidthBK .euroHeader img.robotStrip { display: none }
    .euroStrip.olympicStrip .EntryPoint, .euroMain.olympic .olympicStrip .FullWidthBK .euroHeader { height: 90px }
    .olympicStrip .FullWidthBK .euroHeader .textStrip { margin-right: 8px }
    .olympicStrip .FullWidthBK .euroHeader .textStrip p { font-size: 16px; margin: 15px 0 8px; line-height: 1.5; }
    .olympicStrip .spansorheader .spansorEuro a img { width: 98px; left: -7px; transform: none; bottom: 8px; top: auto; }
    .euroStrip.olympicStrip .spansorheader .spansorEuro { width: 110px; left: 10px }
    .olympicStrip .FullWidthBK .euroHeader a { width: 40px; height: 50px; left: 10px; }
    .olympicStrip .FullWidthBK .euroHeader .textStrip span { width: 80px; height: 25px; font-size: 13px; margin-top: 0; border-radius: 5px; line-height: 1.8 }
    .olympicStrip .FullWidthBK .euroHeader img { right: auto }
    .olympicStrip .spansorheader .spansorEuro { top: auto; transform: none; bottom: 0; left: 3px }
    .olymicInner .euroMain.olympic .FullWidthBK .tabs { padding: 0 10px }
    .olymicInner .demo-gallery > ul > li .showGal { font-size: 13px; line-height: 2.8 }
    .olymicInner .demo-gallery > ul > li .icon-camera:before { font-size: 13px; line-height: 2.8 }
    .olymicInner .euroMain.olympic .FullWidthBK { margin-top: 0 }
    .euroInner .olympic .euroMain .FullWidthBK .tabs { padding: 0 20px }
    .proPlayer.olympic.LatestNews .listing ul li .desc { margin-top: 5px }
    .tour2694 .euroRoadToCup { padding: 70px 10px }
    .tour2694 .euroRoadToCup .title { margin-bottom: 30px }
    .tour2694 .euroRoadToCup .title h1 { font-size: 24px; height: 60px; padding: 0 40px 0 0; line-height: 1.2 }
    .tour2694 .euroRoadToCup .title span { font-size: 14px }
    .tour2694 .euroRoadToCup .title h1:before { width: 29px; height: 60px }
    .tour2694 .euroRoadToCup .title .regBtnHeader { top: -50px }
    .viewTabContainer { padding: 50px 10px 100px }
    .tour2694 .euroRoadToCup .breadcrumbDiv { margin-bottom: 30px; padding-bottom: 0 }
    .tour2694 .euroRoadToCup .viewTabContainer .camel { left: 10px; width: 104px; height: 90px }
    .tour2694 .euroRoadToCup .viewTabContainer .eagles { left: 10px; top: 10px; width: 96px; height: 40px }
    .tour2694 .euroRoadToCup .viewTabContainer .palm { width: 346px; height: 270px; }
    .tour2694 .euroRoadToCup .groups { padding-bottom: 20px; padding-top: 0px }
    .tour2694 .euroRoadToCup .groupTaples .GroupTeams { width: 2480px; margin: 10px calc((100% - 248px) / 2) 20px }
    .tour2694 .euroRoadToCup .groupTaples .GroupTeams li { margin-left: 16px }
    .tour2694 .euroRoadToCup .groupTaples .GroupTeams li:last-of-type { margin-left: 0; }
    .tabs-container { position: relative; z-index: 1 }
    .tabs-nav > li { padding: 14px 10px; font-size: 13px; }
    .tour2694 .euroRoadToCup .breadcrumb li { margin-left: 36px }
    .tour2694 .euroRoadToCup .breadcrumb li:last-child { margin-left: 0px }
    .tour2694 .euroRoadToCup .breadcrumb li span { width: 24px; height: 24px; line-height: 24px }
    .tour2694 .euroRoadToCup .breadcrumb li p { font-size: 12px; line-height: 24px; padding-right: 6px }
    .tour2694 .euroRoadToCup .groups .stageInfo h2 { font-size: 16px; }
    .tour2694 .euroRoadToCup .groups .stageInfo p { font-size: 13px; }
    .tour2694 .euroRoadToCup .groupTaples .group { margin-left: 0; margin-bottom: 20px; width: 100%; }
    .tour2694 .euroRoadToCup .nextHint { bottom: 60px }
    .euroRoadToCup .allRounds .roundItem h3 { font-size: 14px }
    .euroRoadToCup .allRounds .roundItem .qualifiedTeams .teamData .team { }
    .euroRoadToCup .allRounds .roundItem .qualifiedTeams .TeamName { font-size: 14px; line-height: 40px; padding-right: 10px }
    .tour2694 .euroRoadToCup .submitBtn { width: 100%; margin: 40px 0 0 }
    .chooseLeague p.text { font-size: 24px }
    .chooseLeague ul { width: 100% }
    .chooseLeague ul li { width: calc((100% - 12px) /2); margin-left: 12px; padding: 10px; height: 140px; margin-bottom: 12px }
    .chooseLeague ul li:nth-of-type(5n) { margin-left: 12px }
    .chooseLeague ul li:nth-of-type(2n) { margin-left: 0 }
    .chooseLeague ul li a { display: inline-block; width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); padding: 10px; text-align: center }
    .chooseLeague ul li img { height: 45px; position: relative; top: auto; left: auto; transform: none; }
    .chooseLeague ul li p { font-size: 14px; margin-top: 20px }
    .newPred .pagecnts , .newPred .innerpage{ width: 100%; margin: 0 0; padding: 0 10px }
    .newsFeed.section{ width: 100%;}
    .newPred.tour-1 .FullWidthBK .pagecnts { padding: 0 10px }
    .FullWidthBK .pagecnts { width: calc(100% - 20px); margin-right: 0 }
    .newPred .euroPredCnts .tabs .regBtn { left: 10px }
    .newPred .privateLeague .predContainerDiv { padding: 30px 0 }
    .proPlayer .rightside .warning { padding: 8px; font-size: 14px }
    /*.newPred .prediction{padding:15px 10px}*/
    .newPred.predRanking .createLeague .ranking.allLeagues .rankCnts .table .wRow .item.num, .newPred.predRanking .createLeague .ranking.allLeagues .rankCnts .table .ttlRow .itemTtl.num { width: 150px }
    .newPred.predRanking .createLeague .ranking.allLeagues .rankCnts .table .ttlRow .itemTtl, .newPred.predRanking .createLeague .ranking.allLeagues .rankCnts .table .wRow .item { width: calc((100% - 150px)/2) }
    .newPred.predRanking .createLeague .ranking.allLeagues .rankCnts .table .wRow .leagueSetting a { padding: 0 15px }
    .newPred.predRanking .createLeague .ranking.allLeagues .rankCnts .table .wRow .leagueSetting, .newPred.predRanking .createLeague .ranking .rankCnts .table .wRow .buttons { width: auto; margin: 0 auto; float: none }
    .newPred .proPlayer .title .leagueSetting { float: right; width: 100%; margin-top: 5px }
    .newPred .proPlayer .title .leagueSetting a { padding: 0 10px; height: 36px; margin-bottom: 5px }
    .newPred .proPlayer .title .leagueSetting a .cont p { line-height: 34px }
    .newPred .proPlayer .title .leagueSetting a .cont .icon-edit:before,
    .newPred .proPlayer .title .leagueSetting a .cont .icon-remove:before,
    .newPred .proPlayer .title .leagueSetting a .cont .icon-share:before, .newPred .proPlayer .title .leagueSetting a .cont .icon-exit:before { line-height: 36px; font-size: 12px; float: right }
    .newPred .proPlayer .title h2 { font-size: 22px }
    .newPred .proPlayer .title .membersNumber, .newPred .proPlayer .title .totalNum { margin-top: 12px }
    .predRanking .createLeague .ranking.allLeagues .rankCnts .table .wRow { height: 100px }
    .predRanking .createLeague .ranking.allLeagues .rankCnts .table .wRow .buttons { width: auto; margin: 8px auto; float: none }
    .predRanking .ranking .rankCnts .table .wRow .item.dtls.stable:before { width: 11px; height: 11px; top: 6px; right: 6px; }
    .newPred.predRanking .createLeague .ranking .rankCnts .jp-container { max-height: 400px }
    .newPred.predRanking .createLeague .ranking.allLeagues .rankCnts .table .ttlRow .itemTtl, .newPred.predRanking .createLeague .ranking.allLeagues .rankCnts .table .wRow .item { width: calc(100% - 34px); margin-right: -8px }
    .newPred.predRanking .createLeague .ranking.allLeagues .rankCnts .table .wRow .item.num, .newPred.predRanking .createLeague .ranking.allLeagues .rankCnts .table .ttlRow .itemTtl.num { width: 50px }
    .newPred.predRanking .createLeague .ranking.allLeagues .rankCnts .table .wRow .item:last-child { width: 100%; margin-right: 0 }
    .newPred.predRanking .createLeague .ranking.allLeagues .rankCnts .table .wRow .leagueSetting a .cont p { width: auto }
    .newPred.predRanking .createLeague .ranking .rankCnts .table .wRow.noaction { height: 90px }
    .newPred.predRanking .createLeague .ranking .rankCnts .table .wRow.admin { height: 70px; padding: 22px 10px; background-color: #0e0e0e }
    .newPred.predRanking .createLeague .ranking.allLeagues .rankCnts .table .ttlRow .itemTtl.num, .newPred.predRanking .createLeague .ranking.allLeagues .rankCnts .table .wRow .item.num { width: 50px; margin-left: 12px }
    .newPred.predRanking .createLeague .ranking.allLeagues .rankCnts .table .wRow .item.totalPoints, .newPred.predRanking .createLeague .ranking.allLeagues .rankCnts .table .ttlRow .itemTtl.totalPoints { width: 50px }
    .newPred.predRanking .createLeague .ranking.allLeagues .rankCnts .table .ttlRow .itemTtl, .newPred.predRanking .createLeague .ranking.allLeagues .rankCnts .table .wRow .item { width: calc(100% - 89px); }
    .newPred.predRanking .createLeague .ranking.allLeagues .rankCnts .table .ttlRow .itemTtl.button { display: none }
    .newPred.predRanking .createLeague .ranking.allLeagues .private .rankCnts .table .ttlRow .itemTtl.num, .newPred.predRanking .createLeague .ranking.allLeagues .private .rankCnts .table .wRow .item.num { width: 50px; margin-left: 12px }
    .newPred.predRanking .createLeague .ranking.allLeagues .private .rankCnts .table .wRow .item.totalPoints, .newPred.predRanking .createLeague .ranking.allLeagues .private .rankCnts .table .ttlRow .itemTtl.totalPoints { width: 50px }
    .newPred.predRanking .createLeague .ranking.allLeagues .private .rankCnts .table .ttlRow .itemTtl, .newPred.predRanking .createLeague .ranking.allLeagues .private .rankCnts .table .wRow .item { width: calc(100% - 89px); }
    .newPred.predRanking .createLeague .ranking.allLeagues .private .rankCnts .table .ttlRow .itemTtl.button { display: none }
    .newPred.predRanking .createLeague .ranking.allLeagues .private .rankCnts .table .ttlRow .headerStats{display:flex;gap:15px}
    .predRanking .ranking .rankCnts .table .wRow .buttons a { font-size: 11px; line-height: 2.3; height: 28px }
    .newPred .privateLeague .createdLeaguePopup { height: calc(100% - 50px); top: 50px; }
    .newPred .privateLeague .createdLeaguePopup .popupContainer { width: calc(100% - 20px); max-height: 475px; }
    .newPred .privateLeague .createdLeaguePopup .popupContainer .popupCnts { padding: 15px; overflow-x: hidden !important; overflow-y: scroll !important; max-height: 400px; }
    .newPred .privateLeague .createdLeaguePopup .popupContainer .popupCnts h4 { margin-bottom: 10px }
    .newPred .privateLeague .createdLeaguePopup .popupContainer .popupCnts .leagueCode.code .codeInputCntnr .codeInput { width: 100%; margin-bottom: 8px; overflow: hidden }
    .newPred .privateLeague .createdLeaguePopup .popupContainer .popupCnts .leagueCode { margin-bottom: 25px }
    .newPred .privateLeague .createdLeaguePopup .popupContainer .popupCnts .leagueCode .codeInputCntnr .copyCodeBtn { width: 100px; height: 40px; line-height: 40px }
    .newPred .privateLeague .createdLeaguePopup .popupContainer .popupCnts .leagueCode.link .codeInputCntnr .goLeague { width: 100%; margin-top: 15px; margin-left: 0 }
    .euroPredCnts .FullWidthBK h1:first-child { width: 100%; right: 10px }
    .euroPredCnts .FullWidthBK h1:first-child:first-child { font-size: 23px; bottom: 38px }
    .newPred.tour-1 .euroPredCnts .FullWidthBK h1:first-child{line-height:90px}
    .newPred.tour-1 .euroMain .FullWidthBK .tabs{height:42px}
    .newPred.tour-1 .FullWidthBK{height:132px}
    .euroPredCnts .FullWidthBK h1:first-child:nth-of-type(2) { font-size: 18px; }
    .newPred .euroPredCnts .FullWidthBK h2 { width: 100%; right: 15px; font-size: 19px }
    .newPred .euroMain .FullWidthBK .tabs { padding: 0!important;margin-top:15px }
    .tour2697.newPred .euroPredCnts .FullWidthBK h2 { width: 100%; right: 15px; font-size: 19px }
    .tour2697.newPred .euroMain .FullWidthBK .tabs { padding: 4px 0 !important }
    .tour2727.newPred .euroPredCnts .FullWidthBK h2 { width: 100%; right: 10px; font-size: 19px }
    .tour2727.newPred .euroMain .FullWidthBK .tabs { padding: 4px 0 !important }
    .tour2727.newPred .FullWidthBK .tabs .pagecnts { overflow-x: scroll !important; overflow-y: hidden !important; padding: 0 10px }
    .tour2730.newPred .euroPredCnts .FullWidthBK h2 { width: 100%; right: 10px; font-size: 19px }
    .tour2730.newPred .euroMain .FullWidthBK .tabs { padding: 4px 0 !important }
    .tour2730.newPred .FullWidthBK .tabs .pagecnts { overflow-x: scroll !important; overflow-y: hidden !important; padding: 0 10px }
    .newPred .FullWidthBK .pagecnts { padding: 0 20px;height:auto }
    .tour2694.newPred .FullWidthBK .pagecnts { padding: 0 15px }

    
    .popupMsg .popupCntnr{height: calc(100% - 200PX);top: 170px;}
    .RulesMsg .cntnr{height: calc(100% - 200PX);top: 170px;}
    .RulesMsg .rulesItems{height:calc(100% - 55px)}
}

@media screen and (max-width:767px) and (orientation:landscape) {
    .cafLgFinal .entryPoint { width: 100%; margin-right: 0; margin-left: 0; }
    .LandingPage.CAF .landingTeam { width: calc(100% - 200px); }
    .email-login, .email-signup { overflow-x: hidden !important; overflow-y: scroll !important; height: 135px; }
    .openRegister .login-box.profileActive { overflow-x: hidden !important; overflow-y: scroll !important; height: 250px; }
    .openRegister .login-box.phonenumber { height: 250px !important }
    .euroMain .FullWidthBK .euroHeader { background-position: 120% 71%, 6% 60%, 58% 102%; background-size: 56%, 39%, 36%; }
}

@media screen and (max-width:767px) and (orientation:portrait) {
    .cafLgFinal .entryPoint { width: 100%; margin-right: 0; margin-left: 0; }
    .cafLgFinal .entryPoint a { width: 100%; margin-left: 0; margin-bottom: 16px }
    .cafLgFinal .entryPoint a:last-child { margin-bottom: 0 }
}
/******************************** Handball World Cup *********************************/
.HandballlWorldCup .content-wrap { background: #f8f8f8 }
.HandballlWorldCup .content-wrap:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url('../../Images/Handball/hbPattern.png') repeat #fff; background-size: 250px; opacity: 0.08 }
.HandballlWorldCup .content { background: transparent }
.HandballlWorldCup .tourMenu { background: #fff; padding: 20px 0; height: 130px; position: relative; margin-bottom: 120px; box-shadow: 0px 0px 6px rgba(0,0,0,0.2); }
.HandballlWorldCup .ttl { background: #fff; border-right: 4px solid #dd1f2b; }
.HandballlWorldCup .tourMenu .ttl { height: 100px; border-right: none; padding-right: 0 }
.HandballlWorldCup .tourMenu .ttl img { display: none }
.HandballlWorldCup .tourMenu .ttl:before { content: ""; position: absolute; top: 50%; right: 60px; transform: translateY(-50%); width: 70px; height: 70px; background: url('../../Images/Handball/hbBall.png') no-repeat; background-size: auto 70px; pointer-events: none }
.HandballlWorldCup .tourMenu .ttl h2 { position: absolute; right: 150px; top: 50%; transform: translateY(-50%); font-size: 24px; }
.HandballlWorldCup .tourMenu .ttl:after { content: ""; position: absolute; top: 50%; left: 60px; transform: translateY(-50%); width: 244px; height: 100px; background: url('../../Images/Handball/hbLogo.png') no-repeat; background-size: auto 100px; pointer-events: none }
.HandballlWorldCup .tourMenu .tourNav { display: inline-block; float: right; margin-right: 0; position: absolute; bottom: -20px; left: 50%; transform: translateX(-50%); height: auto; width: 510px; }
.HandballlWorldCup .tourMenu .tourNav a { height: 40px; background: #000; border-left: none; margin-left: 10px; border-radius: 4px; line-height: 2.6; color: #fff }
.HandballlWorldCup .tourMenu .tourNav a:hover { background: #dd1f2b }
.HandballlWorldCup .tourMenu .tourNav a:last-of-type { margin-left: 0 }
.HandballlWorldCup .matchesHp .bx-wrapper .bx-controls-direction a { background: #000; color: #000 }
.HandballlWorldCup .matchesHp .bx-wrapper .bx-controls-direction a:hover { background: #dd1f2b }
.HandballlWorldCup .tourMenu .tourTeams { margin-top: 50px }
.HandballlWorldCup .tourMenu .bx-wrapper .bx-controls-direction a { background: #000 }
.HandballlWorldCup .tourMenu .bx-wrapper .bx-controls-direction a:hover { background: #dd1f2b }
.HandballlWorldCup .ttl h2 a:hover, .HandballlWorldCup .ttl h3 a:hover { color: #dd1f2b }
.HandballlWorldCup .matchesHp { background: #fff }
.HandballlWorldCup .more { background: #000; }
.HandballlWorldCup .more:hover { background: #dd1f2b }
.HandballlWorldCup .matchesHp li .gotoDay span { color: #dd1f2b }
.HandballlWorldCup .tourMatches, .HandballlWorldCup .interestedArticles, .HandballlWorldCup .newsPointer { border-top: 4px solid #dd1f2b; }
.HandballlWorldCup .tourMatches .ttl, .HandballlWorldCup .interestedArticles .ttl, .HandballlWorldCup .newsPointer .ttl, .HandballlWorldCup .leftSpeakol .ttl { border-right: none }
.HandballlWorldCup .tourMatches .allItems li .resultDiv .matchStatus .time { color: #000 }
.HandballlWorldCup .tourMatches .allItems li .info .icon-dtls:before { color: #dd1f2b }
.HandballlWorldCup .groupTabs .tab button.active:before { background: #000 }
.HandballlWorldCup .groupTabs .tab button { border-top: 4px solid #000; }
.HandballlWorldCup .groupTabs .tab button.active { border-top: none }
.HandballlWorldCup .groupTabs .table .ttlRow { background: #dd1f2b }
.HandballlWorldCup .tourStats.stats .item .more { background: transparent; color: #dd1f2b }
.HandballlWorldCup .tourStats.stats .item .more .icon-more:before { color: #dd1f2b }
.HandballlWorldCup .pattern1 ul li:hover .desc p, .HandballlWorldCup .interestedArticles .cnts li:hover p, .HandballlWorldCup .newsPointer .cnts li:hover a, .HandballlWorldCup .listing ul li:hover .desc p { color: #dd1f2b }
.HandballlWorldCup .interestedArticles .cnts li .num { color: #000 }
.HandballlWorldCup .matchesCenter.fixtures .fTab button { border-top: 4px solid #000; }
.HandballlWorldCup .matchesCenter.fixtures .fTab button.active { border-top: none }
.HandballlWorldCup .matchesCenter.fixtures .fTab button.active:before { background: #000; }
.HandballlWorldCup .cd-gallery li .teamA .teamName, .HandballlWorldCup .cd-gallery li .teamB .teamName { color: #000 }
.HandballlWorldCup .tourStats.stats .item ul li .resultDiv .matchStatus .status.details { background: #000 }
.HandballlWorldCup .GroupStanding .ttl { border-right: 4px solid #000; }
.HandballlWorldCup .groupTabs { width: calc(100% - 320px); margin-left: 20px }
.HandballlWorldCup .groupTabs.tab0 { width: 100% }
.HandballlWorldCup .tourStats.stats .item.scorer, .HandballlWorldCup .tourStats.stats .item.matchAction { display: none }
.HandballlWorldCup .tourStats.stats .item.scorer:nth-of-type(3) { display: inline-block; width: 300px; margin-top: 134px; border: 1px solid #e0e0e0; }
.HandballlWorldCup .stats .item ul { min-height: 220px }
.HandballlWorldCup .tourStats.cup .item:nth-child(2n), .HandballlWorldCup .tourStats.cup .item:nth-of-type(4n) { margin-left: 0 }
.entryPointAd { float: left; width: 300px; float: left }
.entryPointAd img { width: 100%; height: auto }

@media screen and (min-width: 1152px) and (max-width: 1279px) {
    .HandballlWorldCup .groupTabs .table .ttlRow .itemTtl:nth-of-type(7),
    .HandballlWorldCup .groupTabs .table .ttlRow .itemTtl:nth-of-type(8),
    .HandballlWorldCup .groupTabs .table .ttlRow .itemTtl:nth-of-type(9),
    .HandballlWorldCup .tourStats.cup .item:nth-of-type(7),
    .HandballlWorldCup .tourStats.cup .item:nth-of-type(8),
    .HandballlWorldCup .tourStats.cup .item:nth-of-type(9) { display: none }
    .HandballlWorldCup .groupTabs .table .ttlRow .itemTtl:nth-child(2), .HandballlWorldCup .groupTabs .table .wRow .item:nth-child(2) { width: calc(100% - 360px) }
}

@media screen and (min-width: 1024px) and (max-width: 1151px) {
    .HandballlWorldCup .groupTabs .table .ttlRow .itemTtl:nth-of-type(7),
    .HandballlWorldCup .groupTabs .table .ttlRow .itemTtl:nth-of-type(8),
    .HandballlWorldCup .groupTabs .table .ttlRow .itemTtl:nth-of-type(9),
    .HandballlWorldCup .tourStats.cup .item:nth-of-type(7),
    .HandballlWorldCup .tourStats.cup .item:nth-of-type(8),
    .HandballlWorldCup .tourStats.cup .item:nth-of-type(9) { display: none }
    .HandballlWorldCup .groupTabs .table .ttlRow .itemTtl:nth-child(2), .HandballlWorldCup .groupTabs .table .wRow .item:nth-child(2) { width: calc(100% - 360px) }
}

@media only screen and (max-width: 1023px) {
    .HandballlWorldCup .tourMenu .ttl:before { right: 20px; }
    .HandballlWorldCup .tourMenu .ttl h2 { right: 110px; font-size: 20px; }
    .HandballlWorldCup .tourMenu .ttl:after { left: 20px; height: 80px; background-size: auto 80px }
    .HandballlWorldCup .tourMenu .tourNav { width: 458px }
    .entryPointAd { float: left; width: 300px; float: left; margin: 0 calc((100% - 300px) / 2) 20px }
    .leftHP { width: 100% }
    .HandballlWorldCup .groupTabs .table .ttlRow .itemTtl:nth-of-type(3),
    .HandballlWorldCup .groupTabs .table .ttlRow .itemTtl:nth-of-type(4),
    .HandballlWorldCup .groupTabs .table .ttlRow .itemTtl:nth-of-type(5),
    .HandballlWorldCup .groupTabs .table .ttlRow .itemTtl:nth-of-type(6),
    .HandballlWorldCup .groupTabs .table .ttlRow .itemTtl:nth-of-type(7),
    .HandballlWorldCup .groupTabs .table .ttlRow .itemTtl:nth-of-type(8),
    .HandballlWorldCup .groupTabs .table .ttlRow .itemTtl:nth-of-type(9),
    .HandballlWorldCup .tourStats.cup .item:nth-of-type(3),
    .HandballlWorldCup .tourStats.cup .item:nth-of-type(4),
    .HandballlWorldCup .tourStats.cup .item:nth-of-type(5),
    .HandballlWorldCup .tourStats.cup .item:nth-of-type(6),
    .HandballlWorldCup .tourStats.cup .item:nth-of-type(7),
    .HandballlWorldCup .tourStats.cup .item:nth-of-type(8),
    .HandballlWorldCup .tourStats.cup .item:nth-of-type(9) { display: none }
    .HandballlWorldCup .groupTabs .table .ttlRow .itemTtl:nth-child(2), .HandballlWorldCup .groupTabs .table .wRow .item:nth-child(2) { width: calc(100% - 100px) }
}

@media screen and (min-width: 320px) and (max-width: 767px) {
    .HandballlWorldCup .tourMenu .ttl:before { display: none }
    .HandballlWorldCup .tourMenu .ttl h2 { right: 10px; font-size: 16px; width: 130px; line-height: 1.6; }
    .HandballlWorldCup .tourMenu .ttl:after { left: 10px; height: 50px; background-size: auto 50px }
    .HandballlWorldCup .tourMenu .tourNav { width: 280px }
    .HandballlWorldCup .tourMenu .tourNav a { padding: 0 6px; line-height: 3.4; margin-left: 4px }
    .HandballlWorldCup .ttl { font-size: 15px; overflow: hidden }
    .HandballlWorldCup .pattern1 .ttl h2, .HandballlWorldCup .pattern1 .ttl h3 { line-height: 2.5; max-width: 210px; overflow: hidden; }
    .HandballlWorldCup .groupTabs { width: 100%; margin-left: 0 }
    .HandballlWorldCup .tourStats.stats .item.scorer:nth-of-type(3) { width: 100%; margin-top: 0; }
}
/************** ACN Cup *************/
/** Desktop **/
.ACNDiv .ttl { position: relative; border-right: 4px solid #005222; }
.ACNDiv .ttl:after { content: ""; width: 100%; height: 100%; background: url(../../Images/ACN/ACN_bg_pattern.png) 0 98% repeat; position: absolute; left: 0; top: 0; opacity: 0.1; z-index: 1 }
.ACNDiv .interestedArticles .ttl:after { display: none }
.ACNDiv .wcStanding .ttl:after { display: none }
.ACNDiv .ttl .more { background: #f2f2f2; position: absolute; top: 0; left: 15px; width: 60px; padding: 0; text-align: center; color: #e63023; font-weight: bold }
.ACNDiv .pattern1 .ttl .more,
.ACNDiv .pattern2 .ttl .more { background-color: #e63023; color: #fff }
.ACNDiv .ttl h2 a { position: relative; z-index: 2; }
.ACNDiv .ttl .icon-more { display: none }
.ACNHeader { display: inline-block; width: 100%; height: 125px; float: right; background: #005222 url(../../Images/ACN/ACNHeaderBg.jpg?ref=0.1) no-repeat top right; position: relative; margin-bottom: 40px; }
.ACNHeader h3 { display: inline-block; width: calc(100% - 130px); float: right; font-family: droidLight,Arial; font-size: 28px; color: #fff; line-height: 1.5; margin: 10px 130px 0 0 }
.ACNHeader h3 span { display: block; font-size: 20px }
.ACNHeader .wcNav { position: absolute; bottom: -22px; left: 50%; transform: translateX(-50%); width: 100%; height: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; z-index: 999 }
.ACNHeader .wcNav a { float: right; position: relative; display: inline-block; width: 100px; height: 40px; margin-left: 45px; text-align: center; font-family: droidLight, Arial; font-size: 16px; color: #fff; line-height: 2.4; background: #0d0d0d; -webkit-transition: background-color 0.2s ease-out; -moz-transition: background-color 0.2s ease-out; -o-transition: background-color 0.2s ease-out; transition: background-color 0.2s ease-out; border-radius: 2px; }
.ACNHeader .wcNav a span { position: relative; z-index: 2; white-space: nowrap }
.ACNHeader .wcNav a:last-child { margin-left: 0 }
.ACNHeader .wcSocialMedia { display: inline-block; width: 190px; height: 40px; position: absolute; left: 10px; top: 10px; z-index: 1 }
.ACNHeader .wcSocialMedia a { float: right; margin-left: 10px; width: 40px; height: 40px; font-size: 22px; line-height: 2.2; background: #fff; border-radius: 50% }
.ACNHeader .wcSocialMedia a:last-child { margin-left: 0 }
.ACNHeader .wcSocialMedia a:hover { color: #fff }
.ACNHeader .wcSocialMedia a.icon-fb:before { content: "b"; color: #4267b2 }
.ACNHeader .wcSocialMedia a.icon-tw:before { content: "c"; color: #1da1f2 }
.ACNHeader .wcSocialMedia a.icon-yt:before { content: "f" }
.ACNHeader .wcSocialMedia a.icon-insta:before { content: "e" }
.ACNHeader .wcSocialMedia a.icon-fb:hover { background: #4267b2 }
.ACNHeader .wcSocialMedia a.icon-fb:hover:before { color: #fff }
.ACNHeader .wcSocialMedia a.icon-tw:hover { background: #1da1f2 }
.ACNHeader .wcSocialMedia a.icon-tw:hover:before { color: #fff }
.ACNHeader .wcSocialMedia a.icon-yt:hover { background: #f00f00 }
.ACNHeader .wcSocialMedia a.icon-insta:hover { background: #3897f0 }
.ACNHeader::after { content: ''; background: url(../../Images/ACN/web-headerPlayers.png) no-repeat center 0; position: absolute; left: 270px; bottom: 0; width: 195px; height: 123px; }
.ACNHeader::before { content: ''; background: url(../../Images/ACN/web-headerLogo.png) no-repeat center; position: absolute; right: 318px; top: 50%; transform: translateY(-50%); width: 374px; height: 85px; }
.ACNHeader .EntryAds { width: auto; position: absolute; top: 50%; left: 10px; transform: translateY(-50%); }
.ACNHeader .EntryAds a { display: inline-block; margin-left: 10px; float: right }
.ACNHeader .EntryAds a:last-child { margin-left: 0 }
.ACNHeader .EntryAds img { width: auto; height: 50px }
/** Mobile **/
.ACNHeader .wcNavBtn { position: absolute; right: 0px; top: 0px; float: right; padding: 4px 36px 4px 10px; background: #000; font-family: droidLight,Arial; color: #fff; font-size: 12px; display: none }
.ACNHeader .wcNavBtn .menuIcon { display: inline-block; position: absolute; top: 14px; right: 10px; width: 22px; height: 2px; background-color: #fff; }
.ACNHeader .wcNavBtn .menuIcon:before, .ACNHeader .wcNavBtn .menuIcon:after { content: ''; width: 100%; height: 100%; position: absolute; background-color: inherit; left: 0; }
.ACNHeader .wcNavBtn .menuIcon:before { bottom: 6px; }
.ACNHeader .wcNavBtn .menuIcon:after { top: 6px; }
/******************** Menu ********************/
.wcMenuDiv { display: inline-block; width: 100%; position: fixed; top: -100px; z-index: 3; right: 0; background: url(../../Images/ACN/YKACN19-pattern.png) repeat right center #02662a; opacity: 0; visibility: hidden; transition: all 0.2s ease-in 0s; -webkit-transition: all 0.2s ease-out 0s; -ms-transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s }
.wcMenuDiv .wcMenuContainer { display: inline-block; float: right; width: 100%; opacity: 0; visibility: hidden; transition: all 0.1s ease-in 0s; -webkit-transition: all 0.1s ease-out 0s; -ms-transition: all 0.1s ease-in-out 0s; -moz-transition: all 0.1s ease-in-out 0s; -o-transition: all 0.1s ease-in-out 0s }
.wcMenuDiv .closeWCNav { position: absolute; right: 0; top: 0; height: 50px; width: 50px; float: right; text-align: center }
.wcMenuDiv .icon-close:before { content: "B"; color: #fff; font-size: 24px; line-height: 2 }
.openWCMenu .content-wrap { z-index: 4 }
.openWCMenu .wcMenuDiv { opacity: 1; visibility: visible; top: 50px; z-index: 99999; }
.openWCMenu .wcMenuContainer { transition-delay: 0.1s; opacity: 1; visibility: visible }
/************** ACN Standing *************/
.ACNStanding { display: inline-block; float: right; width: 100%; background: url(../../Images/ACN/YKACN19-pattern.png) repeat right center #02662a; padding: 16px; background-size: 16%; }
.ACNStanding .ttl { background: none; border-right: 4px solid #fff; color: #fff; margin-bottom: 20px }
.ACNStanding .ttl h2 a { color: #fff }
.ACNStanding .ttl:after { background: none }
.wcDiv .ACNStanding .ttl .more { background: #fff; color: #094d93 }
.wcDiv .ACNStanding .ttl .more .icon-more:before { color: #094d93 }
.wcDiv .ACNStanding .ttl .more:before { background: url(../../Images/wcStndBgR.png) no-repeat right 0 }
.wcDiv .ACNStanding .ttl .more:after { background: url(../../Images/wcStndBgL.png) no-repeat left 0 }
.ACNStanding .groups { display: inline-block; width: 100%; float: right; }
.ACNStanding .groups .table { display: inline-block; width: calc((100% - 40px) / 3); height: 295px; margin-left: 20px; margin-bottom: 42px; float: right; background: #000; position: relative; -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 77%, 50% 100%, 0 77%); clip-path: polygon(0% 0%, 100% 0%, 100% 77%, 50% 100%, 0 77%); }
.ACNStanding .groups .table:nth-child(3n) { margin-left: 0 }
.ACNStanding .groups .table:nth-last-child(-n+3) { margin-bottom: 20px }
.ACNStanding .groups .table .grpTitle { display: inline-block; float: right; width: 100%; height: 28px; text-align: center; color: #fff; font-family: droidLight, Arial; font-size: 13px; background: #000; line-height: 2.2 }
.ACNStanding .groups .table:after { content: ""; position: absolute; left: 50%; bottom: 18px; transform: translateX(-50%); background: url(../../Images/ACN/bg_groups.png) no-repeat center center; width: 100%; height: 32px; background-size: auto 100%; }
.ACNStanding .groups .table .shadow { position: absolute; z-index: -1; background: #dfe0e1; width: 100%; height: 100%; left: 0px; bottom: 10px; -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 80%, 50% 100%, 0 80%); clip-path: polygon(0% 0%, 100% 0%, 100% 80%, 50% 100%, 0 80%); }
.GroupStanding .ttl { border-right: 4px solid #005222; }
/*.ACNStanding .groups .table:before{content:'';width:0;height:0;border-left:188px solid transparent;border-right:187px solid transparent;border-top:100px solid #dfe0e1;position:absolute;bottom:-20px;left:0;cursor:pointer;}*/
/*.ACNStanding .groups .table:after{content:"";position:absolute;left:50%;bottom:-32px;transform:translateX(-50%);background:url(../../Images/ACN/bg_g.png) no-repeat center center;width:100%;height:32px;background-size:auto 100%}*/
.ACNStanding .groups .table .wRow { display: inline-block; float: right; width: 100%; height: 44px; padding: 8px 0 }
.ACNStanding .groups .table .wRow:nth-of-type(2) { margin-top: 6px }
.ACNStanding .groups .table .wRow .item { float: right; color: #000; font-size: 18px; text-align: center; line-height: 1.7; font-family: arial; width: 34px; }
.ACNStanding .groups .table .wRow .item:nth-child(2) { width: calc(100% - 68px) }
.ACNStanding .groups .table .wRow .team { text-align: right; direction: rtl; font-family: droidLight, arial }
.ACNStanding .groups .table .wRow .team img { float: right; margin-left: 5px; width: auto; height: 28px }
.ACNStanding .groups .table .wRow .item p { text-align: right; color: #000; font-size: 15px; font-family: droidLight, arial; line-height: 1.8; float: right; display: inline-block }
/******************** Poll ********************/
.poll { display: inline-block; float: left; width: 300px; background: #fff; position: relative; padding: 10px; border: 1px solid #e0e0e0; border-top: 4px solid #c1151b; min-height: 370px; }
.poll .ttl { background: none; border-right: none; padding-right: 0; margin-bottom: 12px }
.poll .ttl .more { display: none }
.wcDiv .poll .ttl:after { display: none }
.poll .allItems { display: inline-block; width: 100%; }
.poll .allItems h2 { display: inline-block; width: 100%; background: #f7f7f7; padding: 5px 12px; text-align: right; font-family: droidBold, Arial; font-size: 14px; color: #1d1d1d; margin: 0 0 12px; }
.poll .allItems input[type="radio"] + label { font-size: 14px; margin: 0 5px 8px; }
.poll .allItems .btns { position: absolute; left: 25px; bottom: 10px; }
.poll .allItems .btns .vote { float: left; position: relative; display: inline-block; width: 90px; height: 40px; text-align: center; font-family: droidLight, Arial; font-size: 13px; color: #fff; line-height: 3; background: #c1151b; }
.poll .allItems .btns .vote:before { content: ""; position: absolute; right: -15px; top: 0; background: url(../../Images/wcNavItemBgR.png) no-repeat right 0; width: 15px; height: 40px; }
.poll .allItems .btns .vote:after { content: ""; position: absolute; left: -15px; top: 0; background: url(../../Images/wcNavItemBgL.png) no-repeat left 0; width: 15px; height: 40px; }
/******************** Fan Zone ********************/
.fanZoneDiv .content-wrap { min-height: 1000px; position: relative }
.fanZoneDiv .content-wrap:before { content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: url(../../Images/ACN/YKACN19-pattern.png) left top repeat #f2ebe3; opacity: 0.35 }
.fanZoneDiv .content-wrap:after { content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: url(../../Images/ACN/fanZBg.png) left bottom no-repeat; background-size: initial }
.fanZoneDiv .content { float: right; position: relative; z-index: 1; background: none }
.fanZone { display: inline-block; float: right; width: 100% }
.fanZone .fanZTtl { display: inline-block; width: 100%; float: right }
.fanZone .fanZTtl h2 { display: inline-block; width: 100%; float: right; text-align: center; font-family: droidBold, Arial; font-size: 36px; color: #000; line-height: 1; margin: 20px 0 }
.fanZone .fanZTtl span { display: inline-block; width: 100%; float: right; text-align: center; font-family: droidLight, Arial; font-size: 16px; color: #ad1d1d; line-height: 1.5 }
.fanZone .cnts { display: inline-block; width: 100%; float: right; width: 1000px; margin: 20px calc((100% - 1000px) / 2) }
.fanZone .cnts ul li { display: inline-block; width: calc((100% - 90.1px) / 4); height: 200px; margin-left: 30px; margin-bottom: 130px; float: right; background: transparent; border-bottom-right-radius: 0; border-bottom-left-radius: 0; position: relative; }
.fanZone .cnts ul li:nth-child(4n) { margin-left: 0 }
.fanZone .cnts ul li .zoneBlock { display: inline-block; height: 200px; width: 100%; float: right }
.fanZone .cnts ul li:last-child { margin-left: 0 }
.fanZone .cnts ul li:after { content: ""; position: absolute; left: 50%; bottom: -18px; transform: translateX(-50%); background: none; width: 100%; height: 18px; background-size: auto 100%; }
.fanZone .cnts ul li .itemBg { width: 100%; height: 100px; display: inline-block; float: right; margin: 10px 0 5px }
.fanZone .cnts ul li h3 { display: inline-block; width: 100%; float: right; text-align: center; font-family: droidBold, Arial; font-size: 16px; color: #FFF; line-height: 1.5; padding: 0 10px; }
.fanZone .cnts ul li.rtc .itemBg { background: url(../../Images/fanZ1.png) center center no-repeat }
.fanZone .cnts ul li.predG .itemBg { background: url(../../Images/fanZ2.png) center center no-repeat }
.fanZone .cnts ul li.csegy .itemBg { background: url(../../Images/ACN/fanZ3.png) center center no-repeat }
.fanZone .cnts ul li.csi .itemBg { background: url(../../Images/fanZ4.png) center center no-repeat }
.fanZone .cnts ul li.wcAlbum .itemBg { background: url(../../Images/ACN/fanZ5.png?ver=0.1) center center no-repeat }
.fanZone .cnts ul li.quizG .itemBg { background: url(../../Images/fanZ6.png) center center no-repeat }
.fanZone .cnts ul li.penG .itemBg { background: url(../../Images/fanZ7.png) center center no-repeat; background-size: 80%; }
.fanZone .cnts ul li.tvt .itemBg { background: url(../../Images/fanZ8.png) center center no-repeat }
.fanZone .cnts ul li .sposor { position: relative; display: inline-block; float: right; width: 100%; text-align: center }
.fanZone .cnts ul li .sposor p { display: inline-block; float: right; width: 100%; text-align: center; font-family: droidLight,Arial; font-size: 13px; margin: 10px 0 5px; color: #000; line-height: 1 }
.fanZone .cnts ul li .sposor img { width: auto; height: 24px }
.fanZone .cnts ul li.rtc .sposor img { height: 34px; margin-top: 8px }
.fanZone .cnts ul li.predG .sposor img { height: 34px; margin-top: 8px }
.fanZone .cnts ul li.csegy .sposor img { height: 34px; margin-top: 8px }
.fanZone .cnts ul li.csi .sposor img { height: 34px; margin-top: 8px }
.fanZone .cnts ul li.wcAlbum .sposor img { height: 34px; margin-top: 8px }
.fanZone .cnts ul li.quizG .sposor img { height: 34px; margin-top: 8px }
.fanZone .cnts ul li.penG .sposor img { height: 34px; margin-top: 8px }
.fanZone .cnts ul li.tvt .sposor img { height: 34px; margin-top: 8px }
.fanZone .cnts ul li .shadow { position: absolute; z-index: -1; background: #005222; width: 100%; height: 100%; left: 0px; bottom: 7px; -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 80.5%, 50% 100%, 0 80.5%); clip-path: polygon(0% 0%, 100% 0%, 100% 80.5%, 50% 100%, 0 80.5%); }
.fanZone .cnts ul li .div-item { width: 100%; height: 200px; background: #000; position: relative; -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 77%, 50% 100%, 0 77%); clip-path: polygon(0% 0%, 100% 0%, 100% 77%, 50% 100%, 0 77%); }
/********** Error Page **********/
.errorPageDiv .content-wrap { padding: 0 }
.errorPageDiv .content { padding: 0 }
.errorPage { display: inline-block; width: 100%; float: right; background: url(../../Images/404Bg.jpg) no-repeat center center #fff; height: 600px; position: relative; background-size: 40%; margin-bottom: 0; padding: 20px }
.errorPage h2 { display: inline-block; width: 100%; text-align: center; font-family: droidBold, Arial; font-size: 34px; color: #000 }
.errorPage p { display: inline-block; width: 100%; text-align: center; font-family: droidLight, Arial; font-size: 20px; color: #0277bd; padding: 0 10px }
.errorPage .btns { width: 420px; height: 50px; display: inline-block; float: right; position: absolute; left: 50%; bottom: 30px; transform: translateX(-50%) }
.errorPage .btns a { float: right; display: inline-block; width: 200px; height: 50px; margin-left: 20px; background: #000; font-family: droidLight, Arial; font-size: 16px; color: #fff; text-align: center; line-height: 3; }
.errorPage .btns a:last-child { margin-left: 0; background: #0277bd }
/********** World Cup Overlay **********/
.wcOverlayDiv header { display: none }
.wcOverlayDiv .MinByMin { display: none }
.wcOverlayDiv .sponsorDiv { display: none }
.wcOverlayDiv #smartbanner { display: none }
.closeWCOL .wcOverlay { display: none }
.wcOverlayDiv .jpx-as-wrapper { display: none }
.wcOverlayDiv .EntryPoint, .wcOverlayDiv .EntryIconArrow { display: none !important }
.wcOverlayDiv footer { display: none }
.wcOverlayDiv .mobStickyBar { display: none }
.wcOverlayDiv { overflow: hidden }
.wcOverlay { position: fixed; width: 100%; height: 100%; display: inline-block; z-index: 9999; background: url(../../Images/WC/wcLandingBg.jpg) no-repeat center center #fff; top: 0; left: 0 }
.wcOverlay .wcLogo { position: absolute; top: 44px; right: 60px; width: 107px }
.wcOverlay .wcLogo img { width: 100%; height: 100% }
.wcOverlay .cntnr { position: absolute; top: 130px; left: 50%; transform: translateX(-50%); width: 840px; }
.wcOverlay .ykLogo { position: relative; display: inline-block; float: right; width: 100%; margin-bottom: 56px; }
.wcOverlay .ykLogo img { width: 100%; height: 100% }
.wcOverlay .goToBtns { width: 524px; height: 68px; display: inline-block; float: right; margin: 0 calc((100% - 524px) / 2) 30px }
.wcOverlay .goToBtns a { float: right; display: inline-block; width: 245px; margin-left: 34px; font-family: droidBold, Arial; font-size: 24px; color: #fff; text-align: center; line-height: 2.9 }
.wcOverlay .goToBtns a.russia { background: url(../../Images/WC/toRussiaBtn.png) no-repeat center center; background-size: 100% 100%; }
.wcOverlay .goToBtns a.yk { background: url(../../Images/WC/toYkBtn.png) no-repeat center center; background-size: 100% 100%; }
.wcOverlay .goToBtns a:last-child { margin-left: 0 }
.wcOverlay .mainSponsor { width: 160px; height: 246px; display: inline-block; float: right; position: relative; margin: 0 calc((100% - 160px) / 2) }
.wcOverlay .mainSponsor p { float: right; display: inline-block; width: 100%; font-family: droidLight, Arial; font-size: 18px; color: #fff; text-align: center; line-height: 1; margin-bottom: 30px }
.wcOverlay .mainSponsor .sponsorLogo { display: inline-block; width: 156px; margin: 0 2px }
.wcOverlay .mainSponsor .sponsorLogo img { width: 100%; height: 100% }
.wcOverlay .allSponsors { position: absolute; bottom: 0; left: 0; width: 100%; height: 260px; background: #fff; border-top: 6px solid #0277bd }
.wcOverlay .allSponsors p { float: right; display: inline-block; width: 100%; font-family: droidLight, Arial; font-size: 16px; color: #0277bd; text-align: center; line-height: 1; margin-bottom: 10px; padding: 15px 0 }
.wcOverlay .allSponsors .second { display: inline-block; float: right; position: absolute; top: 80px; left: 50%; transform: translateX(-50%); width: 664px }
.wcOverlay .allSponsors .second a { float: right; margin-left: 60px; transform: translateY(-50%); }
.wcOverlay .allSponsors .second a:last-child { margin-left: 0 }
.wcOverlay .allSponsors .third { display: inline-block; float: right; position: absolute; top: 190px; left: 50%; transform: translateX(-50%); width: 1376px }
.wcOverlay .allSponsors .third a { float: right; margin-left: 30px; transform: translateY(-50%); }
.wcOverlay .allSponsors .third a img { width: 70%; height: auto }
.wcOverlay .allSponsors .third a:last-child { margin-left: 0 }
.wcOverlay .close { display: inline-block; font-family: droidLight, Arial; font-size: 18px; color: #fff; position: absolute; left: 44px; top: 32px; float: right; line-height: 2.1 }
.wcOverlay .icon-close:before { content: "B"; float: left; margin-right: 10px; font-size: 24px }
/******************** ACN Entrypoints ********************/
.ACNentrypoints { display: inline-block; width: 300px; height: auto; overflow: hidden }
.ACNentrypoints .item { display: inline-block; float: right; width: 300px; height: 125px }
.ACNentrypoints img { width: 300px; height: 125px }
.ACNentryPointSlider { float: right; display: inline-block; width: 300px; height: 125px }
.ACNentrypoints .bx-wrapper { float: right; width: 300px; }
.ACNentrypoints .bx-wrapper:nth-child(3n), .ACNentrypoints .bx-wrapper:last-child { margin-left: 0 !important }
.ACNentrypoints .bx-wrapper:first-child { margin-bottom: 17px !important }
.ACNBotton::before { content: ''; width: 0; height: 0; border-bottom: 22px solid transparent; border-top: 18px solid transparent; border-left: 18px solid #0d0d0d; position: absolute; top: 0; right: -17px; cursor: pointer; -webkit-transition: border-left 0.2s ease-out; -moz-transition: border-left 0.2s ease-out; -o-transition: border-left 0.2s ease-out; transition: border-left 0.2s ease-out; }
.ACNBotton::after { content: ''; width: 0; height: 0; border-bottom: 22px solid transparent; border-top: 18px solid transparent; border-right: 18px solid #0d0d0d; position: absolute; top: 0; left: -17px; cursor: pointer; -webkit-transition: border-right 0.2s ease-out; -moz-transition: border-right 0.2s ease-out; -o-transition: border-right 0.2s ease-out; transition: border-right 0.2s ease-out; }
.ACNHeader .wcNav a:hover { background: #e63023; }
.ACNHeader .ACNBotton:hover::before { content: ''; width: 0; height: 0; border-bottom: 22px solid transparent; border-top: 18px solid transparent; border-left: 18px solid #e63023; position: absolute; top: 0; right: -17px; }
.ACNHeader .ACNBotton:hover::after { content: ''; width: 0; height: 0; border-bottom: 22px solid transparent; border-top: 18px solid transparent; border-right: 18px solid #e63023; position: absolute; top: 0; left: -17px; }
.ACNStanding .ACNBtnMore::before { content: ''; width: 0; height: 0; border-bottom: 22px solid transparent; border-top: 18px solid transparent; border-left: 18px solid #f2f2f2; position: absolute; top: 0; right: -18px; cursor: pointer }
.ACNStanding .ACNBtnMore::after { content: ''; width: 0; height: 0; border-bottom: 22px solid transparent; border-top: 18px solid transparent; border-right: 18px solid #f2f2f2; position: absolute; top: 0; left: -18px; cursor: pointer }
.ACNDiv .pattern1 .more::before,
.ACNDiv .pattern2 .more::before { content: ''; width: 0; height: 0; border-bottom: 22px solid transparent; border-top: 18px solid transparent; border-left: 18px solid #e63023; position: absolute; top: 0; right: -18px; cursor: pointer }
.ACNDiv .pattern1 .more::after,
.ACNDiv .pattern2 .more::after { content: ''; width: 0; height: 0; border-bottom: 22px solid #f2f2f2; border-top: 18px solid #f2f2f2; border-right: 18px solid #e63023; position: absolute; top: 0; left: -18px; cursor: pointer }
.ACN19 .predHead { background: url(../../Images/ACN/prediction-desktop.jpg?ref=0.1) no-repeat center center; background-color: #122f4f; }
.ACN19 .matchDetailsTabs { display: none }
.ACN19 .TourTabs li { background-color: #000; margin-left: 43px; padding: 8px 0; position: relative; top: 0; left: -30px; width: 110px; text-align: center; transition: all .2s ease-in-out 0s; -webkit-transition: all .2s ease-in-out 0s; -moz-transition: all .2s ease-in-out 0s; -ms-transition: all .2s ease-in-out 0s; -o-transition: all .2s ease-in-out 0s; }
.ACN19 .TourTabs li::before { content: ''; width: 0; height: 0; border-bottom: 22px solid transparent; border-top: 21px solid transparent; border-left: 18px solid #000; position: absolute; top: 0; right: -18px; cursor: pointer; transition: all .2s ease-in-out 0s; -webkit-transition: all .2s ease-in-out 0s; -moz-transition: all .2s ease-in-out 0s; -ms-transition: all .2s ease-in-out 0s; -o-transition: all .2s ease-in-out 0s; }
.ACN19 .TourTabs li::after { content: ''; width: 0; height: 0; border-bottom: 22px solid transparent; border-top: 21px solid transparent; border-right: 18px solid #000; position: absolute; top: 0; left: -18px; cursor: pointer; transition: all .2s ease-in-out 0s; -webkit-transition: all .2s ease-in-out 0s; -moz-transition: all .2s ease-in-out 0s; -ms-transition: all .2s ease-in-out 0s; -o-transition: all .2s ease-in-out 0s; }
.ACN19 .TourTabs li a { font-weight: bold }
.ACN19 .TourTabs li:hover { background-color: #e9322e; /*border-radius:7px*/ }
.ACN19 .TourTabs li:hover a { color: #FFF }
.ACN19 .TourTabs li:hover:before { border-left: 18px solid #e9322e }
.ACN19 .TourTabs li:hover:after { border-right: 18px solid #e9322e }
.ACN19 .TourTabs a { color: #FFF }
.ACN19 .PersData img { border: none }
.ACN19 .predictionHolder .title { height: 28px; border-radius: 5px 5px 0px 0; }
.ACN19 .pattern10 .ttl { display: none }
.ACN19 #Logout { color: #e9322e; font-weight: bold; }
.ACN19 .txtcenter .more { position: relative; top: 0; left: 0px; background: #e9322e; }
.ACN19 .txtcenter .more::before { content: ''; width: 0; height: 0; border-bottom: 22px solid transparent; border-top: 18px solid transparent; border-left: 18px solid #e9322e; position: absolute; top: 0; right: -18px; cursor: pointer; transition: all .2s ease-in-out 0s; -webkit-transition: all .2s ease-in-out 0s; -moz-transition: all .2s ease-in-out 0s; -ms-transition: all .2s ease-in-out 0s; -o-transition: all .2s ease-in-out 0s; }
.ACN19 .txtcenter .more::after { content: ''; width: 0; height: 0; border-bottom: 22px solid transparent; border-top: 18px solid transparent; border-right: 18px solid #e9322e; position: absolute; top: 0; left: -18px; cursor: pointer; transition: all .2s ease-in-out 0s; -webkit-transition: all .2s ease-in-out 0s; -moz-transition: all .2s ease-in-out 0s; -ms-transition: all .2s ease-in-out 0s; -o-transition: all .2s ease-in-out 0s; }
.ACN19 .txtcenter .more:hover { background: #000; /*border-radius:7px*/ }
.ACN19 .txtcenter .more:hover:before { border-left: 18px solid #000 }
.ACN19 .txtcenter .more:hover:after { border-right: 18px solid #000 }
.ACN19 .countDown p { font-weight: bold }
.ACN19 .predictionHolder .predResult input { border: 1px solid #e0e0e2; background-color: #e0e0e2; padding: 6px 0; -webkit-clip-path: polygon(20% 0%, 77% 0, 100% 52%, 78% 100%, 20% 100%, 0 53%); clip-path: polygon(20% 0%, 77% 0, 100% 52%, 78% 100%, 20% 100%, 0 53%); }
.ACN19 .predictionHolder .predResult span { position: relative; top: 0; left: 0px; }
.ACN19 .txtcenter .more { padding: 0 }
.sharak { width: 130px; height: 35px; position: absolute; top: 440px; left: 10%; cursor: pointer; z-index: 10; background-color: #e63023; border-radius: 5px; color: #FFF; font-family: droidLight, arial; font-size: 14px; font-weight: bold; line-height: 2.3; }
.page-wrapper { width: 100%; height: 100%; }
.blur { -webkit-filter: blur(5px); -moz-filter: blur(5px); -o-filter: blur(5px); -ms-filter: blur(5px); filter: blur(5px); }
.modal-wrapper { width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: rgba(0, 0, 0, 0.42); visibility: hidden; opacity: 0; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; z-index: 11; }
.modal-wrapper.open { opacity: 1; visibility: visible; }
.modal { width: 600px; height: 400px; display: block; margin: 50% 0 0 -300px; position: relative; margin: 0 auto; top: 50%; left: 0%; background: #fff; opacity: 0; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
.modal-wrapper.open .modal { margin-top: -200px; opacity: 1; }
.head { width: 100%; height: 32px; padding: 1.5em 5%; position: relative; overflow: hidden; background: #02662a; /* Old browsers */ background: -moz-linear-gradient(left, #02662a 0%, #005222 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #02662a 0%,#005222 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #02662a 0%,#005222 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=' #02662a', endColorstr='#005222',GradientType=1 ); /* IE6-9 */ }
.head::before { content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: .2; filter: alpha(opacity=20); z-index: 1; background: url(../../Images/ACN/bg_pattern.png) 100% 52% no-repeat }
.btn-close { width: 32px; height: 32px; display: block; float: right; position: absolute; z-index: 9; }
.btn-close::before, .btn-close::after { content: ''; width: 32px; height: 6px; display: block; background: #fff; }
.btn-close::before { margin-top: 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
.btn-close::after { margin-top: -6px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
.content-popup { padding: 5%; }
.content-popup .FbLogin { margin: 70px auto; text-align: center; font-family: droidLight, arial; font-size: 14px; font-weight: bold; }
.content-popup .FbLogin p { text-align: center }
.content-popup .fourth { margin: 120px auto; text-align: center; font-family: droidLight, arial; font-size: 14px; font-weight: bold; }
.content-popup .fourth p { text-align: center }
.content-popup .InputGroup { margin: 0 auto; position: static; padding-right: 0 }
.content-popup .InputGroup .label { display: block; margin: 5px; }
.content-popup .FbLogin .FBshare { width: 95px; height: 35px; cursor: pointer; background-color: #e63023; border-radius: 5px; color: #FFF; font-family: droidLight, arial; font-size: 14px; font-weight: bold; margin: 20px; }
.content-popup .InputGroup .predButton { width: 95px; height: 35px; cursor: pointer; background-color: #e63023; border-radius: 5px; color: #FFF; font-family: droidLight, arial; font-size: 14px; font-weight: bold; margin: 20px; }
.content-popup .InputGroup .item input { border: 1px solid #CCC; padding: 5px; }
.content-popup .InputGroup .item .label { font-family: droidLight, arial; font-size: 14px; font-weight: bold; }
.content-popup .InputGroup .item input:focus { border: 1px solid #CCC !important }
/*.ACNDiv .pattern2 ul li.album:first-child .secName {bottom: 70px;right: 10px;top: auto;}*/
.ACNDiv .pattern2 ul li.album:first-child .secName .icon:before { content: "m"; color: #fff; font-size: 16px; line-height: 1.9; }
.ACNDiv .pattern2 ul li.album:first-child .icon { background-color: #db182c }
.ACNDiv .pattern2 ul li.album:nth-child(2) .secName .icon:before { content: "o"; color: #fff; font-size: 16px; line-height: 1.9; }
.ACNDiv .pattern2 ul li.album:nth-child(2) .icon { background-color: #33a144 }
.ACNDiv .pattern2 ul li.album:nth-child(3) .secName .icon:before { content: "n"; color: #fff; font-size: 16px; line-height: 1.9; }
.ACNDiv .pattern2 ul li.album:nth-child(4) .secName .icon:before { content: "m"; color: #fff; font-size: 16px; line-height: 1.9; }
.ACNDiv .pattern2 ul li.album:nth-child(4) .icon { background-color: #db182c }
.ACNDiv .pattern2 ul li.album:nth-child(5) .secName .icon:before { content: "p"; color: #fff; font-size: 16px; line-height: 1.9; }
.ACNDiv .pattern2 ul li.album:nth-child(5) .icon { background-color: #119e9e }
.acn_Cup .acnToCup .containermain .sponsor-logo { position: absolute; top: 40px; left: 50%; transform: translateX(-50%); width: 100%; }
.acnToCup { font-family: droidLight,arial; text-align: center; padding-top: 30px; }
.acnToCup .headerPES { width: 100%; display: inline-block; float: right; margin-bottom: 30px; padding: 0 15px; }
.acnToCup .headerPES h1 { float: right; font-family: droidBold, arial; font-size: 32px; color: #000 }
.acnToCup .socialiconCont { float: left; display: inline-block; width: 85px; margin-top: 10px }
.acnToCup .socialiconCont li { float: right; width: 40px; height: 40px; margin-left: 5px }
.acnToCup .socialiconCont li:last-child { margin-left: 0 }
.acnToCup .socialiconCont li a { display: inline-block; width: 100%; height: 100%; position: relative; color: #fff; text-align: center }
.acnToCup .socialiconCont li a.facebook { background: #3b5998 }
.acnToCup .socialiconCont li a.twitter { background: #1da1f2 }
.acnToCup .socialiconCont li .icon-fb:before { content: "b"; font-size: 20px; line-height: 2 }
.acnToCup .socialiconCont li .icon-tw:before { content: "c"; font-size: 20px; line-height: 2 }
.acn_Cup .acnToCup .containermain { display: inline-block; float: right; width: 100%; height: 100%; background: url(../../Images/ACN/Playstation.png?ver=0.4) no-repeat; background-size: auto 100%; margin-bottom: 20px; padding-bottom: 38%; position: relative; background-color: #024687; }
.acn_Cup .acnToCup .contentCnts { display: inline-block; height: 100%; width: 50%; position: absolute; right: 0; top: 0 }
.acn_Cup .acnToCup .stepOne { position: absolute; bottom: 100px; left: 50%; width: auto; height: auto; transform: translateX(-50%); }
.acn_Cup .acnToCup .fblogin { width: auto; float: inherit; position: relative; }
.acnToCup .fblogin { display: inline-block; width: 100%; float: right; }
.acnToCup .fblogin h2 { text-align: center; color: #FFF }
.acnToCup .vldtMsg { text-align: center; color: #FFF }
.acnToCup .fblogin input { width: 400px; height: 40px !important; margin: 0 calc((100% - 400px) / 2); border: 1px solid #ddd; float: right; outline: 0; padding: 12px; font-family: droidLight,Arial; color: #888; font-size: 14px; margin-bottom: 10px }
.acnToCup .fblogin input:focus { border: 1px solid rgba(0, 0, 0, 0.4) !important; outline: none; }
.acnToCup .fblogin input::-webkit-input-placeholder { color: #000; opacity: 0.3; font-weight: normal; font-size: 14px; }
.acnToCup .fblogin a { float: right; display: inline-block; margin: 10px calc((100% - 180px) / 2); width: 180px; height: 40px; background: #0277bd; color: #fff; font-family: droidLight,Arial; font-size: 14px; line-height: 2.8; position: relative; z-index: 2; }
.acnToCup .fblogin a:hover { background: #1b92d9; }
.acn_Cup .acnToCup #PersonalData { position: relative; top: 75px; }
.acn_Cup .acnToCup .fblogin input { margin-bottom: 5px; }
.acn_Cup .acnToCup .fblogin a { margin: 5px calc((100% - 180px) / 2); }
.acn_Cup .acnToCup .stepTwo { width: 100%; position: relative; display: inline-block; color: #fff; font-family: droidLight,Arial; }
.acn_Cup .acnToCup .containermain .sponsor-logo p { display: block; color: #fff; font-size: 30px; font-family: droidBold,Arial; text-shadow: 3px 3px 0 #000,-1px -1px 0 #000, 1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000; text-align: center }
.acn_Cup .acnToCup .containermain .sponsor-logo p.winPlayStation { color: #ffb600; font-size: 45px }
.acn_Cup .acnToCup .containermain .sponsor-logo span { display: block; font-family: droidLight,Arial; color: #fff; font-size: 15px; margin: 20px 0 }
.acn_Cup .acnToCup .loader { position: absolute; left: 50%; transform: translateX(-50%); bottom: 100px; }
.acn_Cup .acnToCup .loader img { width: 170px }
.acnToCup .rules { display: inline-block; width: 100%; float: right }
.acnToCup .rules { padding-right: 30px; width: 100%; display: inline-block }
.acnToCup .rules li { font-size: 13px; list-style: initial; display: list-item; line-height: 2; }
/** KnockOutHolder Loader **/
.KnockOutHolder .loader { position: absolute; top: 28%; left: 2%; }
.KnockOutHolder .loader img { width: 200px; height: auto }
.DreamTeamACN .choose-team .plandorpdownbottom { position: relative; background-color: #000; width: 90px; height: 75px; float: right }
.DreamTeamACN .choose-team .plandorpdownbottom a { text-align: right; color: #5aa002; font-family: droidLight, Arial; font-size: 14px; display: block; padding: 12px 5px; text-align: center; }
.DreamTeamACN .choose-team .plandorpdownbottom a .num { color: #5aa002; font-family: Arial; font-weight: bold; font-size: 28px; }
.DreamTeamACN .choose-team .plandorpdownbottom a.selected { background-position: 16px -314px }
/**************************** ACN 2019 ****************************/
.acn .content-wrap:before { content: ""; background: url(../../Images/acnPattern.png) repeat; opacity: 0.04; position: absolute; top: 0; right: 0; left: 0; bottom: 0; width: 100%; height: 100%; background-size: 20%; }
.acn .content { background: none }
.acn .acnCompCont { font-family: droidLight, arial; width: 1000px; margin: 0 calc((100% - 1000px) / 2) 30px; text-align: center; padding-top: 30px; }
.acn .acnCompCont .containermain { display: inline-block; float: right; width: 100%; height: 509px; background: url(../../Images/FrameBlack.png) no-repeat; background-size: 100%; margin-bottom: 20px; padding: 50px; position: relative }
.acnCompCont .headerPES { width: 100%; display: inline-block; float: right; margin-bottom: 30px; }
.acnCompCont .headerPES h1 { float: right; font-family: droidBold, arial; font-size: 32px; color: #000 }
.acnCompCont .socialiconCont { float: left; display: inline-block; width: 85px; margin-top: 10px }
.acnCompCont .socialiconCont li { float: right; width: 40px; height: 40px; margin-left: 5px }
.acnCompCont .socialiconCont li:last-child { margin-left: 0 }
.acnCompCont .socialiconCont li a { display: inline-block; width: 100%; height: 100%; position: relative; color: #fff; text-align: center }
.acnCompCont .socialiconCont li a.facebook { background: #3b5998 }
.acnCompCont .socialiconCont li a.twitter { background: #1da1f2 }
.acnCompCont .socialiconCont li .icon-fb:before { content: "b"; font-size: 20px; line-height: 2 }
.acnCompCont .socialiconCont li .icon-tw:before { content: "c"; font-size: 20px; line-height: 2 }
.acnCompCont .maintitle { float: right; display: inline-block; width: 100%; text-align: center; font-size: 18px; font-family: droidLight, arial; color: #005121; line-height: 1.8 }
.acnCompCont .maintitle span:first-child { font-family: droidBold, arial; font-size: 30px; color: #e63023 }
.acnCompCont .maintitle span { display: block }
.acnCompCont .sponsoredBy { float: right; display: inline-block; width: 280px; margin: 30px calc((100% - 280px) / 2); }
.acnCompCont .sponsoredBy img.yk { float: right; height: 30px; width: auto; margin-top: 15px }
.acnCompCont .sponsoredBy img.ul { float: left; height: 60px; width: auto }
.acnCompCont .fblogin { display: inline-block; width: 100%; float: right; }
.acnCompCont .fblogin h2 { text-align: center }
.acnCompCont .fblogin input { width: 400px; height: 40px !important; margin: 0 calc((100% - 400px) / 2); border: 1px solid #ddd; float: right; outline: 0; padding: 12px; font-family: droidLight,Arial; color: #888; font-size: 14px; margin-bottom: 10px }
.acnCompCont .fblogin input:focus { border: 1px solid rgba(0, 0, 0, 0.4) !important; outline: none; }
.acnCompCont .fblogin input::-webkit-input-placeholder { color: #000; opacity: 0.3; font-weight: normal; font-size: 14px; }
.acnCompCont .fblogin a { float: right; display: inline-block; margin: 10px calc((100% - 180px) / 2); width: 180px; height: 40px; background: #0277bd; color: #fff; font-family: droidLight,Arial; font-size: 14px; line-height: 2.8; position: relative; z-index: 2; }
.acnCompCont .fblogin a:hover { background: #1b92d9; }
.acnCompCont .rules { display: inline-block; width: 100%; float: right }
.acnCompCont .rules { padding-right: 30px; width: 100%; display: inline-block }
.acnCompCont .rules li { font-size: 13px; list-style: initial; display: list-item; line-height: 2; }
.acnCompCont .tshirt { position: absolute; right: 100px; top: 50%; transform: translateY(-50%) }
.acnCompCont .tshirt img { width: 200px; height: auto }
/** Timer **/
.timer { color: #000; font-family: tahoma; font-size: 26px; line-height: 1.5; margin: 0 auto; text-align: center; width: 100px; height: 40px; display: inline-block; background: #fff; box-shadow: inset 0px 1px 2px 0px #aaa; position: absolute; right: 50px; bottom: 50px }
.acnCompCont .stepTwo .sponsoredBy { width: 200px; position: absolute; left: 50px; bottom: 50px; margin: 0 }
.acnCompCont .stepTwo .sponsoredBy img.yk { float: right; height: 18px; width: auto; margin-top: 11px; }
.acnCompCont .stepTwo .sponsoredBy img.ul { float: left; height: 40px; width: auto }
/** Questions **/
.acnCompCont .questionDiv { display: inline-block; width: 100%; float: right }
.acnCompCont .questionDiv p { float: right; display: inline-block; width: 100%; text-align: center; font-size: 22px; font-family: droidLight, arial; color: #000; line-height: 1.8; margin: 30px 0 }
.acnCompCont .questionDiv ul { margin: 0 auto 80px; display: inline-block }
.acnCompCont .questionDiv li { float: right; display: inline-block; padding: 5px 20px; margin-left: 10px; background: #0277bd; cursor: pointer }
.acnCompCont .questionDiv li:last-child { margin-left: 0 }
.acnCompCont .questionDiv li.selected { background: #E63023 }
.acnCompCont .questionDiv li a { display: inline-block; width: 100%; color: #fff; font-family: droidLight, Arial; font-size: 16px }
.acnCompCont .questionDiv .nextquest { background-color: #d1d2d4; width: 180px; height: 40px; line-height: 40px; color: #aaa; font-size: 14px; margin: 0 auto; display: block; text-align: center; font-family: droidLight, arial; cursor: default }
.acnCompCont .questionDiv .nextquest.active { background-color: #FFB600; cursor: pointer; color: #000; }
.acnCompCont .questionDiv .err { font-size: 16px; color: #E63023 }
.acnCompCont .stepThree .sponsoredBy { width: 200px; position: absolute; left: 50px; bottom: 50px; margin: 0 }
.acnCompCont .stepThree .sponsoredBy img.yk { float: right; height: 18px; width: auto; margin-top: 11px; }
.acnCompCont .stepThree .sponsoredBy img.ul { float: left; height: 40px; width: auto }
/** Result **/
.acnCompCont .result { display: inline-block; text-align: center; font-size: 24px; color: #000; position: relative; margin-top: 100px; width: 100% }
.acnCompCont .result span { color: #E63023; font-weight: bold; font-family: Arial; font-size: 30px; }
.acnCompCont a.back { display: inline-block; width: 250px; margin: 30px calc((100% - 250px) / 2); color: #fff; font-family: droidLight, Arial; font-size: 16px; float: right; padding: 5px 20px; background: #0277bd; cursor: pointer; }
/** Loader **/
.acnCompCont .loader { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) }
.acnCompCont .loader img { width: 200px; height: auto }
/******************** Choose Squad ACN 2019 ********************/
.acn .container { background: url(../../Images/ChooseSquad/Euro2020/chooseSquadGameBg.jpg) no-repeat left top; background-size: cover; }
.acn .content-wrap { padding: 0; background: none }
.acn .content-wrap:before { display: none }
.acn .content { padding: 0 }
.chseSqMain { margin-bottom: 0; padding-bottom: 55%; position: relative; background: none; overflow: hidden; }
.chseSqMain .playerListMenu { background: url(../../Images/ChooseSquad/Euro2020/chooseSquadGameBg.jpg) no-repeat left top; background-size: cover }
/** Right **/
.chseSqMain .col1 { float: right; display: inline-block; position: absolute; width: 270px; height: calc(100% - 160px); right: 60px; top: 80px }
.chseSqMain .logo { position: absolute; top: 0; right: 0; display: inline-block; width: 310px }
.chseSqMain .logo img { width: 140px; height: auto; margin-bottom: 30px; float: right }
.chseSqMain .logo p { display: inline-block; width: 100%; float: right; font-family: droidLight, Arial; font-size: 24px; color: #fff; text-align: right; direction: rtl; line-height: 1.5 }
.chseSqMain .allForms { display: inline-block; float: right; width: 100%; position: absolute; bottom: 70px; right: 0 }
.chseSqMain .allForms a { display: inline-block; float: right; width: 100%; height: 70px; text-align: center; margin-bottom: 10px; background: #000; font-family: CenturyGothicLight, Arial; font-size: 24px; color: #fff; line-height: 2.6; box-shadow: 0 12px 3px 0px rgba(0,0,0,0.2); border: 3px solid #fff; border-radius: 10px }
.chseSqMain .allForms a:last-child { margin-bottom: 0 }
.chseSqMain .allForms a:hover, .chseSqMain .allForms a.selected { background: #0277bd; box-shadow: 0 8px 2px 0px rgba(0,0,0,0.1); }
.chseSqMain .col3 .allForms a { font-size: 18px; line-height: 3.6 }
.chseSqMain .allForms .share { margin-top: 0; font-family: droidBold, Arial }
.chseSqMain .allForms .share:hover { background: #0277bd }
.chseSqMain .allForms .share.dimmed { opacity: 0.25; pointer-events: none }
/** Center **/
.chseSqMain .chooseMain { position: absolute; left: 50%; top: 80px; transform: translateX(-50%); width: calc(100% - 850px); z-index: 2; height: calc(100% - 160px) }
.chseSqMain .chooseMain h1 { display: inline-block; width: 100%; float: right; font-family: droidBold, Arial; font-size: 42px; color: #fff; text-align: center; direction: rtl; line-height: 1.1; margin-bottom: 30px }
.chseSqMain .chooseMain .stadiumSquad { width: 100%; padding-bottom: 86%; display: inline-block; position: relative; background: url(../../Images/ChooseSquad/Euro2020/mal3ab.png) no-repeat center center; background-size: 100% auto }
/** Left **/
.chseSqMain .col3 { float: right; display: inline-block; position: absolute; width: 270px; height: calc(100% - 160px); left: 60px; top: 80px }
.chseSqMain .manager { position: absolute; top: 80px; left: 0; z-index: 3 }
.chseSqMain .sponsLogo { position: absolute; bottom: 0; left: 0; display: inline-block }
.chseSqMain .sponsLogo img { width: 128px; height: auto; float: right }
.chseSqMain .player { position: absolute; width: 90px; height: 90px; text-align: center; font-family: CenturyGothicLight, Arial; font-size: 24px; color: #fff; line-height: 2.6 }
.chseSqMain .icon-add:before { content: "H"; display: block; font-size: 32px; line-height: 2.6; position: relative; z-index: 2 }
.chseSqMain .player .imgCntr { width: 90px; height: 90px; border-radius: 50%; position: relative; overflow: hidden; background: #000; border: 3px solid #fff; box-shadow: 0 12px 3px 0px rgba(0,0,0,0.2) }
.chseSqMain .player .imgCntr img { width: 90px; top: 50%; left: 50%; transform: translate(-50%, -50%); position: absolute; z-index: 3 }
.chseSqMain .player p { display: inline-block; width: 100%; float: right; font-family: droidLight, Arial; font-size: 14px; color: #fff; text-align: center; direction: rtl; margin-top: 6px; line-height: 1.4; position: absolute; width: 100px; left: -5px; }
/*** Player List Menu ***/
.playerListMenu { position: absolute; width: 100%; height: 100%; top: 0; left: 0; bottom: 0; right: 0; opacity: 0; visibility: hidden; background: url(../../Images/ACN/ChooseSquad2019/chooseSquadACN2019.jpg) no-repeat left top; z-index: 3; padding: 80px 60px; -webkit-transition: opacity .3s 0s, visibility 0s .3s; -moz-transition: opacity .3s 0s, visibility 0s .3s; -o-transition: opacity .3s 0s, visibility 0s .3s; -ms-transition: opacity .3s 0s, visibility 0s .3s; transition: opacity .3s 0s, visibility 0s .3s; }
.openMenu .playerListMenu { opacity: 1; visibility: visible; transition: opacity .3s 0s, visibility 0s 0s; -webkit-transition: opacity .3s 0s, visibility 0s 0s; -moz-transition: opacity .3s 0s, visibility 0s 0s; -ms-transition: opacity .3s 0s, visibility 0s 0s; -o-transition: opacity .3s 0s, visibility 0s 0s; }
.playerListMenu:before { content: ""; position: absolute; top: 0; right: 0; left: 0; bottom: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.6); z-index: 1 }
.playerListMenu .listCnts { position: relative; z-index: 2 }
.playerListMenu h2 { display: inline-block; width: 100%; float: right; font-family: droidBold, Arial; font-size: 24px; color: #fff; text-align: right; direction: rtl; margin-bottom: 30px }
.playerListMenu ul li { float: right; width: calc((100% - 18px) / 7); background: rgba(255,255,255,0.04); margin-left: 3px; margin-bottom: 3px; }
.playerListMenu ul li:nth-child(7n) { margin-left: 0 }
.playerListMenu ul li a { padding-bottom: 100%; position: relative; width: 100%; float: right }
.playerListMenu ul li a:hover { background: rgba(255,255,255,0.05) }
.playerListMenu ul li .item { position: absolute; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; padding: 30px; }
.playerListMenu ul li .imgCntr { width: 120px; height: 120px; border-radius: 50%; margin: 0 auto; position: relative; overflow: hidden; border: 3px solid #fff }
.playerListMenu ul li .imgCntr img { width: 120px; top: 50%; left: 50%; transform: translate(-50%, -50%); position: absolute; z-index: 3 }
.playerListMenu ul li p { display: inline-block; width: 100%; float: right; font-family: droidLight, Arial; font-size: 16px; color: #fff; text-align: center; direction: rtl; margin-top: 10px }
.playerListMenu .closeMenu { position: absolute; top: 60px; left: 60px; z-index: 3 }
.playerListMenu .icon-close:before { content: "B"; font-size: 32px; color: #fff }
/********** 4-4-2 **********/
/** Top **/
.chseSqMain .form442 .player.p01 { top: 20px; left: 50%; transform: translateX(-50%) }
.chseSqMain .form442 .player.p02 { top: 26%; left: calc(12.5% - 0px) }
.chseSqMain .form442 .player.p03 { top: 26%; left: calc(37.5% - 30px) }
.chseSqMain .form442 .player.p04 { top: 26%; right: calc(37.5% - 30px) }
.chseSqMain .form442 .player.p05 { top: 26%; right: calc(12.5% - 0px) }
.chseSqMain .form442 .player.p06 { top: 52%; left: calc(12.5% - 0px) }
.chseSqMain .form442 .player.p07 { top: 52%; left: calc(37.5% - 30px) }
.chseSqMain .form442 .player.p08 { top: 52%; right: calc(37.5% - 30px) }
.chseSqMain .form442 .player.p09 { top: 52%; right: calc(12.5% - 0px) }
.chseSqMain .form442 .player.p10 { top: 78%; left: calc(37.5% - 30px) }
.chseSqMain .form442 .player.p11 { top: 78%; right: calc(37.5% - 30px) }
/********** 4-3-3 **********/
/** Top **/
.chseSqMain .form433 .player.p01 { top: 20px; left: 50%; transform: translateX(-50%) }
.chseSqMain .form433 .player.p02 { top: 26%; left: calc(12.5% - 0px) }
.chseSqMain .form433 .player.p03 { top: 26%; left: calc(37.5% - 30px) }
.chseSqMain .form433 .player.p04 { top: 26%; right: calc(37.5% - 30px) }
.chseSqMain .form433 .player.p05 { top: 26%; right: calc(12.5% - 0px) }
.chseSqMain .form433 .player.p06 { top: 52%; left: calc(25% - 30px) }
.chseSqMain .form433 .player.p07 { top: 52%; left: 50%; transform: translateX(-50%); }
.chseSqMain .form433 .player.p08 { top: 52%; right: calc(25% - 30px) }
.chseSqMain .form433 .player.p09 { top: 78%; left: calc(25% - 30px) }
.chseSqMain .form433 .player.p10 { top: 78%; left: 50%; transform: translateX(-50%); }
.chseSqMain .form433 .player.p11 { top: 78%; right: calc(25% - 30px) }
/********** 3-5-2 **********/
/** Top **/
.chseSqMain .form352 .player.p01 { top: 20px; left: 50%; transform: translateX(-50%) }
.chseSqMain .form352 .player.p02 { top: 26%; left: calc(25% - 30px) }
.chseSqMain .form352 .player.p03 { top: 26%; left: 50%; transform: translateX(-50%); }
.chseSqMain .form352 .player.p04 { top: 26%; right: calc(25% - 30px) }
.chseSqMain .form352 .player.p05 { top: 54%; left: calc(10% + 18px) }
.chseSqMain .form352 .player.p06 { top: 48%; left: calc(30% - 14px) }
.chseSqMain .form352 .player.p07 { top: 54%; left: 50%; transform: translateX(-50%); }
.chseSqMain .form352 .player.p08 { top: 48%; right: calc(30% - 14px) }
.chseSqMain .form352 .player.p09 { top: 54%; right: calc(10% + 18px) }
.chseSqMain .form352 .player.p10 { top: 78%; left: calc(37.5% - 30px) }
.chseSqMain .form352 .player.p11 { top: 78%; right: calc(37.5% - 30px) }
/********** 4-5-1 **********/
/** Top **/
.chseSqMain .form451 .player.p01 { top: 20px; left: 50%; transform: translateX(-50%) }
.chseSqMain .form451 .player.p02 { top: 26%; left: calc(12.5% - 0px) }
.chseSqMain .form451 .player.p03 { top: 26%; left: calc(37.5% - 30px) }
.chseSqMain .form451 .player.p04 { top: 26%; right: calc(37.5% - 30px) }
.chseSqMain .form451 .player.p05 { top: 26%; right: calc(12.5% - 0px) }
.chseSqMain .form451 .player.p06 { top: 54%; left: calc(10% + 18px) }
.chseSqMain .form451 .player.p07 { top: 48%; left: calc(30% - 14px) }
.chseSqMain .form451 .player.p08 { top: 54%; left: 50%; transform: translateX(-50%); }
.chseSqMain .form451 .player.p09 { top: 48%; right: calc(30% - 14px) }
.chseSqMain .form451 .player.p10 { top: 54%; right: calc(10% + 18px) }
.chseSqMain .form451 .player.p11 { top: 78%; left: 50%; transform: translateX(-50%); }
/*********************************** Transfers Page ***********************************/
.transferHPCnts { display: inline-block; float: right; margin-left: 30px; width: calc(100% - 330px); position: relative; }
.transfersPage section { margin-bottom: 30px }
.transfersPage .container { background: #111 }
.transfersPage.egLeague .container:before { content: ""; position: fixed; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; background: url(../../Images/Transfers/egyptianLeague.png) no-repeat left center; background-size: 720px auto; filter: blur(8px); -webkit-filter: blur(8px); opacity: 0.07 }
.transfersPage.enLeague .container:before { content: ""; position: fixed; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; background: url(../../Images/Transfers/premierLeague.png) no-repeat left center; background-size: 720px auto; filter: blur(8px); -webkit-filter: blur(8px); opacity: 0.07 }
.transfersPage.itLeague .container:before { content: ""; position: fixed; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; background: url(../../Images/Transfers/italianLeague.png) no-repeat left center; background-size: 720px auto; filter: blur(8px); -webkit-filter: blur(8px); opacity: 0.07 }
.transfersPage.grLeague .container:before { content: ""; position: fixed; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; background: url(../../Images/Transfers/germanLeague.png) no-repeat left center; background-size: 720px auto; filter: blur(8px); -webkit-filter: blur(8px); opacity: 0.07 }
.transfersPage.spLeague .container:before { content: ""; position: fixed; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; background: url(../../Images/Transfers/laLiga.png) no-repeat left center; background-size: 720px auto; filter: blur(8px); -webkit-filter: blur(8px); opacity: 0.07 }
.transfersPage.frLeague .container:before { content: ""; position: fixed; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; background: url(../../Images/Transfers/frenchLeague.png) no-repeat left center; background-size: 720px auto; filter: blur(8px); -webkit-filter: blur(8px); opacity: 0.07 }
.transfersPage .content-wrap, .transfersPage .content { background: transparent }
.transfersPage .content { padding: 40px 0 0 }
.transfersPage .sponsorDuplicate { display: none !important }
.transfersPage .liveTicker { position: fixed; top: 50px; left: 0; width: 100%; height: 40px; background: #fff; z-index: 10000 }
.transfersPage .liveTicker .liveTtl { display: inline-block; float: right; width: 100px; height: 40px; background: #111; text-align: center; font-family: droidLight, Arial; font-size: 16px; color: #fff }
.transfersPage .liveTicker .liveTtl span { display: inline-block; line-height: 2.4 }
.transfersPage .liveTicker .liveTtl span:before { content: ""; float: right; width: 8px; height: 8px; background: #F63535; border-radius: 50%; margin-left: 8px; margin-top: 16px }
.transfersPage .liveTicker .liveSliderCntnr { display: inline-block; float: right; width: calc(100% - 100px); height: 40px; padding-right: 40px; overflow: hidden }
.transfersPage .liveTicker .liveTickerSlider li a { display: inline-block; text-align: right; direction: rtl; font-family: droidLight, Arial; font-size: 14px; color: #000; line-height: 2.8 }
.transfersPage .liveTicker .liveTickerSlider li:hover a { color: #4BC2FF }
.transfersPage .transferForms { display: inline-block; float: right; width: 100%; margin-bottom: 20px; position: relative; z-index: 9; }
.transfersPage .transferForms h1 { display: inline-block; float: right; width: 100%; font-family: droidLight, Arial; font-size: 24px; color: #fff; margin-bottom: 10px }
.cd-filter-block input[type='search'], .cd-filter-block input[type='text'], .cd-filter-block select { width: 100%; padding: 10px; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; box-shadow: none; }
.cd-filter-block select, .cd-filter-block .dropdown-menu.open { cursor: pointer; font-size: 14px; background: #000; color: #fff; border: 1px solid #fff; font-family: droidLight, arial; min-height: 48px !important; }
.transfersPage .transferForms .cd-select { position: relative; display: inline-block; float: right; width: 270px; height: 48px; z-index: 1 }
.transfersPage .transferForms input::-webkit-input-placeholder { color: #CDCDCD; opacity: 1; font-weight: normal; font-size: 14px }
.transfersPage .transferForms input:hover,
.transfersPage .transferForms input:focus,
.transfersPage .transferForms input:active,
.transfersPage .transferForms input:valid { opacity: 1 }
.transfersPage .transferForms input:-webkit-autofill { -webkit-box-shadow: 0 0 0 30px black inset !important; -webkit-text-fill-color: #cdcdcd !important; font-family: droidLight, arial; font-size: 14px; opacity: 0.5; }
.transfersPage .transferForms input:-webkit-autofill:hover,
.transfersPage .transferForms input:-webkit-autofill:focus,
.transfersPage .transferForms input:-webkit-autofill:active,
.transfersPage .transferForms input:-webkit-autofill::first-line,
.transfersPage .transferForms input:-webkit-autofill:valid { -webkit-box-shadow: 0 0 0 30px black inset !important; -webkit-text-fill-color: #cdcdcd !important; font-family: droidLight, arial; font-size: 14px; opacity: 1 }
.transfersPage .cd-filter-block select { display: none !important }
.transfersPage .cd-filter-block .cd-select select option { background: #000; display: none }
.transfersPage .transferForms .cd-filter-block .btn.dropdown-toggle { display: inline-block; float: right; width: 100%; height: 100%; position: absolute; right: 0; top: 0; z-index: 1; font-family: droidLight, arial; font-size: 14px; text-align: right; padding: 10px; background: #1d1d1d; color: #fff; opacity: 1 }
.transfersPage .transferForms .cd-filter-block .btn.dropdown-toggle:before { content: 'F'; position: absolute; z-index: 1; left: 10px; font-size: 14px; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); display: block; color: #4BC2FF; pointer-events: none; }
.transfersPage .transferForms .cd-filter-block .btn.dropdown-toggle.bs-placeholder { background: #1d1d1d }
.transfersPage .transferForms .cd-filter-block .btn.dropdown-toggle.bs-placeholder:hover { background: #242424 }
.cd-filter-block div.dropdown-menu { display: inline-block; float: right; width: 100%; position: relative; opacity: 0; visibility: hidden; max-height: 300px; box-shadow: 0px -1px 4px #333; background: #1d1d1d; z-index: 9; }
.cd-filter-block div.dropdown-menu.show { opacity: 1; visibility: visible; }
.cd-filter-block div.dropdown-menu ul { display: inline-block; float: right; width: 100%; top: 100%; right: 0; border-top: none; max-height: 300px; background: #1d1d1d; }
.cd-filter-block div.dropdown-menu ul li { color: #fff; font-family: droidLight, arial; font-size: 14px; display: inline-block; float: right; width: 100%; border-bottom: 1px solid #333; }
.cd-filter-block div.dropdown-menu ul li:last-child { border-bottom: 0 }
.cd-filter-block div.dropdown-menu ul li a { width: 100%; display: inline-block; float: right; padding: 10px; color: #fff; padding: 8px }
.transfersPage .transferForms .cd-filter-block { margin-bottom: 30px; display: inline-block; float: right; width: 100%; }
.transfersPage .transferForms .cd-filter-block div.dropdown-menu ul { }
.transfersPage .transferForms .cd-filter-block div.dropdown-menu ul li { font-size: 13px }
.transfersPage .transferForms .cd-filter-block div.dropdown-menu ul li a { padding: 10px }
.transfersPage .transferForms .cd-filter-block div.dropdown-menu ul li a:hover, .transfersPage .transferForms .cd-filter-block div.dropdown-menu ul li.selected a { background: #4BC2FF; color: #fff; }
:focus { outline: none }
.transfersPage .transferForms .transferMenu { display: inline-block; float: right; width: 100% }
.transfersPage .transferForms .transferMenu li { display: inline-block; float: right; margin: 0 60px }
.transfersPage .transferForms .transferMenu li:first-child { margin-right: 0 }
.transfersPage .transferForms .transferMenu li:last-child { margin-left: 0 }
.transfersPage .transferForms .transferMenu li a { display: inline-block; float: right; width: auto; height: 30px; line-height: 30px; color: #E1E1E1; font-size: 14px; font-family: droidLight, Arial; }
.transfersPage .transferForms .transferMenu li:hover a, .transfersPage .transferForms .transferMenu li.select a { color: #4BC2FF; box-shadow: inset 0 -1px 0 #4BC2FF }
.transfersPage .cd-filter-block div.dropdown-menu { top: 48px !important; transform: none !important }
/********* Featured *********/
.transfersPage .pattern3 { margin-bottom: 0 }
.transfersPage .pattern3 .ttl { display: none }
.transfersPage .pattern3 ul li { border: none; background: #1d1d1d; padding: 14px; margin-left: 30px; margin-bottom: 30px; width: calc((100% - 140.1px) / 4); }
.transfersPage .pattern3 ul li:first-child { width: calc(100% - ((100% - 20px) / 2)); }
.transfersPage .pattern3 ul li:nth-child(3), .transfersPage .pattern3 ul li:last-child { margin-left: 0; }
.transfersPage .pattern3 .desc { padding: 10px 0 0 }
.transfersPage .pattern3 ul li:first-child .desc { height: 148px }
.transfersPage .pattern3 ul li:first-child .desc h3 { font-family: droidLight, Arial; height: 66px }
.transfersPage .pattern3 .desc h3 { color: #e1e1e1; font-family: droidLight, Arial; line-height: 1.8; font-size: 13px; height: 46px; transition: all 0.2s ease-in-out 0s; -webkit-transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; -ms-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s }
.transfersPage .pattern3 ul li:hover .desc h3 { color: #4BC2FF }
.transfersPage .pattern3 ul li .desc .time { color: #aaa; margin-top: 14px; font-size: 11px }
.transfersPage .pattern3 ul li:first-child .desc .time { margin-top: 46px; }
.transfersPage .pattern3 ul li:first-child .desc p, .transfersPage .pattern3 .desc p { display: none; }
.transfersPage .pattern3 ul li .desc .time span:after { display: none }
.transfersPage .pattern3 ul li .secName { display: none }
.transfersPage .pattern3 ul li .desc .time span:last-child { display: none }
/********* Latest Transfers *********/
.transfersPage .ttl { background: transparent; border-right: none; padding: 8px 14px; color: #E1E1E1; height: 58px; border-bottom: 1px solid #262626; margin-bottom: 0; }
.transfersPage .ttl a { color: #e1e1e1 }
.transfersPage .standing { width: 100%; margin-left: 0; background: #1d1d1d; }
.transfersPage .standing .table { margin-bottom: 0 }
.transfersPage .standing .table .ttlRow { height: 40px; background: transparent; border-bottom: 1px solid #262626; padding: 0; margin-bottom: 0; overflow: hidden; }
.transfersPage .standing .table .ttlRow .itemTtl { color: #aaa; padding: 8px 14px; text-align: right; font-size: 12px }
.transfersPage .standing .table .wRow { background: transparent; height: 54px; border: 0; padding: 0; overflow: hidden }
.transfersPage .standing .table .wRow:nth-child(even) { background: #282828 }
.transfersPage .standing .table .wRow .item { text-align: right; padding: 11px 14px; font-family: droidLight, arial; color: #e1e1e1; font-size: 13px; line-height: 2.4; display: inline-block }
.transfersPage .standing .table .ttlRow .itemTtl.fixed, .transfersPage .standing .table .wRow .item.fixed { width: 120px; position: relative; height: 54px }
.transfersPage .standing .table .ttlRow .itemTtl.var, .transfersPage .standing .table .wRow .item.var { width: calc((100% - 360px) / 3); position: relative; height: 54px }
.transfersPage .standing .table .wRow .item a { display: inline-block; float: right; pointer-events: none }
.transfersPage .standing .table .wRow .item p { text-align: right; color: #e1e1e1; font-size: 12px; font-family: droidLight, arial; line-height: 1.6; float: right; display: inline-block; width: calc(100% - 54px); position: absolute; top: 50%; transform: translateY(-50%); }
.transfersPage .standing .table .wRow .item img { float: right; margin-left: 10px; width: auto; height: 30px; display: inline-block }
.transfersPage .standing .table .wRow .item.fromTeam a { float: left }
.transfersPage .standing .table .wRow .item.fromTeam p { float: left; text-align: left; left: 54px; }
.transfersPage .standing .table .wRow .item.fromTeam img { float: left; margin-left: 0; margin-right: 10px }
.transfersPage .standing .table .wRow .item a:hover p { color: #4BC2FF }
.transfersPage .standing .table .wRow .item img.arrow { float: unset; margin-left: 0; height: 16px }
.transfersPage .standing .table .wRow .item.price span { font-size: 10px }
.transfersPage .more { display: inline-block; float: right; width: 100%; height: 50px; border-top: 1px solid #262626; text-align: center }
.transfersPage .more .moreBtn { display: inline-block; font-family: droidLight, Arial; font-size: 13px; line-height: 3.6; color: #4BC2FF; }
.transfersPage .more .icon-more:before { content: "m"; float: left; margin-right: 6px; transform: rotate(180deg); line-height: 5; font-size: 9px }
/*.transfersPage .standing .more .moreBtn:hover{box-shadow: inset 0 -1px 0 #4BC2FF;}*/
/********* Transfers News *********/
.transfersPage .newsPattern { width: 100%; margin-left: 0; background: #1d1d1d; }
.transfersPage .newsPattern .cnts { display: inline-block; float: right; width: 100%; padding: 14px }
.transfersPage .newsPattern .cnts ul li { border: none; background: transparent; margin-left: 30px; margin-bottom: 50px; width: calc((100% - 90.1px) / 4); }
.transfersPage .newsPattern .cnts ul li:nth-child(4n) { margin-left: 0; }
.transfersPage .newsPattern .cnts ul li .desc { padding: 10px 0 }
.transfersPage .newsPattern .cnts ul li .desc p { color: #e1e1e1; height: 46px; font-size: 13px }
.transfersPage .newsPattern .cnts ul li:hover .desc p { color: #4BC2FF }
.transfersPage .newsPattern .cnts ul li .desc .time { font-size: 11px; color: #aaa; margin-top: 8px }
.transfersPage .newsPattern ul li .secName { display: none }
/*.transfersPage .newsPattern .cnts ul li:last-child{display:none}*/
.transfersPage .newsPattern ul li .desc .time span:after { display: none }
.transfersPage .newsPattern ul li .desc .time span:last-child { display: none }
/********* Left Transfers *********/
.transfersPage .standing.left .table .ttlRow .itemTtl.fixed, .transfersPage .standing.left .table .wRow .item.fixed { width: 80px; height: 54px; position: relative; padding: 10px 4px; }
.transfersPage .standing.left .table .ttlRow .itemTtl.var, .transfersPage .standing.left .table .wRow .item.var { width: calc((100% - 96px) / 2); padding: 10px; position: relative; height: 54px; }
.transfersPage .standing.left .table .ttlRow .itemTtl { font-size: 10px }
.transfersPage .standing.left .table .wRow .item.var img { display: none }
.transfersPage .standing.left .table .wRow .item.toTeam img { height: 20px; display: inline-block; margin-top: 8px; }
.transfersPage .standing.left .table .wRow .item p { width: calc(100% - 20px); font-size: 11px; line-height: 1.4; position: absolute; top: 50%; transform: translateY(-50%); }
.transfersPage .standing.left .table .wRow .item.toTeam p { width: calc(100% - 50px) }
.transfersPage .standing.left .table .wRow .item img.arrow { height: 12px }
.transfersPage .standing.left .table .wRow .item { font-size: 11px; line-height: 1.4; }
.transfersPage.transferList .transferHPCnts .standing .ttl { display: none }
.transfersPage .transferForms h1:before { content: "الانتقالات" }
.transfersPage.transferList .transferForms h1:before { content: "جميع الانتقالات" }
.transfersPage .standing .ttl.article { display: none }
.articlePage .transfersPage .standing .ttl { display: none }
.articlePage .transfersPage .standing .ttl.article { display: inline-block }
.articlePage .transfersPage .standing .ttl.article a { display: inline-block; float: left; direction: rtl; text-align: left; font-family: droidLight,Arial; font-size: 13px; color: #4bc2ff; line-height: 3; position: relative; height: auto; background: transparent; width: auto; border-top: 0; padding: 0; transition: all 0.2s ease-in-out 0s; -webkit-transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; -ms-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; }
.articlePage .transfersPage .standing .ttl.article a:before { content: ""; width: 100%; height: 1px; position: absolute; left: 0; right: 0; bottom: 10px; background: #4bc2ff }
.articlePage .transfersPage .standing .ttl.article .leftTransTtl { font-family: droidBold, Arial; font-size: 19px; float: right; line-height: 2.2; color: #fff }
.articlePage .transfersPage .standing .ttl.article .leftTransTtl:before { display: none }
.articlePage .transfersPage .standing .ttl.article a.more:before { content: ''; position: absolute; width: 0; height: 1px; background-color: #fff; right: 0; bottom: 5px; transition: all 0.2s ease-in-out 0s; -webkit-transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; -ms-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; }
.articlePage .transfersPage .standing:hover .ttl.article a.more:before { width: 100%; }
/********* Transfers listing *********/
.transfersPage.transferList .listing ul li { border: none; background: #1d1d1d; width: calc((100% - 60.1px) / 4); padding: 14px }
.transfersPage.transferList .listing ul li .desc p { color: #fff; font-size: 13px; height: 46px; }
.transfersPage.transferList .listing ul li .desc .time { color: #aaa; margin-top: 14px; font-size: 11px; }
.transfersPage.transferList .listing ul li .desc .time span:nth-child(2) { display: none }
.transfersPage.transferList .listing ul li .desc .time span:after { display: none }
.transfersPage.transferList .ttl { border-bottom: 0 }
.transfersPage.transferList .more { background: transparent; color: #4BC2FF }
.transfersPage.transferList .listing .more span { float: none; margin-right: 0 }
.transfersPage.transferList .more .icon-more:before { float: none; color: #4BC2FF }
.transfersPage.transferList .listing ul li:hover .desc p { color: #4BC2FF }
.transfersPage.transferList .interestedArticles { background: #1d1d1d; border: 0 }
.transfersPage.transferList .interestedArticles .cnts li p { color: #e1e1e1 }
.transfersPage.transferList .newsPointer { background: #1d1d1d; border: 0 }
.transfersPage.transferList .newsPointer .cnts li a { color: #e1e1e1 }
.transfersPage.transferList .newsPointer .cnts li .trendDiv .vstrs { color: #e1e1e1 }
.transfersPage.transferList .newsPointer .cnts li .trendDiv { border: 1px solid #a6a6a6 }
.transfersPage.transferList #secListing .ttl { display: none }
.transfersPage.transferList .listing ul li .desc { padding: 10px 0 }
.transfersPage .standing .more .icon-more:before { float: left }
/* left leagues */
.leftLeagues { display: inline-block; width: 100%; float: left; position: relative; padding: 12px 16px 16px; border: 1px solid #535353; border-radius: 6px; margin-bottom: 20px; background-color: #000 }
.leftLeagues h3 { display: inline-block; width: 100%; float: right; color: #fff; font-family: droidBold, Arial; font-size: 15px }
.leftLeagues .buttons { display: inline-block; width: auto; margin: 0 auto; margin-top: 15px; }
.leftLeagues .buttons a { display: inline-block; width: auto; height: 35px; line-height: 34px; float: right; padding: 0 14px; margin-left: 10px; border-radius: 4px; border: 1px solid #535353; color: #fff; font-family: droidLight, Arial; font-size: 14px }
.leftLeagues .buttons a:last-child { margin-left: 0 }
.leftLeagues .buttons a:hover { background-color: #e7e7e7; color: #161a2c }
.leftLeagues .buttons a.create { background-color: #00326f; border: 1px solid #00326f; }
.leftLeagues .buttons a.create:hover { background-color: #e7e7e7; color: #161a2c }
.leftleagueBox { position: fixed; width: 100%; height: 100%; top: 0; left: 0; bottom: 0; right: 0; z-index: 9; opacity: 0; visibility: hidden; -webkit-transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; -ms-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; }
.leftleagueBox:before { content: ""; position: absolute; width: 100%; height: 100%; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,0.6); pointer-events: none; }
.leftleagueBox .popupContainer { position: absolute; width: 500px; border-radius: 6px; top: 50%; left: 50%; transform: translate(-50%,-50%); overflow: hidden; z-index: 10 }
.leftleagueBox .popupContainer .popupTtl { display: inline-block; float: right; width: 100%; height: 50px; background: #20273f; padding: 0 20px; color: #fff; position: relative; z-index: 1 }
.leftleagueBox .popupContainer .icon-created:before { content: "K"; float: right; display: inline-block; line-height: 50px }
.leftleagueBox .popupContainer .popupTtl p { display: inline-block; float: right; padding-right: 10px; font-family: droidLight, Arial; font-size: 15px; color: #fff; line-height: 50px }
.leftleagueBox .popupContainer .popupTtl .closePopup { position: absolute; top: 12px; left: 10px; width: 20px; height: 20px; z-index: 2; cursor: pointer; }
.leftleagueBox .popupContainer .popupTtl .closePopup:after,
.leftleagueBox .popupContainer .popupTtl .closePopup:before { content: ''; position: absolute; top: 0; width: 2px; height: 100%; background-color: #fff; opacity: 1; transition: all .2s ease-in-out 0s; -webkit-transition: all .2s ease-in-out 0s; -moz-transition: all .2s ease-in-out 0s; -ms-transition: all .2s ease-in-out 0s; -o-transition: all .2s ease-in-out 0s; }
.leftleagueBox .popupContainer .popupTtl .closePopup:before { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
.leftleagueBox .popupContainer .popupTtl .closePopup:after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
.leftleagueBox .popupContainer .popupCnts { display: inline-block; float: right; width: 100%; background: #fff; padding: 30px 20px; position: relative; z-index: 1 }
.leftleagueBox .popupContainer .popupCnts h4 { display: inline-block; float: right; width: 100%; font-family: droidBold, Arial; font-size: 18px; text-align: right; color: #20273f; margin-bottom: 30px }
.leftleagueBox .popupContainer .popupCnts .leagueCode { display: inline-block; float: right; width: 100%; margin-bottom: 50px }
.leftleagueBox .popupContainer .popupCnts .leagueCode:last-child { margin-bottom: 0 }
.leftleagueBox .popupContainer .popupCnts .leagueCode span { display: inline-block; float: right; width: 100%; font-family: droidBold, Arial; text-align: right; font-size: 15px; color: #20273f; margin-bottom: 4px }
.leftleagueBox .popupContainer .popupCnts .leagueCode p { display: inline-block; float: right; width: 100%; font-family: droidLight, Arial; text-align: right; font-size: 13px; color: #20273f; margin-bottom: 20px }
.leftleagueBox .popupContainer .popupCnts .leagueCode.link p { margin-bottom: 30px }
.leftleagueBox .popupContainer .popupCnts .leagueCode .codeInputCntnr { display: inline-block; float: right; width: 100%; }
.leftleagueBox .popupContainer .popupCnts .leagueCode.code .codeInputCntnr .codeInput { display: inline-block; float: right; width: 100%; height: 50px; line-height: 48px; border: 1px solid rgba(32,39,63,0.2); margin-bottom: 15px; font-family: CenturyGothicLight, Arial; font-size: 20px; color: #20273f; border-radius: 6px; padding: 0 10px; font-weight: bold; text-align: right }
.leftleagueBox .popupContainer .popupCnts .leagueCode .codeInputCntnr .copyCodeBtn { display: inline-block; float: left; position: relative; width: 140px; height: 50px; line-height: 48px; border: 1px solid rgba(32,39,63,1); font-family: droidLight, Arial; font-size: 14px; color: #20273f; border-radius: 6px; padding: 0 10px; text-align: center; cursor: pointer; -webkit-transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; -ms-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; }
.leftleagueBox .popupContainer .popupCnts .leagueCode.code .codeInputCntnr .codeInput:focus { border: 1px solid rgba(32,39,63,0.2) !important }
.leftleagueBox .popupContainer .popupCnts .leagueCode .codeInputCntnr .copyCodeBtn:hover { background: #20273f; color: #fff }
.leftleagueBox .popupContainer .popupCnts .leagueCode .codeInputCntnr .copyCodeBtn .addedCode { display: inline-block; position: absolute; width: 85px; height: 30px; background-color: green; left: 50%; transform: translateX(-50%); top: -38px; border-radius: 6px; color: #fff; line-height: 2.2; font-size: 12px; font-family: 'droidLight'; opacity: 0; visibility: hidden; -webkit-transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; -ms-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; }
.leftleagueBox .popupContainer .popupCnts .leagueCode .codeInputCntnr .copyCodeBtn .addedCode:before { content: ''; width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 8px solid green; position: absolute; bottom: -7px; right: 10px; }
.leftleagueBox .popupContainer .popupCnts .leagueCode .codeInputCntnr .copyCodeBtn.added .addedCode { opacity: 1; visibility: visible }
.leftleagueBox .popupContainer .popupCnts .leagueCode.link .codeInputCntnr .codeInput { display: inline-block; float: right; width: 100%; line-height: 1; padding-bottom: 4px; border-bottom: 1px solid rgba(32,39,63,0.2); font-family: arial; font-size: 14px; color: #20273f; text-align: left; direction: ltr; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin-bottom: 20px }
.openPopupCode .leftleagueBox { opacity: 1; visibility: visible }

@media screen and (min-width:1680px) and (max-width:1919px) {
    article .details div iframe, article .details p iframe { margin: 0 calc((100% - 600px) /2); height: 400px; width: 600px; }
    article .details .dugout-video { margin: 0 calc((100% - 600px) / 2); width: 600px }
    article .details img { margin: 0 calc((100% - 600px) /2); width: 600px; }
}

@media screen and (min-width:1600px) and (max-width:1679px) {
    article .details div iframe, article .details p iframe { margin: 0 calc((100% - 600px) /2); height: 400px; width: 600px; }
    article .details .dugout-video { margin: 0 calc((100% - 600px) / 2); width: 600px }
    article .details img { margin: 0 calc((100% - 600px) /2); width: 600px; }
}

@media screen and (min-width:1536px) and (max-width:1599px) {
    .transfersPage section { margin-bottom: 20px; }
    .transferHPCnts { margin-left: 20px; width: calc(100% - 320px); }
    .transfersPage .pattern3 ul li { padding: 10px; margin-left: 20px; margin-bottom: 20px; width: calc((100% - 100.1px) / 4); }
    .transfersPage .newsPattern .cnts ul li { margin-left: 20px; margin-bottom: 40px; width: calc((100% - 60.1px) / 4); }
    article .details div iframe, article .details p iframe { margin: 0 calc((100% - 600px) /2); height: 400px; width: 600px; }
    article .details .dugout-video { margin: 0 calc((100% - 600px) / 2); width: 600px }
    article .details img { margin: 0 calc((100% - 600px) /2); width: 600px; }
}

@media screen and (min-width:1440px) and (max-width:1535px) {
    .transfersPage section { margin-bottom: 20px; }
    .transferHPCnts { margin-left: 20px; width: calc(100% - 320px); }
    .transfersPage .pattern3 ul li { padding: 10px; margin-left: 20px; margin-bottom: 20px; width: calc((100% - 100.1px) / 4); }
    .transfersPage .newsPattern .cnts ul li { margin-left: 20px; margin-bottom: 40px; width: calc((100% - 60.1px) / 4); }
    article .details div iframe, article .details p iframe { margin: 0 calc((100% - 600px) /2); height: 400px; width: 600px; }
    article .details .dugout-video { margin: 0 calc((100% - 600px) / 2); width: 600px }
    article .details img { margin: 0 calc((100% - 600px) /2); width: 600px; }
}

@media screen and (min-width:1360px) and (max-width:1439px) {
    .transfersPage section { margin-bottom: 20px; }
    .transferHPCnts { margin-left: 20px; width: calc(100% - 320px); }
    .transfersPage .liveTicker .liveSliderCntnr { padding-right: 12px }
    .transfersPage .pattern3 ul li { padding: 10px; margin-left: 20px; margin-bottom: 20px; width: calc((100% - 100.1px) / 4); }
    .transfersPage .newsPattern .cnts ul li { margin-left: 20px; margin-bottom: 40px; width: calc((100% - 60.1px) / 4); }
    article .details div iframe, article .details p iframe { margin: 0 calc((100% - 600px) /2); height: 400px; width: 600px; }
    article .details .dugout-video { margin: 0 calc((100% - 600px) / 2); width: 600px }
    article .details img { margin: 0 calc((100% - 600px) /2); width: 600px; }
}

@media screen and (min-width:1280px) and (max-width:1359px) {
    .transfersPage section { margin-bottom: 20px; }
    .transferHPCnts { margin-left: 20px; width: calc(100% - 320px); }
    .transfersPage .liveTicker .liveSliderCntnr { padding-right: 12px }
    .transfersPage .pattern3 ul li { padding: 10px; margin-left: 20px; margin-bottom: 20px; width: calc((100% - 100.1px) / 4); }
    .transfersPage .newsPattern .cnts ul li { margin-left: 20px; margin-bottom: 40px; width: calc((100% - 60.1px) / 4); }
    .transfersPage .pattern3 ul li:first-child .desc h3 { height: 54px; font-size: 18px }
    .transfersPage .pattern3 ul li:first-child .desc .time { margin-top: 58px }
    article .details div iframe, article .details p iframe { margin: 0; height: 375px; width: 100%; }
    article .details .dugout-video { margin: 0; width: 100% }
    article .details img { margin: 0; width: 100%; }
}

@media screen and (min-width:1152px) and (max-width:1279px) {
    .transfersPage section { margin-bottom: 20px; }
    .transferHPCnts { margin-left: 20px; width: calc(100% - 320px); }
    .transfersPage .liveTicker .liveSliderCntnr { padding-right: 12px }
    .transfersPage .pattern3 ul li { padding: 10px; margin-left: 20px; margin-bottom: 20px; width: calc((100% - 215.1px) / 2); }
    .transfersPage .pattern3 ul li:first-child { width: calc(100% - ((100% - 175px) / 2)); }
    .transfersPage .pattern3 ul li:nth-child(3), .transfersPage .pattern3 ul li:last-child { display: none }
    .transfersPage .pattern3 ul li:nth-child(2), .transfersPage .pattern3 ul li:nth-child(4) { margin-left: 0 }
    .transfersPage .newsPattern .cnts ul li { margin-left: 20px; margin-bottom: 40px; width: calc((100% - 20.1px) / 2); }
    .transfersPage .newsPattern .cnts ul li:last-child { display: inline-block }
    .transfersPage .newsPattern .cnts ul li:nth-child(3n) { margin-left: 20px; }
    .transfersPage .newsPattern .cnts ul li:nth-child(2n) { margin-left: 0; }
    .transfersPage .pattern3 ul li:first-child .desc h3 { height: 54px; font-size: 18px }
    .transfersPage .pattern3 ul li:first-child .desc .time { margin-top: 58px }
    .transfersPage .standing .table .ttlRow .itemTtl.fixed, .transfersPage .standing .table .wRow .item.fixed { width: 90px }
    .transfersPage .standing .table .ttlRow .itemTtl.fixed.arrowImg, .transfersPage .standing .table .wRow .item.fixed.arrowImg { width: 35px; line-height: 3 }
    .transfersPage .standing .table .ttlRow .itemTtl.var, .transfersPage .standing .table .wRow .item.var { width: calc((100% - 215px) / 3); }
    .transfersPage.transferList .listing ul li { width: calc((100% - 20.1px) / 2); }
    .transfersPage .standing .table .wRow .item { padding: 11px }
    .transfersPage .standing .table .wRow .item.fixed.price p { width: calc(100% - 10px) }
    .transfersPage .standing .table .wRow .item.var img { display: none }
    .transfersPage .standing .table .wRow .item p { width: 100% }
    article .details div iframe, article .details p iframe { margin: 0; height: 375px; width: 100%; }
    article .details .dugout-video { margin: 0; width: 100% }
    article .details img { margin: 0; width: 100%; }
}

@media screen and (min-width:1024px) and (max-width:1151px) {
    .transfersPage section { margin-bottom: 20px; }
    .transferHPCnts { margin-left: 20px; width: calc(100% - 320px); }
    .transfersPage .liveTicker .liveSliderCntnr { padding-right: 12px }
    .transfersPage .pattern3 ul li { padding: 10px; margin-left: 20px; margin-bottom: 20px; width: calc((100% - 215.1px) / 2); }
    .transfersPage .pattern3 ul li:first-child { width: calc(100% - ((100% - 175px) / 2)); }
    .transfersPage .pattern3 ul li:nth-child(3), .transfersPage .pattern3 ul li:last-child { display: none }
    .transfersPage .pattern3 ul li:nth-child(2), .transfersPage .pattern3 ul li:nth-child(4) { margin-left: 0 }
    .transfersPage .newsPattern .cnts ul li { margin-left: 20px; margin-bottom: 30px; width: calc((100% - 20.1px) / 2); }
    .transfersPage .newsPattern .cnts ul li:last-child { display: inline-block }
    .transfersPage .newsPattern .cnts ul li:nth-child(3n) { margin-left: 20px; }
    .transfersPage .newsPattern .cnts ul li:nth-child(2n) { margin-left: 0; }
    .transfersPage .pattern3 ul li:first-child .desc h3 { height: 54px; font-size: 18px }
    .transfersPage .pattern3 ul li:first-child .desc .time { margin-top: 58px }
    .transfersPage .standing .table .ttlRow .itemTtl.fixed, .transfersPage .standing .table .wRow .item.fixed { width: 80px; padding: 11px; display: inline-block }
    .transfersPage .standing .table .ttlRow .itemTtl.fixed.arrowImg, .transfersPage .standing .table .wRow .item.fixed.arrowImg { width: 20px; padding: 11px 0; }
    .transfersPage .standing .table .ttlRow .itemTtl.var, .transfersPage .standing .table .wRow .item.var { width: calc((100% - 180px) / 3); }
    .transfersPage .standing .table .wRow .item img { display: none }
    .transfersPage .standing .table .wRow .item.arrowImg img { display: inline-block }
    .transfersPage .standing .table .wRow .item img.arrow { height: 10px }
    .transfersPage .standing .table .wRow .item:nth-child(4),
    .transfersPage .standing .table .wRow .item:nth-child(5),
    .transfersPage .standing .table .wRow .item:nth-child(6),
    .transfersPage .standing .table .wRow .item:nth-child(7),
    .transfersPage .standing .table .wRow .item:nth-child(8) { display: inline-block }
    .transfersPage .standing .table .wRow .item p { font-size: 11px }
    .transfersPage .standing .table .wRow .item { font-size: 11px; line-height: 3 }
    .transfersPage .standing .table .wRow .item.fixed p { width: calc(100% - 28px) }
    .transfersPage.transferList .listing ul li { width: calc((100% - 20.1px) / 2); }
    article .details div iframe, article .details p iframe { margin: 0; height: 375px; width: 100%; }
    article .details .dugout-video { margin: 0; width: 100% }
    article .details img { margin: 0; width: 100%; }
}

@media only screen and (max-width: 1023px) {
    .transfersPage .content { padding: 70px 10px 0 }
    .transfersPage .liveTicker .liveSliderCntnr { padding-right: 20px }
    .transferHPCnts { margin-left: 0; width: 100% }
    .transfersPage section { margin-bottom: 20px; }
    .transfersPage .liveTicker .liveSliderCntnr { padding-right: 12px }
    .transfersPage .pattern3 ul li { padding: 10px; margin-left: 20px; margin-bottom: 20px; width: calc((100% - 100.1px) / 4); }
    .transfersPage .newsPattern .cnts ul li { margin-left: 20px; margin-bottom: 40px; width: calc((100% - 60.1px) / 4); }
    .transfersPage .pattern3 ul li:first-child { margin-left: 20px }
    .transfersPage .pattern3 ul li:first-child .desc h3 { height: 54px; font-size: 18px }
    .transfersPage .pattern3 ul li:first-child .desc .time { margin-top: 58px }
    .transfersPage .standing .table .ttlRow .itemTtl.fixed, .transfersPage .standing .table .wRow .item.fixed { width: 100px }
    .transfersPage .standing .table .ttlRow .itemTtl.var, .transfersPage .standing .table .wRow .item.var { width: calc((100% - 230px) / 3); }
    .transfersPage .standing .table .wRow .item.fixed p { width: calc(100% - 28px) }
    .transfersPage .standing .table .ttlRow .itemTtl.fixed.arrowImg, .transfersPage .standing .table .wRow .item.fixed.arrowImg { width: 30px; padding: 11px 0; }
    .transfersPage .standing .table .wRow .item img.arrow { height: 12px }
    .transfersPage .newsPattern ul li a .imageCntnr { width: 100%; padding-bottom: 67% }
    .transfersPage .newsPattern .cnts ul li .desc { width: 100%; background: transparent; margin-top: 0 }
    .transfersPage.transferList .listing ul li a .imageCntnr { padding-bottom: 67%; width: 100% }
    .transfersPage.transferList .listing ul li .desc { background: transparent; width: 100%; margin-top: 0 }
    article .details .dugout-video { margin: 0; width: 100% }
}

@media screen and (min-width: 320px) and (max-width: 767px) {
    .transfersPage .transferForms .cd-select { width: 100% }
    .transfersPage .transferForms .cd-filter-block .btn.dropdown-toggle { font-size: 12px }
    .transfersPage .transferForms .cd-filter-block .btn.dropdown-toggle:before { font-size: 12px }
    .transfersPage .transferForms .cd-filter-block div.dropdown-menu ul li { font-size: 11px }
    .transfersPage .transferForms .transferMenu li { margin: 0 26px; }
    .transfersPage .transferForms .transferMenu li a { font-size: 13px }
    .transfersPage .liveTicker .liveTtl { width: 70px; font-size: 14px }
    .transfersPage .liveTicker .liveTtl span { line-height: 2.8 }
    .transfersPage .liveTicker .liveSliderCntnr { width: calc(100% - 70px) }
    .transfersPage .liveTicker .liveTickerSlider li a { font-size: 12px; line-height: 3.2 }
    .transfersPage .transferForms h1 { font-size: 20px }
    .transfersPage .pattern3 { margin-bottom: 20px }
    .transfersPage .pattern3 ul li { width: calc((100% - 10.1px) / 2); margin-left: 10px; margin-bottom: 10px }
    .transfersPage .pattern3 ul li:first-child { width: 100%; margin-left: 0 }
    .transfersPage .pattern3 ul li:nth-child(4), .transfersPage .pattern3 ul li:nth-child(5), .pattern3 ul li:last-child { margin-bottom: 0 }
    .transfersPage .pattern3 ul li .desc { background: transparent; width: 100%; margin-top: 0 }
    .transfersPage .pattern3 .desc h3 { margin-top: 0; font-size: 12px; height: 63px }
    .transfersPage .pattern3 ul li:first-child .desc { margin-top: 0; height: auto }
    .transfersPage .pattern3 ul li:first-child .desc h3 { height: auto; font-size: 16px; line-height: 1.8; }
    .transfersPage .pattern3 ul li .desc .time { display: inline-block; margin-top: 20px }
    .transfersPage .pattern3 ul li:first-child .desc .time { margin-top: 30px; margin-bottom: 0 }
    .transfersPage .ttl { padding: 8px 10px }
    .transfersPage .standing .table .ttlRow .itemTtl { padding: 8px 10px }
    .transfersPage .standing .table .wRow .item { padding: 11px 10px }
    .transfersPage .standing .table .wRow .item.fixed { width: 80px; font-size: 12px }
    .transfersPage .standing .table .ttlRow .itemTtl.fixed:nth-of-type(6) { display: inline-block; width: 101px; float: left }
    .transfersPage .standing .table .wRow { height: 66px }
    .transfersPage .standing .table .wRow .item.fixed { font-size: 11px; padding: 10px; line-height: 1.5 }
    .transfersPage .standing .table .wRow .mobileView { display: inline-block; float: right; width: calc(100% - 160px) }
    .transfersPage .standing .table .wRow .mobileView .item { width: 100%; height: auto; padding: 0 10px; }
    .transfersPage .standing .table .wRow .mobileView .item:nth-child(1) { padding: 8px 10px; margin-bottom: 2px }
    .transfersPage .standing .table .wRow .mobileView .item img { display: none }
    .transfersPage .standing .table .wRow .mobileView .item.arrowImg { padding: 5px 0 }
    .transfersPage .standing .table .wRow .mobileView .item.arrowImg img, .transfersPage .standing .table .wRow .mobileView .item.fromTeam img, .transfersPage .standing .table .wRow .mobileView .item.toTeam img { display: inline-block }
    .transfersPage .standing .table .wRow .mobileView .item.fromTeam img, .transfersPage .standing .table .wRow .mobileView .item.toTeam img { height: 20px }
    .transfersPage .standing .table .wRow .mobileView .item.fromTeam a { float: right }
    .transfersPage .standing .table .wRow .mobileView .item.fromTeam img { margin-right: 0 }
    .transfersPage .standing .table .wRow .mobileView .item.fromTeam p, .transfersPage .standing .table .wRow .mobileView .item.toTeam p { display: none }
    .transfersPage .standing .table .wRow .mobileView .item.fromTeam, .transfersPage .standing .table .wRow .mobileView .item.toTeam { width: 40px }
    .transfersPage .standing .table .wRow .mobileView .item p { width: 100%; font-size: 11px; position: relative; top: 0; transform: none; color: #4BC2FF }
    .transfersPage .standing .table .wRow .item p { font-size: 11px }
    .transfersPage .standing .table .wRow .item.fixed p { top: 0; transform: none; padding-top: 10px; line-height: 1.5; }
    .transfersPage .standing .table .wRow .item:nth-child(3),
    .transfersPage .standing .table .wRow .item:nth-child(4),
    .transfersPage .standing .table .wRow .item:nth-child(5),
    .transfersPage .standing .table .wRow .item:nth-child(6),
    .transfersPage .standing .table .wRow .item:nth-child(7),
    .transfersPage .standing .table .wRow .item:nth-child(8) { display: inline-block }
    .transfersPage .newsPattern .cnts { padding: 10px }
    .transfersPage .newsPattern .cnts ul li { width: calc((100% - 20.1px) / 2); }
    .transfersPage .newsPattern .cnts ul li:nth-child(4n) { margin-left: 20px; }
    .transfersPage .newsPattern .cnts ul li:nth-child(2n) { margin-left: 0 }
    .transfersPage .newsPattern .cnts ul li .desc p { font-size: 12px; height: 63px; line-height: 1.8 }
    .transfersPage .newsPattern .cnts ul li .desc .time { display: inline-block }
    .transfersPage .standing.left .table .wRow { height: 54px; }
    .transfersPage .standing.left .table .wRow .item p { width: calc(100% - 20px); font-size: 11px; line-height: 1.4; position: absolute; top: 50%; transform: translateY(-50%); padding-top: 0 }
    .transfersPage.transferList .listing ul li { width: calc((100% - 10.1px) / 2); margin-bottom: 10px; padding: 10px }
    /*.transfersPage.transferList .listing ul li:nth-child(2n){margin-left:0}*/
    .transfersPage.transferList .listing ul li .desc p { font-size: 12px; height: 63px; line-height: 1.8; }
    .leftleagueBox .popupContainer { width: calc(100% - 20px) }
    .tour-1 .euroPredCnts .tabs .regBtn img{margin: 0 0 0 5px}
}

@media screen and (min-width:1680px) and (max-width:1919px) {
    .chseSqMain .col1 { width: 245px; height: calc(100% - 120px); }
    .chseSqMain .chooseMain { width: calc(100% - 730px); }
    .chseSqMain .col3 { width: 245px; height: calc(100% - 120px); }
    .chseSqMain .manager { left: 10px }
    .chseSqMain .manager img { width: 440px }
    .chseSqMain .player { width: 80px; height: 80px }
    .chseSqMain .player .imgCntr { width: 80px; height: 80px }
    .chseSqMain .icon-add:before { font-size: 28px; line-height: 2.6 }
    .chseSqMain .player .imgCntr img { width: 80px }
    .playerListMenu ul li .item { padding: 14px 20px }
    .ACNHeader::after { left: 170px; }
    .ACNHeader::before { right: 216px; }
    .articleChooseSquad { padding-bottom: 68% }
}

@media screen and (min-width:1600px) and (max-width:1679px) {
    .chseSqMain .col1 { width: 210px; height: calc(100% - 140px); }
    .chseSqMain .allForms a { height: 60px; line-height: 2.2 }
    .chseSqMain .chooseMain { width: calc(100% - 730px); }
    .chseSqMain .col3 { width: 210px; height: calc(100% - 140px); }
    .chseSqMain .manager { left: 10px }
    .chseSqMain .manager img { width: 420px }
    .chseSqMain .player { width: 70px; height: 70px }
    .chseSqMain .player .imgCntr { width: 70px; height: 70px }
    .chseSqMain .icon-add:before { font-size: 26px; line-height: 2.4 }
    .chseSqMain .player .imgCntr img { width: 70px }
    .chseSqMain .player p { left: -15px }
    .playerListMenu ul li .imgCntr { width: 100px; height: 100px }
    .playerListMenu ul li .imgCntr img { width: 100px }
    .playerListMenu ul li .item { padding: 20px }
    .ACNHeader::after { left: 170px; }
    .ACNHeader::before { right: 182px; }
    .articleChooseSquad { padding-bottom: 66%; margin-bottom: 40px }
}

@media screen and (min-width:1536px) and (max-width:1599px) {
    .chseSqMain .logo img { margin-bottom: 10px }
    .chseSqMain .logo p { font-size: 22px }
    .chseSqMain .col1 { width: 210px; height: calc(100% - 140px); }
    .chseSqMain .allForms a { height: 60px; line-height: 2.2 }
    .chseSqMain .chooseMain { width: calc(100% - 720px); }
    .chseSqMain .col3 { width: 210px; height: calc(100% - 140px); }
    .chseSqMain .manager { left: 10px }
    .chseSqMain .manager img { width: 420px }
    .chseSqMain .player { width: 70px; height: 70px }
    .chseSqMain .player .imgCntr { width: 70px; height: 70px }
    .chseSqMain .icon-add:before { font-size: 26px; line-height: 2.4 }
    .chseSqMain .player .imgCntr img { width: 70px }
    .chseSqMain .player p { position: absolute; width: 100px; left: -15px; }
    .playerListMenu ul li .imgCntr { width: 100px; height: 100px }
    .playerListMenu ul li .imgCntr img { width: 100px }
    .playerListMenu ul li .item { padding: 16px 20px }
    .ACNHeader::after { left: 170px; }
    .ACNHeader::before { right: 156px; }
    .articleChooseSquad { padding-bottom: 66%; margin-bottom: 40px }
}

@media screen and (min-width:1440px) and (max-width:1535px) {
    .articleChooseSquad { padding-bottom: 64%; margin-bottom: 40px }
    .chseSqMain .logo img { margin-bottom: 10px }
    .chseSqMain .logo p { font-size: 22px }
    .chseSqMain .col1 { width: 210px; height: calc(100% - 80px); right: 40px; top: 40px; }
    .chseSqMain .allForms a { height: 60px; line-height: 2.2 }
    .chseSqMain .chooseMain { width: calc(100% - 610px); top: 40px }
    .chseSqMain .chooseMain h1 { font-size: 36px }
    .chseSqMain .col3 { width: 210px; height: calc(100% - 80px); left: 40px; top: 40px; }
    .chseSqMain .manager { left: 10px; top: 40px }
    .chseSqMain .manager img { width: 380px }
    .chseSqMain .player { width: 70px; height: 70px }
    .chseSqMain .player .imgCntr { width: 70px; height: 70px }
    .chseSqMain .icon-add:before { font-size: 26px; line-height: 2.4 }
    .chseSqMain .player .imgCntr img { width: 70px }
    .chseSqMain .player p { position: absolute; width: 100px; left: -15px; }
    .playerListMenu { padding: 40px }
    .playerListMenu .closeMenu { top: 20px; left: 40px }
    .playerListMenu ul li .imgCntr { width: 100px; height: 100px }
    .playerListMenu ul li .imgCntr img { width: 100px }
    .playerListMenu ul li .item { padding: 12px 20px }
    /********** 4-4-2 **********/
    /** Top **/
    .chseSqMain .form442 .player.p01 { top: 10px }
    .chseSqMain .form442 .player.p02 { top: 24%; left: calc(12.5% - 0px) }
    .chseSqMain .form442 .player.p03 { top: 24%; left: calc(37.5% - 24px) }
    .chseSqMain .form442 .player.p04 { top: 24%; right: calc(37.5% - 24px) }
    .chseSqMain .form442 .player.p05 { top: 24%; right: calc(12.5% - 0px) }
    .chseSqMain .form442 .player.p06 { top: 51%; left: calc(12.5% - 0px) }
    .chseSqMain .form442 .player.p07 { top: 51%; left: calc(37.5% - 24px) }
    .chseSqMain .form442 .player.p08 { top: 51%; right: calc(37.5% - 24px) }
    .chseSqMain .form442 .player.p09 { top: 51%; right: calc(12.5% - 0px) }
    .chseSqMain .form442 .player.p10 { top: 78%; left: calc(37.5% - 24px) }
    .chseSqMain .form442 .player.p11 { top: 78%; right: calc(37.5% - 24px) }
    /********** 4-3-3 **********/
    /** Top **/
    .chseSqMain .form433 .player.p01 { top: 10px }
    .chseSqMain .form433 .player.p02 { top: 24%; left: calc(12.5% - 0px) }
    .chseSqMain .form433 .player.p03 { top: 24%; left: calc(37.5% - 24px) }
    .chseSqMain .form433 .player.p04 { top: 24%; right: calc(37.5% - 24px) }
    .chseSqMain .form433 .player.p05 { top: 24%; right: calc(12.5% - 0px) }
    .chseSqMain .form433 .player.p06 { top: 51%; left: calc(25% - 30px) }
    .chseSqMain .form433 .player.p07 { top: 51%; left: 50%; transform: translateX(-50%); }
    .chseSqMain .form433 .player.p08 { top: 51%; right: calc(25% - 30px) }
    .chseSqMain .form433 .player.p09 { top: 78%; left: calc(25% - 30px) }
    .chseSqMain .form433 .player.p10 { top: 78%; left: 50%; transform: translateX(-50%); }
    .chseSqMain .form433 .player.p11 { top: 78%; right: calc(25% - 30px) }
    /********** 3-5-2 **********/
    /** Top **/
    .chseSqMain .form352 .player.p01 { top: 10px }
    .chseSqMain .form352 .player.p02 { top: 24%; left: calc(25% - 30px) }
    .chseSqMain .form352 .player.p03 { top: 24%; left: 50%; transform: translateX(-50%); }
    .chseSqMain .form352 .player.p04 { top: 24%; right: calc(25% - 30px) }
    .chseSqMain .form352 .player.p05 { top: 54%; left: calc(10% + 18px) }
    .chseSqMain .form352 .player.p06 { top: 48%; left: calc(30% - 8px) }
    .chseSqMain .form352 .player.p07 { top: 54%; left: 50%; transform: translateX(-50%); }
    .chseSqMain .form352 .player.p08 { top: 48%; right: calc(30% - 8px) }
    .chseSqMain .form352 .player.p09 { top: 54%; right: calc(10% + 18px) }
    .chseSqMain .form352 .player.p10 { top: 78%; left: calc(37.5% - 24px) }
    .chseSqMain .form352 .player.p11 { top: 78%; right: calc(37.5% - 24px) }
    /********** 4-5-1 **********/
    /** Top **/
    .chseSqMain .form451 .player.p01 { top: 10px }
    .chseSqMain .form451 .player.p02 { top: 24%; left: calc(12.5% - 0px) }
    .chseSqMain .form451 .player.p03 { top: 24%; left: calc(37.5% - 24px) }
    .chseSqMain .form451 .player.p04 { top: 24%; right: calc(37.5% - 24px) }
    .chseSqMain .form451 .player.p05 { top: 24%; right: calc(12.5% - 0px) }
    .chseSqMain .form451 .player.p06 { top: 54%; left: calc(10% + 18px) }
    .chseSqMain .form451 .player.p07 { top: 48%; left: calc(30% - 8px) }
    .chseSqMain .form451 .player.p08 { top: 54%; left: 50%; transform: translateX(-50%); }
    .chseSqMain .form451 .player.p09 { top: 48%; right: calc(30% - 8px) }
    .chseSqMain .form451 .player.p10 { top: 54%; right: calc(10% + 18px) }
    .chseSqMain .form451 .player.p11 { top: 78%; left: 50%; transform: translateX(-50%); }
    .ACNHeader::after { left: 170px }
    .ACNHeader::before { right: 112px }
}

@media screen and (min-width:1360px) and (max-width:1439px) {
    .articleChooseSquad { padding-bottom: 64%; margin-bottom: 40px }
    .chseSqMain { padding-bottom: 51% }
    .chseSqMain .logo img { margin-bottom: 10px; }
    .chseSqMain .logo p { font-size: 20px }
    .chseSqMain .col1 { width: 180px; height: calc(100% - 80px); right: 40px; top: 40px; }
    .chseSqMain .allForms a { height: 50px; line-height: 1.8 }
    .chseSqMain .allForms .share { font-size: 22px; line-height: 2 }
    .chseSqMain .chooseMain { width: calc(100% - 636px); top: 40px }
    .chseSqMain .chooseMain h1 { font-size: 36px }
    .chseSqMain .col3 { width: 180px; height: calc(100% - 80px); left: 40px; top: 40px; }
    .chseSqMain .manager { left: 30px; top: 40px }
    .chseSqMain .manager img { width: 340px }
    .chseSqMain .player { width: 60px; height: 60px }
    .chseSqMain .player .imgCntr { width: 60px; height: 60px }
    .chseSqMain .icon-add:before { font-size: 24px; line-height: 2.2 }
    .chseSqMain .player .imgCntr img { width: 60px }
    .chseSqMain .player p { position: absolute; width: 90px; left: -15px; line-height: 1.2; font-size: 13px }
    .playerListMenu { padding: 40px }
    .playerListMenu h2 { font-size: 22px }
    .playerListMenu .closeMenu { top: 20px; left: 40px }
    .playerListMenu ul li { width: calc((100% - 15px) / 6) }
    .playerListMenu ul li:nth-child(7n) { margin-left: 3px }
    .playerListMenu ul li:nth-child(6n) { margin-left: 0 }
    .playerListMenu ul li .imgCntr { width: 100px; height: 100px }
    .playerListMenu ul li .imgCntr img { width: 100px }
    .playerListMenu ul li .item { padding: 20px }
    /********** 4-4-2 **********/
    /** Top **/
    .chseSqMain .form442 .player.p01 { top: 10px }
    .chseSqMain .form442 .player.p02 { top: 24%; left: calc(12.5% - 0px) }
    .chseSqMain .form442 .player.p03 { top: 24%; left: calc(37.5% - 20px) }
    .chseSqMain .form442 .player.p04 { top: 24%; right: calc(37.5% - 20px) }
    .chseSqMain .form442 .player.p05 { top: 24%; right: calc(12.5% - 0px) }
    .chseSqMain .form442 .player.p06 { top: 51%; left: calc(12.5% - 0px) }
    .chseSqMain .form442 .player.p07 { top: 51%; left: calc(37.5% - 20px) }
    .chseSqMain .form442 .player.p08 { top: 51%; right: calc(37.5% - 20px) }
    .chseSqMain .form442 .player.p09 { top: 51%; right: calc(12.5% - 0px) }
    .chseSqMain .form442 .player.p10 { top: 78%; left: calc(37.5% - 20px) }
    .chseSqMain .form442 .player.p11 { top: 78%; right: calc(37.5% - 20px) }
    /********** 4-3-3 **********/
    /** Top **/
    .chseSqMain .form433 .player.p01 { top: 10px }
    .chseSqMain .form433 .player.p02 { top: 24%; left: calc(12.5% - 0px) }
    .chseSqMain .form433 .player.p03 { top: 24%; left: calc(37.5% - 20px) }
    .chseSqMain .form433 .player.p04 { top: 24%; right: calc(37.5% - 20px) }
    .chseSqMain .form433 .player.p05 { top: 24%; right: calc(12.5% - 0px) }
    .chseSqMain .form433 .player.p06 { top: 51%; left: calc(25% - 30px) }
    .chseSqMain .form433 .player.p07 { top: 51%; left: 50%; transform: translateX(-50%); }
    .chseSqMain .form433 .player.p08 { top: 51%; right: calc(25% - 30px) }
    .chseSqMain .form433 .player.p09 { top: 78%; left: calc(25% - 30px) }
    .chseSqMain .form433 .player.p10 { top: 78%; left: 50%; transform: translateX(-50%); }
    .chseSqMain .form433 .player.p11 { top: 78%; right: calc(25% - 30px) }
    /********** 3-5-2 **********/
    /** Top **/
    .chseSqMain .form352 .player.p01 { top: 10px }
    .chseSqMain .form352 .player.p02 { top: 24%; left: calc(25% - 30px) }
    .chseSqMain .form352 .player.p03 { top: 24%; left: 50%; transform: translateX(-50%); }
    .chseSqMain .form352 .player.p04 { top: 24%; right: calc(25% - 30px) }
    .chseSqMain .form352 .player.p05 { top: 54%; left: calc(10% + 18px) }
    .chseSqMain .form352 .player.p06 { top: 48%; left: calc(30% - 6px) }
    .chseSqMain .form352 .player.p07 { top: 54%; left: 50%; transform: translateX(-50%); }
    .chseSqMain .form352 .player.p08 { top: 48%; right: calc(30% - 6px) }
    .chseSqMain .form352 .player.p09 { top: 54%; right: calc(10% + 18px) }
    .chseSqMain .form352 .player.p10 { top: 78%; left: calc(37.5% - 20px) }
    .chseSqMain .form352 .player.p11 { top: 78%; right: calc(37.5% - 20px) }
    /********** 4-5-1 **********/
    /** Top **/
    .chseSqMain .form451 .player.p01 { top: 10px }
    .chseSqMain .form451 .player.p02 { top: 24%; left: calc(12.5% - 0px) }
    .chseSqMain .form451 .player.p03 { top: 24%; left: calc(37.5% - 20px) }
    .chseSqMain .form451 .player.p04 { top: 24%; right: calc(37.5% - 20px) }
    .chseSqMain .form451 .player.p05 { top: 24%; right: calc(12.5% - 0px) }
    .chseSqMain .form451 .player.p06 { top: 54%; left: calc(10% + 18px) }
    .chseSqMain .form451 .player.p07 { top: 48%; left: calc(30% - 6px) }
    .chseSqMain .form451 .player.p08 { top: 54%; left: 50%; transform: translateX(-50%); }
    .chseSqMain .form451 .player.p09 { top: 48%; right: calc(30% - 6px) }
    .chseSqMain .form451 .player.p10 { top: 54%; right: calc(10% + 18px) }
    .chseSqMain .form451 .player.p11 { top: 78%; left: 50%; transform: translateX(-50%); }
    .ACNHeader::after { left: 170px }
    .ACNHeader::before { right: 82px }
    article .totalQues { width: 500px; margin: 0 calc((100% - 500px) /2) }
    .quickQues, article .articlePoll { width: 700px; margin: 0 calc((100% - 700px) /2) }
    article .details .quickQues h2 { font-size: 16px !important }
    .quickQues h3.Question { font-size: 15px !important }
    .quickQues .answer label, article .articlePoll .allItems input[type="radio"] + label { font-size: 14px }
    .quickQues .answer label.wrong:before, .quickQues .answer label.correct:before { line-height: 2.6 }
    .QEntryPoint { width: 600px; margin: 0 calc((100% - 600px) /2); }
    article .totalQues .answer { height: 70px }
    article .totalQues .question h4.pQues { font-size: 18px }
    article .totalQues .answer label { font-size: 16px }
    article .totalQues .question h3 { font-size: 14px }
    article .totalQues .question img { padding: 0 }
}

@media screen and (min-width:1280px) and (max-width:1359px) {
    .articleChooseSquad { padding-bottom: 62%; margin-bottom: 40px }
    .chseSqMain { padding-bottom: 57% }
    .chseSqMain .logo img { margin-bottom: 10px; width: 130px; }
    .chseSqMain .logo p { font-size: 20px }
    .chseSqMain .col1 { width: 180px; height: calc(100% - 80px); right: 40px; top: 40px; }
    .chseSqMain .allForms a { height: 50px; line-height: 1.8 }
    .chseSqMain .allForms .share { font-size: 22px; line-height: 2 }
    .chseSqMain .chooseMain { width: calc(100% - 556px); top: 40px }
    .chseSqMain .chooseMain h1 { font-size: 36px }
    .chseSqMain .col3 { width: 180px; height: calc(100% - 80px); left: 40px; top: 40px; }
    .chseSqMain .manager { left: 40px; top: 90px }
    .chseSqMain .manager img { width: 300px }
    .chseSqMain .player { width: 60px; height: 60px }
    .chseSqMain .player .imgCntr { width: 60px; height: 60px }
    .chseSqMain .icon-add:before { font-size: 24px; line-height: 2.2 }
    .chseSqMain .player .imgCntr img { width: 60px }
    .chseSqMain .player p { position: absolute; width: 90px; left: -15px; line-height: 1.2; font-size: 13px }
    .playerListMenu { padding: 40px }
    .playerListMenu h2 { font-size: 22px }
    .playerListMenu .closeMenu { top: 20px; left: 40px }
    .playerListMenu ul li { width: calc((100% - 15px) / 6) }
    .playerListMenu ul li:nth-child(7n) { margin-left: 3px }
    .playerListMenu ul li:nth-child(6n) { margin-left: 0 }
    .playerListMenu ul li .imgCntr { width: 100px; height: 100px }
    .playerListMenu ul li .imgCntr img { width: 100px }
    .playerListMenu ul li .item { padding: 14px 20px }
    /********** 4-4-2 **********/
    /** Top **/
    .chseSqMain .form442 .player.p01 { top: 10px }
    .chseSqMain .form442 .player.p02 { top: 24%; left: calc(12.5% - 0px) }
    .chseSqMain .form442 .player.p03 { top: 24%; left: calc(37.5% - 20px) }
    .chseSqMain .form442 .player.p04 { top: 24%; right: calc(37.5% - 20px) }
    .chseSqMain .form442 .player.p05 { top: 24%; right: calc(12.5% - 0px) }
    .chseSqMain .form442 .player.p06 { top: 51%; left: calc(12.5% - 0px) }
    .chseSqMain .form442 .player.p07 { top: 51%; left: calc(37.5% - 20px) }
    .chseSqMain .form442 .player.p08 { top: 51%; right: calc(37.5% - 20px) }
    .chseSqMain .form442 .player.p09 { top: 51%; right: calc(12.5% - 0px) }
    .chseSqMain .form442 .player.p10 { top: 78%; left: calc(37.5% - 20px) }
    .chseSqMain .form442 .player.p11 { top: 78%; right: calc(37.5% - 20px) }
    /********** 4-3-3 **********/
    /** Top **/
    .chseSqMain .form433 .player.p01 { top: 10px }
    .chseSqMain .form433 .player.p02 { top: 24%; left: calc(12.5% - 0px) }
    .chseSqMain .form433 .player.p03 { top: 24%; left: calc(37.5% - 20px) }
    .chseSqMain .form433 .player.p04 { top: 24%; right: calc(37.5% - 20px) }
    .chseSqMain .form433 .player.p05 { top: 24%; right: calc(12.5% - 0px) }
    .chseSqMain .form433 .player.p06 { top: 51%; left: calc(25% - 30px) }
    .chseSqMain .form433 .player.p07 { top: 51%; left: 50%; transform: translateX(-50%); }
    .chseSqMain .form433 .player.p08 { top: 51%; right: calc(25% - 30px) }
    .chseSqMain .form433 .player.p09 { top: 78%; left: calc(25% - 30px) }
    .chseSqMain .form433 .player.p10 { top: 78%; left: 50%; transform: translateX(-50%); }
    .chseSqMain .form433 .player.p11 { top: 78%; right: calc(25% - 30px) }
    /********** 3-5-2 **********/
    /** Top **/
    .chseSqMain .form352 .player.p01 { top: 10px }
    .chseSqMain .form352 .player.p02 { top: 24%; left: calc(25% - 30px) }
    .chseSqMain .form352 .player.p03 { top: 24%; left: 50%; transform: translateX(-50%); }
    .chseSqMain .form352 .player.p04 { top: 24%; right: calc(25% - 30px) }
    .chseSqMain .form352 .player.p05 { top: 54%; left: calc(10% + 18px) }
    .chseSqMain .form352 .player.p06 { top: 48%; left: calc(30% - 6px) }
    .chseSqMain .form352 .player.p07 { top: 54%; left: 50%; transform: translateX(-50%); }
    .chseSqMain .form352 .player.p08 { top: 48%; right: calc(30% - 6px) }
    .chseSqMain .form352 .player.p09 { top: 54%; right: calc(10% + 18px) }
    .chseSqMain .form352 .player.p10 { top: 78%; left: calc(37.5% - 20px) }
    .chseSqMain .form352 .player.p11 { top: 78%; right: calc(37.5% - 20px) }
    /********** 4-5-1 **********/
    /** Top **/
    .chseSqMain .form451 .player.p01 { top: 10px }
    .chseSqMain .form451 .player.p02 { top: 24%; left: calc(12.5% - 0px) }
    .chseSqMain .form451 .player.p03 { top: 24%; left: calc(37.5% - 20px) }
    .chseSqMain .form451 .player.p04 { top: 24%; right: calc(37.5% - 20px) }
    .chseSqMain .form451 .player.p05 { top: 24%; right: calc(12.5% - 0px) }
    .chseSqMain .form451 .player.p06 { top: 54%; left: calc(10% + 18px) }
    .chseSqMain .form451 .player.p07 { top: 48%; left: calc(30% - 6px) }
    .chseSqMain .form451 .player.p08 { top: 54%; left: 50%; transform: translateX(-50%); }
    .chseSqMain .form451 .player.p09 { top: 48%; right: calc(30% - 6px) }
    .chseSqMain .form451 .player.p10 { top: 54%; right: calc(10% + 18px) }
    .chseSqMain .form451 .player.p11 { top: 78%; left: 50%; transform: translateX(-50%); }
    .ACNHeader::after { content: ''; background: url(../../Images/ACN/web-headerPlayers.png) no-repeat center 0; position: absolute; left: 170px; bottom: 0; width: 180px; height: 114px; background-size: 180px 114px; }
    .ACNHeader::before { content: ''; background: url(../../Images/ACN/web-headerLogo.png) no-repeat center; position: absolute; right: 52px; width: 336px; height: 76px; background-size: 336px 76px }
    article .totalQues { width: 500px; margin: 0 calc((100% - 500px) /2) }
    .quickQues, article .articlePoll { width: 700px; margin: 0 calc((100% - 700px) /2) }
    .quickQues .answer label, article .articlePoll .allItems input[type="radio"] + label { font-size: 14px }
    article .details .quickQues h2 { font-size: 16px !important }
    .quickQues h3.Question { font-size: 15px !important }
    .quickQues .answer label.wrong:before, .quickQues .answer label.correct:before { line-height: 2.6 }
    .QEntryPoint { width: 600px; margin: 0 calc((100% - 600px) /2); }
    .QEntryPoint .Qimg { width: 170px }
    .QEntryPoint .QDetails { width: calc(100% - 200px) }
    .QEntryPoint.NoImg .QDetails { width: 100% }
    article .totalQues .answer { height: 70px }
    article .totalQues .question h4.pQues { font-size: 18px }
    article .totalQues .answer label { font-size: 16px }
    article .totalQues .question h3 { font-size: 14px }
    article .totalQues .question img { padding: 0 }
}

@media screen and (min-width:1152px) and (max-width:1279px) {
    .articleChooseSquad { padding-bottom: 146%; margin-bottom: 40px }
    .chseSqMain { padding-bottom: 60%; background-size: 100% 100% }
    .chseSqMain .logo { width: 240px }
    .chseSqMain .logo img { margin-bottom: 10px; width: 110px; }
    .chseSqMain .logo p { font-size: 18px }
    .chseSqMain .col1 { width: 180px; height: calc(100% - 80px); right: 40px; top: 40px; }
    .chseSqMain .allForms a { height: 50px; line-height: 2.2; }
    .chseSqMain .allForms .share { font-size: 18px; line-height: 2.4 }
    .chseSqMain .chooseMain { width: calc(100% - 478px); top: 40px }
    .chseSqMain .chooseMain h1 { font-size: 30px; margin-bottom: 20px }
    .chseSqMain .col3 { width: 180px; height: calc(100% - 80px); left: 40px; top: 40px; }
    .chseSqMain .manager { left: 40px; top: 110px }
    .chseSqMain .manager img { width: 260px }
    .chseSqMain .player { width: 60px; height: 60px }
    .chseSqMain .player .imgCntr { width: 60px; height: 60px }
    .chseSqMain .icon-add:before { font-size: 24px; line-height: 2.2 }
    .chseSqMain .player .imgCntr img { width: 60px }
    .chseSqMain .player p { position: absolute; width: 90px; left: -15px; line-height: 1.2; font-size: 13px }
    .chseSqMain .sponsLogo img { width: 100px }
    .playerListMenu { padding: 40px }
    .playerListMenu h2 { font-size: 22px }
    .playerListMenu .closeMenu { top: 20px; left: 40px }
    .playerListMenu ul li { width: calc((100% - 15px) / 6) }
    .playerListMenu ul li:nth-child(7n) { margin-left: 3px }
    .playerListMenu ul li:nth-child(6n) { margin-left: 0 }
    .playerListMenu ul li .imgCntr { width: 90px; height: 90px }
    .playerListMenu ul li .imgCntr img { width: 90px }
    .playerListMenu ul li p { font-size: 14px; line-height: 1 }
    .playerListMenu ul li .item { padding: 16px 20px }
    /********** 4-4-2 **********/
    /** Top **/
    .chseSqMain .form442 .player.p01 { top: 10px }
    .chseSqMain .form442 .player.p02 { top: 24%; left: calc(12.5% - 0px) }
    .chseSqMain .form442 .player.p03 { top: 24%; left: calc(37.5% - 20px) }
    .chseSqMain .form442 .player.p04 { top: 24%; right: calc(37.5% - 20px) }
    .chseSqMain .form442 .player.p05 { top: 24%; right: calc(12.5% - 0px) }
    .chseSqMain .form442 .player.p06 { top: 51%; left: calc(12.5% - 0px) }
    .chseSqMain .form442 .player.p07 { top: 51%; left: calc(37.5% - 20px) }
    .chseSqMain .form442 .player.p08 { top: 51%; right: calc(37.5% - 20px) }
    .chseSqMain .form442 .player.p09 { top: 51%; right: calc(12.5% - 0px) }
    .chseSqMain .form442 .player.p10 { top: 78%; left: calc(37.5% - 20px) }
    .chseSqMain .form442 .player.p11 { top: 78%; right: calc(37.5% - 20px) }
    /********** 4-3-3 **********/
    /** Top **/
    .chseSqMain .form433 .player.p01 { top: 10px }
    .chseSqMain .form433 .player.p02 { top: 24%; left: calc(12.5% - 0px) }
    .chseSqMain .form433 .player.p03 { top: 24%; left: calc(37.5% - 20px) }
    .chseSqMain .form433 .player.p04 { top: 24%; right: calc(37.5% - 20px) }
    .chseSqMain .form433 .player.p05 { top: 24%; right: calc(12.5% - 0px) }
    .chseSqMain .form433 .player.p06 { top: 51%; left: calc(25% - 30px) }
    .chseSqMain .form433 .player.p07 { top: 51%; left: 50%; transform: translateX(-50%); }
    .chseSqMain .form433 .player.p08 { top: 51%; right: calc(25% - 30px) }
    .chseSqMain .form433 .player.p09 { top: 78%; left: calc(25% - 30px) }
    .chseSqMain .form433 .player.p10 { top: 78%; left: 50%; transform: translateX(-50%); }
    .chseSqMain .form433 .player.p11 { top: 78%; right: calc(25% - 30px) }
    /********** 3-5-2 **********/
    /** Top **/
    .chseSqMain .form352 .player.p01 { top: 10px }
    .chseSqMain .form352 .player.p02 { top: 24%; left: calc(25% - 30px) }
    .chseSqMain .form352 .player.p03 { top: 24%; left: 50%; transform: translateX(-50%); }
    .chseSqMain .form352 .player.p04 { top: 24%; right: calc(25% - 30px) }
    .chseSqMain .form352 .player.p05 { top: 54%; left: calc(10% + 18px) }
    .chseSqMain .form352 .player.p06 { top: 48%; left: calc(30% - 6px) }
    .chseSqMain .form352 .player.p07 { top: 54%; left: 50%; transform: translateX(-50%); }
    .chseSqMain .form352 .player.p08 { top: 48%; right: calc(30% - 6px) }
    .chseSqMain .form352 .player.p09 { top: 54%; right: calc(10% + 18px) }
    .chseSqMain .form352 .player.p10 { top: 78%; left: calc(37.5% - 20px) }
    .chseSqMain .form352 .player.p11 { top: 78%; right: calc(37.5% - 20px) }
    /********** 4-5-1 **********/
    /** Top **/
    .chseSqMain .form451 .player.p01 { top: 10px }
    .chseSqMain .form451 .player.p02 { top: 24%; left: calc(12.5% - 0px) }
    .chseSqMain .form451 .player.p03 { top: 24%; left: calc(37.5% - 20px) }
    .chseSqMain .form451 .player.p04 { top: 24%; right: calc(37.5% - 20px) }
    .chseSqMain .form451 .player.p05 { top: 24%; right: calc(12.5% - 0px) }
    .chseSqMain .form451 .player.p06 { top: 54%; left: calc(10% + 18px) }
    .chseSqMain .form451 .player.p07 { top: 48%; left: calc(30% - 6px) }
    .chseSqMain .form451 .player.p08 { top: 54%; left: 50%; transform: translateX(-50%); }
    .chseSqMain .form451 .player.p09 { top: 48%; right: calc(30% - 6px) }
    .chseSqMain .form451 .player.p10 { top: 54%; right: calc(10% + 18px) }
    .chseSqMain .form451 .player.p11 { top: 78%; left: 50%; transform: translateX(-50%); }
    .ACNHeader::after { content: ''; background: url(../../Images/ACN/web-headerPlayers.png) no-repeat center 0; position: absolute; left: 170px; bottom: 0; width: 180px; height: 114px; background-size: 180px 114px; }
    .ACNHeader::before { content: ''; background: url(../../Images/ACN/web-headerLogo.png) no-repeat center; position: absolute; right: 50px; width: 336px; height: 76px; background-size: 336px 76px }
    article .totalQues { width: 450px; margin: 0 calc((100% - 450px) /2) }
    .quickQues, article .articlePoll { width: 100%; margin: 0 }
    article .details .quickQues h2 { font-size: 16px !important }
    .quickQues h3.Question { font-size: 15px !important }
    .quickQues .answer label, article .articlePoll .allItems input[type="radio"] + label { font-size: 14px }
    .quickQues .answer label.wrong:before, .quickQues .answer label.correct:before { line-height: 2.6 }
    .QEntryPoint { width: 100%; margin: 0; }
    .QEntryPoint .Qimg { width: 170px }
    .QEntryPoint .QDetails { width: calc(100% - 200px) }
    .QEntryPoint.NoImg .QDetails { width: 100% }
    article .totalQues .answer { height: 70px }
    article .totalQues .question h4.pQues { font-size: 18px }
    article .totalQues .answer label { font-size: 15px }
    article .totalQues .question h3 { font-size: 14px }
    article .totalQues .question img { padding: 0 }
}

@media screen and (min-width:1024px) and (max-width:1151px) {
    .articleChooseSquad { padding-bottom: 152%; margin-bottom: 40px }
    .chseSqMain { padding-bottom: 65%; background-size: 100% 100% }
    .chseSqMain .logo { width: 240px; z-index: 3 }
    .chseSqMain .logo img { margin-bottom: 10px; width: 110px; }
    .chseSqMain .logo p { font-size: 15px }
    .chseSqMain .col1 { width: 130px; height: calc(100% - 40px); right: 20px; top: 20px; }
    .chseSqMain .allForms a { height: 44px; line-height: 2.2; border: 2px solid #fff; border-radius: 6px }
    .chseSqMain .allForms .share { font-size: 16px; line-height: 2.5 }
    .chseSqMain .chooseMain { width: calc(100% - 314px); top: 20px; }
    .chseSqMain .chooseMain h1 { font-size: 28px; margin-bottom: 20px }
    .chseSqMain .col3 { width: 130px; height: calc(100% - 40px); left: 20px; top: 20px; }
    .chseSqMain .manager { left: 40px; top: 110px; display: none }
    .chseSqMain .manager img { width: 260px }
    .chseSqMain .player { width: 60px; height: 60px }
    .chseSqMain .player .imgCntr { width: 60px; height: 60px }
    .chseSqMain .icon-add:before { font-size: 24px; line-height: 2.2 }
    .chseSqMain .player .imgCntr img { width: 60px }
    .chseSqMain .player p { position: absolute; width: 90px; left: -15px; line-height: 1.2; font-size: 13px }
    .chseSqMain .sponsLogo img { width: 100px }
    .ACNHeader .EntryAds img { height: 40px }
    .playerListMenu { padding: 20px }
    .playerListMenu h2 { font-size: 20px }
    .playerListMenu .closeMenu { top: 10px; left: 20px }
    .playerListMenu .icon-close:before { font-size: 26px }
    .playerListMenu ul li { width: calc((100% - 15px) / 6) }
    .playerListMenu ul li:nth-child(7n) { margin-left: 3px }
    .playerListMenu ul li:nth-child(6n) { margin-left: 0 }
    .playerListMenu ul li .imgCntr { width: 80px; height: 80px }
    .playerListMenu ul li .imgCntr img { width: 80px }
    .playerListMenu ul li p { font-size: 14px; line-height: 1 }
    .playerListMenu ul li .item { padding: 16px 20px }
    /********** 4-4-2 **********/
    /** Top **/
    .chseSqMain .form442 .player.p01 { top: 10px }
    .chseSqMain .form442 .player.p02 { top: 24%; left: calc(12.5% - 0px) }
    .chseSqMain .form442 .player.p03 { top: 24%; left: calc(37.5% - 20px) }
    .chseSqMain .form442 .player.p04 { top: 24%; right: calc(37.5% - 20px) }
    .chseSqMain .form442 .player.p05 { top: 24%; right: calc(12.5% - 0px) }
    .chseSqMain .form442 .player.p06 { top: 51%; left: calc(12.5% - 0px) }
    .chseSqMain .form442 .player.p07 { top: 51%; left: calc(37.5% - 20px) }
    .chseSqMain .form442 .player.p08 { top: 51%; right: calc(37.5% - 20px) }
    .chseSqMain .form442 .player.p09 { top: 51%; right: calc(12.5% - 0px) }
    .chseSqMain .form442 .player.p10 { top: 78%; left: calc(37.5% - 20px) }
    .chseSqMain .form442 .player.p11 { top: 78%; right: calc(37.5% - 20px) }
    /********** 4-3-3 **********/
    /** Top **/
    .chseSqMain .form433 .player.p01 { top: 10px }
    .chseSqMain .form433 .player.p02 { top: 24%; left: calc(12.5% - 0px) }
    .chseSqMain .form433 .player.p03 { top: 24%; left: calc(37.5% - 20px) }
    .chseSqMain .form433 .player.p04 { top: 24%; right: calc(37.5% - 20px) }
    .chseSqMain .form433 .player.p05 { top: 24%; right: calc(12.5% - 0px) }
    .chseSqMain .form433 .player.p06 { top: 51%; left: calc(25% - 30px) }
    .chseSqMain .form433 .player.p07 { top: 51%; left: 50%; transform: translateX(-50%); }
    .chseSqMain .form433 .player.p08 { top: 51%; right: calc(25% - 30px) }
    .chseSqMain .form433 .player.p09 { top: 78%; left: calc(25% - 30px) }
    .chseSqMain .form433 .player.p10 { top: 78%; left: 50%; transform: translateX(-50%); }
    .chseSqMain .form433 .player.p11 { top: 78%; right: calc(25% - 30px) }
    /********** 3-5-2 **********/
    /** Top **/
    .chseSqMain .form352 .player.p01 { top: 10px }
    .chseSqMain .form352 .player.p02 { top: 24%; left: calc(25% - 30px) }
    .chseSqMain .form352 .player.p03 { top: 24%; left: 50%; transform: translateX(-50%); }
    .chseSqMain .form352 .player.p04 { top: 24%; right: calc(25% - 30px) }
    .chseSqMain .form352 .player.p05 { top: 54%; left: calc(10% + 18px) }
    .chseSqMain .form352 .player.p06 { top: 48%; left: calc(30% - 6px) }
    .chseSqMain .form352 .player.p07 { top: 54%; left: 50%; transform: translateX(-50%); }
    .chseSqMain .form352 .player.p08 { top: 48%; right: calc(30% - 6px) }
    .chseSqMain .form352 .player.p09 { top: 54%; right: calc(10% + 18px) }
    .chseSqMain .form352 .player.p10 { top: 78%; left: calc(37.5% - 20px) }
    .chseSqMain .form352 .player.p11 { top: 78%; right: calc(37.5% - 20px) }
    /********** 4-5-1 **********/
    /** Top **/
    .chseSqMain .form451 .player.p01 { top: 10px }
    .chseSqMain .form451 .player.p02 { top: 24%; left: calc(12.5% - 0px) }
    .chseSqMain .form451 .player.p03 { top: 24%; left: calc(37.5% - 20px) }
    .chseSqMain .form451 .player.p04 { top: 24%; right: calc(37.5% - 20px) }
    .chseSqMain .form451 .player.p05 { top: 24%; right: calc(12.5% - 0px) }
    .chseSqMain .form451 .player.p06 { top: 54%; left: calc(10% + 18px) }
    .chseSqMain .form451 .player.p07 { top: 48%; left: calc(30% - 6px) }
    .chseSqMain .form451 .player.p08 { top: 54%; left: 50%; transform: translateX(-50%); }
    .chseSqMain .form451 .player.p09 { top: 48%; right: calc(30% - 6px) }
    .chseSqMain .form451 .player.p10 { top: 54%; right: calc(10% + 18px) }
    .chseSqMain .form451 .player.p11 { top: 78%; left: 50%; transform: translateX(-50%); }
    .ACNHeader::after { content: ''; background: url(../../Images/ACN/web-headerPlayers.png) no-repeat center 0; position: absolute; left: 130px; bottom: 0; width: 180px; height: 114px; background-size: 180px 114px; }
    .ACNHeader::before { content: ''; background: url(../../Images/ACN/web-headerLogo.png) no-repeat center; position: absolute; right: 44px; width: 300px; height: 68px; background-size: 300px 68px }
    .ACN19 .TourTabs li { width: 100px }
    .ACN19 .TourTabs li a { font-size: 13px }
    article .totalQues { width: calc(100% - 20px); margin: 0 10px 0 0 }
    article .totalQues .question h4.pQues { font-size: 16px }
    article .articlePoll, .quickQues { width: 100%; margin: 0 }
    article .details .quickQues h2 { font-size: 16px !important }
    .quickQues h3.Question { font-size: 15px !important }
    .quickQues .answer label, article .articlePoll .allItems input[type="radio"] + label { font-size: 14px }
    .quickQues .answer label.wrong:before, .quickQues .answer label.correct:before { line-height: 2.6 }
    .QEntryPoint { width: 100%; margin: 0; }
    .QEntryPoint .Qimg { width: 150px }
    .QEntryPoint .QDetails { width: calc(100% - 180px) }
    .QEntryPoint.NoImg .QDetails { width: 100% }
    .QEntryPoint h5 { font-size: 14px !important }
    .QEntryPoint span { font-size: 15px; line-height: 1.6 }
    article .articlePoll .allItems .btns .Popup { right: auto; left: -50px }
    article .articlePoll .allItems .btns .Popup:before { left: 80px }
    article .totalQues .answer { height: 70px }
    article .totalQues .question h4.pQues { font-size: 18px }
    article .totalQues .answer label { font-size: 16px }
    article .totalQues .question h3 { font-size: 14px }
    article .totalQues .question img { padding: 0 }
}

@media only screen and (max-width: 1023px) {
    .articleChooseSquad { padding-bottom: 68%; margin-bottom: 40px }
    .chseSqMain { padding-bottom: 74%; background-size: 100% 100% }
    .chseSqMain .logo { width: 240px; z-index: 3 }
    .chseSqMain .logo img { margin-bottom: 10px; width: 110px; }
    .chseSqMain .logo p { font-size: 15px }
    .chseSqMain .col1 { width: 130px; height: calc(100% - 40px); right: 20px; top: 20px; }
    .chseSqMain .allForms { bottom: 90px }
    .chseSqMain .allForms a { height: 44px; line-height: 2.2; border: 2px solid #fff; border-radius: 6px }
    .chseSqMain .allForms .share { font-size: 16px; line-height: 2.5 }
    .chseSqMain .chooseMain { width: calc(100% - 310px); top: 20px; }
    .chseSqMain .chooseMain h1 { font-size: 28px; margin-bottom: 20px }
    .chseSqMain .col3 { width: 130px; height: calc(100% - 40px); left: 20px; bottom: 20px; top: auto; }
    .chseSqMain .manager { left: 40px; top: 110px; display: none }
    .chseSqMain .manager img { width: 260px }
    .chseSqMain .player { width: 60px; height: 60px }
    .chseSqMain .player .imgCntr { width: 60px; height: 60px }
    .chseSqMain .icon-add:before { font-size: 24px; line-height: 2.2 }
    .chseSqMain .player .imgCntr img { width: 60px }
    .chseSqMain .player p { position: absolute; width: 90px; left: -15px; line-height: 1.2; font-size: 13px }
    .chseSqMain .sponsLogo { right: 0; left: auto }
    .chseSqMain .sponsLogo img { width: 100px }
    .playerListMenu { padding: 20px }
    .playerListMenu h2 { font-size: 20px }
    .playerListMenu .closeMenu { top: 10px; left: 20px }
    .playerListMenu .icon-close:before { font-size: 26px }
    .playerListMenu ul li { width: calc((100% - 12px) / 5) }
    .playerListMenu ul li:nth-child(7n) { margin-left: 3px }
    .playerListMenu ul li:nth-child(5n) { margin-left: 0 }
    .playerListMenu ul li .imgCntr { width: 80px; height: 80px }
    .playerListMenu ul li .imgCntr img { width: 80px }
    .playerListMenu ul li p { font-size: 14px; line-height: 1 }
    .playerListMenu ul li .item { padding: 16px 20px }
    /********** 4-4-2 **********/
    /** Top **/
    .chseSqMain .form442 .player.p01 { top: 10px }
    .chseSqMain .form442 .player.p02 { top: 24%; left: calc(12.5% - 0px) }
    .chseSqMain .form442 .player.p03 { top: 24%; left: calc(37.5% - 20px) }
    .chseSqMain .form442 .player.p04 { top: 24%; right: calc(37.5% - 20px) }
    .chseSqMain .form442 .player.p05 { top: 24%; right: calc(12.5% - 0px) }
    .chseSqMain .form442 .player.p06 { top: 51%; left: calc(12.5% - 0px) }
    .chseSqMain .form442 .player.p07 { top: 51%; left: calc(37.5% - 20px) }
    .chseSqMain .form442 .player.p08 { top: 51%; right: calc(37.5% - 20px) }
    .chseSqMain .form442 .player.p09 { top: 51%; right: calc(12.5% - 0px) }
    .chseSqMain .form442 .player.p10 { top: 78%; left: calc(37.5% - 20px) }
    .chseSqMain .form442 .player.p11 { top: 78%; right: calc(37.5% - 20px) }
    /********** 4-3-3 **********/
    /** Top **/
    .chseSqMain .form433 .player.p01 { top: 10px }
    .chseSqMain .form433 .player.p02 { top: 24%; left: calc(12.5% - 0px) }
    .chseSqMain .form433 .player.p03 { top: 24%; left: calc(37.5% - 20px) }
    .chseSqMain .form433 .player.p04 { top: 24%; right: calc(37.5% - 20px) }
    .chseSqMain .form433 .player.p05 { top: 24%; right: calc(12.5% - 0px) }
    .chseSqMain .form433 .player.p06 { top: 51%; left: calc(25% - 30px) }
    .chseSqMain .form433 .player.p07 { top: 51%; left: 50%; transform: translateX(-50%); }
    .chseSqMain .form433 .player.p08 { top: 51%; right: calc(25% - 30px) }
    .chseSqMain .form433 .player.p09 { top: 78%; left: calc(25% - 30px) }
    .chseSqMain .form433 .player.p10 { top: 78%; left: 50%; transform: translateX(-50%); }
    .chseSqMain .form433 .player.p11 { top: 78%; right: calc(25% - 30px) }
    /********** 3-5-2 **********/
    /** Top **/
    .chseSqMain .form352 .player.p01 { top: 10px }
    .chseSqMain .form352 .player.p02 { top: 24%; left: calc(25% - 30px) }
    .chseSqMain .form352 .player.p03 { top: 24%; left: 50%; transform: translateX(-50%); }
    .chseSqMain .form352 .player.p04 { top: 24%; right: calc(25% - 30px) }
    .chseSqMain .form352 .player.p05 { top: 54%; left: calc(10% + 18px) }
    .chseSqMain .form352 .player.p06 { top: 48%; left: calc(30% - 6px) }
    .chseSqMain .form352 .player.p07 { top: 54%; left: 50%; transform: translateX(-50%); }
    .chseSqMain .form352 .player.p08 { top: 48%; right: calc(30% - 6px) }
    .chseSqMain .form352 .player.p09 { top: 54%; right: calc(10% + 18px) }
    .chseSqMain .form352 .player.p10 { top: 78%; left: calc(37.5% - 20px) }
    .chseSqMain .form352 .player.p11 { top: 78%; right: calc(37.5% - 20px) }
    /********** 4-5-1 **********/
    /** Top **/
    .chseSqMain .form451 .player.p01 { top: 10px }
    .chseSqMain .form451 .player.p02 { top: 24%; left: calc(12.5% - 0px) }
    .chseSqMain .form451 .player.p03 { top: 24%; left: calc(37.5% - 20px) }
    .chseSqMain .form451 .player.p04 { top: 24%; right: calc(37.5% - 20px) }
    .chseSqMain .form451 .player.p05 { top: 24%; right: calc(12.5% - 0px) }
    .chseSqMain .form451 .player.p06 { top: 54%; left: calc(10% + 18px) }
    .chseSqMain .form451 .player.p07 { top: 48%; left: calc(30% - 6px) }
    .chseSqMain .form451 .player.p08 { top: 54%; left: 50%; transform: translateX(-50%); }
    .chseSqMain .form451 .player.p09 { top: 48%; right: calc(30% - 6px) }
    .chseSqMain .form451 .player.p10 { top: 54%; right: calc(10% + 18px) }
    .chseSqMain .form451 .player.p11 { top: 78%; left: 50%; transform: translateX(-50%); }
    .ACNHeader::after { display: none }
    .ACNHeader::before { content: ''; background: url(../../Images/ACN/web-headerLogo.png) no-repeat center; position: absolute; right: auto; width: 300px; height: 68px; background-size: 300px 68px; left: 50%; transform: translate(-50%, -50%); }
    .chooseSquadDiv .stepOne .Warning { position: absolute; z-index: 999; left: 0; top: 50%; width: 100%; margin: 0 auto; font-size: 14px; }
    .bigLike { width: 150px; height: 158px; }
    .bigLike img { width: 150px; }
    .topRead { width: 100% }
    .leftColum { width: 100% }
}

@media screen and (max-width:767px) and (orientation:landscape) {
    .articleChooseSquad { padding-bottom: 150%; margin-bottom: 40px }
    .chseSqMain { padding-bottom: 74%; background-size: 100% 100% }
    .chseSqMain .logo { width: 240px; z-index: 3 }
    .chseSqMain .logo img { margin-bottom: 10px; width: 80px; }
    .chseSqMain .logo p { font-size: 15px }
    .chseSqMain .col1 { width: 130px; height: calc(100% - 40px); right: 20px; top: 20px; }
    .chseSqMain .allForms { bottom: 90px }
    .chseSqMain .allForms a { height: 44px; line-height: 2.2; font-size: 18px; border: 2px solid #fff; border-radius: 6px }
    .chseSqMain .allForms .share { font-size: 16px; line-height: 2.5 }
    .chseSqMain .chooseMain { width: calc(100% - 210px); top: 20px; transform: none; left: 20px; }
    .chseSqMain .chooseMain h1 { font-size: 28px; margin-bottom: 20px }
    .chseSqMain .col3 { width: 100px; height: 66px; left: auto; right: 20px; bottom: 20px; top: auto }
    .chseSqMain .manager { left: 40px; top: 110px; display: none }
    .chseSqMain .manager img { width: 260px }
    .chseSqMain .allForms .share { margin-top: 20px; }
    .chseSqMain .player { width: 60px; height: 60px }
    .chseSqMain .player .imgCntr { width: 60px; height: 60px }
    .chseSqMain .icon-add:before { font-size: 24px; line-height: 2.2 }
    .chseSqMain .player .imgCntr img { width: 60px }
    .chseSqMain .player p { position: absolute; width: 90px; left: -15px; line-height: 1.2; font-size: 13px }
    .chseSqMain .sponsLogo { right: 0; left: auto }
    .chseSqMain .sponsLogo img { width: 100px }
    .playerListMenu { padding: 20px }
    .playerListMenu h2 { font-size: 20px }
    .playerListMenu .closeMenu { top: 10px; left: 20px }
    .playerListMenu .icon-close:before { font-size: 26px }
    .playerListMenu ul li { width: calc((100% - 9px) / 4) }
    .playerListMenu ul li:nth-child(7n) { margin-left: 3px }
    .playerListMenu ul li:nth-child(5n) { margin-left: 3px }
    .playerListMenu ul li:nth-child(4n) { margin-left: 0 }
    .playerListMenu ul li .imgCntr { width: 80px; height: 80px }
    .playerListMenu ul li .imgCntr img { width: 80px }
    .playerListMenu ul li p { font-size: 14px; line-height: 1 }
    .playerListMenu ul li .item { padding: 16px 20px }
    .ACN19 .TourTabs li { margin-left: 44px !important }
    article .articlePoll .allItems .btns .Popup { right: -155px; padding: 5px }
    article .articlePoll .allItems .btns .Popup:before { left: 65px }
    article .articlePoll .allItems .btns .Popup h6 { font-size: 13px }
}
/** Mobile - Portrait**/
@media screen and (max-width:767px) and (orientation:portrait) {
    .articleChooseSquad { padding-bottom: 200%; margin-bottom: 40px }
    .chseSqMain { padding-bottom: 180%; background-size: 100% 100%; background: url(../../Images/ACN/ChooseSquad2019/chooseSquadACN2019Mob.jpg) no-repeat left top; }
    .chseSqMain .logo { width: 100%; z-index: 3 }
    .chseSqMain .logo img { margin-bottom: 0; width: 80px; }
    .acn .sponsorDuplicate { display: none }
    .chseSqMain .logo p { font-size: 13px; position: absolute; left: auto; transform: none; width: 160px; right: 0; text-align: center; top: 38px; margin: 0 calc((100% - 160px) / 2); }
    .chseSqMain .col1 { width: calc(100% - 40px); height: calc(100% - 40px); right: 20px; top: 20px; }
    .chseSqMain .allForms { bottom: auto; top: 84px }
    .chseSqMain .allForms a { height: 30px; line-height: 1.8 !important; font-size: 16px; border: 1px solid #fff; border-radius: 5px; width: calc((100% - 10px) / 2); margin-left: 10px; }
    .chseSqMain .allForms a:nth-child(2n) { margin-left: 0 }
    .chseSqMain .chooseMain { width: calc(100% - 40px); top: 240px; transform: none; left: 20px; }
    .chseSqMain .chooseMain h1 { font-size: 18px; margin-bottom: 10px }
    .chseSqMain .col3 { width: calc(100% - 40px); height: 40px; left: 20px; right: auto; bottom: auto; top: 20px; }
    .chseSqMain .col3 .allForms { top: 170px; }
    .chseSqMain .manager { left: 40px; top: 110px; display: none }
    .chseSqMain .manager img { width: 260px }
    .chseSqMain .allForms .share { margin-top: 0px; width: calc((100% - 8px) / 3); margin-left: 4px; font-size: 12px; line-height: 2.4; font-family: droidLight, arial }
    .chseSqMain .allForms .share:nth-child(2n) { margin-left: 4px }
    .chseSqMain .allForms .share:last-child { margin-left: 0 }
    .chseSqMain .player { width: 40px; height: 40px }
    .chseSqMain .player .imgCntr { width: 40px; height: 40px; border: 2px solid #fff; }
    .chseSqMain .icon-add:before { font-size: 16px; line-height: 2.3 }
    .chseSqMain .player .imgCntr img { width: 40px }
    .chseSqMain .player p { position: absolute; width: 80px; left: -20px; line-height: 1.2; font-size: 10px; margin-top: 2px; }
    .chseSqMain .sponsLogo { right: auto; left: 0 }
    .chseSqMain .sponsLogo img { width: 60px }
    .playerListMenu { padding: 20px }
    .playerListMenu h2 { font-size: 18px }
    .playerListMenu .closeMenu { top: 10px; left: 20px }
    .playerListMenu .icon-close:before { font-size: 26px }
    .playerListMenu ul { height: 500px; position: relative; display: inline-block; width: 100%; overflow-y: scroll; }
    .playerListMenu ul li { width: calc((100% - 6px) / 3) }
    .playerListMenu ul li:nth-child(7n) { margin-left: 3px }
    .playerListMenu ul li:nth-child(5n) { margin-left: 3px }
    .playerListMenu ul li:nth-child(3n) { margin-left: 0 }
    .playerListMenu ul li .imgCntr { width: 60px; height: 60px; border: 2px solid #fff; }
    .playerListMenu ul li .imgCntr img { width: 60px }
    .playerListMenu ul li p { font-size: 12px; line-height: 1 }
    .playerListMenu ul li .item { padding: 12px 10px }
    /********** 4-4-2 **********/
    /** Top **/
    .chseSqMain .form442 .player.p01 { top: 5px }
    .chseSqMain .form442 .player.p02 { top: 24%; left: calc(12.5% - 0px) }
    .chseSqMain .form442 .player.p03 { top: 24%; left: calc(37.5% - 12px) }
    .chseSqMain .form442 .player.p04 { top: 24%; right: calc(37.5% - 12px) }
    .chseSqMain .form442 .player.p05 { top: 24%; right: calc(12.5% - 0px) }
    .chseSqMain .form442 .player.p06 { top: 51%; left: calc(12.5% - 0px) }
    .chseSqMain .form442 .player.p07 { top: 51%; left: calc(37.5% - 12px) }
    .chseSqMain .form442 .player.p08 { top: 51%; right: calc(37.5% - 12px) }
    .chseSqMain .form442 .player.p09 { top: 51%; right: calc(12.5% - 0px) }
    .chseSqMain .form442 .player.p10 { top: 78%; left: calc(37.5% - 12px) }
    .chseSqMain .form442 .player.p11 { top: 78%; right: calc(37.5% - 12px) }
    /********** 4-3-3 **********/
    /** Top **/
    .chseSqMain .form433 .player.p01 { top: 5px }
    .chseSqMain .form433 .player.p02 { top: 24%; left: calc(12.5% - 0px) }
    .chseSqMain .form433 .player.p03 { top: 24%; left: calc(37.5% - 12px) }
    .chseSqMain .form433 .player.p04 { top: 24%; right: calc(37.5% - 12px) }
    .chseSqMain .form433 .player.p05 { top: 24%; right: calc(12.5% - 0px) }
    .chseSqMain .form433 .player.p06 { top: 51%; left: calc(25% - 30px) }
    .chseSqMain .form433 .player.p07 { top: 51%; left: 50%; transform: translateX(-50%); }
    .chseSqMain .form433 .player.p08 { top: 51%; right: calc(25% - 30px) }
    .chseSqMain .form433 .player.p09 { top: 78%; left: calc(25% - 30px) }
    .chseSqMain .form433 .player.p10 { top: 78%; left: 50%; transform: translateX(-50%); }
    .chseSqMain .form433 .player.p11 { top: 78%; right: calc(25% - 30px) }
    /********** 3-5-2 **********/
    /** Top **/
    .chseSqMain .form352 .player.p01 { top: 5px }
    .chseSqMain .form352 .player.p02 { top: 24%; left: calc(25% - 30px) }
    .chseSqMain .form352 .player.p03 { top: 24%; left: 50%; transform: translateX(-50%); }
    .chseSqMain .form352 .player.p04 { top: 24%; right: calc(25% - 30px) }
    .chseSqMain .form352 .player.p05 { top: 54%; left: calc(3% + 18px) }
    .chseSqMain .form352 .player.p06 { top: 48%; left: calc(30% - 12px) }
    .chseSqMain .form352 .player.p07 { top: 54%; left: 50%; transform: translateX(-50%); }
    .chseSqMain .form352 .player.p08 { top: 48%; right: calc(30% - 12px) }
    .chseSqMain .form352 .player.p09 { top: 54%; right: calc(3% + 18px) }
    .chseSqMain .form352 .player.p10 { top: 78%; left: calc(37.5% - 12px) }
    .chseSqMain .form352 .player.p11 { top: 78%; right: calc(37.5% - 12px) }
    /********** 4-5-1 **********/
    /** Top **/
    .chseSqMain .form451 .player.p01 { top: 5px }
    .chseSqMain .form451 .player.p02 { top: 24%; left: calc(12.5% - 0px) }
    .chseSqMain .form451 .player.p03 { top: 24%; left: calc(37.5% - 12px) }
    .chseSqMain .form451 .player.p04 { top: 24%; right: calc(37.5% - 12px) }
    .chseSqMain .form451 .player.p05 { top: 24%; right: calc(12.5% - 0px) }
    .chseSqMain .form451 .player.p06 { top: 54%; left: calc(3% + 18px) }
    .chseSqMain .form451 .player.p07 { top: 48%; left: calc(30% - 12px) }
    .chseSqMain .form451 .player.p08 { top: 54%; left: 50%; transform: translateX(-50%); }
    .chseSqMain .form451 .player.p09 { top: 48%; right: calc(30% - 12px) }
    .chseSqMain .form451 .player.p10 { top: 54%; right: calc(3% + 18px) }
    .chseSqMain .form451 .player.p11 { top: 78%; left: 50%; transform: translateX(-50%); }
    .ACNHeader::before { content: ''; background: url(../../Images/ACN/web-headerLogo.png) no-repeat center; position: absolute; right: auto; width: 176px; height: 40px; background-size: 176px 40px; left: 50%; transform: translate(-50%, -50%); }
    .ACNHeader .EntryAds { top: auto; bottom: 10px; transform: none }
    .ACNHeader .EntryAds a { margin-left: 10px }
    .ACNHeader .EntryAds img { height: 26px; }
    article .totalQues { width: 100%; margin: 0 }
    .cafLgFinal article .totalQues { width: 100%; margin: 0 }
    article .totalQues .answer label { font-size: 15px; line-height: 1.6; }
    article .totalQues .answer.multi.correct:before,
    article .totalQues .answer.imgAns.correct:before,
    article .totalQues .answer.multi.wrong:before,
    article .totalQues .answer.imgAns.wrong:before { top: 0; right: 5px; font-size: 10px }
    article .totalQues .question img { padding: 0 }
    article .totalQues h6 { font-size: 18px }
    article .totalQues .quesDiv { width: 100%; padding: 25px 10px }
    article .totalQues .question h3 { font-size: 13px; line-height: 3 }
    article .totalQues .answer { width: calc((100% - 10px) /2); margin-left: 10px; height: 70px }
    article .totalQues .question h4.pQues { font-size: 16px }
    article .result { padding: 0 }
    article .result .resContainer { width: 100%; margin: 0; padding: 15px 15px 10px 15px; }
    article .result .resContainer h5 { font-size: 16px !important; margin-bottom: 10px }
    article .result .resContainer h5 span { font-size: 16px !important }
    article .result .resContainer span.share { font-size: 15px }
    article .result .resContainer .shareRes { width: 100%; margin: 0 }
    article .result .resContainer .shareRes a { width: calc((100% - 20px) /2); height: 35px; line-height: 2.2; font-size: 15px !important }
    article .articlePoll .allItems .btns .Popup { right: -80%; width: 280px; padding: 5px; top: -50px }
    article .articlePoll .allItems .btns .Popup:before { left: 50%; transform: translateX(-50%) }
    article .articlePoll .allItems .btns .Popup h6 { font-size: 13px }
}

.downloadApp { display: none }
/******************** Media ********************/
@media screen and (min-width:1680px) and (max-width:1920px) {
    .wcOverlay .cntnr { top: 110px }
    .IconArrow span { left: 34%; }
    .EntryIconArrow { right: 11%; }
    .LiveStreem .desc span { top: 20%; }
}

@media screen and (min-width:1680px) and (max-width:1919px) {
    .acn_Cup .acnToCup .stepOne { bottom: 60px }
    .acnToCup .fblogin input { height: 30px !important }
    .acn_Cup .acnToCup #PersonalData { top: 60px }
    .acn_Cup .acnToCup .containermain .sponsor-logo span { margin: 10px 0 }
}

@media screen and (min-width:1024px) and (max-width:1600px) {
    .gutter.right { right: 0; }
    .gutter.left { left: 0; }
}

@media screen and (min-width:1600px) and (max-width:1679px) {
    /*.acn_Cup .acnToCup .containermain .sponsor-logo{right:185px!important}*/
    .acn_Cup .acnToCup .stepOne { bottom: 35px }
    .acnToCup .fblogin input { height: 30px !important }
    .acn_Cup .acnToCup #PersonalData { top: 30px }
    .acn_Cup .acnToCup .containermain .sponsor-logo span { margin: 10px 0 }
    .acn_Cup .acnToCup .containermain .sponsor-logo { top: 15px }
}

@media screen and (min-width:1536px) and (max-width:1679px) {
    .matchesCenter.fixtures .fTab { padding: 0 145px 0 145px }
    .matchesCenter.fixtures .bx-wrapper .bx-prev { right: -145px; }
    .matchesCenter.fixtures .bx-wrapper .bx-next { left: -145px; }
    .wcOverlay .cntnr { top: 50px; width: 600px }
    .wcOverlay .ykLogo { margin-bottom: 30px }
    .wcOverlay .goToBtns { width: 434px; height: 52px; margin: 0 calc((100% - 434px) / 2) 30px; }
    .wcOverlay .goToBtns a { width: 200px; font-size: 18px; }
    .wcOverlay .mainSponsor p { margin-bottom: 20px }
    .wcOverlay .mainSponsor .sponsorLogo { width: 120px }
    .ESFeaturedArea ul li:first-child { height: 590px; }
    /*.acn_Cup .acnToCup .containermain .sponsor-logo{right:170px}*/
    .acn_Cup .acnToCup .stepOne { bottom: 35px }
    .acnToCup .fblogin input { height: 30px !important }
    .acn_Cup .acnToCup #PersonalData { top: 30px }
    .acn_Cup .acnToCup .containermain .sponsor-logo span { margin: 10px 0 }
    .acn_Cup .acnToCup .containermain .sponsor-logo { top: 15px }
    .acnToCup .fblogin a.regBtn { height: 30px; line-height: 2; width: 110px; margin: 5px calc((100% - 110px) / 2) !important; }
}

@media screen and (min-width:1440px) and (max-width:1535px) {
    .matchesCenter.fixtures .fTab { padding: 0 144px 0 140px }
    .matchesCenter.fixtures .bx-wrapper .bx-prev { right: -144px; }
    .matchesCenter.fixtures .bx-wrapper .bx-next { left: -140px; }
    .wcOverlay .cntnr { top: 50px; width: 600px }
    .wcOverlay .ykLogo { margin-bottom: 30px }
    .wcOverlay .goToBtns { width: 434px; height: 52px; margin: 0 calc((100% - 434px) / 2) 30px; }
    .wcOverlay .goToBtns a { width: 200px; font-size: 18px; }
    .wcOverlay .mainSponsor p { margin-bottom: 20px }
    .wcOverlay .mainSponsor .sponsorLogo { width: 120px }
    .ESbtn a { top: 90px; }
    .ESFeaturedArea ul li:first-child { height: 508px; }
    .LiveStreem ul li:first-child .desc p { font-size: 1.3em; }
    .LiveStreem .desc span { font-size: .8em; }
    .ACNStanding .groups .table { height: 275px; }
    .ACNStanding .groups .table:after { bottom: 25px; height: 25px }
    /*.acn_Cup .acnToCup .containermain .sponsor-logo{right:185px}*/
    .acn_Cup .acnToCup .containermain .sponsor-logo p { font-size: 24px }
    .acn_Cup .acnToCup .containermain .sponsor-logo p.winPlayStation { font-size: 34px }
    .acn_Cup .acnToCup .containermain .sponsor-logo span { margin: 10px 0 }
    .acn_Cup .acnToCup .stepOne { bottom: 25px }
    .acnToCup .fblogin input { height: 30px !important }
    .acn_Cup .acnToCup #PersonalData { top: 30px }
    .acn_Cup .acnToCup .containermain .sponsor-logo { top: 15px }
    .acnToCup .fblogin a.regBtn { height: 30px; line-height: 2; width: 110px; margin: 5px calc((100% - 110px) / 2) !important; }
    article .totalQues { width: 500px; margin: 40px calc((100% - 500px) /2) 0; }
    article .totalQues .answer.multi label { font-size: 16px }
}

@media screen and (min-width:1360px) and (max-width:1439px) {
    .ykMedia .pattern1 ul li { width: calc((100% - 40.1px) / 3); }
    .ykMedia .pattern1 ul li:nth-child(4n) { margin-left: 20px; }
    .ykMedia .pattern1 ul li:nth-child(3n) { margin-left: 0 }
    .chooseSquadDiv .stepThree .top-content .team-image { width: 122px; height: 196px }
    .wcOverlay .cntnr { top: 50px; width: 600px }
    .wcOverlay .ykLogo { margin-bottom: 30px }
    .wcOverlay .goToBtns { width: 434px; height: 52px; margin: 0 calc((100% - 434px) / 2) 30px; }
    .wcOverlay .goToBtns a { width: 200px; font-size: 18px; }
    .wcOverlay .mainSponsor p { margin-bottom: 20px }
    .wcOverlay .mainSponsor .sponsorLogo { width: 120px }
    .wcOverlay .allSponsors { height: 180px }
    .wcOverlay .allSponsors .second { top: 70px; width: 574px }
    .wcOverlay .allSponsors .second a { margin-left: 30px }
    .wcOverlay .allSponsors .second a img { width: 80%; height: auto }
    .wcOverlay .allSponsors .third { top: 140px; width: 1136px }
    .wcOverlay .allSponsors .third a { margin-left: 0 }
    .wcOverlay .allSponsors .third a img { width: 60%; height: auto }
    /*.quizGame{height:550px;}
    .quizGame .cnts{width:calc(100% - 550px)}
    .quizGame .whoPlayer{right:80px;width: 150px;}
    .quizGame .tigerLogo{width:80px;height:80px}
    .quizGame .qgSocialMedia{right: 290px;}*/
    .wcHeader .wcNav { width: 886px; }
    .wcHeader .wcNav a { width: 80px; font-size: 14px; line-height: 2.8 }
    .ACNHeader .wcNav { width: 90% }
    .ACNHeader .wcNav a { font-size: 12px; line-height: 3.2 }
    .LandingPage.ahpy .landingTeam { width: 350px; margin-top: 10px; }
    .LandingPage.ahpy .landingTeam img { width: 175px }
    .LandingPage.ahpy .teamsName p { font-size: 56px; line-height: 1.2; }
    .chooseSquadDiv .csBackground.squadAhpy { background-position: center 0 }
    .ESbtn a { top: 80px; }
    .ESFeaturedArea ul li:first-child { height: 420px; }
    .ESFeaturedArea ul li:first-child .desc p { top: 8%; }
    .ESFeaturedArea ul li:first-child .desc span { bottom: 0%; }
    .ESNews ul li { width: calc((100% - 40.1px) / 3); }
    .ESNews ul li:nth-child(4n) { margin-left: 20px; }
    .ESNews ul li:nth-child(3n) { margin-left: 0 }
    .ACNStanding .groups .table { height: 275px; }
    .ACNStanding .groups .table:after { bottom: 25px; height: 25px }
    /*.acn_Cup .acnToCup .containermain .sponsor-logo{right:168px;top:25px}*/
    .acn_Cup .acnToCup .containermain .sponsor-logo p { font-size: 24px }
    .acn_Cup .acnToCup .containermain .sponsor-logo p.winPlayStation { font-size: 32px }
    .acn_Cup .acnToCup .containermain .sponsor-logo span { margin: 10px 0 }
    .acn_Cup .acnToCup .stepOne { bottom: 25px }
    .acnToCup .fblogin input { height: 30px !important }
    .acn_Cup .acnToCup #PersonalData { top: 15px }
    .acn_Cup .acnToCup .containermain .sponsor-logo { top: 15px }
    .acnToCup .fblogin a.regBtn { height: 30px; line-height: 2; width: 110px; margin: 5px calc((100% - 110px) / 2) !important; }
    .acn_Cup .acnToCup .containermain .sponsor-logo img { width: 60px }
    article .imgDiv { width: 100% }
}

@media screen and (min-width:1281px) and (max-width:1366px) {
    .ESbtn a { top: 75px; }
    .acn .acnCompCont { padding-top: 0; width: 900px; margin: 0 calc((100% - 900px) / 2) 30px; }
    .acn .acnCompCont .containermain { padding: 40px; height: 458px }
    .acnCompCont .headerPES { margin-bottom: 20px }
    .acnCompCont .headerPES h1 { font-size: 28px }
    .acnCompCont .maintitle { font-size: 16px }
    .acnCompCont .maintitle span:first-child { font-size: 26px }
    .acnCompCont .sponsoredBy { margin: 20px calc((100% - 250px) / 2); width: 250px }
    .acnCompCont .sponsoredBy img.yk { height: 26px; margin-top: 14px }
    .acnCompCont .sponsoredBy img.ul { height: 54px }
    .acnCompCont .fblogin h2 { font-size: 14px }
    .acnCompCont .questionDiv p { font-size: 20px }
    .acnCompCont .questionDiv li { padding: 4px 18px }
    .acnCompCont .questionDiv ul { margin: 0 auto 50px }
    .acnCompCont .questionDiv .err { margin: 20px 0 }
    .acnCompCont .result { font-size: 20px }
    .acnCompCont .result span { font-size: 26px }
    .ACNStanding .groups .table { height: 275px; margin-bottom: 30px; }
    .ACNStanding .groups .table:after { bottom: 25px; height: 25px }
}

@media screen and (min-width:1360px) and (max-width:1365px) {
    /*.acn_Cup .acnToCup .containermain .sponsor-logo{right:185px!important;top:40px!important}*/
    .acn_Cup .acnToCup .stepOne { bottom: 25px }
    .acnToCup .fblogin input { height: 30px !important }
    .acn_Cup .acnToCup #PersonalData { top: 15px }
    .acn_Cup .acnToCup .containermain .sponsor-logo { top: 15px }
    .acnToCup .fblogin a.regBtn { height: 30px; line-height: 2; width: 110px; margin: 5px calc((100% - 110px) / 2) !important; }
    .acn_Cup .acnToCup .containermain .sponsor-logo img { width: 60px }
}

@media screen and (min-width:767px) and (max-width:1280px) {
    /*    .Team_Page .list .Team1 ul li{width: calc((100% - 32px) / 2);}
    .Team_Page .list .Team1 ul li:nth-child(3n){margin-left:16px}
    .Team_Page .list .Team1 ul li:nth-child(2n){margin-left:0;}*/
    .PalyerStats.tourStats.stats .item { width: calc((100% - 32px) / 2); }
    .PalyerStats.tourStats.stats .item:nth-child(3n+1) { margin-left: 16px }
    .PalyerStats.tourStats.stats .item:nth-child(2n+1) { margin-left: 0; }
    .ESbtn a { top: 70px; }
    .ESFeaturedArea ul li:first-child { height: 370px; }
    .ESFeaturedArea ul li:first-child .desc p { top: 8%; }
    .ESFeaturedArea ul li:first-child .desc span { bottom: 0%; }
    .LiveStreem ul li:first-child .desc p { font-size: 1.3em; }
    .LiveStreem .desc span { font-size: .8em; }
    .transfersPage .standing .table .wRow .item img { display: none }
}

@media screen and (min-width:1280px) and (max-width:1359px) {
    header .headerNav .rightMenu a { font-size: 14px; line-height: 3.8; }
    article .imgDiv { width: 100% }
    .matchDetailsTabs .matchDetailsTtl { width: calc(100% - 50px); margin: 0 calc((100% - (calc(100% - 50px))) / 2); }
    .matchDetailsTabs .timeline { width: calc(100% - 50px); margin: 10px calc((100% - (calc(100% - 50px))) / 2) 0; }
    article .connect .leftt p { font-size: 12px; }
    .articleHeader .articleInfo { height: 86px; }
    .articleHeader .articleInfo .articleAuthor { width: 100%; }
    .articleHeader .articleInfo .articleAuthor:after { display: none }
    /* .matchesCenter .toursDropdown {width:130px}
    .matchesCenter .matchesNow{width:120px}*/
    .cd-gallery li .teamA { padding-left: 20px }
    .cd-gallery li .teamB { padding-right: 20px }
    .cd-gallery li .matchScorer .goal .player { font-size: 12px; line-height: 2 }
    .matchesCenter.fixtures .fTab { padding: 0 117px 0 113px }
    .matchesCenter.fixtures .bx-wrapper .bx-controls-direction a { width: 110px; height: 70px }
    .matchesCenter.fixtures .bx-wrapper .bx-prev { right: -117px; }
    .matchesCenter.fixtures .bx-wrapper .bx-next { left: -113px; }
    .standing .table .ttlRow .itemTtl { width: 45px; }
    .standing .table .ttlRow .itemTtl:last-child { width: 90px }
    .standing .table .ttlRow .itemTtl:nth-child(2) { width: calc(100% - 450px); }
    .standing .table .wRow .item { width: 45px; font-size: 16px }
    .standing .table .wRow .item:last-child { width: 90px }
    .standing .table .wRow .item:nth-child(2) { width: calc(100% - 450px); }
    .standing .table .ttlRow .itemTtl { font-size: 12px; line-height: 2.2 }
    .standing .table .wRow .item:last-child img { height: 30px }
    .standing .table .wRow .item p { font-size: 13px }
    .statsStand .table .ttlRow .itemTtl:last-child { width: 120px; }
    .statsStand .table .ttlRow .itemTtl:nth-child(2) { width: calc(100% - 220px); }
    .statsStand .table .wRow .item:last-child { width: 120px; }
    .statsStand .table .wRow .item:nth-child(2) { width: calc(100% - 220px); }
    .ykMedia .pattern1 ul li { width: calc((100% - 40.1px) / 3); }
    .ykMedia .pattern1 ul li:nth-child(4n) { margin-left: 20px; }
    .ykMedia .pattern1 ul li:nth-child(3n) { margin-left: 0 }
    .euroInner .ykMedia .pattern1 ul li:nth-child(4n), .euroInner .ykMedia .pattern1 ul li:nth-child(3n) { margin-left: 20px; }
    .euroInner .ykMedia .pattern1 ul li { width: calc((100% - 20.1px) / 2); }
    .euroInner .ykMedia .pattern1 ul li:nth-child(2n) { margin-left: 0 }
    .wcHeader .wcNav { width: 886px; left: 25px; transform: none }
    .wcHeader .wcNav a { width: 80px; font-size: 14px; line-height: 2.8 }
    .ACNHeader .wcNav { width: 90% }
    .ACNHeader .wcNav a { font-size: 12px; line-height: 3.2 }
    .wcStanding .groups .table:after { bottom: -28px; height: 28px }
    .ACNStanding .groups .table:after { bottom: 28px; height: 28px }
    .chooseSquadDiv .csBackground .choose-team { padding: 0 30px; bottom: 25px }
    .chooseSquadDiv .stepThree .top-content .team-image { width: 112px; height: 180px }
    .wcOverlay .cntnr { top: 50px; width: 600px }
    .wcOverlay .ykLogo { margin-bottom: 30px }
    .wcOverlay .goToBtns { width: 434px; height: 52px; margin: 0 calc((100% - 434px) / 2) 30px; }
    .wcOverlay .goToBtns a { width: 200px; font-size: 18px; }
    .wcOverlay .mainSponsor p { margin-bottom: 20px }
    .wcOverlay .mainSponsor .sponsorLogo { width: 120px }
    .wcOverlay .allSponsors { height: 180px }
    .wcOverlay .allSponsors .second { top: 70px; width: 574px }
    .wcOverlay .allSponsors .second a { margin-left: 30px }
    .wcOverlay .allSponsors .second a img { width: 80%; height: auto }
    .wcOverlay .allSponsors .third { top: 140px; width: 1136px }
    .wcOverlay .allSponsors .third a { margin-left: 0 }
    .wcOverlay .allSponsors .third a img { width: 60%; height: auto }
    /*    article .details img{margin:0 calc((100% - 700px) / 2);width: 700px}
*/ article .details p iframe, article .details div iframe { margin: 0; height: 525px; width: 100% }
    article .details p iframe#frmPAVast, article .details div iframe#frmPAVast { margin: 0; width: unset; height: unset }
    article .details .dugout-video { margin: 0; width: 100% }
    iframe#pa_googleAdManager { width: 0 !important; height: 0 !important; }
    .Team_View .Team-Bk { height: 180px }
    .Team_View .teamCntnr { width: 120px; margin: 20px; }
    .Team_View .dtls { width: calc(100% - 180px); }
    /*.quizGame{height:550px;background: url(../../Images/QuizGame/quizGameBg.png) no-repeat right -50px top #053878;}
    .quizGame .cnts{width:calc(100% - 510px)}
    .quizGame .whoPlayer{right:80px;width: 150px;}
    .quizGame .tigerLogo{width:80px;height:80px}
    .quizGame .qgSocialMedia{right: 260px;}*/
    .LandingPage.ahpy .landingTeam { width: 300px; margin-top: 30px; }
    .LandingPage.ahpy .landingTeam img { width: 150px }
    .LandingPage.ahpy .teamsName p { font-size: 42px; line-height: 1.2; }
    .acn .acnCompCont { padding-top: 0; width: 900px; margin: 0 calc((100% - 900px) / 2) 30px; }
    .acn .acnCompCont .containermain { padding: 40px; height: 458px }
    .acnCompCont .headerPES { margin-bottom: 20px }
    .acnCompCont .headerPES h1 { font-size: 28px }
    .acnCompCont .maintitle { font-size: 16px }
    .acnCompCont .maintitle span:first-child { font-size: 26px }
    .acnCompCont .sponsoredBy { margin: 20px calc((100% - 250px) / 2); width: 250px }
    .acnCompCont .sponsoredBy img.yk { height: 26px; margin-top: 14px }
    .acnCompCont .sponsoredBy img.ul { height: 54px }
    .acnCompCont .fblogin h2 { font-size: 14px }
    .acnCompCont .questionDiv p { font-size: 20px }
    .acnCompCont .questionDiv li { padding: 4px 18px }
    .acnCompCont .questionDiv ul { margin: 0 auto 50px }
    .acnCompCont .questionDiv .err { margin: 20px 0 }
    .acnCompCont .result { font-size: 20px }
    .acnCompCont .result span { font-size: 26px }
    .acnCompCont .tshirt { right: 60px }
    .acnCompCont .tshirt img { width: 200px; height: auto }
    .ACNStanding .groups .table { height: 275px; margin-bottom: 30px; }
    .ACNStanding .groups .table:after { bottom: 25px; height: 25px }
    /*.acn_Cup .acnToCup .containermain .sponsor-logo{right:168px;top:25px}*/
    .acn_Cup .acnToCup .containermain .sponsor-logo p { font-size: 22px }
    .acn_Cup .acnToCup .containermain .sponsor-logo p.winPlayStation { font-size: 32px }
    .acn_Cup .acnToCup .containermain .sponsor-logo span { margin: 5px 0 }
    .acn_Cup .acnToCup .containermain .sponsor-logo img { width: 75px; height: auto }
    .acn_Cup .acnToCup .stepOne { bottom: 25px }
    .acnToCup .fblogin input { height: 30px !important }
    .acn_Cup .acnToCup #PersonalData { top: 20px }
    .acn_Cup .acnToCup .containermain .sponsor-logo { top: 15px }
    .acnToCup .fblogin a.regBtn { height: 30px; line-height: 2; width: 110px; margin: 5px calc((100% - 110px) / 2) !important; }
    .acn_Cup .acnToCup .containermain .sponsor-logo img { width: 60px }
    .transfersPage .standing .table .ttlRow .itemTtl.var, .transfersPage .standing .table .wRow .item.var { width: calc((100% - 360px) / 3); }
    .transfersPage .standing .table .wRow .item.arrowImg, .transfersPage .standing .table .ttlRow .itemTtl.arrowImg { width: 120px }
    .transfersPage .standing .table .wRow .item.var.fromTeam img, .transfersPage .standing .table .wRow .item.toTeam img, .transfersPage .standing .table .wRow .item.arrowImg img { display: inline-block }
    .groupTabs .table .ttlRow .itemTtl { width: 45px; }
    .groupTabs .table .ttlRow .itemTtl:nth-child(2) { width: calc(100% - 415px); }
    .groupTabs .table .wRow .item { width: 45px; font-size: 16px }
    .groupTabs .table .wRow .item:nth-child(2) { width: calc(100% - 415px); }
    .groupTabs .table .ttlRow .itemTtl { font-size: 12px; line-height: 2.2 }
    .groupTabs .table .wRow .item p { font-size: 13px }
}

@media screen and (min-width:1152px) and (max-width:1279px) {
    header .headerNav .rightMenu a { font-size: 12px; line-height: 4; padding: 0 8px; }
    header .headerNav .leftMenu a { width: 36px; font-size: 20px; line-height: 2.8 }
    .featuredArea ul li:first-child { width: 100%; margin-left: 0 }
    .featuredArea ul li { width: 100%; margin-left: 0; background: #fff; margin-bottom: 10px }
    .featuredArea ul li .secName { right: 160px; top: 10px; background: none; color: #0277bd; padding: 0 }
    .featuredArea ul li:first-child .secName { right: 0; top: 0; background: rgba(0,0,0,0.7); color: #fff; padding: 2px 10px; }
    .featuredArea ul li.video:first-child .secName, .featuredArea ul li.album:first-child .secName, .featuredArea ul li.infograph:first-child .secName, .featuredArea ul li.sed:first-child .secName { padding: 0 0 0 10px }
    .featuredArea ul li a .imageCntnr { width: 150px; padding-bottom: calc((150px * 67)/ 100); float: right; }
    .featuredArea ul li:first-child a .imageCntnr { width: 100%; padding-bottom: 67%; float: right; margin-left: 0 }
    .featuredArea .desc { float: right; position: relative; width: calc(100% - 150px); height: auto; display: inline-block; background: #fff; padding: 10px; margin-top: 30px }
    .featuredArea .desc p { color: #000; position: relative; padding: 0 }
    .featuredArea ul li:first-child .desc { float: right; position: absolute; width: 100%; height: 70%; display: inline-block; padding: 0; margin-top: 0; background: linear-gradient(270deg,rgba(0,0,0,0),#000000); background: -webkit-linear-gradient(270deg,rgba(0,0,0,0),#000); background: -o-linear-gradient(270deg,rgba(0,0,0,0),#000); background: -moz-linear-gradient(270deg,rgba(0,0,0,0),#000); background: -ms-linear-gradient(270deg,rgba(0,0,0,0),#000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#004c4c4c',endColorstr='#ff1a3b00',GradientType=0); }
    .featuredArea ul li:first-child .desc p { color: #fff; position: absolute; padding: 10px }
    .featuredArea ul li:nth-child(4), .featuredArea ul li:nth-child(5), .featuredArea ul li:last-child { margin-bottom: 10px }
    .ESFeaturedArea ul li:first-child { width: 100%; height: 570px; }
    .ESFeaturedArea ul li { width: 100%; }
    .entryPointSlider { width: 300px; }
    .entrypoints { display: inline-block; height: 150px; overflow: hidden }
    .entrypoints .item { display: inline-block; float: right; width: 300px; height: 150px }
    .entrypoints img { width: 300px; height: 150px }
    .entrypoints .bx-wrapper { float: right; width: 300px; margin-left: 20px !important }
    .entrypoints .bx-wrapper:nth-child(3n), .entrypoints .bx-wrapper:last-child { margin-left: 0 !important }
    .pattern1 ul li { width: calc((100% - 40.1px) / 3) }
    .pattern1 ul li:nth-child(4n) { margin-left: 20px }
    .pattern1 ul li:nth-child(3n) { margin-left: 0 }
    .listing ul li { width: calc((100% - 20.1px) / 2); }
    .listing ul li:nth-child(3n) { margin-left: unset }
    .listing ul li:nth-child(2n) { margin-left: 0 }
    .gsc-webResult .gsc-result { width: calc((100% - 20.1px) / 2) !important }
    .gsc-webResult .gsc-result:nth-child(3n) { margin: 0 0 20px 20px !important }
    .gsc-webResult .gsc-result:nth-child(2n) { margin: 0 0 20px 0px !important }
    .stats { margin-left: 0; width: 100% }
    article .stats { height: 730px }
    .movedSC .showcaseDiv { display: inline-block; margin: 0 calc((100% - 300px) / 2) 20px }
    .tourStats.stats .item { width: calc((100% - 16px) / 2); }
    .tourStats.stats .item:nth-child(4n) { margin-left: 16px; }
    .tourStats.stats .item:nth-child(2n) { margin-left: 0; }
    .tourStats.cup .item { width: calc((100% - 32px) / 3); }
    .tourStats.cup .item:nth-of-type(4n) { margin-left: 16px }
    .tourStats.cup .item:nth-of-type(3n) { margin-left: 0 }
    .tourStats.cup .item:nth-child(2n) { margin-left: 16px }
    .tourStats.cup .item:last-child { margin-left: 0 }
    .poortour .tourStats.stats .item { width: 100%; margin-left: 0 }
    .dataKeywords { margin-bottom: 85px; position: relative }
    .dataKeywords .item { width: calc(100% - 320px) }
    .dataKeywords .item:nth-child(2) { margin-left: 0 }
    .dataKeywords .item:last-child { width: 100%; position: absolute; bottom: -46px; left: 0px }
    .dataKeywords .links { margin-top: 0 }
    article .imgDiv { width: 100% }
    .articleHeader .articleInfo { height: 86px; }
    .articleHeader .articleInfo .articleAuthor { width: 100%; }
    .articleHeader .articleInfo .articleAuthor:after { display: none }
    .relatedArticles ul li.item { width: 180px; height: auto; }
    .relatedArticles ul li.item .desc { width: 180px; padding: 0; }
    /*.Team_View .Team-Logo{margin: 15px;width: 120px;height: 120px;}*/
    .Team_View .BK .number, .PlayerView .Team1 { right: 175px }
    .PlayerView .left { right: 310px; }
    .PlayerPage .tourStats.stats .item:nth-child(3n+1) { margin-left: 0; }
    /*   .PlayerPage .tourStats.stats .item:nth-child(3n){margin-left:16px;}
*/
    .matchDetailsTabs .matchDetailsTtl { width: calc(100% - 50px); margin: 0 calc((100% - (calc(100% - 50px))) / 2); }
    .matchDetailsTabs .timeline { width: calc(100% - 50px); margin: 10px calc((100% - (calc(100% - 50px))) / 2) 0; }
    article .connect .leftt .font { width: 45px; }
    article .connect .icon-cfb:before, article .connect .icon-ctw:before, article .connect .leftt .icon-G:before { font-size: 20px; line-height: 3.1; }
    article .connect .leftt p { width: calc(100% - 61px); font-size: 9px; right: 45px; }
    /*.PalyerStats.tourStats.stats .item:nth-child(3n+1){margin-left:0!important}*/
    .PalyerStats.tourStats.stats .item:nth-child(2n) { margin-left: 16px; }
    .PalyerStats.tourStats.stats .item { width: calc((100% - 16px) / 2); }
    .matchesCenter .tab { width: 100%; }
    .matchesCenter .tab button { width: calc((100% - 30px) / 7) }
    .matchesCenter .dayDetailsTtl { height: 90px }
    .matchesCenter .toursDropdown { width: 130px; position: absolute; right: 10px; bottom: 10px }
    .matchesCenter .matchesNow { width: 120px; position: absolute; right: 145px; bottom: 10px }
    .matchesCenter .toursMatchesNum { position: absolute; left: 10px; bottom: 10px }
    .cd-gallery ul li { position: relative; padding-bottom: 40px }
    .cd-gallery li .week { position: absolute; bottom: 10px; right: 10px; margin-top: 0 }
    .cd-gallery li .tv { position: absolute; bottom: 10px; left: 10px; margin-top: 0 }
    .cd-gallery li .teamA, .cd-gallery li .teamB { width: calc((100% - 110px) / 2); }
    .cd-gallery li .teamA { padding-left: 20px }
    .cd-gallery li .teamB { padding-right: 20px }
    .cd-gallery li .matchScorer .goal .player { font-size: 12px; line-height: 2 }
    .matchesCenter.fixtures .dayDetailsTtl { height: 48px }
    .matchesCenter.fixtures .fTab { padding: 0 77px 0 74px }
    .matchesCenter.fixtures .bx-wrapper .bx-controls-direction a { width: 70px; height: 70px; }
    .matchesCenter.fixtures .bx-wrapper .bx-controls-direction a:before { line-height: 1.5; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) }
    .matchesCenter.fixtures .bx-wrapper .bx-prev { right: -77px; }
    .matchesCenter.fixtures .bx-wrapper .bx-next { left: -74px; }
    .standing .table .ttlRow .itemTtl { width: 40px; font-size: 12px; line-height: 2.2 }
    .standing .table .ttlRow .itemTtl:last-child { width: 100px }
    .standing .table .ttlRow .itemTtl:nth-child(2) { width: calc(100% - 220px); }
    .standing .table .ttlRow .itemTtl:nth-child(4),
    .standing .table .ttlRow .itemTtl:nth-child(5), .standing .table .ttlRow .itemTtl:nth-child(6),
    .standing .table .ttlRow .itemTtl:nth-child(7), .standing .table .ttlRow .itemTtl:nth-child(8) { display: none }
    .standing .table .wRow .item { width: 40px; font-size: 15px; line-height: 2.6 }
    .standing .table .wRow .item:last-child { width: 100px }
    .standing .table .wRow .item:nth-child(2) { width: calc(100% - 220px); }
    .standing .table .wRow .item:nth-child(4),
    .standing .table .wRow .item:nth-child(5), .standing .table .wRow .item:nth-child(6),
    .standing .table .wRow .item:nth-child(7), .standing .table .wRow .item:nth-child(8) { display: none }
    .statsStand .table .ttlRow .itemTtl:last-child { width: 110px; }
    .statsStand .table .ttlRow .itemTtl:nth-child(2) { width: calc(100% - 190px); }
    .statsStand .table .wRow .item:last-child { width: 110px; }
    .statsStand .table .wRow .item:nth-child(2) { width: calc(100% - 190px); }
    .scorers .cnts li:first-child .playerDtls .playerFooter { margin-top: 20px }
    .scorers .cnts li:first-child .playerDtls .playerFooter .teamInfo img { display: none }
    .scorers .cnts li:first-child .playerDtls .playerFooter .matches { display: none }
    .scorers .cnts li:first-child .playerDtls .playerFooter .assist { display: none }
    .wcHeader .wcNav { width: 789px; left: 25px; transform: none }
    .wcHeader .wcNav a { width: 68px; font-size: 12px; line-height: 3.2 }
    .ACNHeader .wcNav { width: 90% }
    .ACNHeader .wcNav a { font-size: 12px; line-height: 3.2 }
    .GroupStanding .table .ttlRow .itemTtl { width: 46px }
    .GroupStanding .table .wRow .item { width: 46px }
    .GroupStanding .table .ttlRow .itemTtl:nth-child(2) { width: calc(100% - 414px); }
    .GroupStanding .table .wRow .item:nth-child(2) { width: calc(100% - 414px); }
    .wcStanding .groups .table { border-bottom-right-radius: 30px; border-bottom-left-radius: 30px; height: 188px; }
    .wcStanding .groups .table:after { bottom: -26px; height: 26px }
    .wcStanding .groups .table .wRow { height: 36px }
    .wcStanding .groups .table .wRow .item { font-size: 16px; line-height: 1.4 }
    .wcStanding .groups .table .wRow .team img { height: 20px; }
    .wcStanding .groups .table .wRow .item p { font-size: 13px; line-height: 1.7; }
    .ACNStanding .groups .table { border-bottom-right-radius: 30px; border-bottom-left-radius: 30px; height: 188px; }
    .ACNStanding .groups .table:after { bottom: -26px; height: 26px }
    .ACNStanding .groups .table .wRow { height: 36px }
    .ACNStanding .groups .table .wRow .item { font-size: 16px; line-height: 1.4 }
    .ACNStanding .groups .table .wRow .team img { height: 20px; }
    .ACNStanding .groups .table .wRow .item p { font-size: 13px; line-height: 1.7; }
    .chooseSquadDiv .csBackground .choose-team .image-mini { width: 50px; height: 80px; margin: 6px; }
    .chooseSquadDiv .stepTwo .details { height: 380px }
    .chooseSquadDiv .stepTwo .player-image { width: 198px; height: 320px; }
    .chooseSquadDiv .stepTwo .buttons { margin: 60px 0 0 0 }
    .SquadEG .stepTwo .buttons { margin: 8px 0 0 0 }
    .chooseSquadDiv .stepThree .containner { width: calc(100% - 40px) }
    .chooseSquadDiv .stepThree .top-content .team-image { width: 90px; height: 144px }
    .wcOverlay .cntnr { top: 50px; width: 600px }
    .wcOverlay .ykLogo { margin-bottom: 30px }
    .wcOverlay .goToBtns { width: 434px; height: 52px; margin: 0 calc((100% - 434px) / 2) 30px; }
    .wcOverlay .goToBtns a { width: 200px; font-size: 18px; }
    .wcOverlay .mainSponsor p { margin-bottom: 20px }
    .wcOverlay .mainSponsor .sponsorLogo { width: 120px }
    .wcOverlay .allSponsors { height: 180px }
    .wcOverlay .allSponsors .second { top: 70px;; width: 574px }
    .wcOverlay .allSponsors .second a { margin-left: 30px }
    .wcOverlay .allSponsors .second a img { width: 80%; height: auto }
    .wcOverlay .allSponsors .third { top: 140px; width: 1136px }
    .wcOverlay .allSponsors .third a { margin-left: 0 }
    .wcOverlay .allSponsors .third a img { width: 60%; height: auto }
    /*    article .details img{margin:0 calc((100% - 600px) / 2);width: 600px}
*/ article .details p iframe, article .details div iframe { margin: 0; height: 450px; width: 100% }
    article .details p iframe#frmPAVast, article .details div iframe#frmPAVast { margin: 0; width: unset; height: unset }
    iframe#pa_googleAdManager { width: 0 !important; height: 0 !important; }
    .Team_View .Team-Bk { height: 160px }
    .Team_View .teamCntnr { width: 120px; margin: 10px; }
    .Team_View .dtls { width: calc(100% - 160px); }
    .PlayerView .Team1 { margin-top: 10px }
    .quizGame { background: url(../../Images/QuizGame/quizGameBg.png) no-repeat right -124px top #053878; }
    .quizGame .cnts { width: calc(100% - 475px); }
    .quizGame .interact_responsive_wrapper { width: 500px !important; margin: 0 calc((100% - 500px) / 2); }
    .quizGame .whoPlayer { right: 50px; width: 140px; }
    .fanZone .cnts { width: calc(100% - 40px); margin: 20px }
    .LandingPage.ahpy .landingTeam { width: 300px; margin-top: 50px; }
    .LandingPage.ahpy .landingTeam img { width: 150px }
    .LandingPage.ahpy .teamsName p { font-size: 42px; line-height: 1.2; }
    .ESNews ul li { width: calc((100% - 40.1px) / 3) }
    .ESNews ul li:nth-child(4n) { margin-left: 20px }
    .ESNews ul li:nth-child(3n) { margin-left: 0 }
    .acn .acnCompCont { padding-top: 0; width: 900px; margin: 0 calc((100% - 900px) / 2) 30px; }
    .acn .acnCompCont .containermain { padding: 40px; height: 458px }
    .acnCompCont .headerPES { margin-bottom: 20px }
    .acnCompCont .headerPES h1 { font-size: 28px }
    .acnCompCont .maintitle { font-size: 16px }
    .acnCompCont .maintitle span:first-child { font-size: 26px }
    .acnCompCont .sponsoredBy { margin: 20px calc((100% - 250px) / 2); width: 250px }
    .acnCompCont .sponsoredBy img.yk { height: 26px; margin-top: 14px }
    .acnCompCont .sponsoredBy img.ul { height: 54px }
    .acnCompCont .fblogin h2 { font-size: 14px }
    .acnCompCont .questionDiv p { font-size: 20px }
    .acnCompCont .questionDiv li { padding: 4px 18px }
    .acnCompCont .questionDiv ul { margin: 0 auto 50px }
    .acnCompCont .questionDiv .err { margin: 20px 0 }
    .acnCompCont .result { font-size: 20px }
    .acnCompCont .result span { font-size: 26px }
    .acnCompCont .tshirt { right: 60px }
    .acnCompCont .tshirt img { width: 200px; height: auto }
    .ACNStanding .groups .table { height: 230px; margin-bottom: 30px; }
    .ACNStanding .groups .table:after { bottom: 20px; height: 20px }
    /*.acn_Cup .acnToCup .containermain .sponsor-logo{right:152px;top:20px}*/
    .acn_Cup .acnToCup .containermain .sponsor-logo p { font-size: 18px }
    .acn_Cup .acnToCup .containermain .sponsor-logo p.winPlayStation { font-size: 28px }
    .acn_Cup .acnToCup .containermain .sponsor-logo span { margin: 5px 0 }
    .acn_Cup .acnToCup .containermain .sponsor-logo img { width: 65px; height: auto }
    .acn_Cup .acnToCup .stepOne { bottom: 25px }
    .acnToCup .fblogin input { height: 30px !important }
    .acn_Cup .acnToCup #PersonalData { top: 35px }
    .acn_Cup .acnToCup .containermain .sponsor-logo { top: 15px }
    .acnToCup .fblogin a.regBtn { height: 30px; line-height: 2; width: 110px; margin: 5px calc((100% - 110px) / 2) !important; }
    .acn_Cup .acnToCup .containermain .sponsor-logo img { width: 60px }
    .acnToCup .fblogin h2.continue { display: none }
    .euroInner .ykMedia .pattern1 ul li:nth-child(4n), .euroInner .ykMedia .pattern1 ul li:nth-child(3n) { margin-left: 20px; }
    .euroInner .ykMedia .pattern1 ul li { width: calc((100% - 20.1px) / 2); }
    .euroInner .ykMedia .pattern1 ul li:nth-child(2n) { margin-left: 0 }
    /*
    .transfersPage .standing .table .ttlRow .itemTtl.var, .transfersPage .standing .table .wRow .item.var{text-align:right!important}*/
    .transfersPage .standing .table .wRow .item.arrowImg, .transfersPage .standing .table .ttlRow .itemTtl.arrowImg { width: 75px }
    .transfersPage .standing .table .wRow .item img { display: none }
    .transfersPage .standing .table .wRow .item.arrowImg img { display: inline-block }
    .transfersPage .standing .table .wRow .item.fromTeam p { width: 100%; left: 18px; }
    .transfersPage .standing.left .table .wRow .item img { display: inline-block }
    .transfersPage .standing .table .wRow .item:nth-child(4),
    .transfersPage .standing .table .wRow .item:nth-child(5),
    .transfersPage .standing .table .wRow .item:nth-child(6),
    .transfersPage .standing .table .wRow .item:nth-child(7),
    .transfersPage .standing .table .wRow .item:nth-child(8),
    .transfersPage .standing .table .ttlRow .itemTtl:nth-child(4),
    .transfersPage .standing .table .ttlRow .itemTtl:nth-child(5),
    .transfersPage .standing .table .ttlRow .itemTtl:nth-child(6),
    .transfersPage .standing .table .ttlRow .itemTtl:nth-child(7),
    .transfersPage .standing .table .ttlRow .itemTtl:nth-child(8) { display: inline-block }
    .tourListing .toursCntnr .tourItem .item { height: auto }
    .tourListing .toursCntnr .tourItem .item .dtls { width: 100%; margin-bottom: 15px }
    .tourListing .toursCntnr .tourItem .item .links { float: right }
    .tourStats.stats.cup .groupTabs .item { width: 60px }
    .tourStats.stats.cup .groupTabs .table .wRow .item:nth-child(2) { width: calc(100% - 540px) }
    .tourStats.stats.cup .groupTabs .tab button { padding: 7px }
    .tourStats.stats.cup .item { float: none; margin-left: 0; width: calc((100% - 32px) / 3); }
    .groupTabs.GroupStanding .table .ttlRow .itemTtl { width: 40px; font-size: 12px; line-height: 2.2 }
    .groupTabs.GroupStanding .table .ttlRow .itemTtl:nth-child(2) { width: calc(100% - 220px); }
    .groupTabs.GroupStanding .table .ttlRow .itemTtl:nth-child(4), .groupTabs .table .wRow .item:nth-child(4),
    .groupTabs.GroupStanding .table .ttlRow .itemTtl:nth-child(5), .groupTabs .table .wRow .item:nth-child(5),
    .groupTabs.GroupStanding .table .ttlRow .itemTtl:nth-child(6), .groupTabs .table .wRow .item:nth-child(6),
    .groupTabs.GroupStanding .table .ttlRow .itemTtl:nth-child(9), .groupTabs .table .wRow .item:nth-child(9) { display: none }
    .groupTabs.GroupStanding .table .wRow .item { width: 40px; font-size: 15px; line-height: 2.6 }
    .groupTabs.GroupStanding .table .wRow .item:nth-child(2) { width: calc(100% - 220px); }
    .groupTabs.GroupStanding .table .ttlRow .itemTtl:nth-child(4),
    .groupTabs.GroupStanding .table .ttlRow .itemTtl:nth-child(5),
    .groupTabs.GroupStanding .table .ttlRow .itemTtl:nth-child(6), .groupTabs .table .ttlRow .itemTtl:nth-child(9) { display: none }
    #GroupStanding.cup .table .ttlRow .itemTtl:nth-child(4),
    #GroupStanding.cup .table .ttlRow .itemTtl:nth-child(5),
    #GroupStanding.cup .table .ttlRow .itemTtl:nth-child(6), #GroupStanding.cup .table .ttlRow .itemTtl:nth-child(9) { display: inline-block }
    #GroupStanding.cup .table .ttlRow .itemTtl:nth-child(4), #GroupStanding.cup .table .wRow .item:nth-child(4),
    #GroupStanding.cup .table .ttlRow .itemTtl:nth-child(5), #GroupStanding.cup .table .wRow .item:nth-child(5),
    #GroupStanding.cup .table .ttlRow .itemTtl:nth-child(6), #GroupStanding.cup .table .wRow .item:nth-child(6),
    #GroupStanding.cup .table .ttlRow .itemTtl:nth-child(9), #GroupStanding.cup .table .wRow .item:nth-child(9) { display: inline-block }
    #GroupStanding.cup .table .wRow .item { float: right }
}

@media screen and (min-width:1024px) and (max-width:1151px) {
   header .logo { width: 160px; padding: 13px 0;    background: url(../../Images/ykLogo.png) center center/146px 24px no-repeat; }
    header .logo img { width: 146px; }
    header .headerNav { width: calc(100% - 210px) }
    header .headerNav .rightMenu a { font-size: 13px; line-height: 4; padding: 0 8px; }
    header .headerNav .leftMenu a { width: 32px; font-size: 18px; line-height: 3.2 }
    header .headerNav .rightMenu { display: none }
    .menuDiv .tab { width: 170px }
    .menuDiv .tabContent { width: calc(100% - 170px) }
    .menuDiv .tabContent .item { margin-left: 30px; width: calc((100% - 120.1px) / 5); }
    .searchDiv .searchContainer { padding: 40px 60px }
    .featuredArea ul li:first-child { width: 100%; margin-left: 0 }
    .featuredArea ul li { width: 100%; margin-left: 0; background: #fff; margin-bottom: 10px }
    .featuredArea ul li .secName { right: 160px; top: 10px; background: none; color: #0277bd; padding: 0 }
    .featuredArea ul li:first-child .secName { right: 0; top: 0; background: rgba(0,0,0,0.7); color: #fff; padding: 2px 10px; }
    .featuredArea ul li.video:first-child .secName, .featuredArea ul li.album:first-child .secName, .featuredArea ul li.infograph:first-child .secName, .featuredArea ul li.sed:first-child .secName { padding: 0 0 0 10px }
    .featuredArea ul li a .imageCntnr { width: 150px; padding-bottom: calc((150px * 67)/ 100); float: right; }
    .featuredArea ul li:first-child a .imageCntnr { width: 100%; padding-bottom: 67%; float: right; margin-left: 0 }
    .featuredArea .desc { float: right; position: relative; width: calc(100% - 150px); height: auto; display: inline-block; background: #fff; padding: 10px; margin-top: 30px }
    .featuredArea .desc p { color: #000; position: relative; padding: 0 }
    .featuredArea ul li:first-child .desc { float: right; position: absolute; width: 100%; height: 70%; display: inline-block; padding: 0; margin-top: 0; background: linear-gradient(270deg,rgba(0,0,0,0),#000000); background: -webkit-linear-gradient(270deg,rgba(0,0,0,0),#000); background: -o-linear-gradient(270deg,rgba(0,0,0,0),#000); background: -moz-linear-gradient(270deg,rgba(0,0,0,0),#000); background: -ms-linear-gradient(270deg,rgba(0,0,0,0),#000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#004c4c4c',endColorstr='#ff1a3b00',GradientType=0); }
    .featuredArea ul li:first-child .desc p { color: #fff; position: absolute; padding: 10px; height: auto; font-size: 18px }
    .featuredArea ul li:nth-child(4), .featuredArea ul li:nth-child(5), .featuredArea ul li:last-child { margin-bottom: 10px }
    .ESFeaturedArea ul li:first-child { width: 100%; height: 470px; }
    .ESFeaturedArea ul li { width: 100%; }
    .entryPointSlider { width: 264px; }
    .entrypoints { display: inline-block; width: 832px; height: 132px; margin: 0 calc((100% - 832px) / 2) 20px; overflow: hidden }
    .entrypoints .item { display: inline-block; float: right; width: 264px; height: 132px }
    .entrypoints img { width: 264px; height: 132px }
    .entrypoints .bx-wrapper { float: right; width: 264px; margin-left: 20px !important }
    .entrypoints .bx-wrapper:nth-child(3n), .entrypoints .bx-wrapper:last-child { margin-left: 0 !important }
    .pattern1 ul li { width: calc((100% - 40.1px) / 3) }
    .pattern1 ul li:nth-child(4n) { margin-left: 20px }
    .pattern1 ul li:nth-child(3n) { margin-left: 0 }
    /*    .listing ul li{width:calc((100% - 20.1px) / 2)}*/
    /*    .listing{width:100%;margin-left:0}*/
    .stats { margin-left: 0; width: 100% }
    .movedSC .showcaseDiv { display: inline-block; margin: 0 calc((100% - 300px) / 2) 20px }
    .pattern2 ul li { width: calc((100% - 12.1px) / 3) }
    .pattern2 ul li:first-child { width: calc(100% - ((100% + 6px) / 3)) }
    .pattern2 ul li:nth-child(3), .pattern2 ul li:nth-child(5), .pattern2 ul li:last-child { margin-left: 6px }
    .pattern2 ul li:nth-child(7), .pattern2 ul li:nth-child(8), .pattern2 ul li:last-child { margin-bottom: 6px }
    .pattern2 ul li:nth-child(2), .pattern2 ul li:nth-child(3), .pattern2 ul li:nth-child(2), .pattern2 ul li:nth-child(6), .pattern2 ul li:last-child { margin-left: 0 }
    .pattern2 ul li:nth-child(7), .pattern2 ul li:nth-child(8), .pattern2 ul li:last-child { margin-bottom: 0 }
    .pattern3 ul li { width: calc((100% - 30.1px) / 4); margin-left: 10px; margin-bottom: 10px; }
    .pattern3 ul li:first-child { width: calc(100% - ((100% + 10px) / 2)); }
    .tourStats.stats .item { width: calc((100% - 16px) / 2); }
    .tourStats.stats .item:nth-child(4n) { margin-left: 16px; }
    .tourStats.stats .item:nth-child(2n) { margin-left: 0; }
    .tourStats.cup .item { width: calc((100% - 32px) / 3); }
    .tourStats.cup .item:nth-of-type(4n) { margin-left: 16px }
    .tourStats.cup .item:nth-of-type(3n) { margin-left: 0 }
    .tourStats.cup .item:nth-child(2n) { margin-left: 16px }
    .tourStats.cup .item:last-child { margin-left: 0 }
    .poortour .tourStats.stats .item { width: 100%; margin-left: 0 }
    .tourPage .pattern1 ul li { width: calc((100% - 20.1px) / 2); }
    .tourPage .pattern1 ul li:nth-child(3n) { margin-left: 20px; }
    .tourPage .pattern1 ul li:nth-child(2n) { margin-left: 0; }
    .dataKeywords { margin-bottom: 85px; position: relative }
    .dataKeywords .item { width: calc(100% - 290px) }
    .dataKeywords .item:nth-child(2) { margin-left: 0; width: 270px }
    .dataKeywords .item:last-child { width: 100%; position: absolute; bottom: -46px; left: 0px }
    .dataKeywords .item ul li .teamA, .dataKeywords .item ul li .teamB { margin-top: -14px }
    .dataKeywords .playerTeamInfo .name .first { font-size: 14px }
    .dataKeywords .playerTeamInfo .name .second { font-size: 12px }
    .dataKeywords .links { margin-top: 0 }
    article .imgDiv { width: 100% }
    .articleHeader .articleInfo { height: 86px; }
    .articleHeader .articleInfo .articleAuthor { width: 100%; }
    .articleHeader .articleInfo .articleAuthor:after { display: none }
    .articleHeader .articleInfo .time { font-size: 13px }
    .articleHeader .articleInfo .sponsorBy { margin-left: 7px; padding-left: 14px }
    .articleHeader .articleInfo .sponsorBy img { height: 24px }
    .relatedArticles ul li.item { width: 180px; height: auto; }
    .relatedArticles ul li.item .desc { width: 180px; padding: 0; }
    article .stats { height: auto }
    article .stats .leagueStats .allItems { margin-bottom: 0 }
    article .stats .item { width: 100%; margin-left: 0; margin-bottom: 10px }
    article .stats .item:last-child { margin-bottom: 0 }
    article .connect .total h2 { font-size: 12px; line-height: 2; }
    article .connect .leftt input { height: 30px; margin-top: 17px; }
    article .connect .leftt .inputt::-webkit-input-placeholder { font-size: 12px; }
    article .connect .leftt a p { width: 88px; font-size: 12px }
    article .connect .leftt a span { font-size: 11px; }
    .Team_View .BK .number, .PlayerView .Team1 { right: 170px }
    .PlayerView .left { right: 283px; }
    .Team_View .BK .number span { font-size: 35px; }
    .matchDetailsTabs .matchDetailsTtl { width: calc(100% - 50px); margin: 0 calc((100% - (calc(100% - 50px))) / 2); }
    .matchDetailsTabs .timeline { width: calc(100% - 50px); margin: 10px calc((100% - (calc(100% - 50px))) / 2) 0; }
    article .connect .leftt .font { width: 40px; }
    article .connect .icon-cfb:before, article .connect .icon-ctw:before, article .connect .leftt .icon-G:before { font-size: 20px; line-height: 3.1; }
    article .connect .leftt p { font-size: 9px; margin: 0 5px; width: calc(100% - 50px); right: 41px; }
    /*.PalyerStats.tourStats.stats .item:nth-child(3n+1){margin-left:0!important}*/
    .PalyerStats.tourStats.stats .item:nth-child(2n) { margin-left: 16px; }
    .PalyerStats.tourStats.stats .item { width: calc((100% - 16px) / 2); }
    .matchesCenter .tab { width: 100%; padding: 0 60px }
    .matchesCenter .tab button { width: calc((100% - 30px) / 7); height: 60px }
    .matchesCenter .tab button:before { width: 48px; height: 48px }
    .matchesCenter .tab button.active { height: 65px }
    .matchesCenter .dayDtlsContent { margin-top: 65px }
    .matchesCenter .tab button p { font-size: 24px }
    .matchesCenter .tab button span { font-size: 10px; margin-top: -3px }
    .matchesCenter .dateDiv { width: 40px; height: 40px }
    .matchesCenter .dateBtn { width: 40px; height: 40px }
    .matchesCenter .icon-date:before { font-size: 22px; line-height: 1.8 }
    .matchesCenter .dayDetailsTtl { height: 90px }
    .matchesCenter .toursDropdown { width: 130px; position: absolute; right: 10px; bottom: 10px }
    .matchesCenter .matchesNow { width: 120px; position: absolute; right: 145px; bottom: 10px }
    .matchesCenter .toursMatchesNum { position: absolute; left: 10px; bottom: 10px }
    .cd-gallery ul li { position: relative; padding-bottom: 50px }
    .cd-gallery li .week { position: absolute; bottom: 10px; right: 10px; margin-top: 0 }
    .cd-gallery li .tv { position: absolute; bottom: 10px; left: 10px; margin-top: 0 }
    .cd-gallery li .teamA, .cd-gallery li .teamB { width: calc((100% - 110px) / 2); }
    .cd-gallery li .teamA { padding-left: 20px }
    .cd-gallery li .teamB { padding-right: 20px }
    .cd-gallery li .matchScorer .goal .player { font-size: 12px; line-height: 2 }
    .matchesCenter.fixtures .fTab { padding: 0 76px 0 73px; height: 64px }
    .matchesCenter.fixtures .fTab button { height: 60px }
    .matchesCenter.fixtures .fTab button.active { height: 65px; border-top: 0; }
    .matchesCenter.fixtures .fTab button:before { width: 48px; height: 48px }
    .matchesCenter.fixtures.championship .fTab button p { font-size: 11px; width: 48px }
    .matchesCenter.fixtures .bx-wrapper .bx-controls-direction a { width: 70px; height: 60px; }
    .matchesCenter.fixtures .bx-wrapper .bx-controls-direction a:before { line-height: 1.5; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); font-size: 12px }
    .matchesCenter.fixtures .bx-wrapper .bx-prev { right: -76px; }
    .matchesCenter.fixtures .bx-wrapper .bx-next { left: -73px; }
    .matchesCenter.fixtures .dayDetailsTtl { height: 48px }
    .standing .table .ttlRow .itemTtl { width: 40px; font-size: 12px; line-height: 2.2 }
    .standing .table .ttlRow .itemTtl:last-child { width: 100px }
    .standing .table .ttlRow .itemTtl:nth-child(2) { width: calc(100% - 220px); }
    .standing .table .ttlRow .itemTtl:nth-child(4),
    .standing .table .ttlRow .itemTtl:nth-child(5), .standing .table .ttlRow .itemTtl:nth-child(6),
    .standing .table .ttlRow .itemTtl:nth-child(7), .standing .table .ttlRow .itemTtl:nth-child(8) { display: none }
    .standing .table .wRow .item { width: 40px; font-size: 15px; line-height: 2.6 }
    .standing .table .wRow .item:last-child { width: 100px }
    .standing .table .wRow .item:nth-child(2) { width: calc(100% - 220px); }
    .standing .table .wRow .item:nth-child(4),
    .standing .table .wRow .item:nth-child(5), .standing .table .wRow .item:nth-child(6),
    .standing .table .wRow .item:nth-child(7), .standing .table .wRow .item:nth-child(8) { display: none }
    .standing .tableDtls { width: 100%; margin: 0 }
    .standing .tableDtls .place { width: 100%; margin-left: 0; margin-bottom: 20px }
    .statsStand .table .ttlRow .itemTtl:last-child { width: 110px; display: inline-block }
    .statsStand .table .ttlRow .itemTtl:nth-child(2) { width: calc(100% - 190px); }
    .statsStand .table .wRow .item:last-child { width: 110px; display: inline-block }
    .statsStand .table .wRow .item:nth-child(2) { width: calc(100% - 190px); }
    .scorers .cnts li { width: 100%; margin-left: 0 }
    .scorers .cnts li:first-child .playerDtls .playerFooter { margin-top: 20px }
    .scorers .cnts li:first-child .playerDtls .playerFooter .teamInfo img { display: none }
    .scorers .cnts li:first-child .playerDtls .playerFooter .matches { display: none }
    .scorers .cnts li:first-child .playerDtls .playerFooter .assist { display: none }
    .tourListing .toursCntnr .tourItem .item { height: auto }
    .tourListing .toursCntnr .tourItem .item .dtls { width: 100%; margin-bottom: 15px }
    .tourListing .toursCntnr .tourItem .item .links { float: right }
    .RoadToCup img { width: 16px; height: 10px; }
    .ykMedia .pattern1 ul li { width: calc((100% - 20.1px) / 2); }
    .ykMedia .pattern1 ul li:nth-child(3n), .ykMedia .pattern1 ul li:nth-child(4n) { margin-left: 20px; }
    .ykMedia .pattern1 ul li:nth-child(2n) { margin-left: 0 }
    .wcHeader .wcNav { width: 676px; left: 25px; transform: none }
    .wcHeader .wcNav a { width: 67px; font-size: 12px; line-height: 3.2; margin-left: 20px; border-radius: 6px; }
    .wcHeader .wcNav a:before { right: -10px }
    .wcHeader .wcNav a:after { left: -10px }
    .ACNHeader .wcNav { width: 90% }
    .ACNHeader .wcNav a { font-size: 11px; line-height: 3.6; margin-left: 40px; }
    /*.ACNHeader .wcNav a:before{right:-10px}
    .ACNHeader .wcNav a:after{left:-10px}*/
    .wcStanding .groups .table { border-bottom-right-radius: 30px; border-bottom-left-radius: 30px; height: 188px; }
    .wcStanding .groups .table:after { bottom: -22px; height: 22px }
    .wcStanding .groups .table .wRow { height: 36px }
    .wcStanding .groups .table .wRow .item { font-size: 16px; line-height: 1.4; width: 28px }
    .wcStanding .groups .table .wRow .item:nth-child(2) { width: calc(100% - 56px); }
    .wcStanding .groups .table .wRow .team img { height: 20px; }
    .wcStanding .groups .table .wRow .item p { font-size: 13px; line-height: 1.7; }
    /*.MinByMin .cont {width: 100%;max-width: 1170px;overflow: hidden;}
	.MinByMin .minImg{width: 8%;}
	.MinByMin .teamA, .MinByMin .teamB { width: 20%;}
	.MinByMin .teamA a img, .MinByMin .teamB a img{height: 65px;}
	.MinByMin .teamA{text-align: left;padding-left: 24px;}
	.MinByMin .teamB{text-align: right;padding-right: 24px;}
	.MinByMin .text-Match {width: 30%;top: 15px;right: 0;}
	.MinByMin .ads {width: 10%;margin: 0 auto;padding-right: 14px;margin-top: 15px;}*/
    .MinByMin .teamA, .MinByMin .teamB { width: calc((100% - 476px) / 2) }
    .MinByMin .matchInfo { width: 300px; }
    .MinByMin .resultDiv { width: 100px; }
    .chooseSquadDiv .stepTwo .details { height: 320px }
    .chooseSquadDiv .stepTwo .player-container { margin: 20px 60px }
    .chooseSquadDiv .csBackground .choose-team .image-mini { width: 53px; height: auto; }
    .chooseSquadDiv .csBackground .choose-team { padding: 0 10px; bottom: 5px }
    .chooseSquadDiv .stepTwo .playerDtls { width: calc(100% - 191px); }
    .chooseSquadDiv .stepTwo .player-image { width: 161px; height: 260px; }
    .chooseSquadDiv .stepTwo .buttons { margin: 90px 0 0 0 }
    .chooseSquadDiv .SquadEG .stepTwo .buttons { margin: 22px 0 0 0 }
    .chooseSquadDiv .stepThree .containner { width: calc(100% - 20px); top: 10px }
    .chooseSquadDiv .stepThree .top-content .playerContainer { padding: 0 }
    .chooseSquadDiv .stepThree .top-content .team-image { width: 81px; height: 130px }
    .chooseSquadDiv .stepTwo .PlayerAdvice { margin: 10px 0 0 0; }
    .wcOverlay .cntnr { top: 50px; width: 600px }
    .wcOverlay .wcLogo { top: 20px; right: 20px }
    .wcOverlay .close { top: 20px; left: 20px }
    .wcOverlay .ykLogo { margin-bottom: 30px }
    .wcOverlay .goToBtns { width: 434px; height: 52px; margin: 0 calc((100% - 434px) / 2) 30px; }
    .wcOverlay .goToBtns a { width: 200px; font-size: 18px; }
    .wcOverlay .mainSponsor p { margin-bottom: 20px }
    .wcOverlay .mainSponsor .sponsorLogo { width: 120px }
    .wcOverlay .allSponsors { height: 180px }
    .wcOverlay .allSponsors .second { top: 70px; width: 544px }
    .wcOverlay .allSponsors .second a { margin-left: 20px }
    .wcOverlay .allSponsors .second a img { width: 70%; height: auto }
    .wcOverlay .allSponsors .third { top: 140px; width: 1000px }
    .wcOverlay .allSponsors .third a { margin-left: 0; width: calc(100% / 9) }
    .wcOverlay .allSponsors .third a img { width: 70%; height: auto }
    .wcOverlay .allSponsors .third a:nth-child(1) img { width: 80% }
    .wcOverlay .allSponsors .third a:nth-child(2) img { width: 50% }
    .wcOverlay .allSponsors .third a:nth-child(6) img { width: 50% }
    .wcOverlay .allSponsors .third a:nth-child(9) img { width: 50% }
    .gsc-webResult .gsc-result { width: calc((100% - 20.1px) / 2) !important }
    .gsc-webResult .gsc-result:nth-child(3n) { margin: 0 0 20px 20px !important }
    .gsc-webResult .gsc-result:nth-child(2n) { margin: 0 0 20px 0px !important }
    .GroupStanding .table .ttlRow .itemTtl { width: 38px }
    .GroupStanding .table .wRow .item { width: 38px }
    .GroupStanding .table .ttlRow .itemTtl:nth-child(2) { width: calc(100% - 345px); }
    .GroupStanding .table .wRow .item:nth-child(2) { width: calc(100% - 345px); padding: 16px 0 }
    .GroupStanding .table .wRow .team img { height: 26px }
    .GroupStanding .table .wRow .item p { line-height: 1.8 }
    .EntryPoint .cont { width: 100%; max-width: 100% }
    .EntryPoint .cont .EntryTextCup { width: 22%; margin: 24px auto; }
    .EntryPoint .cont .EntryTextCup span { font-size: 18px; }
    .EntryPoint .cont .EntryButton { width: 20%; }
    .EntryPoint .EntrySocial { width: 28%; text-align: right; }
    .EntryIconArrow { right: 8%; }
    .EntryPoint .cont .EntryWorldCup { width: 40%; }
    .EntryPoint .EntryAds { width: 15%; text-align: center; }
    /*    article .details img{margin:0 calc((100% - 500px) / 2);width: 500px}
*/ article .details p iframe, article .details div iframe { margin: 0; height: 375px; width: 100% }
    article .details p iframe#frmPAVast, article .details div iframe#frmPAVast { margin: 0; width: unset; height: unset }
    iframe#pa_googleAdManager { width: 0 !important; height: 0 !important; }
    .Team_View .Team-Bk { height: 160px }
    .Team_View .teamCntnr { width: 120px; margin: 10px; }
    .Team_View .dtls { width: calc(100% - 160px); }
    .PlayerView .Team1 { margin-top: 10px }
    .predPage .predictionHolder .matches li img { height: 40px; width: auto; }
    .predPage .predictionHolder .matches .predDate, .predPage .predictionHolder .matches .predResult { margin-top: 18px }
    .predPage .predictionHolder ul li.predDate, .predPage .predictionHolder ul li.predJoker { width: 90px; }
    .predPage .predictionHolder ul li.predTeam { width: calc((100% - 280px) / 2); }
    .predPage .predictionHolder ul li.predResult { width: 100px }
    .predPage .predictionHolder .team { font-size: 12px; margin-top: 0 }
    .quizGame { background: url(../../Images/QuizGame/quizGameBg.png) no-repeat right -154px top #053878; }
    .quizGame .cnts { width: calc(100% - 447px); }
    .quizGame .interact_responsive_wrapper { width: 300px !important; margin: 0 calc((100% - 300px) / 2); }
    .quizGame .whoPlayer { right: 30px; width: 140px; }
    .LandingPage .landingTeam { top: 100px; }
    .chooseSquadDiv .SquadInt .player-image { height: 180px; }
    .chooseSquadDiv .SquadEG .stepTwo .details { height: 350px !important }
    .choose-team .plancontainer .plandorpdownbottom { margin: 0 auto 10px; }
    .chooseSquadDiv .SquadInt .choose-team { top: 380px; }
    .SquadInt .choose-team .plancontainer .teamphotoscontainer { float: none }
    .SquadInt .choose-team .plancontainer .teamphotoscontainer li { margin-bottom: 8px }
    .fanZone .cnts { width: calc(100% - 40px); margin: 20px }
    .LandingPage.ahpy .landingTeam { width: 250px; margin-top: 70px; }
    .LandingPage.ahpy .landingTeam img { width: 125px }
    .LandingPage.ahpy .teamsName p { font-size: 42px; line-height: 1.2; }
    .ESMultimedia ul li { width: calc((100% - 12.1px) / 2) }
    .ESMultimedia ul li:first-child { width: 100% }
    .ESMultimedia ul li:nth-child(3), .ESMultimedia ul li:nth-child(5), .ESMultimedia ul li:last-child { margin-left: 6px }
    .ESMultimedia ul li:nth-child(7), .ESMultimedia ul li:nth-child(8), .ESMultimedia ul li:last-child { margin-bottom: 6px }
    .ESMultimedia ul li:nth-child(7), .ESMultimedia ul li:nth-child(8), .ESMultimedia ul li:last-child { margin-bottom: 0 }
    .ESNews ul li { width: calc((100% - 40.1px) / 2) }
    .LiveStreem .desc .container-desc { top: 10%; }
    .sharak { left: 13%; }
    .acn .acnCompCont { padding-top: 0; width: 800px; margin: 0 calc((100% - 800px) / 2) 30px; }
    .acn .acnCompCont .containermain { padding: 40px; height: 408px }
    .acnCompCont .headerPES { margin-bottom: 20px }
    .acnCompCont .headerPES h1 { font-size: 24px }
    .acnCompCont .socialiconCont { margin-top: 3px }
    .acnCompCont .maintitle { font-size: 16px; line-height: 1.6 }
    .acnCompCont .maintitle span:first-child { font-size: 26px }
    .acnCompCont .fblogin input { height: 36px !important }
    .acnCompCont .fblogin .ctrls input:last-of-type { margin-bottom: 0 !important }
    .acnCompCont .sponsoredBy { margin: 20px calc((100% - 250px) / 2); width: 250px }
    .acnCompCont .sponsoredBy img.yk { height: 26px; margin-top: 14px }
    .acnCompCont .sponsoredBy img.ul { height: 54px }
    .acnCompCont .fblogin h2 { font-size: 14px }
    .acnCompCont .fblogin a { margin: 10px calc((100% - 180px) / 2); width: 180px; height: 36px; line-height: 2.5; }
    .acnCompCont .questionDiv p { font-size: 20px; margin: 20px 0; }
    .acnCompCont .questionDiv li { padding: 4px 18px }
    .acnCompCont .questionDiv ul { margin: 0 auto 30px }
    .acnCompCont .questionDiv .nextquest { width: 150px }
    .acnCompCont .questionDiv .err { margin: 20px 0; font-size: 14px; }
    .acnCompCont .result { font-size: 20px; margin-top: 80px; }
    .acnCompCont .result span { font-size: 26px }
    .acnCompCont .tshirt { right: 40px }
    .acnCompCont .tshirt img { width: 160px; height: auto }
    .acn_Cup .acnToCup .containermain .sponsor-logo img { width: 50px; height: auto }
    .ACNStanding .groups .table { border-bottom-right-radius: 30px; border-bottom-left-radius: 30px; height: 220px; height: 230px; margin-bottom: 30px; }
    .ACNStanding .groups .table:after { bottom: 25px; height: 22px }
    .ACNStanding .groups .table .wRow { height: 36px }
    .ACNStanding .groups .table .wRow .item { font-size: 16px; line-height: 1.4; width: 28px }
    .ACNStanding .groups .table .wRow .item:nth-child(2) { width: calc(100% - 56px); }
    .ACNStanding .groups .table .wRow .team img { height: 20px; }
    .ACNStanding .groups .table .wRow .item p { font-size: 13px; line-height: 1.7; }
    .ACNStanding .groups .table .shadow { -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 81.5%, 50% 100%, 0 81.5%); clip-path: polygon(0% 0%, 100% 0%, 100% 81.5%, 50% 100%, 0 81.5%); }
    .ACNStanding .groups .table:after { bottom: 20px; height: 20px }
    /*.acn_Cup .acnToCup .containermain .sponsor-logo{right:120px;top:20px}*/
    .acn_Cup .acnToCup .containermain .sponsor-logo p { font-size: 18px }
    .acn_Cup .acnToCup .containermain .sponsor-logo p.winPlayStation { font-size: 28px }
    .acn_Cup .acnToCup .containermain .sponsor-logo span { margin: 5px 0 }
    .acn_Cup .acnToCup .containermain .sponsor-logo img { width: 65px; height: auto }
    .acn_Cup .acnToCup .stepOne, .acn_Cup .acnToCup .loader { bottom: 10px }
    .acn_Cup .acnToCup .containermain .sponsor-logo { top: 15px }
    .acnToCup .fblogin input { height: 30px !important }
    .acn_Cup .acnToCup #PersonalData { top: 24px }
    .acn_Cup .acnToCup .containermain .sponsor-logo { top: 15px }
    .acnToCup .fblogin a.regBtn { height: 30px; line-height: 2; width: 110px; margin: 5px calc((100% - 110px) / 2) !important; }
    .acn_Cup .acnToCup .containermain .sponsor-logo img { width: 60px }
    .acnToCup .fblogin h2.continue { display: none }
    .acn_Cup .acnToCup .containermain { padding-bottom: 42% }
    .listing ul li { width: calc((100% - 20.1px) / 2) }
    .listing ul li:nth-child(3n) { margin-left: unset }
    .listing ul li:nth-child(2n) { margin-left: 0 }
    .transfersPage .standing .table .ttlRow .itemTtl.var, .transfersPage .standing .table .wRow .item.var { text-align: right !important; display: inline-block }
    .transfersPage .standing .table .wRow .item.arrowImg, .transfersPage .standing .table .ttlRow .itemTtl.arrowImg { width: 75px }
    .transfersPage .standing .table .wRow .item img { display: none }
    .transfersPage .standing .table .wRow .item.arrowImg img { display: inline-block }
    .transfersPage .standing.left .table .wRow .item img { display: inline-block }
    .tourStats.stats.cup .groupTabs .item { width: 60px }
    .tourStats.stats.cup .groupTabs .table .wRow .item:nth-child(2) { width: calc(100% - 540px) }
    .tourStats.stats.cup .groupTabs .tab button { padding: 7px }
    .tourStats.stats.cup .item { float: none; margin-left: 0; width: calc((100% - 32px) / 3); }
    .groupTabs.GroupStanding .table .ttlRow .itemTtl { width: 40px; font-size: 12px; line-height: 2.2 }
    .groupTabs.GroupStanding .table .ttlRow .itemTtl:nth-child(2) { width: calc(100% - 220px); }
    .groupTabs.GroupStanding .table .ttlRow .itemTtl:nth-child(4), .groupTabs .table .wRow .item:nth-child(4),
    .groupTabs.GroupStanding .table .ttlRow .itemTtl:nth-child(5), .groupTabs .table .wRow .item:nth-child(5),
    .groupTabs.GroupStanding .table .ttlRow .itemTtl:nth-child(6), .groupTabs .table .wRow .item:nth-child(6),
    .groupTabs.GroupStanding .table .ttlRow .itemTtl:nth-child(9), .groupTabs .table .wRow .item:nth-child(9) { display: none }
    .groupTabs.GroupStanding .table .wRow .item { width: 40px; font-size: 15px; line-height: 2.6 }
    .groupTabs.GroupStanding .table .wRow .item:nth-child(2) { width: calc(100% - 220px); }
    .groupTabs.GroupStanding .table .ttlRow .itemTtl:nth-child(4),
    .groupTabs.GroupStanding .table .ttlRow .itemTtl:nth-child(5),
    .groupTabs.GroupStanding .table .ttlRow .itemTtl:nth-child(6), .groupTabs .table .ttlRow .itemTtl:nth-child(9) { display: none }
    #GroupStanding.cup .table .ttlRow .itemTtl:nth-child(4),
    #GroupStanding.cup .table .ttlRow .itemTtl:nth-child(5),
    #GroupStanding.cup .table .ttlRow .itemTtl:nth-child(6), #GroupStanding.cup .table .ttlRow .itemTtl:nth-child(9) { display: inline-block }
    #GroupStanding.cup .table .ttlRow .itemTtl:nth-child(4), #GroupStanding.cup .table .wRow .item:nth-child(4),
    #GroupStanding.cup .table .ttlRow .itemTtl:nth-child(5), #GroupStanding.cup .table .wRow .item:nth-child(5),
    #GroupStanding.cup .table .ttlRow .itemTtl:nth-child(6), #GroupStanding.cup .table .wRow .item:nth-child(6),
    #GroupStanding.cup .table .ttlRow .itemTtl:nth-child(9), #GroupStanding.cup .table .wRow .item:nth-child(9) { display: inline-block }
    #GroupStanding.cup .table .wRow .item { float: right }
}

@media screen and (min-width:768px) and (max-width:1920px) {
    .RoadToCup .imageRight, .RoadToCup .imageLeft, .RoadToCup .Mbutton { display: none }
}

@media screen and (min-width:768px) and (max-width:1023px) {
    .chooseSquadDiv .csBackground .choose-team { }
    .SquadInt .choose-team .plancontainer .plandorpdownbottom { margin: 0 auto 10px; }
    .SquadInt .choose-team .plancontainer .teamphotoscontainer { float: none }
    .chooseSquadDiv .stepTwo .details { margin: 8px calc((100% - 700px) / 2) 0 !important; }
    /*.acn_Cup .acnToCup .containermain .sponsor-logo{right:162px;top:20px}*/
    .acn_Cup .acnToCup .containermain .sponsor-logo p { font-size: 18px }
    .acn_Cup .acnToCup .containermain .sponsor-logo p.winPlayStation { font-size: 28px }
    .acn_Cup .acnToCup .containermain .sponsor-logo span { margin: 5px 0 }
    .acn_Cup .acnToCup .containermain .sponsor-logo img { width: 65px; height: auto }
    .acn_Cup .acnToCup .stepOne { bottom: 10px }
}

@media only screen and (max-width: 1024px) {
    .ESHeader { background-size: 280%; padding-bottom: 30%; }
    .ESbtn a { top: 170px; width: 30%; }
    .ESbtn { right: 15%; }
    .ESbtn .video { right: 40%; }
    .ESNews ul li .desc { border-bottom: none }
    .LiveStreem .desc .container-desc { top: 10%; }
    .content-esport .listing ul li { border: none; }
    .content-esport .listing ul li .secName { background: rgba(0,0,0,0.7); padding: 0 5px; }
}

@media screen and (max-width:320px) {
    .MinByMin .text-Match { margin-bottom: 8px !important; }
    .MinByMin .ads { padding-right: 0; }
    .EntryPoint .cont .EntryWorldCup { width: 100% !important; }
    .EntryPoint .cont .EntryWorldCup .mobImg { height: 65px; margin-top: 14px }
    .EntryPoint .cont .EntryWorldCup .mainImg { display: none }
    .EntryPoint .cont .EntryButton { width: 30% !important; }
    .EntryPoint .EntryAds { width: 20% !important; }
    .LandingPage .landingTeam { top: 10px !important; }
    .leaderboardFull { padding: 25px 0; }
    .LiveStreem .desc { width: 50% }
    .LiveStreem ul li:first-child .desc p { font-size: .6em; }
    .LiveStreem .desc span { font-size: .4em; top: 40%; }
    .medal .allItems .country .WC-EntryPoint .cont .EntryWorldCup { width: 100px !important; }
    .WC-EntryPoint .cont .EntryAds { width: calc(100% - 100px) !important; margin-top: 32px }
}
/** iPad & Tablet **/
@media only screen and (max-width: 1023px) {
    .gutter { display: none }
    .content-wrap { width: 100%; padding: 0px }
    .content { padding: 10px }
    header .logo { width: 155px; padding: 13px 0;    background: url(../../Images/ykLogo.png) center center/146px 24px no-repeat; }
    header .logo img { width: 146px; }
    header .headerNav { float: left; width: 50px; margin-right: 0 }
    header .headerNav .rightMenu { display: none }
    header .headerNav .leftMenu a { display: none }
    header .headerNav .leftMenu a:last-child { display: inline-block; width: 50px }
    footer .middle .cnts { width: 100%; padding: 0 20px }
    .menuDiv .tab { width: 170px }
    .menuDiv .tabContent { width: calc(100% - 170px) }
    .menuDiv .tabContent .cntr { overflow: scroll; padding: 20px 40px 40px 20px; width: calc(100% + 20px); height: calc(100% + 20px) }
    .searchDiv .searchContainer .search input { height: 50px }
    .searchDiv .searchContainer .search a { width: 50px; height: 48px; font-size: 28px }
    .searchDiv .searchContainer .search a.icon-search:before { line-height: 1.8 }
    .searchDiv .searchContainer .search { width: 700px; margin: 0px calc((100% - 700px) / 2); }
    .searchDiv .searchContainer { padding: 40px }
    .searchDiv .searchContainer .trendsContent h2 { font-size: 20px }
    .searchDiv .searchContainer .trendsContent .ttl { height: 54px; }
    .searchDiv .searchContainer .trendsContent .keywordsDiv .item { padding: 0 24px; font-size: 14px; height: 34px }
    .featuredArea { margin-left: 0; width: 100% }
    .featuredArea ul li:first-child { width: 100%; margin-left: 0 }
    .featuredArea ul li { width: 100%; margin-left: 0; background: #fff; margin-bottom: 10px }
    .featuredArea ul li .secName { right: 160px; top: 10px; background: none; color: #0277bd; padding: 0 }
    .featuredArea ul li:first-child .secName { right: 0; top: 0; background: rgba(0,0,0,0.7); color: #fff; padding: 2px 10px; height: auto }
    .featuredArea ul li.video:first-child .secName, .featuredArea ul li.album:first-child .secName, .featuredArea ul li.infograph:first-child .secName, .featuredArea ul li.sed:first-child .secName { padding: 0 0 0 10px }
    .featuredArea ul li a .imageCntnr { width: 150px; padding-bottom: calc((150px * 67)/ 100); float: right; }
    .featuredArea ul li:first-child a .imageCntnr { width: 100%; padding-bottom: 67%; float: right; margin-left: 0 }
    .featuredArea .desc { float: right; position: relative; width: calc(100% - 150px); height: auto; display: inline-block; background: #fff; padding: 10px; margin-top: 30px }
    .featuredArea .desc p { color: #000; position: relative; padding: 0 }
    .featuredArea ul li:first-child .desc { float: right; position: absolute; width: 100%; height: 70%; display: inline-block; padding: 0; margin-top: 0; background: linear-gradient(270deg,rgba(0,0,0,0),#000000); background: -webkit-linear-gradient(270deg,rgba(0,0,0,0),#000); background: -o-linear-gradient(270deg,rgba(0,0,0,0),#000); background: -moz-linear-gradient(270deg,rgba(0,0,0,0),#000); background: -ms-linear-gradient(270deg,rgba(0,0,0,0),#000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#004c4c4c',endColorstr='#ff1a3b00',GradientType=0); }
    .featuredArea ul li:first-child .desc p { color: #fff; position: absolute; padding: 10px }
    .featuredArea ul li:nth-child(4), .featuredArea ul li:nth-child(5), .featuredArea ul li:last-child { margin-bottom: 10px }
    .ESFeaturedArea { margin-left: 0; width: 100% }
    .ESFeaturedArea ul li:first-child { width: 100%; height: 590px; }
    .ESFeaturedArea ul li { width: 100%; }
    .ESFeaturedArea .desc { height: 30%; }
    /*.ESFeaturedArea ul li:first-child {width: 100%;margin-left:0}
    .ESFeaturedArea ul li {width: 100%;margin-left:0;background:#fff;margin-bottom:10px}
    .ESFeaturedArea ul li .secName{right:160px;top:10px;background:none;color:#0277bd;padding:0}
    .ESFeaturedArea ul li:first-child .secName{right:0;top:0;background: rgba(0,0,0,0.7);color:#fff;padding: 2px 10px;height:auto}
    .ESFeaturedArea ul li a .imageCntnr{width: 150px;padding-bottom: calc((150px * 67)/ 100);float: right;}
    .ESFeaturedArea ul li:first-child a .imageCntnr{width: 100%;float: right;margin-left: 0}
    .ESFeaturedArea .desc{float:right;position:relative;width:calc(100% - 150px);height:auto;display:inline-block;background:#fff;padding:10px;margin-top:30px}
    .ESFeaturedArea .desc p{color:#000;position:relative;padding:0}
    .ESFeaturedArea ul li:first-child .desc{float:right;position:absolute;width:100%;height:70%;display:inline-block;padding:0;margin-top:0;
    background: linear-gradient(270deg,rgba(0,0,0,0),#000000);
    background: -webkit-linear-gradient(270deg,rgba(0,0,0,0),#000);
    background: -o-linear-gradient(270deg,rgba(0,0,0,0),#000);
    background: -moz-linear-gradient(270deg,rgba(0,0,0,0),#000);
    background: -ms-linear-gradient(270deg,rgba(0,0,0,0),#000);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#004c4c4c',endColorstr='#ff1a3b00',GradientType=0);
}
    .ESFeaturedArea ul li:first-child .desc p{color:#fff;position:absolute;padding:10px}
    .ESFeaturedArea ul li:nth-child(4), .ESFeaturedArea ul li:nth-child(5), .ESFeaturedArea ul li:last-child {margin-bottom: 10px}*/
    .ESBanner { float: none; margin: 0 auto 20px }
    .showcaseDiv { margin: 20px calc((100% - 300px)/ 2); }
    .interestedArticles { margin: 0 0 20px; width: 100%; }
    .interestedArticles .cnts li { margin-bottom: 20px }
    .interestedArticles .cnts li .num { position: absolute; top: 50%; right: 0; transform: translateY(-50%); margin: 0 }
    .interestedArticles .cnts li p { height: auto; margin-right: 46px }
    .olympic .interestedArticles .cnts li .num { position: relative; float: right; top: auto; right: auto; transform: none; font-size: 14px }
    .olympic .interestedArticles .cnts li p { margin-right: 0 }
    .entryPointSlider { width: 230px }
    .entrypoints { display: inline-block; width: 730px; height: 115px; margin: 0 calc((100% - 730px) / 2) 20px; overflow: hidden }
    .entrypoints .item { display: inline-block; float: right; width: 230px; height: 115px }
    .entrypoints img { width: 230px; height: 115px }
    .entrypoints .bx-wrapper { float: right; width: 230px; margin-left: 20px !important }
    .entrypoints .bx-wrapper:nth-child(3n), .entrypoints .bx-wrapper:last-child { margin-left: 0 !important }
    .pattern1 ul li { width: 100%; margin-left: 0; margin-bottom: 10px }
    .pattern1 ul li .secName { right: 160px; top: 10px; background: none; color: #0277bd; padding: 0 }
    .pattern1 ul li a .imageCntnr { width: 150px; padding-bottom: calc((150px * 67)/ 100); float: right; }
    .pattern1 ul li .desc { float: right; position: relative; width: calc(100% - 150px); height: auto; display: inline-block; background: #fff; padding: 7px 10px; margin-top: 30px }
    .pattern1 ul li .desc p { color: #000; position: relative; padding: 0; height: 27px }
    .listing { width: 100%; margin-left: 0 }
    .listing ul li { width: 100%; margin-left: 0; margin-bottom: 10px }
    .listing ul li .secName { right: 160px; top: 10px; background: none; color: #0277bd; padding: 0 }
    .listing ul li a .imageCntnr { width: 150px; padding-bottom: calc((150px * 67)/ 100); float: right; }
    .listing ul li .desc { float: right; position: relative; width: calc(100% - 150px); height: auto; display: inline-block; background: #fff; padding: 7px 10px; margin-top: 30px }
    .listing ul li .desc p { color: #000; position: relative; padding: 0; height: 27px }
    .leftSide { width: 100% }
    .gsc-webResult .gsc-result { width: 100% !important; margin-left: 0 !important }
    a.gs-image { width: 150px !important; padding-bottom: calc((150px * 67)/ 100) !important; float: right !important }
    .gsc-control-cse .gsc-table-result { float: right !important; width: 150px !important }
    .gs-webResult.gs-result { display: flex !important }
    .gsc-thumbnail-inside { width: calc(100% - 150px); float: right !important; }
    .smsServices { margin: 0 calc((100% - 300px) / 2) 20px; }
    .stats { margin-left: 0; width: 100% }
    .movedSC .showcaseDiv { display: inline-block; margin: 0 calc((100% - 300px) / 2) 20px }
    .pattern2 ul li { width: calc((100% - 12.1px) / 3) }
    .pattern2 ul li:first-child { width: calc(100% - ((100% + 6px) / 3)) }
    .pattern2 ul li:nth-child(3), .pattern2 ul li:nth-child(5), .pattern2 ul li:last-child { margin-left: 6px }
    .pattern2 ul li:nth-child(7), .pattern2 ul li:nth-child(8), .pattern2 ul li:last-child { margin-bottom: 6px }
    .pattern2 ul li:nth-child(2), .pattern2 ul li:nth-child(3), .pattern2 ul li:nth-child(6), .pattern2 ul li:last-child { margin-left: 0 }
    .pattern2 ul li:nth-child(7), .pattern2 ul li:nth-child(8), .pattern2 ul li:last-child { margin-bottom: 0 }
    .pattern3 ul li { width: calc((100% - 10.1px) / 2); margin-left: 10px; margin-bottom: 10px; }
    .pattern3 ul li:first-child { width: 100%; margin-left: 0 }
    .tourNav a { font-size: 15px; padding: 0 16px }
    .tourMatches { margin-bottom: 20px; width: 100% }
    .tourStats.stats .item { width: calc((100% - 16px) / 2); }
    .tourStats.stats .item:nth-child(4n) { margin-left: 16px; }
    .tourStats.stats .item:nth-child(2n) { margin-left: 0; }
    .tourStats.cup .item { width: calc((100% - 32px) / 3); }
    .tourStats.cup .item:nth-of-type(4n) { margin-left: 16px }
    .tourStats.cup .item:nth-of-type(3n) { margin-left: 0 }
    .tourStats.cup .item:nth-child(2n) { margin-left: 16px }
    .tourStats.cup .item:last-child { margin-left: 0 }
    .tourPage .pattern1 { margin-left: 0; width: 100% }
    .tourPage .pattern1 ul li { width: 100% }
    .poortour .tourStats.stats { width: 100%; margin-left: 0 }
    .poortour .tourStats.stats .item { width: 100%; margin-left: 0 }
    article { width: 100%; margin-left: 0 }
    article .imgDiv { width: 100% }
    .articleHeader .articleInfo { height: 86px; }
    .articleHeader .articleInfo .articleAuthor { width: 100%; }
    .articleHeader .articleInfo .articleAuthor:after { display: none }
    .articleHeader .articleInfo .time { font-size: 13px }
    .articleHeader .articleInfo .sponsorBy { margin-left: 7px; padding-left: 14px }
    .articleHeader .articleInfo .sponsorBy img { height: 24px }
    .albumTemp .articleHeader .articleInfo { height: 56px }
    .videoTemp .articleHeader .articleInfo { height: 56px }
    .articlePage .left { width: 100% }
    .newsPointer { width: 100% }
    .articleHeader .artclHdline { font-size: 20px }
    .policy { width: 100%; }
    .contact_us { width: 100%; }
    .articleHeader .authoer-img { width: 125px; }
    .articale_Section .articleHeader .artclHdline { font-size: 16px; }
    /*.Team_View .BK .number, .PlayerView .Team1{right:150px;}*/
    .Team_View .BK .number h1 { font-size: 16px }
    .teamProf .BK .number h1 { line-height: 5 }
    .Team_View .owner-left .owner-DT p { font-size: 14px }
    .Team_View .owner-left .owner-DT h2 { line-height: unset; font-size: 16px }
    .Team_View .BK .number span { font-size: 28px }
    .Team_Page .list { width: 100% }
    .PlayerView .left { right: 260px }
    .PlayerView .Team1 .Logoo { width: 30px; height: 30px; }
    .PlayerView .Team1 h2 { font-size: 12px; margin-top: 3px; }
    .mtchDtlsRslt { background: url(../../Images/matchDtlsBg.jpg) no-repeat center top 0; background-size: 110%; }
    .matchDetailsTabs .matchDetailsTtl { width: 100%; margin: 0; }
    .matchDetailsTabs .timeline { width: 100%; margin: 10px 0 0; }
    .mtchDtlsRslt li .teamA { padding-left: 30px }
    .mtchDtlsRslt li .teamB { padding-right: 30px }
    .mtchDtlsRslt li .teamA img, .mtchDtlsRslt li .teamB img { height: 60px }
    .mtchDtlsRslt li .teamA p, .mtchDtlsRslt li .teamB p { line-height: 3.6; font-size: 16px }
    .matchDetailsTabs .timeline.squad .teamA, .matchDetailsTabs .timeline.squad .teamB { width: calc((100% - 300px) / 2); }
    .matchDetailsTabs .timeline.squad .teamA .matchSquad h3, .matchDetailsTabs .timeline.squad .teamB .matchSquad h3 { font-size: 14px }
    .matchDetailsTabs .timeline.squad .teamA .matchSquad ul li .playerNum, .matchDetailsTabs .timeline.squad .teamB .matchSquad ul li .playerNum { font-size: 14px }
    .matchDetailsTabs .timeline.squad .teamA .matchSquad ul li .playerNum { margin-left: 5px }
    .matchDetailsTabs .timeline.squad .teamB .matchSquad ul li .playerNum { margin-right: 5px }
    .matchDetailsTabs .timeline.squad .teamA .matchSquad ul li .playerName, .matchDetailsTabs .timeline.squad .teamB .matchSquad ul li .playerName { width: calc(100% - 28px); font-size: 12px }
    .matchDetailsTabs .timeline.squad .teamA .coach, .matchDetailsTabs .timeline.squad .teamB .coach { font-size: 14px }
    .matchDetailsTabs .timeline.squad .formation { width: 300px; height: 440px }
    .matchDetailsTabs .timeline.squad .formation .teamA, .matchDetailsTabs .timeline.squad .formation .teamB { width: 280px; height: 200px }
    .ManofMatch { width: 300px; max-height: 300px; top: 638px; }
    .PlayerPage .right { width: 100%; margin-left: 0 }
    .leeft { width: 100%; margin-right: 0; }
    /*.PalyerStats.tourStats.stats .item:nth-child(3n+1){margin-left:0!important}*/
    .PalyerStats.tourStats.stats .item:nth-child(2n) { margin-left: 16px; }
    .matchesCenter { width: 100%; margin-left: 0 }
    .standing { width: 100%; margin-left: 0 }
    .standing .table .ttlRow .itemTtl { width: 40px; font-size: 12px; line-height: 2.2 }
    .standing .table .ttlRow .itemTtl:last-child { width: 100px }
    .standing .table .ttlRow .itemTtl:nth-child(2) { width: calc(100% - 420px); }
    .standing .table .wRow .item { width: 40px; font-size: 15px; line-height: 2.6 }
    .standing .table .wRow .item:last-child { width: 100px }
    .standing .table .wRow .item:nth-child(2) { width: calc(100% - 420px); }
    .statsStand .table .ttlRow .itemTtl:last-child { width: 110px; display: inline-block }
    .statsStand .table .ttlRow .itemTtl:nth-child(2) { width: calc(100% - 190px); }
    .statsStand .table .wRow .item:last-child { width: 110px; display: inline-block }
    .statsStand .table .wRow .item:nth-child(2) { width: calc(100% - 190px); }
    .scorers { width: 100%; margin-left: 0 }
    .scorers .cnts li:first-child .playerDtls .playerFooter .teamInfo { margin-left: 20px; width: calc(100% - 262px); }
    .scorers .cnts li:first-child .playerDtls .playerFooter .matches { margin-left: 20px }
    .tourListing { width: 100%; margin-left: 0 }
    .groupTabs .table .ttlRow .itemTtl { width: 50px; font-size: 12px; line-height: 2.2 }
    .groupTabs .table .ttlRow .itemTtl:nth-child(2) { width: calc(100% - 450px); }
    .groupTabs .table .wRow .item { width: 50px; font-size: 14px; line-height: 2.9 }
    .groupTabs .table .wRow .item:nth-child(2) { width: calc(100% - 450px); }
    .euroInner article .stats { margin-bottom: 20px }
    .ContactUs { width: 100% }
    /*.RoadToCup .Cup1{top:16.5%}
    .RoadToCup .Cup2{top:10.3%}
    .RoadToCup .Cup3{top:30.9%}
    .RoadToCup .Cup4{top:24.5%}
    .RoadToCup .Cup5{top:44.8%}
    .RoadToCup .Cup6{top:38.5%}
    .RoadToCup .Cup7{top:59%}
    .RoadToCup .Cup8{top:52.5%}
    .RoadToCup .leftSlide .Cup1{top:10.3%}
    .RoadToCup .leftSlide .Cup2{top:16.5%}
    .RoadToCup .leftSlide .Cup3{top:24.5%}
    .RoadToCup .leftSlide .Cup4{top:33.9%}
    .RoadToCup .leftSlide .Cup5{top:38.5%}
    .RoadToCup .leftSlide .Cup6{top:44.8%}
    .RoadToCup .leftSlide .Cup7{top:52.5%}
    .RoadToCup .leftSlide .Cup8{top:59%}
    .RoadToCup .Winnerright .Cupitem{right: 152px;top: 13.5%;}
    .RoadToCup .Winnerright .winnerB, .RoadToCup .Winnerleft .winnerB{top:27.5%!important}
    .RoadToCup .Winnerright .winnerC, .RoadToCup .Winnerleft .winnerC{top:41.8%!important}
    .RoadToCup .Winnerright .winnerD, .RoadToCup .Winnerleft .winnerD{top:55.7%!important}
    .RoadToCup .Winnerleft .Cupitem{left: 150px;top: 13.5%;}
    .RoadToCup .Winnerright2 .Cupitem{top: 20.5%;right: 292px;}
    .RoadToCup .Winnerright2 .Cupitem.winnerB, .RoadToCup .Winnerleft2 .Cupitem.winnerB{top:49%}
    .RoadToCup .Winnerleft2 .Cupitem{top: 20.5%;left: 292px;}
    .RoadToCup .onewinner .Cupitem{top: 34.5%;right: 325px;}
    .RoadToCup .onewinner2 .Cupitem{top: 34.5%;left: 325px;}*/
    .RoadToCup img { width: 18px; height: 9px; }
    .RoadToCup .Cupitem { height: 23px; width: 13% }
    .RoadToCup .option { font-size: 12px; }
    .RoadToCup .DP li { font-size: 13px }
    .RoadToCup .DP { top: 22px }
    .RoadToCup .winnerIN .DP { top: 26px; }
    .RoadToCup .winnerIN .DP li { font-size: 13px }
    .wcHeader { height: 100px; background-size: auto 100% }
    .wcHeader .wcNavBtn { display: inline-block }
    .wcHeader .wcNav { display: none }
    .wcHeader .wcSocialMedia { display: none }
    .wcHeader h3 { font-size: 15px; margin: 54px 110px 0 0; }
    .wcHeader h3 span { font-size: 13px; }
    .wcHeader .wcMenuDiv .wcNav { display: inline-block; top: 20px; width: 150px; left: 50%; transform: translateX(-50%); }
    .wcHeader .wcNav a { width: 100%; margin-bottom: 8px }
    .wcHeader .wcMenuDiv .wcSocialMedia { display: inline-block; bottom: 10px; top: auto; left: 50%; transform: translate(-50%); width: 90px; height: 36px }
    .wcHeader .wcMenuDiv .wcSocialMedia a { width: 36px; height: 36px; font-size: 20px }
    .wcMenuDiv { background-size: 250px }
    .ACNHeader { height: 120px; margin-bottom: 20px }
    .ACNHeader .wcNavBtn { display: inline-block }
    .ACNHeader .wcNav { display: none }
    .ACNHeader .wcSocialMedia { display: none }
    .ACNHeader h3 { font-size: 15px; margin: 54px 110px 0 0; }
    .ACNHeader h3 span { font-size: 13px; }
    .ACNHeader .wcMenuDiv .wcNav { display: inline-block; top: 20px; width: 150px; left: 50%; transform: translateX(-50%); }
    .ACNHeader .wcNav a { width: 100%; margin: 6px 0; }
    .ACNHeader .wcMenuDiv .wcSocialMedia { display: inline-block; bottom: 20px; top: auto; left: 50%; transform: translate(-50%); width: 90px; height: 40px }
    .wcStanding .groups .table { width: calc((100% - 20px) / 2); border-bottom-right-radius: 30px; border-bottom-left-radius: 30px }
    .wcStanding .groups .table:nth-child(4n) { margin-left: 20px; }
    .wcStanding .groups .table:nth-child(2n) { margin-left: 0; }
    .wcStanding .groups .table:nth-last-child(-n+4) { margin-bottom: 42px; }
    .wcStanding .groups .table:nth-last-child(-n+2) { margin-bottom: 32px; }
    .ACNStanding .groups .table { width: calc((100% - 20px) / 2); border-bottom-right-radius: 30px; border-bottom-left-radius: 30px; height: 230px; margin-bottom: 30px; }
    .ACNStanding .groups .table:nth-child(4n) { margin-left: 20px; }
    .ACNStanding .groups .table:nth-child(2n) { margin-left: 0; }
    .ACNStanding .groups .table:nth-last-child(-n+4) { margin-bottom: 42px; }
    .ACNStanding .groups .table:nth-last-child(-n+2) { margin-bottom: 32px; }
    .ACNStanding .groups .table:nth-child(3n) { margin-left: 20px; }
    .ACNStanding .groups .table:last-child { margin-left: 0 }
    .ACNStanding .groups .table:after { bottom: 20px; height: 20px }
    .ACNStanding .groups .table .wRow { height: 36px }
    .ACNStanding .groups .table .wRow .item { font-size: 16px; line-height: 1.4; width: 28px }
    .ACNStanding .groups .table .wRow .item:nth-child(2) { width: calc(100% - 56px); }
    .ACNStanding .groups .table .wRow .team img { height: 20px; }
    .ACNStanding .groups .table .wRow .item p { font-size: 13px; line-height: 1.7; }
    .ACNStanding .groups .table .shadow { -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 81.5%, 50% 100%, 0 81.5%); clip-path: polygon(0% 0%, 100% 0%, 100% 81.5%, 50% 100%, 0 81.5%); }
    .poll { margin: 0 calc((100% - 300px) / 2) 20px }
    .ListingEN .interestedArticles .cnts li .num { left: 0; right: auto }
    .ListingEN .interestedArticles .cnts li p { margin-left: 46px; margin-right: 0 }
    .ListingEN .listing ul li .secName { padding: 2px 10px; }
    .chooseSquadDiv .csBackground ul.dropmenu { padding: 0 50px }
    .chooseSquadDiv .csBackground ul.dropdown-menu1 { padding: 100px 50px 10px; }
    .chooseSquadDiv .csBackground ul.dropdown-menu1 li { width: calc((100% - 30.1px )/ 4) }
    .chooseSquadDiv .csBackground ul.dropdown-menu1 li:nth-child(5n) { margin-left: 10px }
    .chooseSquadDiv .csBackground ul.dropdown-menu1 li:nth-last-child(-n+5) { margin-bottom: 30px }
    .chooseSquadDiv .csBackground ul.dropdown-menu1 li:nth-child(4n) { margin-left: 0 }
    .chooseSquadDiv .csBackground ul.dropdown-menu1 li:nth-last-child(-n+4) { margin-bottom: 0 }
    .chooseSquadDiv .stepTwo .details { height: 350px; width: 700px; margin: 30px calc((100% - 700px) / 2) 0; }
    .chooseSquadDiv .stepTwo .player-container { margin: 20px 45px }
    .chooseSquadDiv .csBackground .choose-team .image-mini { width: 40px; height: 65px; margin: 6px; }
    .chooseSquadDiv .csBackground .choose-team { bottom: 20px; padding: 0 30px; }
    .chooseSquadDiv .stepTwo .playerDtls { width: calc(100% - 191px); }
    .chooseSquadDiv .stepTwo .player-image { width: 161px; height: 260px; }
    /*.chooseSquadDiv .stepTwo .buttons{margin:20px 0 0 0}*/
    /*.SquadEG .stepTwo .buttons{margin:-30px 0 0 0}*/
    .chooseSquadDiv .stepThree .containner { width: calc(100% - 20px); top: 10px }
    .chooseSquadDiv .stepThree .top-content .playerContainer { padding: 0 }
    .chooseSquadDiv .stepThree .top-content .team-image { width: 68px; height: 110px }
    /*.MinByMin .cont {width: 100%;max-width: 930px;}
	.MinByMin .minImg{float: right;width: 9%;}
	.MinByMin .teamA {width: 25%;text-align: left;padding-left: 20px;}
	.MinByMin .teamB {width: 25%;text-align: right;padding-right: 20px;}
	.MinByMin .teamA a img, .MinByMin .teamB a img{height: 65px;}
	.MinByMin .text-Match {width: 45%;top: 0;right: 0;display:none}
	.MinByMin .IconArrow {bottom: 180px;}
	.MinByMin .ads {width: 20%;margin: 0 auto;}*/
    .MinByMin .minImg { width: 60px; height: 60px }
    .MinByMin .teamA, .MinByMin .teamB { width: calc((100% - 370px) / 2); margin-top: 10px; position: relative }
    .MinByMin .teamA a img, .MinByMin .teamB a img { height: 40px }
    .MinByMin .resultDiv { width: 70px; padding: 0 }
    .MinByMin .resultDiv .matchResult { padding: 0 }
    .MinByMin .teamA a p, .MinByMin .teamB a p { font-size: 13px; width: calc(100% - 50px); position: absolute; top: 50%; transform: translateY(-50%) }
    .MinByMin .teamA a p { float: right; text-align: left; right: 0; padding-left: 10px }
    .MinByMin .teamB a p { float: left; left: 0; padding-right: 10px }
    .MinByMin .resultDiv .result { margin-top: 6px }
    .MinByMin .resultDiv .result span { font-size: 26px }
    .MinByMin .matchInfo { width: 240px; margin-top: 8px; float: left }
    .MinByMin .text-Match { height: 46px; overflow: hidden; /*margin-top:-45px*/ }
    .MinByMin .text-Match p { height: 42px }
    .fanZoneDiv .content-wrap { min-height: 1040px }
    .fanZone .cnts { width: calc(100% - 20px); margin: 20px 10px }
    .fanZone .cnts ul li { width: calc((100% - 60.1px) / 4); margin-left: 20px; margin-bottom: 130px; border-bottom-right-radius: 30px; border-bottom-left-radius: 30px; }
    /*.fanZoneDiv .content-wrap:after {background-size: 150%;}
    .fanZoneDiv .content-wrap{min-height:750px}
    .fanZone .cnts{padding:0 10px;width:742px;margin: 20px calc((100% - 742px) / 2);}
    .fanZone .cnts ul li{width: 112px;margin-left:10px;margin-bottom:130px;border-bottom-right-radius: 16px;border-bottom-left-radius: 16px;}
    .fanZone .cnts ul li:after {bottom: -14px;height: 14px;}*/
    .GroupStanding { width: 100%; margin-left: 0 }
    .GroupStanding .groupTtlStand { width: 100%; }
    .GroupStanding .table { width: 100%; }
    .EntryPoint .cont { width: 100%; max-width: 100% }
    .EntryPoint .cont .EntryTextCup { width: 30% }
    .EntryPoint .cont .EntryTextCup span { font-size: 18px; line-height: 1.6; }
    .EntryPoint .cont .EntryButton { width: 16%; }
    .EntryIconArrow { right: 1%; }
    .euroStrip .euroMain .FullWidthBK h1 { width: 250px }
    .wcOverlay .cntnr { top: 50px; width: 430px }
    .wcOverlay .wcLogo { top: 20px; right: 20px; width: 90px }
    .wcOverlay .close { top: 20px; left: 20px }
    .wcOverlay .ykLogo { margin-bottom: 30px }
    .wcOverlay .goToBtns { width: 360px; height: 52px; margin: 0 calc((100% - 360px) / 2) 30px; }
    .wcOverlay .goToBtns a { width: 170px; font-size: 18px; margin-left: 20px }
    .wcOverlay .mainSponsor p { margin-bottom: 20px }
    .wcOverlay .mainSponsor .sponsorLogo { width: 120px }
    .wcOverlay .allSponsors { height: 180px }
    .wcOverlay .allSponsors .second { top: 70px; width: 484px }
    .wcOverlay .allSponsors .second a { margin-left: 0px }
    .wcOverlay .allSponsors .second a img { width: 60%; height: auto }
    .wcOverlay .allSponsors .third { top: 140px; width: 768px }
    .wcOverlay .allSponsors .third a { margin-left: 0; width: calc(100% / 9) }
    .wcOverlay .allSponsors .third a img { width: 70%; height: auto }
    .wcOverlay .allSponsors .third a:nth-child(1) img { width: 80% }
    .wcOverlay .allSponsors .third a:nth-child(2) img { width: 50% }
    .wcOverlay .allSponsors .third a:nth-child(6) img { width: 50% }
    .wcOverlay .allSponsors .third a:nth-child(9) img { width: 50% }
    article .details img { margin: 0 calc((100% - 700px) / 2); width: 700px }
    article .details p iframe, article .details div iframe { margin: 0 calc((100% - 700px) / 2); height: 525px; width: 700px }
    article .details p iframe#frmPAVast, article .details div iframe#frmPAVast { margin: 0; width: unset; height: unset }
    iframe#pa_googleAdManager { width: 0 !important; height: 0 !important; }
    .Team_View .Team-Bk { height: 160px }
    .Team_View .teamCntnr { width: 120px; margin: 10px; }
    .Team_View .dtls { width: calc(100% - 160px); }
    .PlayerView .Team1 { margin-top: 10px }
    .predPage .pattern10 { width: 100%; margin-left: 0 }
    .predPage .predictionHolder .matches li img { height: 40px; width: auto; }
    .predPage .predictionHolder .matches .predDate, .predPage .predictionHolder .matches .predResult { margin-top: 18px }
    .predPage .predictionHolder ul li.predDate, .predPage .predictionHolder ul li.predJoker { width: 90px; }
    .predPage .predictionHolder ul li.predTeam { width: calc((100% - 280px) / 2); }
    .predPage .predictionHolder ul li.predResult { width: 100px }
    .predPage .predictionHolder .team { font-size: 12px; margin-top: 0 }
    .quizGame { background: url(../../Images/QuizGame/quizGameBg.png) no-repeat right -154px top #053878; }
    .quizGame .cnts { width: calc(100% - 447px); }
    .quizGame .interact_responsive_wrapper { width: 300px !important; margin: 0 calc((100% - 300px) / 2); }
    .quizGame .whoPlayer { right: 30px; width: 140px; }
    /*.quizGame{height:550px;background: url(../../Images/QuizGame/quizGameBg.png) no-repeat right -100px top #053878;}
    .quizGame .cnts{width:calc(100% - 460px)}
    .quizGame .whoPlayer{right:50px;width: 150px;}
    .quizGame .tigerLogo{width:80px;height:80px}
    .quizGame .qgSocialMedia{right: 220px;}*/
    .LandingPage .landingTeam { top: 100px; right: 50%; }
    .LandingPage .landingTeam .TeamOne span,
    .LandingPage .landingTeam .TeamTwo span { font-size: 12px; }
    .choose-team .container { background: none; }
    .choose-team .plancontainer .plandorpdownbottom { float: none; margin: 20px auto; }
    .choose-team .plancontainer .teamphotoscontainer li { margin-bottom: 10px }
    .SquadInt .choose-team .plancontainer .image-mini { width: 72px; height: 75px; margin: 0; }
    .chooseSquadInt { background-color: #000; }
    .chooseSquadInt .container { background: none; }
    .chooseSquadInt .LandingPage { margin-bottom: 0px; padding-bottom: 65%; }
    .teamPageFeatTtl { margin-left: 0; width: 100% }
    .galleryTitle h2 { display: none }
    .LandingPage.ahpy .landingTeam { width: 250px; margin-top: 70px; right: auto }
    .LandingPage.ahpy .landingTeam img { width: 125px }
    .LandingPage.ahpy .teamsName p { font-size: 42px; line-height: 1.2; }
    .LiveStreem .desc { width: 40% }
    .LiveStreem ul li:first-child .desc p { font-size: 1em; }
    .LiveStreem .desc span { font-size: .6em; top: 40%; }
    .ESFeaturedArea ul li:first-child .desc span { bottom: 8%; }
    .ESMultimedia ul li { width: calc((100% - 12.1px) / 2) }
    .ESMultimedia ul li:first-child { width: 100% }
    .ESMultimedia ul li:nth-child(3), .ESMultimedia ul li:nth-child(5), .ESMultimedia ul li:last-child { margin-left: 6px }
    .ESMultimedia ul li:nth-child(7), .ESMultimedia ul li:nth-child(8), .ESMultimedia ul li:last-child { margin-bottom: 6px }
    .ESMultimedia ul li:nth-child(7), .ESMultimedia ul li:nth-child(8), .ESMultimedia ul li:last-child { margin-bottom: 0 }
    .ESNews ul li { width: 100%; margin-left: 0; margin-bottom: 10px }
    .ESNews ul li a .imageCntnr { width: 150px; padding-bottom: calc((150px * 67)/ 100); float: right; }
    .ESNews ul li .desc { float: right; position: relative; width: calc(100% - 150px); height: auto; display: inline-block; padding: 7px 10px; }
    .ESNews ul li .desc p { position: relative; padding: 0; height: 27px }
    .acn .acnCompCont { padding-top: 0; width: 100%; margin: 0 0 30px; }
    .acn .acnCompCont .containermain { padding: 0 0 51% 0; height: auto }
    .acn .acnCompCont .containermain .stepOne,
    .acn .acnCompCont .containermain .stepTwo,
    .acn .acnCompCont .containermain .stepThree { position: absolute; top: 30px; left: 30px; right: 30px; bottom: 30px; width: calc(100% - 60px); height: calc(100% - 60px) }
    .acnCompCont .headerPES { margin-bottom: 20px }
    .acnCompCont .headerPES h1 { font-size: 24px }
    .acnCompCont .socialiconCont { margin-top: 3px }
    .acnCompCont .maintitle { font-size: 16px; line-height: 1.6 }
    .acnCompCont .maintitle span:first-child { font-size: 26px }
    .acnCompCont .fblogin input { height: 36px !important }
    .acnCompCont .fblogin .ctrls input:last-of-type { margin-bottom: 0 !important }
    .acnCompCont .sponsoredBy { margin: 10px calc((100% - 230px) / 2); width: 230px }
    .acnCompCont .sponsoredBy img.yk { height: 24px; margin-top: 13px }
    .acnCompCont .sponsoredBy img.ul { height: 50px }
    .acnCompCont .fblogin h2 { font-size: 14px }
    .acnCompCont .fblogin a { margin: 10px calc((100% - 180px) / 2); width: 180px; height: 36px; line-height: 2.5; }
    .acnCompCont .questionDiv p { font-size: 20px; margin: 20px 0; }
    .acnCompCont .questionDiv li { padding: 4px 18px }
    .acnCompCont .questionDiv ul { margin: 0 auto 30px }
    .acnCompCont .questionDiv .nextquest { width: 150px }
    .acnCompCont .questionDiv .err { margin: 20px 0; font-size: 14px; }
    .acnCompCont .result { font-size: 20px; margin-top: 80px; }
    .acnCompCont .result span { font-size: 26px }
    .timer { right: 0; bottom: 0px; }
    .acnCompCont .stepTwo .sponsoredBy { left: 0px; bottom: 0px; }
    .acnCompCont .stepThree .sponsoredBy { left: 0px; bottom: 0px; }
    .acnCompCont .tshirt { right: 0px }
    .acnCompCont .tshirt img { width: 150px; }
    /*.acn_Cup .acnToCup .containermain .sponsor-logo {right: 26%;}*/
    .acnToCup .fblogin input { height: 30px !important }
    .acn_Cup .acnToCup #PersonalData { top: 15px }
    .acn_Cup .acnToCup .containermain .sponsor-logo { top: 15px }
    .acnToCup .fblogin a.regBtn { height: 30px; line-height: 2; width: 110px; margin: 5px calc((100% - 110px) / 2) !important; }
    .acn_Cup .acnToCup .containermain .sponsor-logo img { width: 60px }
    .acnToCup .fblogin h2.continue { display: none }
    .medal { margin: 0 calc((100% - 300px) / 2) 20px }
    .medalPage .medal { margin: 0 0 20px 0 }
}

@media screen and (min-width:320px) and (max-width:670px) {
    .ShareBK .ShareImg { padding-bottom: 109.54%; width: auto; margin: 0; }
}
/** Mobile **/
@media screen and (min-width:320px) and (max-width:767px) {
    header .logo { margin: 15px calc((100% - 234px) / 2); width: 134px; height: 20px; padding: 0; background: url(../../Images/ykLogo.png) center center/121px 20px no-repeat;}
    header .logo img { width: auto; height: 100% }
    .mobStickyBar { display: inline-block }
    .sticky { height: 50px }
    .sponsorSticky .container { margin-top: 100px; }
    .content-wrap { padding: 0px; min-height: unset }
    .content { padding: 10px }
    .leaderboardCnts { min-width: 320px; min-height: 50px; margin: 0 calc((100% - 320px) / 2); }
    .leaderboardDiv .leaderboard { min-width: 320px; }
    .leaderboard .adAsync iframe { width: 320px }
    /*.menuDiv .tab .cntr { padding: 0; width: 100%; height: 100%; }
    .menuDiv .tab { width: 150px;height:unset }
    .menuDiv .tab a { font-size: 12px; width: 100%; padding: 12px 10px; }*/
    .menuDiv .tab .socialMobileView { display: inline-block; width: 100%; height: 30px; margin: 12px auto 20px; position: relative; }
    .menuDiv .tab .socialMobileView a { float: right; margin-left: 6px; color: #7f7f7f; width: 23px; height: 26px; font-size: 17px; line-height: 2.1;  padding: 0; text-align: center; }
    .menuDiv .tab .socialMobileView a.icon-tiktok:before { content:'';background:url(../Images/tiktokMenu.png) no-repeat center center;width: 18px;height: 18px;margin-top: 3px;background-size:100%}
    .menuDiv .tab .socialMobileView a:last-child { margin-left: 0; }
    .menuDiv .tab .socialMobileView a.icon-fb:before { content: "b"; color: #fff }
    .menuDiv .tab .socialMobileView a.icon-tw:before { content: "!"; color: #fff }
    .menuDiv .tab .socialMobileView a.icon-yt:before { content: "f"; color: #fff }
    .menuDiv .tab .socialMobileView a.icon-insta:before { content: "e"; color: #fff }
    .menuDiv .tab .socialMobileView a.icon-whats:before { content: "Y"; color: #fff }
  /* .menuDiv .tab .socialMobileView a.icon-fb:hover { background: #4267b2 }
    .menuDiv .tab .socialMobileView a.icon-tw:hover { background: #1da1f2 }
    .menuDiv .tab .socialMobileView a.icon-yt:hover { background: #f00f00 }
    .menuDiv .tab .socialMobileView a.icon-insta:hover { background: #3897f0 }
    .menuDiv .tab .socialMobileView a.icon-whats:hover { background: #25D366 }*/

    .menuDiv .tab .linksMenuMobileView { display: inline-block; width: 100%; margin: 20px auto 0; position: relative;}
    .menuDiv .tab .linksMenuMobileView a { float: right;width:100%; display: inline-block; margin-left: 0;   font-size: 11px; color: #fff; position: relative;padding:8px 10px }
    .menuDiv .tab .linksMenuMobileView a:last-child { margin-left: 0 }
    .menuDiv .tab .linksMenuMobileView a:hover { color: #0277bd }
   

    /*.menuDiv .tabContent { width: calc(100% - 150px); }*/
    .menuDiv .tabContent .cntr { overflow: scroll; padding: 10px 20px 10px 20px; width: 100%; height: 100%; }
    .menuDiv .tabContent .item { width: 100%; margin-left: 0; margin-bottom: 0 }
    .menuDiv .tabContent .item .title { font-size: 14px; margin-bottom: 5px; }
    .menuDiv .tabContent .item ul li a { font-size: 12px;color: #afafaf; }
    .menuDiv .tabContent .item ul li:hover a{color:unset}

    .menuDiv .mainSections{display:inline-block;float:right;width:100%;margin-top:20px}
    .menuDiv{background-color:#252525}
    .menuDiv .tab{width:100%;height:unset}
    .menuDiv .tabContent { width: 100%; background: #252525;}
     .menuDiv .tabContent:last-child, .menuDiv .tabContent:last-child .item{margin-bottom:0}
    .menuDiv .title, .menuDiv .tabContent .item .title{display:inline-block;width:100%;height:40px;background-color:#333333;color:#fff;padding:0 10px;float: right;z-index: 1;position: relative;line-height: 2.4;font-size: 16px;border-bottom: 0;  margin-bottom: 0;font-family:droidBold,arial}
    .menuDiv .tab  { padding: 0; width: calc(100% - 20px); height: calc(100% - 20px);margin-right:10px ;}
    .menuDiv .tab .cntr{width:100%;height:100%;padding:0;}
    .menuDiv .tab li, .menuDiv .tabContent .item ul li{display:inline-block;width:calc(100% / 2);height:30px;float:right;    line-height: 2.5;margin-top:12px;padding:0}
    .menuDiv .tabContent, .menuDiv .item{    display: inline-block; float: right;width: 100%;margin-bottom:30px;height:auto}
    .menuDiv .itemSub{display:inline-block;width:calc(100% / 2);height:100%;float:right;}
    .menuDiv .titleSub{display:inline-block;float:right;color:#F3F3F3;font-size:14px;height:auto;border-bottom:1px solid #494949;width:100%;padding:10px;margin-bottom:10px}
    .menuDiv .tabContent .itemSub ul li{width:100%;line-height:1.5;    height: 35px; margin-bottom: 15px;}
    .menuDiv .tab a { font-size: 13px; width: 100%; padding: 0 10px; background-color:transparent}
    .menuDiv .itemBox{display: flex;flex-direction: row;width:100%;justify-content: space-between;flex-wrap: wrap;}
    .menuDiv .itemBox .itemSub:first-child{order:1}
    .menuDiv .itemBox .itemSub:nth-child(2){order:2}
    .menuDiv .itemBox .itemSub:nth-child(3){order:3;width:calc(100% / 2)}
    .menuDiv .itemBox .itemSub:nth-child(4){order:4}
    /*.menuDiv .itemBox .itemSub:nth-child(5){order:3}*/
    .menuDiv .tabContent.links{margin-bottom:5px}
    .menuDiv .tabContent.links a{color: #fff;font-size: 15px;padding:0}
     .menuDiv .tabContentBox.dropopen, .menuDiv .tabContent .item ul.dropopen{display:none}
     .menuDiv .tabLinksArrow .title:before{content:'F';color:#fff;float: left;line-height: 3;font-size: 13px;}
     .menuDiv .tabLinksArrow.active .title:before, .menuDiv .item.active .title:before{transform:rotate(180deg)}


    .openSearch .searchDiv { overflow: hidden }
    .searchDiv .searchContainer { overflow: scroll; height: 100% }
    .searchDiv .searchContainer .search { width: 100%; margin: 0 }
    .searchDiv .searchContainer .search input { height: 40px; font-size: 16px; width: 100%; padding: 0 10px }
    .searchDiv .searchContainer .search .input::-webkit-input-placeholder { font-size: 16px; }
    .searchDiv .searchContainer .search a { width: 40px; height: 38px; font-size: 22px }
    .searchDiv .searchContainer .search a.icon-search:before { line-height: 1.8 }
    .searchDiv .searchContainer { padding: 30px 10px }
    .searchDiv .searchContainer .trendsContent { margin-top: 40px }
    .searchDiv .searchContainer .trendsContent h2 { font-size: 18px }
    .searchDiv .searchContainer .trendsContent .ttl { height: 54px; }
    .searchDiv .searchContainer .trendsContent .keywordsDiv .item { padding: 0 24px; font-size: 14px; height: 34px }
    .ttl { font-size: 16px }
    .ttl h2, .ttl h3 { line-height: 2.5 }
    .stats .leagueStats .nextPrev { width: 42px }
    .stats .leagueStats .nextPrev a { width: 20px }
    .featuredArea { margin-left: 0; width: 100%; }
    .featuredArea ul li .secName { right: 130px; top: 2px; font-size: 11px }
    .featuredArea ul li a .imageCntnr { width: 120px; padding-bottom: calc((120px * 67)/ 100) }
    .featuredArea .desc { width: calc(100% - 120px); margin-top: 24px; padding: 0 10px }
    .featuredArea ul li .desc p { font-size: 12px; height: 54px; overflow: hidden; line-height: 1.5 }
    .featuredArea ul li:first-child .desc p { font-size: 16px; height: auto; line-height: 1.5 }
    .featuredArea .desc p:before { width: 36px; height: 16px; font-size: 10px; margin-top: 2px; line-height: 1.6 }
    .featuredArea ul li:first-child .desc p:before { width: 50px; height: 24px; margin-left: 10px; font-size: 13px; margin-top: 2px; line-height: 1.8 }
    .ESFeaturedArea { margin-left: 0; width: 100%; }
    .ESFeaturedArea ul li:first-child { height: 400px; }
    .ESFeaturedArea .desc { height: 45%; }
    /*.ESFeaturedArea ul li .secName{right:130px;top:2px;font-size:11px}
    .ESFeaturedArea ul li a .imageCntnr{width: 120px;padding-bottom: calc((120px * 67)/ 100)}
    .ESFeaturedArea .desc{width:calc(100% - 120px);margin-top: 24px;padding:0 10px}
    .ESFeaturedArea ul li .desc p{font-size:12px;height:54px;overflow:hidden;line-height:1.5}
    .ESFeaturedArea ul li:first-child .desc p{font-size:16px;height:auto;line-height:1.5}
    .ESFeaturedArea .desc p:before{width:36px;height:16px;font-size:10px;margin-top:2px;line-height:1.6}
    .ESFeaturedArea ul li:first-child .desc p:before{width:50px;height:24px;margin-left:10px;font-size:13px;margin-top:2px;line-height:1.8}*/
    .ESBanner { float: none; margin: 0 auto 20px }
    .showcaseDiv { margin: 0 calc((100% - 300px)/ 2) 20px; }
    .interestedArticles { width: 100%; padding: 5px 10px 10px; margin: 0 0 20px }
    .interestedArticles .cnts li p { font-size: 12px }
    .entrypoints { width: 300px; height: auto; margin: 0 calc((100% - 300px) / 2) 20px; }
    .entrypoints .bx-wrapper { margin-left: 0 !important; margin-bottom: 10px !important }
    .entrypoints .bx-wrapper:nth-child(3n), .entrypoints .bx-wrapper:last-child { margin-bottom: 0 !important }
    .entryPointSlider { width: 300px; margin-left: 0; margin-bottom: 10px }
    .entryPointSlider:last-of-type { margin-bottom: 0 }
    .entrypoints .item { display: inline-block; float: right; width: 100%; height: auto; margin-bottom: 0; margin-left: 0px; }
    .entrypoints img { width: 100%; height: auto }
    .entrypoints .bx-wrapper { float: right; width: 100%; margin-left: 0 !important }
    .entrypoints .bx-wrapper:nth-child(3n), .entrypoints .bx-wrapper:last-child { margin-left: 0 !important }
    .pattern1 { margin-left: 0; width: 100%; }
    .pattern1 ul li .secName { right: 130px; top: 2px; font-size: 11px }
    .pattern1 ul li a .imageCntnr { width: 120px; padding-bottom: calc((120px * 67)/ 100) }
    .pattern1 ul li .desc { width: calc(100% - 120px); margin-top: 24px; padding: 0 10px }
    .pattern1 ul li .desc p { font-size: 12px; height: 54px; overflow: hidden; line-height: 1.5; margin-bottom: 0 }
    .pattern1 ul li .desc .time { display: none }
    .pattern1 ul li .desc p:before { width: 40px; height: 18px; margin-left: 6px; font-size: 12px; margin-top: 1px }
    article .pattern01 { width: 100%; margin-right: 0 }
    .listing { margin-left: 0; width: 100%; }
    .listing ul { min-height: unset }
    .listing ul li .secName { right: 130px; top: 2px; font-size: 11px }
    .listing ul li a .imageCntnr { width: 120px; padding-bottom: calc((120px * 67)/ 100) }
    .listing ul li .desc { width: calc(100% - 120px); margin-top: 24px; padding: 0 10px }
    .listing ul li .desc p { font-size: 12px; height: 54px; overflow: hidden; line-height: 1.5; margin-bottom: 0 }
    .listing ul li .desc .time { display: none }
    .stats { margin-left: 0; width: 100%; height: auto }
    .movedSC .showcaseDiv { display: inline-block; margin: 0 calc((100% - 300px) / 2) 20px }
    .stats .item { width: 100%; margin-left: 0; margin-bottom: 10px }
    .stats .item:last-child { margin-bottom: 0 }
    .pattern2 ul li { width: calc((100% - 6.1px) / 2); background: #fff }
    .pattern2 ul li:first-child { width: 100% }
    .pattern2 .desc { position: relative; background: none; padding-bottom: 10px; }
    .pattern2 .desc p { position: relative; color: #000; font-size: 12px; height: 67px; overflow: hidden; }
    .pattern2 ul li:first-child .desc { position: absolute; background: linear-gradient(270deg,rgba(0,0,0,0),#000000); background: -webkit-linear-gradient(270deg,rgba(0,0,0,0),#000); background: -o-linear-gradient(270deg,rgba(0,0,0,0),#000); background: -moz-linear-gradient(270deg,rgba(0,0,0,0),#000); background: -ms-linear-gradient(270deg,rgba(0,0,0,0),#000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#004c4c4c',endColorstr='#ff1a3b00',GradientType=0); }
    .pattern2 ul li:first-child .desc p { position: absolute; color: #fff; font-size: 16px; line-height: 1.5; height: auto; }
    .pattern2 ul li:nth-child(2), .pattern2 ul li:nth-child(3), .pattern2 ul li:nth-child(5), .pattern2 ul li:nth-child(6), .pattern2 ul li:last-child { margin-left: 6px }
    .pattern2 ul li:nth-child(7), .pattern2 ul li:nth-child(8), .pattern2 ul li:last-child { margin-bottom: 6px }
    .pattern2 ul li:nth-child(3), .pattern2 ul li:nth-child(5), .pattern2 ul li:nth-child(7), .pattern2 ul li:last-child { margin-left: 0 }
    .pattern2 ul li:nth-child(8), .pattern2 ul li:last-child { margin-bottom: 0 }
    .pattern3 { margin-left: 0; width: 100% }
    .pattern3 ul li:first-child { width: 100%; margin-left: 0 }
    .pattern3 ul li { width: 100%; margin-left: 0; background: #fff; margin-bottom: 10px }
    .pattern3 ul li .secName { right: 130px; top: 8px; background: none; color: #989898; padding: 0; font-size: 12px; line-height: 1.8; }
    .pattern3 ul li:first-child .secName { right: 0; top: 0; background: rgba(0,0,0,0.7); color: #fff; padding: 0 10px; line-height: 2.4; }
    .pattern3 ul li a .imageCntnr { width: 120px; padding-bottom: calc((120px * 67)/ 100); float: right; }
    .pattern3 ul li:first-child a .imageCntnr { width: 100%; padding-bottom: 67%; float: right; margin-left: 0 }
    .pattern3 ul li .desc { float: right; position: relative; width: calc(100% - 120px); height: auto; display: inline-block; background: #fff; padding: 0 10px; margin-top: 24px }
    .pattern3 ul li:first-child .desc { width: 100%; margin-top: 10px; }
    .pattern3 ul li .desc h3 { font-size: 12px; height: 36px; overflow: hidden; line-height: 1.5; margin-bottom: 0; margin-top: 10px }
    .pattern3 ul li:first-child .desc h3 { font-size: 16px; height: auto }
    .pattern3 ul li .desc p { color: #000; position: relative; padding: 0; font-size: 12px; height: 54px; overflow: hidden; line-height: 1.5 }
    .pattern3 ul li .desc .time { display: none }
    .pattern3 ul li:first-child .desc .time { margin: 30px 0 10px; }
    .pattern3 ul li:first-child .desc p { color: #000; padding: 0; font-size: 12px; height: auto; line-height: 1.8; margin-bottom: 10px }
    .pattern3 ul li:nth-child(4), .pattern3 ul li:nth-child(5), .pattern3 ul li:last-child { margin-bottom: 10px }
    .pattern3 ul li .secName .icon { width: 20px; height: 20px; margin-left: 5px }
    .pattern3 ul li .secName .icon:before { font-size: 12px !important }
    .pattern3 ul li:first-child .secName .icon { width: 30px; height: 30px; margin-left: 5px }
    .pattern3 ul li:first-child .secName .icon:before { font-size: 16px !important }
    .tourMenu .ttl { margin-bottom: 20px; height: auto }
    .tourNav { width: 100%; margin: 20px 0 0 }
    .tourNav a { font-size: 11px; padding: 0 4px; line-height: 1.4 }
    .tourNav a:first-child { padding-right: 0 }
    .tourMatches { margin: 0 0 20px; width: 100% }
    .tourStats.stats .item { width: 100%; margin-left: 0 }
    .articleHeader .ttl { margin-bottom: 20px; height: auto }
    .articleHeader .articleInfo .time { font-size: 13px; padding: 11px 0 }
    .albumTemp .articleHeader .articleInfo { height: 56px }
    .videoTemp .articleHeader .articleInfo { height: 56px }
    article .keywordsDiv .item { font-size: 12px; height: auto }
    article .stats { height: auto; margin-bottom: 0 }
    .dataKeywords { height: auto }
    .dataKeywords .item { width: 100%; margin-left: 0; margin-bottom: 10px; padding-bottom: 10px; position: relative }
    .dataKeywords .item:after { content: ""; position: absolute; bottom: 0; right: 0; width: 100%; height: 1px; background: #e8e8e8 }
    .dataKeywords .item:nth-child(2) { width: 100% }
    .dataKeywords .item:last-child { margin-bottom: 0; padding-bottom: 0 }
    .dataKeywords .item:last-child:after { display: none }
    .dataKeywords .links { width: 100%; margin-top: 0 }
    .dataKeywords .more { width: calc((100% - 10px) / 2) }
    .videoCntnr .twitter-tweet { margin: 0 !important; position: static !important; padding-bottom: 90%; }
    .relatedArticles { margin-bottom: 20px; padding: 0; background: none }
    .relatedArticles ul li.item .desc h3 { font-size: 12px; height: auto; line-height: 1.6 }
    .relatedArticles ul li.item .nextPrev:after { font-size: 11px; margin-bottom: 3px }
    .paging ul { margin-left: 10px }
    .paging ul:nth-child(2) { display: none }
    .paging ul:last-child { margin-left: 0 }
    article .total { width: 100%; margin-bottom: 20px; }
    .articleHeader .authoer-img { width: 100px; height: 100px }
    .articale_Section .articleHeader .articale-info { width: 100%; margin-top: 10px; }
    .Team_Page .list .Team1 ul li { width: 100%; }
    .mtchDtlsRslt { background: url(../../Images/matchDtlsBg.jpg) no-repeat center top 0; background-size: cover; }
    .mtchDtlsRslt li { padding: 20px 10px }
    .mtchDtlsRslt li .resultDiv { width: 80px; height: 80px }
    .mtchDtlsRslt li .resultDiv .mainCircle { width: 80px; height: 80px; border: 8px solid #000 }
    #timer { width: 80px; height: 80px }
    .pietimer > .slice { width: 80px; height: 80px; clip: rect(0px,80px,80px,40px); }
    .pietimer > .slice > .pie { border: 8px solid #0277bd !important; width: 80px; height: 80px; clip: rect(0px,40px,80px,0px) }
    .pietimer.fill > .slice > .pie { width: 80px; height: 80px; }
    .mtchDtlsRslt li .resultDiv .matchResult { width: 80px; height: 80px; }
    .mtchDtlsRslt li .resultDiv .result { padding: 0 10px; top: 30px; left: 6px; width: 68px }
    .mtchDtlsRslt li .resultDiv .result span { font-size: 18px }
    .mtchDtlsRslt li .resultDiv .countUp { bottom: 16px; left: 8px; width: 64px; color: #7e7e7e; font-size: 14px }
    .mtchDtlsRslt li .resultDiv p { bottom: -24px; top: auto; font-size: 11px; }
    .mtchDtlsRslt li .teamA, .mtchDtlsRslt li .teamB { width: calc((100% - 80px) / 2); margin-top: 0 }
    .mtchDtlsRslt li .teamA { padding-left: 0 }
    .mtchDtlsRslt li .teamB { padding-right: 0 }
    .mtchDtlsRslt li .teamA a { float: right }
    .mtchDtlsRslt li .teamB a { float: left; }
    .mtchDtlsRslt li .teamA img, .mtchDtlsRslt li .teamB img { height: 50px }
    .mtchDtlsRslt li .teamA img { margin-right: 0; float: none; }
    .mtchDtlsRslt li .teamB img { margin-left: 0; float: none; }
    .mtchDtlsRslt li .teamA p, .mtchDtlsRslt li .teamB p { width: 100%; line-height: 1.4; font-size: 12px; margin-top: 10px; height: 32px; overflow: hidden }
    .mtchDtlsRslt li .teamA .matchScorer .goal { float: right; margin-right: 0; margin-bottom: 10px; width: 100% }
    .mtchDtlsRslt li .teamB .matchScorer .goal { float: left; margin-left: 0; margin-bottom: 10px; width: 100% }
    .mtchDtlsRslt li .matchScorer .icon-goal:before { font-size: 16px; height: 15px; width: 15px; margin-top: 4px; display: none }
    .mtchDtlsRslt li .matchScorer .goal .time { font-size: 11px }
    .mtchDtlsRslt li .matchScorer .goal .player { font-size: 9px; color: #fff }
    .mtchDtlsRslt li .matchDetails { height: auto }
    .mtchDtlsRslt li .matchDetails .cnts { min-width: 100%; width: 100%; position: relative }
    .mtchDtlsRslt li .matchDetails .item { width: calc((100% - 20px) / 2); margin-left: 20px; margin-bottom: 10px }
    .mtchDtlsRslt li .matchDetails .item:nth-child(2n) { margin-left: 0 }
    .mtchDtlsRslt li .matchDetails .item:nth-child(3), .mtchDtlsRslt li .matchDetails .item:nth-child(4) { margin-bottom: 0 }
    .mtchDtlsRslt li .matchDetails .item p { font-size: 12px; line-height: 2; }
    .mtchDtlsRslt li .matchDetails .item:nth-child(1), .mtchDtlsRslt li .matchDetails .item:nth-child(3) { width: 80px }
    .mtchDtlsRslt li .matchDetails .item:nth-child(2), .mtchDtlsRslt li .matchDetails .item:nth-child(4) { width: calc(100% - 100px) }
    .mtchDtlsRslt li .teamB .matchScorer .goal .time { float: left; margin-left: 0; margin-right: 5px }
    .mtchDtlsRslt li .teamB .matchScorer .goal .player { float: left }
    .matchDetailsTabs .tab { width: 100% }
    .matchDetailsTabs .tab button { width: calc((100% - 15px) / 4) }
    .matchDetailsTabs .matchDetailsTtl { width: 100%; margin: 0; height: 96px }
    .matchDetailsTabs .matchDetailsTtl .team { top: 48px; padding: 14px 10px }
    .matchDetailsTabs .matchDetailsTtl .team img { height: 22px }
    .matchDetailsTabs .matchDetailsTtl .team p { font-size: 12px; line-height: 1.8 }
    .matchDetailsTabs .timeline { width: 100%; margin: 10px 0 0; }
    .matchDetailsTabs .timeline .cnts { margin: 0 10px 10px; width: calc(100% - 20px) }
    .matchDetailsTabs .timeline .cnts ul li .goalDtls { padding: 10px }
    .matchDetailsTabs .timeline .cnts ul li .goalDtls .player { width: 100%; margin-left: 0 }
    .matchDetailsTabs .timeline .cnts ul li .goalDtls .player .image { width: 54px; height: 54px }
    .matchDetailsTabs .timeline .cnts ul li .goalDtls .player .image img { width: 54px; height: 54px }
    .matchDetailsTabs .timeline .cnts ul li .goalDtls .player .name { width: calc(100% - 64px) }
    .matchDetailsTabs .timeline .cnts ul li .goalDtls .player .name p { font-size: 12px }
    .matchDetailsTabs .timeline .cnts ul li .goalDtls .player .name a { font-size: 13px }
    .matchDetailsTabs .timeline .cnts ul li .goalDtls .player .name a:nth-child(2n+1) { font-size: 12px }
    .matchDetailsTabs .timeline .cnts ul li .goalDtls .team { display: none }
    .matchDetailsTabs .timeline .cnts ul li .subDtls { padding: 10px }
    .matchDetailsTabs .timeline .cnts ul li .subDtls .player { width: 100%; margin-left: 0; margin-bottom: 20px }
    .matchDetailsTabs .timeline .cnts ul li .subDtls .player:nth-child(2) { margin-bottom: 0 }
    .matchDetailsTabs .timeline .cnts ul li .subDtls .player .image { width: 54px; height: 54px }
    .matchDetailsTabs .timeline .cnts ul li .subDtls .player .image img { width: 54px; height: 54px }
    .matchDetailsTabs .timeline .cnts ul li .subDtls .player .name { width: calc(100% - 64px) }
    .matchDetailsTabs .timeline .cnts ul li .subDtls .player .name p { font-size: 12px }
    .matchDetailsTabs .timeline .cnts ul li .subDtls .player .name a { font-size: 13px }
    .matchDetailsTabs .timeline .cnts ul li .subDtls .player .name a:nth-child(2n+1) { font-size: 12px }
    .matchDetailsTabs .timeline .cnts ul li .subDtls .team { display: none }
    .matchDetailsTabs .timeline .cnts ul li .videoCntnr iframe, .matchDetailsTabs .timeline .cnts ul li .videoCntnr div, .matchDetailsTabs .timeline .cnts ul li .imageCntnr img { width: 268px !important; height: 201px !important; }
    .matchDetailsTabs .timeline .cnts ul li .videoCntnr twitterwidget { width: 268px !important; height: auto !important; }
    .matchDetailsTabs .timeline .cnts ul li .imageCntnr img { height: auto !important }
    .matchDetailsTabs .timeline.events .cnts ul li p { font-size: 12px }
    .matchDetailsTabs .timeline.events .cnts ul li.sub p span:after { width: 24px; height: 24px }
    .matchDetailsTabs .timeline.events .cnts ul li .min:after { width: 24px; height: 24px }
    .matchDetailsTabs .timeline.events .cnts ul li.left .min:after { left: -40px }
    .matchDetailsTabs .timeline.events .cnts ul li.left.sub p span:after { right: 7px }
    .matchDetailsTabs .timeline.events .cnts ul li.left p { padding: 8px 40px 8px 8px; }
    .matchDetailsTabs .timeline.events .cnts ul li.right p { padding: 8px 8px 8px 40px; }
    .matchDetailsTabs .timeline.events .cnts ul li.sub p .subOut:before { width: 24px; height: 24px; background-size: 12px; top: 0 }
    .matchDetailsTabs .timeline.events .cnts ul li.sub p .subIn:before { width: 24px; height: 24px; background-size: 12px; top: 0 }
    .matchDetailsTabs .timeline.events .cnts ul li.right.sub p span:before { left: -34px; }
    .matchDetailsTabs .timeline.events .cnts ul li.left.sub p span:before { right: -34px; }
    .matchDetailsTabs .timeline.events .cnts ul li.goal .min:after { background: url(../../Images/ball.png) center center no-repeat #fff; background-size: 16px; }
    .matchDetailsTabs .timeline.events .cnts ul li.owngoal .min:after { background: url(../../Images/ownGoal.png) center center no-repeat #fff; background-size: 16px; }
    .matchDetailsTabs .timeline.events .cnts ul li.subIn .min:after { background: url(../../Images/subIn.png) center center no-repeat #fff; background-size: 16px; }
    .matchDetailsTabs .timeline.events .cnts ul li.subOut .min:after { background: url(../../Images/subOut.png) center center no-repeat #fff; background-size: 16px; }
    .matchDetailsTabs .timeline.events .cnts ul li.referee .min:after { background: url(../../Images/referee.png) center center no-repeat #fff; background-size: 22px; width: 34px; height: 34px }
    .matchDetailsTabs .timeline.events .cnts ul li.yellowCard .min:after { background: url(../../Images/yellowCard.png) center center no-repeat #fff; background-size: 10px; }
    .matchDetailsTabs .timeline.events .cnts ul li.redCard .min:after { background: url(../../Images/redCard.png) center center no-repeat #fff; background-size: 10px; }
    .matchDetailsTabs .timeline.events .cnts ul li.sub p .span:before { width: 24px; height: 24px }
    .matchDetailsTabs .timeline.stats .cnts ul li { padding: 14px 10px 44px; }
    .matchDetailsTabs .timeline.stats .cnts ul li .desc { font-size: 13px; width: 100% }
    .matchDetailsTabs .timeline.stats .cnts ul li .value { font-size: 15px; width: 32px; line-height: 1.2 }
    .matchDetailsTabs .timeline.stats .cnts ul li:first-child { padding: 14px 10px }
    .matchDetailsTabs .timeline.stats .cnts ul li:first-child .teamA { position: relative; width: calc((100% - 100px) / 2); bottom: auto; right: auto }
    .matchDetailsTabs .timeline.stats .cnts ul li:first-child .teamB { position: relative; width: calc((100% - 100px) / 2); bottom: auto; left: auto }
    .matchDetailsTabs .timeline.stats .cnts ul li:first-child .value { font-size: 32px }
    .matchDetailsTabs .timeline.stats .cnts ul li:first-child .teamA .value { text-align: left }
    .matchDetailsTabs .timeline.stats .cnts ul li:first-child .teamB .value { text-align: right }
    .matchDetailsTabs .timeline.stats .cnts ul li:first-child .desc { width: 100px; line-height: 3 }
    .matchDetailsTabs .timeline.stats .cnts ul li:first-child .value { width: 100% }
    .matchDetailsTabs .timeline.stats .cnts ul li .teamA .value { margin-right: 5px; text-align: right }
    .matchDetailsTabs .timeline.stats .cnts ul li .teamB .value { margin-left: 5px; text-align: left }
    .matchDetailsTabs .timeline.stats .cnts ul li .teamA { width: 50%; position: absolute; right: 0; bottom: 14px }
    .matchDetailsTabs .timeline.stats .cnts ul li .teamB { width: 50%; position: absolute; left: 0; bottom: 14px }
    .matchDetailsTabs .timeline.stats .cnts ul li .slider { width: calc(100% - 47px) }
    .matchDetailsTabs .timeline.squad .cnts { position: relative }
    .matchDetailsTabs .timeline.squad .formation { position: absolute; left: 50%; transform: translateX(-50%); top: 0; margin-top: 0 }
    .matchDetailsTabs .timeline.squad .teamA, .matchDetailsTabs .timeline.squad .teamB { width: calc((100% - 20px) / 2); position: relative; padding: 12px 0; margin-top: 450px; }
    .matchDetailsTabs .timeline.squad .teamA { margin-left: 20px }
    .matchDetailsTabs .timeline.stats .cnts .prvsMtchRslt .teamA, .matchDetailsTabs .timeline.stats .cnts .prvsMtchRslt .teamB { width: 100%; position: relative; padding: 0 }
    .matchDetailsTabs .timeline.stats .cnts .prvsMtchRslt .teamA { margin-bottom: 20px }
    .matchDetailsTabs .timeline.stats .cnts .prvsMtchRslt .teamA { margin-left: 0 }
    .matchDetailsTabs .timeline.stats .cnts .prvsMtchRslt .item ul li .teamA, .matchDetailsTabs .timeline.stats .cnts .prvsMtchRslt .item ul li .teamB { height: auto; margin-bottom: 0; bottom: 0 }
    .matchDetailsTabs .timeline.squad .formation .teamA, .matchDetailsTabs .timeline.squad .formation .teamB { margin-top: 0 }
    .matchDetailsTabs .timeline.squad .teamA .matchSquad h3, .matchDetailsTabs .timeline.squad .teamB .matchSquad h3 { font-size: 13px }
    .matchDetailsTabs .timeline.squad .teamA .matchSquad ul li .playerNum, .matchDetailsTabs .timeline.squad .teamB .matchSquad ul li .playerNum { font-size: 12px; width: 14px }
    .matchDetailsTabs .timeline.squad .teamA .matchSquad ul li .playerName, .matchDetailsTabs .timeline.squad .teamB .matchSquad ul li .playerName { font-size: 11px; line-height: 1.6 }
    .matchDetailsTabs .timeline.squad .cnts ul li { height: 56px }
    .matchDetailsTabs .timeline.squad .cnts ul li a { position: absolute; top: 10px; transform: none; width: 100% }
    .matchDetailsTabs .timeline.squad .cnts .teamA ul li a { right: 0 }
    .matchDetailsTabs .timeline.squad .cnts .teamB ul li a { left: 0 }
    .matchDetailsTabs .timeline.squad .teamA .matchSquad ul li span { float: right; margin-right: 0; margin-left: 0; position: relative; margin-top: 22px }
    .matchDetailsTabs .timeline.squad .teamB .matchSquad ul li span { float: left; margin-left: 0; margin-right: 0; position: relative; margin-top: 22px }
    .matchDetailsTabs .timeline.squad .teamA .matchSquad ul li span:before { float: right }
    .matchDetailsTabs .timeline.squad .teamB .matchSquad ul li span:before { float: left }
    .matchDetailsTabs .timeline.squad .teamA .matchSquad ul li span.goal:after { float: right; margin-left: 0 }
    .matchDetailsTabs .timeline.squad .teamB .matchSquad ul li span.goal:after { float: left; margin-right: 0 }
    .matchDetailsTabs .timeline.squad .teamA .matchSquad ul li span.VoteBtn { position: absolute; left: 0; bottom: 5px; right: auto }
    .matchDetailsTabs .timeline.squad .teamB .matchSquad ul li span.VoteBtn { position: absolute; right: 0; bottom: 5px; left: auto }
    .matchDetailsTabs .timeline.squad .matchSquad ul li span.goal:before { background-size: 16px }
    .matchDetailsTabs .timeline.squad .matchSquad ul li span.subIn:before { background-size: 12px }
    .matchDetailsTabs .timeline.squad .matchSquad ul li span.subOut:before { background-size: 12px }
    .matchDetailsTabs .timeline.squad .matchSquad ul li span.yellowCard:before { background-size: 10px }
    .matchDetailsTabs .timeline.squad .matchSquad ul li span.redCard:before { background-size: 10px }
    .matchDetailsTabs .timeline.squad .teamA .coach, .matchDetailsTabs .timeline.squad .teamB .coach { font-size: 12px }
    .matchesCenter .tab { width: 100%; padding: 0 }
    .matchesCenter .tab button { width: calc((100% - 12px) / 8); height: 40px; margin-left: 2px }
    .matchesCenter .tab button:before { width: 30px; height: 30px }
    .matchesCenter .tab button.active { height: 42px }
    .matchesCenter .dayDtlsContent { margin-top: 42px }
    .matchesCenter .tab button p { font-size: 16px; padding: 0 }
    .matchesCenter .tab button span { font-size: 9px; margin-top: -1px }
    .matchesCenter .dateDiv { width: 30px; height: 30px; top: 6px }
    .matchesCenter .dayName { right: 10px; left: auto; transform: none; width: calc(100% - 20px); background: #fff }
    .matchesCenter .dayName h2 { font-size: 13px; width: 160px }
    .matchesCenter .dateBtn { width: 30px; height: 30px }
    .matchesCenter .icon-date:before { font-size: 18px; line-height: 1.6 }
    .matchesCenter .dayDetailsTtl { height: 90px }
    .matchesCenter .toursDropdown { width: calc((100% - 25px) / 2); position: absolute; right: 10px; bottom: 10px }
    .matchesCenter .matchesNow { width: calc((100% - 25px) / 2); position: absolute; left: 10px; bottom: 10px }
    .matchesCenter .toursMatchesNum { position: absolute; left: 20px; top: 13px; width: auto }
    .matchesCenter .toursMatchesNum p { font-size: 11px; margin-left: 10px }
    .matchesCenter .toursMatchesNum span { margin-left: 2px }
    .matchesCenter .toursMatchesNum p:after { left: -8px; top: -6px }
    .cd-gallery .matchItem .ttl { font-size: 13px; position: relative; height: 46px; padding-right: 3px; }
    .cd-gallery .matchItem .ttl img { margin-left: 3px; height: 30px; margin-top: 6px; }
    .cd-gallery .matchItem .ttl h2 { line-height: 3.4 }
    .cd-gallery .matchItem .ttl .links { width: 70px; position: absolute; top: 10px; left: 0; margin-top: 0 }
    .cd-gallery .matchItem .ttl .more { font-size: 11px; height: 24px; line-height: 2.4; margin-left: 0; width: 100%; margin-bottom: 5px; text-align: right }
    .cd-gallery .matchItem .ttl .more .icon-more:before { line-height: 1.8 }
    .cd-gallery .matchItem .ttl .more span { margin: 0 }
    .cd-gallery ul li { position: relative; padding: 10px }
    .cd-gallery li .week { position: absolute; bottom: 10px; right: 10px; margin-top: 0; font-size: 11px; line-height: 2.2; }
    .cd-gallery li .tv { position: absolute; bottom: 10px; left: 10px; margin-top: 0; font-size: 11px; max-width: 154px; line-height: 2.2; }
    .cd-gallery li .icon-tv:before { font-size: 12px; width: 18px; height: 18px; line-height: 1.5; margin-top: 3px }
    .cd-gallery li .teamA, .cd-gallery li .teamB { width: calc((100% - 60px) / 2); margin-top: 0 }
    .cd-gallery li .teamA { padding-left: 10px }
    .cd-gallery li .teamB { padding-right: 10px }
    .cd-gallery li .teamA img, .cd-gallery li .teamB img { height: 30px }
    .cd-gallery li .teamA .teamName, .cd-gallery li .teamB .teamName { font-size: 11px; height: 24px }
    .cd-gallery li .matchScorer .goal:last-child { margin-bottom: 40px }
    .cd-gallery li .matchScorer .goal .player { font-size: 11px; line-height: 1.6 }
    .cd-gallery li .resultDiv { width: 60px; height: 90px }
    .cd-gallery li .resultDiv .result { font-size: 20px }
    .cd-gallery li .resultDiv .result:first-child:after { left: -3px }
    .cd-gallery li .resultDiv .matchTime { font-size: 16px }
    .cd-gallery li .resultDiv .matchStatus .status { width: 60px; margin: 0 }
    .cd-gallery li .resultDiv .moreDtls { font-size: 10px }
    .cd-gallery li .resultDiv .moreDtls:before { content: "الملخص"; line-height: 2.4 }
    .cd-gallery li .matchScorer .icon-goal:before { font-size: 18px; display: none }
    .cd-gallery li .matchScorer .goal .time { line-height: 1.5; font-size: 12px }
    .cd-gallery li .teamA .matchScorer .goal .time { margin-right: 5px }
    .cd-gallery li .teamB .matchScorer .goal .time { margin-left: 5px }
    .fixtures .cd-gallery li .icon-date:before { font-size: 12px; width: 18px; height: 18px; line-height: 1.5; margin-top: 3px; }
    .matchesCenter.fixtures .fTab { padding: 0 44px 0 44px; height: 44px }
    .matchesCenter.fixtures .fTab button { height: 40px }
    .matchesCenter.fixtures .fTab button p { font-size: 16px }
    .matchesCenter.fixtures .fTab button.active { height: 45px; }
    .matchesCenter.fixtures .fTab button:before { width: 30px; height: 30px }
    .matchesCenter.fixtures.championship .fTab button p { font-size: 9px; width: 30px }
    .matchesCenter.fixtures .bx-wrapper .bx-controls-direction a { width: 40px; height: 40px; }
    .matchesCenter.fixtures .bx-wrapper .bx-controls-direction a:before { line-height: 1.5; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) }
    .matchesCenter.fixtures .bx-wrapper .bx-prev { right: -44px; }
    .matchesCenter.fixtures .bx-wrapper .bx-next { left: -44px; }
    .matchesCenter.fixtures .dayDetailsTtl { height: 48px }
    .matchesCenter.fixtures .bx-wrapper .bx-controls-direction a:before { font-family: "ykIcons" }
    .matchesCenter.fixtures .bx-wrapper .bx-next:before { content: "j"; font-size: 26px }
    .matchesCenter.fixtures .bx-wrapper .bx-prev:before { content: "i"; font-size: 26px }
    .matchesCenter.fixtures .dayDetailsTtl { height: 48px }
    .matchesCenter.fixtures .dayName { width: auto; transform: translateX(-50%); left: 50%; right: auto }
    .standing .table .ttlRow .itemTtl { width: 40px; font-size: 12px; line-height: 2.2 }
    .standing .table .ttlRow .itemTtl:last-child { width: 100px; display: none }
    .standing .table .ttlRow .itemTtl:nth-child(2) { width: calc(100% - 90px); }
    .standing .table .ttlRow .itemTtl:nth-child(3), .standing .table .ttlRow .itemTtl:nth-child(4),
    .standing .table .ttlRow .itemTtl:nth-child(5), .standing .table .ttlRow .itemTtl:nth-child(6),
    .standing .table .ttlRow .itemTtl:nth-child(7), .standing .table .ttlRow .itemTtl:nth-child(8) { display: none }
    .standing .table .wRow { height: 50px }
    .standing .table .wRow .item { width: 40px; font-size: 14px; line-height: 2.2 }
    .standing .table .wRow .team img { height: 28px }
    .standing .table .wRow .item p { font-size: 12px; line-height: 2.5 }
    .standing .table .wRow .item:last-child { width: 100px; display: none }
    .standing .table .wRow .item:nth-child(2) { width: calc(100% - 90px); }
    .standing .table .wRow .item:nth-child(3), .standing .table .wRow .item:nth-child(4),
    .standing .table .wRow .item:nth-child(5), .standing .table .wRow .item:nth-child(6),
    .standing .table .wRow .item:nth-child(7), .standing .table .wRow .item:nth-child(8) { display: none }
    .standing .tableDtls { width: 100%; margin: 0 }
    .standing .tableDtls .place { width: 100%; margin-left: 0; margin-bottom: 20px; font-size: 12px }
    .statsStand .ttl { height: auto }
    .statsStand.goals .ttl h2:after { margin-right: 5px; font-size: 13px; display: block }
    .statsStand .table .ttlRow .itemTtl { font-size: 10px; line-height: 2.6 }
    .statsStand .table .ttlRow .itemTtl:last-child { width: 90px; display: inline-block }
    .statsStand .table .ttlRow .itemTtl:nth-child(2) { width: calc(100% - 170px); }
    .statsStand .table .ttlRow .itemTtl:nth-child(3) { display: inline-block }
    .statsStand .table .wRow .item:last-child { width: 90px; display: inline-block }
    .statsStand .table .wRow .item:nth-child(2) { width: calc(100% - 170px); padding: 10px 5px }
    .statsStand .table .wRow .item:nth-child(3) { display: inline-block }
    .transfersPage .standing.left .table .ttlRow .itemTtl:nth-child(3),
    .transfersPage .standing.left .table .ttlRow .itemTtl:last-child { display: inline-block }
    .scorers .cnts li { width: 100%; margin-left: 0; height: 62px; margin-bottom: 10px }
    .scorers .cnts li .playerImg { width: 60px; height: 60px }
    .scorers .cnts li .playerDtls { padding: 6px 10px; width: calc(100% - 120px); }
    .scorers .cnts li .playerDtls .num { font-size: 14px; line-height: 1 }
    .scorers .cnts li .playerDtls .name { font-size: 12px }
    .scorers .cnts li .playerDtls .playerFooter .teamInfo p { font-size: 11px }
    .scorers .cnts li .goalsNum { width: 60px; height: 60px }
    .scorers .cnts li .goalsNum .num p { font-size: 20px }
    .scorers .cnts li .goalsNum .num span { font-size: 11px }
    .scorers .cnts li:first-child { height: 70px }
    .scorers .cnts li:first-child .playerDtls { padding: 8px 10px; width: calc(100% - 140px); }
    .scorers .cnts li:first-child .playerDtls .name { font-size: 16px; line-height: 1.4; }
    .scorers .cnts li:first-child .playerImg { width: 70px; height: 70px }
    .scorers .cnts li:first-child .goalsNum { width: 70px; height: 70px }
    .scorers .cnts li:first-child .goalsNum .num p { font-size: 28px }
    .scorers .cnts li:first-child .goalsNum .num span { font-size: 14px }
    .scorers .cnts li:first-child .playerDtls .playerFooter { margin-top: 16px }
    .scorers .cnts li:first-child .playerDtls .playerFooter .teamInfo img { display: none }
    .scorers .cnts li:first-child .playerDtls .playerFooter .teamInfo p { font-size: 14px; line-height: 1 }
    .scorers .cnts li:first-child .playerDtls .playerFooter .matches { display: none }
    .scorers .cnts li:first-child .playerDtls .playerFooter .assist { display: none }
    .groupTabs .tab { width: 100% }
    .groupTabs .tab button { width: calc((100% - 6px) / 4); height: 40px; margin-left: 2px; padding: 0 }
    .groupTabs .tab button p { padding: 0; font-size: 16px }
    .groupTabs .tab button span { font-size: 9px; margin-top: -1px; }
    .groupTabs .tab button:before { width: 30px; height: 30px }
    .groupTabs .tab button.active { height: 42px }
    .groupTabs .groupContent { margin-top: 42px }
    .groupTabs .table .ttlRow .itemTtl:nth-child(3), .groupTabs .table .ttlRow .itemTtl:nth-child(4),
    .groupTabs .table .ttlRow .itemTtl:nth-child(5), .groupTabs .table .ttlRow .itemTtl:nth-child(6),
    .groupTabs .table .ttlRow .itemTtl:nth-child(7), .groupTabs .table .ttlRow .itemTtl:nth-child(8),
    .groupTabs .table .ttlRow .itemTtl:nth-child(9) { display: none }
    .groupTabs .table .ttlRow .itemTtl:nth-child(2) { width: calc(100% - 100px); }
    .groupTabs .table .wRow .item:nth-child(3), .groupTabs .table .wRow .item:nth-child(4),
    .groupTabs .table .wRow .item:nth-child(5), .groupTabs .table .wRow .item:nth-child(6),
    .groupTabs .table .wRow .item:nth-child(7), .groupTabs .table .wRow .item:nth-child(8),
    .groupTabs .table .wRow .item:nth-child(9) { display: none }
    .groupTabs .table .wRow .item:nth-child(2) { width: calc(100% - 100px); margin-left: 0 }
    .tourListing .toursCntnr .tourItem .item { height: auto }
    .tourListing .toursCntnr .tourItem .item .dtls { width: 100%; margin-bottom: 15px }
    .tourListing .toursCntnr .tourItem .item .links { float: right }
    .tourListing .toursCntnr .tourItem .item .more { font-size: 12px; line-height: 3; margin-left: 8px; }
    .RoadToCup { display: inline-block; position: relative }
    .RoadToCup:before { content: ""; background: url(../../Images/RoadToCup/Share_Img.jpg) center top no-repeat #fff; background-size: 100%; position: absolute; top: 0; left: 0; width: 100%; height: 100% }
    .RoadToCup .leftSlide { float: left; width: calc((100% - 20px )/ 2); position: relative; height: 100%; }
    .RoadToCup .rightSlide { width: calc((100% - 20px)/ 2); float: right; position: relative; height: 100%; margin-left: 20px }
    .RoadToCup .Cupitem { width: 25%; height: 25px }
    .RoadToCup .option.icon-Darrow:before { line-height: 2 }
    .RoadToCup .DP { top: 24px }
    .RoadToCup .option span, .RoadToCup .option { font-size: 12px }
    .RoadToCup .DP li { font-size: 13px; }
    .RoadToCup .Cupitem { width: 90% }
    .RoadToCup .rightSlide h2, .RoadToCup .rightSlide .Cupitem, .RoadToCup .Winnerright h2, .RoadToCup .Winnerright2 h2, .RoadToCup .onewinner h2, .RoadToCup .Winnerright .Cupitem, .RoadToCup .Winnerright2 .Cupitem, .RoadToCup .onewinner .Cupitem { right: 0; }
    .RoadToCup .leftSlide h2, .RoadToCup .leftSlide .Cupitem { left: 0; }
    .RoadToCup .stepOne, .RoadToCup .stepTwo, .RoadToCup .stepThree, .RoadToCup .stepFour, .RoadToCup .stepFive { width: 100%; height: 100%; min-height: 100px; }
    .RoadToCup .Winnerright { width: calc((100% - 20px)/ 2); float: right; position: relative; height: 100%; margin-left: 20px; }
    .RoadToCup .Winnerleft { float: left; width: calc((100% - 20px )/ 2); position: relative; height: 100%; }
    .RoadToCup .Winnerleft h2, .RoadToCup .Winnerleft2 h2, .RoadToCup .onewinner2 h2 { float: left; text-align: left; left: 0 }
    .RoadToCup .Winnerright .Cupitem, .RoadToCup .Winnerright2 .Cupitem, .RoadToCup .onewinner .Cupitem { top: 3%; }
    .RoadToCup .Winnerright .winnerB, .RoadToCup .Winnerleft .winnerB, .RoadToCup .Winnerright2 .Cupitem.winnerB, .RoadToCup .Winnerleft2 .Cupitem.winnerB { top: 11% !important }
    .RoadToCup .Winnerright .winnerC, .RoadToCup .Winnerleft .winnerC { top: 18.8% !important }
    .RoadToCup .Winnerright .winnerD, .RoadToCup .Winnerleft .winnerD { top: 26.8% !important }
    .RoadToCup .Winnerleft .Cupitem, .RoadToCup .Winnerleft2 .Cupitem, .RoadToCup .onewinner2 .Cupitem { left: 0; top: 3%; float: left }
    .RoadToCup .Winnerright2 { width: calc((100% - 20px)/ 2); float: right; position: relative; height: 100%; margin-left: 20px; }
    .RoadToCup .Winnerleft2 { float: left; width: calc((100% - 20px )/ 2); position: relative; height: 100%; }
    .RoadToCup .onewinner { width: calc((100% - 20px)/ 2); float: right; position: relative; height: 100%; margin-left: 20px; }
    .RoadToCup .onewinner2 { float: left; width: calc((100% - 20px )/ 2); position: relative; height: 100%; }
    .RoadToCup h2 { width: calc(100% - 10px) !important }
    .RoadToCup .RoadContainer { position: relative; display: inline-block; width: 100%; margin-bottom: 15px; float: right }
    .RoadToCup .RoadContainer h2 { position: relative !important; top: auto !important; transform: none !important; left: 0 !important }
    .RoadToCup .leftSlide .RoadContainer h2 { float: left; left: 0; transform: none; font-size: 12px }
    .RoadToCup .RoadContainer:nth-of-type(1) { margin-top: 60px }
    .RoadToCup .RoadContainer .Cupitem { position: relative !important; top: auto !important; }
    .RoadToCup .leftSlide .RoadContainer:nth-of-type(1) { top: 62px; }
    .RoadToCup .leftSlide .RoadContainer:nth-of-type(2) { top: -62px }
    .RoadToCup .leftSlide .RoadContainer:nth-of-type(3) { top: 62px }
    .RoadToCup .leftSlide .RoadContainer:nth-of-type(4) { top: -62px }
    .RoadToCup .leftSlide .RoadContainer:nth-of-type(5) { top: 62px }
    .RoadToCup .leftSlide .RoadContainer:nth-of-type(6) { top: -62px }
    .RoadToCup .leftSlide .RoadContainer:nth-of-type(7) { top: 62px }
    .RoadToCup .leftSlide .RoadContainer:nth-of-type(8) { top: -62px }
    .RoadToCup { height: auto; margin-bottom: 0; }
    .RoadToCup .winnerIN { top: 20px; background-color: #cc0007; }
    .RoadToCup .winnerIN .DP { top: 24px }
    .RoadToCup .Cup1, .RoadToCup .Cupitem, .RoadToCup .Cup3, .RoadToCup .Cup4, .RoadToCup .Cup5, .RoadToCup .Cup6, .RoadToCup .Cup7, .RoadToCup .Cup8, .RoadToCup .leftSlide .Cup2, .RoadToCup .leftSlide .Cup1, .RoadToCup .leftSlide .Cup4, .RoadToCup .leftSlide .Cup3, .RoadToCup .leftSlide .Cup6, .RoadToCup .leftSlide .Cup5, .RoadToCup .leftSlide .Cup8, .RoadToCup .leftSlide .Cup7 { transform: none }
    .RoadToCup .Winnerright .Cupitem, .RoadToCup .Winnerright .winnerB, .RoadToCup .Winnerright .winnerC, .RoadToCup .Winnerright .winnerD, .RoadToCup .Winnerleft .Cupitem, .RoadToCup .Winnerleft .winnerB, .RoadToCup .Winnerleft .winnerC, .RoadToCup .Winnerleft .Cupitem, .RoadToCup .Winnerright2 .Cupitem, .RoadToCup .Winnerright2 .Cupitem.winnerB, .RoadToCup .Winnerleft2 .Cupitem, .RoadToCup .Winnerleft2 .Cupitem.winnerB, .RoadToCup .onewinner .Cupitem, .RoadToCup .onewinner2 .Cupitem { transform: none }
    .RoadToCup .Winnerleft2 .Cupitem.winnerB { left: 0; }
    .RoadToCup .rightSlide h2 { text-align: right !important; transform: none; font-size: 12px }
    .RoadToCup h2.cupText1 { top: 8% !important }
    .RoadToCup h2.cupText4 { top: 16% !important }
    .RoadToCup h2.cupText3 { top: 24% !important; }
    .RoadToCup h2.cupText6 { top: 32% !important; }
    .RoadToCup h2.cupText5 { top: 40% !important; }
    .RoadToCup h2.cupText8 { top: 48% !important }
    .RoadToCup h2.cupText7 { top: 56% !important; }
    .RoadToCup h2.cupText { top: 0 !important }
    .RoadToCup .leftSlide h2 { text-align: left !important; }
    .chooseSquadDiv .csBackground .stepOne .close { display: none }
    .chooseSquadDiv .csBackground ul.dropdown-menu1 { position: relative; top: -44px; }
    .chooseSquadDiv.dropdownOpen .csBackground .stepOne { background: none; height: auto; }
    .chooseSquadDiv.dropdownOpen .csBackground ul li .dropdown-menu1 { background: rgba(0,0,0,0.8); width: 100%; padding: 70px 10px 10px; }
    .chooseSquadDiv .csBackground ul.dropdown-menu1 li { width: calc(100% - 20px); margin-left: 0 }
    .chooseSquadDiv .csBackground ul.dropdown-menu1 li:nth-child(5n) { margin-left: 0 }
    .chooseSquadDiv .csBackground ul.dropdown-menu1 li:nth-last-child(-n+5) { margin-bottom: 30px }
    .chooseSquadDiv .csBackground ul.dropdown-menu1 li:nth-child(4n) { margin-left: 0 }
    .chooseSquadDiv .csBackground ul.dropdown-menu1 li:nth-last-child(-n+4) { margin-bottom: 30px }
    .chooseSquadDiv .csBackground ul.dropdown-menu1 li:last-child { margin-bottom: 0; padding-bottom: 0 }
    .chooseSquadDiv .csBackground .close { right: auto; top: 10px; left: 10px }
    .chooseSquadDiv .csBackground { background: url(../../Images/ACN/legendary-Mob.jpg) no-repeat bottom right #baae98; background-size: 100% auto; padding-bottom: 90%; }
    .chooseSquadDiv .csBackground .stepOne { position: relative; float: right; }
    .chooseSquadDiv .csBackground ul.dropmenu { padding: 0 10px; width: 100% }
    .chooseSquadDiv .csBackground ul li.button-dropdown { width: 100%; margin-left: 0; margin-bottom: 10px; }
    .chooseSquadDiv .stepTwo .player-container { margin: 0; width: 100%; padding-bottom: 40px; }
    .chooseSquadDiv .stepTwo .details { top: 0; width: calc(100% - 20px); margin: 10px; padding: 10px; height: auto; }
    .chooseSquadDiv .stepTwo .detailss { width: 100%; }
    .chooseSquadDiv .stepTwo .detailss h2 { font-size: 14px; }
    .chooseSquadDiv .stepTwo .detailss p { font-size: 12px; }
    .chooseSquadDiv .stepTwo .player-image { width: 93px; height: 150px; }
    .chooseSquadDiv .stepTwo .playerDtls { width: calc(100% - 103px); margin-right: 10px; margin-top: 20px; }
    .chooseSquadDiv .stepTwo .range { width: 100%; height: 60px; float: right; margin-top: 20px; }
    .chooseSquadDiv .stepTwo .PlayerAdvice { margin: 30px 0 0 0; margin-right: -92px; width: calc(100% + 92px); }
    .chooseSquadDiv .progress-bar1 div { height: 60px; width: 60px; }
    .chooseSquadDiv .progress-bar1 div span { font-size: 25px; line-height: 75px; height: 40px; width: 40px; }
    .chooseSquadDiv .range .progress-bar1 { float: right; display: inline-block; width: 60px; height: 60px; margin-left: 10px; position: relative }
    .chooseSquadDiv .range .percent { position: relative; float: right; width: calc(100% - 70px); height: auto; top: auto; left: auto; margin-top: 0; display: inline-block; }
    .chooseSquadDiv .range .percent p { font-size: 12px; margin-top: 5px; position: relative; left: 0; right: 0; top: 0; transform: none; text-align: right; }
    .chooseSquadDiv .range .percent p span { font-size: 16px; display: inline-block }
    .chooseSquadDiv .progress-bar1 .background { border: 10px solid black; border: 6px solid black }
    .chooseSquadDiv .progress-bar1 .rotate { clip: rect(0 30px 60px 0); border: 6px solid rgb(8, 166, 240) }
    .chooseSquadDiv .progress-bar1 .left { clip: rect(0 30px 60px 0); width: 60px; height: 60px; border: 6px solid black }
    .chooseSquadDiv .progress-bar1 .right { clip: rect(0 30px 60px 0); border: 6px solid rgb(8, 166, 240) }
    .chooseSquadDiv .stepTwo .buttons { margin: 0; position: absolute; width: 100%; left: 0; top: 165px; padding: 0 10px }
    .chooseSquadDiv .stepTwo .buttons .button { font-size: 12px; line-height: 3; margin-left: 10px; width: calc((100% - 10px) / 2) }
    .chooseSquadDiv .stepTwo .buttons .button:last-child { margin-left: 0 }
    .chooseSquadDiv .stepTwo .buttons a.remove.icon-download:before { line-height: 2.6; font-size: 14px; }
    .chooseSquadDiv .stepTwo .buttons a.miinus.icon-download:before { line-height: 2.6; font-size: 14px; }
    .chooseSquadDiv .background .choose-team .image-mini { width: 32px; height: 52px; }
    .chooseSquadDiv .stepTwo { position: relative }
    .chooseSquadDiv .stepThree { position: relative }
    .chooseSquadDiv .stepThree .containner { position: relative; margin: 0 10px; left: auto; transform: none; }
    .chooseSquadDiv .stepThree .top-content .team-image { width: 50px; height: 80px }
    .chooseSquadDiv .stepThree .bottom-content .leftt { width: 100% }
    .chooseSquadDiv .stepThree .bottom-content a.fb { width: 260px; margin: 0 calc((100% - 260px) / 2) }
    .chooseSquadDiv .stepThree .bottom-content h5 { font-size: 15px }
    .chooseSquadDiv .stepThree .bottom-content p { font-size: 12px }
    .hidden-xs { display: none !important }
    .MinByMin .cont { padding: 5px 10px; position: relative }
    .MinByMin .minImg { width: 40px; height: 40px; margin-left: 10px; }
    .MinByMin .teamA, .MinByMin .teamB { width: calc((100% - 50px) / 2); margin-top: 3px; padding: 0; }
    .MinByMin .teamA a img, .MinByMin .teamB a img { height: 34px; max-height: 34px; max-width: 34px; margin: 0 auto; }
    .MinByMin .resultDiv { width: 50px; padding: 0 }
    .MinByMin .resultDiv .matchResult { padding: 0 }
    .MinByMin .teamA a p, .MinByMin .teamB a p { font-size: 12px; line-height: 1.3; width: calc(100% - 34px); }
    .MinByMin .resultDiv .result { margin-top: 2px }
    .MinByMin .resultDiv .result span { font-size: 20px }
    .MinByMin .matchInfo { width: 100%; margin-top: 0 !important }
    .MinByMin .text-Match { margin-bottom: 0 !important; height: 26px !important; width: calc(100% - 30px); margin-top: 0 }
    .MinByMin .text-Match p { width: calc(100% - 26px); height: 22px; font-size: 11px; margin-right: 26px; white-space: nowrap; text-overflow: ellipsis; /*width: 24px;*/ }
    .MinByMin .text-Match span { right: 2px; top: 4px; font-size: 16px }
    .ACNSponsor .SponsorCont { position: absolute; width: 25px; height: 25px; bottom: 6px; left: 8px; }
    article .details, article .details p, article .details h2, article .details h4, article .details a, article .details p span,
    article .details p strong { font-size: 14px !important; line-height: 2 }
    article .details .showcaseDiv .adTtl { font-size: 11px !important }
    article .sp-inline .sp-inline-hightlight .heightlight, article .sp-inline .sp-inline-hightlight span { font-size: 14px !important }
    article .defaultValue { font-size: 14px !important; }
    span.sp-inline span.sp-inline-hightlight .heightlight { font-size: 14px !important; }
    .chooseSquadDiv .csBackground .choose-team { position: relative; top: 0 }
    .Mian-SMS .TextInput { width: 80%; }
    .Mian-SMS .TextInput .InputGroup { width: 80%; }
    .Mian-SMS .TextSMS p { width: 100%; font-size: 14px; }
    .ClipTitles span { font-size: 12px; }
    .leaderboardSMS { min-width: 300px !important; min-height: 50px !important }
    .leaderboardSMS img { width: 320px; height: 50px; }
    .smsContent { margin-top: 15px; }
    .Mian-SMS { overflow: hidden }
    .smsContent .ttl { height: 100%; font-size: 14px; }
    .PalyerStats.tourStats.stats .item { width: 100%; margin-left: 0; }
    .wcOverlay .cntnr { width: 100%; padding: 0 10px; position: relative; display: inline-block; width: 300px; left: auto; transform: none }
    .wcOverlay .wcLogo { top: 10px; right: 10px; width: 60px }
    .wcOverlay .close { top: 10px; left: 10px; font-size: 12px }
    .wcOverlay .icon-close:before { font-size: 16px }
    .wcOverlay .ykLogo { margin-bottom: 20px }
    .wcOverlay .goToBtns { width: 290px; height: 40px; margin: 0 calc((100% - 290px) / 2) 20px; }
    .wcOverlay .goToBtns a { width: 140px; font-size: 14px; margin-left: 10px }
    .wcOverlay .mainSponsor p { margin-bottom: 10px; font-size: 14px }
    .wcOverlay .mainSponsor .sponsorLogo { width: 80px }
    .wcOverlay .allSponsors { position: absolute; }
    .wcOverlay .allSponsors .second { top: 60px; width: 320px }
    .wcOverlay .allSponsors .second a { margin-left: 0; width: calc(100% / 4); }
    .wcOverlay .allSponsors .second a img { width: 80%; height: auto; }
    .wcOverlay .allSponsors .second a:nth-child(3) img { width: 64% }
    .wcOverlay .allSponsors .second a:nth-child(4) img { width: 60% }
    .wcOverlay .allSponsors .third { top: 110px }
    .wcOverlay .allSponsors .third a { margin-left: 0; margin-bottom: 40px; height: 20px; position: relative; }
    .wcOverlay .allSponsors .third a img { width: 70%; height: auto; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
    .EntryPoint .cont .EntryWorldCup { width: 55%; }
    .EntryPoint .cont .EntryWorldCup .mainImg { display: none }
    .EntryPoint .cont .EntryWorldCup .mobImg { display: block; height: 65px; margin-top: 15px }
    .EntryPoint .cont .EntryButton { width: 35%; display: none }
    .EntryPoint .EntryAds { width: 30%; margin-top: 28px }
    .EntryPoint .EntryAds img { height: 32px; margin-right: 5px }
    .ContactUs .contact_us .C-form .iitem #txtSMS { height: 150px !important; }
    .ContactUs .contact_us h3 { margin: 10px 0 40px; }
    .wcHeader { height: 100px; background-size: auto 100% }
    .wcHeader .wcNavBtn { display: inline-block }
    .wcHeader .wcNav { display: none }
    .wcHeader .wcSocialMedia { display: none }
    .wcHeader h3 { font-size: 15px; margin: 54px 110px 0 0; }
    .wcHeader h3 span { font-size: 13px; }
    .wcHeader .wcMenuDiv .wcNav { display: inline-block; top: 20px; width: 150px; left: 50%; transform: translateX(-50%); }
    .wcHeader .wcNav a { width: 100%; margin-bottom: 8px }
    .wcHeader .wcMenuDiv .wcSocialMedia { display: inline-block; bottom: 10px; top: auto; left: 50%; transform: translate(-50%); width: 90px; height: 36px }
    .wcHeader .wcMenuDiv .wcSocialMedia a { width: 36px; height: 36px; font-size: 20px }
    /*.ACNHeader{height:100px;background-size:auto 100%;background-position: -517px 0;}*/
    .wcMenuDiv { background-size: 200px }
    .ACNHeader .wcNavBtn { display: inline-block }
    .ACNHeader .wcNav { display: none }
    .ACNHeader .wcSocialMedia { display: none }
    .ACNHeader h3 { font-size: 15px; margin: 54px 110px 0 0; }
    .ACNHeader h3 span { font-size: 13px; }
    .ACNHeader .wcMenuDiv .wcNav { display: inline-block; top: 30px; width: 150px; left: 50%; transform: translateX(-50%); }
    .ACNHeader .wcNav a { width: 100%; font-size: 14px; line-height: 2.8 }
    .ACNHeader .wcMenuDiv .wcSocialMedia { display: inline-block; bottom: 10px; top: auto; left: 50%; transform: translate(-50%); width: 82px; height: 36px }
    .ACNHeader .wcMenuDiv .wcSocialMedia a { width: 36px; height: 36px; font-size: 20px }
    .GroupStanding .table .wRow .item:nth-child(2) { padding: 16px 0 }
    .GroupStanding .table .wRow .team img { height: 26px }
    .GroupStanding .table .wRow .item p { line-height: 1.8 }
    .EntryIconArrow { right: 3%; }
    .euroStrip .EntryPoint { height: 90px; }
    .euroStrip .euroMain .FullWidthBK { height: 90px }
    .euroStrip .euroMain .FullWidthBK h1 { width: 100%; top: 10px; transform: none; font-size: 26px; line-height: 1; }
    .euroStrip .euroMain .FullWidthBK h1:after { font-size: 13px; bottom: -22px; display: none }
    .euroStrip .euroMain .FullWidthBK h1:before { bottom: -44px; width: 120px; height: 30px; font-size: 13px; right: 0; line-height: 2.3 }
    article .details img { margin: 0 calc((100% - 300px) / 2); width: 300px }
    article .details p iframe, article .details div iframe { margin: 0 calc((100% - 300px) / 2); height: 225px; width: 300px }
    article .details p iframe#frmPAVast, article .details div iframe#frmPAVast { margin: 0; width: unset; height: unset }
    iframe#pa_googleAdManager { width: 0 !important; height: 0 !important; }
    article .details p strong span { color: #000 !important; font-size: 16px !important; font-weight: bold }
    article .details .showcaseDiv iframe { height: 250px }
    article .details table { width: 100%; margin: 20px auto; border: 1px solid rgb(224, 224, 224); padding: 5px; border-radius: 0.25em; border-collapse: separate; border-spacing: 2px }
    article .details table thead td { font-weight: bold; background: #000; color: #fff; width: 50% }
    /*article .details table tbody td{background: rgb(232, 232, 232)}*/
    /*article .details table tbody td:nth-of-type(odd){background:#fff}*/
    article td { width: 50% !important }
    article tr:last-child { border-bottom: 0 }
    .Team_View .Team-Bk .teamBg { width: auto; height: 105% }
    .Team_View .Team-Bk { height: 120px }
    .Team_View .teamCntnr { width: 80px; margin: 10px; }
    .Team_View .dtls { width: calc(100% - 120px); }
    .Team_View .BK .number h1 { font-size: 14px }
    .PlayerView .Team1 { margin-top: 10px }
    .teamProf .Team-Bk .teamBg { width: auto; height: 155% }
    .teamProf .Team-Bk { height: 80px }
    .teamProf .teamCntnr { width: 60px; margin: 10px; }
    .teamProf .teamCntnr { width: 40px; margin: 10px; }
    .teamProf .dtls { width: calc(100% - 70px); left: 10px }
    .teamProf .BK .number h1 { font-size: 11px }
    .teamProf .owner-left .owner-img { width: 50px; height: 50px; margin-left: 10px; display: none }
    .teamProf .owner-left .owner-DT { max-width: 106px }
    .teamProf .owner-left .owner-DT p { font-size: 10px }
    .teamProf .owner-left .owner-DT h2 { font-size: 11px; overflow: hidden; height: 21px }
    .teamProf .BK .number h1 { line-height: 4.2 }
    .teamProf .owner-left .owner-DT h2 { line-height: unset }
    .predPage .predHead { height: 110px; background-size: auto 100% }
    .predPage #FacebookLogin, .predPage #PersonalData, .predPage #SavedSuccess { width: 100%; padding: 15px }
    .predPage #FacebookLogin p, .predPage #SavedSuccess p { font-size: 14px }
    .predPage .predButton-login { margin: 10px auto 0; width: 128px; height: 34px; background-size: auto 100% }
    .predPage #PersonalData .item .label { width: 100%; margin-left: 0; margin-bottom: 5px; font-size: 12px; line-height: 1.5 }
    .predPage #PersonalData .item .control { width: 100%; padding: 6px 10px; font-size: 11px; }
    .predPage .countDown p { font-size: 11px }
    .predPage .countDown .LNumb { font: bold 14px arial; padding: 0 }
    .predPage .menu-inner { width: 100%; display: inline-block }
    .predPage .menu-inner .PersData { float: right; display: inline-block; width: 100%; margin-bottom: 10px }
    /*.predPage .logOutBtn{position:relative;right:auto;top:auto}*/
    .predPage .TourTabs { float: left; display: inline-block; width: 100%; }
    .predPage .TourTabs a { font-size: 12px; padding: 0 5px }
    .predPage .matchDetailsTabs .matchDetailsTtl { height: auto }
    .predPage .predictionHolder .matches li img { height: 30px; width: auto; }
    .predPage .predictionHolder .matches .predDate, .predPage .predictionHolder .matches .predResult { margin-top: 12px; font-size: 12px }
    .predPage .predictionHolder ul li.predDate, .predPage .predictionHolder ul li.predJoker { width: 70px; }
    .predPage .predictionHolder .title li { font-size: 11px }
    .predPage .predictionHolder ul li.predTeam { width: calc((100% - 150px) / 2); padding: 0 0px; }
    .predPage .predictionHolder ul li.predResult { width: 80px }
    .predPage .predictionHolder .team { font-size: 11px; margin-top: 0 }
    .predPage .predictionHolder ul li.predJoker.jokerMob { display: none }
    .predPage .predictionHolder .predResult input { width: calc((100% - 10px) / 2) }
    .predPage .ttl h3 { font-size: 12px; padding: 9px 10px }
    .predPage .predictionHolder ul li.predJoker { line-height: 1.5; height: 30px; }
    .predPage .predictionHolder ul li.predJoker input[type="radio"] + label, .predPage .predictionHolder ul li.predJoker input[type="radio"] + label span { margin: 0 }
    article .videoStrip { width: 300px; height: 25px; margin: 10px calc((100% - 300px) / 2) }
    .quizGame { background: #053878; height: 520px; }
    .quizGame .cnts { width: 300px; margin: 0 calc((100% - 300px) / 2) }
    .quizGame .interact_responsive_wrapper { width: 300px !important; margin: 0 calc((100% - 300px) / 2); }
    .quizGame .wcLogo { display: none }
    .quizGame .whoPlayer { display: none }
    .quizGame .tigerLogo { width: 50px; height: 50px; right: 10px; bottom: auto; top: 10px }
    /*.quizGame{height:520px;background:#053878}
    .quizGame .cnts{width:100%;margin-top:60px}
    .quizGame .wcLogo{display:none}
    .quizGame .whoPlayer{display:none}
    .quizGame .tigerLogo {width: 40px;height: 40px;right:10px;bottom:auto;top:10px}
    .quizGame .qgSocialMedia{top:15px;right: 70px;width:65px;height:30px}
    .quizGame .qgSocialMedia a{width:30px;height:30px;font-size:16px;line-height:2.2;margin-left:5px}*/
    .LandingPage .landingTeam { top: 25px; left: 0; width: 300px; }
    .LandingPage .landingTeam .TeamOne img,
    .LandingPage .landingTeam .TeamTwo img { max-width: 50px; height: auto; }
    .SquadInt .stepTwo .buttons { top: 245px; }
    .SquadInt .range .percent p { margin-top: 17px; }
    .chooseSquadDiv .SquadInt .logoSquadInt { bottom: 26px; left: 5px; }
    .chooseSquadDiv .SquadInt .top-content h4 span { display: block; }
    .chooseSquadDiv .SquadInt .top-content h4 span img { width: 100px; margin-bottom: 10px; }
    .chooseSquadDiv .SquadInt .stepThree .top-content .team-image { width: 50px; height: 80px; margin: 0 6px; margin-bottom: 10px; }
    .chooseSquadDiv .SquadEG .stepTwo .buttons { top: 245px !important; }
    .EntryPoint:after { width: 360px; height: 60px; top: auto; bottom: 0; background-position: center bottom }
    .predPage .predwht li { margin: 0; width: 100%; margin-bottom: 20px; }
    .predPage .predwht li:last-child { margin-bottom: 0 }
    .chooseSquadDiv .csBackground.SquadInt ul li.button-dropdown { width: calc((100% - 5px) ) !important; }
    .SquadInt .choose-team .plancontainer .plandorpdownbottom { margin-right: 8px; }
    .chooseSquadDiv .SquadInt ul.dropdown-menu1 li:last-child { margin-bottom: 30px; padding-bottom: 0; }
    .chooseSquadDiv .SquadInt ul.dropdown-menu1 .plan532 .RowCD li:last-child { margin-right: 15px; }
    .chooseSquadDiv .SquadInt ul.dropdown-menu1 .plan532 .RowCMA li:first-child { margin-right: 15px; }
    .chooseSquadDiv .SquadInt ul.dropdown-menu1 .plan532 .RowCF li:first-child { margin-right: 15px; }
    .chooseSquadDiv .SquadInt ul.dropdown-menu1 .plan433 .RowCMA li:first-child { margin-right: 15px; }
    .chooseSquadDiv .SquadInt ul.dropdown-menu1 .plan433 .RowCF li:first-child { margin-right: 15px; }
    .chooseSquadDiv .SquadInt ul.dropdown-menu1 .plan343 .RowCD li:first-child { margin-right: 10px; }
    .chooseSquadDiv .SquadInt ul.dropdown-menu1 .plan343 .RowCF li:first-child { margin-right: 10px; }
    .chooseSquadDiv .SquadInt ul.dropdown-menu1 .plan352 .RowCMA li:last-child { margin-right: 12px; }
    .chooseSquadDiv .SquadInt ul.dropdown-menu1 .plan352 .RowCF li:first-child { margin-right: 8px; }
    .chooseSquadDiv .SquadInt ul.dropdown-menu1 .plan442 .RowCF li:first-child { margin-right: 10px; }
    .lg-outer .sponsorBy p { font-size: 11px }
    .lg-outer .sponsorBy img { max-width: 50px; max-height: 40px }
    .mostSeenMedia { width: 100% }
    .penaltyRes { bottom: -15px }
    .penaltyRes span { font-size: 12px }
    .mtchDtlsRslt li .resultDiv .result .penaltyRes { bottom: -16px }
    .mtchDtlsRslt li .resultDiv .result .penaltyRes span { font-size: 12px }
    .lastMatch.RelatedMatchstats .item:last-child { height: 86px }
    .lastMatch.RelatedMatchstats .item ul li { padding: 12px; height: 86px }
    .lastMatch.RelatedMatchstats .item ul li .teamA, .lastMatch.RelatedMatchstats .item ul li .teamB { width: calc((100% - 90px)/ 2); margin-top: 2px }
    .lastMatch.RelatedMatchstats .item ul li .teamA img, .lastMatch.RelatedMatchstats .item ul li .teamB img { height: 34px }
    .lastMatch.RelatedMatchstats .item ul li .teamA .team, .lastMatch.RelatedMatchstats .item ul li .teamB .team { font-size: 12px }
    .lastMatch.RelatedMatchstats .item ul li .resultDiv { width: 90px; margin-top: 0 }
    .lastMatch.RelatedMatchstats .item ul li .resultDiv .result { font-size: 24px }
    .lastMatch.RelatedMatchstats .item ul li .resultDiv .matchStatus .status.details { margin-top: 4px; margin-bottom: 0; font-size: 11px !important; line-height: 2.2 }
    .gsc-webResult .gsc-result { width: 100% !important; margin-left: 0 !important }
    a.gs-image { width: 120px !important; padding-bottom: calc((120px * 67)/ 100) !important; float: right !important }
    .gsc-control-cse .gsc-table-result { float: right !important; width: 120px !important }
    .gs-webResult.gs-result { display: flex !important }
    .gsc-thumbnail-inside { width: calc(100% - 120px); float: right !important; }
    .gsc-control-cse .gs-spelling, .gsc-control-cse .gs-result .gs-title, .gsc-control-cse .gs-result .gs-title * { font-size: 12px !important }
    .gs-title { height: 68px !important }
    /*.leaderboardDiv .leaderboard{background: url(../../Images/geminiLBMobile.jpg?ver=1) no-repeat #ddd;}*/
    .leaderboardDiv .geminiLB1Ad.showLB1 .bx-wrapper, .leaderboardDiv .geminiLB1Ad.showLB1 .bx-wrapper .bx-viewport { width: 320px; height: 50px !important; overflow: hidden }
    .leaderboardDiv .geminiLB1Ad.showLB1 .bx-wrapper .bx-viewport .LeaderBoardHCSlider li a img { max-width: 320px !important }
    .leaderboardDiv .geminiLB1Ad.showLB1 .bx-wrapper ul { height: 50px; overflow: hidden }
    .showcaseDiv.secondSC { position: relative; left: 0; margin: 0 calc((100% - 300px)/ 2) 20px }
    .billboardDiv .geminiBB1Ad.showBB1 .bx-wrapper, .billboardDiv .geminiBB1Ad.showBB1 .bx-wrapper .bx-viewport { width: 320px; height: 50px !important }
    .billboardDiv .geminiBB1Ad.showBB1 .bx-wrapper .bx-viewport .LeaderBoardHCSlider li a img { max-width: 320px !important }
    .billboardDiv .geminiBB1Ad.showBB1 .bx-wrapper .bx-viewport .LeaderBoardHCSlider li a iframe { width: 320px; height: 50px; }
    .leaderboardDiv .geminiLB1Ad.showLB1 .bx-wrapper, .leaderboardDiv .geminiLB1Ad.showLB1 .bx-wrapper .bx-viewport { display: inline-block; width: 320px; height: 50px !important }
    .leaderboardDiv .geminiLB1Ad.showLB1 .bx-wrapper .bx-viewport .LeaderBoardHCSlider li a img { max-width: 320px !important }
    .leaderboardDiv .geminiLB1Ad.showLB1 .bx-wrapper .bx-viewport .LeaderBoardHCSlider li a iframe { width: 320px; height: 50px }
    .leaderboardDiv .geminiLB2Ad.showLB2 .bx-wrapper, .leaderboardDiv .geminiLB2Ad.showLB2 .bx-wrapper .bx-viewport { display: inline-block; width: 320px; height: 50px !important }
    .leaderboardDiv .geminiLB2Ad.showLB2 .bx-wrapper .bx-viewport .LeaderBoardHCSlider li a img { max-width: 320px !important }
    .leaderboardDiv .geminiLB2Ad.showLB2 .bx-wrapper .bx-viewport .LeaderBoardHCSlider li a iframe { width: 320px; height: 50px }
    .leaderboardDiv .geminiLB3Ad.showLB3 .bx-wrapper, .leaderboardDiv .geminiLB3Ad.showLB3 .bx-wrapper .bx-viewport { display: inline-block; width: 320px; height: 50px !important }
    .leaderboardDiv .geminiLB3Ad.showLB3 .bx-wrapper .bx-viewport .LeaderBoardHCSlider li a img { max-width: 320px !important }
    .leaderboardDiv .geminiLB3Ad.showLB3 .bx-wrapper .bx-viewport .LeaderBoardHCSlider li a iframe { width: 320px; height: 50px }
    .leaderboardDiv .geminiLB4Ad.showLB4 .bx-wrapper, .leaderboardDiv .geminiLB4Ad.showLB4 .bx-wrapper .bx-viewport { display: inline-block; width: 320px; height: 50px !important }
    .leaderboardDiv .geminiLB4Ad.showLB4 .bx-wrapper .bx-viewport .LeaderBoardHCSlider li a img { max-width: 320px !important }
    .leaderboardDiv .geminiLB4Ad.showLB4 .bx-wrapper .bx-viewport .LeaderBoardHCSlider li a iframe { width: 320px; height: 50px }
    .leaderboardDiv .geminiLB5Ad.showLB5 .bx-wrapper, .leaderboardDiv .geminiLB5Ad.showLB5 .bx-wrapper .bx-viewport { display: inline-block; width: 320px; height: 50px !important }
    .leaderboardDiv .geminiLB5Ad.showLB5 .bx-wrapper .bx-viewport .LeaderBoardHCSlider li a img { max-width: 320px !important }
    .leaderboardDiv .geminiLB6Ad.showLB6 .bx-wrapper, .leaderboardDiv .geminiLB6Ad.showLB6 .bx-wrapper .bx-viewport { display: inline-block; width: 320px; height: 50px !important }
    .leaderboardDiv .geminiLB6Ad.showLB6 .bx-wrapper .bx-viewport .LeaderBoardHCSlider li a img { max-width: 320px !important }
    .leaderboardDiv .geminiLB7Ad.showLB7 .bx-wrapper, .leaderboardDiv .geminiLB7Ad.showLB7 .bx-wrapper .bx-viewport { display: inline-block; width: 320px; height: 50px !important }
    .leaderboardDiv .geminiLB7Ad.showLB7 .bx-wrapper .bx-viewport .LeaderBoardHCSlider li a img { max-width: 320px !important }
    .leaderboardDiv .geminiLB8Ad.showLB8 .bx-wrapper, .leaderboardDiv .geminiLB8Ad.showLB8 .bx-wrapper .bx-viewport { display: inline-block; width: 320px; height: 50px !important }
    .leaderboardDiv .geminiLB8Ad.showLB8 .bx-wrapper .bx-viewport .LeaderBoardHCSlider li a img { max-width: 320px !important }
    .leaderboardDiv .geminiLB9Ad.showLB9 .bx-wrapper, .leaderboardDiv .geminiLB9Ad.showLB9 .bx-wrapper .bx-viewport { display: inline-block; width: 320px; height: 50px !important }
    .leaderboardDiv .geminiLB9Ad.showLB9 .bx-wrapper .bx-viewport .LeaderBoardHCSlider li a img { max-width: 320px !important }
    .leaderboardDiv .geminiLB10Ad.showLB10 .bx-wrapper, .leaderboardDiv .geminiLB10Ad.showLB10 .bx-wrapper .bx-viewport { display: inline-block; width: 320px; height: 50px !important }
    .leaderboardDiv .geminiLB10Ad.showLB10 .bx-wrapper .bx-viewport .LeaderBoardHCSlider li a img { max-width: 320px !important }
    .showOverlayMob .leaderboardCnts { overflow: visible; height: 66px; background: #fff }
    .showOverlayMob .leaderboardDiv .leaderboard.lb1 { position: absolute; left: 0; width: 100%; background: none; }
    .showOverlayMob .leaderboardDiv .lb1 iframe { width: 100%; height: 100%; display: inline-block; float: right; border: 0; left: 0; margin: 0 auto; margin-left: 0; overflow: visible; position: fixed; bottom: 0; visibility: visible; z-index: 9999; }
    .hideOverlayMob .leaderboardDiv .lb1 iframe { width: 320px; height: 50px !important; position: relative !important; top: 0; left: 0; margin: 0 !important; }
    .hideOverlayMob .leaderboardDiv .leaderboard.lb1 { width: 320px; left: auto }
    .showOverlayMob .leaderboardDiv .geminiLB1Ad.showLB1 { display: none !important }
    .showOverlayMob.cafLandingPage .lb1 .adAsync { padding-bottom: 0 !important; height: 100% !important }
    .showOverlayMob.cafLandingPage .sponsorBG { display: none }
    .showOverlayChipsy .leaderboardCnts { overflow: visible; height: 66px; background: #fff }
    .showOverlayChipsy .leaderboardDiv .leaderboard.lb1 { position: absolute; left: 0; width: 100%; background: none; }
    .showOverlayChipsy .leaderboardDiv .lb1 iframe { width: 100%; height: 100%; display: inline-block; float: right; border: 0; left: 0; margin: 0 auto; margin-left: 0; overflow: visible; position: fixed; bottom: 0; visibility: visible; z-index: 9999; }
    .hideOverlayChipsy .leaderboardDiv .lb1 iframe { width: 320px; height: 50px !important; position: relative !important; top: 0; left: 0; margin: 0 !important; }
    .hideOverlayChipsy.ykbbl .leaderboardDiv .lb1 iframe { height: 100px !important }
    .hideOverlayChipsy .leaderboardDiv .leaderboard.lb1 { width: 320px; left: auto }
    .showOverlayChipsy .leaderboardDiv .geminiLB1Ad.showLB1 { display: none !important }
    .showOverlayChipsy.cafLandingPage .lb1 .adAsync { padding-bottom: 0 !important; height: 100% !important }
    .showOverlayChipsy.cafLandingPage .sponsorBG { display: none }
    .showOverlayChipsy .sponsorDuplicate { display: none }
    .hideOverlayChipsy .sponsorDuplicate { display: inline-block }
    .sticky iframe { margin: 0 calc((100% - 320px) / 2) }
    .lg-toolbar .lg-icon { width: 40px; font-size: 20px }
    #lg-counter { padding-left: 20px; font-size: 18px }
    .galleryTitle .galleryMasLogo { background-size: 103px 17px; width: 117px }
    .lg-outer #lg-share:after { font-size: 18px }
    .lg-sub-html p { font-size: 13px; }
    .lg-outer .lg-toogle-thumb { width: 20px; right: 10px }
    .repeatDiv { width: 300px; margin-left: -150px; padding: 45px 0 }
    .repeatDiv .nextAlbum h3 { font-size: 14px; margin-bottom: 0 }
    .LandingPage.ahpy { padding-bottom: 0; background-image: url(../../Images/AhlyPyramids/AhlyVSPyramidsBG.jpg); background-color: #000; min-height: 520px; background-size: auto 100%; background-position: center }
    .LandingPage.ahpy .landingTeam { width: 250px; margin-top: 50px; right: auto; top: 50% !important }
    .LandingPage.ahpy .landingTeam img { width: 125px; max-width: unset }
    .LandingPage.ahpy .teamsName p { font-size: 42px; line-height: 1.2; }
    .chooseSquadDiv .csBackground.squadAhpy { background-size: auto 50%; background-position: left top }
    .LiveStreem .desc { width: 45% }
    .LiveStreem ul li:first-child .desc p { font-size: .6em; padding: 0 10px 5px; }
    .LiveStreem .desc span { font-size: .5em; padding: 0 10px; line-height: 1.5; }
    .LiveStreem .desc .container-desc { top: 5%; }
    .LiveStreem ul li .secName .icon { width: 70px; height: 70px; }
    .ESMultimedia ul li { width: calc((100% - 6.1px) / 2); background: #fff }
    .ESMultimedia ul li:first-child { width: 100% }
    .ESMultimedia .desc { position: relative; background: none; }
    .ESMultimedia .desc p { position: relative; color: #000; font-size: 12px; height: 67px; overflow: hidden; }
    .ESMultimedia ul li:first-child .desc { position: absolute; background: linear-gradient(270deg,rgba(0,0,0,0),#000000); background: -webkit-linear-gradient(270deg,rgba(0,0,0,0),#000); background: -o-linear-gradient(270deg,rgba(0,0,0,0),#000); background: -moz-linear-gradient(270deg,rgba(0,0,0,0),#000); background: -ms-linear-gradient(270deg,rgba(0,0,0,0),#000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#004c4c4c',endColorstr='#ff1a3b00',GradientType=0); }
    .ESMultimedia ul li:first-child .desc p { position: absolute; color: #fff; font-size: 16px; line-height: 1.5; height: auto; }
    .ESMultimedia ul li:nth-child(2), .ESMultimedia ul li:nth-child(3), .ESMultimedia ul li:nth-child(5), .ESMultimedia ul li:nth-child(6), .ESMultimedia ul li:last-child { margin-left: 6px }
    .ESMultimedia ul li:nth-child(7), .ESMultimedia ul li:nth-child(8), .ESMultimedia ul li:last-child { margin-bottom: 6px }
    .ESMultimedia ul li:nth-child(3), .ESMultimedia ul li:nth-child(5), .ESMultimedia ul li:nth-child(7), .ESMultimedia ul li:last-child { margin-left: 0 }
    .ESMultimedia ul li:nth-child(8), .ESMultimedia ul li:last-child { margin-bottom: 0 }
    .ESHeader { padding-bottom: 35%; }
    .ESbtn a { top: 80px; width: 30%; padding: 0 }
    .leaderFullWeb { min-width: 320px; min-height: 50px }
    .leaderFullWeb .leaderboard { min-width: 320px; }
    .leaderFullWeb .img-fluid { max-width: 100%; height: auto; }
    /*.showOTP{position:fixed}
.hideOTP{position:relative}*/
    .showOTP .billboardDiv { overflow: visible; height: 66px }
    .showOTP .billboardDiv .billboard { position: absolute; left: 0; width: 100%; background: none; }
    .showOTP .billboardDiv .bb1 iframe { width: 100%; height: 100%; display: inline-block; float: right; border: 0; left: 0; margin: 0 auto; overflow: visible; position: fixed; top: 0; visibility: visible; z-index: 9999 }
    .showOTP .billboardDiv .billboardCnts { min-width: 320px }
    .hideOTP .billboardDiv .bb1 iframe { width: 320px !important; height: 50px !important; left: auto !important; position: relative !important; }
    .hideOTP .billboardDiv .billboard { width: 320px; left: auto }
    .showOTP1x1 .otp1x1 { overflow: visible; height: 100%; width: 100% }
    .showOTP1x1 .otp1x1 iframe { width: 100%; height: 100%; display: inline-block; float: right; border: 0; left: 0; margin: 0 auto; overflow: visible; position: fixed; top: 0; visibility: visible; opacity: 1; z-index: 9999 }
    .hideOTP1x1 .otp1x1 iframe { opacity: 0; visibility: hidden }
    .showOTP .leaderboardDiv { overflow: visible; height: 66px }
    .showOTP .leaderboardDiv .leaderboard { position: absolute; left: 0; width: 100%; background: none; }
    .showOTP .leaderboardDiv .lb1 iframe { width: 100%; height: 100%; display: inline-block; float: right; border: 0; left: 0; margin: 0 auto; overflow: visible; position: fixed; top: 0; visibility: visible; z-index: 9999 }
    .showOTP .leaderboardDiv .leaderboardCnts { min-width: 320px }
    .hideOTP .leaderboardDiv .lb1 iframe { width: 320px !important; height: 50px !important; left: auto !important; position: relative !important; }
    .hideOTP article .details .leaderboardDiv iframe { height: 250px !important; width: 300px !important }
    .hideOTP .leaderboardDiv .leaderboard { width: 320px; left: auto }
    .showOTPBB .leaderboardDiv { overflow: visible; height: 116px }
    .showOTPBB .leaderboardDiv .leaderboard { position: absolute; left: 0; width: 100%; background: none; }
    .showOTPBB .leaderboardDiv .lb1 iframe { width: 100%; height: 100%; display: inline-block; float: right; border: 0; left: 0; margin: 0 auto; overflow: visible; position: fixed; top: 0; visibility: visible; z-index: 9999 }
    .showOTPBB .leaderboardDiv .leaderboardCnts { min-width: 320px }
    .hideOTPBB .leaderboardDiv .lb1 iframe { width: 320px !important; height: 100px !important; left: auto !important; position: relative !important; }
    .hideOTPBB article .details .leaderboardDiv iframe { height: 250px !important; width: 300px !important }
    .hideOTPBB .leaderboardDiv .leaderboard { width: 320px; left: auto }
    .showOTP .showcaseDiv .showcase { position: relative }
    .showOTP .showcaseDiv .sc1 iframe { position: relative; height: 250px; z-index: 9; top: 0; left: 0; margin: 0 !important }
    .showOTP article .details .leaderboardDiv iframe { position: relative }
    .showOTP .billboardDiv .geminiBB1Ad.showBB1, .showOTP .billboardDiv .geminiBB2Ad.showBB2, .showOTP .billboardDiv .geminiBB3Ad.showBB3,
    .showOTP .billboardDiv .geminiBB4Ad.showBB4, .showOTP .billboardDiv .geminiBB5Ad.showBB5, .showOTP .billboardDiv .geminiBB6Ad.showBB6 { display: none !important }
    .showOTP .leaderboardDiv .geminiLB1Ad.showLB1, .showOTP .leaderboardDiv .geminiLB2Ad.showLB2, .showOTP .leaderboardDiv .geminiLB3Ad.showLB3,
    .showOTP .leaderboardDiv .geminiLB4Ad.showLB4, .showOTP .leaderboardDiv .geminiLB5Ad.showLB5, .showOTP .leaderboardDiv .geminiLB6Ad.showLB6 { display: none !important }
    .showOTP .showcaseDiv .geminiSC1Ad.showSC1, .showOTP .showcaseDiv .geminiSC2Ad.showSC2, .showOTP .showcaseDiv .geminiSC3Ad.showSC3,
    .showOTP .showcaseDiv .geminiSC4Ad.showSC4, .showOTP .showcaseDiv .geminiSC5Ad.showSC5, .showOTP .showcaseDiv .geminiSC6Ad.showSC6 { display: none !important }
    .hideOTP .billboardDiv .geminiBB1Ad.showBB1, .hideOTP .billboardDiv .geminiBB2Ad.showBB2, .hideOTP .billboardDiv .geminiBB3Ad.showBB3,
    .hideOTP .billboardDiv .geminiBB4Ad.showBB4, .hideOTP .billboardDiv .geminiBB5Ad.showBB5, .hideOTP .billboardDiv .geminiBB6Ad.showBB6 { display: flex !important }
    .hideOTP .leaderboardDiv .geminiLB1Ad.showLB1, .hideOTP .leaderboardDiv .geminiLB2Ad.showLB2, .hideOTP .leaderboardDiv .geminiLB3Ad.showLB3,
    .hideOTP .leaderboardDiv .geminiLB4Ad.showLB4, .hideOTP .leaderboardDiv .geminiLB5Ad.showLB5, .hideOTP .leaderboardDiv .geminiLB6Ad.showLB6 { display: flex !important }
    .hideOTP .showcaseDiv .geminiSC1Ad.showSC1, .hideOTP .showcaseDiv .geminiSC2Ad.showSC2, .hideOTP .showcaseDiv .geminiSC3Ad.showSC3,
    .hideOTP .showcaseDiv .geminiSC4Ad.showSC4, .hideOTP .showcaseDiv .geminiSC5Ad.showSC5, .hideOTP .showcaseDiv .geminiSC6Ad.showSC6 { display: flex !important }
    /** Mobile **/
    .showOTP .cd-main-content, .showOTPBB .cd-main-content { position: relative; z-index: 3; }
    .showHeader .cd-main-content { position: relative; z-index: auto }
    .showHeader.showSecondOverlay .cd-main-content { position: relative; z-index: 4 }
    .showOverlayMob .cd-main-content { z-index: 3 }
    .showOverlayChipsy .cd-main-content { z-index: 3 }
    .hideOTP .cd-main-content, .hideOTPBB .cd-main-content { z-index: 2 !important; }
    .showOTP .justPremiumDiv, .showOTPBB .justPremiumDiv { display: none !important }
    .hideOTP .justPremiumDiv, .hideOTPBB .justPremiumDiv { display: block !important }
    .showOTP .sponsorDiv, .showOTPBB .sponsorDiv { display: none !important }
    .hideOTP .sponsorDiv, .hideOTPBB .sponsorDiv { display: block !important }
    .showOTP .morphSearchDiv, .showOTPBB .morphSearchDiv { display: none }
    .hideOTP .morphSearchDiv, .hideOTPBB .morphSearchDiv { display: block !important }
    .showOTP .sticky, .showOTPBB .sticky { display: none }
    .hideOTP .sticky, .hideOTPBB .sticky { display: block !important }
    .showOTP .spnsrSticky, .showOTPBB .spnsrSticky { display: none }
    .hideOTP .spnsrSticky, .hideOTPBB .spnsrSticky { display: block !important }
    .showOTP .lstNwsNtfy, .showOTPBB .lstNwsNtfy { display: none !important }
    .hideOTP .lstNwsNtfy, .hideOTPBB .lstNwsNtfy { display: block !important }
    .showOTP .articleSocialMedia, .showOTPBB .articleSocialMedia { display: none !important }
    .hideOTP .articleSocialMedia, .hideOTPBB .articleSocialMedia { display: block !important }
    .showOTP .sponsorDuplicate, .showOTPBB .sponsorDuplicate { display: none !important }
    .hideOTP .sponsorDuplicate, .hideOTPBB .sponsorDuplicate { display: block !important }
    .showHeader .sponsorDuplicate { display: block !important }
    .showHeader.showSecondOverlay .sponsorDuplicate { display: none !important }
    .showHeader.showSecondOverlay.hideOTP .sponsorDuplicate { display: block !important }
    .showOTP .MinByMin, .showOTPBB .MinByMin { display: none !important }
    .hideOTP .MinByMin, .hideOTPBB .MinByMin { display: block !important }
    body.showOverlayMob { position: fixed }
    body.showOverlayChipsy { position: fixed }
    /** Expandable Leaderboard **/
    .ExpandLB .leaderboardDiv { overflow: visible; width: 320px; margin: 0 calc((100% - 320px) / 2) 20px; height: 66px; background: 0 0; transition: all 0.8s ease-in-out 0s; -webkit-transition: all 0.8s ease-in-out 0s; -moz-transition: all 0.8s ease-in-out 0s; -ms-transition: all 0.8s ease-in-out 0s; -o-transition: all 0.8s ease-in-out 0s; }
    .ExpandLB.showExpand .leaderboardDiv { height: 336px }
    .ExpandLB .leaderboardDiv .leaderboardCnts { min-width: 100% }
    .ExpandLB .leaderboardDiv .leaderboard.lb1 { position: relative; left: 0; width: 100%; background: none; height: 50px; z-index: 99; transition: all 0.8s ease-in-out 0s; -webkit-transition: all 0.8s ease-in-out 0s; -moz-transition: all 0.8s ease-in-out 0s; -ms-transition: all 0.8s ease-in-out 0s; -o-transition: all 0.8s ease-in-out 0s; }
    .ExpandLB.showExpand .leaderboardDiv .leaderboard.lb1 { height: 320px }
    .ExpandLB .leaderboardDiv .leaderboard.lb1 iframe { width: 320px; height: 50px; display: inline-block; float: right; border: 0; left: 0px; margin: 0 auto; overflow: visible; position: absolute; top: 0; visibility: visible; z-index: 9999; transition: all 0.8s ease-in-out 0s; -webkit-transition: all 0.8s ease-in-out 0s; -moz-transition: all 0.8s ease-in-out 0s; -ms-transition: all 0.8s ease-in-out 0s; -o-transition: all 0.8s ease-in-out 0s; }
    .ExpandLB.showExpand .leaderboardDiv .leaderboard.lb1 iframe { width: 320px; height: 320px; z-index: 99999 }
    .ExpandLB .leaderboardDiv .geminiLB1Ad.showLB1 { display: none !important }
    /** Expandable Billboard **/
    .ExpandLB .billboardDiv { overflow: visible; width: 320px; margin: 0 calc((100% - 320px) / 2) 20px; height: 66px; background: 0 0; transition: all 0.8s ease-in-out 0s; -webkit-transition: all 0.8s ease-in-out 0s; -moz-transition: all 0.8s ease-in-out 0s; -ms-transition: all 0.8s ease-in-out 0s; -o-transition: all 0.8s ease-in-out 0s; }
    .ExpandLB.showExpand .billboardDiv { height: 336px }
    .ExpandLB .billboardDiv .billboardCnts { min-width: 100% }
    .ExpandLB .billboardDiv .billboard.bb1 { position: relative; left: 0; width: 100%; background: none; height: 50px; z-index: 99; transition: all 0.8s ease-in-out 0s; -webkit-transition: all 0.8s ease-in-out 0s; -moz-transition: all 0.8s ease-in-out 0s; -ms-transition: all 0.8s ease-in-out 0s; -o-transition: all 0.8s ease-in-out 0s; }
    .ExpandLB.showExpand .billboardDiv .billboard.bb1 { height: 320px }
    .ExpandLB .billboardDiv .billboard.bb1 iframe { width: 320px; height: 50px; display: inline-block; float: right; border: 0; left: 0px; margin: 0 auto; overflow: visible; position: absolute; top: 0; visibility: visible; z-index: 9999; transition: all 0.8s ease-in-out 0s; -webkit-transition: all 0.8s ease-in-out 0s; -moz-transition: all 0.8s ease-in-out 0s; -ms-transition: all 0.8s ease-in-out 0s; -o-transition: all 0.8s ease-in-out 0s; }
    .ExpandLB.showExpand .billboardDiv .billboard.bb1 iframe { width: 320px; height: 320px; z-index: 99999 }
    .ExpandLB .billboardDiv .geminiBB1Ad.showBB1 { display: none !important }
    .ACN19 .TourTabs li { /*margin-left: 20px;*/ left: -18px; width: auto; margin-bottom: 8px }
    .ACNStanding .groups .table:after { bottom: 25px; }
    .modal { width: 90%; }
    .content-popup .FbLogin { width: 90%; position: static; margin: 100px auto; }
    .ACNentrypoints { margin: 0 auto 20px; float: none; }
    .ACN19 .predHead { background: url(../../Images/ACN/prediction-mob.jpg?ref=0.2) no-repeat center center; background-size: auto 100%; }
    /*.leftSpeakol {width:100%}
	.acn_Cup .acnToCup .containermain {background: url(../../Images/ACN/Road-Mob.jpg?ver=0.2) no-repeat;background-size: 100% 100%;padding: 10px;}*/
    .acn_Cup .content { padding: 0 }
    .acnToCup { padding-top: 0 }
    .acnToCup .headerPES { padding: 10px; margin-bottom: 10px }
    .acnToCup .socialiconCont { margin-top: 0 }
    .acn_Cup .acnToCup .fblogin { width: 100% }
    .acnToCup .headerPES h1 { font-size: 20px; }
    .acnCompCont .socialiconCont { margin-top: 3px; }
    .acn_Cup .acnToCup #PersonalData { top: 10px; }
    .acnToCup .fblogin input { width: 300px; margin: 0 calc((100% - 300px) / 2); }
    /*.acn_Cup .acnToCup .containermain .sponsor-logo {display:none}*/
    .acn .acnCompCont { padding-top: 0; width: 100%; margin: 0 0 30px; }
    .acn .acnCompCont .containermain { padding: 0 0 157% 0; height: auto; background: url(../../Images/FrameBlackMob.png) no-repeat; background-size: 100% }
    .acn .acnCompCont .containermain .stepOne,
    .acn .acnCompCont .containermain .stepTwo,
    .acn .acnCompCont .containermain .stepThree { position: absolute; top: 30px; left: 20px; right: 20px; bottom: 30px; width: calc(100% - 40px); height: calc(100% - 60px) }
    .acnCompCont .headerPES { margin-bottom: 0; padding: 5px 10px }
    .acnCompCont .headerPES h1 { font-size: 20px }
    .acnCompCont .socialiconCont { margin-top: 3px }
    .acnCompCont .maintitle { font-size: 14px; line-height: 1.7 }
    .acnCompCont .maintitle span:first-child { font-size: 22px }
    .acnCompCont .fblogin input { height: 36px !important; width: 100%; margin: 0 0 10px }
    .acnCompCont .fblogin .ctrls input:last-of-type { margin-bottom: 0 !important }
    .acnCompCont .sponsoredBy { margin: 20px calc((100% - 230px) / 2); width: 230px }
    .acnCompCont .sponsoredBy img.yk { height: 24px; margin-top: 13px }
    .acnCompCont .sponsoredBy img.ul { height: 50px }
    .acnCompCont .fblogin h2 { font-size: 14px }
    .acnCompCont .fblogin a { margin: 10px 0; width: 100%; height: 36px; line-height: 2.5; }
    .acnCompCont .fblogin #FacebookSignIn { margin: 10px calc((100% - 180px) / 2); width: 180px }
    .acnCompCont .questionDiv p { font-size: 16px; margin: 10px 0 20px; }
    .acnCompCont .questionDiv li { padding: 4px 0; width: 100%; margin-bottom: 10px; margin-left: 0 }
    .acnCompCont .questionDiv li:last-child { margin-bottom: 0 }
    .acnCompCont .questionDiv li a { text-align: center; font-size: 14px }
    .acnCompCont .questionDiv ul { margin: 0 auto; width: 100% }
    .acnCompCont .questionDiv .nextquest { width: 100%; height: 36px; line-height: 2.4; margin-top: 100px; display: inline-block }
    .acnCompCont .questionDiv .err { margin: 5px 0; font-size: 14px; }
    .timer { left: 0; right: auto; bottom: 60px; height: 36px; font-size: 22px; line-height: 1.6; width: 100%; }
    .acnCompCont .stepTwo .sponsoredBy { left: 50%; transform: translateX(-50%); bottom: 0 }
    .acnCompCont .stepThree .sponsoredBy { left: 50%; transform: translateX(-50%); bottom: 0 }
    .acnCompCont .result { font-size: 18px; margin-top: 100px; }
    .acnCompCont .result span { font-size: 24px }
    .acnCompCont .tshirt { position: absolute; left: 50%; bottom: -10px; transform: none; transform: translateX(-50%); top: auto; right: 0 }
    .acnCompCont .tshirt img { width: 66px; height: auto }
    .acnCompCont a.back { width: 100%; margin: 30px 0; font-size: 14px }
    .ACNDiv .pattern1 .ttl .more, .ACNDiv .pattern2 .ttl .more, .ACNDiv .ttl .more { top: 3px; left: 15px; width: 50px; height: 34px; line-height: 2.6; }
    .ACNDiv .pattern1 .more::before, .ACNDiv .pattern2 .more::before, .ACNStanding .ACNBtnMore::before { border-bottom: 17px solid transparent; border-top: 17px solid transparent; border-left: 10px solid #e63023; top: 0; right: -10px; }
    .ACNStanding .ACNBtnMore::before { border-left: 10px solid #f2f2f2 }
    .ACNDiv .pattern1 .more::after, .ACNDiv .pattern2 .more::after, .ACNStanding .ACNBtnMore::after { border-bottom: 17px solid transparent; border-top: 17px solid transparent; border-right: 10px solid #e63023; top: 0; left: -10px; }
    .ACNStanding .ACNBtnMore::after { border-right: 10px solid #f2f2f2 }
    .ACNStanding .statsSponsor { left: 82px }
    .ManofMatch { width: 100%; height: 150px; max-height: 300px; top: 0; left: 0; transform: none; display: inline-block; position: relative }
    .ManofMatch .man-matchClip { height: 100px }
    .ManofMatch .man-matchClip .man-matchImage { width: 80px; height: 80px }
    .ManofMatch .man-matchClip .man-matchImage img { height: 120px }
    .ManofMatch .man-matchClip .manOfCont { width: calc(100% - 90px); }
    .ManofMatch .man-matchClip .manOfCont .man-matchTxt { line-height: 2 }
    .ManofMatch .man-matchClip .manOfCont .man-matchName { width: 100%; display: inline-block; line-height: 1.8 }
    .ManofMatch .man-matchTxt { font-size: 11px; line-height: 2px }
    .ManofMatch .man-matchName { font-size: 14px }
    .ManofMatch .man-matchClip .manOfCont .voting { margin-top: 5px }
    .ManofMatch .matchDetailsTabs .timeline.squad .matchSquad ul li span { margin-top: -8px }
    .man-match { left: 50%; transform: translateX(-50%) }
    .ClipTitles .TitleTxt { margin: 0 !important; font-size: 14px !important; line-height: 1.8 }
    .acn_Cup .acnToCup .containermain { padding-bottom: 100%; background: url(../../Images/ACN/Playstation.png?ver=0.4) no-repeat 50% bottom; background-color: #024687; background-size: 270px auto; }
    .acn_Cup .acnToCup .containermain .sponsor-logo { position: relative; top: auto; right: auto; margin-top: 15px; left: auto; transform: none; }
    .acn_Cup .acnToCup .stepOne { bottom: auto; height: auto; left: auto; position: relative; margin-top: 50px; transform: none; }
    .acn_Cup .acnToCup .containermain .sponsor-logo p { font-size: 18px }
    .acn_Cup .acnToCup .containermain .sponsor-logo p.winPlayStation { font-size: 20px }
    .acn_Cup .acnToCup .containermain .sponsor-logo img { width: 55px }
    .acn_Cup .acnToCup .containermain .sponsor-logo span { font-size: 14px; margin: 10px 0 }
    .acn_Cup .acnToCup .contentCnts { height: auto; width: 100%; position: relative; }
    .downloadApp { display: inline-block; width: 100%; height: 50px; position: relative; background: #f2f2f2; z-index: 5; padding: 13px 10px }
    .downloadApp p { float: right; display: inline-block; font-family: droidLight, Arial; font-size: 11px; color: #000; line-height: 2.2 }
    .downloadApp a { display: inline-block; float: left; margin-right: 5px; width: 81px; height: 24px }
    .downloadApp a:last-child { margin-right: 0 }
    .downloadApp img { width: auto; height: 24px }
    .showAnimateSC .sponsorDuplicate { display: none !important }
    .leftColum { width: 100% }
    article .details .mobVer { display: inline-block }
    .downAppNot { position: fixed; bottom: -250px; right: 20px; width: calc(100% - 40px); background: #181818; padding: 20px; z-index: 9999999; text-align: center; box-shadow: 0px 0px 15px 5px rgba(0,0,0,0.4); transition: all 0.2s ease-in-out 0s; -webkit-transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; -ms-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; }
    .showDownAppNot .downAppNot { bottom: 20px }
    .downAppNot .logo { display: inline-block; float: right; width: 42px; height: auto; margin: 0 calc((100% - 42px) / 2) 4px }
    .downAppNot p { display: inline-block; width: 100%; float: right; text-align: center; font-family: droidLight, Arial; font-size: 20px; color: #fff; line-height: 1.2; margin-bottom: 26px }
    .downAppNot .download { display: inline-block; width: 100%; float: right; height: 42px; border-radius: 2px; border-top: 1px solid #86bff0; background: linear-gradient(#0b7ddf, #08589e); color: #fff; font-family: droidLight, Arial; font-size: 16px; text-align: center; line-height: 2.6; margin-bottom: 10px }
    .downAppNot .continue { display: inline-block; width: 106px; float: right; color: #fff; font-family: droidLight, Arial; font-size: 13px; margin: 0 calc((100% - 106px) / 2); position: relative }
    .downAppNot .continue:after { content: ""; width: 100%; height: 1px; background: #fff; position: absolute; left: 0; right: 0; bottom: 4px }
    .downAppNot .closeDownAppNot { width: 20px; height: 3px; position: absolute; right: 10px; top: 20px }
    .downAppNot .closeDownAppNot:before, .downAppNot .closeDownAppNot:after { content: ''; width: 100%; height: 100%; position: absolute; background-color: inherit; left: 0; }
    .downAppNot .closeDownAppNot:before { transform: rotate(45deg); background: #fff; bottom: 0; }
    .downAppNot .closeDownAppNot:after { transform: rotate(-45deg); background: #fff; top: 0; }
    article .articlePoll { width: 100%; margin: 15px 0; padding: 10px; }
    article .articlePoll .allItems h3 { font-size: 14px }
    article .articlePoll .secondStep .itemDiv .votes { line-height: 2.4 }
    article .articlePoll .secondStep .itemDiv .votes span { line-height: 2.4 }
    article .articlePoll .allItems input[type="radio"] + label { margin: 0 0 15px 0; font-size: 14px }
    .quickQues { width: 100%; margin: 0; padding: 10px }
    article .details .quickQues h2 { font-size: 16px !important }
    .quickQues h3.Question { font-size: 14px !important; line-height: 1.8 !important; max-height: 72px; overflow: hidden }
    .quickQues .answer label { font-size: 13px; max-height: 64px; overflow: hidden }
    .quickQues .answer label.wrong:before, .quickQues .answer label.correct:before { line-height: 2.6 }
    .leftSpeakol { width: 100% }
    .dtlsSc .shiftArtclPattern { width: 100% }
    .medal { width: 100%; margin: 0 0 20px; margin-bottom: 35px }
    .medal .allItems .order { width: 22px !important }
    .medal .allItems .labels .order, .medal .allItems .labels .country { color: transparent }
    .medal .allItems .country { width: calc(100% - 142px) !important; }
    .medal .allItems .gold, .medal .allItems .silver, .medal .allItems .bronze, .medalPage .medal .allItems .total { width: 30px !important }
    .medalPage .medal .allItems .labels .item { font-size: 12px; }
    .medalPage .medal .allItems .item { font-size: 12px }
    .medalPage .medal .allItems .country { line-height: unset; font-size: 11px !important }
    .medalPage .medal .allItems .item img { width: 20px; margin-left: 5px }
    .medalPage .medal .allItems .gold, .medalPage .medal .allItems .silver, .medalPage .medal .allItems .bronze { margin-left: 10px }
    .medalPage .medal .allItems .country { width: calc(100% - 162px) !important; }
    .medalPage .medal .allItems .gold, .medalPage .medal .allItems .silver, .medalPage .medal .allItems .bronze, .medalPage .medal .allItems .total { width: 25px !important }
    .proPlayer.olympic .remainContent .listing ul li:hover:first-child .desc p { color: #fff }
    .euroMain .remainContent .multimedia .title a, .euroMain .remainContent .proNews .title a { margin-left: 10px }
    .euroMain.olympic .tabs a { line-height: 3.3 }
    /* .medalPage .medal .allItems .bronze{margin-left:0}*/
    .proPlayer.LatestNews.olympic .listing .ttl h2, .proPlayer.Videos.olympic .listing .ttl h2 { font-size: 16px }
    .tour2694 .euroMain .FullWidthBK .euroHeader:before { background: url(../../Images/ArabCup2021/arabCupHeader.png) bottom left -6px no-repeat; background-size: auto 100%; }
    .tour2694 .euroPredCnts .FullWidthBK .euroHeader:before { left: 0; top: auto; bottom: 0; width: 550px; background: url(../../images/ArabCup/predArabCup.png) no-repeat left -60px bottom -90px; background-size: 100% auto; opacity: 0.6; }
    .tour2697 .euroPredCnts .FullWidthBK .euroHeader:before { right: 0; top: -26px; left: auto; bottom: auto; width: 100%; height: 130%; background: url(../../images/enPattern4.svg) no-repeat center top; background-size: auto 100%; opacity: 1; pointer-events: none; z-index: 0 }
    .tour2730 .euroPredCnts .FullWidthBK .euroHeader:before { right: auto; top: 0; left: -52px; bottom: auto; width: 100%; height: 100%; background: url(../../images/EgyptionLeague.png) no-repeat; background-size: auto 155%; opacity: 1; pointer-events: none; z-index: 0 }
}

@media screen and (min-width:480px)and (max-width:482px) {
    .ESbtn a { top: 90px; }
    .ESFeaturedArea .desc { bottom: -20px; height: 40%; }
}

@media screen and (max-width:400px) {
    .ESbtn a { top: 70px; }
}

@media screen and (min-width:411px) and (max-width:480px) {
    .ACN19 .TourTabs li { left: -30px; }
}

@media screen and (max-width:320px) {
    .LiveStreem .desc { width: 50% }
    .LiveStreem ul li:first-child .desc p { font-size: .6em; }
    .LiveStreem .desc span { font-size: .4em; top: 40%; }
    .ESbtn a { padding: 0px; top: 60px; }
    .ESFeaturedArea ul li:first-child { height: 350px; }
    .ACN19 .TourTabs li { margin-left: 44px; }
    .ACN19 .TourTabs li:last-child { margin: 5px 65px; }
    .acnToCup .fblogin input { width: 200px; margin: 0 calc((100% - 200px) / 2); }
    .acn_Cup .acnToCup .fblogin { top: 0; }
    /*.ACNHeader {background-position: -541px 0px;}*/
}
/** Mobile - Landscape**/
@media screen and (max-width:767px) and (orientation:landscape) {
    .openSearch .searchDiv { height: 300px }
    .relatedArticles ul li.item { width: 150px; height: auto }
    .relatedArticles ul li.item a .arrow { height: 80px }
    .relatedArticles ul li.item a .imageCntnr { width: 120px; padding-bottom: 80px }
    .relatedArticles ul li.item a img { height: 80px }
    .relatedArticles ul li.item .desc { width: 150px; padding: 0 }
    .articleHeader .detialls { margin-top: 30px; }
    .articale_Section .detialls p { font-size: 11px; }
    .Team_View .BK .number, .PlayerView .Team1 { right: 100px; }
    .wcStanding .groups .table { width: calc((100% - 20px) / 2); }
    .wcStanding .groups .table:nth-child(4n) { margin-left: 20px; }
    .wcStanding .groups .table:nth-child(2n) { margin-left: 0; }
    .wcStanding .groups .table:nth-last-child(-n+4) { margin-bottom: 42px; }
    .wcStanding .groups .table:nth-last-child(-n+2) { margin-bottom: 32px; }
    .ACNStanding .groups .table { width: calc((100% - 20px) / 2); }
    .ACNStanding .groups .table:nth-child(4n) { margin-left: 20px; }
    .ACNStanding .groups .table:nth-child(2n) { margin-left: 0; }
    .ACNStanding .groups .table:nth-last-child(-n+4) { margin-bottom: 42px; }
    .ACNStanding .groups .table:nth-last-child(-n+2) { margin-bottom: 32px; }
    .PlayerView .BK .number span { margin-right: 46px; }
    .RoadToCup h2 { width: 50% }
    .RoadToCup .FBshare { left: 55%; top: 20%; transform: none }
    .fanZoneDiv .content-wrap { min-height: 1040px }
    .fanZone .cnts { width: 100%; margin: 20px 0 }
    .fanZone .cnts ul li { width: calc((100% - 30.1px) / 4); margin-left: 10px; margin-bottom: 130px; border-bottom-right-radius: 30px; border-bottom-left-radius: 30px; }
    .RoadToCup .winnerIN { width: 20%; left: 50%; }
    .mostSeenMedia .cnts ul li { margin-left: 10px; width: calc((100% - 10px) / 2); height: auto }
    .mostSeenMedia .cnts ul li:nth-child(2n) { margin-left: 0 }
    .wcOverlay .cntnr { top: 20px }
    .wcOverlay .ykLogo { width: 200px; margin: 0 calc((100% - 200px) / 2) 10px }
    .wcOverlay .mainSponsor p { margin-bottom: 10px; font-size: 12px; }
    .wcOverlay .mainSponsor .sponsorLogo { width: 56px; }
    .wcOverlay .allSponsors { height: 140px }
    .wcOverlay .allSponsors .third { width: 100% }
    .wcOverlay .allSponsors .third a { width: calc(100% / 9) }
    .acn_Cup .acnToCup .containermain { padding-bottom: 55% }
    /*article .totalQues .quesDiv{margin-bottom: 40px}
    article .totalQues{width: 100%;padding: 10px ;margin-right: 0;}
    article .totalQues h2{margin-bottom: 15px;line-height: 1;}
    article .totalQues .question img{width: 300px;margin: 0 calc((100% - 300px) /2)}
    article .totalQues .answer{line-height: 2;margin-bottom: 15px}
    article .totalQues .answer label{font-size: 15px;width: 300px}
    article .totalQues .answer img{width: 200px;padding: 10px}
    article .totalQues .answer.multi label{width:200px;margin:0 calc((100% - 200px) /2)}
    article .totalQues .question.quesBoth .conQues{margin:0 calc((100% - 300px) /2)}
    article .totalQues .question.quesImg .conQues{margin:0 calc((100% - 330px) /2)}
    article .totalQues .question.quesBoth span.dash{margin-left:0}*/
    article .totalQues, .cafLgFinal article .totalQues { width: calc(100% - 20px); margin-right: 10px }
    article .totalQues h6 { font-size: 18px }
    article .totalQues .quesDiv { width: 100%; }
    article .totalQues .question h3 { font-size: 13px; line-height: 3 }
    article .totalQues .answer { width: calc((100% - 10px) /2); margin-left: 10px }
    article .totalQues .question img { padding: 0 }
    article .result .resContainer h5 { font-size: 16px !important; margin-bottom: 10px }
    article .result .resContainer h5 span { font-size: 16px !important }
    article .result .resContainer span.share { font-size: 15px }
    article .result .resContainer .shareRes a { height: 35px; line-height: 2.2; font-size: 15px !important }
}
/** Mobile - Portrait**/
@media screen and (max-width:767px) and (orientation:portrait) {
    .articleHeader .articleInfo { height: 96px; position: relative }
    .articleHeader .articleInfo .articleAuthor { width: 100%; margin-bottom: 10px }
    .articleHeader .articleInfo .articleAuthor:after { display: none }
    .articleHeader .articleInfo .articleAuthor p { font-size: 12px; line-height: 1.5 }
    .articleHeader .articleInfo .articleAuthor p span { font-size: 13px }
    .articleHeader .articleInfo .time { position: absolute; top: 30px; right: 50px; padding: 0; font-size: 12px }
    .albumTemp .articleHeader .articleInfo { height: 56px }
    .albumTemp .articleHeader .articleInfo .time { position: relative; top: 0; right: 0; padding: 0; margin: 14px 0 }
    .videoTemp .articleHeader .articleInfo { height: 56px }
    .videoTemp .articleHeader .articleInfo .time { position: relative; top: 0; right: 0; padding: 0; margin: 14px 0 }
    .articleHeader .articleInfo .sponsorBy { float: right; margin: 9px 0 }
    .articleHeader .articleInfo .sponsorBy img { height: 22px; }
    .articleHeader .articleInfo .sponsorBy:after { display: none }
    article .keywordsDiv { width: 100%; margin-left: 0; }
    .relatedArticles ul li.item { width: 140px; height: auto; margin-left: 20px }
    .relatedArticles ul li.item:last-child { margin-left: 0 }
    .relatedArticles ul li.item a .arrow { height: 73px }
    .relatedArticles ul li.item a .imageCntnr { width: 110px; padding-bottom: 73px }
    .relatedArticles ul li.item a img { height: 73px }
    .relatedArticles ul li.item .desc { width: 140px; padding: 0 }
    .policy .item { margin-bottom: 8px; }
    .policy .item .head { font-size: 16px; }
    .policy .item p { font-size: 13px; }
    .policy .item .MiniHead { font-size: 12px; }
    .policy .item ul li { font-size: 13px; }
    .contact_us h3 { font-size: 13px; }
    .contact_us h3 { margin: 10px 0 20px; }
    .contact_us .C-form .iitem { margin-bottom: 28px; }
    .contact_us .C-form .C_button { margin: 5px calc((100% - 300px)/2); }
    .ContactUs .contact_us .C-form .iitem { margin-bottom: 20px }
    .ContactUs .contact_us .C-form .iitem .C-label, .contact_us .C-form .iitem input, #combobox, .ContactUs .contact_us .C-form .iitem .wrapper-demo { width: 100% !important; }
    .ContactUs .contact_us .C-form .iitem input, .ContactUs .contact_us .C-form .iitem #txtSMS { width: 100% !important; }
    .ContactUs .contact_us .C-form .iitem .wrapper-demo { margin-top: -30px }
    .options { width: 100%; top: 32px; }
    #ull { width: 100%; top: 67px; }
    .contact_us .C-form .iitem.special { margin-bottom: 55px; }
    .articleHeader .detialls { margin-top: 30px; }
    .articleHeader .detialls p { font-size: 10px; line-height: 3; }
    .articale_Section .detialls p { font-size: 8px; line-height: 3; }
    .articale_Section .articleHeader .articleInfo { padding: 0 10px; }
    .ContactUs .contactAds .ads .item { width: 100% }
    .RoadToCup .imageRight, .RoadToCup .imageLeft { width: 85px; height: 23px; }
    .RoadToCup .RoadContainer:nth-of-type(1) { margin-top: 40px }
    .RoadToCup .winnerIN { width: 40% }
    .RoadToCup .Mbutton .button { width: 58%; }
    .ShareBK .ButtonSH { top: 0; left: 0; transform: none; margin-left: 38px; }
    .wcStanding .groups .table { width: 100%; margin-left: 0; margin-bottom: 42px; border-bottom-right-radius: 30px; border-bottom-left-radius: 30px }
    .wcStanding .groups .table:nth-last-child(-n+2) { margin-bottom: 42px; }
    .wcStanding .groups .table:last-child { margin-bottom: 32px; }
    .ACNStanding .groups .table { width: 100%; margin-left: 0; margin-bottom: 42px; margin-bottom: 16px; height: 224px; }
    .ACNStanding .groups .table:nth-last-child(-n+4) { margin-bottom: 16px; }
    .table:nth-last-child(-n+4) { margin-bottom: 16px; }
    .ACNStanding .groups .table:last-child { margin-bottom: 6px; }
    .ACNStanding .statsSponsor p { display: none }
    .fanZoneDiv .content-wrap { min-height: 1670px }
    .fanZone .cnts { width: 100%; margin: 20px 0 }
    .fanZone .cnts ul li { width: calc((100% - 10.1px) / 2); margin-left: 10px; margin-bottom: 130px; border-bottom-right-radius: 30px; border-bottom-left-radius: 30px; }
    .fanZone .cnts ul li:nth-child(2n) { margin-left: 0 }
    .RoadToCup .FBshare { top: 29%; transform: none }
    .RoadToCup .winnerIN { left: 50% }
    .chooseSquadDiv .SquadEG .stepTwo .buttons { top: 305px !important }
    .mostSeenMedia .cnts ul li { width: 100% }
    .wcOverlay .cntnr { top: 90px }
    .wcOverlay .allSponsors { height: 210px }
    .wcOverlay .allSponsors .third { width: 320px }
    .wcOverlay .allSponsors .third a { width: calc(100% / 5); }
    /*.matchesHp .noStatsDiv{position: absolute!important;top: 0;left: 0;width:auto}*/
    .stats.TourStats-2584 .statsSponsorCont .statsSponsor { left: 0 }
    .stats.TourStats-2584 .statsSponsorCont .statsSponsor img { height: 34px; margin-top: 4px }
    .stats.TourStats-2584 .statsSponsorCont .statsSponsor p { display: none }
    .ACN19 .TourTabs li:last-child { margin: 5px 65px; }
}