@charset "UTF-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; font-size: 100%; vertical-align: baseline; }

html { line-height: 1; }

ol, ul { list-style: none; }

table { border-collapse: collapse; border-spacing: 0; }

caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }

q, blockquote { quotes: none; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; }

a img { border: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }

.ico { display: inline-block; vertical-align: middle; }

.fl { float: left; }

.flx { float: right; }

@font-face { font-family: 'Montserrat'; src: url("../fonts/Montserrat-ExtraBold.ttf") format("truetype"); font-weight: 900; font-style: normal; }
@font-face { font-family: 'Montserrat'; src: url("../fonts/Montserrat-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; }
@font-face { font-family: 'Montserrat'; src: url("../fonts/Montserrat-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; }
@font-face { font-family: 'Montserrat'; src: url("../fonts/Montserrat-Medium.ttf") format("truetype"); font-weight: 400; font-style: normal; }
@font-face { font-family: 'Montserrat'; src: url("../fonts/Montserrat-Light.ttf") format("truetype"); font-weight: 200; font-style: normal; }
body { font-family: 'Montserrat'; font-size: 16px; line-height: 1; }

/**** Compition Header ****/
.competition-header .site-tools { position: relative; z-index: 99; }
.competition-header .main-menu li a { padding: 10px; }

.site-tools { min-height: 80px; padding-top: 10px; }
.site-tools .menuOption { text-align: right; margin-top: 15px; }

.socialMedia.font-small .links li a.log-in i { font-size: 24px; }
.socialMedia.font-small .links li a.log-in span { font-size: 12px; }
.socialMedia .links { display: flex; justify-content: flex-end; align-items: center; }
@media (max-width: 991px) { .socialMedia .links { justify-content: center; } }
.socialMedia .links li { display: inline-block; text-align: center; margin: 0 5px; }
.socialMedia .links li a { width: 25px; height: 25px; background: #a9a9a9; display: block; border-radius: 50% 50%; color: #fff; font-size: 93.75%; padding-top: 1px; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.socialMedia .links li a i { vertical-align: sub; }
.socialMedia .links li a.facebook:hover { background: #4867aa; }
.socialMedia .links li a.twitter:hover { background: #1da1f2; }
.socialMedia .links li a.youtube:hover { background: #cd201f; }
.socialMedia .links li a.insta:hover { background: #e00350; }
.socialMedia .links li a.tikto:hover { background: #000; }
.socialMedia .links li a.log-in { background: transparent; color: #a9a9a9; position: relative; top: 5px; margin-left: 10px; width: 50px; text-transform: capitalize; }
.socialMedia .links li a.log-in i { font-size: 25px; margin-right: 5px; }
.socialMedia .links li a.log-in:hover { color: #b78d15; }
.socialMedia .links li a.log-in.menu-fix-width { width: 100px; }
.socialMedia .links li:nth-child(5) a.log-in { width: 100px; }
.socialMedia .links .social-media { display: flex; align-items: center; margin-top: 7px; }
.socialMedia .links .social-media li.tiktok a { display: flex; justify-content: center; align-items: center; }
.socialMedia .links .social-media li.tiktok a img { width: 14px; }

.main-menu { min-height: 165px; background-repeat: no-repeat; background-size: cover; position: relative; text-align: center; padding-top: 25px; background-position: center; }
.main-menu .menu { display: inline-block; margin-top: 10px; }
.main-menu li { display: table-cell; position: relative; text-align: center; border: 2px solid transparent; }
.main-menu li.menu-item--active-trail a { color: #ffffff; border-bottom: 4px solid #3c80c1; padding-bottom: 10px; }
.main-menu li:last-child a { margin: 0; }
.main-menu li a { font-size: 0.875em; display: block; color: #ffffff; padding: 10px 25px 10px 0; border-radius: 7px; text-transform: uppercase; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; -webkit-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; }
.main-menu li a:hover, .main-menu li a.is-active { background-color: #3c80c1; border-bottom: 0; color: #ffffff; text-decoration: none; }
.main-menu li a:hover:before, .main-menu li a.is-active:before { color: #ffffff; }
.main-menu li ul { background-color: #3c80c1; position: absolute; top: 100%; left: 0; min-width: 16em; z-index: 99; display: none; }
.main-menu li ul li { display: block; text-align: initial; }
.main-menu li ul li:first-of-type a { color: #ffffff !important; }
.main-menu li ul li:first-of-type a:before { display: none; }
.main-menu li ul li a { font-size: 0.875em; padding: 15px 20px; display: block; color: #ffffff; border-bottom: 1px solid rgba(255, 255, 255, 0.5); }
.main-menu li ul li a:hover, .main-menu li ul li a.is-active { background-color: #919191; border-bottom: 1px solid; border-color: #919191; }
.main-menu li ul li:last-of-type a { border: 0; }
.main-menu li.sfHover a { background-color: #3c80c1; color: #ffffff; }
.main-menu li.sfHover a:before { color: #ffffff; }

/***** News Slider ****/
.newsSlider { width: 100%; height: 100%; background-color: #fff; }
.newsSlider .ns-slides { max-width: 100%; max-height: 100%; }

.news-item { width: 100vw; height: 57vh; display: block; background-repeat: no-repeat; background-size: cover; background-position: center; position: relative; }
.news-item .sliderText { display: table-cell; vertical-align: middle; height: 57vh; color: #ffffff; position: relative; z-index: 999; }
.news-item .sliderText h2 { font-size: 125%; margin: 15px 0; text-transform: uppercase; }
@media only screen and (max-width: 768px) { .news-item .sliderText h2 { line-height: 1.2; } }
.news-item .sliderText p { font-size: 87.5%; font-weight: 300; line-height: 1.4; font-family: Segoe UI; }
.news-item:after { content: ""; width: 100%; height: 100%; position: absolute; background: rgba(41, 41, 41, 0.3); top: 0; left: 0; z-index: 1; }

.btn-blue { background: #3c80c1; color: #ffffff; margin: 15px 0; border-radius: 0; padding: 9px 25px; text-transform: capitalize; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.btn-blue:hover, .btn-blue:focus { background: #ffffff; color: #3c80c1; outline: 0; }

.slick-dots { position: absolute; z-index: 999; bottom: 0px; left: 50%; transform: translate(-50%); }
.slick-dots li { float: left; }
.slick-dots li button { text-indent: -9999px; border: 0; margin: 0 7px; cursor: pointer; height: 3px; width: 20px; background: #ffffff; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.slick-dots li button:focus { outline: 0; }
.slick-dots .slick-active button { background: #3c80c1; outline: 0; }

.latestMatshes { text-align: center; background: #f1f1f1; }
.latestMatshes .matchHeading { background: #3c80c1; padding: 20px; margin-bottom: 10px; color: #ffffff; }
.latestMatshes .matchHeading h3 { font-size: 225%; font-weight: 100; }
.latestMatshes .matchHeading h3 div { font-size: 37.5%; font-weight: 500; margin-bottom: 7px; }
.latestMatshes .matchDate h3 { width: 70px; height: 70px; background: #fff; margin: 10px auto; border-right: 3px solid #e91d42; font-size: 93.75%; color: #919191; padding-top: 7px; }
.latestMatshes .matchDate h3 p { font-size: 225%; color: #000000; font-weight: 100; margin-bottom: 5px; }
.latestMatshes .imgborder { width: 45px; height: 30px; overflow: hidden; display: inline-block; position: relative; margin: 8px 5px; }
.latestMatshes .imgborder img { object-fit: cover; position: relative; height: 30px; width: 100%; }
.latestMatshes .matchesFlags span { position: relative; top: -15px; color: #000000; }
.latestMatshes .matchesFlags p { font-size: 81.25%; margin-bottom: 10px; color: #919191; }
.latestMatshes .matchesFlags .liveScore { max-width: 40%; margin: 0 auto; padding: 5px; border-radius: 10px; -webkit-animation: live-score 2s infinite; animation: live-score 2s infinite; }
.latestMatshes .matchesFlags .black-color { color: #000000; }
.latestMatshes .btn-matches { position: relative; text-transform: capitalize; font-weight: 600; color: #626262; }
.latestMatshes .btn-matches:after { content: "\f0da"; font: normal normal normal 14px/1 FontAwesome; left: -2px; position: absolute; top: 7px; font-size: 118.75%; color: #b78d15; }
.latestMatshes .matchesFlags { outline: transparent; }

@-webkit-keyframes live-score { 0% { background: transparent; color: #46ac24; }
  100% { background: #46ac24; color: #ffffff; } }
@keyframes live-score { 0% { background: transparent; color: #46ac24; }
  100% { background: #46ac24; color: #ffffff; } }
.homepageFlag:after { content: ""; display: table; clear: both; }

.mobileFlagSlider { display: inline-block; }
.mobileFlagSlider .slick-arrow { position: absolute; border: 0; background: #f1f1f1; font-size: 287.5%; color: #bdbdbd; z-index: 99; top: calc( 50% - 24px); }
.mobileFlagSlider .slick-arrow:focus { outline: none; }
.mobileFlagSlider .slick-next { right: 10px; }
.mobileFlagSlider .slick-prev { left: 10px; }

.widgetText, .widgetSpan { margin-top: 20px; margin-bottom: 10px; color: #000000; }

/**** card and news style ****/
.card { padding: 40px 0 40px; }
.card .container { position: relative; }
.card .btn-media { color: #626262; }
.card .sectionHeading { position: relative; margin: 10px 10px 20px; font-size: 181.25%; font-weight: 400; text-transform: capitalize; }
.card .cardBody { position: relative; min-height: 300px; overflow: hidden; max-width: 350px; margin: 0 auto; margin-bottom: 20px; }
.card .cardBody .cardImage { min-height: 150px; }
.card .cardBody .cardImage img { object-fit: cover; height: 150px; width: 100%; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.card .cardBody .cardText { min-height: 220px; background: #f1f1f1; padding: 20px; position: relative; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; z-index: 17; }
.card .cardBody .cardText:after { content: ""; height: 100%; position: absolute; width: 100%; background: #3c80c1; left: 100%; bottom: -100%; transition: 0.3s all; z-index: 1; opacity: 0; border-radius: 50%; }
.card .cardBody .cardText .cardDate { position: relative; font-size: 75%; z-index: 99; color: #3c80c1; }
.card .cardBody .cardText h2 { font-size: 125%; margin: 15px 0; z-index: 99; position: relative; color: #000000; height: 160px; overflow: hidden; padding-bottom: 2px; line-height: 1.2; }
.card .cardBody .cardText p, .card .cardBody .cardText ul li { position: relative; z-index: 99; }
.card .cardBody .cardText .btn-card { color: #000000; position: absolute; z-index: 99; font-weight: 700; bottom: 10px; }
.card .cardBody .cardText .btn-card i { position: relative; left: -10px; font-size: 112.5%; }
.card .cardBody.cardVideo:after { content: "\f144"; display: inline-block; font: normal normal normal 14px/1 FontAwesome; position: absolute; top: 40px; z-index: 99; left: calc(50% - 32px); font-size: 437.5%; color: rgba(255, 255, 255, 0.9); -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.card .cardBody:hover .cardText .cardDate, .card .cardBody:hover .cardText h2, .card .cardBody:hover .cardText .btn-card, .card .cardBody:hover .cardText i, .card .cardBody:hover .cardText p, .card .cardBody:hover .cardText ul li { -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; color: #ffffff; }
.card .cardBody:hover .cardImage img { transform: scale(1.1) rotate(1deg); }
.card .cardBody:hover.cardVideo:after { color: white; transform: scale(1.1); }
.card .cardBody:hover > .cardText:after { bottom: 0; left: 0; opacity: 1; border-radius: 0; }

.btn-section { position: absolute; bottom: -55px; padding: 10px 0 10px 20px; left: 20%; margin: 10px 0; border: 1px solid #626262; border-radius: 0; width: 60%; z-index: 99; max-width: 250px; left: 0; right: 0; margin-left: auto; margin-right: auto; }
.btn-section i { font-size: 125%; position: absolute; top: 12px; left: 7px; }

/***** media center style *****/
.mediaCenterHome { background-image: url(../img/MediaCenter_bg.png); background-repeat: no-repeat; background-size: contain; background-position: right; }

.mediaCenter { position: relative; overflow: hidden; }
.mediaCenter .card { padding: 30px 0 0; }
.mediaCenter .mediaBg { overflow: hidden; position: relative; }
.mediaCenter .mediaBg img { height: 299px; object-fit: cover; width: 100%; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.mediaCenter .mediaBg:before { content: ""; position: absolute; width: 100%; height: 50%; background: linear-gradient(to bottom, rgba(111, 111, 111, 0), rgba(14, 14, 14, 0.8)); bottom: -1px; z-index: 9; }
.mediaCenter .mediaBg:after { content: ""; position: absolute; width: 100%; height: 100%; background: rgba(0, 30, 105, 0.15); top: 0; }
.mediaCenter .smallCard { padding: 0; }
.mediaCenter .smallCard:after { content: ""; position: absolute; width: 100%; height: 100%; background: rgba(0, 30, 105, 0.15); top: 0; }
.mediaCenter .cardText { position: absolute; bottom: 20px; color: #ffffff; padding-bottom: 20px; z-index: 999; margin-left: 15px; padding-right: 16px; }
.mediaCenter .cardText .cardDate { font-size: 81.25%; }
.mediaCenter .cardText h2 { font-size: 137.5%; margin: 15px 0; }
.mediaCenter .cardText .btn-card { color: #ffffff; padding: 0; }
.mediaCenter .cardText .btn-card i { margin: 0 5px 0 0; }
.mediaCenter .mediaCard:hover > .mediaBg img { transform: scale(1.05) rotate(0.5deg); }

/***** Inner media center ****/
.innerMediaCenter .innerBigCard .mediaBg { height: 650px; }
.innerMediaCenter .innerBigCard .mediaBg img { min-height: 650px; width: 100%; }
.innerMediaCenter .innerBigCard .mediaBg-fix { height: 633px; }
.innerMediaCenter .innerMediumCard { margin-top: 30px; }
.innerMediaCenter .innerMediumCard .mediaBg { height: 320px; }
.innerMediaCenter .innerMediumCard .mediaBg img { height: 320px; width: 100%; object-position: top; }
.innerMediaCenter .marginTop { margin-top: 30px; }

/***** Teams and groups style ****/
.teamsSection { -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out; transition: all 1s ease-in-out; }
.teamsSection:not(.groupListing) { background-repeat: no-repeat; background-size: 100% 100%; min-height: 600px; position: relative; margin-top: 15px; background-color: #f4f4f4; }
.teamsSection .topTabs { z-index: 999; }
.teamsSection .countryBox { min-height: 172px; padding: 2.3rem 1rem 0; text-transform: capitalize; word-break: break-word; border: 1px solid #cccccc; z-index: 999; position: relative; overflow: hidden; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; /*span { display: block; margin-top: 10px; color: #fff; @include fz(14px); font-weight: 100; position: absolute; right: 150%; bottom: 15px; opacity: 0; @include transition(0.2s all ease-in-out); i{ @include fz(24px); position: relative; left: 5px; top: 3px; }
}*/ }
.teamsSection .countryBox img { width: 60px; height: 60px; margin: 0 auto; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.teamsSection .countryBox h3 { font-size: 106.25%; margin-top: 10px; color: #000000; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; max-height: 36px; overflow: hidden; padding-bottom: 2px; word-break: break-word; }
@media only screen and (max-width: 1024px) { .teamsSection .countryBox h3 { font-size: 75.25%; } }
.teamsSection .countryBox:hover { background: #3c80c1; border-color: #3c80c1; /*span{ right: 15px; opacity: 1;
}*/ }
.teamsSection .countryBox:hover img { transform: scale(1.1) rotate(1deg); margin: 10px auto; }
.teamsSection .countryBox:hover h3 { color: #ffffff; }
.teamsSection .hideTeam { display: none; }
.teamsSection .hideTeam.open { display: block; }
.teamsSection .groupTitle { font-size: 137.5%; margin: 25px 0; }

.topTabs li { -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.topTabs li a { font-size: 125%; font-weight: 700; color: #919191; padding: 0; margin: 25px 15px; text-transform: uppercase; }
.topTabs li.active a { background-color: transparent !important; border: 0 !important; border-bottom: 2px solid #b78d15 !important; color: #b78d15 !important; }

.teamsList:after { content: ""; clear: both; display: table; }

.showMore { margin-top: 40px; display: block; text-align: center; cursor: pointer; }
.showMore a { color: #000000; text-transform: capitalize; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.showMore h4 { margin-bottom: 10px; font-size: 162.5%; color: #9b9b9b; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.showMore:hover a { color: #b78d15; text-decoration: none; }
.showMore:hover h4 { color: #b78d15; }

/******Matches Details page******/
.groupStage { position: relative; width: 94%; margin-left: 3%; min-height: 80px; }
.groupStage:after { content: ""; width: 100%; height: 1px; background: #cccccc; position: absolute; margin-top: -1px; z-index: 0; }
.groupStage .slick-arrow { position: absolute; z-index: 99; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.groupStage .slick-arrow.slick-prev { left: -3%; }
.groupStage .slick-arrow.slick-next { right: -3%; }
.groupStage .slick-arrow.slick-next, .groupStage .slick-arrow.slick-prev { top: 0; min-height: 80px; background: #f1f1f1; border: 0; padding: 0 12px; font-size: 187.5%; color: #919191; padding: 10px !important; }
.groupStage .slick-arrow:hover { background: #3c80c1; color: #ffffff; }

.groupDate { position: relative; text-align: center; margin-top: 12px; text-transform: capitalize; outline: 0; padding-bottom: 14px; text-decoration: none; cursor: pointer; }
.groupDate p { font-size: 87.5%; margin-bottom: 10px; color: #919191; }
.groupDate span { font-size: 87.5%; color: #000000; font-weight: 100; }
.groupDate.active p { color: #b78d15; }
.groupDate.active:after { content: ""; width: 100%; height: 4px; background: #b78d15; bottom: 0; position: absolute; left: 0; z-index: 99999; }
.groupDate:hover, .groupDate:focus { text-decoration: none; outline-offset: 0; }

.groupListing { text-transform: capitalize; position: relative; min-height: 500px; }
.groupListing .matchesHeadDate { font-size: 162.5%; padding: 30px 0; border-bottom: 1px solid #cccccc; }

.matchDetails { position: relative; border-bottom: 1px solid #cccccc; padding: 30px 0; height: 130px; }
.matchDetails .groupName { display: inline-block; background: #3c80c1; border-radius: 5px; font-size: 93.75%; text-align: center; padding: 10px 15px; color: #ffffff; font-weight: 100; vertical-align: top; margin-top: 15px; line-height: 1; max-height: 65px; overflow: hidden; }
.matchDetails .arena { height: 70px; padding-top: 25px; padding-left: 8px; overflow: hidden; line-height: 1; }
.matchDetails .country { height: 70px; line-height: 50px; display: inline-block; padding-top: 10px; }
.matchDetails .country span { display: inline-block; vertical-align: middle; max-width: 101px; overflow: hidden; word-break: break-word; line-height: 1; max-height: 69px; min-height: 20px; font-size: 87.5%; padding-bottom: 1px; }
.matchDetails .country img { float: left; height: 40px; width: 40px; margin: 0 5px; }
.matchDetails .country:first-child img { float: right; }
.matchDetails .matchDate { display: inline-block; height: 70px; vertical-align: top; line-height: 70px; text-align: center; font-size: 100%; color: #919191; }

.matchTime { line-height: 70px; text-align: right; font-size: 87.5%; }
.matchTime i { font-size: 131.25%; margin: 5px; color: #919191; }
.matchTime a { color: #000000; }
.matchTime a:hover { color: #3c80c1; text-decoration: none; }

.blueColor { color: #3c80c1 !important; }
.blueColor.icon-go:before { color: #444 !important; }

/*Group page*/
.groupFilter { padding: 35px 20px 20px; background: #f1f1f1; position: relative; text-transform: capitalize; }
.groupFilter a { display: block; margin: 10px 0 20px; color: #919191; position: relative; cursor: pointer; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.groupFilter a.current { color: #b78d15; }
.groupFilter a.current:after { content: ""; height: 4px; width: 100px; position: absolute; bottom: -10px; background: #b78d15; left: 0; }
.groupFilter a:focus, .groupFilter a:hover { text-decoration: none; }

.fullWidth { width: 100%; }

.groupContainer .table { border-bottom: 1px solid #dddddd; }
.groupContainer .table thead { color: #919191; font-size: 93.75%; }
.groupContainer .table th { border-bottom: 1px solid #ddd; }
.groupContainer .table th:not(:first-child) { width: 90px; text-align: center; }
.groupContainer .table th:first-child { width: 33%; padding: 20px 8px; word-break: break-word; min-width: 250px; overflow: hidden; }
.groupContainer .table td { font-size: 150%; text-align: center; padding: 25px 0; }
.groupContainer .table img { float: left; width: 45px; height: 45px; margin-right: 15px; }
.groupContainer .table h5 { margin-top: 10px; }
.groupContainer h2 { font-size: 150%; font-weight: 600; margin-bottom: 10px; margin-top: 30px; }
.groupContainer .matchDetailsGroup { display: none; background: #f1f1f1; position: relative; z-index: 999; padding: 0 40px 40px; }
.groupContainer .fullWidth { margin-bottom: 20px; }

.groupDetails { color: #000000; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; text-transform: uppercase; font-size: 93.75%; cursor: pointer; display: block; margin-bottom: 20px; }
.groupDetails span { font-size: 93.75%; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; color: #b78d15; }
.groupDetails:hover { color: #b78d15; text-decoration: none; }
.groupDetails.showDetails span { transform: rotate(180deg); }

/**** gallery details ******/
.galleryListing:after { content: ""; display: table; clear: both; }

.galleryListing-bg { min-height: 250px; background-image: url(../img/gallery/photo.jpg); background-repeat: no-repeat; background-size: cover; position: relative; display: block; }
.galleryListing-bg.galleryListing-bg-video { background-image: url(../img/gallery/video.jpg); }
.galleryListing-bg .galleryListing-text { position: absolute; bottom: 35px; color: #fff; left: 30px; text-transform: capitalize; }
.galleryListing-bg .icon { width: 50px; height: 50px; display: inline-block; font-size: 200%; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; text-align: center; line-height: 50px; margin-bottom: 10px; background: #3c80c1; }
.galleryListing-bg .icon:after { content: ""; border-left: solid 21px #3c80c1; border-bottom: solid 25px transparent; border-top: solid 25px transparent; position: absolute; right: 0; top: 0; opacity: 0; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.galleryListing-bg:hover .icon { width: 100%; height: 100%; }
.galleryListing-bg:hover .icon:after { right: -21px; opacity: 1; }

.galleryBody { padding: 40px 0; position: relative; }
.galleryBody .mediaCenter { background-color: #f1f1f1; }
.galleryBody .galleryNav li a { color: #919191; text-transform: uppercase; font-size: 93.75%; padding: 10px; margin-bottom: 25px; }
.galleryBody .galleryNav li.active a { color: #ffffff; background: #b78d15; border-radius: 4px; }
.galleryBody .singleGalleryPhoto .galleryFullWidth { object-fit: cover; max-height: 600px; margin: 0 auto; width: 100%; object-position: top; }
.galleryBody .slick-arrow { position: absolute; z-index: 999; height: 100%; width: 50px; background: #3c80c1; border: 0; font-size: 256.25%; color: #ffffff; }
.galleryBody .slick-arrow.slick-next { right: 0; top: 0; }
.galleryBody .gallery-slider-nav { margin-top: 30px; }
.galleryBody .slick-current.innerSmallCard { -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.galleryBody .slick-current.innerSmallCard:after { -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; background: rgba(0, 30, 105, 0.8); }
.galleryBody .tab-content > .tab-pane:not(.active), .galleryBody .pill-content > .pill-pane:not(.active) { display: block; height: 0; overflow-y: hidden; }
.galleryBody .innerSmallCard { position: relative; cursor: pointer; height: 190px; }
.galleryBody .innerSmallCard .galleryBg img { height: 190px; width: 100%; object-fit: cover; }
.galleryBody .innerSmallCard:before { content: ""; position: absolute; width: 100%; height: 50%; background: linear-gradient(to bottom, rgba(111, 111, 111, 0), rgba(14, 14, 14, 0.8)); bottom: -1px; z-index: 9; }
.galleryBody .innerSmallCard:after { content: ""; position: absolute; width: 100%; height: 100%; background: rgba(0, 30, 105, 0.15); top: 0; }

.mediaCenter.video-slider-nav .cardText, .mediaCenter.gallery-slider-nav .cardText { padding: 0 40px; }

/***** homepage history *****/
.homepageHistory { min-height: 600px; position: relative; background-color: #f1f1f1; }
.homepageHistory .slider-nav { margin-top: 45px; }
.homepageHistory .slider-nav:after { content: ""; width: 100%; height: 1px; background: #b78d15; top: 0; position: absolute; left: 0; }
.homepageHistory .topYears { position: relative; font-size: 218.75%; padding-top: 55px; color: #a3a3a3; outline: 0; font-weight: 100; cursor: pointer; }
.homepageHistory .topYears:after { content: ""; height: 45px; width: 1px; position: absolute; background: #a3a3a3; top: 0; display: inline-block; left: 50%; }
.homepageHistory .topYears.slick-current { color: #b78d15; font-size: 281.25%; font-weight: 700; }
.homepageHistory .topYears.slick-current:after { background: #b78d15; }
.homepageHistory .big-btn { margin-top: 60px; }

.historyYearSection { margin-top: 50px; outline: 0; }
.historyYearSection .historyCard { background: #919191; padding: 20px 35px; display: flex; align-items: center; justify-content: center; }
.historyYearSection .historyCard .compHistoryLogo { max-width: 180px; display: inline-block; }
.historyYearSection .historyCard h3 { font-size: 131.25%; text-transform: capitalize; color: #fff; text-align: left; display: inline-block; width: 60%; vertical-align: top; margin: 5px 0 10px 15px; overflow: hidden; }
.historyYearSection .historyCard h3 span { display: block; font-size: 87.5%; margin-top: 20px; font-weight: 100; padding: 2px; line-height: 1.2; }

.historyAwards { text-transform: capitalize; }
.historyAwards h2 { font-size: 150%; font-weight: 600; color: #b78d15; }
.historyAwards .winner { margin-top: 20px; }
.historyAwards .winner .countryName p { font-size: 212.5%; text-transform: uppercase; font-weight: 600; }
.historyAwards .countryFlag { display: inline-block; width: 50px; height: 50px; border-radius: 50% 50%; }
.historyAwards .countryName { display: inline-block; vertical-align: top; margin-top: 5px; }
.historyAwards .countryName h5 { font-size: 93.75%; }
.historyAwards .otherCountry { margin-top: 25px; }
.historyAwards .otherCountry .countryFlag { width: 40px; height: 40px; }
.historyAwards .otherCountry .countryName { margin-left: 10px; }
.historyAwards .otherCountry .countryName p { font-size: 100%; }

.big-btn { background: #b78d15; font-size: 112.5%; color: #ffffff; border-radius: 33px; padding: 13px 40px; font-weight: 100; text-transform: capitalize; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; position: relative; }
.big-btn:hover { background: #ffffff; color: #b78d15; }
.big-btn:after { content: "\f105"; display: inline-block; font: normal normal normal 14px/1 FontAwesome; position: absolute; right: 17px; top: calc(50% - 12px); font-size: 137.5%; }

/***** match result page *****/
.matchResult { text-transform: capitalize; position: relative; min-height: 800px; }
.matchResult .topTabs { right: 0; top: 7px; color: #3c80c1; font-size: 162.5%; }
.matchResult .topTabs a { text-decoration: none; margin: 7px; }
.matchResult .nav-tabs { border: 0; position: relative; margin-bottom: 30px; }
.matchResult .nav-tabs:after { content: ""; width: 100%; height: 1px; background: #919191; }
.matchResult .nav-tabs li { margin-bottom: 0; }
.matchResult .nav-tabs li a { background: transparent; border: 0; color: #919191; text-transform: uppercase; }
.matchResult .nav-tabs li a:hover { border: 0; }
.matchResult .nav-tabs li.active > a { color: #b78d15; border: 0; }
.matchResult .nav-tabs li.active > a:after { content: ""; position: absolute; width: 100%; height: 5px; background: #b78d15; bottom: -3px; left: 0; }
.matchResult .topResultCard { min-height: 150px; background: #3c80c1; color: #ffffff; padding-top: 20px; font-size: 93.75%; overflow: hidden; }
.matchResult .topResultCard > span { margin-bottom: 15px; display: inline-block; }
.matchResult .topResultCard .time { background: #196aa9; max-width: 155px; padding: 10px; border-radius: 5px; margin: 0 auto; margin-bottom: 10px; overflow: hidden; }
.matchResult .topResultCard .bottomData { margin-top: 14px; background: #196aa9; padding-top: 18px; padding-bottom: 17px; }
.matchResult .topResultCard .bottomData span { display: inline-block; width: 49%; padding: 0 10px; vertical-align: top; }
.matchResult .resultCardBody { position: relative; background: #f1f1f1; padding: 30px 0; zoom: 1; clear: both; overflow-x: hidden; }
.matchResult .resultCardBody:after, .matchResult .resultCardBody:before { display: table; content: ''; clear: both; zoom: 1; }
.matchResult .resultCardBody h3 { font-size: 137.5%; margin: 30px 0; text-transform: uppercase; }
.matchResult .country img { width: 45px; height: 45px; margin: 0 5px; }
.matchResult .time { min-height: 40px; background: #e7e7e7; font-size: 100%; padding: 11px 0 0; border-radius: 5px; top: 7px; }
.matchResult .status { font-size: 56.25%; padding: 5px; color: #fff; text-transform: uppercase; margin-top: 10px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; font-weight: 100; }
.matchResult .status.green { background: #46aa23; }
.matchResult .status.blue { background: #196aa9; }
.matchResult .status.yellow { background: #edb200; }
.matchResult .status.gray { background: #a7a7a7; }
.matchResult .status p { font-weight: 600; margin-bottom: 4px; }

.matchData { margin-bottom: 20px; }
.matchData:after { content: ""; display: table; clear: both; }
.matchData .country { height: 70px; line-height: 50px; display: inline-block; padding-top: 10px; }
.matchData .country span { display: inline-block; vertical-align: middle; width: 55%; overflow: hidden; line-height: 1; max-height: 63px; min-height: 20px; margin-top: 0 !important; font-size: 87.5%; text-align: left; padding-bottom: 1px; }
.matchData .country img { float: left; }
.matchData .country:first-child img { float: right; }
.matchData .country:first-child span { text-align: right; }

.whiteBg { background: #ffffff !important; }

.grayBg { background: #ededed; }

.matchStatistics { zoom: 1; clear: both; background: #ffffff; padding: 5px; }
.matchStatistics:after, .matchStatistics:before { display: table; content: ''; clear: both; zoom: 1; }
.matchStatistics span { font-size: 187.5%; margin: 5px 0; display: inline-block; height: 35px; position: relative; }
.matchStatistics span span { font-size: 112.5%; margin-top: 0; }
.matchStatistics span.notification { font-size: 137.5%; padding-top: 5px; }
.matchStatistics span.icon-stopwatch { color: #fc6249; }
.matchStatistics span.icon-soccer { color: #919191; }
.matchStatistics .notification i { position: absolute; background: #3c80c1; padding: 3px; border-radius: 50%; width: 17px; height: 17px; overflow: hidden; color: #ffffff; left: 12px; top: -5px; font-size: 50%; font-family: 'Montserrat'; }

.showMoreResult { position: absolute; left: 50%; transform: translate(-50%); bottom: 0; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.showMoreResult .showMore { margin: 0; }
.showMoreResult .showMore i { font-size: 137.5%; background: #3c80c1; width: 40px; height: 40px; line-height: 40px; color: #ffffff; transform: rotate(45deg); -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; border: 1px solid #ffffff; }
.showMoreResult .showMore i:before { transform: rotate(-45deg); display: inline-block; }
.showMoreResult .showMore p { margin: 10px; color: #000000; font-size: 81.25%; font-weight: 700; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.showMoreResult .showMore:hover { text-decoration: none; }
.showMoreResult:hover .showMore i { background: #ffffff; color: #3c80c1; border: 1px solid #3c80c1; }
.showMoreResult:hover p { color: #3c80c1; text-decoration: none; }

.hideRow { display: none; }
.hideRow.open { display: block; }

.up:before { transform: rotate(-225deg) !important; }

#playerDetails { padding-bottom: 57px; }

.matchScore { padding: 20px 0; margin: 0; }
.matchScore .center { height: 100px; line-height: 100px; }
.matchScore .center p { line-height: 1.5; display: inline-block; vertical-align: middle; }
.matchScore .no-padding { font-size: 81.25%; font-weight: 700; }

.progressBar .progress { width: 80%; margin: 0 auto; display: inline-block; background: rgba(60, 128, 193, 0.7); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#B33C80C1,endColorstr=#B33C80C1); height: 15px; border-radius: 0; box-shadow: none; }
.progressBar .progress .progress-bar { background: #0f558c; position: relative; animation-name: animateBar; animation-iteration-count: 1; animation-timing-function: ease-in; animation-duration: 1.5s; }
.progressBar .progress .progress-bar:after { content: ""; height: 140%; width: 4px; background: #ffffff; position: absolute; right: -2px; top: -3px; transform: rotate(18deg); }
.progressBar p { font-size: 81.25%; font-weight: 700; margin: 25px 15px 10px; }
.progressBar span { display: inline-block; width: 8%; vertical-align: top; }

.playerNav li.active > a { background: #0f558c; }
.playerNav li a { font-size: 93.75%; color: #ffffff; background: rgba(60, 128, 193, 0.8); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC3C80C1,endColorstr=#CC3C80C1); margin-bottom: 10px; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; min-height: 50px; display: flex; justify-content: center; align-items: center; margin-bottom: 0; }
.playerNav li a:hover, .playerNav li a:focus { background: #0f558c; color: #ffffff; }

#playerDetails .matchStatistics { padding: 5px 15px 45px; }

.topTeamNavIcon { padding: 5px; }
.topTeamNavIcon p { font-size: 62.5%; text-align: center; margin-top: 5px; font-weight: 600; }

.bottomTeamdata .dataRow { text-align: center; padding: 0; }
.bottomTeamdata .dataRow p { font-size: 62.5%; font-weight: 600; }

.playerRow { background: rgba(60, 128, 193, 0.1); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#1A3C80C1,endColorstr=#1A3C80C1); height: 40px; line-height: 40px; margin: 10px 0; }
.playerRow .playerName { position: relative; }
.playerRow .playerName i { position: absolute; left: -8px; width: 50px; height: 50px; background: #3c80c1; border-radius: 50%; font-size: 100%; color: #ffffff; top: -5px; border: 3px solid #ffffff; padding-top: 4px; }
.playerRow .playerName p { width: 100%; font-size: 62.5%; line-height: 1; display: inline-block; vertical-align: middle; padding-left: 48px; overflow: hidden; max-height: 40px; padding-bottom: 2px; }

.bigText { font-size: 150%; }

.downloadPdf { padding: 35px 0 35px; background: #3c80c1; margin: 40px 0 0; color: #ffffff; zoom: 1; clear: both; }
.downloadPdf:after, .downloadPdf:before { display: table; content: ''; clear: both; zoom: 1; }
.downloadPdf a { color: #ffffff; }
.downloadPdf a .path3:before, .downloadPdf a .path4:before { display: inline-block; transition: 0.5s all; }
.downloadPdf a:hover .path3:before { color: #3c80c1; transform: rotate(360deg) scale(1.1); }
.downloadPdf a:hover .path4:before { color: #3c80c1; }
.downloadPdf .pdfIcon { background: #ffffff; padding: 12px 7px; width: auto; }
.downloadPdf .pdfIcon span { font-size: 153.125%; }
.downloadPdf .pdfName { padding: 23px 10px; background: #196aa9; text-transform: uppercase; max-height: 62px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; }
.downloadPdf .bigText { margin-top: 25px; font-weight: 100; margin-left: 10px; }

.progressBar { padding-bottom: 60px; margin-bottom: 54px; }

.position { float: left; }

.progress-bar-circle { position: relative; height: 100px; width: 100px; color: #000000; margin: 0 auto; }
.progress-bar-circle div { position: absolute; height: 100px; width: 100px; border-radius: 50%; }
.progress-bar-circle div span { position: absolute; font-size: 150%; line-height: 75px; height: 75px; width: 75px; left: 12.5px; top: 12.5px; text-align: center; border-radius: 50%; background-color: white; }
.progress-bar-circle .rotate { clip: rect(0 50px 100px 0); }
.progress-bar-circle .left { clip: rect(0 50px 100px 0); opacity: 1; }
.progress-bar-circle .right { clip: rect(0 50px 100px 0); transform: rotate(180deg); opacity: 0; }

#showHideCircle { position: relative; padding-bottom: 54px; margin-bottom: 20px; }

@keyframes toggle { 0% { opacity: 0; }
  100% { opacity: 1; } }
@keyframes animateBar { 0% { transform: translateX(-100%); }
  100% { transform: translateX(0); } }
/**** News page ****/
.iconWithDate .topTabs { top: 65px; font-size: 162.5%; }
.iconWithDate .topTabs a { text-decoration: none; margin: 0 10px; }

.topDate { color: #3c80c1; text-transform: uppercase; }

.newsBody { padding: 0 80px; }
.newsBody .topImage { object-fit: cover; margin-bottom: 25px; margin-top: 30px; object-position: top; max-height: 600px; }
.newsBody img { max-width: 100%; }
.newsBody .newsText { word-spacing: 2px; line-height: 1.25; }
.newsBody .newsText .align-center img { margin: 0 auto; }

.newsDetails.newsCard { background: #f1f1f1; }
.newsDetails.newsCard .cardBody .cardText { background: #ffffff; }

/**** peger ****/
.pager { position: relative; }
.pager .pager li a, .pager .pager li span { border: 0; font-size: 93.75%; border-bottom: 2px solid transparent; border-radius: 0; color: #3c80c1; position: relative; }
.pager .pager li a:hover, .pager .pager li a:focus, .pager .pager li span:hover, .pager .pager li span:focus { background-color: transparent; color: #3c80c1; border-bottom-color: #3c80c1; }
.pager .pager .is-active a { background-color: #3c80c1; color: #ffffff; }
.pager .pager__item--first a, .pager .pager__item--last a, .pager .pager__item--previous a, .pager .pager__item--next a { position: relative; padding: 5px 13px 8px 8px; border-radius: 50%; background-color: #3c80c1; color: #ffffff; }
.pager .pager__item--first a span, .pager .pager__item--last a span, .pager .pager__item--previous a span, .pager .pager__item--next a span { font-size: 0; }
.pager .pager__item--first a:after, .pager .pager__item--last a:after, .pager .pager__item--previous a:after, .pager .pager__item--next a:after { display: inline-block; font-size: 125%; }
.pager .pager__item--first a:after { content: "<<"; }
.pager .pager__item--last a:after { content: ">>"; }
.pager .pager__item--first a, .pager .pager__item--last a { padding: 7px 9px 8px 6px; }
.pager .pager__item--first a:after, .pager .pager__item--last a:after { font-size: 14px; }
.pager .pager__item--previous a:after { content: "<"; }
.pager .pager__item--next a:after { content: ">"; }

.pager li > a:hover, .pager li > a:focus { color: #3c80c1 !important; }

.pager li > a, .pager li > span { background-color: #3c80c1; color: #ffffff; padding: 9px 14px; border-radius: 50%; }

.pager li.is-active > a { background-color: #ffffff; color: #3c80c1; }

/***** Statistics *****/
.topStatistics { margin-top: 50px; }

.sCard { zoom: 1; clear: both; padding-bottom: 25px; }
.sCard:after, .sCard:before { display: table; content: ''; clear: both; zoom: 1; }
.sCard .sImg { height: 220px; position: relative; padding: 0; overflow: hidden; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.sCard .sImg img { height: 100%; object-fit: cover; width: 100%; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.sCard .sImg:after { content: ""; width: 101%; height: 100%; background: linear-gradient(to right bottom, rgba(16, 65, 137, 0.22), #003a8e); position: absolute; top: 0; left: 0; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.sCard:hover .sImg img { transform: scale(1.05) rotate(0.5deg); }

.sText { padding: 30px 20px 20px 50px; }
.sText h3 { font-size: 137.5%; font-weight: 600; margin-bottom: 20px; }
.sText p { font-size: 87.5%; color: #919191; line-height: 1.5; }
.sText a { color: #000000; font-size: 87.5%; margin-top: 15px; display: block; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.sText a i { color: #b78d15; font-size: 262.5%; position: relative; top: 8px; margin-right: 5px; }
.sText a:hover { color: #b78d15; }
.sText a .card-caret { font-size: 16px; top: 0; }

.sText.newsBody a { display: inline; }

.bottomStatistics { margin-top: 30px; }
.bottomStatistics .sCard { position: relative; overflow: hidden; margin-bottom: 20px; min-height: 230px; }
.bottomStatistics .sCard:before { content: ""; width: 100%; height: 100%; background: linear-gradient(to right bottom, rgba(16, 65, 137, 0.22), #003a8e); position: absolute; top: 0; left: 0; display: inline-block; z-index: 99; }
.bottomStatistics .sCard .sText { color: #ffffff; position: relative; z-index: 999; }
.bottomStatistics .sCard .sText p, .bottomStatistics .sCard .sText a, .bottomStatistics .sCard .sText i { color: #ffffff; }
.bottomStatistics .sCard .sText a { margin-top: 30px; }
.bottomStatistics .sCard .cBgImg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.bottomStatistics .sCard:hover .cBgImg { transform: scale(1.05) rotate(0.5deg); }

/**** team page ****/
.teamHeading { display: table; width: 100%; padding-left: 10px; }
.teamHeading img { width: 70px; height: 70px; }
.teamHeading .centerText { display: table-cell; vertical-align: middle; width: 100%; padding-left: 20px; text-transform: uppercase; }
.teamHeading .centerText span { font-size: 50%; border-left: 1px solid #f1f1f1; padding: 20px; margin-left: 15px; font-weight: 400; }

.teamDetails .newsBody { padding: 0 15px; }
.teamDetails .topTabs { top: 45px; right: 0; }
.teamDetails .teamData { position: relative; padding-bottom: 40px; }
.teamDetails .teamData .teamInfo { background: #f1f1f1; margin: 0; }
.teamDetails .teamData .teamInfoImg { max-width: 200px; }
.teamDetails .teamData .teamInfoImg img { width: 85px; margin: 11px 0; }
.teamDetails .teamData .teamInfoText { padding: 20px 10px; }
.teamDetails .teamData .teamInfoText h2 { font-size: 137.5%; font-weight: 700; margin: 10px 0; }
.teamDetails .teamData .teamInfoText h3 { font-size: 112.5%; }

/**** history page ****/
.white-bg { background: #ffffff !important; }

.gray-bg { background: #f1f1f1; }

.gray-color { color: #919191; }

.historyDetails .topTabs { top: 15px; }
.historyDetails .topBg { background-size: cover; background-repeat: no-repeat; height: 550px; margin-top: 20px; background-position: center; }
.historyDetails .topBg .container { height: 550px; }
.historyDetails .topBg .competitionHistory { position: absolute; bottom: 0; }
.historyDetails .competitionHistory { padding: 30px; text-transform: uppercase; }
.historyDetails .competitionHistory img { height: 130px; object-fit: cover; max-width: 100%; }
.historyDetails .competitionHistory p { font-size: 87.5%; margin: 8px; }
.historyDetails .competitionHistory h3 { font-size: 137.5%; font-weight: 600; }

.allHistory { margin-top: 15px; position: relative; }
.allHistory .competitionHistory { padding: 50px 30px; margin: 15px 0; min-height: 320px; }
.allHistory .competitionHistory h3 { font-size: 112.5%; }

/**** no data page  ****/
.noDataBg { background-image: url(../img/no-data-bg.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; height: 60vh; margin: 40px; padding: 20vh 1vh; }
.noDataBg .noDataText .icon { width: 70px; height: 70px; margin-bottom: 1vh; background: #f8a01b; color: #ffffff; font-size: 225%; border-radius: 50%; padding: 14px; margin: 6px auto; }
.noDataBg .noDataText p { font-size: 87.5%; margin-bottom: 5px; }

/***** 404 page *****/
.page404 { position: relative; min-height: 60vh; text-align: center; display: flex; justify-content: center; align-items: center; padding: 50px 0; }
.page404 .pageContent { padding: 25px; position: relative; z-index: 999; }
.page404 .image404 { position: relative; margin: 0 auto; padding-bottom: 25px; }
.page404 .image404 img { position: relative; z-index: 99; max-width: 100%; display: block; }
.page404 .image404:after { content: ""; width: 100%; height: 100%; background-image: url(../../assets/img/404/404Bg.png); position: absolute; top: 5px; left: 10px; z-index: 1; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; background-position: center; background-repeat: no-repeat; background-size: contain; animation-name: imageMoving; animation-iteration-count: infinite; animation-timing-function: ease-in-out; animation-duration: 2.5s; }
.page404 .text404 { margin-top: 25px; }
.page404 .text404 h2 { font-weight: 900; font-size: 225%; color: #ec1d43; margin-bottom: 20px; }
.page404 .text404 h2 span { animation-name: dots; animation-duration: 1.4s; animation-iteration-count: infinite; animation-fill-mode: both; }
.page404 .text404 h2 span:nth-child(2) { animation-delay: .2s; }
.page404 .text404 h2 span:nth-child(3) { animation-delay: .4s; }
.page404 .text404 .btn { margin-top: 30px; font-size: 112.5%; background: #3c80c1; padding: 10px 30px; color: #ffffff; font-weight: 100; text-transform: capitalize; border: 1px solid transparent; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.page404 .text404 .btn:hover { color: #3c80c1; background: #ffffff; border: 1px solid #3c80c1; }
.page404 .text404 .circleBtn { border-radius: 25px; }

.page403 .image404:after { background-image: url(../../assets/img/404/403Bg.png); }

@keyframes imageMoving { 0% { transform: translatex(5%); }
  20% { transform: translateY(5%); }
  40% { transform: translateX(-8%); }
  60% { transform: translateY(-8%); }
  80% { transform: translateX(-5%); }
  100% { transform: translatex(5%); } }
@keyframes dots { 0% { opacity: .2; }
  20% { opacity: 1; }
  100% { opacity: .2; } }
/**** nominations page ****/
.downloadFiles { background: #f1f1f1; padding-top: 20px; padding-bottom: 20px; line-height: 1.3; }

.downloadFile { position: relative; min-height: 75px; background: #ffffff; border-top: 5px solid #3c80c1; display: flex; align-items: center; justify-content: center; margin: 15px 10px 15px 0; padding: 7px 0; }
.downloadFile:after { content: ""; display: table; clear: both; }
.downloadFile .downloadIcon { text-align: center; display: block; text-transform: capitalize; font-size: 75%; color: #000000; }
.downloadFile .downloadIcon i { padding: 13px; background: #3c80c1; border-radius: 50%; margin-bottom: 4px; font-size: 112.5%; color: #ffffff; margin-top: 5px; }

/**** Footer style ****/
.footerMenu .container { position: relative; }
.footerMenu #toTop { position: absolute; right: 0; color: #ffffff; background: #3c80c1; width: 50px; height: 50px; border-radius: 50%; text-transform: uppercase; cursor: pointer; }
.footerMenu #toTop i { font-size: 156.25%; }

.topFooter { background: #e0e0e0; min-height: 105px; }
.topFooter .partnersTitle h3 { font-size: 137.5%; margin-top: 30px; }
.topFooter .partnersTitle h3 span { font-size: 62.5%; font-weight: 100; margin-top: 5px; display: block; }

.partnersSlider { margin-top: 15px; margin-bottom: 15px; padding: 0; }
.partnersSlider .slick-list { padding: 0 25px; }
.partnersSlider .slick-arrow { position: absolute; border: 0; background: #fff; font-size: 287.5%; color: #8a8a8a; z-index: 99; top: 2px; height: 100%; }
.partnersSlider .slick-arrow:focus { outline: none; }
.partnersSlider .slick-next { right: 0; }
.partnersSlider .slick-prev { left: 0; }
.partnersSlider img { margin: 0 auto; max-width: 80%; padding-top: 3px; }

.bottomFooter { padding: 30px 0; }
.bottomFooter .footerLogo { margin-bottom: 20px; padding-left: 15px; }
.bottomFooter .footerLogo img { width: 60px; height: 60px; }
.bottomFooter p { font-size: 75%; margin: 15px 0; padding-left: 15px; }
.bottomFooter ul { padding-left: 15px; }
.bottomFooter ul li { float: left; font-size: 75%; margin: 0 10px 10px 0; position: relative; }
.bottomFooter ul li a { color: #000000; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.bottomFooter ul li a:hover { color: #b78d15; }
.bottomFooter ul li:after { content: ""; position: absolute; height: 100%; width: 1px; background: #000000; right: -5px; }
.bottomFooter ul li:last-child:after { display: none; }
.bottomFooter .newsLetter { margin-top: 25px; text-align: left; }
.bottomFooter .newsLetter h3 { font-size: 100%; font-weight: 600; }
.bottomFooter .newsLetter .subTitle { font-size: 75%; margin: 10px 0 17px; }
.bottomFooter .newsLetter .input-group { width: 100%; }
.bottomFooter .newsLetter .form-control { width: 100%; margin-right: 9px; display: inline-block; box-shadow: none; border-radius: 0; min-height: 40px; font-size: 81.25%; }

.btn-secondary-color { border-radius: 0; min-height: 40px; font-size: 93.75%; width: 100%; margin-top: 10px; background: #b78d15; color: #ffffff; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.btn-secondary-color:hover { background: #3c80c1; color: #ffffff; }

@media (min-width: 769px) { .historyAwards .countryName { width: 50%; }
  .otherCountry:last-of-type { border-left: 1px solid #919191; } }
@media (min-width: 767px) { .homepageHistory { background-image: url(../img/historyhomepageBg.jpg); background-repeat: no-repeat; background-size: 100% 100%; }
  .nominations .topImage { position: absolute; width: 250px; z-index: 99; }
  .nominations .downloadFiles { min-height: 330px; position: relative; top: 50px; margin-bottom: 50px; padding-left: 150px; }
  .historyAwards h2 { font-size: 150%; }
  .historyAwards .otherCountry .countryName p { font-size: 131.25%; }
  .historyAwards .otherCountry .countryName h5 { font-size: 87.5%; }
  .matchData .country span { width: 70%; font-size: 93.75%; }
  .card { padding: 40px 0; }
  .bottomFooter .newsLetter { margin-top: 10px; }
  .bottomFooter .newsLetter .form-control { width: calc(100% / 1.3); }
  .bottomFooter .newsLetter .btn-secondary-color { width: auto; margin-top: 0; }
  .topTabs { position: absolute; right: -10px; top: 15px; }
  .topTabs li { position: relative; }
  .topTabs li:not(:last-child):after { content: ""; height: 20px; width: 2px; background: #919191; right: -4px; position: absolute; top: 0; }
  .topTabs li a { font-size: 87.5%; margin: 0 10px; }
  .topTabs li a:hover { border-color: transparent; background-color: transparent; color: #b78d15; }
  .matchData { float: none; margin: 0 auto; }
  .matchResult .time { margin-bottom: 25px; min-height: 50px; font-size: 131.25%; }
  .playerRow .playerName p { font-size: 87.5%; }
  .teamDetails .teamData { min-height: 450px; }
  .teamDetails .teamData .teamInfo { position: absolute; bottom: 30px; left: 15px; background: #f1f1f1; min-width: 400px; }
  .fixedHeight .sCard .sText { height: 220px; } }
.newsBody { position: relative; }
.newsBody h2 { font-size: 131.25%; margin-bottom: 5px; }
.newsBody p { font-size: 17px !important; margin-bottom: 15px; font-family: Segoe UI; }
.newsBody p:after { content: ""; display: table; clear: both; }
.newsBody h3 { font-size: 137.5%; margin-bottom: 5px; }
.newsBody h1 { font-size: 150%; margin-bottom: 5px; }
.newsBody h4 { font-size: 112.5%; margin-bottom: 5px; }
.newsBody h5 { font-size: 100%; margin-bottom: 5px; }
.newsBody h6 { font-size: 87.5%; margin-bottom: 5px; }
.newsBody ul { padding: 0 17px; }
.newsBody ul li { margin-bottom: 8px; position: relative; font-size: 100%; }
.newsBody ul li:before { content: ''; width: 5px; height: 5px; border-radius: 50%; background-color: #000000; position: absolute; left: -17px; top: 7px; }
.newsBody ul li li { position: relative; }
.newsBody ul li li:before { content: ''; width: 7px; height: 7px; border-radius: 50%; border: 1px solid #000000; background-color: transparent; position: absolute; left: -17px; top: 8px; }
.newsBody ol { list-style: decimal; padding: 0 45px; margin-bottom: 15px; }
.newsBody ol li { margin-bottom: 8px; }
.newsBody strong { font-weight: 700; }
.newsBody em { font-style: italic; }
.newsBody img { max-width: 100%; display: block; }
.newsBody a { color: #b78d15; }

.position-r { position: relative; }

@media (max-width: 768px) { .historyAwards .otherCountry .countryName { float: left; width: calc(100% - 55px); }
  .historyAwards .otherCountry .countryFlag { float: left; }
  .historyAwards .winner { border-bottom: 1px solid #cccccc; padding-bottom: 20px; }
  html { overflow-x: hidden; }
  .newsCard.matchResult .nav-tabs li { float: none; text-align: center; }
  .topDate { padding: 0 15px; }
  .iconWithDate .topTabs { top: -25px; display: block; position: absolute; left: 50%; transform: translate(-50%); text-align: center; }
  .groupContainer .matchDetailsGroup { padding: 0; }
  .mediaCenter { padding-bottom: 70px; }
  .mediaCenter .no-padding { padding: 0 15px; }
  .mediaCenter .container .col-md-12, .mediaCenter .container .col-xs-12 { padding: 0 2px; }
  .m-p-0 { padding: 0; }
  .aboutMediaCenter { padding-bottom: 10px; margin-bottom: 70px; overflow: unset !important; }
  .aboutMediaCenter .container { position: unset !important; }
  .aboutMediaCenter .container .col-md-12, .aboutMediaCenter .container .col-sm-12 { position: unset !important; }
  .galleryBody .mediaCenter { padding: 0; }
  .teamsSection .tab-content { padding: 0 15px; }
  .topTabs { display: flex; justify-content: center; flex-direction: row; border-bottom: 0; }
  .topFooter .no-padding, .bottomFooter .no-padding { padding: 0 15px; }
  .groupListing .matchesHeadDate, .groupListing .matchesGroup { margin: 0 15px; }
  .groupContainer .matchesHeadDate, .groupContainer .matchesGroup { margin: 0; }
  .historyYearSection .historyCard { margin-bottom: 20px; }
  .historyYearSection .historyCard .compHistoryLogo { max-width: 100px; }
  .historyYearSection .historyCard h3 { font-size: 100%; }
  .historyAwards { padding: 0; }
  .historyAwards .otherCountry { padding: 10px; }
  .matchResult .topResultCard .bottomData span { width: 100%; display: block; line-height: 1.3; }
  .innerMediaCenter .no-padding { padding: 0; }
  .innerMediaCenter .innerBigCard .mediaBg { height: 300px; }
  .innerMediaCenter .innerBigCard .mediaBg img { height: 300px; }
  .galleryBody { padding: 40px 15px; }
  .footerMenu #toTop { right: 5px; top: 11px; }
  .teamDetails .teamData .teamInfoImg { padding: 10px 0; }
  .teamDetails .teamData .teamInfoImg img { margin: 30px 10px; }
  .teamDetails .teamData .teamInfoText { padding: 20px; }
  .galleryBody .slick-arrow { font-size: 125%; }
  .playerRow .playerName p { font-size: 56.25%; }
  .matchData .country img { width: 35px; height: 35px; }
  .matchDetails .matchDate { font-size: 81.25%; }
  .mobile-width .slick-list { padding: 0 !important; }
  .mobile-width .slick-track { transform: none !important; width: 100% !important; }
  .mobile-width .slick-center { width: 100% !important; }
  .matchResult .nav-tabs li { float: none; text-align: center; } }
@media (max-width: 767px) { .mediaCenter.mediaCenterHome .btn-section { bottom: 5px; } }
@media only screen and (min-width: 550px) { .singleGalleryPhoto iframe { height: 350px; min-width: 100%; } }
@media only screen and (max-width: 550px) { .top-tab span { display: block; margin-bottom: 15px; text-align: center; }
  .matchDetails .country { font-size: 62.5%; font-weight: 700; }
  .matchDetails .country img { width: 35px; height: 35px; }
  .groupStage { width: 88%; margin-left: 5%; }
  .groupStage.fullWidth { width: 88%; }
  .teamHeading .centerText span { margin-left: 0; display: block; padding: 7px 25px 7px 0; border: none; }
  .newsBody .newsText img { max-width: 100%; }
  .addFanPhoto table .image-widget { min-height: 105px; }
  .addFanPhoto table.responsive-enabled .button { top: 29px; }
  .addFanPhoto .form-managed-file span { word-break: break-word; } }
@media (max-width: 390px) { .matchDetails .country span { max-width: 75px; font-size: 85%; line-height: 1.2; }
  .matchDetails .groupName { display: block; margin: 15px auto; }
  .matchDetails .arena { padding-top: 15px; height: auto; width: 100%; }
  .matchDetails .matchDate { font-size: 75%; line-height: 65px; }
  .matchDetails span { max-width: 50px; } }
.ihf-main-menu { min-height: 50px; text-align: left; background: #ffffff; padding-top: 0; box-shadow: 1px 2px 3px #f1f1f1; }
.ihf-main-menu li a { color: #000000; text-shadow: none; font-weight: 700; border-radius: 0; font-size: 71.25%; margin-bottom: 7px; }
.ihf-main-menu li a.is-active, .ihf-main-menu li a:hover { background-color: #ffffff; border-bottom: 0; color: #000000; }
.ihf-main-menu li:hover a { background-color: #ffffff; color: #b78d15; }
.ihf-main-menu li:hover .socialMedia a { background-color: #a9a9a9; color: #ffffff; }
.ihf-main-menu.sf-menu { float: none; margin-bottom: 0; }
.ihf-main-menu .menu-link li { position: static; border: 0; white-space: normal; }
.ihf-main-menu .menu-link li > ul { width: 100%; min-height: 10px; z-index: 999999; background-color: #f4f4f4; }
.ihf-main-menu .sf-mega-section { width: 25%; }
.ihf-main-menu .sf-mega-section ul { position: static; display: block; min-width: 1px; background: transparent; border-left: 0; }
.ihf-main-menu .sf-arrows .sf-with-ul { padding-right: 1.8em; }
.ihf-main-menu .sf-arrows .sf-with-ul:after { position: relative; right: -7px; }
.ihf-main-menu .sf-arrows .sfHover .sf-with-ul:after { border-top-color: #b78d15; transform: rotate(90deg); }
.ihf-main-menu .sf-mega-section li.secondLevel a { color: #000000 !important; padding: 5px; font-size: 75%; text-transform: capitalize; border-bottom: 0; padding-bottom: 10px; position: relative; z-index: 999; }
.ihf-main-menu .sf-mega-section li.secondLevel.menuHead > a { font-size: 156.25%; position: absolute; font-weight: 100; top: 25px; z-index: 9999; background: #f4f4f4 !important; padding-right: 20px; pointer-events: none; display: none; }
.ihf-main-menu .sf-mega-section li.secondLevel.menuHead > a:after { border: 0; }
.ihf-main-menu .sf-mega-section:first-child li.secondLevel.menuHead a { display: block; }
.ihf-main-menu .sf-mega-section:first-child li.secondLevel.menuHead a:after { display: none; }
.ihf-main-menu li.active-parent li.secondLevel a { background-color: transparent !important; text-align: left; }
.ihf-main-menu li.active-parent li.listHead > a { font-size: 87.5%; font-weight: 700; }
.ihf-main-menu li.active-parent li.listHead > a:after { border: 0; display: none; }

.banner-content { padding: 5px; }

.eventsList { padding: 0; }

.wrap { padding: 1em; height: auto; min-height: 90%; }

.sf-mega { background-color: #f4f4f4; padding: 0; box-sizing: border-box; overflow: hidden; padding-top: 85px; }
.sf-mega:before { background-image: url(../img/menu-bg.png); background-repeat: no-repeat; background-size: cover; height: 580px; position: absolute; right: 0; top: 0; width: 350px; }
.sf-mega ul { list-style-type: auto; margin: 0; display: block !important; opacity: 1 !important; }
.sf-mega li { margin-left: 0; }
.sf-mega h2 { font-size: 100%; margin: .5em 0; }
.sf-mega .sf-mega-section { float: left; padding: 5px; }

.sf-menu { position: relative; margin: 0; padding: 0; list-style: none; float: left; margin-bottom: 1em; width: 100%; }
.sf-menu .sf-mega { min-height: 500px; padding-top: 85px; position: relative; }
.sf-menu .sf-mega:after { content: ""; display: table; clear: both; }
.sf-menu > li { float: left; background: #BDD2FF; -webkit-transition: background .2s; transition: background .2s; }
.sf-menu > li > a { display: block; position: relative; border-left: 1px solid #fff; border-top: 1px solid #dFeEFF; border-top: 1px solid rgba(255, 255, 255, 0.5); padding: .75em 1em; text-decoration: none; zoom: 1; }

.sf-menu > li:hover, .sf-menu > li.sfHover { background: #CFDEFF; -webkit-transition: none; transition: none; }
.sf-menu > li:hover > .sf-mega, .sf-menu > li.sfHover > .sf-mega { display: block; }

/*** mega menu dropdown ***/
.menuHead { position: relative; }
.menuHead:after { content: ""; border: 0; width: 94%; height: 1px; background: #bfbfbf; position: absolute; right: 0; top: 43px; z-index: 99; margin-right: 2%; }

.listHead ul li.secondLevel a { font-weight: 500; }
.listHead ul li.secondLevel:hover a { color: #b78d15 !important; }

.sf-mega .bottomFooter { border-top: 1px solid #bfbfbf; }
.sf-mega .bottomFooter .footerLogo { float: left; display: inline-block; margin: 0 10px 0 0; }
.sf-mega .bottomFooter .footerLogo a { float: left; background-color: transparent !important; color: black; font-size: 11px; font-weight: 400; margin-top: 10px; padding: 5px; margin-bottom: 3px; }
.sf-mega .bottomFooter .footerLogo img { float: left; }
.sf-mega .bottomFooter p { text-align: left; padding-left: 124px; }
.sf-mega .socialMedia ul.links { position: relative; background-color: transparent; float: right; text-align: right; }
.sf-mega .socialMedia ul.links li { float: right; margin: 0 10px; }
.sf-mega .socialMedia ul.links li a { width: 35px; height: 35px; line-height: 27px; font-size: 125%; text-align: center; padding: 0; }

.sf-arrows .sf-with-ul { padding-right: 2.5em; *padding-right: 1em; }
.sf-arrows .sf-with-ul:after { content: '\f107'; position: absolute; top: 50%; right: 0; margin-top: -7px; font: normal normal normal 14px/1 FontAwesome; display: inline-block; font-weight: 700; }
.sf-arrows:hover .sf-with-ul:after { content: '\f106'; }

.sf-arrows > li > .sf-with-ul:focus:after, .sf-arrows > li:hover > .sf-with-ul:after, .sf-arrows > .sfHover > .sf-with-ul:after { border-top-color: #000000; }

/*calender homepage style*/
.fc-toolbar .fc-right { display: none; }
.fc-toolbar h2 { color: #ffffff; font-size: 87.5%; }

.fc-today-button { display: none; }

.fc-button-group .fc-button.fc-state-default { position: absolute; background: transparent; color: #ffffff; box-shadow: none; border: 0; text-shadow: none; top: 8px; }
.fc-button-group .fc-prev-button { left: 15%; }
.fc-button-group .fc-next-button { right: 15%; }

#calendar { background: rgba(0, 0, 0, 0.5); padding: 15px; margin-top: 20px; position: relative; z-index: 9999; }

.fc table { font-size: 87.5%; }

.fc-unthemed .fc-content, .fc-unthemed .fc-divider, .fc-unthemed .fc-list-heading td, .fc-unthemed .fc-list-view, .fc-unthemed .fc-popover, .fc-unthemed .fc-row, .fc-unthemed tbody, .fc-unthemed td, .fc-unthemed th, .fc-unthemed thead { border-color: transparent; border: 0; }

.fc-scroller { overflow: initial !important; height: auto !important; }

.fc-widget-header { margin-right: 0 !important; }

.fc-day-header span { color: #5f6a8a; font-size: 68.75%; }

.fc .fc-row .fc-content-skeleton table, .fc .fc-row .fc-content-skeleton td, .fc .fc-row .fc-helper-skeleton td { text-align: center; }

.fc-ltr .fc-basic-view .fc-day-top .fc-day-number { float: none; font-size: 11px; height: 30px; line-height: 30px; color: #ffffff; pointer-events: none; }

.fc-day-grid-event .fc-content { white-space: nowrap; overflow: hidden; position: absolute; top: -41px; text-indent: -9999px; width: 100%; height: 30px; background: transparent; left: 0; margin-top: 6px; }
.fc-day-grid-event .fc-content:after { content: ""; position: absolute; width: 5px; height: 5px; background: #fff; left: calc(50% - 2.5px); bottom: 0; border-radius: 50%; }

.fc-unthemed td.fc-today { background: #fcf8e3; border-radius: 50%; width: 34px; }

.fc-unthemed td.fc-today a { color: #000000 !important; }

tr:first-child > td > .fc-day-grid-event { margin-top: 2px; background-color: transparent !important; border: 0 !important; }

.fc-basic-view .fc-day-grid-event { border: 0; }
.fc-basic-view .fc-body .fc-row { min-height: 31px; }

/*homepage news slider*/
.blue-options .slick-arrow { -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; position: absolute; top: 70px; background: rgba(32, 71, 162, 0.8); border: 0; font-size: 250%; color: #ebebeb; width: 50px; height: 50px; z-index: 999; }
.blue-options .slick-arrow:focus { outline: 0; }
.blue-options .slick-next { right: 0; }

.card.masterPage.newsCard { padding-bottom: 60px; }
.card.masterPage .sectionHeading { margin: 15px 15px 20px; font-weight: 400; text-transform: uppercase; }
.card.masterPage .cardBody .cardText { background: #ffffff; }
.card.masterPage .cardBody .cardText p { line-height: 1.5; color: #515151; position: relative; z-index: 99; }
.card.masterPage .cardBody:hover .cardText p { color: #ffffff; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.card.masterPage .btn-section i { left: auto; right: 15px; }
.card.masterPage .btn-section { text-transform: uppercase; font-weight: 600; }

/*upcoming events*/
.upcomingEvents { background-image: url(../img/upcoming-events.jpg); background-repeat: no-repeat; background-size: cover; min-height: 400px; position: relative; box-shadow: 7px 2px 19px 1px #909090; }
.upcomingEvents .events-date-list { position: relative; margin-bottom: 20px; }
.upcomingEvents .events-date-list span { position: absolute; top: 20px; left: 67px; font-size: 150%; color: #ffffff; font-weight: 100; }
.upcomingEvents .slick-slide { cursor: default; }
.upcomingEvents .event { margin: 15px 0; font-weight: 100; height: 250px; position: relative; text-transform: uppercase; color: #ffffff; }
.upcomingEvents .event p { max-height: 95px; overflow: hidden; }
.upcomingEvents .event .top-label { padding: 5px 10px; display: inline-block; margin-bottom: 20px; }
.upcomingEvents .event .date { width: 90px; display: inline-block; text-transform: uppercase; color: #ffffff; font-weight: 100; }
.upcomingEvents .event .date p { font-size: 312.5%; }
.upcomingEvents .event .location { position: absolute; bottom: 0; text-transform: capitalize; }
.upcomingEvents .event .location i { padding: 0 10px 0 0; }
.upcomingEvents .col-md-9.clearfix { padding: 0; }

/*Homepage news and media center*/
.mediaHomepage { position: relative; background-repeat: no-repeat; background-position: top right; background-size: unset; /*    &:after{ content: ""; background-image: url(../img/Right_BG.png); background-repeat: no-repeat; background-size: 100% 100%; position: absolute; top: -400px; right: 200px; width: 756px; height: 1086px; z-index: 0; }*/ }
.mediaHomepage .newsLogo { max-width: 350px; margin: 20px auto; display: block; }
.mediaHomepage .topSection { position: relative; z-index: 99999; }
.mediaHomepage .topSection .sectionHeading { font-size: 137.5%; font-weight: 400; }
.mediaHomepage .cardBody .cardText .btn-card { position: absolute; bottom: 10px; }
.mediaHomepage .homeCards { background: rgba(21, 21, 21, 0.11); padding: 20px 30px; margin: 10px 0 70px; position: relative; padding-bottom: 70px; text-transform: uppercase; z-index: 999; }
.mediaHomepage .homeCards:after { content: ""; display: table; clear: both; }
.mediaHomepage .homeCards h2 { font-size: 125%; margin: 10px 0 20px; font-weight: 600; }
.mediaHomepage .homeCards .homeCardsFooter .btn-card { position: absolute; bottom: 0; left: 0; padding: 13px; z-index: 999; width: 100%; text-align: left; background: rgba(95, 95, 95, 0.7); color: #ffffff; border-radius: 0; }
.mediaHomepage .homeCards .homeCardsFooter .btn-card i { margin-right: 7px; }
.mediaHomepage .homeCards .singleTeam { height: 60px; line-height: 50px; display: inline-block; padding-top: 10px; width: 100%; }
.mediaHomepage .homeCards .singleTeam img { width: 45px; height: 45px; float: left; }
.mediaHomepage .homeCards .singleTeam .teamName { display: inline-block; vertical-align: middle; max-width: 185px; overflow: hidden; word-break: break-word; line-height: 1; max-height: 65px; min-height: 20px; margin-left: 15px; }
.mediaHomepage .homeCards .matchSchedule { position: relative; margin-left: 12.3%; margin-bottom: 15px; }
.mediaHomepage .homeCards .matchSchedule img { width: 60px; height: 60px; float: left; margin: 3px 3px 7px; }
.mediaHomepage .homeCards .matchSchedule span { position: absolute; width: 30px; height: 30px; background: #b78d15; border-radius: 50%; line-height: 30px; text-align: center; color: #fff; left: calc(50% - 15px); top: 17px; z-index: 99; font-size: 87.5%; }
.mediaHomepage .homeCards .matchSchedule p { color: #000000; margin-top: 4px; font-size: 87.5%; }

.newsHomepage:before { content: ""; width: 100%; height: 100%; position: absolute; bottom: 0; background: linear-gradient(to top, #ededed, rgba(255, 255, 255, 0)); }

.mediaCenterHomepageSlider .mediaBg { min-height: 363px; }
.mediaCenterHomepageSlider .mediaBg img { height: 250px; object-fit: cover; }
.mediaCenterHomepageSlider.blue-options .slick-arrow { top: 40%; }

.mediaCenter.masterPage { margin-bottom: 10px; }

/*homepage competitions slider*/
#block-competitionheader { box-shadow: 4px 1px 3px #b7b7b7; }

#block-competitionfooter { box-shadow: 2px 0px 3px #b7b7b7; position: relative; }

.CompetitionsSlider { margin: 40px 0 0; }
.CompetitionsSlider.blue-options .slick-arrow { top: 75px; width: 40px; height: 40px; border-radius: 50%; font-size: 168.75%; background: rgba(32, 71, 162, 0.58); }
.CompetitionsSlider.blue-options .slick-arrow.slick-prev { left: -40px; }
.CompetitionsSlider.blue-options .slick-arrow.slick-next { right: -40px; }
.CompetitionsSlider.blue-options .slick-arrow:hover { background: #2047a2; font-size: 193.75%; }
.CompetitionsSlider .slick-list { min-height: 275px; }
.CompetitionsSlider .competitionBody { max-width: 250px; padding: 20px; background: #ebebeb; border-right: 4px solid #ebebeb; border-bottom: 4px solid #ebebeb; margin: 0 auto; text-transform: capitalize; position: relative; display: block; color: #000000; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.CompetitionsSlider .competitionBody img { margin: 0 auto; max-height: 100px; margin-bottom: 15px; height: 100px; }
.CompetitionsSlider .competitionBody:after { content: ""; position: absolute; width: 16px; height: 16px; border-radius: 50%; background: #afafaf; bottom: -40px; z-index: 1000001; left: calc(50% - 8px); }
.CompetitionsSlider .competitionBody:before { content: ""; width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 10px solid #ebebeb; bottom: -12px; position: absolute; left: calc(50% - 8px); }
.CompetitionsSlider .competitionBody .competitionName { margin-bottom: 5px; font-size: 87.5%; height: 40px; overflow: hidden; }
.CompetitionsSlider .slick-current { -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.CompetitionsSlider .slick-current .competitionBody { background: #ffffff; }
.CompetitionsSlider .slick-current .competitionBody:after { background: #b78d15; }

.homepageCompetitionsSlider { position: relative; }
.homepageCompetitionsSlider:after { content: ""; position: absolute; width: 100%; height: 1px; background: #dcdcdc; bottom: 62px; z-index: -1; }

[data-align^=center] { margin: 0 auto; }

[data-align^=right] { margin: 0 0 0 auto; }

.ihfWorldMap { position: relative; margin-bottom: 40px; }
.ihfWorldMap .worldMapCard { position: relative; }
.ihfWorldMap .worldMapCard img { height: 320px; width: 100%; object-fit: cover; }
.ihfWorldMap .worldMapCard .cardText { padding: 20px; color: #ffffff; font-weight: 100; font-size: 100%; line-height: 1.4; }
.ihfWorldMap .worldMapCard .cardText .name { font-size: 87.5%; margin-top: 20px; font-weight: 500; }
.ihfWorldMap .worldMapCard .cardText span { font-size: 75%; }
.ihfWorldMap .worldMapCard .cardText .btn-card { display: block; text-align: left; padding: 0; margin-top: 25px; color: #ffffff; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.ihfWorldMap .worldMapCard .cardText .btn-card i { margin-right: 10px; display: inline-block; color: #b78d15; }
.ihfWorldMap .worldMapCard .cardText .btn-card:hover { color: #b78d15; }
.ihfWorldMap .worldMapCard .cardText i { font-family: Segoe UI; font-size: 17px; }
.ihfWorldMap .worldMapCard .textWithBg { height: 100%; background: rgba(0, 32, 109, 0.8); border-left: 2px solid #ffffff; padding: 40px 20px 40px 40px; }
.ihfWorldMap .worldMapCard .textWithBg .strong { font-weight: 600; font-size: 118.75%; text-transform: uppercase; }
.ihfWorldMap .worldMapCard .textWithBg p { font-size: 62.5%; text-transform: capitalize; }
.ihfWorldMap .worldMapCard .textWithBg .btn-white { bottom: 40px; background: #ffffff; height: 40px; color: #000000; text-align: center; font-weight: 600; border-radius: 0; text-transform: uppercase; padding-top: 8px; }
.ihfWorldMap .worldMapCard .textWithBg .btn-white:hover { background: #b78d15; color: #ffffff; }

/*Homepage links list*/
.IHFLinks { padding: 40px; background: #f3f3f3; color: #4e4e4e; line-height: 1.5; font-size: 87.5%; display: none; }
.IHFLinks h3 { margin-bottom: 10px; font-weight: 600; }
.IHFLinks .list { display: flex; flex-direction: row; flex-wrap: wrap; }
.IHFLinks .list .col { width: calc(100% / 7); text-align: left; }
.IHFLinks .list .col a { -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; color: #4e4e4e; }
.IHFLinks .list .col a:hover { color: #b78d15; }

/*Top header section*/
.topHeader { min-height: 90px; background-image: url(../img/topHeader.jpg); background-repeat: no-repeat; background-size: cover; padding: 10px; }
.topHeader h2 { font-size: 137.5%; text-transform: uppercase; color: #ffffff; margin: 22px 0 10px; line-height: 1.2; }
.topHeader .breadcrumb { background: transparent; padding: 0; margin-bottom: 0; color: #ffffff; font-size: 75%; }
.topHeader .breadcrumb li a { color: #ffffff; }
.topHeader .breadcrumb > li + li:before { content: "\f105"; display: inline-block; font: normal normal normal 14px/1 FontAwesome; }

#block-ihf-theme-content { position: relative; }

.topHeaderIcon { padding-top: 11px; overflow: hidden; min-height: 60px; }
.topHeaderIcon a { color: #ffffff; font-size: 200%; margin: 0 15px; }
.topHeaderIcon a:first-child { position: relative; top: 0; }
.topHeaderIcon a.shareIcon { color: #8b8b8b; background: #ffffff; border-radius: 20px; font-size: 87.5%; text-align: right; position: relative; height: 36px; width: 106px; display: inline-block; line-height: 36px; padding-right: 16px; text-transform: capitalize; z-index: 999; }
.topHeaderIcon a.shareIcon i { background: #b78d15; position: absolute; left: -8px; border-radius: 21px; top: 0; width: 50px; text-align: center; height: 36px; color: #ffffff; line-height: 36px; font-size: 112.5%; }
.topHeaderIcon a.icon-print { top: 10px; right: 15px; }

.object-top { object-position: top; }

.secondMenu { background: #ebebeb; position: relative; min-height: 50px; justify-content: center; align-items: center; text-transform: capitalize; }
.secondMenu .listName { text-transform: uppercase; font-size: 87.5%; color: #b78d15; float: left; }
.secondMenu .listName i { margin: 0 10px; font-size: 118.75%; }
.secondMenu .linkList { display: inline-block; width: 100%; }
.secondMenu .linkList li { float: left; margin: 0 14px; position: relative; }
.secondMenu .linkList li.active:after, .secondMenu .linkList li :hover:after { content: ""; position: absolute; bottom: 0; width: 100%; height: 4px; background: #b78d15; left: 0; }
.secondMenu .linkList li.active a, .secondMenu .linkList li :hover a { color: #000000; }
.secondMenu .linkList li a { font-size: 93.75%; color: #515151; }
.secondMenu .container { position: relative; padding: 0; padding-left: 10px; }

.secondMenuContanier { float: left; height: 50px; line-height: 50px; overflow: hidden; position: relative; }

.showAllMenu { position: absolute; right: 0; top: 0; height: 50px; background: #ebebeb; border-left: 1px solid #d2d2d2; border-radius: 0; padding: 0 25px; font-size: 87.5%; text-transform: capitalize; }
.showAllMenu i { margin: 5px; color: #b78d15; }

.thirdMenuContanier { position: absolute; top: 50px; background: #ebebeb; z-index: 999; width: 100%; left: 0; padding: 15px; border: 1px solid #fff; box-shadow: 1px 2px 2px -2px #adadad; opacity: 0; visibility: hidden; z-index: -1; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
.thirdMenuContanier .linkList li { width: 24%; margin: 5px; padding: 7px 15px; }
.thirdMenuContanier .linkList li.active:after, .thirdMenuContanier .linkList li :hover:after { bottom: 13px; width: 2%; height: 3px; }
.thirdMenuContanier .linkList li.active a, .thirdMenuContanier .linkList li :hover a { color: #b78d15; }
.thirdMenuContanier.active { opacity: 1; z-index: 999999; visibility: visible; }

.linkList { -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
.linkList.active { opacity: 0; z-index: -99999; visibility: hidden; }

.grey-icon { color: #737c87; font-size: 32px !important; width: 90px; height: 72px; line-height: 25px; padding: 0 3px; }

/*antiDoping section*/
.antiDoping .sCard .sImg { height: 310px; margin-top: 100px; }
.antiDoping .sCard .sImg:after { background: none; }
.antiDoping .sCard .sText h3 { font-weight: 500; line-height: 1.4; font-size: 131.25%; }
.antiDoping .bottomStatistics { margin-bottom: 15px; }
.antiDoping .bottomStatistics:not(.verticalCard) .sCard { min-height: 280px; }
.antiDoping .bottomStatistics .sCard .sText h3 { font-size: 168.75%; font-weight: 600; text-transform: uppercase; word-break: break-word; }
.antiDoping .bottomStatistics .sCard .sText i { color: #b78d15; }
.antiDoping .bottomStatistics .sCard .sText i.white-color { font-size: 112.5%; }
.antiDoping .bottomStatistics .sCard .sText i.white-color:before { position: relative; top: -7px; }
.antiDoping .bottomStatistics .sCard .sText .langPdfLink { position: absolute; left: 40px; }
.antiDoping .bottomStatistics .sCard .sText .langPdfLink a { display: inline-block; margin: 5px 2px; font-size: 12px; position: relative; color: #b78d15; }
.antiDoping .bottomStatistics .sCard .sText .langPdfLink a:not(:last-child):after { content: "/"; margin-left: 5px; }
.antiDoping .bottomStatistics .btn-card { padding: 14px 0 0 0; text-align: left; }
.antiDoping .verticalText .btn-card { padding: 14px 0 0 0; text-align: left; }
.antiDoping .verticalText .btn-card i { color: #b78d15; font-size: 112.5%; }
.antiDoping .verticalText .btn-card i:before { position: relative; top: -7px; }
.antiDoping .sectionHeading { margin-left: 10px; }
.antiDoping .verticalCard .sCard .sText { padding: 20px; height: 100%; height: 100%; }
.antiDoping .verticalCard .sCard .sText h3:not(.big-font) { font-size: 137.5%; }
.antiDoping .verticalCard .sCard .sText p { font-size: 81.25%; }
.antiDoping .verticalCard .sCard .sText a { margin-top: 20px; }
.antiDoping .verticalCard .verticalCardText a { white-space: pre-line; padding-left: 25px; position: relative; font-size: 75%; margin: 5px; margin: 30px 5px 0; position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.antiDoping .verticalCard .verticalCardText a i { font-size: 106.25%; color: #fff !important; border-radius: 50%; border: 1px solid; width: 20px; height: 20px; text-align: center; top: calc( 50% - 4px); line-height: 17px; }

.antiDopingFiles .sectionHeading { padding: 0 15px; }

.speakUp { margin: 5px 0; position: relative; text-align: center; }

.goldBg .sCard:before { background: linear-gradient(to right bottom, rgba(16, 65, 137, 0.22), rgba(183, 141, 21, 0.6)); }

.innerSmallTitle { font-size: 125%; margin: 15px 0; text-transform: capitalize; }

.margin-10 { margin: 10px 0; }

.antiDoping .innerSmallCard { padding: 20px; margin: 5px 0 25px; text-transform: capitalize; }
.antiDoping .innerSmallCard p { margin-bottom: 5px; }
.antiDoping .innerSmallCard select { color: #515151; min-height: 50px; width: 100%; font-size: 87.5%; padding: 15px; border: 0; margin-bottom: 20px; }
.antiDoping .innerSmallCard ul li a { display: inline-block; margin: 7px 0; padding-left: 20px; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.antiDoping .innerSmallCard ul li a:hover { color: #b78d15; }
.antiDoping .innerSmallCard ul li a:hover.triangleBefore:after { transform: rotate(0deg); }
.antiDoping .innerBtn { width: 85%; margin: 0 auto; text-align: center; }
.antiDoping .innerBtn .btn { width: 100%; text-align: center; background: #b78d15; color: #ffffff; padding: 15px 20px; border-radius: 0; margin: 25px 0 10px; position: relative; z-index: 99; max-width: 200px; }
.antiDoping .innerBtn .btn i { float: right; font-size: 125%; }

.askBtn .button { color: #ffffff; background: #b78d15; border: 0; padding: 13px 30px; }

.innerCardText { font-size: 81.25%; margin-bottom: 20px; word-break: break-word; }
.innerCardText p { font-weight: 400; }
.innerCardText .strong { font-size: 112.5%; font-weight: 700 !important; }

.triangleBefore { position: relative; }
.triangleBefore:after { content: "\f0da"; position: absolute; left: 0; color: #b78d15; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: 187.5%; top: -5px; transform: rotate(45deg); -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

.withTriangle { padding-left: 20px; }
.withTriangle .triangleBefore:after { left: -20px; }

.smallFont { font-size: 12px; font-weight: 400 !important; }

.greyBg { background: #ebebeb; }

.blueBg { background: #2047a2; color: #ffffff; line-height: 1.4; }

#beManager { padding-left: 20px; padding-right: 20px; }

.askUs { min-height: 340px; background-image: url(../img/anti-doping/antidoping-footer.jpg); background-repeat: no-repeat; background-size: cover; padding: 25px; }
.askUs .contextual-region { width: 77%; float: left; }
.askUs .form-item label { color: #fff; display: block; margin: 10px 0; font-weight: 100; }
.askUs .form-item input, .askUs .form-item textarea { max-width: 100%; min-height: 45px; background: transparent; border: 1px solid #f1f1f1; padding: 0 20px; }
.askUs .form-item input:focus, .askUs .form-item textarea:focus { outline: none; }
.askUs .form-item input ::placeholder, .askUs .form-item textarea ::placeholder { color: #e4e4e4; font-weight: 100; text-shadow: 1px 1px 4px #000000; font-size: 87.5%; }
.askUs .form-item textarea { padding-top: 20px; min-height: 135px; }
.askUs .js-form-type-textarea, .askUs .js-form-type-email, .askUs .js-form-type-textfield { margin-top: 20px; }
.askUs .form-actions { width: 100%; display: block; text-align: right; float: right; margin-right: 0; }
.askUs .form-actions input { text-transform: uppercase; background: #b78d15; border: 0; color: #fff; padding: 20px 35px; }
.askUs:after { content: ""; display: block; clear: both; }

.captcha img { margin-top: 25px; }
.captcha .form-item-captcha-response { display: block; margin-bottom: 45px; }
.captcha .form-item-captcha-response input { width: 100%; margin-bottom: 10px; color: #ffffff; }
.captcha .description { color: #f1f1f1; font-size: 75%; font-weight: 100; }

.askUsTitle { color: #ffffff; text-transform: capitalize; }
.askUsTitle h2 { font-size: 275%; margin-bottom: 15px; font-weight: 600; text-transform: uppercase; margin-top: 20px; }

.innerPagesContent.card .sectionHeading { font-weight: 400; margin-left: 10px; }
.innerPagesContent.card .innerHeading { margin: 30px 10px 10px 10px; padding-bottom: 20px; }
.innerPagesContent.card .withBorderBottom { border-bottom: 1px solid #919191; }
.innerPagesContent.card .borderBottom .sectionHeading { margin-left: 0; }

.panel { background: #ededed; width: 100%; margin: 0 auto; }

.panel_tab { background: #f9f9f9; border-color: #ddd; box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); }

.tab_heading { border-bottom: 1px solid #b7b7b7; padding: 15px 0px; cursor: pointer; margin-bottom: 10px; text-transform: capitalize; }
.tab_heading strong { font-size: 125%; }
.tab_heading h3 { font-size: 1.5rem; }
.tab_heading span { font-size: 187.5%; color: #6b6b6b; margin: 0 10px 0 0; }
.tab_heading span i { top: 5px; position: relative; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.tab_heading.show span i { transform: rotate(180deg); top: 7px; }

.tab_content { padding: 15px 5px; display: none; }
.tab_content p { padding-left: 5px; color: #6b6b6b; margin-bottom: 20px; }

.downloadLang { position: relative; background: #fff; border-left: 6px solid #b78d15; padding-left: 10px; width: 385px; height: 60px; }
.downloadLang li { float: left; line-height: 50px; margin: 5px; }
.downloadLang li img { width: 35px; height: 35px; margin-top: 7px; }
.downloadLang li a { margin-top: 0; }

/*start Contant page*/
.contentPage { text-transform: capitalize; }
.contentPage h2 { font-size: 168.75%; margin: 30px 0 15px; text-transform: uppercase; }
.contentPage p { line-height: 1.4; margin-bottom: 25px; }
.contentPage h3 { font-size: 125%; margin: 25px 0 15px; line-height: 1.4; }

.text-unset { text-transform: unset !important; }

/*end Contant page*/
/*Marketing page*/
.marketingInnerPages p.line-height { font-size: 15px; margin: 0 10px 30px; color: #5f5f5f; }

.marketingPage .sText { padding: 15px 20px 20px 50px; }
.marketingPage p { font-size: 81.25%; color: #515151; }
.marketingPage .bottomStatistics { margin: 10px -15px; }
.marketingPage .bottomStatistics .sCard .sText { padding: 20px; }
.marketingPage .bottomStatistics .sCard .sText a { margin-top: 0; }
.marketingPage .sCard { margin-bottom: 30px; padding-bottom: 0 !important; }
.marketingPage .tabImg { margin: auto; padding-bottom: 25px; }

.triangleCard .sText .triangleBefore { margin: 20px 0 !important; font-size: 93.75%; }
.triangleCard .sText .triangleBefore:after { color: #ffffff; }
.triangleCard .approval { margin-top: 30px; }
.triangleCard .approval .icon { max-height: 100%; margin: 0 auto; padding-bottom: 5px; }
.triangleCard .approval p { font-size: 100%; text-transform: uppercase; }
.triangleCard .approval:nth-child(4) { border-right: 0; }

.fixedHeight { min-height: 111px; }

/*Marketing page*/
.leftTabs .nav-tabs li { float: none; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.leftTabs .nav-tabs li a { background: #2047a2; padding: 20px 40px; border: 0; border-bottom: 1px solid #ffffff; color: #ffffff; border-radius: 0; margin-bottom: 1px; }
.leftTabs .nav-tabs li.active a, .leftTabs .nav-tabs li.active a, .leftTabs .nav-tabs li.active a { background: #2047a2; color: #ffffff; border: 1px solid #2047a2; border-bottom-color: #ffffff; cursor: pointer; }
.leftTabs .nav-tabs li.open a, .leftTabs .nav-tabs li.open a, .leftTabs .nav-tabs li.open a { -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; color: #ffffff; background: #b78d15; border: 0; border-bottom: 1px solid #ffffff; }
.leftTabs .nav-tabs li.open a:hover, .leftTabs .nav-tabs li.open a:focus, .leftTabs .nav-tabs li.open a:hover, .leftTabs .nav-tabs li.open a:focus, .leftTabs .nav-tabs li.open a:hover, .leftTabs .nav-tabs li.open a:focus { color: #ffffff; background: #b78d15; border: 0; border-bottom: 1px solid #ffffff; }
.leftTabs .nav-tabs .dropdown-menu { position: relative; float: none; box-shadow: none; border: 1px solid #fff; padding: 0; border-radius: 0; }
.leftTabs .nav-tabs .dropdown-menu li a { -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; background: #ebebeb; color: #000; border: 0; box-shadow: none; }
.leftTabs .nav-tabs .dropdown-menu li a:hover, .leftTabs .nav-tabs .dropdown-menu li a:focus { color: #8c8c8c !important; background: #ebebeb !important; border-bottom: 0 !important; }
.leftTabs .nav-tabs .dropdown-menu li.active a { color: #8c8c8c !important; background: #ebebeb !important; }
.leftTabs .nav .open > a:hover, .leftTabs .nav .open > a:focus { background: #b78d15; border: #b78d15; }
.leftTabs .triangleBefore:after { left: 20px; top: 18px; color: #fff; }

.nav-tabs { margin-bottom: 30px; }

.tabCard { margin-bottom: 30px; margin-top: 30px; }
.tabCard .tabTitle { font-size: calc(18px + (21 - 18) * (100vw - 600px) / (1200 - 600)); text-transform: uppercase; margin-bottom: calc(20px + (25 - 20) * (100vw - 600px) / (1200 - 600)); }
.tabCard p { padding: 10px 20px 20px; text-transform: capitalize; }
.tabCard .tabCard { padding: 15px; }
.tabCard .tabCard .tabImg { margin: 0 auto; }

.marketingInnerPages .sectionHeading { font-size: 137.5%; font-weight: 400; }
.marketingInnerPages .marketingCardsList { position: relative; padding: 20px; }
.marketingInnerPages .marketingCardsList:after { content: ""; display: table; clear: both; }
.marketingInnerPages .marketingCard { padding: 20px 0; background: #ffffff; border-left: 5px solid #b78d15; margin-bottom: 25px; }
.marketingInnerPages .marketingCard:after { content: ""; display: table; clear: both; }
.marketingInnerPages .companyInfo { padding: 0; }
.marketingInnerPages .companyInfo h3 { font-weight: 600; margin-bottom: 25px; font-size: 93.75%; }
.marketingInnerPages .companyInfo .firstTitle { margin-bottom: 20px; }
.marketingInnerPages .companyInfo .table { margin-bottom: 0; }
.marketingInnerPages .companyInfo .table > tbody > tr > th { color: #919191; width: 150px; }
.marketingInnerPages .companyInfo .table > tbody > tr > th, .marketingInnerPages .companyInfo .table > tbody > tr td { font-size: 87.5%; word-break: break-word; }
.marketingInnerPages .companyInfo p { line-height: 1.4; }
.marketingInnerPages .imageBorder { width: 200px; height: 150px; border: 2px solid #ebebeb; display: block; }
.marketingInnerPages .imageBorder img { object-fit: cover; width: 100%; height: 100%; }
.marketingInnerPages .imageBorderPartner { display: inline-block; border: 2px solid #ebebeb; margin-top: 35px; }
.marketingInnerPages .embed-responsive.embed-responsive-16by9 { padding-bottom: 37.25%; margin-bottom: 30px; }
.marketingInnerPages .marketingText p { margin-top: 15px; line-height: 1.2; font-size: 93.75%; }
.marketingInnerPages .marketingText img { display: block; max-width: 100%; }
.marketingInnerPages .tabImg { margin: auto; padding-bottom: 25px; }

.fixedImg { height: 40px; margin: 0 auto; text-align: center; }

.table-borderless.table > tbody > tr > th, .table-borderless.table > tbody > tr > td { border-top: 0; }

.trophy-map-section .top-tab span { font-size: 14px; margin-right: 10px; }
.trophy-map-section .btn { border: 0; padding: 7px 17px; border-radius: 5px; font-size: 11px; }
.trophy-map-section .btn-default { background: #f1f1f1; color: #7b7b7b; }
@media only screen and (max-width: 768px) and (min-width: 450px) { .trophy-map-section .sCard .sImg { height: 570px; } }

/*paly to play section*/
.playToPlay .timelineSection { padding: 40px 0; }
.playToPlay .topResultCard { min-height: auto; padding: 10px 0 0; }
.playToPlay .countryName { margin: 20px 0; text-transform: uppercase; font-weight: bolder; font-size: 17px; }
.playToPlay .timeline { list-style: none; padding: 20px 0 35px; position: relative; }
.playToPlay .timeline:before { top: 0; bottom: 0; position: absolute; content: " "; width: 1px; background-color: #d7d7d7; left: 50%; margin-left: -1px; }
.playToPlay .timeline .timeline-icon span { height: auto; }
.playToPlay .timeline .timeline-icon .notification i { padding: 3px 5px; }
.playToPlay .timeline > li { margin-bottom: 20px; position: relative; }
.playToPlay .timeline > li:before, .playToPlay .timeline > li:after { content: " "; display: table; }
.playToPlay .timeline > li:after { clear: both; }
.playToPlay .timeline > li > .timeline-panel { width: 48%; float: left; text-align: right; padding: 20px; position: relative; }
.playToPlay .timeline > li > .timeline-badge { color: #000000; width: 40px; height: 40px; line-height: 40px; font-size: 100%; text-align: center; position: absolute; top: 16px; left: 50%; margin-left: -20px; background-color: #ffffff; z-index: 100; font-weight: 600; }
.playToPlay .timeline > li.timeline-inverted > .timeline-panel { float: right; text-align: left; }
.playToPlay .timeline > li.timeline-inverted > .timeline-panel:before { border-left-width: 0; border-right-width: 15px; left: -15px; right: auto; }
.playToPlay .timeline > li.timeline-inverted > .timeline-panel:after { border-left-width: 0; border-right-width: 14px; left: -14px; right: auto; }
.playToPlay .timeline .timeline-title { margin-top: 4px; color: inherit; font-size: 93.75%; font-weight: 600; }
.playToPlay .timeline .timeline-body { word-break: break-word; font-size: 75%; font-weight: 400; margin-top: 5px; }
.playToPlay .timeline .timeline-body p, .playToPlay .timeline .timeline-body ul { margin-bottom: 0; }
.playToPlay .timeline .timeline-body > p + p { margin-top: 5px; }
.playToPlay .timelineTitle { font-size: 87.5%; font-weight: 600; text-transform: uppercase; }
.playToPlay .timelineTitle span { font-size: 150%; color: #3b80c1; }
.playToPlay .timelineTitle p { margin: 0 0 10px; }
.playToPlay .timelineTitle.text-center { position: relative; padding: 10px 0 5px 0px; background: #ffffff; z-index: 999; }

/*education icon*/
.IHF-education-icon { position: fixed; right: -155px; top: 70%; z-index: 99999; height: 70px; width: 230px; background: #244ba6; color: white; border-top-left-radius: 45px; border-bottom-left-radius: 45px; padding: 7px; box-shadow: 3px 2px 6px #525252; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.IHF-education-icon a { display: flex; align-items: center; height: 100%; color: white; }
.IHF-education-icon .Eicon { height: 60px; width: 60px; background: #173a8b; border-radius: 50%; margin-right: 15px; display: flex; align-items: center; justify-content: center; font-size: 45px; }
.IHF-education-icon:hover { right: 0; }

/*Dropdown menu*/
.socialMedia .links li .dropdown-toggle { background: transparent; }
.socialMedia .links li .dropdown-menu { left: -80px; }
.socialMedia .links li .dropdown-menu li { display: block; }
.socialMedia .links li .dropdown-menu li a { width: 100%; background: white; color: #a9a9a9; border-bottom: 1px solid #f1f1f1; border-radius: 0; margin: 5px 0; }
@media only screen and (max-width: 992px) { .socialMedia .links li .dropdown-menu { top: -350%; left: -100px; } }

/*back to top homepage*/
.topFooter { position: relative; }
.topFooter #toTop { position: absolute; right: 27px; top: -20px; background: #173a8b; color: white; display: flex; flex-direction: column; justify-content: center; align-items: center; width: 45px; height: 45px; font-size: 26px; cursor: pointer; }
.topFooter .partnersTitle { padding: 0 0 0 30px; }

@media only screen and (max-width: 450px) { .gameSection .gameInfo span { font-size: 70.5% !important; } }
.beManager .transfers .fixtuers { padding: 0 !important; }

/*Upcoming competitions*/
.upcomingCompetitions .comCalendar { display: inline-block; position: relative; float: left; margin-left: 15px; }
.upcomingCompetitions .comCalendar .comDate, .upcomingCompetitions .comCalendar .comLogo { width: 80px; height: 80px; padding: 7px; text-align: center; float: left; }
.upcomingCompetitions .comCalendar .comDate p, .upcomingCompetitions .comCalendar .comLogo p { font-size: 250%; font-weight: 600; }
.upcomingCompetitions .comCalendar .comDate span, .upcomingCompetitions .comCalendar .comLogo span { font-size: 68.75%; font-weight: 100; text-transform: uppercase; }
.upcomingCompetitions .comCalendar .comLogo img { vertical-align: middle; max-width: 100%; max-height: 100%; }
.upcomingCompetitions .comTitle { display: inline-block; width: calc(100% - 235px); margin-left: 15px; float: left; text-transform: capitalize; }
.upcomingCompetitions .comTitle h3 { font-size: calc(18px + (20 - 18) * (100vw - 600px) / (1200 - 600)); margin-bottom: 15px; }
.upcomingCompetitions .comTitle p i { color: #b78d15; margin: 0 10px 0 0; }
.upcomingCompetitions .comCard { margin: 30px 0; position: relative; display: block; color: #000000; }
.upcomingCompetitions .comCard .cardImg { position: relative; min-height: 200px; margin-bottom: 20px; overflow: hidden; }
.upcomingCompetitions .comCard .cardImg img { object-fit: cover; min-height: 200px; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.upcomingCompetitions .comCard .cardImg .newsDate { position: absolute; bottom: 20px; left: 20px; padding: 5px 15px; border-radius: 15px; text-transform: uppercase; font-size: 81.25%; }
.upcomingCompetitions .comCard:hover .cardImg img { transform: scale(1.1) rotate(1deg); }
.upcomingCompetitions .comCard:hover .cardImg .newsDate { bottom: 0; width: 100%; left: 0; transition: .2s all ease-in-out; border-radius: 0; }

.competition-status { position: absolute; right: 15px; top: 0; background: #2047a2; color: #ffffff; font-size: 75%; padding: 5px 9px; }

.helperForCenterImage { display: inline-block; height: 100%; vertical-align: middle; }

.competitionsBg { position: relative; }
.competitionsBg .gray-bg { margin-bottom: 20px; }
.competitionsBg .comCardLogo { display: inline-block; position: relative; float: left; margin-left: 15px; width: 150px; height: 110px; padding: 20px; margin: 10px 20px 10px 10px; text-align: center; }
.competitionsBg .comCardLogo img { max-height: 100%; max-width: 100%; object-fit: cover; vertical-align: middle; }
.competitionsBg .comCardTitle { padding-top: 30px; }
.competitionsBg .comCardTitle p { font-size: 75%; color: #818181; text-transform: uppercase; margin-bottom: 10px; }
.competitionsBg .comCardTitle h3 { font-size: 106.25%; text-transform: capitalize; color: #000000; }
.competitionsBg .competitionSmallCard { margin-top: 20px; display: block; }
.competitionsBg .competitionSmallCard:after { content: ""; clear: both; display: table; margin: 10px; }

.competitionsListing { background-image: url(../img/competitionListingBg.png); background-repeat: no-repeat; background-position: 100%; }

/*voting page*/
.votingPage .sponsorLogo { width: 120px; height: 100%; object-fit: cover; max-width: 100%; }
.votingPage .sectionHeading { font-weight: 400; font-size: 137.5%; text-transform: uppercase; }
.votingPage .playerNav li a { padding: 25px; text-transform: uppercase; font-weight: 700; font-size: 112.5%; margin-bottom: 0; }
.votingPage .selectPlayerBtn input[type="radio"] { display: none; }
.votingPage .selectPlayerBtn input[type="radio"]:checked + label { border: 1px dashed #ffffff; background: #3c80c1; border-radius: 60px; }
.votingPage .selectPlayerBtn input[type="radio"]:checked + label .playerInfo { color: #ffffff; }
.votingPage .chosePlayer { width: 100%; padding: 10px 30px; cursor: pointer; border: 1px solid #ffffff; margin: 15px 0; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.votingPage .chosePlayer .playerImg { float: left; width: 80px; height: 80px; border-radius: 50%; background: #f1f1f1; line-height: 70px; position: relative; z-index: 99; }
.votingPage .chosePlayer .playerImg:after { content: ""; width: 70px; height: 70px; background: #3c80c1; position: absolute; top: 5px; left: 5px; border-radius: 50%; z-index: -1; }
.votingPage .chosePlayer .playerImg span { color: #ffffff; }
.votingPage .chosePlayer .playerInfo { width: calc(100% - 100px); float: left; text-align: left; margin-left: 20px; margin-top: 5px; max-height: 65px; }
.votingPage .chosePlayer .playerInfo span { font-size: 81.25%; height: auto; }
.votingPage .chosePlayer .playerInfo p { font-size: 118.75%; font-weight: 700; }
.votingPage .chosePlayer .bold-font { font-weight: 600; }
.votingPage .btn-voting { position: relative; margin-top: 10px; background: #b78d15; color: #ffffff; padding: 10px 15px; text-align: left; width: 175px; border-radius: 25px; font-size: 106.25%; text-align: center; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.votingPage .btn-voting:hover { background: rgba(183, 141, 21, 0.7); }

.alert { padding: 13px 25px; margin-bottom: 10px; border: 1px solid transparent; border-radius: 25px; margin-top: 10px; box-shadow: 1px 3px 3px 0px rgba(188, 184, 184, 0.3); text-transform: capitalize; line-height: 1.2; }

@keyframes bar-fill { 0% { width: 0; } }
@-webkit-keyframes bar-fill { 0% { width: 0; } }
@-moz-keyframes bar-fill { 0% { width: 0; } }
@-o-keyframes bar-fill { 0% { width: 0; } }
.bar-graph { list-style: none; margin: 50px 25px auto; }
.bar-graph .bar-wrap { -moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px; -ms-border-radius: 10px 10px 10px 10px; border-radius: 10px 10px 10px 10px; background-color: rgba(241, 241, 241, 0.66); margin-bottom: 10px; box-shadow: 1px 3px 3px 0px rgba(183, 61, 68, 0.16); }
.bar-graph .bar-fill { -moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px; -ms-border-radius: 10px 10px 10px 10px; border-radius: 10px 10px 10px 10px; -moz-animation: bar-fill 1s; -webkit-animation: bar-fill 1s; -ms-animation: bar-fill 1s; animation: bar-fill 1s; background-image: linear-gradient(to bottom right, #f7535c, #bc4046); display: block; height: 25px; position: relative; width: 0px; }
.bar-graph .bar-fill .percentageText { position: absolute; color: #000000; top: 5px; left: calc(50% - 10px); }
.bar-graph.topPlayer .bar-wrap { box-shadow: 1px 3px 3px 0px rgba(61, 117, 16, 0.2); }
.bar-graph.topPlayer .bar-fill { background-image: linear-gradient(to bottom right, #3d7510, #315c0d); }

.resultPage .votindResultCardBody { background-color: #3c80c1; min-height: 250px; color: #ffffff; }
.resultPage .votindResultCardBody .player { padding: 50px 0; position: relative; z-index: 999; }
.resultPage .votindResultCardBody .player h2 { margin: 20px 0; font-size: 25px; font-weight: 700; }
.resultPage .votindResultCardBody .player .playerNumber { width: 100px; height: 100px; margin: 15px auto; line-height: 100px; background: white; font-size: 40px; color: #000000; border-radius: 50%; position: relative; z-index: 99; }
.resultPage .votindResultCardBody .player .playerNumber:after { content: ""; position: absolute; width: 110px; height: 110px; top: -5px; background: rgba(255, 255, 255, 0.3); left: -5px; z-index: -1; border-radius: 50%; }
.resultPage .votindResultCardBody .player .playerInfo { margin: 30px 0; }
.resultPage .votindResultCardBody .player .playerInfo p { text-transform: uppercase; font-size: 106.25%; }
.resultPage .votindResultCardBody .player .playerInfo h4 { margin: 10px; text-transform: capitalize; font-size: 168.75%; }
.resultPage .votindResultCardBody .player .playerInfo span { font-weight: 100; font-size: 106.25%; }

/*login page*/
.login { padding: 80px 0; }
.login .loginImage { position: relative; text-align: center; padding: 20px; color: #ffffff; background: #2047a2; overflow: hidden; }
.login .loginImage img { position: absolute; min-width: 559px; z-index: 1; bottom: -84px; left: -25px; -moz-animation: image-move 1.5s; -webkit-animation: image-move 1.5s; -ms-animation: image-move 1.5s; animation: image-move 1.5s; }
.login .loginImage .loginText { position: relative; z-index: 999; margin-top: 40px; }
.login .loginImage .loginText h3 { font-size: 137.5%; margin-bottom: 20px; }
.login .loginImage .loginText p { font-size: 81.25%; line-height: 1.4; font-weight: 300; }
.login .loginImage:after { content: ""; width: 100%; height: 100%; position: absolute; background: linear-gradient(to bottom right, rgba(255, 0, 0, 0), rgba(0, 1, 2, 0.4)); bottom: 0; left: 0; z-index: 1; }

.not-circle { width: 100%; max-height: 50px; object-fit: contain; margin-bottom: 35px; display: block; margin-top: 18px; position: relative; top: 15px; }

.formPanel { position: relative; margin: 40px 0; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.formPanel .box-shadow { box-shadow: 4px 0px 9px 0px rgba(183, 183, 183, 0.7); -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.formPanel:hover .box-shadow { box-shadow: 6px 2px 9px 1px #b7b7b7; }

.userProfile { background-image: url(../img/IHF-logo-background.png); background-repeat: no-repeat; background-size: 420px; background-position: 90% 90%; background-origin: content-box; }

.userForm { height: 100%; min-height: 555px; background-image: url(../img/IHF-logo-background.png); background-repeat: no-repeat; background-size: 70%; background-position: 190%; background-color: #f9f9f9; text-transform: capitalize; padding-bottom: 10px; }

.editPhoto { height: 160px; padding: 20px; background: linear-gradient(rgba(255, 255, 255, 0), #f3f3f3); border-bottom: 1px solid #d6d6d6; }
.editPhoto #img-preview-block { display: inline-block; float: left; position: relative; }
.editPhoto #img-preview-block img.avatar, .editPhoto #img-preview-block div.avatar { border: 1px solid #eee; width: 100px; height: 100px; margin: 10px 10px 10px 0; }
.editPhoto #img-preview-block .bootstrap-filestyle { position: absolute; right: 5px; bottom: 15px; }
.editPhoto #img-preview-block .bootstrap-filestyle .btn-primary { padding: 5px; width: 35px; height: 35px; text-align: center; border-radius: 50%; background: #2047a2; border-color: #2047a2; }
.editPhoto #img-preview-block .bootstrap-filestyle .btn-primary span { margin-right: 0 !important; margin-top: 5px; }
.editPhoto #img-preview-block .bootstrap-filestyle .btn-primary span.badge { display: none; }
.editPhoto .userInfo { margin-top: 40px; margin-left: 125px; text-transform: capitalize; word-break: break-word; }
.editPhoto .userInfo p { font-size: 87.5%; }
.editPhoto .userInfo h3 { font-size: 143.75%; margin: 7px 0; }

.icon-span-filestyle { font: normal normal normal 14px/1 FontAwesome !important; }

.field-suffix { position: absolute; top: -4px; left: 0px; height: 20px; width: 20px; background-color: #ffffff; border: 1px solid #e1e1e1; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.field-suffix:after { content: ""; position: absolute; display: none; }

.checkbox { display: block; position: relative; cursor: pointer; margin-top: 0; min-height: 1px; color: #919191; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.checkbox input { position: absolute; opacity: 0; cursor: pointer; width: 100%; height: 36px; margin: -7px; }
.checkbox .field-suffix:after { left: 6px; top: 2px; width: 6px; height: 10px; border: solid white; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.checkbox:hover input ~ .field-suffix { background-color: #ccc; }
.checkbox input:checked ~ .field-suffix { background-color: #2196F3; }
.checkbox input:checked ~ .field-suffix:after { display: block; }

.checkedLabel { background-color: #2196F3; }
.checkedLabel:after { display: block; }

.loginFrom h2 { text-align: center; padding-top: 40px; font-size: 137.5%; }
.loginFrom hr { border-top-color: #dadada; }
.loginFrom .formCard:not(.fullWidth) { width: 90%; margin: 0 auto; }
.loginFrom .form-group { margin: 25px 0; }
.loginFrom .form-group label { font-size: 81.25%; margin-bottom: 10px; }
.loginFrom .form-group .form-control { height: 45px; background-color: #ffffff; border-radius: 0; border-color: #e1e1e1; overflow: hidden; }
.loginFrom .form-group textarea.form-control { height: 100px; }
.loginFrom .forgotPassword { font-size: 75%; text-transform: uppercase; color: #3c80c1; }
.loginFrom .btn-secondary-color { margin-top: 0; text-transform: capitalize; }
.loginFrom .creatAccount { text-align: center; font-size: 87.5%; }
.loginFrom .dropdown-toggle { min-height: 45px; border-color: #e1e1e1; background: #f8f8f8; border-right: 0; border-radius: 0; }
.loginFrom .checkbox label { padding-left: 30px; }

.throbber { display: none !important; }

.field--type-image label.btn { font-size: 14px; min-height: 45px; line-height: 30px; background: #a1a1a1; color: #ffffff; border-radius: 0; margin-bottom: 0; }
.field--type-image .description { font-size: 75%; color: #a1a1a1; margin-top: 5px; }

input:-webkit-autofill, input:-internal-autofill-selected { color: #2a2a2a !important; background-color: #fff !important; }

.changePage { padding: 0 15px; position: relative; margin-bottom: 20px; }
.changePage:after { content: ""; clear: both; display: table; }
.changePage:before { content: ""; width: 100%; height: 1px; position: absolute; bottom: -14px; left: 0; background: #ebebeb; z-index: -1; }
.changePage li { float: left; min-width: 170px; }
@media only screen and (max-width: 600px) { .changePage li { float: none; margin: 10px 0; display: flex; } }
.changePage li a { color: #a3a3a3; text-transform: capitalize; padding: 10px 0 10px 0; border-bottom: 5px solid transparent; }
.changePage li.active a { color: #000000; border-bottom: 5px solid #2047a2; text-transform: uppercase; }

.icon-h { height: 60px; }

.fixed-card-h { min-height: 190px; }

.js-form-type-password input { display: block; width: 100%; min-height: 45px; background: #fff; border: 1px solid #e1e1e1; box-shadow: none; padding: 0 10px; }

.password-strength__title { margin-top: 5px; display: block; font-size: 12px; color: #a1a1a1; margin-bottom: 15px; }

.is-weak { background-color: #ff3b3b; }

.is-fair { background-color: #10bad6; }

.is-good { background-color: #18d07b; }

.is-strong { background-color: #01733e; }

.js-password-strength__indicator { transition: 1s all; }

.password-suggestions.description { display: none !important; }

.js-password-confirm:not(.form-text) { font-size: 75%; margin-top: 5px; }

.js-password-confirm:not(.form-text) .ok { color: #036901; }

.js-password-confirm:not(.form-text) .error { color: #f93131; }

.form-select { width: 100% !important; }
.form-select .chosen-choices, .form-select .chosen-single { display: block; min-height: 45px; border: 1px solid #e1e1e1 !important; background-image: none !important; border-radius: 0; box-shadow: none; background-color: #fff; }

.terms-label { font-size: 87.5%; margin-bottom: 25px; }
.terms-label a { margin-left: 10px; color: #b78d15; }

.checkbox:hover input .checkmark { background-color: #ccc; }
.checkbox input:checked .checkmark { background-color: #2196F3; }
.checkbox input:checked .checkmark:after { display: block; }

@keyframes image-move { 0% { left: -100%; bottom: -100%; }
  100% { bottom: -84px; left: -25px; } }
@-webkit-keyframes image-move { 0% { left: -100%; bottom: -100%; }
  100% { bottom: -84px; left: -25px; } }
@-moz-keyframes image-move { 0% { left: -100%; bottom: -100%; }
  100% { bottom: -84px; left: -25px; } }
@-o-keyframes image-move { 0% { left: -100%; bottom: -100%; }
  100% { bottom: -84px; left: -25px; } }
/*upload file*/
.registration-upload { position: relative; overflow: hidden; }
.registration-upload label { position: relative; display: block; margin-bottom: 20px !important; }
.registration-upload label:before { width: 100px; height: 45px; position: absolute; background: #a1a1a1; right: 0; top: 0; z-index: 99; content: "Upload Photo"; line-height: 45px; text-align: center; color: #fff; font-size: 75%; }
.registration-upload label:after { content: ""; width: 100%; height: 45px; background: #fff; border: 1px solid #e1e1e1; position: absolute; left: 0; }
.registration-upload .js-form-file.form-file { opacity: 0; position: absolute; z-index: -1; }

.registration-upload span { position: relative; z-index: 999; top: -20px; left: 5px; font-size: 13px; }
.registration-upload .js-form-submit { position: absolute; right: 0; top: 0; background: red; border: 0; height: 45px; width: 100px; z-index: 9999; color: #fff; }

.js-form-managed-file img { display: none; }

#edit-name--description { display: none; }

.redColor { color: red; }

.field--type-image .description { margin-top: 20px; }

.smallfont { font-size: 81.25%; }

.marketingText { padding: 10px; }

.addFanPhoto .field--type-image summary { display: none; }
.addFanPhoto table thead tr th { display: none !important; }
.addFanPhoto table .image-widget { margin-bottom: 30px; }
.addFanPhoto table .image-widget .js-form-item label { font-size: 87.5%; }
.addFanPhoto .tabledrag-toggle-weight-wrapper { display: none; }
.addFanPhoto .tabledrag-handle { display: none; }
.addFanPhoto .registration-upload span { position: relative; z-index: 999; top: -25px; left: 0; font-size: 87.5%; }
.addFanPhoto #edit-field-fan-photos-gallery-photos-wrapper .button { position: relative; top: -36px; }
.addFanPhoto .js-form-type-textfield .description { display: none; }
.addFanPhoto .js-form-wrapper summary { display: none; }
.addFanPhoto table.responsive-enabled { margin-bottom: 40px; margin-top: 40px; }
.addFanPhoto table.responsive-enabled td { position: relative; }
.addFanPhoto table.responsive-enabled .button { min-height: 45px; border: 1px solid #e1e1e1; background: red; color: #ffffff; width: 100px; position: absolute; top: 0; right: 0; }
.addFanPhoto .registration-upload .form-text { position: relative; top: -47px; max-width: 79%; }

.registration-upload .description { font-size: 12px; margin-top: 15px; color: #a1a1a1; padding-bottom: 2px; }

.form-item-field-fan-photos-gallery-compt label { display: block; font-size: 81.25%; margin: 20px 0 10px; }
.form-item-field-fan-photos-gallery-compt select { min-height: 45px; background: #ffffff; border: 1px solid #e1e1e1; font-size: 87.5%; }

.registration-upload .form-text { max-width: 369px; min-height: 45px; background: #ffffff; border: 1px solid #e1e1e1; margin-top: 13px; width: 100%; }

.participation .participationSlider .participationInfo p { color: #ffffff; }
.participation .participationSlider .participationInfo .name { height: 60px; overflow: hidden; }

.new-section .cardBody:hover .cardText p { color: #ffffff; z-index: 999; position: relative; }

.aboutIHF .cardBody a { color: #000000; }
.aboutIHF .cardBody:hover a { color: #ffffff; }
.aboutIHF .pastPresidents .presidentInfo img { max-height: 300px; }

.details:not(.js) .documents { background: #f1f1f1; padding: 20px; margin-bottom: 20px; }
.details:not(.js) .documents .icon-pdf { font-size: 250%; float: left; }
.details:not(.js) .documents .card-content { display: inline-block; float: left; margin-top: 12px; margin-left: 10px; }
.details:not(.js) .documents h2 { font-size: 100%; float: left; }
.details:not(.js) .documents h2 a { color: #000000; }
.details:not(.js) .documents h2 a:hover { color: #b78d15; }

.welcomeSection .user-media .media-left img { height: 100px; object-fit: cover; }

.img-persedint { width: 100px; height: 100px; margin-right: 20px; }
.img-persedint img { object-fit: cover; width: 100px; height: 100px; object-position: top; }

.allConfederation .tabs ul li.active:after { left: 0; }

.Continent_Con .Header .federation-members .icon:before { color: #3c80c1; }

/*upload file*/
/*register tabs */
.user-register-tabs { display: flex; justify-content: center; margin-bottom: 20px; }
.user-register-tabs .user-register-icon { color: #000; }
.user-register-tabs .user-register-icon span { display: block; width: 80px; height: 80px; border: 1px solid #a1a1a1; border-radius: 50%; line-height: 80px; font-size: 40px; color: #a1a1a1; background: transparent; text-align: center; margin: 0 auto; margin-bottom: 15px; }
.user-register-tabs .user-register-icon.active span { border-color: #b78d15; background: #b78d15; color: #fff; }
.user-register-tabs .user-register-icon:hover { color: #b78d15; }
.user-register-tabs .user-register-icon:hover span { border-color: #b78d15; }
.user-register-tabs li:first-child { margin-right: 40px; }

/*Awards page*/
.awards .top-players { position: relative; margin-bottom: 30px; }
.awards .top-players h4 { font-size: 16px; text-transform: uppercase; margin-bottom: 5px; }
.awards .top-players h2 { font-size: 28px; text-transform: uppercase; margin: 10px 0 20px; }
.awards .top-players .top-player-img { width: 100%; object-fit: cover; height: 500px; margin-bottom: 25px; object-position: top; }
.awards .top-players p { line-height: 1.2; margin-bottom: 15px; font-size: 15px; }
.awards .awards-center-title { margin: 35px 0; text-transform: capitalize; font-size: 30px; font-weight: 600; }
.awards .awards-bottom-players .sCard .sImg { height: 200px; border: 5px solid #ebebed; }
.awards .awards-bottom-players .sCard .sImg:after { display: none; }
.awards .awards-bottom-players .sCard .sText .blue-color { color: #1d69a7; }
.awards .awards-bottom-players .sCard .sText h3 { text-transform: capitalize; font-size: 26px; }
.awards .awards-bottom-players .sCard .sText h3 p { font-size: 14px; margin-top: 3px; font-weight: 500; }
.awards .awards-bottom-players .sCard .sText h3 p.gray-color { color: #919191; }
.awards .awards-bottom-players .sCard .sText p { color: #000; }
.awards .awards-bottom-players .sCard .sText a i { font-size: 16px; top: 0; }

.green-icon-color { color: #46ab23; }
.green-icon-color:before { color: #46ab23; }

.yellow-icon-color { color: #ffca46; }
.yellow-icon-color:before { color: #ffca46; }

.bigger-bg-table .ihf-table td .player-img div { height: 100px; background-position: center !important; }

.bigger-bg { width: 100px; height: 100px; overflow: hidden; border-radius: 50%; }
.bigger-bg img { width: 150%; margin-left: -20px; }

.player-bigger-bg { width: 150px; height: 150px; overflow: hidden; border-radius: 50%; }
.player-bigger-bg img { width: 150%; margin-left: -40px; }

.dark-grey-color { color: #444; }

.stats-two-icons { display: flex; align-items: baseline; justify-content: space-between; margin-right: 10px; }
.stats-two-icons a { font-size: 12px; }
.stats-two-icons a i { font-size: 27px; top: 4px; }

.flag-table .ihf-table td .player-img div { background-repeat: no-repeat !important; background-size: 100% 100% !important; }

img.full-logo { object-fit: contain !important; }

/*Prediction Banner*/
.prediction-banner { background: url(../img/Prediction-Banner.jpg); min-height: 200px; margin: 25px 0; padding: 20px; justify-content: space-evenly; align-items: center; background-repeat: no-repeat; background-size: 100% 100%; }
@media only screen and (min-width: 992px) { .prediction-banner { display: flex; } }
@media only screen and (max-width: 992px) { .prediction-banner { text-align: center; } }
.prediction-banner .pre-text { color: white; text-transform: uppercase; margin-bottom: 10px; }
.prediction-banner .pre-text p { font-size: 26px; font-weight: 100; margin-bottom: 10px; }
.prediction-banner .pre-text h2 { font-size: 36px; font-weight: 600; }
.prediction-banner .btn-prediction { font-size: 16px; color: #000; border-radius: 24px; padding: 10px 33px; }

/*End Prediction Banner*/
/*Mobile app page*/
.mobile-app { min-height: 100vh; background: url(../img/Mobile-apps-bg.jpg); background-repeat: no-repeat; background-size: cover; padding: 40px; background-position: bottom; }
.mobile-app .mobile-app-text { color: #fff; line-height: 1.2; }
.mobile-app .mobile-app-text h2 { font-size: 487.5%; margin-bottom: 20px; }
@media only screen and (max-width: 767px) { .mobile-app .mobile-app-text h2 { font-size: 187.5%; } }
.mobile-app .mobile-app-text p { font-size: 112.5%; margin-bottom: 40px; }
@media only screen and (max-width: 767px) { .mobile-app .mobile-app-text p { font-size: 100%; } }
.mobile-app .mobile-app-text .app-links { display: flex; }
.mobile-app .mobile-app-text .app-links li { margin-right: 10px; }
.mobile-app .mobile-app-text .app-links li a { display: block; max-width: 155px; }
.mobile-app .mobile-app-image img { margin: 0 auto; }

@media only screen and (min-width: 767px) { .center-content { display: flex; justify-content: center; align-items: center; } }

/*End Mobile app page*/
/*login with FB and Google*/
/* Shared */
.loginBtn { box-sizing: border-box; position: relative; margin-bottom: 10px; padding: 3px 15px 3px 46px; border: none; text-align: left; line-height: 34px; white-space: nowrap; border-radius: 0; font-size: 16px; color: #FFF; display: block; }
.loginBtn:before { content: ""; box-sizing: border-box; position: absolute; top: 0; left: 0; width: 34px; height: 100%; }
.loginBtn:focus { outline: none; }
.loginBtn:active { box-shadow: inset 0 0 0 32px rgba(0, 0, 0, 0.1); }
.loginBtn--facebook { background-color: #4C69BA; background-image: linear-gradient(#4c69ba, #3b55a0); text-shadow: 0 -1px 0 #354C8C; }
.loginBtn--facebook:before { border-right: #364e92 1px solid; background: url("../img/icon_facebook.png") 6px 9px no-repeat; }
.loginBtn--facebook:hover, .loginBtn--facebook:focus { background-color: #5B7BD5; background-image: linear-gradient(#5b7bd5, #4864b1); color: #fff; }
.loginBtn--google { background: #DD4B39; }
.loginBtn--google:before { border-right: #BB3F30 1px solid; background: url("../img/icon_google.png") 6px 9px no-repeat; }
.loginBtn--google:hover, .loginBtn--google:focus { background: #E74B37; color: #fff; }

/*end login with FB and Google*/
.form-control[disabled] { background: #eee !important; }

.chosen-disabled { opacity: 1 !important; }
.chosen-disabled .chosen-single { cursor: not-allowed !important; background: #eee !important; opacity: 1 !important; }

.uploder-description { position: absolute; bottom: -5px; }

.m-t-22 { margin-top: 22px; }

.ui-widget.ui-widget-content { z-index: 9999; max-height: 200px; overflow-x: auto; }

.ui-menu .ui-menu-item-wrapper { width: 100%; display: block; }

@media only screen and (max-width: 768px) { .archive-btn { margin-bottom: 10px; }
  .fc-day-grid-event .fc-content:after { left: 60%; }
  #calendar { margin-top: 120px; }
  .mediaHomepage .topSection { padding-bottom: 70px; }
  .mediaHomepage .topSection .btn-section { bottom: 10px; }
  .CompetitionsSlider { padding-bottom: 50px; }
  .homepageCompetitionsSlider .btn-section { bottom: 0; }
  .noDataBg { height: 80vh; padding: 25vh 1vh; }
  .marketingPage .sText { padding: 20px; }
  .antiDoping .verticalText .btn-card { margin-bottom: 30px; }
  .secondList .linkList li { opacity: 0; z-index: -1; visibility: hidden; }
  .thirdMenuContanier .linkList li { width: 100%; }
  .marketingInnerPages .companyInfo .table > tbody > tr > th { width: 130px; }
  .downloadFile p { word-break: break-word; }
  .downloadFile .downloadIcon p { word-break: normal; }
  .card.masterPage .cardBody .cardText .cardDate { font-size: 100%; }
  .homepageCompetitionsSlider:after { bottom: 132px; }
  .homepageNewsMobileSlider { padding-bottom: 45px; }
  .ihfWorldMap .worldMapCard .cardText { background: #334d8a; padding: 20px; }
  .mediaHomepage .homeCards { margin-left: calc(50% - 160px); max-width: 320px; }
  .verticalCardText a i { position: absolute; left: -10px; }
  .innerPagesContent .sCard .sText { padding: 20px; }
  .upcomingCompetitions .comCalendar { width: 92%; margin-bottom: 20px; }
  .upcomingCompetitions .comCalendar .comDate, .upcomingCompetitions .comCalendar .comLogo { width: 50%; }
  .upcomingCompetitions .comTitle { width: 100%; margin-bottom: 20px; }
  .marketingCard .table-responsive { border: 0; }
  .marketingInnerPages .imageBorder { margin: 0 auto; }
  .userProfile .fullWidth { width: 100%; }
  .jsmaps-select.mobile { display: none !important; } }
.contextual-region { position: relative; }

.newsLetter .green-color { width: 78%; margin-top: 10px; }

@media only screen and (max-width: 767px) { .ihfWorldMap .worldMapCard { margin-bottom: 30px; }
  .ihfWorldMap .worldMapCard .cardText { height: 100%; }
  #marketsProject .wrapper-input { margin-top: 15px; } }
@media only screen and (min-width: 767px) { .headOffice .main .headOfficeSliderFor img { height: 500px; }
  .secondMenu .listName { font-size: 93.75%; }
  .antiDoping .sText .fixed-height { height: 238px; }
  .live-stream { height: 440px; }
  .ihfForm .smallInput:first-child input { width: 97%; }
  .login .loginImage { height: 570px; }
  .loginFrom .formCard:not(.fullWidth) { width: 80%; }
  .playToPlay li .timeline-icon { float: right; margin: 0 7px; padding: 0 5px; }
  .playToPlay li.timeline-inverted .timeline-icon { float: left; }
  .playToPlay li .timeline-body, .playToPlay li .timeline-heading { padding: 0 40px; }
  .triangleCard .approval { border-right: 1px solid rgba(255, 255, 255, 0.4); }
  .card.masterPage { padding: 20px 0; }
  .card.masterPage .btn-section i { left: 0; right: auto; }
  .card.masterPage .cardBody .cardText p { font-size: 87.5%; }
  .ihfWorldMap .worldMapCard { height: 320px; }
  .ihfWorldMap .worldMapCard .cardText { position: absolute; width: 50%; top: 0; padding: 25px 20px 0 40px; }
  .ihfWorldMap .worldMapCard .textWithBg .btn-white { position: absolute; width: 135px; }
  .ihfWorldMap .worldMapCard .textWithBg .btn-white:hover { width: 75%; }
  .ihfWorldMap .worldMapCard .newsBody p:last-of-type { margin-top: -10px; }
  .ihfWorldMap .worldMapCard .newsBody p:first-child { font-size: 20px !important; }
  .margin-top-50 { margin-top: 50px; }
  .margin-top-20 { margin-top: 20px; }
  .margin-top-40 { margin-top: 40px !important; }
  .margin-top-30 { margin-top: 30px !important; }
  .verticalCardText a i { position: absolute; left: 0; }
  .captcha .form-item-captcha-response { margin-left: 52%; }
  .captcha img { float: left; }
  .speakUp:after { content: ""; width: 2px; height: 70%; background: rgba(255, 255, 255, 0.3); right: 7px; top: 15%; position: absolute; }
  .marketingInnerPages .marketingCard { padding: 25px; }
  .marketingInnerPages .imageBorder { display: inline-block; margin-top: 35px; }
  .markets-project-img-intro { margin-top: -40px; } }
.whiteLiBg.main-menu li a:hover, .whiteLiBg.main-menu li a.is-active { background-color: #ffffff; color: #000000; text-shadow: none; }
.whiteLiBg.footerMenu #toTop { color: #ffffff; background: #002e62; }

.provision-form .chosen-container { overflow: unset !important; padding: 0; }

.provision-official-form .chosen-container { overflow: unset !important; padding: 0; }

.fix-capitalize { text-transform: inherit !important; }

@media only screen and (min-width: 992px) { .site-tools { box-shadow: 4px 1px 3px #b7b7b7; padding-bottom: 5px; } }
@media only screen and (max-width: 992px) { .Continent_Con.card .container { margin-bottom: 40px; }
  .padding-bottom-40 { padding-bottom: 40px; }
  .marketingPage .sCard.bottomCard img { min-width: 730px; }
  .marketingPage .sText { padding: 25px; }
  .CompetitionsSlider.blue-options .slick-arrow.slick-prev { left: 15px; }
  .CompetitionsSlider.blue-options .slick-arrow.slick-next { right: 15px; }
  .mediaHomepage:after { background-size: 44%; background-position: 100% 0; z-index: -1; }
  .mediaCenterHomepageSlider { margin-bottom: 40px; }
  .mediaCenterHomepageSlider.blue-options .slick-next { right: 15px; }
  .marginTopMobile h1 { margin-top: 80px !important; }
  .ihf-menu #nav-icon3 { width: 40px; height: 40px; top: -50px; right: 15px; left: auto; background: #515151; border-radius: 50%; }
  .ihf-menu #nav-icon3 span { left: 8px; height: 2px; width: 60%; }
  .ihf-menu #nav-icon3 span:nth-child(1) { top: 13px; }
  .ihf-menu #nav-icon3 span:nth-child(2), .ihf-menu #nav-icon3 span:nth-child(3) { top: 25px; width: 40%; right: 8px; left: auto; }
  .ihf-menu #nav-icon3 span:nth-child(4) { top: 19px; }
  .ihf-menu #nav-icon3.open span:nth-child(2), .ihf-menu #nav-icon3.open span:nth-child(3) { top: 18px; width: 60%; }
  .ihf-menu .menu { background-color: #2047a2; }
  .ihf-menu.main-menu ul.menu li.expand:before { display: none; }
  .ihf-menu.main-menu ul.menu li a { color: #ffffff; }
  .ihf-menu.main-menu ul.menu li a:hover, .ihf-menu.main-menu ul.menu li a.is-active { background: #2047a2; color: #ffffff; }
  .ihf-menu.main-menu ul.menu li a.sf-with-ul:after { top: 22px; right: 20px; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
  .ihf-menu.main-menu ul.menu li ul { width: 90%; margin: 0 auto; }
  .ihf-menu.main-menu ul.menu li ul li a { font-size: 75%; padding: 15px 10px; border-bottom: 1px solid #cacaca; border-radius: 0; }
  .ihf-menu.main-menu ul.menu li ul li:last-child a { border-bottom: 0; }
  .ihf-menu.main-menu ul.menu li.sfHover a.sf-with-ul:after { transform: rotate(180deg); }
  .ihf-menu.main-menu ul.menu li.sfHover ul li a.sf-with-ul:after { transform: rotate(0deg); }
  .eventsList { padding-bottom: 35px; margin-bottom: 85px; }
  .ihf-menu.main-menu ul li ul li ul { left: 0; }
  .full-page .sCard .sText { padding: 20px; } }
.homeLink { position: relative; z-index: 99; }

@media only screen and (min-width: 768px) { #block-mainmenu > ul > li.expand.active-parent > ul { box-shadow: 0px 5px 5px rgba(172, 171, 171, 0.6); } }

.ihfForm .registration-upload { margin-top: 0 !important; }
.ihfForm .label-user { margin-bottom: 10px; display: inline-block; font-size: 81.25%; }

.stratgicPlan .planContent.full-screen { background: transparent; padding: 0 15px 0 0; }

.marketsProjectListing .allConfederation .showMoreResult { bottom: -75px; }
@media only screen and (min-width: 768px) { .marketsProjectListing .allConfederation .serch { height: 70px; } }
@media only screen and (max-width: 992px) and (min-width: 375px) { .marketsProjectListing .allConfederation .market-project-filter-form .wrapper-input { margin-top: 15px; margin-bottom: 15px; }
  .marketsProjectListing .allConfederation .serch { height: 140px; } }
@media only screen and (max-width: 375px) { .marketsProjectListing .allConfederation .serch { height: 200px; } }

.play-video { position: absolute; width: 100%; height: 100%; font-size: 80px; color: #f3f3f3; background: linear-gradient(to bottom, rgba(111, 111, 111, 0.05), rgba(14, 14, 14, 0.64)); }
.play-video i { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 999; }

.with-icon .smallCard .mediaBg { position: absolute; width: 100%; }

.black { background: black; }

.ui-menu.ui-widget-content.ui-autocomplete li { padding: 7px 10px; }

.job-posting-cards .bottom-Btn { position: absolute; bottom: 0; text-transform: capitalize; }

.job-request .sectionHeading { font-weight: 400 !important; text-transform: capitalize !important; margin: 0 0 30px 15px !important; font-size: 137.5% !important; }

.chosen-container-single .chosen-single span { margin-top: 5px; padding-bottom: 5px; }

.chosen-container-single .chosen-single div b { background-position: 3px 11px; }

.chosen-container-active.chosen-with-drop .chosen-single div b { background-position: -16px 11px; }

.player-transform-form .player-upload { margin-bottom: 0 !important; min-height: 112px; }
.player-transform-form .player-upload .js-form-item .button { width: 30%; position: absolute; right: 0; background: red; color: #fff; z-index: 99; opacity: 1; bottom: 11px; min-height: 46px; margin-bottom: 0; border: 0; }
.player-transform-form .player-upload .file { position: absolute; top: 22px; z-index: 99; left: 10px; height: 29px; overflow: hidden; width: 68%; }
@media only screen and (max-width: 768px) { .player-transform-form .player-upload .file { top: 35px; } }
@media only screen and (max-width: 450px) { .player-transform-form .player-upload .file { top: 63px; } }
.player-transform-form .player-upload .file-name { position: absolute; z-index: 999; color: #428ed0; bottom: 10px; left: 10px; width: 65%; overflow: hidden; height: 30px; word-break: break-word; }

.socialMedia .links li a.search { background: transparent; color: #a9a9a9; font-size: 19px; position: relative; top: 3px; }
.socialMedia .links li a.search i:hover { color: #b78d15; }

#IHF-search { position: absolute; visibility: hidden; opacity: 0; height: 0; right: 55px; top: 0; z-index: 999; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
@media only screen and (max-width: 768px) { #IHF-search { top: -41px; right: 0; width: 100%; } }
#IHF-search h2 { display: none; }
#IHF-search.open { visibility: visible; opacity: 1; height: auto; }
#IHF-search .js-form-type-search { position: relative; }
#IHF-search .js-form-type-search label { display: none; }
#IHF-search .js-form-type-search .form-search { width: 360px; height: 40px; border: 1px solid #adadad; padding: 10px 70px 10px 10px; }
@media only screen and (max-width: 768px) { #IHF-search .js-form-type-search .form-search { width: 100%; } }
#IHF-search #search-block-form .button { position: absolute; top: 0; right: 0; height: 40px; background: darkgrey; border: 0; color: white; font-size: 14px; padding: 12px; }

.search-block { padding: 40px 0; position: relative; background-image: url(../img/IHF-logo-background.png); background-repeat: no-repeat; min-height: 400px; background-position: 85%; background-size: unset; }
.search-block h2 { font-size: 32px; margin-bottom: 25px; color: #b78d15; border-bottom: 1px solid #c5c5c5; padding-bottom: 15px; }
.search-block a { position: relative; display: block; color: black; font-size: 16px; margin: 10px 0; padding-left: 15px; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.search-block a:after { content: "\f105"; position: absolute; top: -3px; left: 0; color: #b78d15; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; font-size: 18px; }
.search-block a:hover { color: #b78d15; }

@media only screen and (max-width: 450px) { .card.masterPage .btn-section { width: 70%; padding: 10px 0; }
  .card.masterPage .btn-section i { display: none; }
  .mediaCenter .contextual-region { position: unset; }
  .aboutIHF .p-b-20 { padding-bottom: 40px; }
  .aboutIHF .p-t-0 { padding-top: 20px !important; }
  .innerPagesContent.p-b-20 { padding-bottom: 50px; } }
.new-banner.mediaCenter { margin: 25px 0; }
.new-banner.mediaCenter .cardText { bottom: 0px; height: 100%; width: 100%; padding: 30px 20px; }
.new-banner.mediaCenter .cardText p { font-size: 20px; }
.new-banner.mediaCenter .cardText h2 { font-size: 44px; margin: 15px 0; font-weight: 700; }
.new-banner.mediaCenter .cardText .cardDate { font-size: 15px; line-height: 1.2; margin-bottom: 4px; display: inline-block; }
.new-banner.mediaCenter .cardText .btn-card { margin-top: 30px; }
.new-banner.mediaCenter .smallCard { height: 250px; border-top: 0; }
@media only screen and (max-width: 767px) { .new-banner.mediaCenter .smallCard { height: 550px; } }
.new-banner.mediaCenter .mediaBg img { height: 250px; }
@media only screen and (max-width: 767px) { .new-banner.mediaCenter .mediaBg img { height: 550px; } }
.new-banner.mediaCenter .mediaBg:before { display: none; }
@media only screen and (max-width: 767px) { .new-banner .logo { margin: 25px 0; } }

@media only screen and (max-width: 767px) { body.be-manager .be-a-manager { top: 0; } }

@media print { footer, .newsCard, nav, .topTabs a i, .links li a i, .main-menu, .icon-print, .shareIcon i, .shareIcon, .socialMedia .links li a, .topHeaderIcon, .cookies { display: none; } }
@media only screen and (max-width: 1199px) { .widgetText, .widgetSpan { width: 50px; display: inline-block; }
  .latestMatshes .imgborder { margin-bottom: -5px; }
  .mobile-float { float: none; } }
@media only screen and (min-width: 1199px) { .nominations .topImage { width: 300px; }
  .nominations .downloadFiles { min-height: 400px; }
  /*    .historyAwards { .otherCountry{ .countryName { p{ @include fz(34px); } } } }*/
  .news-item .sliderText h2 { font-size: 212.5%; margin: 25px 0; }
  .news-item .sliderText p { font-size: 100%; }
  .btn-blue { padding: 10px 35px; margin: 25px 0; }
  .mediaCenter .mediumCard .mediaBg { width: calc(100% - 50% - 292px) !important; }
  .latestMatshes:after { width: calc(47% - 500px) !important; }
  .latestMatshes .matchesFlags { position: relative; }
  .latestMatshes .matchesFlags:after { content: ""; height: 137%; width: 1px; position: absolute; background: #cecece; top: -15px; right: 0; } }
@media only screen and (max-width: 1199px) and (min-width: 992px) { .matchDetails .groupName { font-size: 75%; }
  .matchDetails .country span { font-size: 75%; max-width: 77px; }
  .matchDetails .matchDate { font-size: 75%; }
  .bottomStatistics .sCard { min-height: 270px; } }
@media only screen and (max-width: 1366px) { .matchesFlags span { font-size: 75%; margin: 3px; } }
@media only screen and (min-width: 1024px) { .fullSlider .slick-arrow { position: absolute; top: 50%; transform: translateY(-50%); border: 0; background: rgba(255, 255, 255, 0.3); -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; font-size: 287.5%; padding: 50px 8px 50px; color: #ffffff; z-index: 999; cursor: pointer; }
  .fullSlider .slick-arrow:hover { background: rgba(255, 255, 255, 0.6); color: #3c80c1; }
  .fullSlider .slick-arrow.slick-next { right: 0; } }
@media only screen and (min-width: 1026px) { .pager__item--first a:after, .pager__item--last a:after, .pager__item--previous a:after, .pager__item--next a:after { font-family: cursive; }
  .galleryBody .singleGalleryPhoto iframe { height: 600px; min-width: 100%; } }
@media only screen and (max-width: 1024px) { .fullSlider .slick-arrow { display: none; }
  .matchStatistics span { font-size: 112.5%; }
  .slick-arrow { padding: 0 !important; width: 40px; }
  .mediaCenter .cardText h2 { font-size: 100%; text-shadow: 1px 2px 3px #000; } }
@media only screen and (min-width: 1200px) and (max-width: 992px) { .ihf-main-menu li a { font-size: 68.75%; } }
@media only screen and (max-width: 992px) { .groupFilter a { text-align: center; }
  .groupFilter a:after { left: calc(50% - 50px) !important; }
  .fullWidth { width: 94%; }
  .downloadPdf .bigText { margin-bottom: 20px; text-align: center; margin-top: 0; }
  .downloadPdf .pdfName { margin-bottom: 15px; }
  .matchDetails { height: auto; margin: 0 15px; zoom: 1; clear: both; }
  .matchDetails:after, .matchDetails:before { display: table; content: ''; clear: both; zoom: 1; }
  .matchDetails .matchTime { text-align: center; }
  .matchDetails .arena { text-align: center; }
  /**** Main Menu ****/
  .main-menu { min-height: 100px; padding-top: 15px; background-image: none !important; }
  .main-menu .mobile-nav { position: absolute; z-index: 9999; width: 100%; left: 0; top: 88px; }
  .main-menu .container { max-width: initial; padding: 0; }
  .main-menu .menu { display: none; background-color: #4d4d4f; padding: 15px; }
  .main-menu .menu li { display: block; text-align: initial; }
  .main-menu .menu li a { color: #ffffff; padding: 20px; font-size: 1em; }
  .main-menu .menu li a:hover, .main-menu .menu li a.is-active, .main-menu .menu li a:focus { background-color: transparent; border-bottom: 0; background-color: #3c80c1; }
  .main-menu .menu li a:hover:before, .main-menu .menu li a.is-active:before, .main-menu .menu li a:focus:before { color: #ffffff; }
  .main-menu .menu li:first-of-type a:before { text-align: initial; color: #ffffff; width: auto; left: 15px; }
  .main-menu .menu li ul { position: relative; background-color: transparent; display: block; }
  .main-menu .menu li ul li a { padding: 16px 30px; font-size: 1em; }
  .main-menu .menu li ul li a:hover, .main-menu .menu li ul li a:focus { color: #3c80c1; }
  .main-menu .menu li.expand:before { content: '\e903'; font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #ffffff; font-size: 1.25em; position: absolute; right: 50px; top: 20px; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; pointer-events: none; }
  .main-menu .menu li.sfHover a { background-color: transparent; }
  .main-menu .menu li.sfHover:before { -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); pointer-events: none; }
  .main-menu.open-menu .menu { display: block; }
  .main-menu .active-parent a { background-color: transparent; }
  #block-competitionheader #nav-icon3:after { content: ""; position: absolute; top: -12px; left: -7px; width: 44px; height: 44px; background: #6d6d6d; z-index: -1; border-radius: 50%; }
  /*** Icon Menu***/
  #nav-icon3 { width: 30px; height: 23px; position: absolute; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; top: 40px; left: 15px; z-index: 9999; }
  #nav-icon3 span { display: block; position: absolute; height: 3px; width: 100%; background: #ffffff; border-radius: 9px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; }
  #nav-icon3 span:nth-child(1) { top: 0px; }
  #nav-icon3 span:nth-child(2), #nav-icon3 span:nth-child(3) { top: 8px; }
  #nav-icon3 span:nth-child(4) { top: 16px; }
  #nav-icon3.open span:nth-child(1) { top: 18px; width: 0%; left: 50%; background: #ffffff; }
  #nav-icon3.open span:nth-child(1) { top: 18px; width: 0%; left: 50%; background: #ffffff; }
  #nav-icon3.open span:nth-child(2) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); background: #ffffff; }
  #nav-icon3.open span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); background: #ffffff; }
  #nav-icon3.open span:nth-child(4) { top: 18px; width: 0%; left: 50%; background: #ffffff; }
  .footerMenu #nav-icon3 { display: none; }
  .newsBody { padding: 0 15px; }
  .innerMediaCenter .innerSmallCard { margin-top: 30px; }
  .sCard { margin-bottom: 20px; } }
@media only screen and (min-width: 992px) { .page404:after { content: ""; width: 220px; height: 470px; position: absolute; background-image: url(../../assets/img/404/bg-3.png), url(../../assets/img/404/bg-2.png); top: 0; left: 0; z-index: 1; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; background-position: top; background-repeat: no-repeat; background-size: contain; }
  .page404:before { content: ""; width: 180px; height: 440px; position: absolute; background-image: url(../../assets/img/404/bg-1.png), url(../../assets/img/404/bg-4.png); bottom: 0; right: 0; z-index: 1; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; background-position: bottom; background-repeat: no-repeat; background-size: contain; }
  .galleryBody .full-width .slick-list { padding: 0 !important; }
  .galleryBody .full-width .slick-track { transform: none !important; }
  .sCard .sImg { top: -50px; left: 20px; }
  .full-width .slider-nav .slick-track { transform: none !important; }
  .matchResult .resultCardBody { padding: 30px 20px; }
  .playerNav { padding: 0 15px; }
  .mediaCenter .bigCard, .mediaCenter .mediumCard { min-height: 600px; position: static; }
  .mediaCenter .bigCard .mediaBg, .mediaCenter .mediumCard .mediaBg { position: absolute; }
  .mediaCenter .bigCard .mediaBg img, .mediaCenter .mediumCard .mediaBg img { object-fit: cover; height: 600px; width: 100%; }
  .mediaCenter .bigCard .cardText, .mediaCenter .mediumCard .cardText { width: 30%; }
  .mediaCenter .mediumCard .cardText { padding-right: 40px; }
  .mediaCenter .bigCard .mediaBg { left: 0; width: 50%; border-right: 1px solid #ffffff; border-top: 1px solid #ffffff; }
  .mediaCenter .mediumCard .mediaBg { right: 0; width: calc(100% - 50% - 242.5px); border-left: 1px solid #ffffff; border-top: 1px solid #ffffff; z-index: 999; }
  .mediaCenter .mediumCard .mediaBg img { object-fit: cover; height: 600px; }
  .mediaCenter .smallCard { height: 300px; border-top: 1px solid #ffffff; }
  .mobileFlagSlider { float: left; margin-top: 15px; }
  .allMatches { height: 95px; line-height: 95px; }
  .latestMatshes { position: relative; }
  .latestMatshes:after { content: ""; width: calc(53% - 500px); background: #3c80c1; position: absolute; left: 0; height: 100%; top: 0; z-index: 1; }
  .latestMatshes .matchHeading { margin-bottom: 0; position: relative; z-index: 99; text-align: left; padding-left: 30px; }
  .latestMatshes .matchHeading:after { content: ""; width: 0; height: 0; border-left: 11px solid transparent; border-right: 41px solid transparent; border-top: 94px solid #3c80c1; position: absolute; right: -41px; top: 0; }
  .matchDetails .country img { margin: 0 5px; }
  .groupStage.fullWidth { width: 100%; margin-left: 0; }
  #teams .countryBox:not(:nth-child(-n + 6)), #allTeams .countryBox:not(:nth-child(-n + 6)) { border-top: 0; }
  #teams .countryBox:not(:nth-child(6)):not(:nth-child(12)):not(:nth-child(18)):not(:nth-child(24)):not(:nth-child(30)):not(:nth-child(36)):not(:last-child), #allTeams .countryBox:not(:nth-child(6)):not(:nth-child(12)):not(:nth-child(18)):not(:nth-child(24)):not(:nth-child(30)):not(:nth-child(36)):not(:last-child) { border-right: 0; }
  #groups .countryBox:not(:nth-child(-n + 7)) { border-top: 0; }
  #groups .countryBox:not(:nth-child(7)):not(:nth-child(12)):not(:nth-child(18)):not(:nth-child(24)):not(:nth-child(30)):not(:nth-child(36)):not(:last-child) { border-right: 0; }
  .groupFilter:after { content: ""; position: absolute; width: 96%; height: 1px; background: #919191; left: 2%; bottom: 31px; z-index: 0; }
  .groupFilter a { margin: 10px 20px 20px; display: inline-block; }
  .groupFilter a.current:after { left: 0; width: 100%; z-index: 999; }
  .main-menu .menu { display: inline-block; margin-top: 10px; } }
@media (max-width: 767px) { .btn-section.news-media-btn { bottom: 10px; } }

@media only screen and (min-width: 768px) { .btn-section, .topTabs { bottom: auto; right: 15px; top: -1px; left: auto; border: none; width: auto; font-weight: 600; } }
@media only screen and (min-width: 992px) { .galleryDetails .gallery-slider-for { width: 975px; margin: 0 auto; }
  .galleryDetails .galleryBody .singleGalleryPhoto .galleryFullWidth { height: 651px; max-height: 651px; }
  .IHFLinks { display: block; }
  .antiDoping .verticalCard .sCard .sText { height: 251px; }
  .antiDoping .sCard.grayBg { margin-top: 50px; padding-bottom: 10px; }
  .antiDoping .sCard .sImg { left: 30px; }
  .verticalText .sText { padding: 0 30px 30px; }
  .full-page .sCard { position: relative; }
  .full-page .sCard .sImg { left: -220px; width: 440px; position: absolute; }
  .full-page .sCard .sText { padding: 30px 20px 20px 250px; min-height: 300px; }
  .verticalCard.small-height .innerBtn { margin-top: 25px; }
  .antiDoping .innerSmallCard .topImage { margin: -20px; max-height: 165px; overflow: hidden; margin-bottom: 30px; }
  .antiDoping .innerSmallCard .topImage img { max-width: 100%; object-fit: cover; }
  .antiDoping .bottom-Btn { position: absolute; bottom: 35px; left: 20px; }
  .marketingPage .bottomStatistics:not(.verticalCard) .sCard .sText { min-height: 205px; }
  .resultPage .votindResultCardBody { min-height: 750px; }
  .resultPage .votindResultCardBody .player { padding: 150px 0; }
  .resultPage .votindResultCardBody .player h2 { margin: 25px 0; font-size: 40px; }
  .resultPage .resultCardBody { padding: 50px; }
  .resultPage .votingResultBg { position: relative; }
  .resultPage .votingResultBg:after { content: ""; background-image: url(../img/votingReslutBG.png); background-repeat: no-repeat; background-size: 100% 100%; position: absolute; top: 0; right: 0; width: 1000px; height: 400px; }
  .resultPage .votingResultBg:before { content: ""; background-image: url(../img/votingReslutBG-2.png); background-repeat: no-repeat; background-size: 100% 100%; position: absolute; bottom: 0; left: 0; width: 1000px; height: 440px; z-index: 99; }
  .resultPage .animatedBg { position: relative; overflow: hidden; }
  .resultPage .animatedBg:before { content: ""; background-image: url(../img/votingResultBg-03.jpg); background-repeat: no-repeat; background-size: 100% 100%; position: absolute; bottom: -15px; left: 0; width: 103%; height: 480px; z-index: 99; -webkit-animation: mover 1s infinite  alternate; animation: mover 1s infinite  alternate; }
  .marketingPage .sCard .sImg { top: -40px; height: 327px; } }
.line-height { line-height: 1.2; }

@-webkit-keyframes mover { 0% { transform: translate(0, 0); }
  50% { transform: translate(-10px, 0); }
  100% { transform: translate(0, -10px); } }
@keyframes mover { 0% { transform: translate(0, 0); }
  50% { transform: translate(-10px, 0); }
  100% { transform: translate(0, -10px); } }
@media only screen and (max-width: 992px) { .sf-menu .sf-mega { min-height: 10px; }
  header .site-tools { width: 82%; display: inline-block; }
  header .menuOption { display: none; }
  header.custom-site-tools .menuOption { display: block; position: fixed; z-index: 999999999; bottom: 0; width: 100%; text-align: center; border-top: 1px solid #919191; padding: 15px; background: #f4f4f4; }
  .antiDoping .innerSmallCard .topImage { margin: -20px; max-height: 244px; overflow: hidden; margin-bottom: 30px; }
  .antiDoping .innerSmallCard .topImage img { height: 230px; object-fit: cover; object-position: unset; width: 100%; }
  .ihf-main-menu.main-menu { background-color: #ffffff; min-height: 70px; width: 16%; display: inline-block; box-shadow: none; }
  .ihf-main-menu.main-menu #nav-icon3 { top: 9px; right: 15px; left: auto; background: #929292; width: 40px; height: 40px; border-radius: 50%; }
  .ihf-main-menu.main-menu #nav-icon3 span { background: #ffffff !important; width: 55%; left: 9px; }
  .ihf-main-menu.main-menu #nav-icon3 span:nth-child(1) { top: 11px; }
  .ihf-main-menu.main-menu #nav-icon3 span:nth-child(2), .ihf-main-menu.main-menu #nav-icon3 span:nth-child(3) { top: 18px; }
  .ihf-main-menu.main-menu #nav-icon3 span:nth-child(4) { top: 25px; }
  .ihf-main-menu.main-menu #nav-icon3.open { position: fixed; z-index: 9999999; }
  .ihf-main-menu.main-menu #nav-icon3.open span:nth-child(1), .ihf-main-menu.main-menu #nav-icon3.open span:nth-child(4) { width: 0; }
  .ihf-main-menu.main-menu.open-menu .sf-arrows .sfHover .sf-with-ul:after { right: -7px; top: -12px; border-top-color: transparent !important; border-bottom-color: #b78d15; }
  .ihf-main-menu.main-menu.open-menu .menu-link { position: fixed; top: 0; width: 100%; height: 100%; background: #f4f4f4; z-index: 999999; overflow-y: scroll; overflow-x: hidden; padding-top: 40px; padding-bottom: 55px; left: 0; }
  .ihf-main-menu.main-menu.open-menu .menu-link li > ul { padding-bottom: 5px; background-color: transparent !important; }
  .ihf-main-menu.main-menu.open-menu .menu-link:before { background-image: url(../img/menu-bg.png); background-repeat: no-repeat; background-size: cover; height: 580px; position: absolute; right: -124px; top: 0; width: 350px; content: ""; opacity: 0.7; }
  .ihf-main-menu.main-menu.open-menu .menu-link .menu { height: auto; background-color: #f4f4f4; margin-top: 0; }
  .ihf-main-menu.main-menu.open-menu .menu-link .menu li a { color: #4d4d4f; padding: 10px; font-size: 14px; font-weight: 600; background: transparent; }
  .ihf-main-menu.main-menu.open-menu .menu-link .menu li.expand:before { display: none; }
  .ihf-main-menu.main-menu.open-menu .menu-link .sf-mega { background-color: transparent; }
  .ihf-main-menu.main-menu.open-menu .menu-link .sf-mega .sf-mega-section { width: 100%; float: none; margin-bottom: 10px; }
  .ihf-main-menu.main-menu.open-menu .menu-link .sf-mega .sf-mega-section li.secondLevel a { font-weight: 400; }
  .ihf-main-menu.main-menu.open-menu .menu-link .sf-mega .sf-mega-section li.secondLevel.menuHead:after { background: transparent; }
  .ihf-main-menu.main-menu.open-menu .menu-link .sf-mega .sf-mega-section li.secondLevel.menuHead > a { display: none; }
  .ihf-main-menu.main-menu.open-menu .menu-link .sf-mega .sf-mega-section li.secondLevel li.listHead > a { font-weight: 600; }
  .ihf-main-menu.main-menu.open-menu .menu-link .sf-mega:before { background-image: none; }
  .ihf-main-menu.main-menu.open-menu .menu-link .sf-mega .bottomFooter { display: none; } }
@media only screen and (max-width: 992px) and (min-width: 767px) { .mediaHomepage .homeCards { min-height: 437px; max-width: 320px; margin-left: 25px; margin: 0 auto; }
  #calendar { max-width: 340px; margin: 0 auto; }
  #calendar .fc-basic-view .fc-body .fc-row { min-height: 31px; height: 40px !important; }
  .homepageNewsMobileSlider { padding-bottom: 40px; }
  .thirdMenuContanier .linkList li { width: 47%; } }
@media only screen and (max-width: 1025px) { .antiDoping .verticalText .btn-card { font-size: 75%; }
  .verticalText .sText { margin-top: 10px; } }
@media only screen and (min-width: 1367px) { .verticalCard .sCard { height: 246px; }
  .marketingPage .bottomStatistics .sCard .sText h3 { font-size: 137.5%; margin-bottom: 12px; }
  .marketingPage .bottomStatistics:not(.verticalCard) .sCard { min-height: 195px; padding-bottom: 0; }
  .triangleCard.bottomStatistics .sCard .sText h3 { font-size: 168.75%; font-weight: 500; } }
@media only screen and (max-width: 1367px) and (min-width: 767px) { .antiDoping .verticalCard .sCard { height: 256px; } }
@media only screen and (max-width: 1367px) { .antiDoping .bottomStatistics .sText { padding: 20px 20px 20px 25px; }
  .antiDoping .bottomStatistics .sText p { font-size: 75%; }
  .antiDoping .verticalCard .verticalCardText a { font-size: 62.5%; }
  .marketingPage .bottomStatistics .sCard .sText h3 { font-size: 112.5%; margin-bottom: 5px; }
  .marketingPage .bottomStatistics:not(.verticalCard) .sCard { height: 205px; min-height: auto; } }
@media only screen and (max-width: 1200px) { .circleOptions .slick-dots li button { width: 20px; height: 20px; border-radius: 50%; margin-bottom: 15px; background: transparent; border: 1px solid #ffffff; }
  .circleOptions .slick-dots .slick-active button { background: #ffffff; }
  .circleOptions.blueOptions .slick-dots li button { border: 1px solid #2047a2; }
  .circleOptions.blueOptions .slick-active button { background: #2047a2; }
  .antiDoping .verticalCard.small-height .sCard .sText { height: auto !important; padding-bottom: 0; }
  .marketingPage .bottomStatistics .sCard .sText a { font-size: 75%; } }
body { font-size: 16px; color: #000000; overflow-x: hidden; }

a:focus { outline: 0; }

a:hover, a:focus { text-decoration: none; }

.sliderItem { outline: 0; }

.btn:focus, .btn:active:focus { outline: 0; }
.btn .active:focus { outline: 0; }

.hide-label label { display: none; }

.bigFont { font-size: 125%; }

.green-color { background: #99f99d; width: 80%; padding: 10px; font-size: 75%; border: 1px solid #002d0f; color: #002d0f; }

.red-color { background: #f99999; width: 78%; padding: 10px; font-size: 75%; border: 1px solid #560000; color: #560000; margin-top: 5px; }

.btn.active, .btn:active { -webkit-box-shadow: none; box-shadow: none; }

.no-padding { padding: 0; }

.no-margin { margin: 0; }

.form-control:focus { border-color: #3c80c1; }

.secondary-color { color: #b78d15; }

.black-color { color: #000000 !important; }

.clearfix { zoom: 1; clear: both; }
.clearfix:after, .clearfix:before { display: table; content: ''; clear: both; zoom: 1; }

.slick-current, .slick-current, .slick-center { outline: none !important; }

@-webkit-keyframes resize { from { height: 0px; }
  to { height: 170px; } }
@keyframes resize { from { height: 0px; }
  to { height: 170px; } }
@media only screen and (min-width: 1199px) { .card .sectionHeading { margin: 10px 10px 30px 0; }
  .main-menu.extraBg:after, .main-menu.extraBg:before { content: ""; position: absolute; background-image: url(../img/compBgExtra.png); background-repeat: no-repeat; width: 250px; -webkit-animation: resize 1.5s; animation: resize 1.5s; animation-fill-mode: forwards; }
  .main-menu.extraBg:after { right: 0; top: 0; }
  .main-menu.extraBg:before { left: 0; bottom: 0; transform: rotate(180deg); }
  .mobile-nav { position: relative; z-index: 9; } }
@media only screen and (min-width: 1440px) { .container { width: 1360px; }
  .mediaCenter .mediumCard .mediaBg { width: calc(100% - 50% - 340px) !important; }
  .teamsSection .countryBox { min-height: 250px; padding: 4.3rem 1rem 0; }
  .main-menu.extraBg:after { right: 70px; }
  .main-menu.extraBg:before { left: 70px; }
  .historyYearSection .historyCard { width: 34%; }
  .historyYearSection .historyCard .compHistoryLogo { max-width: 130px; }
  .historyYearSection .historyAwards { margin-left: 0; width: 45%; }
  .latestMatshes .imgborder { width: 50px; margin: 8px; }
  .latestMatshes .imgborder img { max-width: 100%; width: 50px; }
  .nominations .topImage { width: 350px; } }
.Continent_Con.card .sCard.newSimg .sImg { top: 33px; }

.newsTabs { width: 70vw; margin-left: 15vw; margin-top: 15px; margin-bottom: 15px; }

.tab-pane { display: none; }

.tab-pane.active { display: block; }

.nav-pills > li.active > a { background-color: #fefefe; color: black; }

.nav-pills > li.active > a p { color: black; }

.nav-pills > li > a { display: flex; justify-content: center; }

.nav-pills > li > a > p { padding: 10px; }

.nav-pills > li.active > a > p { border-bottom: 4px #274ea9 solid; border-radius: 0px; width: fit-content; padding: 10px; text-align: center; }

.nav-pills > li.active > a:hover { background-color: #fefefe; color: black; }

.nav-pills > li.active > a > p:hover { border-bottom: 4px #274ea9 solid; border-radius: 0px; cursor: pointer; }

.nav-pills > li > a > p { color: #9c9c9c; cursor: pointer; font-size: 16px; }

@media only screen and (min-width: 768px) and (max-width: 905px) { .newsTabs { width: 96vw; margin-left: 2vw; } }
.btn.focus, .btn:focus, .btn:hover, .btn:active { outline: 0; }
.btn:active:focus { outline: 0; }

.white-color { color: #ffffff !important; }

.color-orange { color: #fc6047; }

.secondary-color-bg { background: #b78d15; }

.small-font { font-size: 75%; font-weight: 100; text-transform: inherit; }

.slick-slide { outline: 0; }

.blue-bg { background: #2047a2; }

.padding-30 { padding: calc(20px + (30 - 20) * (100vw - 600px) / (1200 - 600)); }

.padding-20 { padding: calc(10px + (20 - 10) * (100vw - 600px) / (1200 - 600)); }

.margin-bottom-20 { margin-bottom: calc(10px + (20 - 10) * (100vw - 600px) / (1200 - 600)); }

.p-t-0 { padding-top: 0 !important; }

.m-b-0 { margin-bottom: 0 !important; }

.m-l-0 { margin-left: 0; }

.p-l-0 { padding-left: 0; }

.m-t-n-55 { margin-top: -55px; }

.m-t-35 { margin-top: 35px; }

.p-l-5 { padding-left: 5px; }

.p-l-10 { padding-left: 10px; }

.p-r-20 { padding-right: 20px; }

.b-bottom { border-bottom: 1px solid #e0e0e0; }

.p-l-0 { padding-left: 0; }

.m-b-20 { margin-bottom: 20px; }

.p-b-0 { padding-bottom: 0 !important; }

.p-b-20 { padding-bottom: 20px; }

.heading-fix { margin: 15px 15px 15px 0 !important; }

.m-t-20 { margin-top: 20px; }

@media only screen and (min-width: 1367px) { .upcomingCompetitions .comCalendar .comDate, .upcomingCompetitions .comCalendar .comLogo { width: 100px; height: 100px; padding: 10px; }
  .upcomingCompetitions .comCalendar .comDate p, .upcomingCompetitions .comCalendar .comLogo p { font-size: 312.5%; } }
@media only screen and (max-width: 1367px) { .card .sectionHeading { font-size: 137.5%; } }
@media only screen and (max-width: 1200px) { .sf-arrows .sf-with-ul:after { display: none; } }
@media only screen and (min-width: 1200px) { .blue-options .slick-next { right: -10px; }
  .blue-options .slick-arrow { top: 50px; width: 60px; height: 60px; }
  .blue-options .slick-prev { left: -10px; }
  .antiDoping .verticalCard.small-height .sCard { height: 150px; min-height: 150px; }
  .antiDoping .verticalCard.small-height .sCard .sText { height: 150px !important; }
  .fixed-height { min-height: 213px; }
  .fixed-top-image { width: 450px !important; height: 310px !important; } }
@media only screen and (min-width: 992px) and (max-width: 1440px) { .mediaHomepage .homeCards { padding: 20px 20px 57px; }
  .upcomingEvents .event p { font-size: 87.5%; line-height: 1.2; }
  .upcomingEvents .event .date p { font-size: 237.5%; }
  .card .sectionHeading { font-size: 137.5%; } }
@media only screen and (min-width: 992px) and (max-width: 1024px) { .btn-section i { left: -15px; } }
@media only screen and (min-width: 992px) and (max-width: 1200px) { .mediaHomepage .homeCards .matchSchedule { width: 100%; margin-left: 0; } }
@media only screen and (max-width: 1440px) { .mediaCenterHomepageSlider .mediaBg img { height: 350px; } }
@media only screen and (min-width: 1440px) { .mediaCenterHomepageSlider .mediaBg img { height: 377px; } }
/*Start media-center landing page*/
.card.masterPage .cardBody .cardText { background-color: #f3f3f3; }

.live-stream { position: relative; height: 235px; margin-bottom: 20px; }
.live-stream:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, 0.4); z-index: 10; }
.live-stream:after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7db9e8+0,013c93+100&0+0,1+100 */ background: -moz-linear-gradient(-45deg, rgba(125, 185, 232, 0) 0%, rgba(1, 60, 147, 0.5) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(-45deg, rgba(125, 185, 232, 0) 0%, rgba(1, 60, 147, 0.5) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(135deg, rgba(125, 185, 232, 0) 0%, rgba(1, 60, 147, 0.5) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#007db9e8', endColorstr='#013c93', GradientType=1); /* IE6-9 fallback on horizontal gradient */ z-index: 20; }
.live-stream img { width: 100%; height: 100%; }
.live-stream .livestream-container { color: #ffffff; padding: 10px 25px; position: absolute; top: 0; z-index: 9999; }
.live-stream .livestream-container h2 { font-size: 150%; margin: 15px 0; text-transform: uppercase; }
.live-stream .livestream-container p { font-size: 100%; line-height: 1.5; margin-bottom: 30px; }
.live-stream .livestream-container a { color: #ffffff; padding-left: 0; }
.live-stream .livestream-container a i { color: #ffffff; font-size: 150%; margin-right: 5px; }

.ihf-magazine, .ihf-media-services, .portal-resources { height: 235px; margin-bottom: 40px; -moz-transition: all 0.7s ease; -o-transition: all 0.7s ease; -webkit-transition: all 0.7s ease; transition: all 0.7s ease; position: relative; color: #ffffff; }
.ihf-magazine:before, .ihf-media-services:before, .portal-resources:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, 0.4); z-index: 10; }
.ihf-magazine:after, .ihf-media-services:after, .portal-resources:after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7db9e8+0,013c93+100&0+0,1+100 */ background: -moz-linear-gradient(-45deg, rgba(125, 185, 232, 0) 0%, rgba(1, 60, 147, 0.5) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(-45deg, rgba(125, 185, 232, 0) 0%, rgba(1, 60, 147, 0.5) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(135deg, rgba(125, 185, 232, 0) 0%, rgba(1, 60, 147, 0.5) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#007db9e8', endColorstr='#013c93', GradientType=1); /* IE6-9 fallback on horizontal gradient */ z-index: 20; }
.ihf-magazine img, .ihf-media-services img, .portal-resources img { width: 100%; height: 100%; }

.magazine-container, .mediaservices-container, .portal-resources-container { position: absolute; top: 0; z-index: 9999; padding: 10px 20px; }
.magazine-container p, .mediaservices-container p, .portal-resources-container p { font-size: 100%; line-height: 1.5; margin-bottom: 10px; color: #ffffff; }
.magazine-container a, .mediaservices-container a, .portal-resources-container a { color: #ffffff; padding-left: 0; }
.magazine-container a:hover, .magazine-container a:focus, .mediaservices-container a:hover, .mediaservices-container a:focus, .portal-resources-container a:hover, .portal-resources-container a:focus { color: #ffffff; }
.magazine-container a i, .mediaservices-container a i, .portal-resources-container a i { color: #ffffff; font-size: 150%; margin-right: 5px; }
.magazine-container h2, .mediaservices-container h2, .portal-resources-container h2 { font-size: 150%; margin: 15px 0; text-transform: uppercase; }

/*End media-center landing*/
/*Start media-center event-list-page*/
.card .cardBodyEvents { position: relative; min-height: 300px; overflow: hidden; max-width: 350px; margin: 0 auto; margin-bottom: 20px; }
.card .cardBodyEvents .cardText { min-height: 210px; background: #f1f1f1; padding: 20px; position: relative; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; z-index: 17; }
.card .cardBodyEvents .cardText h2 { font-size: 87.5%; margin: 15px 0; z-index: 99; position: relative; color: #000000; max-height: 98px; overflow: hidden; padding-bottom: 2px; }
.card .cardBodyEvents .cardText p { font-size: 68.75%; line-height: 1.5; margin-bottom: 20px; color: #515151; }
.card .cardBodyEvents .cardText span { font-size: 68.75%; margin-top: 10px; display: inline-block; }
.card .cardBodyEvents .cardText:after { width: 0; border-style: solid; border-width: 0px 0 40px 40px; border-color: transparent transparent #b78d15 transparent; content: ""; right: 0; bottom: 0; position: absolute; }
.card .cardBodyEvents .cardText .more-about-event { position: absolute; bottom: 2px; right: 6px; color: #ffffff; z-index: 10; font-size: 125%; padding: 0px 0px; line-height: 0; }
.card .cardBodyEvents .cardImage { min-height: 150px; }
.card .cardBodyEvents .cardImage img { object-fit: cover; height: 150px; width: 100%; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.card .cardBodyEvents:hover .cardImage img { transform: scale(1.05) rotate(0.5deg); }

.card.masterPage .events .cardBodyEvents .cardText { min-height: 160px; padding: 15px 10px 15px 15px; background-color: #ffffff; }
.card.masterPage .events .cardBodyEvents .cardText h2 { font-size: 87.5%; text-transform: unset; }
.card.masterPage .events .cardBodyEvents .cardText.event-list-card { background-color: #f1f1f1; min-height: 211px; padding: 10px 10px 10px 20px; }
.card.masterPage .events .cardBodyEvents .cardText.event-list-card h2 { font-size: 100%; }
.card.masterPage .events .cardBodyEvents .cardText.event-list-card h2 a { color: #000000; text-transform: capitalize; }
.card.masterPage .events .cardBodyEvents .cardText.event-list-card p { font-size: 87.5%; margin-bottom: 10px; }

.event-date { color: #000000; text-transform: uppercase; font-size: 75%; }
.event-date i { color: #b78d15; margin-right: 5px; }

/*End media-center event-list*/
/*Start event details page*/
.event-header { padding: 20px; }
.event-header .event-date, .event-header .event-location { text-transform: uppercase; color: #000000; font-size: 75%; }
.event-header .event-date i, .event-header .event-location i { color: #b78d15; margin-right: 7px; font-size: 162.5%; }
.event-header .event-date { margin-right: 80px; }

.details .event-header h2 { font-size: 175%; margin-bottom: 30px; }

.event-details .event-details-container { padding-top: 20px; padding-bottom: 40px; }
.event-details .event-details-container img { max-width: 100%; margin-bottom: 20px; }
.event-details .event-details-container p { margin-bottom: 20px; font-size: 87.5%; }

.more-events { background-color: #f3f3f3; }
.more-events h2 { font-size: 175%; margin-bottom: 30px; text-transform: uppercase; }

/*End event details page*/
/*Start media services page*/
#accreditation-section .sCard .sImg { height: 220px; }
#accreditation-section .btn-section i { position: absolute; top: 12px; left: 8px; }
#accreditation-section .adjust-card .sCard .sText { padding: 20px 10px 10px 20px; }
#accreditation-section .adjust-card .sCard .sText .accreditation-date { color: #919191; margin-bottom: 5px; }
#accreditation-section .adjust-card .sCard .sText a { margin-top: 5px; }
#accreditation-section .adjust-card .sCard .sText h1 { font-size: 125%; margin: 15px 0; }
#accreditation-section.Continent_Con.card .sCard.mm .sText { padding: 10px 20px 20px 20px; }
#accreditation-section.Continent_Con.card .sCard.mm .sText .accreditation-date { color: #919191; }
#accreditation-section.Continent_Con.card .sCard.mm .sText .accreditation-date + h1 { margin: 15px 0; font-size: 112.5%; line-height: 1.2; }
#accreditation-section.Continent_Con.card .sCard.mm .sText i { font-size: 16px; top: 0; }

.portal-resources { overflow: hidden; }
.portal-resources:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, 0.4); z-index: 10; }
.portal-resources:after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#003787+65,00132e+100 */ background: #003787; /* Old browsers */ background: -moz-linear-gradient(-45deg, rgba(0, 55, 135, 0.8) 25%, rgba(0, 19, 46, 0.3) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(-45deg, rgba(0, 55, 135, 0.8) 25%, rgba(0, 19, 46, 0.3) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(135deg, rgba(0, 55, 135, 0.8) 25%, rgba(0, 19, 46, 0.3) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#003787', endColorstr='#00132e', GradientType=1); /* IE6-9 fallback on horizontal gradient */ z-index: 20; }
.portal-resources img { -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
.portal-resources:hover img { transform: scale(1.05) rotate(0.5deg); }
.portal-resources .portal-resources-container { padding-top: 20px; padding-bottom: 10px; padding-left: 20px; padding-right: 10px; }
.portal-resources .portal-resources-container p { font-size: 87.5%; }
.portal-resources .portal-resources-container h2 { font-size: 125%; }
.portal-resources .portal-resources-container a { margin-top: 20px; }

/*End media services page*/
/*Start media portal*/
#media-portal .form-control { height: 40px; border-radius: 0px; }
#media-portal .form-control:focus { border-color: #ccc; box-shadow: none; }

.category-type { position: absolute; top: 30px; right: 0; background: #ffffff; padding: 12px; border-top-left-radius: 7px; border-bottom-left-radius: 7px; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.category-type:hover { box-shadow: -3px 4px 3px 0px #ebebeb; }

.filter-labels, .filter-labels-2 { padding-top: 9px; padding-right: 0px; }

.filter-labels-2 { color: #919191; }

.filter-btn { padding: 15px; background: #b78d15; color: #ffffff; border-radius: 0; text-align: center; line-height: 8px; font-size: 100%; border: 0; }
.filter-btn:not(:last-child) { margin-right: 5px; }
.filter-btn:hover, .filter-btn:focus { color: #ffffff; }

.filer-row { padding: 10px; border-bottom: 1px solid #f1f1f1; margin-bottom: 20px; margin-top: 10px; }

.select-filter { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url("../img/arrow-down-sign-to-navigate.svg") 98%/4% no-repeat; }

/*End Media Portal*/
/*Start Documents Page*/
#documents-section { /*reset accordion style*/ }
#documents-section .panel-group { padding: 0; margin-top: 20px; margin-bottom: 0; }
#documents-section .panel-body { background: #ffffff; }
#documents-section .panel-group .panel { position: relative; }
#documents-section .panel-group .panel .arrow-down { position: absolute; right: 10px; transform: rotate(180deg); }
#documents-section .panel-group .panel .collapsed .arrow-down { transform: rotate(0deg); }
#documents-section .panel-group .panel + .panel { margin-top: 25px; }
#documents-section .panel, #documents-section .panel-group .panel-heading + .panel-collapse > .panel-body { border: none; box-shadow: none; }
#documents-section h2 { font-size: 150%; margin-bottom: 20px; }
#documents-section p { font-size: 100%; line-height: 1.2; }
#documents-section .panel-heading a { display: inline-block; width: 100%; }
#documents-section .documents .cardItem { position: relative; }
#documents-section .documents .cardItem .card-container { display: flex; background-color: #f3f3f3; padding: 14px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; align-items: center; margin-bottom: 15px; word-break: break-word; }
#documents-section .documents .cardItem .card-container .card-content { padding-left: 8px; padding-right: 15px; }
#documents-section .documents .cardItem .card-container .card-content h2 { font-size: 87.5%; margin-bottom: 5px; }
#documents-section .documents .cardItem .card-container .card-content p { font-size: 75%; }
#documents-section .documents .cardItem .card-container .arrow-right { position: absolute; right: 0; top: 0; bottom: 0; padding: 10px; background: #ebebeb; color: #919191; display: flex; align-items: center; font-size: 25px; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
#documents-section .documents .cardItem .card-container .arrow-right:hover { background: #2047a2; color: #ffffff; }
#documents-section .documents .cardItem .card-container .icon-pdf { font-size: 312.5%; }

/*about section project details*/
.ihf-about-body p { font-weight: 600; }

.ihf-about-document .downloadPdf { margin: 40px 0 30px; }

/*about section players project*/
.project-listing .borderBottom { position: relative; }
.project-listing .borderBottom .header-filter-row { margin-bottom: 15px; }

/*fan photos*/
#myPhotos .myPhotos .photoCard .download-icon { font-size: 156.25%; position: absolute; right: 15px; top: 25px; color: #b78d15; }

/*issues*/
.m-t-p { margin-top: 10px; }

/*REGULATION LANDING PAGE*/
.m-t-0 { margin-top: 0; }

/*share social media*/
.topHeader { position: relative; }

.social-items { position: absolute; top: 12px; right: 0; padding: 8px; border-radius: 46px; background: white; width: 100%; z-index: 1; }
@media only screen and (max-width: 450px) { .social-items { top: 5px; } }

.animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }

.bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; }

@-webkit-keyframes bounceInUp { 0% { opacity: 0; left: 100%; }
  100% { opacity: 1; left: 0; } }
@keyframes bounceInUp { 0% { opacity: 0; left: 100%; }
  100% { opacity: 1; left: 0; } }
.topHeaderIcon a { margin: 0 5px; }

.topHeaderIcon a { margin: 0 5px; }

/*Subscribe to RSS*/
.subscribe-container { position: fixed; top: 50%; right: 0; background: transparent; display: flex; align-items: center; z-index: 99999; }
.subscribe-container .subscribe-icon { font-size: 156.25%; background: #ff6600; color: #ffffff; border-top-left-radius: 5px; border-bottom-left-radius: 5px; padding: 15px; cursor: pointer; }
.subscribe-container .subscribe { color: #919191; padding: 20px 10px; background: #f1f1f1; }

/*cookies section*/
.cookies { background-color: #264aa8; color: #ffffff; min-height: 100px; position: fixed; bottom: 0; left: 0; width: 100%; z-index: 99999999; }
.cookies .cookies-container { padding: 20px 30px; }
.cookies .cookies-container h2 { text-transform: uppercase; font-weight: 600; font-size: 150%; margin-bottom: 10px; }
.cookies .cookies-container p { font-size: 87.5%; }
.cookies .cookies-container .accept-cookies-btn { color: #000000; background-color: #ffffff; padding: 15px; display: flex; justify-content: center; margin-top: calc(20% - 8px); cursor: pointer; }
.cookies .cookies-container .accept-cookies-btn i { margin-right: 5px; }
.cookies .cookies-container .close-cookies-btn { color: #000000; background-color: #ffffff; padding: 15px; display: flex; justify-content: center; margin-top: calc(20% - 8px); cursor: pointer; }
.cookies .cookies-container .close-cookies-btn i { margin-right: 5px; }

/*IHF TROPHY PAGE*/
#trophy-section .table > tbody > tr > td, #trophy-section .table > tbody > tr > th, #trophy-section .table > tfoot > tr > td, #trophy-section .table > tfoot > tr > th, #trophy-section .table > thead > tr > td, #trophy-section .table > thead > tr > th { text-align: center; border: 0; }
#trophy-section tr:nth-child(odd) { background-color: #f3f3f3; }
#trophy-section th { background-color: #3c80c1; color: #ffffff; }
#trophy-section .day-cell { line-height: 3.2; background-color: #e2e2e2; }
#trophy-section .match-day-cell { background-color: #005693; }
#trophy-section .table-abbreviations { background: #e2e2e2 !important; }
#trophy-section .table-abbreviations td { text-align: left !important; padding-left: 15px; font-weight: 600; font-size: 87.5%; }
#trophy-section .table-abbreviations td span { margin: 0 5px; }

.trophy-heading { padding: 30px 0; border-bottom: 1px solid #d2d2d2; }
.trophy-heading .trophy-logos { border-right: 1px solid #d7d7d7; }
.trophy-heading .trophy-logos img:first-child { float: left; }
.trophy-heading .trophy-logos img:last-child { float: right; }
.trophy-heading .trophy-header h1 { font-size: 150%; line-height: 1.2; }
.trophy-heading .trophy-header p { margin-top: 20px; line-height: 1.2; }

.teams-table, .matches-table, .standing-teams-table, .final-standing { padding-top: 30px; }
.teams-table h2, .matches-table h2, .standing-teams-table h2, .final-standing h2 { text-align: center; line-height: 1.2; margin-bottom: 15px; font-size: 150%; }

#final-standing-section { background: center/cover no-repeat url(../img/ihf-trophy/trophy3.png); margin-top: 30px; padding-top: 30px; padding-bottom: 60px; }
#final-standing-section .final-standing { color: #ffffff; padding-top: 0; }
#final-standing-section .final-standing .stand-team-container { text-align: center; }
#final-standing-section .final-standing .stand-team-container .team-rank { font-size: 250%; color: #ffffff; line-height: 70px; text-align: center; margin: 0 auto; }
#final-standing-section .final-standing .stand-team-container .team-rank ~ p { text-transform: capitalize; }
#final-standing-section .final-standing .stand-team-container .team-rank-first { background-color: #ffffff; width: 70px; height: 70px; border-radius: 50%; color: #000000; position: relative; z-index: 15; margin-bottom: 25px; margin-top: 20px; }
#final-standing-section .final-standing .stand-team-container .team-rank-first::after { content: ""; position: absolute; top: -10px; left: -10px; width: 90px; height: 90px; background: rgba(250, 250, 250, 0.3); z-index: -1; border-radius: 50%; }
#final-standing-section .final-standing .stand-team-container .team-rank-first ~ p { text-transform: uppercase; }
#final-standing-section .final-standing .stand-team-container p { font-size: 125%; margin-top: 20px; }
#final-standing-section .rank-adjust { margin-top: 20px; }

/*CONTACT US PAGE*/
#contact-us-section { padding: 30px 0; text-align: center; }
#contact-us-section .get-in-touch { padding: 30px 30px; }
#contact-us-section .get-in-touch h1 { font-size: 150%; line-height: 1.2; margin-bottom: 20px; }
#contact-us-section .get-in-touch p { font-size: 100%; line-height: 1.2; }
#contact-us-section .contact-methods { background-color: #f3f3f3; position: relative; padding: 40px 0; }
#contact-us-section .contact-methods span { font-size: 187.5%; color: #3c80c1; }
#contact-us-section .contact-methods h2 { font-size: 100%; color: #737373; text-transform: uppercase; line-height: 1.2; margin: 10px 0; }
#contact-us-section .contact-methods p { font-size: 87.5%; line-height: 1.2; }
#contact-us-section .contact-adjust { margin-bottom: 10px; min-height: 130px; }

/*archive button*/
.archive-btn { display: flex; justify-content: center; height: 40px; }
.archive-btn .icon-inbox { font-size: 175%; background-color: #b78d15; color: #ffffff; padding: 5px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; }
.archive-btn .archive-link { background-color: #e9e9e9; padding-bottom: 10px; padding-top: 5px; padding-left: 10px; padding-right: 20px; color: #525252; border-bottom-right-radius: 5px; border-top-right-radius: 5px; text-transform: capitalize; line-height: 2; }

/*management page*/
#management-section { padding-top: 20px; padding-bottom: 20px; }
#management-section .profile-pic { height: 325px; }
#management-section .profile-pic img { width: 100%; height: 100%; object-fit: contain; }
#management-section .profile-info h1 { font-size: 125%; margin-bottom: 20px; margin-top: 20px; }
#management-section .profile-info .info-container { margin-bottom: 35px; line-height: 1.2; min-height: 40px; }
#management-section .profile-info .info-container h2 { color: #5f5f55; text-transform: uppercase; margin-bottom: 5px; }
#management-section .profile-info .info-container p { text-transform: capitalize; font-size: 112.5%; }
#management-section .profile-info .profile-description h2 { font-size: 150%; border-bottom: 1px solid #c8c8c8; line-height: 2.2; margin-bottom: 10px; text-transform: capitalize; }
#management-section .profile-info .profile-description p { line-height: 1.3; margin-bottom: 30px; font-size: 93.75%; }
#management-section .profile-info .flag img { width: 43px; height: 28px; }

/*media partner*/
.media-partner { line-height: 1.2; word-break: break-all; }
.media-partner .partner-media-icon { background: #428bca; color: #fff; border-radius: 50%; width: 30px; height: 30px; font-size: 18px; line-height: 1.8; margin-right: 10px; text-align: center; }
.media-partner .m-b-10 { margin-bottom: 10px; }
.media-partner .partner-link { color: #000000; max-width: 215px; word-break: break-word; }
.media-partner .icon-internet { font-size: 30px; margin-right: 10px; }
.media-partner .media-partner-container { display: inline-block; }
.media-partner .media-partner-container a span { float: left; }

.p-t-40 { padding-top: 40px; }

.ihf-magazine, .ihf-media-services, .live-stream { overflow: hidden; }
.ihf-magazine img, .ihf-media-services img, .live-stream img { -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.ihf-magazine:hover img, .ihf-media-services:hover img, .live-stream:hover img { transform: scale(1.05) rotate(0.5deg); }

#regulation-landing .verticalCard .sCard .sText h3 { font-size: 106.25%; }

/* comments section*/
#comments { padding-top: 50px; padding-bottom: 30px; }
#comments textarea::placeholder { color: #bebebe; font-size: 87.5%; }

.comment-heading, .existing-name-heading { margin-bottom: 15px; font-size: 150%; }

.comment-textarea { width: 100%; resize: none; min-height: 170px; outline: none; padding: 15px; margin-bottom: 20px; }

.user-img { width: 100px; height: 100px; object-fit: cover; }

.user-img-container { margin-bottom: 10px; }

.post-btn { color: #ffffff; background-color: #b78d15; padding: 10px 20px; text-transform: capitalize; display: inline-block; margin-bottom: 25px; }
.post-btn:hover, .post-btn:visited { color: #ffffff; }

.border-light-gray { border-bottom: 1px solid #ebebeb; }

#existing-comments { padding-top: 20px; padding-bottom: 40px; }
#existing-comments .existing-name-heading a { color: #000000; }
#existing-comments p { color: #686868; font-size: 87.5%; line-height: 1.2; letter-spacing: 0.5px; margin-bottom: 10px; }

.margin-bottom-25 { margin-bottom: 25px; }

.comment-forbidden { list-style: none; }

.transition-effect { -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; }

.standing-section { background-size: cover; background-repeat: no-repeat; height: 680px; position: relative; }

.final-standing-container { position: absolute; bottom: 0; max-width: 420px; }

.final-standing-teams { background-color: #ffffff; padding: 30px 25px; opacity: 0.9; min-height: 380px; }
.final-standing-teams__heading { text-transform: capitalize; border-bottom: 1px solid #dadada; line-height: 3rem; font-size: 150%; margin-bottom: 15px; }

.team-standing__container { display: flex; justify-content: space-between; }
.team-standing__rank { font-size: 218.75%; line-height: 4rem; font-style: italic; }

.status-team { text-transform: capitalize; margin-left: 5%; margin-right: 10%; flex-basis: 80%; margin-top: 8px; }
.status-team__status { font-size: 87.5%; margin-bottom: 5px; font-style: italic; }
.status-team__country { font-size: 125%; font-weight: 600; }

.country-flag { min-width: 40px; min-height: 40px; height: 40px; width: 40px; margin-top: 10px; opacity: 0.8; }
.country-flag__img { width: 100%; height: 100%; }

.players-filter { padding-top: 20px; }

.title-input-filter { margin-top: 20px; }

.inputs-wrapper { margin-top: 10px; }

.player-filter-label { margin-bottom: 10px; line-height: 25px; }

@media only screen and (max-width: 768px) { .archive-btn { margin-bottom: 10px; margin-top: 10px; } }
@media only screen and (min-width: 768px) { .media-partner .partner-link { max-width: 320px; font-size: 87.5%; margin-top: 5px; }
  .filer-row { padding: 10px 0; }
  /*media center landing*/
  .live-stream { height: 440px !important; }
  .ihf-magazine, .ihf-media-services { height: 200px !important; }
  /*media services page*/
  /*media portal*/
  #media-portal .select-filter { background: url(../img/arrow-down-sign-to-navigate.svg) 98%/3% no-repeat; }
  /*about section players project*/
  .project-listing .form-control { width: 55%; }
  /*Contact Us Page*/
  #contact-us-section .get-in-touch { padding: 30px 75px; }
  #contact-us-section .get-in-touch h1 { font-size: 225%; }
  #contact-us-section .get-in-touch p { font-size: 112.5%; }
  #contact-us-section .contact-methods { padding: 40px 0; }
  #contact-us-section .contact-methods span { font-size: 250%; color: #3c80c1; }
  #contact-us-section .contact-methods h2 { font-size: 112.5%; }
  #contact-us-section .contact-methods p { font-size: 100%; }
  #contact-us-section .contact-adjust { margin-bottom: 10px; min-height: 150px; }
  /*management page*/
  #management-section { padding-top: 40px; padding-bottom: 50px; }
  #management-section .profile-pic { height: 325px; }
  #management-section .profile-pic img { width: 100%; height: 100%; object-fit: contain; }
  #management-section .profile-info h1 { font-size: 187.5%; margin-bottom: 25px; margin-top: 0px; }
  #management-section .profile-info .info-container { min-height: 70px; }
  #management-section .profile-info .info-container h2 { color: #5f5f55; text-transform: uppercase; margin-bottom: 5px; }
  #management-section .profile-info .info-container p { text-transform: capitalize; font-size: 112.5%; }
  #management-section .profile-info .profile-description h2 { font-size: 150%; border-bottom: 1px solid #c8c8c8; line-height: 2.2; margin-bottom: 10px; text-transform: capitalize; }
  #management-section .profile-info .profile-description > p { line-height: 1.3; margin-bottom: 30px; font-size: 93.75%; } }
@media only screen and (min-width: 991px) { #accreditation-section .adjust-card { margin-top: 45px; }
  #accreditation-section .adjust-card .sCard { margin-top: 25px; margin-bottom: 20px; height: 135px; }
  #accreditation-section .adjust-card .sCard .sImg { top: 10px; left: 20px; height: 100px; }
  #accreditation-section .adjust-card .sCard .sImg img { height: 100%; }
  #accreditation-section .adjust-card .sCard .sText { padding: 15px 10px 10px 35px; }
  #accreditation-section .adjust-card .sCard .sText h1 { font-size: 87.5%; padding: 8px 0 8px 0px; margin: 0; }
  #accreditation-section .adjust-card .sCard .sText .accreditation-date { font-size: 75%; }
  #accreditation-section .adjust-card .sCard .sText a i { font-size: 100%; top: 0px; }
  #accreditation-section.Continent_Con.card .sCard.mm { height: 300px; }
  #accreditation-section.Continent_Con.card .sCard.mm .sText { padding: 40px 20px 20px 45px; }
  #accreditation-section.Continent_Con.card .sCard.mm .sText .accreditation-date { color: #919191; }
  #accreditation-section.Continent_Con.card .sCard.mm .sText .accreditation-date + h1 { margin: 15px 0; font-size: 112.5%; line-height: 1.2; }
  #accreditation-section.Continent_Con.card .sCard.mm .sText i { font-size: 16px; top: 0; }
  .Continent_Con.card .sCard { height: 300px; }
  .select-filter { background: url("../img/arrow-down-sign-to-navigate.svg") 94%/6% no-repeat !important; }
  /*event details*/
  .event-details .event-details-container p { font-size: 100%; }
  /*media portal*/
  .portal-resources .portal-resources-container { padding-top: 45px; padding-bottom: 10px; padding-left: 35px; padding-right: 10px; }
  .portal-resources .portal-resources-container p { font-size: 87.5%; }
  .portal-resources .portal-resources-container h2 { font-size: 175%; }
  .portal-resources .portal-resources-container a { margin-top: 20px; }
  .contact-adjust::before { content: ""; width: 1px; height: 140px; position: absolute; right: 0; top: 0; background-color: #d1d1d1; } }
.aboutIHF .sectionHeading { text-transform: capitalize; font-weight: 400; }
.aboutIHF .sectionHeading.sectionTitle { margin-bottom: 40px; }
.aboutIHF .sCard .sImg::after { content: none; }
.aboutIHF .sCard .sImg.bordered-img { border: 3px solid #dcdcdc; }
.aboutIHF .sText p { color: #000000; margin-bottom: 16px; }
.aboutIHF .actions { position: absolute; display: flex; justify-content: space-between; text-align: center; top: -10px; right: 15px; width: 30%; }
.aboutIHF .actions .action { width: calc(100% / 2 - 5px); margin: 0 5px 5px; padding: 0 5px; }
.aboutIHF .actions .action.location { border-right: 1px solid #ebebeb; }
.aboutIHF .actions .action i { color: #3c80c1; font-size: 187.5%; margin-bottom: 8px; }
.aboutIHF .btn { text-transform: capitalize; font-weight: 600; }
.aboutIHF .cardAuthor { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; }
.aboutIHF .cardAuthor .cardAuthorInfo span, .aboutIHF .cardAuthor .cardAuthorInfo p { text-transform: uppercase; }
.aboutIHF .cardAuthor .cardAuthorInfo p { margin: 0; font-weight: 600; font-size: 106.25%; }
.aboutIHF .cardAuthor .btn { font-weight: 400; }
.aboutIHF .cardAuthor .btn i { top: 0; margin: 0 5px; font-size: 112.5%; border-radius: 50%; color: #000000; width: 18px; height: 18px; border: 1px solid #000000; display: inline-block; vertical-align: middle; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.aboutIHF .cardAuthor .btn:hover i { color: #b78d15; border-color: #b78d15; }
.aboutIHF .bottomStatistics.removeBg .sCard:before { background: rgba(0, 0, 0, 0.3); }
.aboutIHF .bottomStatistics.removeBg .sText { padding: 30px 30px 20px; bottom: 0 !important; top: auto; position: absolute; }
.aboutIHF .bottomStatistics.removeBg .sText h2 { font-size: 14px !important; }
.aboutIHF .bottomStatistics.removeBg .sText a { margin: 0; }
.aboutIHF .bottomStatistics.removeBg .sText a i { font-size: 150%; top: 4px; }
.aboutIHF .bottomStatistics.activities .sCard { min-height: 370px; }
.aboutIHF .bottomStatistics.activities .sCard:before { background: rgba(0, 0, 0, 0.3); }
.aboutIHF .bottomStatistics.activities .sText { padding: 30px 30px 20px; bottom: 0; top: auto; position: absolute; }
.aboutIHF .bottomStatistics.activities .sText a { margin: 0; }
.aboutIHF .bottomStatistics.activities .sText a i { font-size: 150%; top: 4px; }
.aboutIHF .bottomStatistics.bestOfYear .sCard { margin-bottom: 0; }
.aboutIHF .bottomStatistics.mgazines .year-tag { padding: 8px; background-color: #2047a2; color: #ffffff; margin: 15px; max-width: 80px; text-align: center; font-size: 125%; font-weight: 300; }
.aboutIHF .bottomStatistics.mgazines h2 { font-size: 137.5%; font-weight: 600; }
.aboutIHF .bottomStatistics.mgazines p { font-size: 75%; }
.aboutIHF .borderBottom { border-bottom: 1px solid #dbdbdb; margin-bottom: 30px; }
.aboutIHF .borderBottom .pdfLink { display: flex; align-items: center; justify-content: center; padding: 0; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.aboutIHF .borderBottom .pdfLink a { color: #b78d15; text-decoration: underline; text-transform: capitalize; margin-right: 8px; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.aboutIHF .borderBottom .pdfLink .icon-pdf { font-size: 250%; }
.aboutIHF .memberSection .memberCard { margin-bottom: 16px; }
.aboutIHF .memberSection .memberCard .member { overflow: hidden; }
.aboutIHF .memberSection .memberCard .member img { height: 245px; object-fit: cover; width: 100%; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.aboutIHF .memberSection .memberCard .member:hover img { transform: scale(1.05) rotate(0.5deg); }
.aboutIHF .memberSection .memberInfo { background-color: #f1f1f1; padding: 30px 10px 20px; position: relative; min-height: 130px; }
.aboutIHF .memberSection .memberInfo img { position: absolute; top: -20px; border-radius: 50%; width: 44px; height: 44px; }
.aboutIHF .memberSection .memberInfo h3 { font-size: 87.5%; line-height: 125%; text-transform: capitalize; margin-bottom: 10px; }
.aboutIHF .memberSection .memberInfo p { font-size: 75%; font-weight: 300; line-height: 125%; text-transform: uppercase; }
.aboutIHF .memberSection .memberInfo a { margin-top: 5px; }
.aboutIHF #historyGrid { padding: 0 15px; }
.aboutIHF #historyGrid .table-responsive { border: 0; }
.aboutIHF .historyGrid { margin-bottom: 100px; }
.aboutIHF .historyGrid thead { background-color: #3c80c1; color: #ffffff; }
.aboutIHF .historyGrid thead th { border-bottom: 0; }
.aboutIHF .historyGrid.table-striped > tbody > tr:nth-child(odd) { background-color: #ffffff; }
.aboutIHF .historyGrid.table-striped > tbody > tr:nth-child(even) { background-color: #f3f3f3; }
.aboutIHF .historyGrid .hideRow.open { display: table-row; }
.aboutIHF.pastPresidentsSection { position: relative; padding: 20px 0 0; }
.aboutIHF .pastPresidents { background: url(../img/past-presidents.jpg) no-repeat center/cover; padding: 100px 0 50px; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; position: relative; z-index: 1; }
.aboutIHF .pastPresidents::after { content: ""; position: absolute; width: 100%; height: 2px; background: #a1a1a1; bottom: 90px; z-index: -1; }
.aboutIHF .pastPresidents .slick-list { margin: 0 50px; padding: 0 !important; padding-bottom: 71px !important; }
.aboutIHF .pastPresidents .presidentInfo { margin: 0 10px; width: 18%; float: left; }
.aboutIHF .pastPresidents .presidentInfo:not(.slick-current) { cursor: pointer; }
.aboutIHF .pastPresidents .presidentInfo.slick-slide { opacity: 0.5; cursor: pointer; }
.aboutIHF .pastPresidents .presidentInfo.slick-current { opacity: 1; }
.aboutIHF .pastPresidents .presidentInfo.slick-current .presidentBody { background-color: #ffffff; }
.aboutIHF .pastPresidents .presidentInfo.slick-current .presidentBody::before { border-top-color: #ffffff; }
.aboutIHF .pastPresidents .presidentInfo.slick-current .presidentBody::after { background-color: #2047a2; border-color: #2047a2; }
.aboutIHF .pastPresidents .presidentInfo.slick-current .presidentBody .btn-more .fa-caret-right { color: #b78d15; }
.aboutIHF .pastPresidents .presidentInfo img { object-fit: cover; width: 100%; }
.aboutIHF .pastPresidents .presidentBody { background-color: #ebebeb; padding: 20px 10px 10px; text-align: left; position: relative; min-height: 95px; }
.aboutIHF .pastPresidents .presidentBody::before { content: ""; width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 10px solid #ebebeb; bottom: -10px; position: absolute; left: calc(50% - 8px); }
.aboutIHF .pastPresidents .presidentBody::after { content: ""; position: absolute; width: 20px; height: 20px; border-radius: 50%; border: 3px solid #a1a1a1; bottom: -40px; z-index: 1000001; left: calc(50% - 8px); opacity: 1; background-color: #dcdcde; }
.aboutIHF .pastPresidents .presidentBody .duration { position: absolute; top: -10px; left: auto; background-color: #b78d15; color: #ffffff; padding: 5px 8px; border-radius: 3px; font-size: 75%; }
.aboutIHF .pastPresidents .presidentBody .presidentName { font-size: 93.75%; }
.aboutIHF .pastPresidents .presidentBody .btn-more { padding: 6px 0; }
.aboutIHF .pastPresidents .presidentBody .btn-more .fa-caret-right { margin-right: 6px; }
.aboutIHF .refeers h2 { font-weight: 600; margin-bottom: 16px; }
.aboutIHF .refeers .fa-angle-right { color: #b78d15; font-size: 150%; padding-right: 10px; }
.aboutIHF .refeers a { font-size: 100%; display: inline-block; }
.aboutIHF .refeers a i { font-size: 150%; vertical-align: middle; top: 0; }
.aboutIHF .refeers ul li { margin-bottom: 8px; }
.aboutIHF.commissions .sectionHeading { font-size: 150%; }
.aboutIHF.commissions .memberSection .memberCard { padding-left: 0; }
.aboutIHF.commissions .competitionGrid { padding-right: 0; }
.aboutIHF.commissions .competitionGrid h2 { font-size: 112.5%; margin-bottom: 20px; }
.aboutIHF.commissions .competitionGrid.forumList { margin-bottom: 20px; width: 50%; }
.aboutIHF.commissions .competitionGrid.forumList .historyGrid { margin-bottom: 20px; }
.aboutIHF.commissions .table-responsive { border: 0; }
.aboutIHF.commissions .historyGrid.table-striped > tbody > tr:nth-child(odd) { background-color: #f3f3f3; }
.aboutIHF.commissions .historyGrid.table-striped > tbody > tr:nth-child(even) { background-color: #fff; }
.aboutIHF.commissions .historyGrid.table-striped > tbody > tr > td { border: 0; padding: 15px; width: 30%; }
.aboutIHF.experts .sectionHeading { font-size: 150%; }
.aboutIHF.experts .memberSection .memberCard { margin-bottom: 30px; }
.aboutIHF.experts .memberSection .memberInfo { height: 120px; padding: 20px 10px; }
.aboutIHF.experts .memberSection .memberInfo h3 { font-weight: 600; }
.aboutIHF.experts .memberSection .memberInfo p { font-size: 87.5%; font-weight: 400; color: #5f5f5f; }
.aboutIHF.experts .memberSection .memberInfo p.email { text-transform: inherit; word-break: break-word; position: relative; padding-left: 10px; margin-top: 5px; }
.aboutIHF.experts .memberSection .memberInfo p.email:after { font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; content: "\f0da"; position: absolute; left: 0; top: 0px; color: #b78d15; font-size: 15px; }
.aboutIHF.experts .memberSection .memberInfo p.language { text-transform: capitalize; }
.aboutIHF.experts .memberSection .memberInfo p a { color: #b78d15; text-decoration: underline; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.aboutIHF.experts .memberSection .memberInfo p a:hover { color: #3c80c1; }
.aboutIHF.visualStoriesDetails { background: url(../img/visualStoriesDetails.jpg) no-repeat center/cover; padding: 30px 0 60px; position: relative; z-index: 1; }
.aboutIHF.visualStoriesDetails .slick-slider { min-height:  450px; }
.aboutIHF.visualStoriesDetails::before { content: ""; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.93); position: absolute; top: 0; left: 0; display: inline-block; }
.aboutIHF.visualStoriesDetails h2 { font-size: 225%; font-weight: 300; color: #ffffff; margin-bottom: 40px; }
.aboutIHF.visualStoriesDetails.storiesSlider .cardBody .cardImage::before { background: rgba(0, 0, 0, 0.97); }
.aboutIHF.visualStoriesDetails .visual-stories-details { cursor: pointer; transition: none; }
.aboutIHF.visualStoriesDetails .visual-stories-details .cardBody { margin-top: 10px; max-width: 490px; }
.aboutIHF.visualStoriesDetails .visual-stories-details .cardBody .cardImage img { -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.aboutIHF.visualStoriesDetails .visual-stories-details .cardBody .cardText { display: none; min-height: 180px; background-color: #3c80c1; bottom: 160px; width: 95%; }
.aboutIHF.visualStoriesDetails .visual-stories-details .cardBody .cardText h3 { margin-bottom: 15px; }
.aboutIHF.visualStoriesDetails .visual-stories-details .cardBody .cardText h3, .aboutIHF.visualStoriesDetails .visual-stories-details .cardBody .cardText p { color: #ffffff; }
.aboutIHF.visualStoriesDetails .visual-stories-details.slick-current .cardBody { margin-top: 0; }
.aboutIHF.visualStoriesDetails .visual-stories-details.slick-current .cardBody .cardImage::before { background: none; }
.aboutIHF.visualStoriesDetails .visual-stories-details.slick-current .cardBody .cardImage img { height: 440px; }
.aboutIHF.visualStoriesDetails .visual-stories-details.slick-current .cardBody .cardText { display: block; }
.aboutIHF.visualStoriesDetails .visual-stories-details.slick-current .cardBody .animated { -webkit-animation-duration: 1s; -webkit-animation-fill-mode: both; animation-duration: 1s; animation-fill-mode: both; }
.aboutIHF.visualStoriesDetails .visual-stories-details.slick-current .cardBody .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; }
.aboutIHF.visualStoriesDetails .blue-options .slick-arrow { border-radius: 50%; top: 35%; }
.aboutIHF.visualStoriesDetails .blue-options .slick-prev { left: 8%; }
.aboutIHF.visualStoriesDetails .blue-options .slick-next { right: 8%; }
.aboutIHF.visualStoriesDetails .slick-dots li button { border-radius: 50%; height: 15px; width: 15px; padding: 1px; border: 1px solid #ffffff; background: none; margin: 0 5px; }
.aboutIHF.visualStoriesDetails .slick-dots li.slick-active button { background: #ffffff; }

.visual-stories { zoom: 1; clear: both; height: 530px; }
.visual-stories:after, .visual-stories:before { display: table; content: ''; clear: both; zoom: 1; }
.visual-stories .slick-list { margin: 0 50px; padding: 0 !important; }

.welcomeSection { background: #ffffff; background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 99%); background: -webkit-linear-gradient(top, #ffffff 0%, #f6f6f6 99%); background: linear-gradient(to bottom, #ffffff 0%, #f6f6f6 99%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6', GradientType=0); border-bottom: 1px solid #ebebeb; padding-bottom: 30px; margin-bottom: 30px; }
.welcomeSection .welcome { display: flex; flex-wrap: wrap; align-items: center; }
.welcomeSection .welcome .add-photo { border: 1px solid #ebebeb; padding: 10px 20px 10px 50px; border-radius: 50px; position: relative; cursor: pointer; }
.welcomeSection .welcome .add-photo .icon { position: absolute; left: -1px; top: 0; }
.welcomeSection .welcome .icon { background: #2047a2; color: #ffffff; padding: 10px; border-radius: 50%; font-size: 118.75%; }
.welcomeSection .user-media .media-left { position: relative; }
.welcomeSection .user-media .media-left img { border-radius: 50%; width: 100px; }
.welcomeSection .user-media .media-left .camera-icon { position: absolute; bottom: 0; right: 10px; cursor: pointer; }
.welcomeSection .user-media .media-body, .welcomeSection .user-media .media-left, .welcomeSection .user-media .media-right { vertical-align: middle; }
.welcomeSection .user-media .media-body p { font-size: 137.5%; }
.welcomeSection .user-media .media-heading { display: inline-block; font-size: 75%; }

.photosTabsSection .nav-tabs li.active > a { color: #000000; }
.photosTabsSection .nav-tabs li.active > a::after { background: #2047a2; }
.photosTabsSection .photoCard { position: relative; min-height: 205px; margin-bottom: 80px; }
.photosTabsSection .photoCard > img { min-height: 205px; }
.photosTabsSection .photoCard .card-text { background-color: #f3f3f3; padding: 30px 20px; width: 90%; position: absolute; bottom: -108px; left: 10%; transform: translate(-8%, -54px); }
.photosTabsSection.playersSection .playerCard .sImg { overflow: hidden; }
.photosTabsSection.playersSection .playerCard .sImg::after { content: ""; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); position: absolute; top: 0; left: 0; }
.photosTabsSection.playersSection .playerCard .sImg img { height: 270px; width: 100%; object-fit: cover; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.photosTabsSection.playersSection .playerCard:hover .sImg > img { transform: scale(1.05) rotate(0.5deg); }
.photosTabsSection.playersSection .playerCard .card-text { left: 0; transform: translate(0%, -54px); background-color: #ffffff; box-shadow: 5.657px 5.657px 0px 0px rgba(0, 0, 0, 0.1); z-index: 3; }
.photosTabsSection.playersSection .playerCard .card-text .media-body, .photosTabsSection.playersSection .playerCard .card-text .media-left, .photosTabsSection.playersSection .playerCard .card-text .media-right { vertical-align: middle; }
.photosTabsSection.playersSection .playerCard .card-text img { width: 50px; height: 50px; border-radius: 50%; }
.photosTabsSection.playersSection .playerCard .card-text .media-heading { font-weight: 600; }
.photosTabsSection.playersSection .playerCard .card-text p { font-weight: 300; font-size: 125%; }

.awarads-slider .news-item { height: 60vh; }
.awarads-slider .news-item .sliderText { height: 60vh; }
.awarads-slider .news-item .tag { background-color: #ffffff; color: #000000; font-size: 87.5%; padding: 10px 15px; display: inline-block; }
.awarads-slider .news-item h2 { font-size: 225%; font-weight: 300; }
.awarads-slider .news-item p { font-size: 112.5%; }
.awarads-slider .news-item .btn { background-color: #b78d15; }
.awarads-slider .news-item .btn:hover { background-color: #ffffff; color: #b78d15; }

.storiesSlider .blue-options .slick-arrow { top: 50%; transform: translateY(-30px); }
.storiesSlider .blue-options .slick-prev { left: -30px; }
.storiesSlider .blue-options .slick-next { right: -30px; }
.storiesSlider.card .cardBody { margin: 0 1px; max-width: 385px; }
.storiesSlider.card .cardBody .cardImage { overflow: hidden; position: relative; }
.storiesSlider.card .cardBody .cardImage::before { content: ""; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); position: absolute; top: 0; left: 0; display: block; margin: 0 auto; z-index: 99; }
.storiesSlider.card .cardBody .cardImage img { height: 410px; }
.storiesSlider.card .cardBody .cardImage i { position: absolute; z-index: 9999999999999; top: 50%; left: 50%; color: #ffffff; width: 82px; height: 82px; padding: 21px; background: rgba(255, 255, 255, 0.3); border-radius: 50%; text-align: center; font-size: 40px; border: 1px solid rgba(255, 255, 255, 0.5); transform: translate(-41px, -41px); cursor: pointer; }

.headOffice .col-centered { float: none; margin: 0 auto; }
.headOffice .main { padding: 60px 130px; background-color: #f3f3f3; }
.headOffice .main .headOfficeSlider { margin-bottom: 2px; }
.headOffice .main .headOfficeSlider img { object-fit: cover; width: 100%; }
.headOffice .main .headOfficeSliderFor img { height: 100%; }
.headOffice .main .headOfficeSliderNav img { height: 160px; cursor: pointer; }
.headOffice .main .headOfficeSliderNav .slick-slide:not(:last-of-type) { margin-right: 2px; }
.headOffice .main .blue-options .slick-arrow { background: #2047a2; }
.headOffice .main .blue-options .slick-prev { left: -30px; }
.headOffice .main .blue-options .slick-next { right: -30px; }

.contentInfo .contentInfoCont { margin-bottom: 40px; padding: 35px; background-color: #f3f3f3; }
.contentInfo .contentInfoCont p { display: flex; flex-wrap: wrap; }
.contentInfo .contentInfoCont p:not(:last-child) { margin-bottom: 25px; }
.contentInfo .contentInfoCont .title { width: 15%; color: rgba(0, 0, 0, 0.7); }
.contentInfo .contentInfoCont span:not(.title) { width: 85%; }
.contentInfo .mapouter { position: relative; text-align: right; width: 100%; height: 80vh; }
.contentInfo .gmap_canvas { overflow: hidden; background: none !important; width: 100%; height: 80vh; }

.prediction.card.masterPage .sectionHeading { text-transform: capitalize; }
@media only screen and (min-width: 576px) { .prediction.card.masterPage .sectionHeading { font-size: 156.25%; } }
@media only screen and (max-width: 576px) { .prediction.card.masterPage .sectionHeading { font-size: 100%; } }
.prediction .cardBody { min-height: 165px; max-width: 100%; }
.prediction .cardBody .card-text { padding: 35px; background-color: #ffffff; border: 3px solid #01bcfa; border-radius: 14px; text-align: center; height: 165px; position: relative; margin: 20% 0; }
.prediction .cardBody .card-text .number { background-color: #2047a2; color: #ffffff; width: 64px; height: 64px; border-radius: 50%; position: absolute; left: 50%; top: 0%; transform: translate(-32px, -40px); font-size: 225%; line-height: 187.5%; }
.prediction .cardBody .card-text .number img { border-radius: 50%; width: 64px; height: 64px; }
.prediction .cardBody .card-text.shadow { width: 90%; width: 90%; position: absolute; left: 4%; background-color: #e7e7e7; border: 0; bottom: -70px; z-index: -1; }
.prediction .prediction-slide { cursor: pointer; }
.prediction .prediction-slide:not(.slick-current) { opacity: 0.3; }
.prediction .slick-arrow { -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; position: absolute; top: 50%; transform: translateY(-15px); background: #a8a8a8; border: 0; font-size: 156.25%; color: #ebebeb; width: 30px; height: 30px; z-index: 999; border-radius: 50%; outline: none; }
.prediction .slick-prev { left: 0; }
.prediction .slick-next { right: 0; }
.prediction.competitions .cardBody { min-height: 225px; max-width: 310px; }
.prediction.competitions .cardBody .card-text { height: 225px; border: 0; background-color: #f2f2f2; margin: 6% 0 11%; }
.prediction.competitions .cardBody .card-text img { margin: 0 auto 10%; object-fit: cover; }
.prediction.competitions .cardBody .card-text.shadow { bottom: auto; top: -30px; background-color: #e7e7e7; }
.prediction.competitions .cardBody .card-text button { position: absolute; left: 0%; bottom: 0%; transform: translate(18%, 100%); border-radius: 20px; width: 75%; background-color: #2047a2; text-transform: uppercase; }
.prediction.competitions .cardBody .card-text button:hover { background-color: #3c80c1; color: #ffffff; }
.prediction .sectionHeading { font-weight: 400 !important; }
.prediction .players .cardBody .card-text { background-color: #f2f2f2; border: 0; margin: 16% 0 5%; }
.prediction .players .cardBody .card-text .number img { border-radius: 50%; width: 64px; height: 64px; }
.prediction .players .cardBody .card-text.shadow { background-color: #e7e7e7; bottom: -25px; }
.prediction .players .cardBody .card-text h2 { font-size: 150%; margin-bottom: 15px; }
.prediction .players .cardBody .card-text .rank-score { display: flex; flex-direction: row; flex-wrap: wrap; padding: 5px; }
.prediction .players .cardBody .card-text .rank, .prediction .players .cardBody .card-text .score { width: 50%; margin: 0; text-transform: capitalize; }
.prediction .players .cardBody .card-text .rank span, .prediction .players .cardBody .card-text .score span { font-weight: 600; font-size: 225%; }
.prediction .players .cardBody .card-text .rank { border-right: 1px solid rgba(0, 0, 0, 0.1); }
.prediction .players .all { background-color: #fff; border: 2px solid #0597ee; border-radius: 30px; text-transform: uppercase; padding: 15px; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.prediction .players .all:hover { color: #ffffff; background-color: #0597ee; }
.prediction .predictResultCont { position: relative; display: none; }
.prediction .predictResultCont .popup-message { background: #f3f3f3; text-align: center; position: absolute; bottom: 53px; left: calc(50% - 70px); }
.prediction .predictResultCont:not(:first-child) { margin-top: 20px; }
.prediction .predictResultCont .predictResultTitle { padding: 20px; background-color: #eeeeee; text-transform: capitalize; display: flex; justify-content: center; align-items: center; text-align: center; margin: 0 -15px; }
.prediction .predictResultCont .predictResultTitle > span { padding: 0 8px; }
.prediction .predictResultCont .predictResultTitle i { font-size: 125%; }
.prediction .predictResultCont .predictResult { display: flex; align-items: center; background-color: #f3f3f3; padding: 15px; margin: 0 -15px; }
.prediction .predictResultCont .predictResult .text-right { text-align: right; }
@media only screen and (min-width: 576px) { .prediction .predictResultCont .predictResult .text-right .number > span { margin: 10px 0% 10px 78%; } }
@media only screen and (max-width: 576px) { .prediction .predictResultCont .predictResult .text-right .number > span { margin: 10px 0 10px 60%; } }
@media only screen and (min-width: 576px) { .prediction .predictResultCont .predictResult .text-left .number > span { margin: 10px 78% 10px 0%; } }
@media only screen and (max-width: 576px) { .prediction .predictResultCont .predictResult .text-left .number > span { margin: 10px 78% 10px 5%; } }
.prediction .predictResultCont .predictResult h2 { font-size: 150%; margin: 0 15px; text-align: center; width: 130px; }
.prediction .predictResultCont .predictResult .media { margin: 0 15px; width: 40%; }
.prediction .predictResultCont .predictResult .media .form-number { max-width: 78px; border: 0; }
.prediction .predictResultCont .predictResult .media img { border-radius: 50%; width: 46px; height: 46px; }
.prediction .predictResultCont .predictResult .media .number > span { display: block; width: 50px; height: 35px; background-color: #fff; border-radius: 5px; text-align: center; line-height: 35px; -webkit-box-shadow: 5px 5px 0px 0px #e7e7e7; -moz-box-shadow: 5px 5px 0px 0px #e7e7e7; box-shadow: 5px 5px 0px 0px #e7e7e7; }
@media only screen and (min-width: 576px) { .prediction .predictResultCont .predictResult .media .number > span { font-size: 22px; } }
@media only screen and (max-width: 576px) { .prediction .predictResultCont .predictResult .media .number > span { font-size: 16px; } }
.prediction .predictResultCont .predictResult .media .number > span .form-number { border: 0; width: 100%; text-align: center; }
.prediction .predictResultCont .predictResult .media-body, .prediction .predictResultCont .predictResult .media-left, .prediction .predictResultCont .predictResult .media-right { vertical-align: middle; }
.prediction .predictResultCont .icon { color: rgba(0, 0, 0, 0.6); }
.prediction .btnCont { margin: 0 -15px; }
.prediction .btnCont .btn { margin: 0; background-color: #0d52d8; text-transform: uppercase; font-size: 125%; font-weight: 400; border-radius: 0; color: #ffffff; z-index: 999; position: relative; }
.prediction .btnCont .btn.disabled, .prediction .btnCont .btn.more { font-size: 100%; text-transform: initial; background-color: #999999; }
.prediction .btnCont .btn:not(.disabled):not(.more):hover { background-color: #3c80c1; }

.commissions .memberSection { margin-top: 20px; }
.commissions .aboutIHF .historyGrid { margin-bottom: 0; }

#regulation-landing .bottomStatistics { margin-bottom: 0; }
#regulation-landing .bottomStatistics .sCard { margin-bottom: 0; }

@media only screen and (min-width: 992px) { .photoGallery.mediaCenter { margin-bottom: 0; }
  .photoGallery.mediaCenter .bigCard .mediaBg { width: calc(100% - 50% - 242.5px); }
  .photoGallery.mediaCenter .mediumCard .mediaBg { width: 50% !important; } }
@media only screen and (min-width: 1199px) { .photoGallery.mediaCenter .bigCard .mediaBg { width: calc(100% - 50% - 293.5px) !important; } }
@media only screen and (min-width: 1440px) { .photoGallery.mediaCenter .bigCard .mediaBg { width: calc(100% - 50% - 340px) !important; }
  .aboutIHF.visualStoriesDetails .slick-slider { min-height: 700px; }
  .aboutIHF.visualStoriesDetails .visual-stories-details.slick-current .cardBody .cardImage img { height: 650px; }
  .visual-stories { min-height: 550px; }
  .storiesSlider.card .cardBody .cardImage img { height: 630px; } }
@media only screen and (max-width: 767px) { .aboutIHF .card.masterPage .btn-section { width: 80%; }
  .aboutIHF .actions { top: auto; bottom: -50px; right: 0; width: 100%; }
  .aboutIHF .subscribe { margin-top: 100px; }
  .aboutIHF .borderBottom .pdfLink { border: 1px solid #b78d15; padding: 10px 20px; }
  .aboutIHF .borderBottom .pdfLink:hover { border: 1px solid #ffffff; background-color: #b78d15; }
  .aboutIHF .borderBottom .pdfLink:hover a { color: #ffffff; }
  .aboutIHF.commissions .memberSection .memberCard { padding-left: 15px; width: calc(100% / 3); margin: 0 auto 30px; float: none; }
  .aboutIHF.commissions .competitionGrid { padding-right: 15px; width: 100%; }
  .aboutIHF.commissions .competitionGrid.forumList { width: 100%; }
  .welcomeSection .user-media { padding: 20px 0 40px; }
  .storiesSlider .blue-options .slick-prev { left: 0; }
  .storiesSlider .blue-options .slick-next { right: 0; }
  .headOffice .main { padding: 60px; }
  .contentInfo .contentInfoCont .title { margin-bottom: 10px; }
  .contentInfo .contentInfoCont .title, .contentInfo .contentInfoCont span:not(.title) { width: 100%; } }
.rankGrid .rank_flag { height: 70px; width: 120px; overflow: hidden; border: 1px solid #dbdbdb; background: white; text-align: center; padding: 5px; }
.rankGrid .rank_flag img { object-fit: cover; height: 100%; object-position: center; }
.rankGrid td, .rankGrid th { vertical-align: middle !important; }

.ranking_banner { position: relative; display: flex; justify-content: center; align-items: center; flex-direction: column; padding: 40px; min-height: 400px; background-image: url(../img/ranking_banner.jpg); background-repeat: no-repeat; background-size: cover; margin: 25px 0 0; color: white; background-position: center; }
.ranking_banner h2 { text-transform: capitalize; text-align: center; font-size: 60px; }
.ranking_banner h2 p { font-size: 27px; font-weight: 100; margin-bottom: 10px; margin-top: 15px; text-transform: none; }
.ranking_banner span { margin-bottom: 25px; margin-top: 15px; font-size: 18px; font-weight: 300; text-align: center; }
.ranking_banner .btn-trophy { background: white; border-radius: 40px; font-size: 18px; color: black; padding: 15px 35px; margin-top: 50px; box-shadow: 4px 4px 6px #064cb7; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.ranking_banner .btn-trophy:hover { color: #2047a2; box-shadow: 6px 6px 8px #064cb7; }

@media only screen and (max-width: 576px) { .prediction .predictResultCont .predictResultTitle { display: block; }
  .prediction .predictResultCont .predictResultTitle > span { width: 100%; display: inline-block; margin: 5px 0; font-size: 14px; margin-top: 10px; }
  .prediction .predictResultCont .predictResult h2 { margin: 0 auto; font-size: 15px; }
  .prediction .predictResultCont .predictResult .media { width: 65%; margin: 15px auto; }
  .prediction .predictResultCont .predictResult .media-body { font-size: 12px; word-break: break-word; } }
@media only screen and (max-width: 480px) { .aboutIHF.commissions .memberSection .memberCard { width: 50%; }
  .photosTabsSection .myPhotos .col-xs-6 { width: 100%; }
  .headOffice .main { padding: 30px; }
  .headOffice .main .blue-options .slick-prev { left: -15px; }
  .headOffice .main .blue-options .slick-next { right: -15px; } }
@media only screen and (max-width: 320px) { .aboutIHF.commissions .memberSection .memberCard { width: 75%; } }
@-webkit-keyframes bounceInDown { 0%,
    60%,
    75%,
    90%,
    to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { -webkit-transform: translate3d(0, -3000px, 0); opacity: 0; transform: translate3d(0, -3000px, 0); }
  60% { -webkit-transform: translate3d(0, 25px, 0); opacity: 1; transform: translate3d(0, 25px, 0); }
  75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); }
  90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); }
  to { -webkit-transform: translateZ(0); transform: translateZ(0); } }
@keyframes bounceInDown { 0%,
    60%,
    75%,
    90%,
    to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { -webkit-transform: translate3d(0, -3000px, 0); opacity: 0; transform: translate3d(0, -3000px, 0); }
  60% { -webkit-transform: translate3d(0, 25px, 0); opacity: 1; transform: translate3d(0, 25px, 0); }
  75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); }
  90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); }
  to { -webkit-transform: translateZ(0); transform: translateZ(0); } }
.trivia { position: relative; margin: 20px 0; }

.boardCard-title { text-transform: capitalize; font-size: 125%; }

@keyframes imageMoving { 0% { opacity: 0; }
  50% { opacity: 1; }
  100% { opacity: 0; } }
@keyframes imageMoving-2 { 0% { left: 0; bottom: 0; }
  50% { left: -40%; bottom: -6%; }
  0% { left: 0; bottom: 0; } }
@keyframes imageMoving-3 { 0% { height: 0; }
  40% { height: 355px; }
  60% { height: 355px; }
  0% { height: 0; } }
.trivia-game { position: relative; min-height: 720px; background-color: #0969df; background-image: linear-gradient(141deg, #0c4fd7 7%, #0969df 19%, #03aaf5 75%); border-radius: 15px; text-align: center; color: #ffffff; overflow: hidden; display: table; width: 100%; }
.trivia-game:after { content: ""; background-image: url(../img/trivia/bg-2.png); background-color: transparent; width: 150%; height: 250px; position: absolute; top: 0; left: -160px; background-blend-mode: color; transform: rotate(180deg); -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; animation-name: imageMoving; animation-iteration-count: infinite; animation-timing-function: ease-in-out; animation-duration: 6s; }
.trivia-game:before { content: ""; background-image: url(../img/trivia/bg-1.png); background-color: transparent; width: 150%; height: 250px; position: absolute; bottom: 0; right: 0; background-blend-mode: color; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; animation-name: imageMoving; animation-iteration-count: infinite; animation-timing-function: ease-in-out; animation-duration: 4s; }
.trivia-game--background { position: relative; width: 100%; z-index: 99; height: 720px; display: table-cell; vertical-align: middle; text-align: center; margin: 0 auto; min-width: 100%; }
.trivia-game--background:after { content: ""; background-image: url(../img/trivia/bg-3.png); background-color: transparent; width: 796px; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; animation-name: imageMoving-3; animation-iteration-count: infinite; animation-timing-function: ease-in-out; animation-duration: 5.5s; position: absolute; height: 0; top: -226px; left: -261px; }
.trivia-game--background:before { content: ""; background-image: url(../img/trivia/bg-4.png); background-color: transparent; width: 90%; height: 350px; position: absolute; bottom: -45px; right: -150px; }
.trivia-game__image { margin: 0 auto; }
.trivia-game__text { text-transform: capitalize; padding: 50px; position: relative; z-index: 9999; }
.trivia-game__text .start-date { text-transform: uppercase; }
.trivia-game__text p { font-size: 112.5%; }
.trivia-game__text h2 { font-size: 212.5%; margin-top: 20px; font-weight: 600; }
.trivia-game__text:after { content: ""; clear: both; display: table; }
.trivia-game__link { background: #fff; padding: 15px 60px; font-size: 22px; color: #000; font-weight: 600; margin-top: 20px; box-shadow: 0px 4px 0 #0d51d8; border-radius: 35px; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.trivia-game__link:hover { box-shadow: 0px 6px 0 #0c4ccc; font-weight: 800; color: #000; }
.trivia-game--question { font-size: 168.75%; font-weight: 600; margin-bottom: 50px; line-height: 1.2; }
.trivia-game .js-form-type-radio { width: 50%; float: left; }
.trivia-game .js-form-type-radio input { position: absolute; visibility: hidden; z-index: -1; left: -9999px; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.trivia-game .js-form-type-radio input:checked ~ label { background: #fff; color: #000; }
.trivia-game .js-form-type-radio input:checked ~ label:before, .trivia-game .js-form-type-radio input:checked ~ label:after { content: ""; }
.trivia-game .js-form-type-radio input:checked ~ label.true:after { content: "\f00c"; }
.trivia-game .js-form-type-radio input:checked ~ label.false:after { content: "\f00d"; }
.trivia-game .js-form-type-radio label { font-size: 100%; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; border: 1px solid #fff; min-height: 65px; width: 90%; word-break: break-word; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; justify-content: center; margin-left: 5%; margin-bottom: 40px; border-radius: 15px; cursor: pointer; padding: 5px; position: relative; }
.trivia-game .js-form-type-radio label:before { width: 40px; height: 40px; position: absolute; right: -20px; top: -21px; transform: rotate(45deg); border-radius: 10px; box-shadow: 1px 1px 2px #5a5a5a; }
.trivia-game .js-form-type-radio label:after { position: absolute; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #fff; }
.trivia-game .js-form-type-radio label.true:before { background-color: #42af56; background-image: linear-gradient(141deg, #4dcf65 0%, #46be5c 51%, #44ac53 83%); }
.trivia-game .js-form-type-radio label.true:after { font-size: 23px; right: -11px; top: -12px; }
.trivia-game .js-form-type-radio label.false:before { background-color: #cc2b2b; background-image: linear-gradient(141deg, #cc2b2b 0%, #cc2b2b 51%, #ab1313 83%); }
.trivia-game .js-form-type-radio label.false:after { right: -10px; font-size: 26px; top: -14px; }
.trivia-game--slider .slider-text { text-transform: capitalize; margin-bottom: 15px; }
.trivia-game--slider .slider-text p span { font-weight: 600; font-size: 18px; margin: 0 3px; }
.trivia-game--slider .progress { height: 12px; margin-bottom: 20px; background-color: #fff; border-radius: 9px; }
.trivia-game--slider .progress .progress-bar { background-color: #42af56; background-image: linear-gradient(141deg, #4dcf65 9%, #46be5c 21%, #54cc65 60%); border-radius: 20px; }
.trivia-game--score { height: 100px; width: 100px; margin: 0 auto; background: rgba(255, 255, 255, 0.1); border-radius: 35px; margin-top: 25px; display: table; padding: 5px; }
.trivia-game--score__container { height: 80px; display: table-cell; vertical-align: middle; text-align: center; margin: 0 auto; min-width: 100%; }
.trivia-game--score__container span { text-transform: uppercase; }
.trivia-game--score__container p { font-size: 48px; }
.trivia-game svg { -webkit-transform: rotate(-90deg) scale(0.7); transform: rotate(-90deg) scale(0.7); margin-top: -24px; }
.trivia-game .circle_animation { stroke-dasharray: 440; stroke-dashoffset: 440; transition: all 1s linear; }
.trivia-game--timer { background: transparent; }
.trivia-game--timer .timer { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

.boardCard-title .icon-podium { font-size: 250%; margin-right: 10px; }

.topSection { position: relative; z-index: 9000; }

.boardCard { background-color: #f1f1f1; border-radius: 10px; text-align: center; margin-top: 60px; min-height: 170px; position: relative; }
.boardCard::after { content: ''; width: 90%; height: 100%; position: absolute; bottom: -10px; left: 15px; background-color: #e7e7e7; border-radius: 10px; z-index: -1; }
.boardCard.sameUser { background-color: #0b58da; color: #ffffff; }
.boardCard.sameUser::after { background-color: #e7e7e7; }
.boardCard--border-primary { border: 2px solid #02bcf9; background-color: #ffffff; text-align: center; height: 150px; opacity: 0.5; height: 150px; margin-top: 50px; margin-bottom: 20px; position: relative; }
.boardCard--border-primary::after { content: ''; width: 90%; height: 8%; position: absolute; bottom: -10px; left: 13px; background-color: #e7e7e7; border-radius: 10px; z-index: -1; opacity: 0.5; }
.boardCard--active { opacity: 1; }
.boardCard__icon { width: 70px; height: 70px; background-color: #0b58da; border-radius: 50%; text-align: center; margin: 0 auto; margin-top: -30px; object-fit: cover; color: #ffffff; font-size: 175%; line-height: 250%; }
.boardCard__details { padding: 10px 20px; word-wrap: break-word; }
@media only screen and (max-width: 768px) { .boardCard__details { font-size: 11px; } }
.boardCard__title { font-size: 137.5%; line-height: 125%; text-transform: capitalize; margin-bottom: 13px; }
.boardCard__rank { position: relative; }
.boardCard__rank > span { font-size: 100%; }
.boardCard__rank > h2 { font-size: 187.5%; }
.boardCard__rank::after { content: ''; width: 1px; height: 100%; position: absolute; top: 0; right: 0; background-color: #515151; }
.boardCard__score > span { font-size: 100%; }
.boardCard__score > h2 { font-size: 187.5%; }

.sameUser .boardCard__rank::after { background-color: #fff; }

.btn-round-border { border-radius: 25px; border: 2px #3c80c1 solid; text-transform: uppercase; color: #000000; padding: 15px 20px; margin-top: 30px; margin-bottom: 20px; }
.btn-round-border:hover { background-color: #3c80c1; color: #ffffff; transition: all 0.3s; }

.center { text-align: center; }

.play-trivia-slider { position: relative; }
.play-trivia-slider .slick-current .boardCard { opacity: 1; }
.play-trivia-slider .slick-current .boardCard::after { opacity: 1; }
.play-trivia-slider > .slick-prev { position: absolute; left: 0; top: 110px; width: 30px; height: 30px; z-index: 999; border-radius: 50%; color: #ffffff; border: 0; outline: 0; background: #919191; box-shadow: 1px 2px 3px #b3b3b3; }
.play-trivia-slider > .slick-next { position: absolute; right: 0; top: 110px; width: 30px; height: 30px; border-radius: 50%; color: #ffffff; border: 0; outline: 0; background: #919191; box-shadow: 1px 2px 3px #b3b3b3; }

.play-trivia { margin-top: 35px; padding-bottom: 20px; }
.play-trivia__title { text-transform: capitalize; font-size: 162.5%; font-weight: 700; }

.trivia-container { overflow: hidden; }

@media only screen and (max-width: 767px) { .trivia-game .js-form-type-radio { width: 100%; }
  .mobile-header { position: absolute; top: 10px; width: 100%; }
  .boardCard { padding-bottom: 10px; }
  .boardCard__rank::after { display: none; }
  .trivia-game__text { padding: 10px; }
  .trivia-game--timer svg { margin-top: -30px; margin-left: -15px; }
  .trivia-game--question { font-size: 131.25%; margin-top: 25px; }
  .trivia-game--header { padding-top: 200px; } }
@media only screen and (max-width: 1144px) { .boardCard__icon { width: 60px; height: 60px; font-size: 150%; line-height: 250%; } }
.margin-top-50 { margin-top: 50px; }

.margin-bottom-50 { margin: 0 0 5rem; }

.padding-top-0 { padding-top: 0; }

.marketingPage .sImg { position: relative; min-height: 260px; }
.marketingPage .sImg img { position: absolute; max-width: 92%; }
.marketingPage .rowText { padding: 0 15px 15px; }
.marketingPage .rowText h4 { margin-bottom: 1rem; font-size: 131.25%; }
.marketingPage .counters { display: flex; flex-wrap: wrap; justify-content: center; margin: 0 -15px; }
.marketingPage .counters .counter { flex: 0 0 25%; text-align: center; margin-bottom: 1rem; margin-top: 1rem; }
.marketingPage .counters .icon, .marketingPage .counters .number { color: #3c80c1; font-size: 250%; margin-bottom: 0.5rem; padding: 0 15px; }
.marketingPage .counters .number { max-width: 196px; overflow: hidden; margin: 10px auto; }
.marketingPage .counters .number, .marketingPage .counters .text { font-weight: 600; }
.marketingPage .counters .text { text-transform: capitalize; }
.marketingPage .counters.full .counter { flex: 0 0 20%; }
.marketingPage.marketingSection .sectionHeading { margin: 0 0 20px 0; font-size: 22px; }
.marketingPage.marketingSection .sText { padding: 20px 15px; }
.marketingPage.marketingSection .sCard { margin: 0; }
.marketingPage.marketingSection .sCard .sImg { top: 40px; left: auto; right: 30px; position: absolute; }
.marketingPage.marketingSection .sCard .sImg img { position: relative; max-width: 100%; }
.marketingPage.marketingSection .sCard .sImg .row > div[class*=col] { padding: 0 10px; }
.marketingPage.marketingSection .sCard .sText p { color: #696969; font-size: 14px; }
.marketingPage.marketingSection .bottomStatistics { margin: 0 -15px; position: absolute; top: 20px; right: 30px; width: 100%; }
.marketingPage.marketingSection .bottomStatistics .sText h3 { font-size: 20px; }
.marketingPage.marketingSection .bottomStatistics .sText p, .marketingPage.marketingSection .bottomStatistics .sText i { color: #ffffff; }
.marketingPage.marketingSection .bottomStatistics .sText a { font-size: 87.5%; }
.marketingPage.marketingSection .bottomStatistics.rights .sCard { height: 230px; }
.marketingPage.marketingSection .bottomStatistics.rights .sText i { font-size: 150%; top: 3px; }
.marketingPage.marketingSection .bottomStatistics.seal .sText { padding: 50px; }
.marketingPage.marketingSection .bottomStatistics.seal .sText i { font-size: 312.5%; margin-bottom: 0.5rem; display: inline-block; }
.marketingPage.marketingSection .bottomStatistics.seal .sText p { font-size: 100%; }
.marketingPage.marketingSection .boxes { padding: 30px 30px 0 30px; zoom: 1; clear: both; }
.marketingPage.marketingSection .boxes:after, .marketingPage.marketingSection .boxes:before { display: table; content: ''; clear: both; zoom: 1; }
.marketingPage.marketingSection .boxes .box { display: inline-block; width: 20%; padding: 0 5px; float: left; margin-bottom: 20px; }
.marketingPage.marketingSection .boxes .box .sCard { position: relative; overflow: hidden; height: 75px; }
.marketingPage.marketingSection .boxes .box .sCard .cBgImg { -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.marketingPage.marketingSection .boxes .box .sCard:hover .cBgImg { transform: scale(1.05) rotate(0.5deg); }
.marketingPage.marketingSection .boxes .box .sText { height: 70px; position: absolute; z-index: 999; top: 40%; left: 50%; padding: 0; transform: translate(-50%, -50%); }
.marketingPage.marketingSection .boxes .box .sText img { object-fit: cover; height: 70px; }
.marketingPage.marketingSection .info { padding: 0 30px 30px; }
.marketingPage.marketingSection .info .read-more { display: inline-block; color: #000000; margin: 15px 30px 8px 0; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.marketingPage.marketingSection .info .read-more:hover { color: #b78d15; }
.marketingPage.marketingSection .info .read-more i { color: #b78d15; margin-right: 8px; }
.marketingPage.marketingSection .info p { color: #000000; font-size: 100%; }

.read-more i { font-size: 18px !important; top: 2px !important; }

.market-title { text-transform: capitalize; font-weight: 600; padding: 15px; margin-top: 20px; font-size: 137.5%; }

.markets-btn a { max-width: 175px; }

.stratgicPlan.matchResult { min-height: 400px; }

@media only screen and (max-width: 1199px) { .marketingPage .sImg img { position: static; max-width: 100%; width: 100%; margin-bottom: 15px; }
  .marketingPage .rowText { padding: 15px; }
  .marketingPage .counters .counter { flex: 0 0 50%; }
  .marketingPage .counters.full .counter { flex: 0 0 50%; } }
@media only screen and (max-width: 992px) { .marketingPage.marketingSection .bottomStatistics { position: static; margin: 0; }
  .marketingPage.marketingSection .bottomStatistics .sCard { margin-bottom: 30px; }
  .marketingPage.marketingSection .boxes .box { width: calc(100% / 3); margin-bottom: 10px; } }
@media only screen and (max-width: 767px) { .marketingPage .sImg { min-height: auto; }
  .marketingPage .sImg.grayBg { background-color: transparent; }
  .marketingPage.marketingSection { margin: 0; } }
@media only screen and (max-width: 576px) { .marketingPage.marketingSection .boxes .box { width: calc(100% / 2); } }
@media only screen and (max-width: 480px) { .marketingPage .counters .counter { flex: 0 0 100%; }
  .marketingPage .counters.full .counter { flex: 0 0 100%; }
  .marketingPage.marketingSection .boxes .box { width: 100%; } }
.sitemap-container { background-color: #f4f4f4; position: relative; }
.sitemap-container::before { background-image: url(../img/menu-bg.png); background-repeat: no-repeat; background-size: cover; width: 350px; height: 580px; position: absolute; right: 0; top: 0; z-index: 999; }
.sitemap-container .content > .sitemap-menu li a { padding: 5px; display: inline-block; margin-bottom: 0.5rem; }
.sitemap-container .content > .sitemap-menu li a:hover { color: #b78d15; }
.sitemap-container .content > .sitemap-menu > li { text-transform: capitalize; position: relative; }
.sitemap-container .content > .sitemap-menu > li::before { content: ""; border: 0; width: 85%; height: 1px; background: #bfbfbf; position: absolute; right: 0; top: 20px; z-index: 99; }
.sitemap-container .content > .sitemap-menu > li.leaf a { font-weight: 300; font-size: 137.5%; }
.sitemap-container .content > .sitemap-menu > li a { color: #000000; }
.sitemap-container .content > .sitemap-menu > .expanded > a { font-weight: 300; font-size: 137.5%; }
.sitemap-container .content > .sitemap-menu > .expanded > .sitemap-menu { padding-left: 1.5rem; }
.sitemap-container .content > .sitemap-menu > .expanded > .sitemap-menu > .expanded > a { display: none; }
.sitemap-container .content > .sitemap-menu > .expanded > .sitemap-menu > .expanded .expanded > a { font-weight: 700; font-size: 112.5%; }
.sitemap-container .content .sitemap-menu { margin-bottom: 0.5rem; }

.filter { text-transform: uppercase; margin-top: 20px; margin-bottom: 30px; vertical-align: middle; }
.filter__link { background-color: transparent; outline: none; border: 0; text-transform: capitalize; margin-top: 8px; color: #515151; }
.filter__link:hover { color: #2047a2; }
.filter__link.active { color: #2047a2; }
@media only screen and (max-width: 768px) { .filter__link { margin-top: 10px; font-size: 100%; } }
.filter__label { margin-right: 7px; font-size: 87.5%; font-weight: 600; }
.filter__select { padding-right: 65px; height: 36px; text-transform: capitalize; }
.filter::after { content: ""; position: relative; width: 100%; height: 1px; background-color: #f1f1f1; margin-top: 60px; }

.player-card { display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 10px; }
@media only screen and (max-width: 768px) { .player-card { justify-content: center; } }
.player-card > img { border-radius: 50%; object-fit: cover; width: 100px; height: 100px; }
@media only screen and (max-width: 1024px) { .player-card > img { width: 80px; height: 80px; } }
.player-card__details { color: #2047a2; margin: 15px auto 12px 16px; text-transform: capitalize; overflow: hidden; height: 103px; width: 140px; }
@media only screen and (max-width: 768px) { .player-card__details { width: 65%; margin: 5px auto 12px 16px; } }
.player-card__details > h2 { font-size: 18px; }
.player-card__details > span { font-size: 81.25%; }
.player-card__details > .player-country { color: #515151; }

.player-profile { margin-top: 30px; margin-bottom: 100px; }
@media only screen and (max-width: 768px) { .player-profile { text-align: center; } }
.player-profile__img { width: 125px; height: 125px; object-fit: cover; border-radius: 50%; margin-bottom: 20px; }
@media only screen and (min-width: 1367px) { .player-profile__img { width: 160px; height: 160px; object-position: top; } }
.player-profile__title { color: #2047a2; font-size: 175%; overflow: hidden; padding-bottom: 3px; }
.player-profile__title--secondary { color: #b78d15; margin-top: 20px; text-transform: capitalize; }
.player-profile__title2 { text-transform: capitalize; margin-bottom: 20px; font-size: 112.5%; }
.player-profile__subtitle { color: #515151; text-transform: uppercase; font-size: 75%; line-height: 187.5%; }
.player-profile__details { margin-top: 15px; }
@media only screen and (min-width: 1024px) { .player-profile__details { margin-bottom: 70px; }
  .player-profile__details::after { content: ""; position: absolute; right: 0; top: 0; width: 1px; height: 140px; background-color: #515151; opacity: 0.1; } }
.player-profile__club { text-align: center; }
@media only screen and (max-width: 768px) { .player-profile__club { background-color: #f1f1f1; padding: 30px; } }
@media only screen and (max-width: 1024px) { .player-profile__club { margin-top: 40px; } }
.player-profile__club > .club__icon { width: 90px; height: 90px; border-radius: 50%; margin-bottom: 10px; }
.player-profile__club > .club__title { text-transform: capitalize; font-size: 100%; font-weight: 600; }
.player-profile__club > .club__subtitle { color: #515151; text-transform: uppercase; line-height: 187.5%; }

.prediction .boardCard .boardCard__gamelogo { width: 70px; height: 70px; border-radius: 50%; object-fit: cover; margin-top: 15px; }
.prediction .boardCard::after { content: ""; width: 90%; height: 100%; position: absolute; bottom: 0; left: 15px; background-color: #e7e7e7; border-radius: 10px; z-index: -1; transition: 0.3s all; }
.prediction .boardCard:hover .play-now-btn { opacity: 1; visibility: visible; }
.prediction .boardCard:hover::after { bottom: 15px; }

.play-now-btn { background-color: #0e52d9; width: 195px; height: 50px; border-radius: 50px; line-height: 3.2; bottom: -35%; left: 50%; transform: translate(-50%, -50%); position: absolute; text-transform: uppercase; font-size: 16px; visibility: hidden; transition: 0.3s all; opacity: 0; color: #ffffff; }
.play-now-btn:hover { color: #ffffff; }
@media only screen and (max-width: 768px) { .play-now-btn { opacity: 1; visibility: visible; } }

.game-name { max-width: 80%; margin: 0 auto; padding: 10px 0; text-align: center; }

.p-b-40 { padding-bottom: 40px; }

.standing-section { background-image: linear-gradient(rgba(25, 53, 117, 0.3), rgba(0, 0, 0, 0.5)), url(../img/upcoming_competitions/upcomin-competition-bg2.jpg); background-size: cover; background-repeat: no-repeat; height: 680px; position: relative; }

.final-standing-container { position: absolute; bottom: 0; }

.final-standing-teams { background-color: #ffffff; padding: 30px 20px; opacity: 0.9; min-height: 380px; }
.final-standing-teams__heading { text-transform: capitalize; border-bottom: 1px solid #dadada; line-height: 3rem; font-size: 150%; margin-bottom: 15px; }

.team-standing__container { display: flex; justify-content: space-between; }
.team-standing__rank { font-size: 218.75%; line-height: 4rem; font-style: italic; }

.status-team { text-transform: capitalize; margin-left: 5%; margin-right: 10%; flex-basis: 80%; margin-top: 8px; }
.status-team__status { font-size: 87.5%; margin-bottom: 5px; font-style: italic; }
.status-team__country { font-size: 125%; font-weight: 600; }

.country-flag { min-width: 40px; min-height: 40px; height: 40px; width: 40px; margin-top: 10px; opacity: 0.8; }
.country-flag__img { width: 100%; height: 100%; }

.player-of-tournament { background-image: url(../img/upcoming_competitions/player-of-tournament.jpg); background-size: cover; background-repeat: no-repeat; position: relative; text-transform: capitalize; min-height: 380px; color: #ffffff; }
.player-of-tournament .sectionHeading { margin: 30px 10px 10px 0; line-height: 1.5; }
.player-of-tournament .sectionHeading .vote-msg { font-size: 70%; font-weight: 400; text-transform: none; }
.player-of-tournament.votingPage .chosePlayer { border-color: transparent; }
.player-of-tournament.votingPage .chosePlayer .playerImg { background: #243660; }
.player-of-tournament.votingPage .chosePlayer .playerImg::after { content: none; }
.player-of-tournament.votingPage .chosePlayer .playerInfo { line-height: 1.2; }
.player-of-tournament.votingPage .selectPlayerBtn input[type="radio"]:checked + label { border: 1px dashed #3a4a75; background: #00123a; border-radius: 60px; opacity: 1; }
.player-of-tournament.votingPage .selectPlayerBtn-inactive { opacity: 0.4; }
.player-of-tournament.votingPage .btn-voting { font-size: 100%; padding: 15px 30px; text-align: left; width: 200px; border-radius: 40px; margin-top: 20px; }
.player-of-tournament.votingPage .btn-voting .arrow-right-vote { font-size: 25px; position: absolute; right: 15px; }
.player-of-tournament:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-image: linear-gradient(to bottom right, #01164d, #002260); opacity: 0.6; }
.player-of-tournament .selectPlayerBtn { max-width: 270px; margin: 0 auto; }

/*Start Player Voting Results*/
.player-vote-res .sectionHeading { text-transform: capitalize; }
.player-vote-res .chosePlayer .playerInfo p { font-size: 150%; font-weight: 400; }
.player-vote-res .chosePlayer .playerInfo span { font-size: 100%; }
.player-vote-res .chosePlayer { cursor: auto; }

.p-t-b-60 { padding: 60px 0; }

.rate { border-radius: 50%; text-align: center; color: #193575; font-size: 150%; font-weight: 600; background-color: #ffffff; width: 70px; height: 70px; position: absolute; left: 5px; top: 5px; }

.player-of-the-match .rate { color: #ffffff; font-size: 18px; font-weight: 600; background-color: #243660; width: 72px; line-height: 70px; height: 72px; left: 1px; top: 1px; }

.player-of-the-match.player-of-tournament { background: #f4f4f4; color: #000000; padding: 20px 25px 70px; }
.player-of-the-match.player-of-tournament:before { display: none; }
.player-of-the-match.player-of-tournament .matchData { background: #fff; padding: 25px 20px 40px; margin-top: 20px; }
.player-of-the-match.player-of-tournament.votingPage .chosePlayer .playerImg { border: 3px solid #d5d5d5; }
.player-of-the-match.player-of-tournament.votingPage .chosePlayer .playerImg .bigger-bg { width: 75px; height: 74px; }
.player-of-the-match.player-of-tournament .selectPlayerBtn input[type="radio"]:checked + label { border: 1px dashed #ffffff; background: #3c80c1; }
.player-of-the-match.player-of-tournament .selectPlayerBtn { margin-bottom: 25px; }
.player-of-the-match.player-of-tournament .playerNumber { position: absolute; width: 25px; height: 25px; font-size: 11px; line-height: 25px; background: #b78d15; color: #fff; border-radius: 50%; text-align: center; left: 0; }

.votingPage .center-player .chosePlayer .playerImg { float: none; margin: 0 auto; }

.votingPage.center-player { padding-top: 35px; }
.votingPage.center-player .chosePlayer { margin: 0; }
.votingPage.center-player .chosePlayer .playerImg { float: none; width: 120px; height: 120px; margin-bottom: 20px; margin: 0 auto; }
.votingPage.center-player .chosePlayer .playerImg .bigger-bg { width: 120px; height: 120px; }
.votingPage.center-player .chosePlayer .playerImg .bigger-bg img { margin-left: -30px; }
.votingPage.center-player .chosePlayer .playerInfo { text-align: center; float: none; width: 100%; margin-left: 0; margin-top: 15px; }

/*End Player Voting Results*/
@media (min-width: 767px) and (max-width: 1024px) { .btn-voting { margin-bottom: 25px; } }
.marketsProjectListing .allConfederation .searchBox { border-radius: 0; }
.marketsProjectListing .allConfederation .confCards { display: flex; }
@media only screen and (min-width: 1024px) { .marketsProjectListing .allConfederation .confCards .cardItem { width: 21%; } }
.marketsProjectListing .allConfederation .confCards .cardItem.hideRow { display: none; }
.marketsProjectListing .allConfederation .confCards .cardItem.hideRow.open { display: flex; }
.marketsProjectListing .allConfederation .confCards .cardItem .flag { padding: 15px; width: 88%; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
@media only screen and (min-width: 1024px) { .marketsProjectListing .allConfederation .confCards .cardItem .flag { width: 84%; } }
.marketsProjectListing .allConfederation .confCards .cardItem .flag > * { display: block; }
.marketsProjectListing .allConfederation .confCards .cardItem p { font-size: 75%; color: #3c80c1; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.marketsProjectListing .allConfederation .confCards .cardItem h2 { text-transform: capitalize; margin: 10px 0; }
.marketsProjectListing .allConfederation .confCards .cardItem:hover .flag { background: #3c80c1; color: #ffffff; }
.marketsProjectListing .allConfederation .confCards .cardItem:hover p { color: #ffffff; }
.marketsProjectListing .allConfederation .confCards .cardItem:hover .arrow { background-color: inherit; color: inherit; width: 30px; }
.marketsProjectListing .allConfederation .showMoreResult { bottom: -100px; }
.marketsProjectListing .allConfederation .serch { height: 100px; }

#marketsProject { margin-bottom: 40px; }

.market-project-filter-form { justify-content: flex-end; display: flex; }

.matchResult.stratgicPlan .sectionHeading { font-weight: 400; }
.matchResult.stratgicPlan .nav-tabs li a { text-transform: capitalize; }

.attendees-doc .card-container { background-color: #fff !important; margin-bottom: 0 !important; }
.attendees-doc .documents { padding: 5px; }

.strategicPlanDoc .grey-icon { width: 45px; height: 50px; line-height: 50px; font-size: 40px !important; }

.stratgicPlan .photosTabsSection .nav-tabs li.active > a { background: transparent; }

.card .sectionHeading.olympicSolidarityHeading { margin: 10px 10px 5px; }

.p-b-10 { padding-bottom: 10px; }

@media screen and (min-width: 768px) { .marketisPage .sImg { max-width: 400px; height: 280px; }
  .marketisPage .sImg img { width: 370px; height: 290px; } }
@media only screen and (max-width: 768px) { .stratgicPlan .marketingPlan .mediaCenter { padding-bottom: 0; }
  .table-responsive { border-bottom: 0; } }
.project .rowText h4 { font-size: 137.5%; }

.projectDesc .sText, .stratgicPlan .sText { padding: 0; }

.photosTabsSection .mediaBg { display: block; }

.stratgicPlan .planContent { background: #f3f3f3; padding: 30px 30px 0 30px; }
.stratgicPlan .planContent h3 { font-size: 125%; font-weight: 600; }
.stratgicPlan .planContent .date { display: flex; align-items: center; margin: 30px 0; }
.stratgicPlan .planContent .date div { background: #ffffff; padding: 15px; }
.stratgicPlan .planContent .date div.icon { background: #3c80c1; color: #ffffff; }
.stratgicPlan .planContent .attendees { width: 50%; margin: 30px 0; }
.stratgicPlan .planContent .attendees h2 { font-size: 137.5%; }
.stratgicPlan .planContent .attendees .historyGrid { margin-bottom: 0; }
.stratgicPlan .planContent .mediaBody .fx-center-V .sectionHeading { flex: 2; }
.stratgicPlan .planContent .mediaBody .fx-center-V .mediaNav { flex: 1; }
.stratgicPlan .planContent .mediaBody .fx-center-V .mediaNav li.active a { color: #ffffff; background: #b78d15; border-radius: 4px; }
.stratgicPlan .planContent .mediaBody .fx-center-V .mediaNav li a { color: #000000; text-transform: uppercase; font-size: 93.75%; padding: 10px; margin-bottom: 25px; }

.marketsProjectMediaCenter .mediaBg { display: block; }
.marketsProjectMediaCenter .smallCard { min-height: 300px; }

/*.stratgicPlan { .planContent { .mediaBody { .fx-center-V{ .sectionHeading { flex: 3; } } } }
}*/
.marketsProjectMediaCenter .sectionHeading { font-weight: 400 !important; }

.marketingPageText .sText { padding: 15px 20px 20px 20px; }

@media only screen and (max-width: 767) { .stratgicPlan .planContent { padding: 30px 15px 0 15px; } }
@media only screen and (max-width: 425px) { .justify-markets-card { padding: 0; } }
@media only screen and (max-width: 768px) { .stratgicPlan .planContent .attendees { width: 100%; }
  .stratgicPlan .planContent .mediaBody .fx-center-V .sectionHeading, .stratgicPlan .planContent .mediaBody .fx-center-V .mediaNav { flex: 2; } }
@media only screen and (max-width: 576px) { .stratgicPlan .planContent .attendees { width: 100%; }
  .stratgicPlan .planContent .mediaBody .fx-center-V { display: block !important; } }
@media (min-width: 320px) and (max-width: 768px) { .marketsProjectMediaCenter .mediaCard { margin-bottom: 20px; } }
.conceptContainer { padding: 50px 0; }
.conceptContainer .sectionHeading { margin-left: 0 !important; font-size: 137.5%; }
.conceptContainer .conceptContent { padding: 30px 15px; }
.conceptContainer .conceptContent .sText { padding: 0 15px; }
.conceptContainer .conceptContent .sImg { position: relative; overflow: hidden; min-height: 240px; }
.conceptContainer .conceptContent .sImg img { position: static; margin: 0; max-width: 100%; }
.conceptContainer .conceptContent .sImg::before { content: ""; width: 100%; height: 100%; background: linear-gradient(to right bottom, rgba(16, 65, 137, 0.22), #003a8e); position: absolute; top: 0; left: 0; display: inline-block; z-index: 99; }

.howApply .sectionHeading { margin: 0 0 30px 15px !important; font-size: 137.5%; }
.howApply .verticalCard .mCard .sText .download { display: flex; justify-content: flex-start; }
.howApply .verticalCard .mCard .sText .download .icon-download { color: #b78d15; font-size: 36px; width: 40px; }
.howApply .verticalCard .mCard .sText .download .download-info { width: calc(100% - 40px); margin-top: 10px; font-size: 87.5%; }
.howApply .verticalCard .mCard .sText .download .download-info .languages { margin-top: 5px; }
.howApply .verticalCard .mCard .sText .download .download-info .languages span:not(:last-child):after { content: " / "; }
.howApply .verticalCard .mCard .sText .download .download-info .languages span a { display: inline-block; text-decoration: underline; }
.howApply .verticalCard .mCard .sText .btn { line-height: 187.5%; font-weight: 400; padding: 10px 50px; }

@media only screen and (max-width: 1199px) { .marketingPage .sImg img { position: static; max-width: 100%; width: 100%; margin-bottom: 15px; } }
.ihf-forum_main.card.masterPage, .ihf-forum_inner.card.masterPage { padding: 40px 0 10px; }
.ihf-forum_main.card.masterPage .sectionHeading, .ihf-forum_inner.card.masterPage .sectionHeading { margin: 15px 0px 20px; font-weight: 400; text-transform: capitalize; line-height: 1.2; }
.ihf-forum_main .sCard, .ihf-forum_inner .sCard { padding-bottom: 10px; }

.ihf-forum_main .sImg { outline: 5px solid #ebebeb; }
.ihf-forum_main .sText h2.sectionHeading a { font-size: 100%; }

.ihf-forum_inner { padding: 0px 0px 60px !important; }
.ihf-forum_inner .forum-card { margin-bottom: 20px; }

.forum-img { padding-right: 0; padding-left: 0; }
.forum-img img { width: 100%; height: 100%; }

.ihf-title { text-transform: uppercase; }

.forum-description { display: flex; flex-flow: row; }
.forum-description .sectionHeading { text-transform: capitalize !important; line-height: 1.2; margin: 0px 0px 10px !important; font-size: 150%; }
.forum-description .sText { background: #f1f1f1; padding: 15px 15px 15px 20px !important; }
.forum-description .sText p { color: #000000; margin-bottom: 15px; font-size: 87.5%; }
.forum-description .sText .calender, .forum-description .sText .location { margin-left: 5px; margin-right: 15px; font-size: 87.5%; }
.forum-description .sText i { color: #3c80c1; }

@media only screen and (max-width: 767px) { .forum-description { flex-flow: column; }
  .forum-img { padding: 10px; } }
@media (min-width: 767px) and (max-width: 991px) { .forum-description { height: 230px; }
  .forum-img { width: auto; } }
@media screen and (min-width: 992px) { .forum-description { height: 250px; }
  .forum-description .sText p { font-size: 87.5%; margin-bottom: 20px; } }
.prcedure-list { padding: 0 15px; }
.prcedure-list ol { counter-reset: list; list-style: none; }
.prcedure-list ol li { counter-increment: list; margin-bottom: 20px; display: flex; }
.prcedure-list ol li::before { content: counter(list); background: #3c80c1; font-style: italic; color: #ffffff; font-size: 125%; text-align: center; border-radius: 50%; width: 35px; height: 35px; line-height: 37px; display: inline-block; flex: 0 0 auto; }
.prcedure-list ol li p { padding: 0px 10px; line-height: 1.2; font-size: 100%; flex: 1; align-self: center; }

.ihf-dev-aid.card.masterPage .sectionHeading { font-weight: 400; }

#documents-section .documents.dev-aid-doc .cardItem .card-container { padding: 12px; }
#documents-section .documents.dev-aid-doc .cardItem .card-container .card-content { padding-left: 10px; padding-right: 15px; padding-bottom: 5px; padding-top: 5px; flex: 1; }
#documents-section .documents.dev-aid-doc .cardItem .card-container .card-content h2 { font-size: 100%; text-transform: capitalize; }
#documents-section .documents.dev-aid-doc .cardItem .card-container .card-content p { font-size: 87.5%; }
#documents-section .documents.dev-aid-doc .cardItem .card-container .arrow-right { right: -5px; }
#documents-section .documents.dev-aid-doc .cardItem .grey-icon { color: #737c87; font-size: 32px !important; width: 40px; height: 40px; flex: 0 0 auto; line-height: 40px; padding: 0 3px; }

.ihf-dev-aid.contact .contact-info { line-height: 1.2; padding-bottom: 40px; }
.ihf-dev-aid.contact .contact-info p { display: inline-block; }
.ihf-dev-aid.contact .contact-info a { text-decoration: underline; color: #2047a2; }

@media only screen and (min-width: 992px) { .ihf-dev-aid .dev-aid-title { padding-bottom: 30px; }
  .procedure.card.masterPage, .catalogues.card.masterPage, .contact.card.masterPage { padding: 30px 0 10px; } }
@media only screen and (max-width: 768px) { .procedure.card.masterPage, .catalogues.card.masterPage, .contact.card.masterPage { padding: 0px 0 10px; }
  .procedure.card.masterPage .sectionHeading, .catalogues.card.masterPage .sectionHeading, .contact.card.masterPage .sectionHeading { margin: 10px 0px 20px; } }
.forum-event-date-loc { float: right; position: relative; bottom: 20px; display: flex; }
.forum-event-date-loc span { font-size: 75%; text-transform: capitalize; display: block; text-align: center; }
.forum-event-date-loc span.loc { padding-right: 30px; }
.forum-event-date-loc span.loc::after { content: ""; width: 1px; height: 50px; background-color: #ebebeb; position: absolute; left: calc(50%); bottom: 5px; }
.forum-event-date-loc span.time { padding-left: 30px; }
.forum-event-date-loc span i { color: #3c80c1; text-transform: capitalize; font-size: 187.5%; display: block; margin-bottom: 15px; }

.participant-table .table-striped > tbody > tr, .topics-table .table-striped > tbody > tr { text-transform: capitalize; height: 40px; }
.participant-table .table-striped > tbody > tr:nth-of-type(odd), .topics-table .table-striped > tbody > tr:nth-of-type(odd) { background-color: #f3f3f3; }
.participant-table .table-striped > tbody > tr:nth-of-type(odd) > td, .topics-table .table-striped > tbody > tr:nth-of-type(odd) > td { background-color: transparent; }
.participant-table .table-striped > tbody > tr > td, .topics-table .table-striped > tbody > tr > td { padding: 10px 20px; }

.topics-table td { display: flex; }
.topics-table td a { -moz-transition: 0.3s; -o-transition: 0.3s; -webkit-transition: 0.3s; transition: 0.3s; color: #000000; }
.topics-table td a:hover { color: #b78d15; }
.topics-table td i { font-size: 150%; color: #b78d15; margin-right: 10px; align-self: center; margin-top: -5px; }

.ihf-forum2.card.masterPage .sectionHeading { display: flex; justify-content: space-between; clear: both; width: 100%; }
.ihf-forum2.card.masterPage .sectionHeading .forum-pdf { display: flex; align-items: center; flex-direction: row-reverse; }
.ihf-forum2.card.masterPage .icon-pdf, .ihf-forum2.card.masterPage .forum-topic { float: right; }
.ihf-forum2.card.masterPage .icon-pdf { font-size: 150%; }

.forum-topic { font-size: 62.5%; color: #b78d15; text-decoration: underline; line-height: 1.2; display: block; overflow: hidden; }
.forum-topic:hover { color: #b78d15; text-decoration: underline; }

.forum-pdf { display: block; float: right; }

.border-bottom-grey { border-bottom: 1px solid #c8c8c8; padding-bottom: 10px; }

@media only screen and (min-width: 992px) { .ihf-forum2.card.masterPage { padding: 40px 0 10px; }
  .ihf-forum2.card.masterPage .sectionHeading { margin: 10px 0px 20px; } }
@media only screen and (max-width: 768px) { .ihf-forum2.card.masterPage { padding: 30px 0 10px; }
  .ihf-forum2.card.masterPage .sectionHeading { margin: 10px 0px 30px; } }
/*Award List*/
.awards .bottomStatistics .sCard .sText { bottom: 20px; padding: 30px 25px 20px; }
.awards .bottomStatistics .sCard .sText h2 { font-weight: 400; margin-bottom: 14px; font-size: 112.5%; line-height: 1.5; text-transform: capitalize; }
.awards .bottomStatistics .sCard .sText a { text-align: left; padding-left: 0; font-weight: 400; }
.awards .bottomStatistics .sCard .sText a i { top: 2px; font-size: 125%; }

/*Player Of The Year*/
.player-of-the-year .card-award-container { background: #f3f3f3; display: flex; flex-flow: wrap; padding: 30px 0; margin: 40px 0; /*    &:last-child {
 margin-bottom: 30px;
 }*/ }
.player-of-the-year .card-award-container .player-img { display: flex; justify-content: center; align-items: center; position: relative; margin-bottom: 20px; }
.player-of-the-year .card-award-container .player-img img { outline: 5px solid #ebebeb; width: 160px; height: 160px; -moz-transition: 0.3s; -o-transition: 0.3s; -webkit-transition: 0.3s; transition: 0.3s; }
.player-of-the-year .card-award-container .player-img img:hover { transform: scale(1.05); }
.player-of-the-year .card-award-container .player-description .player-name, .player-of-the-year .card-award-container .player-description .club-name, .player-of-the-year .card-award-container .player-description .player-position { line-height: 1.2; text-transform: capitalize; }
.player-of-the-year .card-award-container .player-description .player-name { color: #3c80c1; font-size: 150%; }
.player-of-the-year .card-award-container .player-description .club-name { font-size: 87.5%; }
.player-of-the-year .card-award-container .player-description .player-position { color: #727272; font-size: 87.5%; }
.player-of-the-year .card-award-container .player-description .palyer-bio { margin: 20px 0; line-height: 1.3; font-size: 87.5%; }
.player-of-the-year .card-award-container .player-description .read-more { color: #000000; font-size: 87.5%; }
.player-of-the-year .card-award-container .player-description .read-more i { margin-right: 7px; }
.player-of-the-year .card-award-container .vote-btn-container { display: flex; justify-content: center; align-items: center; margin: 15px 0; }
.player-of-the-year .card-award-container .vote-btn-container .vote-btn { text-transform: capitalize; padding: 15px 20px; background: #b78d15; border-radius: 100px; color: #ffffff; width: 200px; font-size: 87.5%; }
.player-of-the-year .card-award-container .vote-btn-container .vote-btn i { float: right; }

.player-description { min-height: 160px; }

@media only screen and (min-width: 992px) { .player-of-the-year .card-award-container { margin: 70px 0; }
  .player-of-the-year .card-award-container .player-img img { position: absolute; bottom: 75px; }
  .player-of-the-year .card-award-container .player-description .palyer-bio { font-size: 100%; }
  .player-of-the-year .card-award-container .player-description .player-name { color: #3c80c1; font-size: 137.5%; }
  .player-of-the-year .card-award-container .player-description .club-name { font-size: 100%; }
  .player-of-the-year .card-award-container .player-description .player-position { font-size: 100%; }
  .player-of-the-year .card-award-container .player-description .read-more { font-size: 100%; }
  .player-of-the-year .card-award-container .vote-btn-container .vote-btn { font-size: 100%; } }
.hide-progress .ajax-progress { display: none; }

/*player of the year inner page*/
.card.nominated-players { padding: 20px 0 40px; }
.card.nominated-players .sectionHeading { margin: 15px 0px 10px; font-weight: 400; font-size: 112.5%; }
.card.nominated-players .card-award-container:first-child { margin: 5px 0; }

.player-of-year-inner-main { padding-top: 40px; }
.player-of-year-inner-main .awarded-player .awarded-player-container { text-transform: uppercase; line-height: 1.5; }
.player-of-year-inner-main .awarded-player .awarded-player-container .player-year-title { color: #727272; font-size: 81.25%; }
.player-of-year-inner-main .awarded-player .awarded-player-container .player-name { font-size: 137.5%; }
.player-of-year-inner-main .awarded-player .awarded-player-img-container { display: flex; justify-content: center; align-items: center; margin: 10px 0; }
.player-of-year-inner-main .awarded-player .awarded-player-img-container img { max-height: 450px; }
.player-of-year-inner-main .awarded-player .player-awarded-bio p { line-height: 1.4; font-size: 87.5%; margin-bottom: 15px; }

@media only screen and (min-width: 992px) { .card.nominated-players { padding: 40px 0; }
  .card.nominated-players .header-container { padding-left: 0; }
  .card.nominated-players .header-container .sectionHeading { margin: 15px 0px 20px; font-size: 162.5%; }
  .card.nominated-players .card-award-container:first-child { margin: 70px 0; }
  .player-of-year-inner-main .awarded-player { padding-left: 0; }
  .player-of-year-inner-main .awarded-player .awarded-player-container .player-year-title { font-size: 112.5%; }
  .player-of-year-inner-main .awarded-player .awarded-player-container .player-name { font-size: 162.5%; }
  .player-of-year-inner-main .awarded-player .awarded-player-img-container { margin: 30px 0; }
  .player-of-year-inner-main .awarded-player .player-awarded-bio p { margin-bottom: 30px; font-size: 100%; } }
/*awards landing*/
.awards-of-the-year .sectionHeading { font-weight: 400; margin-left: 15px; }
.awards-of-the-year .bottomStatistics .sCard::before { background: linear-gradient(to right bottom, rgba(16, 65, 137, 0.22), #003a8e) !important; }
.awards-of-the-year .bottomStatistics .sCard .sText h2 { -moz-transition: 0.3 0.15s ease; -o-transition: 0.3 0.15s ease; -webkit-transition: 0.3 0.15s ease; transition: 0.3 0.15s ease; transform: translateY(100%); }
.awards-of-the-year .bottomStatistics .sCard .sText a { text-align: center; width: auto; padding-left: 12px; -moz-transition: 0.3 0.15s ease; -o-transition: 0.3 0.15s ease; -webkit-transition: 0.3 0.15s ease; transition: 0.3 0.15s ease; transform: translateY(100%); opacity: 0; display: inline-block; visibility: hidden; }
.awards-of-the-year .bottomStatistics .sCard:hover a { opacity: 1; visibility: visible; transform: translateY(0); -moz-transition: all 0.3s ease 0.15s; -o-transition: all 0.3s ease 0.15s; -webkit-transition: all 0.3s ease; -webkit-transition-delay: 0.15s; transition: all 0.3s ease 0.15s; }
.awards-of-the-year .bottomStatistics .sCard:hover h2 { transform: translateY(0); -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; }

.m-b-20 { margin-bottom: 20px; }

.allConfederation .tabs { height: 44px; background-color: #f3f3f3; padding: 15px 20px; }
.allConfederation .tabs div { display: inline-block; height: 100%; }
.allConfederation .tabs div > * { height: 100%; }
.allConfederation .tabs p { margin-right: 32px; }
.allConfederation .tabs ul li { display: inline-block; cursor: pointer; height: 100%; display: inline-flex; align-items: center; }
.allConfederation .tabs ul li:not(:last-child) { margin-right: 30px; }
.allConfederation .tabs ul li.active { color: #3c80c1; position: relative; }
.allConfederation .tabs ul li.active:after { content: ""; border-bottom: 4px solid #3c80c1; position: absolute; width: 100%; height: 3px; bottom: -14px; }
@media only screen and (max-width: 768px) { .allConfederation .tabs { display: flex; flex-direction: column; height: auto; padding: 20px 10px; }
  .allConfederation .tabs ul li { padding: 5px 0; }
  .allConfederation .tabs ul li.active:after { bottom: -20px; }
  .allConfederation .tabs p { margin-bottom: 20px; } }
@media only screen and (max-width: 480px) { .allConfederation .tabs ul li { margin-bottom: 30px; }
  .allConfederation .tabs ul li:not(:last-child) { margin-right: 8px; } }
.allConfederation .serch { height: 125px; border-bottom: 1px #c8c8c8 solid; }
.allConfederation .serch > * { display: inline-block; }
.allConfederation .serch .confLogo { flex: 3; }
.allConfederation .serch .confLogo img { margin-right: 24px; width: 66px; height: auto; }
.allConfederation .serch .confLogo p { display: inline-block; }
.allConfederation .serch .searchBox { flex: 1; flex-wrap: nowrap; position: relative; }
.allConfederation .serch .searchBox input { border-radius: 0; }
.allConfederation .serch .searchBox i { position: absolute; right: 8px; color: #626262; }
.allConfederation .serch .searchBox p { margin-right: 10px; }
@media only screen and (max-width: 768px) { .allConfederation .serch { flex-direction: column; padding: 20px 10px; height: auto; }
  .allConfederation .serch .searchBox { width: 100%; margin-top: 20px; }
  .allConfederation .serch .confLogo { flex: 3; }
  .allConfederation .serch .confLogo img { margin-right: 0; margin-bottom: 20px; } }
.allConfederation .confCards { min-height: 100px; display: none; flex-flow: row wrap; justify-content: flex-start; }
.allConfederation .confCards > div { display: flex; width: 100%; flex-direction: row; flex-wrap: wrap; }
.allConfederation .confCards.active { display: flex; }
.allConfederation .confCards .cardItem { height: 74px; width: 30%; background-color: #f3f3f3; margin: 20px 15px; display: flex; justify-content: space-between; }
.allConfederation .confCards .cardItem .flag { height: 100%; padding: 25px 15px; line-height:  1 0.2; }
.allConfederation .confCards .cardItem .flag, .allConfederation .confCards .cardItem .flag > * { display: inline-block; }
.allConfederation .confCards .cardItem .flag img { width: 25px; margin-right: 10px; }
.allConfederation .confCards .cardItem .arrow { float: right; height: 100%; background-color: #e3e3e3; color: #949494; width: 32px; cursor: pointer; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.allConfederation .confCards .cardItem .arrow i { font-size: 150%; }
.allConfederation .confCards .cardItem .arrow:hover { background-color: #3c80c1; color: #fff; }
.allConfederation .confCards .cardItem:hover .arrow { background-color: #3c80c1; color: #fff; }
@media only screen and (max-width: 768px) { .allConfederation .confCards .cardItem { width: calc(100% / 2 - 30px); } }
@media only screen and (max-width: 580px) { .allConfederation .confCards .cardItem { width: calc(100% / 2 - 30px); } }
@media only screen and (max-width: 425px) { .allConfederation .confCards .cardItem { width: 100%; } }
.allConfederation.card .sCard .sImg { top: -33px; }
.allConfederation ~ footer { margin-top: 80px; }

.Continent_Con .Header { border-bottom: 1px solid #eaeaea; padding-bottom: 20px; box-shadow: -5.601px 2.15px 2px 0px rgba(0, 0, 0, 0.1); }
.Continent_Con .Header .media-body, .Continent_Con .Header .media-right { vertical-align: middle; }
.Continent_Con .Header .logo { padding-right: 30px; }
.Continent_Con .Header .logo > img { border: 4px solid #ebebeb; padding: 22px; }
.Continent_Con .Header .logo > div { height: 84px; width: 84px; border-radius: 50%; background-image: url("../img/Layer 32.png"); background-position: center center; background-repeat: no-repeat; }
.Continent_Con .Header .info p.title { font-size: 24px; margin-bottom: 20px; }
.Continent_Con .Header .info .moreInfo { display: flex; width: 100%; justify-content: space-between; flex-wrap: wrap; }
.Continent_Con .Header .info .moreInfo > span { width: 50%; margin-bottom: 15px; display: flex; flex-wrap: wrap; align-items: center; }
.Continent_Con .Header .info .moreInfo > span > * { display: inline-block; }
.Continent_Con .Header .info .moreInfo > span > p { width: calc(100% - 42px); font-size: 15px; }
.Continent_Con .Header .info .moreInfo i { margin-right: 8px; font-size: 22px; color: #3c80c1; vertical-align: bottom; width: 22px; height: 22px; }
.Continent_Con .Header .info .moreInfo i.fa-map-marker { font-size: 162.5%; }
.Continent_Con .Header .info .moreInfo .president-member { width: 50%; }
.Continent_Con .Header .info .moreInfo .president-member img { width: 78px; height: 78px; }
.Continent_Con .Header .info .moreInfo .president-member .p-name { font-size: 125%; }
.Continent_Con .Header .info .moreInfo .president-member .p-title, .Continent_Con .Header .info .moreInfo .president-member .p-years { font-size: 87.5%; }
.Continent_Con .Header .info .moreInfo .president-member .p-title { margin: 10px 0; }
.Continent_Con .Header .federation-members { text-align: center; }
.Continent_Con .Header .federation-members .flag { width: 40px; margin-bottom: 15px; }
.Continent_Con .Header .federation-members .icon { color: #3c80c1; font-size: 437.5%; }
.Continent_Con .Header .federation-members .title { font-size: 300%; margin-bottom: 15px; }
.Continent_Con .Header .federation-members .status { background: #ebebeb; color: #000; padding: 12px; margin-top: 20px; font-size: 100%; font-weight: lighter; }
@media only screen and (max-width: 768px) { .Continent_Con .Header .info .moreInfo > span { width: 100%; }
  .Continent_Con .Header .info .moreInfo .president-member { width: 100%; margin-bottom: 15px; } }
@media only screen and (max-width: 480px) { .Continent_Con .Header .media .logo { padding: 0 0 30px 0; display: flex; align-items: center; justify-content: center; } }
.Continent_Con.card .sCard { margin-top: 65px; }
.Continent_Con.card .sCard .sImg { top: -33px; }
.Continent_Con.card .sCard .sText .accreditation-date { font-size: 16px; display: block; color: #2047a2; text-transform: uppercase; }
.Continent_Con.card .sCard .sText .accreditation-date + h1 { font-size: 137.5%; margin: 20px 0; }
.Continent_Con.card .sCard .sText .apply-accreditation-btn { text-align: left; padding: 0; font-weight: normal; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.Continent_Con.card .sCard .sText .apply-accreditation-btn:hover { color: #b78d15; }
.Continent_Con.card .sCard .sText i { margin-right: 10px; color: #b78d15; top: 5px; font-size: 200%; }
.Continent_Con .Presedint { background-color: #3c80c1; min-height: 160px; padding: 36px 30px; display: flex; flex-direction: row; justify-content: space-between; flex-wrap: wrap; }
.Continent_Con .Presedint > div { display: inline-flex !important; width: 50%; margin: 0; }
.Continent_Con .Presedint > div:last-child { border-left: 1px solid rgba(255, 255, 255, 0.2); padding-left: 10px; }
.Continent_Con .Presedint .media-body, .Continent_Con .Presedint .media-left, .Continent_Con .Presedint .media-right { vertical-align: middle; }
.Continent_Con .Presedint .profilePic { width: 90px; height: 90px; overflow: hidden; border-radius: 50%; display: inline-block; margin-right: 20px; }
.Continent_Con .Presedint .info { display: inline-block; color: #fff; font-weight: 300; }
.Continent_Con .Presedint .info .name { font-size: 21px; margin-bottom: 14px; }
.Continent_Con .Presedint .info .title { font-size: 14px; margin-bottom: 22px; }
.Continent_Con .Presedint .info .years { font-size: 16px; }
@media only screen and (max-width: 768px) { .Continent_Con .Presedint { padding: 20px; }
  .Continent_Con .Presedint > div:not(:last-child) { margin-bottom: 30px; }
  .Continent_Con .Presedint > div { width: 100%; }
  .Continent_Con .Presedint > div:last-child { border-top: 1px solid rgba(255, 255, 255, 0.2); padding-top: 30px; padding-left: 0; border-left: 0; } }
.Continent_Con .cardBody .cardText { background: none; }
.Continent_Con .cardBody .cardText > p { color: #666; margin-bottom: 15px; font-size: 87.5%; line-height: 125%; }
.Continent_Con .cardBody .cardText .btn { font-weight: 400; }
.Continent_Con .Upcoming-event > p { font-size: 137.5%; margin-bottom: 15px; }
.Continent_Con .Upcoming-event .event-card { margin-bottom: 45px; }
.Continent_Con .Upcoming-event .event-card .logo { background-color: #eaeaea; height: 155px; margin-bottom: 25px; }
.Continent_Con .Upcoming-event .event-card .logo > div { height: 96px; width: 96px; border-radius: 50%; background-image: url("../img/Layer 32.png"); background-position: center center; background-repeat: no-repeat; }
.Continent_Con .Upcoming-event .event-card .title { font-weight: 600; margin-bottom: 20px; color: #000000; }
.Continent_Con .Upcoming-event .event-card .moreInfo { line-height: 125%; }
.Continent_Con .Upcoming-event .event-card .action { margin-top: 30px; justify-content: space-between; height: 52px; font-size: 87.5%; }
.Continent_Con .Upcoming-event .event-card .action .date { border-right: 1px solid #ebebeb; margin-right: 9px; }
.Continent_Con .Upcoming-event .event-card .action > div { text-align: center; width: calc(50% - 10px); }
.Continent_Con .Upcoming-event .event-card .action i { margin-bottom: 14px; font-size: 150%; color: #3c80c1; }
.Continent_Con .Upcoming-event .event-card .action i.fa-map-marker { font-size: 175%; }
.Continent_Con .Upcoming-event .event-card .action .spliter { background-color: #cccccc; width: 2px; height: 100%; }
.Continent_Con .Upcoming-event .btn-secondary-color { border-radius: 0; min-height: 40px; font-size: 93.75%; width: 100%; background: #b78d15; color: #ffffff; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.Continent_Con .Upcoming-event .btn-secondary-color:hover { background: #3c80c1; }
.Continent_Con ~ footer { margin-top: 80px; }

.participation { background-image: url(../img/participations.jpg); background-repeat: no-repeat; background-size: cover; position: relative; color: #ffffff; }
.participation .btn { color: #ffffff; }
.participation .participationSlider { width: 88%; margin: 0px 6%; }
.participation .participationSlider .slick-track { display: flex; align-items: center; }
.participation .participationSlider .slick-arrow { position: absolute; top: 75px; width: 48px; height: 48px; font-size: 168.75%; background: rgba(255, 255, 255, 0.2); }
.participation .participationSlider .slick-arrow i { font-size: 150%; }
.participation .participationSlider .slick-arrow.slick-prev { left: -52px; }
.participation .participationSlider .slick-arrow.slick-next { right: -52px; }
.participation .participationInfo { text-align: center; padding: 15px; }
.participation .participationInfo.slick-current { background: rgba(0, 0, 0, 0.3); }
.participation .participationInfo.slick-current .moreInfo { display: flex; margin: 0 -15px; }
.participation .participationInfo .medal { padding: 0 15px; width: calc(100% / 3 - 0px); }
.participation .participationInfo .medal:not(:last-child) { border-right: 1px solid rgba(255, 255, 255, 0.2); }
.participation .participationInfo .medal.gold .icon { color: #ffad01; }
.participation .participationInfo .medal.silver .icon { color: #c0c0c0; }
.participation .participationInfo .medal.bronze .icon { color: #c49e4f; }
.participation .participationInfo .number { font-size: 300%; }
.participation .participationInfo .name { padding: 20px 0 15px; }
.participation .participationInfo .icon { font-size: 225%; }
.participation .participationInfo .medal-num { font-size: 150%; padding: 5px 0; }
.participation .participationInfo .medal-type { font-size: 87.5%; }
.participation .participationInfo .moreInfo { display: none; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.participation .participationInfo[aria-hidden=true] { visibility: hidden; }
.participation.participationPage { margin-top: 70px; }
.participation.participationPage .flag { position: absolute; top: -40px; left: 50%; transform: translate(-32px, -32px); width: 64px; height: 64px; border-radius: 50%; }
.participation.participationPage h1 { text-align: center; }
.participation .participationRows .participationInfo { background: rgba(0, 0, 0, 0.3); text-align: left; margin-bottom: 15px; }
.participation .participationRows .participationInfo > div { display: flex; justify-content: space-between; align-items: center; }
.participation .participationRows .participationInfo .number { width: 80px; text-align: center; margin-right: 4%; }
.participation .participationRows .participationInfo .number::before { width: 100px; height: 115px; content: ''; position: absolute; top: 0; left: 0; background: rgba(0, 0, 0, 0.3); }
.participation .participationRows .participationInfo .name { padding: 0; width: 80%; }
.participation .participationRows .participationInfo .moreInfo { display: flex; text-align: center; }
.participation ~ footer { margin: 0; }
@media only screen and (max-width: 1200px) { .participation .participationSlider { width: 86%; margin: 0px 7%; } }
@media only screen and (max-width: 1025px) { .participation .participationSlider { width: 84%; margin: 0px 8%; } }
@media only screen and (max-width: 991px) { .participation .participationSlider { width: 80%; margin: 0px 10%; }
  .participation .participationRows .participationInfo .name { width: 60%; } }
@media only screen and (max-width: 768px) { .participation .participationSlider { width: 78%; margin: 0px 11%; } }
@media only screen and (max-width: 576px) { .participation .participationRows .participationInfo > div { display: block; text-align: center; }
  .participation .participationRows .participationInfo .number { width: 100%; margin: 0; }
  .participation .participationRows .participationInfo .number::before { width: 100%; height: 75px; }
  .participation .participationRows .participationInfo .name { width: 100%; margin: 25px 0; } }
@media only screen and (max-width: 480px) { .participation .participationSlider { width: 66%; margin: 0px 17%; } }

.media { margin-top: 15px; }
.media:first-child { margin-top: 0; }

.media, .media-body { zoom: 1; overflow: hidden; }

.media-object { display: block; }
.media-object.img-thumbnail { max-width: none; }

.media-right, .media > .pull-right { padding-left: 10px; }

.media-left, .media > .pull-left { padding-right: 10px; }

.media-left, .media-right, .media-body { display: table-cell; vertical-align: middle; }

.media-middle { vertical-align: middle; }

.media-bottom { vertical-align: bottom; }

.media-heading { margin-top: 0; margin-bottom: 5px; }

.media-list { padding-left: 0; list-style: none; }

.new-section { margin-bottom: 40px; }
.new-section .cardBody .cardText { background: #ffffff; }
.new-section .cardBody .cardText p { color: #666; }
.new-section .cardBody .cardText .btn { font-weight: 400; }

.fx-center { display: flex !important; align-items: center; justify-content: center; }
.fx-center-V { display: flex !important; align-items: center; justify-content: flex-start; }

.transfer-req-confirm { text-align: center; }
.transfer-req-confirm .confirm-container { float: none; margin: 10vh auto; }
.transfer-req-confirm .confirm-container .msg-container { background: #ebebeb; border-radius: 5px; border: 1px solid #e1e1e1; padding: 40px 30px 80px; }
.transfer-req-confirm .confirm-container .msg-container .user-msg { background: #ffffff; width: 120px; height: 120px; border-radius: 50%; margin: 0 auto; display: flex; justify-content: center; align-items: center; position: relative; }
.transfer-req-confirm .confirm-container .msg-container .user-msg .icon-user-confirmation { color: #a0a0a0; font-size: 312.5%; }
.transfer-req-confirm .confirm-container .msg-container .user-msg span:last-child { color: #fff; font-size: 22px; position: absolute; right: 0; top: 7px; background: #438427; width: 30px; height: 30px; border-radius: 50%; line-height: 30px; }
.transfer-req-confirm .confirm-container .msg-container .confirnation-txt h2 { text-transform: capitalize; font-weight: 600; font-size: 150%; margin-bottom: 20px; margin-top: 30px; }
.transfer-req-confirm .confirm-container .msg-container .req-no { margin-top: 30px; line-height: 1.2; }
.transfer-req-confirm .confirm-container .msg-container .req-no span { color: #b78d15; font-size: 150%; }
.transfer-req-confirm .confirm-container .msg-container .back-btn { max-width: 220px; height: 50px; padding-top: 12px; margin-top: 40px; text-transform: capitalize; }

.plyerTransferLeftMenu { background: #2047a2; text-align: center; text-transform: capitalize; font-size: 11.5px; max-width: 85px; height: 100%; }
.plyerTransferLeftMenu ul li a { position: relative; display: block; padding: 15px 0; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.plyerTransferLeftMenu ul li a i { font-size: 29px; color: #ffffff; margin-bottom: 10px; display: inline-block; }
.plyerTransferLeftMenu ul li a i:before { color: rgba(255, 255, 255, 0.5); }
.plyerTransferLeftMenu ul li a p { color: rgba(255, 255, 255, 0.5); }
.plyerTransferLeftMenu ul li a.active, .plyerTransferLeftMenu ul li a:hover { background: #20356a; }
.plyerTransferLeftMenu ul li a.active i:before, .plyerTransferLeftMenu ul li a:hover i:before { color: #ffffff; }
.plyerTransferLeftMenu ul li a.active p, .plyerTransferLeftMenu ul li a:hover p { color: #ffffff; }

.player-trsansfer-landing { position: relative; padding: 30px 0; }
.player-trsansfer-landing .user-info img { width: 100px; height: 100px; object-fit: cover; margin-right: 20px; }
.player-trsansfer-landing .user-info .user-data { padding-top: 10px; text-transform: capitalize; }
.player-trsansfer-landing .user-info .user-data p { font-weight: 300; margin-bottom: 3px; }
.player-trsansfer-landing .user-info .user-data h2 { font-weight: 600; margin-bottom: 13px; }
@media only screen and (min-width: 1367px) { .player-trsansfer-landing .user-info .user-data h2 { font-size: 162.5%; } }
@media only screen and (max-width: 1367px) { .player-trsansfer-landing .user-info .user-data h2 { font-size: 137.5%; } }
.player-trsansfer-landing .user-info .user-data a { display: inline-block; font-size: 87.5%; color: #000000; position: relative; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.player-trsansfer-landing .user-info .user-data a i { font-size: 16px; }
.player-trsansfer-landing .user-info .user-data a span { margin-left: 5px; }
.player-trsansfer-landing .user-info .user-data a:after { content: ""; width: 70%; height: 1px; background: #000; position: absolute; bottom: -2px; right: -1px; }
.player-trsansfer-landing .user-info .user-data a:hover { color: #da0909; }
.player-trsansfer-landing .user-info .user-data a:hover:after { background: #da0909; }
.player-trsansfer-landing .user-statistics { padding: 20px; display: flex; border-radius: 7px; box-shadow: 1px 1px 12px 0px #dedede; position: relative; top: 0; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.player-trsansfer-landing .user-statistics span { font-size: 237.5%; width: 70px; height: 70px; text-align: center; border-radius: 50%; padding-top: 15px; margin-right: 10px; }
.player-trsansfer-landing .user-statistics .left-data p { text-transform: capitalize; margin-top: 10px; }
@media only screen and (min-width: 1367px) { .player-trsansfer-landing .user-statistics .left-data p { font-size: 93.75%; } }
@media only screen and (max-width: 1367px) { .player-trsansfer-landing .user-statistics .left-data p { font-size: 75%; } }
.player-trsansfer-landing .user-statistics .left-data h2 { font-weight: 700; margin-top: 3px; }
@media only screen and (min-width: 1367px) { .player-trsansfer-landing .user-statistics .left-data h2 { font-size: 218.75%; } }
@media only screen and (max-width: 1367px) { .player-trsansfer-landing .user-statistics .left-data h2 { font-size: 175%; } }
.player-trsansfer-landing .user-statistics:hover { box-shadow: 1px 1px 12px 0px #b9b9b9; top: -2px; }
.player-trsansfer-landing .user-statistics:hover h2, .player-trsansfer-landing .user-statistics:hover p { color: #2047a2; }

.player-transform-form { padding: 25px; border-radius: 7px; }
.player-transform-form .sectionTitle { font-size: 112.5%; text-transform: capitalize; margin-bottom: 10px; margin-top: 15px; }
.player-transform-form .js-form-item:not(.js-form-type-managed-file) label:not(.option) { display: block; font-size: 81.25%; text-transform: inherit; margin-bottom: 7px; margin-top: 20px; line-height: 1.4; }
.player-transform-form .js-form-item:not(.js-form-type-managed-file) input:not(.form-checkbox):not(.form-radio), .player-transform-form .js-form-item:not(.js-form-type-managed-file) select, .player-transform-form .js-form-item:not(.js-form-type-managed-file) textarea, .player-transform-form .js-form-item:not(.js-form-type-managed-file) .chosen-single { width: 100%; min-height: 45px; padding: 10px; color: #737373; border: 1px solid #e1e1e1; outline-color: rgba(190, 143, 21, 0.6); background: #fff; box-shadow: none; line-height: 1.2; border-radius: 0; font-size: 13px; }
.player-transform-form .js-form-item:not(.js-form-type-managed-file) input:not(.form-checkbox):not(.form-radio), .player-transform-form .js-form-item:not(.js-form-type-managed-file) textarea { margin-bottom: 10px; }
.player-transform-form .js-form-item:not(.js-form-type-managed-file) input:read-only { background: #f3f3f3; cursor: not-allowed; }
.player-transform-form .js-form-item:not(.js-form-type-managed-file) select[disabled] { cursor: not-allowed !important; background: #eee !important; opacity: 1 !important; }
.player-transform-form .js-form-type-managed-file { font-size: 14px; }
@media only screen and (max-width: 767px) { .player-transform-form .js-form-type-managed-file { position: relative; min-height: 150px; } }
.player-transform-form .js-form-type-select { position: relative; padding-bottom: 10px; }
.player-transform-form .js-form-type-select:before { content: "\f107"; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; bottom: 20px; position: absolute; right: 10px; font-size: 24px; color: #b78d15; z-index: 999; }
.player-transform-form .js-form-type-select select { -webkit-appearance: none; -moz-appearance: none; text-indent: 1px; padding-right: 27px !important; font-size: 13px; }
.player-transform-form #proof-options .js-form-type-select:before { bottom: auto; top: 43px; }
@media only screen and (max-width: 768px) { .player-transform-form #proof-options .js-form-type-select:before { display: none; } }
.player-transform-form #proof-options #edit-field-to-prove-the-compliance { overflow: scroll; }
.player-transform-form .form-group { margin-bottom: 0; }
.player-transform-form .checkbox { z-index: 99; }
.player-transform-form .checkbox label { top: -4px; position: relative; line-height: 1.5; padding-left: 30px; z-index: -1; }
.player-transform-form .checkbox .field-suffix { z-index: -1; }
.player-transform-form input[type="date"] { position: relative; padding: 10px; }
.player-transform-form input[type="date"]::-webkit-calendar-picker-indicator { color: transparent; background: none; z-index: 1; }
.player-transform-form input[type="date"]:before { content: "\f133"; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; bottom: 12px; position: absolute; right: 10px; font-size: 20px; color: #b78d15; }
.player-transform-form .action-btns { margin-top: 25px; padding-top: 20px; border-top: 1px solid #d7d7d7; }
.player-transform-form .action-btns input { height: 45px; font-size: 15px; padding: 0 25px; text-transform: capitalize; margin: 0 20px 0 0; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.player-transform-form .action-btns input.draft-btn { background: #ffffff; color: #000000; border: 1px solid #b7b7b7; }
.player-transform-form .action-btns input.save-btn { background: #b78d15; color: #ffffff; border: 1px solid #b78d15; }
.player-transform-form .action-btns input:hover { opacity: 0.8; }
.player-transform-form .file-upload { margin-bottom: 60px; position: relative; margin-top: 16px; }
.player-transform-form .file-upload.margin-bottom label:not(.option) { margin-bottom: 70px; }
.player-transform-form .file-upload:after { content: ''; display: table; clear: both; }
.player-transform-form .file-upload .val { position: absolute; z-index: 999; bottom: -34px; left: 10px; }
.player-transform-form .file-upload span:not(.redColor) { display: block; font-size: 87.5%; text-transform: capitalize; margin-bottom: 0; margin-top: 18px; }
.player-transform-form .file-upload input:not(.form-checkbox) { opacity: 0; position: absolute; z-index: -1; }
.player-transform-form .file-upload label:not(.option) { position: relative; display: block; cursor: pointer; margin-top: 10px !important; }
@media only screen and (max-width: 767px) { .player-transform-form .file-upload label:not(.option) { height: 55px; } }
.player-transform-form .file-upload label:not(.option):before { width: 100px; height: 46px; position: absolute; background: #a1a1a1; right: 0; bottom: -55px; z-index: 99; content: "Choose file"; line-height: 45px; text-align: center; color: #fff; font-size: 75%; }
.player-transform-form .file-upload label:not(.option):after { content: ""; width: 100%; height: 46px; background: #fff; border: 1px solid #e1e1e1; position: absolute; left: 0; bottom: -55px; }
.player-transform-form .chosen-container-single .chosen-single div b { display: none; }
.player-transform-form .radio .form-radio { z-index: -1; visibility: hidden; }
.player-transform-form .radio label.option { position: relative; margin: 10px; color: #979197; padding-left: 10px; }
.player-transform-form .radio label.option:after { content: ""; width: 20px; height: 20px; background: white; border: 2px solid #e1e1e1; position: absolute; border-radius: 50%; left: -25px; top: -2px; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.player-transform-form .radio .form-radio:checked ~ label:after { background: #2196f3; border-color: #2196f3; }
.player-transform-form input[readonly] { cursor: not-allowed !important; background: #eee !important; opacity: 1 !important; }

.player-transform-form .multi-upload .form-managed-file input[type=checkbox] { position: absolute; z-index: 999; }
.player-transform-form .multi-upload label.option { padding-left: 18px; position: relative; top: 3px; }
.player-transform-form .multi-upload .js-form-item .button { top: 23px; bottom: auto; width: 40%; max-width: 185px; min-width: 150px; }
@media only screen and (max-width: 450px) { .player-transform-form .multi-upload .js-form-item .button { top: 64px; } }

.player-transform-form .player-upload.multi-upload .option .file { position: relative; top: 0; left: 0; height: auto; width: 100%; margin-top: 0; padding-bottom: 2px; line-height: 1.4; }

.playerTransfer { min-height: 100vh; }
@media only screen and (min-width: 767px) { .playerTransfer { background-image: url(../img/player-transfer-bg.png); background-repeat: no-repeat; background-position: 110% 0; background-size: 40%; } }
@media only screen and (max-width: 1367px) { .playerTransfer { background-size: 30%; } }
.playerTransfer .alert { position: relative; width: 88%; margin-left: 10%; font-size: 14px; line-height: 1.3; }
.playerTransfer .transferHeadTitle { font-size: 137.5%; text-transform: capitalize; margin-bottom: 15px; }
.playerTransfer .player-transform-form { padding: 0; border-radius: 10px; padding-bottom: 45px; margin-bottom: 50px; }
.playerTransfer .player-transform-form .description { font-size: 11px; padding: 5px; color: #797979; }
.playerTransfer .player-transform-form .user-requests { padding: 20px; align-items: center; border-top-left-radius: 10px; border-top-right-radius: 10px; text-transform: capitalize; }
.playerTransfer .player-transform-form .user-requests .overview { position: relative; }
.playerTransfer .player-transform-form .user-requests .overview:after { content: ""; position: absolute; right: 50px; height: 140%; width: 1px; top: -20%; background: #c9c9c9; }
.playerTransfer .player-transform-form .user-requests .overview p { font-size: 106.25%; margin-bottom: 3px; }
.playerTransfer .player-transform-form .user-requests .overview h2 { font-weight: 600; }
@media only screen and (min-width: 1367px) { .playerTransfer .player-transform-form .user-requests .overview h2 { font-size: 193.75%; } }
@media only screen and (max-width: 1367px) { .playerTransfer .player-transform-form .user-requests .overview h2 { font-size: 175%; } }
.playerTransfer .player-transform-form .user-requests .requests { text-align: center; }
.playerTransfer .player-transform-form .user-requests .requests i { margin-bottom: 7px; display: inline-block; }
@media only screen and (min-width: 1367px) { .playerTransfer .player-transform-form .user-requests .requests i { font-size: 281.25%; } }
@media only screen and (max-width: 1367px) { .playerTransfer .player-transform-form .user-requests .requests i { font-size: 237.5%; } }
.playerTransfer .player-transform-form .user-requests .requests h3 { font-size: 181.25%; font-weight: 600; }
.playerTransfer .player-transform-form .user-requests .requests p { margin-top: 5px; color: #515151; }
@media only screen and (min-width: 1367px) { .playerTransfer .player-transform-form .user-requests .requests p { font-size: 87.5%; } }
@media only screen and (max-width: 1367px) { .playerTransfer .player-transform-form .user-requests .requests p { font-size: 75%; } }
.playerTransfer .player-profile__title--secondary { margin-bottom: 20px; }
.playerTransfer .player-profile__details { margin-top: 0; }
@media only screen and (min-width: 1024px) { .playerTransfer .player-profile__details { margin-bottom: 0; } }

.transfer-btn { background: #2047a2; color: #fff !important; padding: 10px 20px; text-transform: capitalize; font-weight: 400; box-shadow: 1px 2px 6px #adadad; position: relative; top: 0; margin-bottom: 5px; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.transfer-btn:hover { opacity: 0.9; color: #fff; box-shadow: 1px 2px 6px #777777; top: -2px; }

.small-transfer-btn { padding: 10px 9px; font-weight: 400; }
@media only screen and (max-width: 1024px) { .small-transfer-btn { padding: 10px 15px; } }

.reset-transfer-btn { background: #c51616; }

.landingForm { padding: 35px; border-bottom: 1px solid #c9c9c9; margin-bottom: 15px; }
.landingForm .filterBy { padding: 0; font-size: 106.25%; text-transform: capitalize; margin-top: 10px; }
.landingForm .js-form-item:not(.js-form-type-managed-file) input, .landingForm .js-form-item:not(.js-form-type-managed-file) select { margin-bottom: 20px; border-radius: 5px; text-transform: inherit; }
@media only screen and (min-width: 1367px) { .landingForm .js-form-item:not(.js-form-type-managed-file) input, .landingForm .js-form-item:not(.js-form-type-managed-file) select { font-size: 87.5%; } }
@media only screen and (max-width: 1367px) { .landingForm .js-form-item:not(.js-form-type-managed-file) input, .landingForm .js-form-item:not(.js-form-type-managed-file) select { font-size: 75%; } }
@media only screen and (max-width: 450px) { .landingForm .js-form-item:not(.js-form-type-managed-file) input, .landingForm .js-form-item:not(.js-form-type-managed-file) select { margin-bottom: 0; } }
.landingForm .js-form-item:not(.js-form-type-managed-file) select { padding-right: 30px; line-height: 1.2; }
.landingForm .js-form-type-select:before { top: 10px; }

.latestRequests { padding: 0 35px; margin-bottom: 20px; }
.latestRequests .sectionTitle { margin: 15px; }
@media only screen and (min-width: 1367px) { .latestRequests .sectionTitle { font-size: 150%; } }
@media only screen and (max-width: 1367px) { .latestRequests .sectionTitle { font-size: 125%; } }
.latestRequests .latest-request { padding: 20px; margin-top: 15px; margin-bottom: 20px; border-radius: 5px; background: #f3f3f3; text-transform: capitalize; display: block; color: #000000; }
@media only screen and (min-width: 767px) { .latestRequests .latest-request { max-height: 371px; } }
.latestRequests .latest-request .request-data { color: #1e68a5; margin-bottom: 15px; margin-top: 7px; }
.latestRequests .latest-request .request-data span:last-child { float: right; }
.latestRequests h2 { font-weight: 600; margin: 20px 0 0 0; min-height: 50px; }
@media only screen and (min-width: 1367px) { .latestRequests h2 { font-size: 112.5%; } }
@media only screen and (max-width: 1367px) { .latestRequests h2 { font-size: 100%; } }
.latestRequests .request-details { padding: 15px 0 10px; margin-bottom: 20px; border-bottom: 1px solid #dedede; min-height: 160px; }
.latestRequests .request-details span { color: #5f5f5f; }
@media only screen and (min-width: 1367px) { .latestRequests .request-details span { font-size: 75%; } }
@media only screen and (max-width: 1367px) { .latestRequests .request-details span { font-size: 68.75%; } }
.latestRequests .request-details p { height: 32px; margin-top: 5px; overflow: hidden; margin-bottom: 5px; word-break: break-word; margin-right: 5px; }
@media only screen and (min-width: 1367px) { .latestRequests .request-details p { font-size: 93.75%; } }
@media only screen and (max-width: 1367px) { .latestRequests .request-details p { font-size: 81.25%; } }
.latestRequests .request-status { font-size: 12px; color: #fff; }
.latestRequests .request-status .red-color { background: #e03d52; }
.latestRequests .request-status .orange-color { background: #62b92b; }
.latestRequests .request-status .green-color { background: #508e2d; }
.latestRequests .request-status label { padding: 7px 10px; border-radius: 3px; }

.relative-position { position: relative; }

.m-b-30 { margin-bottom: 30px; }

.request-listing .player-transform-form { padding-bottom: 20px; margin-bottom: 0; }
.request-listing .player-transform-form .landingForm { padding: 20px 25px 15px; }
.request-listing .requests { padding: 0 10px 15px; }
.request-listing .requests .request { background: #f4f4f4; height: 180px; margin-bottom: 25px; padding: 20px; text-transform: capitalize; position: relative; display: block; color: black; z-index: 99; overflow: hidden; border-right: 7px solid #fff; border-bottom: 7px solid #fff; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.request-listing .requests .request .request-id { padding: 10px 10px 20px 0; }
.request-listing .requests .request .request-id span { background: #2047a2; color: white; padding: 7px 12px; }
.request-listing .requests .request h3 { font-size: 100%; margin-bottom: 10px; line-height: 1.2; }
.request-listing .requests .request p { color: #5f5f5f; font-size: 75%; }
.request-listing .requests .request:hover { background: #2047a2; color: white; border-right: 7px solid #f4f4f4; border-bottom: 7px solid #f4f4f4; }
.request-listing .requests .request:hover .request-id span { background: white; color: black; }
.request-listing .requests .request:hover p { color: white; }
.request-listing .player-card__details { height: 120px; width: 170px; word-break: break-word; }
@media only screen and (max-width: 768px) { .request-listing .player-card__details { height: 100%; width: 100%; text-align: center; margin-bottom: 29px; margin-top: 10px; } }
.request-listing .player-card__details > h2 { font-size: 21px; }

#newId .js-form-type-checkbox:last-of-type { margin-bottom: 25px; }

.request-details .request { text-transform: capitalize; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #ccc; }
.request-details .request .request-id { padding: 10px 10px 20px 0; }
.request-details .request .request-id span { background: #2047a2; color: white; padding: 7px 12px; }
.request-details .request h3 { font-size: 137.5%; margin-bottom: 10px; }
.request-details .request p { font-size: 87.5%; line-height: 1.5; }
.request-details .request p .status { background: #b78d15; padding: 1px 7px; color: white; margin-right: 7px; }
.request-details .table tbody tr td { border-top: 0; }
.request-details .table tbody tr td:first-child { width: 35.7%; font-size: 14px; padding-left: 0; }
@media only screen and (max-width: 530px) { .request-details .table tbody tr td:first-child { width: 50.7%; } }
.request-details #documents-section .small-text { font-size: 14px; margin-bottom: 10px; }
.request-details #documents-section .icon-pdf { color: #767676; }
.request-details #documents-section .card-content { color: #1d68a1; }

.playerTransfer .ajax-progress-throbber .throbber { position: absolute; top: 50%; right: -15px; display: inline !important; }
.playerTransfer .request-listing .ajax-progress.ajax-progress-throbber { display: inline; padding: 0; }
.playerTransfer .request-listing .ajax-progress.ajax-progress-throbber .message { position: absolute; top: -100px; width: 140px; padding: 0; color: #2047a2; display: none; }
.playerTransfer .fix-height { min-height: 95px; }
.playerTransfer .fix-height.player-upload .js-form-item .button { width: 100px; bottom: auto; }
@media only screen and (max-width: 768px) { .playerTransfer .fix-height.player-upload .js-form-item .button { width: 100px; } }

.margin-top-9.player-upload .js-form-item .button { margin-top: 9px; }

.player-upload .alert { position: absolute; z-index: 999; font-size: 10px; width: 100%; padding: 0; top: 70px; box-shadow: none; background: white; margin: 0; border-radius: 0; padding-bottom: 5px; }
@media only screen and (max-width: 450px) { .player-upload .alert { top: 115px; } }

.chosen-container .chosen-drop { z-index: 9999999; }

.player-transform-form .file-upload.margin-bottom:not(.multi-upload) .button { bottom: 43px; width: 100px; }
@media only screen and (max-width: 450px) { .player-transform-form .file-upload.margin-bottom:not(.multi-upload) .button { bottom: 40px; } }

.multi-upload.player-upload .alert, .multi-upload .player-upload .alert { bottom: -16px; background: #ffc7c7; padding: 2px; text-align: center; border-radius: 0; top: auto; }
@media only screen and (max-width: 768px) { .multi-upload.player-upload .alert, .multi-upload .player-upload .alert { bottom: -4px; font-size: 9px; } }
@media only screen and (max-width: 450px) { .multi-upload.player-upload .alert, .multi-upload .player-upload .alert { bottom: 0; } }

#newId { margin-bottom: 40px; }

@media only screen and (min-width: 1200px) { .openMenuOnMobile { display: none; }
  .left-menu { position: absolute; max-height: 100%; top: 0; bottom: 0; left: 0; width: 100%; }
  .plyerTransferLeftMenu { min-height: 100vh; } }
@media only screen and (max-width: 1200px) { .openMenuOnMobile { display: block; position: fixed; width: 60px; height: 60px; background: #20356a; z-index: 9999; border-radius: 50%; text-align: center; font-size: 28px; box-shadow: 2px 1px 9px rgba(80, 80, 80, 0.6); bottom: 15px; padding: 15px; right: 1rem; }
  .openMenuOnMobile a { color: #fff; }
  .left-menu { z-index: 9999; position: fixed; bottom: -100%; width: auto; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
  .plyerTransferLeftMenu { width: 60px; border-radius: 7px; opacity: 0; }
  .plyerTransferLeftMenu ul li a.active, .plyerTransferLeftMenu ul li a:hover { border-radius: 7px; }
  .plyerTransferLeftMenu ul li a p { margin-top: 0.5rem; }
  .left-menu.open { bottom: 75px; }
  .left-menu.open .plyerTransferLeftMenu { opacity: 1; position: fixed; bottom: 0; left: 0; overflow: auto; width: 135px; max-width: 135px; }
  .left-menu.open .fa-bars:before { content: "\f00d"; } }
.fix-margin-top { margin-top: 22px; }

.transfer-landing .transfer-title { margin-top: 30px; margin-bottom: 15px; font-size: 150%; }
.transfer-landing .transfer-padding { padding: 20px; }
.transfer-landing .alert-transfer { padding: 12px 12px 12px 30px; margin: 20px 0; background: #f3f3f3; border-color: #e1e1e1; box-shadow: none; border-radius: 5px; font-size: 13px; position: relative; width: 100%; }
.transfer-landing .alert-transfer i { font-size: 20px; margin-right: 6px; color: #ba8b15; position: absolute; top: 8px; left: 7px; }
.transfer-landing .transfer-cards { padding-bottom: 70px; }
.transfer-landing .transfer-cards .transfer-card { height: 300px; position: relative; overflow: hidden; box-shadow: 0px 0px 0px #a9a9a9; border-radius: 4px; display: flex; justify-content: center; flex-direction: column; text-align: center; margin-bottom: 30px; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
.transfer-landing .transfer-cards .transfer-card span { background: #2047a2; width: 100px; height: 100px; margin: 10px auto; display: flex; flex-direction: column; justify-content: center; border-radius: 50%; font-size: 47px; position: relative; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
.transfer-landing .transfer-cards .transfer-card span i:before { -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; color: #fff; }
.transfer-landing .transfer-cards .transfer-card h3 { font-size: 17px; font-weight: 600; text-transform: capitalize; margin: 10px 20px; position: relative; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
@media only screen and (max-width: 1024px) { .transfer-landing .transfer-cards .transfer-card h3 { font-size: 12px; } }
.transfer-landing .transfer-cards .transfer-card .hiddin-links { margin: 10px 14px; font-size: 14px; text-align: left; text-transform: capitalize; position: absolute; bottom: -100%; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
@media only screen and (max-width: 1024px) { .transfer-landing .transfer-cards .transfer-card .hiddin-links { font-size: 11px; } }
.transfer-landing .transfer-cards .transfer-card .hiddin-links a { display: block; margin-bottom: 7px; color: white; }
.transfer-landing .transfer-cards .transfer-card .hiddin-links a i { color: #cda03b; font-size: 16px; margin-right: 5px; }
.transfer-landing .transfer-cards .transfer-card:hover { background: #2047a2; box-shadow: 2px 2px 6px #a9a9a9; }
.transfer-landing .transfer-cards .transfer-card:hover h3 { bottom: 30px; color: white; }
.transfer-landing .transfer-cards .transfer-card:hover span { bottom: 30px; background: white; }
.transfer-landing .transfer-cards .transfer-card:hover span i:before { color: #2047a2; }
.transfer-landing .transfer-cards .transfer-card:hover .hiddin-links { bottom: 30px; }

@media only screen and (min-width: 992px) { .player-trsansfer-landing .user-info { display: flex; word-break: break-word; }
  .playerTransfer .player-transform-form .user-requests { display: flex; }
  .btn-position { text-align: right; } }
@media only screen and (max-width: 992px) { .player-trsansfer-landing .user-info { display: block; text-align: center; margin-bottom: 25px; }
  .player-trsansfer-landing .user-statistics { margin-bottom: 20px; }
  .playerTransfer .player-transform-form .user-requests { display: block; }
  .playerTransfer .player-transform-form .user-requests .overview { text-align: center; margin-bottom: 25px; }
  .playerTransfer .player-transform-form .user-requests .overview:after { display: none; }
  .btn-position { text-align: center; margin-top: 25px; margin-bottom: 15px; }
  .plyerTransferLeftMenu ul li a i { margin-bottom: 0; }
  .landingForm .filterBy { margin-bottom: 20px; text-align: center; }
  .playerTransfer { background-position: 110% 0; } }
@media only screen and (max-width: 768px) { .transfer-req-confirm .confirm-container .msg-container { padding: 40px 15px 80px; }
  .playerTransfer .club-details .club-info .value { margin-bottom: 15px; }
  .playerTransfer .club-details .club-info > .row { margin-bottom: 10px; }
  .playerTransfer .club-details .club-head { margin-top: 25px; }
  .playerTransfer .player-bigger-bg { margin: 10px auto; }
  .playerTransfer .player-profile .transfer-btn { width: 100%; margin-bottom: 10px; font-size: 12px; }
  .player-transform-form .chosen-rtl .chosen-search input[type="text"], .player-transform-form .chosen-container-single .chosen-single abbr, .player-transform-form .chosen-container-single .chosen-single div b, .player-transform-form .chosen-container-single .chosen-search input[type="text"], .player-transform-form .chosen-container-multi .chosen-choices .search-choice .search-choice-close, .player-transform-form .chosen-container .chosen-results-scroll-down span, .player-transform-form .chosen-container .chosen-results-scroll-up span { background-image: none !important; } }
.yellow-color { color: #edb200; }

.allRequests .latest-request .request-data span:last-child { float: none; }
.allRequests .request-status { color: black; height: 29px; overflow: hidden; }
.allRequests .request-status label { padding: 0; width: 10px; height: 10px; border-radius: 50%; margin-right: 7px; }
.allRequests .request-details { min-height: 85px; padding-top: 10px; }
.allRequests .no-padding { padding: 0; }

.list-filtration { margin-bottom: 45px; background: #f3f3f3; }
.list-filtration ul li { display: inline-block; margin: 0 25px; }
.list-filtration ul li a { display: block; height: 44px; line-height: 44px; cursor: pointer; color: #000000; font-size: 14px; text-transform: uppercase; position: relative; }
.list-filtration ul li a:after { content: ''; position: absolute; bottom: 0; width: 0; left: 0; height: 3px; background: #3c80c1; display: block; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
.list-filtration ul li a:hover, .list-filtration ul li a.active { color: #3c80c1; }
.list-filtration ul li a:hover:after, .list-filtration ul li a.active:after { width: 100%; }

.image-custom-list .item { display: block; margin-bottom: 30px; }
.image-custom-list .item .item-img-container { overflow: hidden; }
.image-custom-list .item .item-img-container img { max-width: 100%; display: block; object-fit: cover; width: 100%; height: 245px; -webkit-transition: .6s; -o-transition: .6s; transition: .6s; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
.image-custom-list .item .item-content { background: #f3f3f3; padding: 15px; width: 100%; height: 150px; }
.image-custom-list .item .item-content h3 { color: #000000; font-size: 16px; margin-bottom: 15px; text-transform: capitalize; max-width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-weight: 500; }
.image-custom-list .item .item-content p { color: #a2a2a2; font-size: 14px; line-height: 1.5; }
.image-custom-list .item:hover .item-img-container img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

@media (max-width: 768px) { .list-filtration ul li { margin: 0; width: 100%; padding: 0 20px; } }
.statistics { padding: 30px; }

.stat-title { font-size: 18px; line-height: 1; margin-bottom: 25px; font-weight: 600; }

.ihf-table { width: 100%; line-height: 1.2; }
.ihf-table td, .ihf-table th { padding: 15px; text-transform: inherit; }
.ihf-table th { background: #2047a2; color: #fff; }
.ihf-table tr:nth-child(odd) td { background: #f3f3f3; }
.ihf-table tr:nth-child(even) td { background: #fff; }
.ihf-table td { color: #444; }
.ihf-table td .player-img { overflow: hidden; height: 55px; width: 55px; border-radius: 50%; }
.ihf-table td .player-img div { height: 55px; width: 55px; background-size: cover !important; }

.club-details { padding: 30px 0; }
.club-details .img-container { height: 266px; border: 6px solid #f3f3f3; border-radius: 6px; display: flex; align-items: center; justify-content: center; }
.club-details .img-container img { width: auto; height: auto; max-width: 80%; max-height: 80%; }
.club-details .club-head { margin-bottom: 35px; }
.club-details .club-head h3 { color: #000000; font-size: 1.375rem; font-weight: 600; margin-bottom: 12px; text-transform: capitalize; }
.club-details .club-head h4 { color: #000000; font-size: .9rem; }
.club-details .club-info .key { color: #919191; font-size: .85rem; margin-bottom: 10px; display: block; text-transform: uppercase; }
.club-details .club-info .value { color: #000000; font-size: .85rem; }
.club-details .club-info > .row { margin-bottom: 40px; }

.clubs-listing .item { background: #f3f3f3; padding: 20px; margin-bottom: 30px; border-radius: 5px; display: block; cursor: pointer; min-height: 320px; -webkit-transition: .4s; -o-transition: .4s; transition: .4s; }
.clubs-listing .item .item-img { border-radius: 5px; background: #ffffff; text-align: center; height: 170px; display: flex; justify-content: center; align-items: center; margin-bottom: 20px; }
.clubs-listing .item .title { font-size: 1rem; font-weight: 600; margin-bottom: 15px; word-break: break-word; width: 100%; text-overflow: ellipsis; color: #000000; text-transform: capitalize; }
.clubs-listing .item .description { color: #000000; line-height: 1.3; height: 39px; overflow: hidden; display: block; }
.clubs-listing .item:hover { background: #2047a2; }
.clubs-listing .item:hover .title { color: #ffffff; }
.clubs-listing .item:hover .description { color: #ffffff; }

.white-bg { padding: 0 30px; }

.certificates-list .item { display: block; margin-bottom: 30px; padding: 25px; background: #f3f3f3; border-radius: 5px; }
.certificates-list .item .date { color: #3c80c1; font-size: .75rem; margin-bottom: 18px; display: block; }
.certificates-list .item .title { margin-bottom: 22px; }
.certificates-list .item .title a { color: #000000; font-size: 1rem; font-weight: 600; text-transform: capitalize; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; display: inline-block; }
.certificates-list .item .item-content { padding-bottom: 20px; border-bottom: 1px solid #ccc; margin-bottom: 25px; }
.certificates-list .item .item-content .item-col { margin-bottom: 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%; }
.certificates-list .item .item-content .key { font-size: .9rem; color: #919191; display: block; text-transform: capitalize; margin: 7px 0; }
.certificates-list .item .item-content .value { font-size: 1rem; color: #000000; display: inline; text-transform: capitalize; }
@media only screen and (max-width: 450px) { .certificates-list .item .item-content .value { font-size: 14px; } }
.certificates-list .item .item-footer a { color: #000000; font-size: .9rem; text-transform: capitalize; position: relative; }
.certificates-list .item .item-footer a:before { content: ''; width: 0; height: 0; display: inline-block; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 6px solid #b78d15; margin-right: 5px; }

.provisional-landing .user-statistics span i { color: #244ba6; }
.provisional-landing .user-statistics .left-data p { font-size: 75%; }

.provisional-form .allConfederation { padding: 20px 30px; }
.provisional-form .allConfederation .serch .searchBox { flex: none; }

.provivional-competitions .card .cardBody { border-radius: 4px; }
.provivional-competitions .card .cardBody .cardText { min-height: 170px; }
.provivional-competitions .card .cardBody .cardText h2 { font-size: 100%; height: 100px; font-weight: 400; }
.provivional-competitions .card .cardBody .cardText:after { background: #2047a2; }
.provivional-competitions .card .cardBody .cardText .btn-card { font-weight: 400; font-size: 13px; }
.provivional-competitions .card .cardBody .cardText .cardDate { color: #2047a2; }
.provivional-competitions .card .cardBody:hover { box-shadow: 1px 2px 3px #d4d4d4; }
.provivional-competitions .card .cardBody:hover .cardText .cardDate { color: white; }

.transfer-btn.opt-btn { font-size: 12px; margin: 0 5px; }

.reject-btn { background-color: #F3F3F3; color: #000000 !important; }

@media only screen and (min-width: 767px) { .provisional-competition .overview { display: flex; align-items: center; } }
.provisional-competition .overview img { max-width: 95px; object-fit: cover; }
.provisional-competition .overview .com-details { margin-left: 25px; line-height: 1.2; text-transform: capitalize; }
.provisional-competition .overview .com-details span { font-size: 75%; color: #2047a2; margin-bottom: 7px; }
.provisional-competition .overview .com-details p { font-size: 22px !important; }
.provisional-competition .overview:after { display: none; }
.provisional-competition .user-requests .requests { display: block; color: black; }
.provisional-competition .user-requests .requests p { font-size: 12px !important; }
.provisional-competition .btn-position { margin: 25px 0; padding-right: 16px; }
.provisional-competition .transfer-cards .transfer-card .hiddin-links { text-align: center; width: 90%; }
.provisional-competition .transfer-cards .transfer-card .hiddin-links a { background: white; color: black; width: 70%; margin: 0 auto; padding: 10px; border-radius: 4px; }
.provisional-competition .file-upload .messages--error { color: #721c24; background-color: #f8d7da; border-color: #f5c6cb; z-index: 9999; padding: 10px 10px; }
.provisional-competition .file-upload .messages--error:not(.multi-upload) { position: absolute; top: 68px; }

.provisional-competition .player-upload { min-height: 80px; }

.provisional-players-list .ihf-table td, .provisional-players-list .ihf-table th { font-size: 11px; padding: 5px 5px 5px 17px; text-align: left; }
@media only screen and (min-width: 1440px) { .provisional-players-list .ihf-table td, .provisional-players-list .ihf-table th { font-size: 14px; } }
.provisional-players-list .ihf-table th { padding: 15px 4px 15px 17px; text-align: left; font-size: 10px; border-left: 1px solid #2047a2d9; }
.provisional-players-list .ihf-table td .player-img { height: 45px; width: 45px; }
.provisional-players-list .ihf-table td .player-img div { height: 45px; width: 45px; border-radius: 50%; }
.provisional-players-list .ihf-table .big-font { font-size: 20px; }
.provisional-players-list .ihf-table .view-passport { text-decoration: underline; color: #2047a2; }
.provisional-players-list .ihf-table .table-icon { font-size: 18px; margin-right: 5px; }
.provisional-players-list .ihf-table .delete-icon { color: #ff5855; }
.provisional-players-list .ihf-table .edit-icon { color: #8b8b8b; }
.provisional-players-list .ihf-table .arrows { position: absolute; top: calc(50% - 13px); left: 7px; font-size: 11px; background: #2047a2; display: flex; justify-content: center; flex-direction: column; }
.provisional-players-list .statistics { padding: 25px 10px; }
.provisional-players-list .transfer-btn { font-size: 11px; padding: 10px 15px; }

.provisional-add-players .general-information { padding: 25px 25px 0 25px; }
.provisional-add-players .transfer-landing .alert-transfer { margin: 0 0 30px; }

.input-with-lable .filterBy { margin-top: 20px; }
.input-with-lable .transfer-btn { margin-top: 21px; }
.input-with-lable.player-transform-form .description { color: black; }

.table-text-left .ihf-table th { text-align: left; }

.table-extra-padding .ihf-table td { padding: 12px; }

.player-trsansfer-landing .user-info { display: flex; word-break: break-word; }

.fix-arrow .js-form-type-select:not(.form-item-field-to-prove-the-compliance):before { bottom: 41px; }

.numberOfPlayers { position: absolute; top: 5px; left: 5px; width: 20px; height: 20px; background: white; color: #cc0b0b; border-radius: 50%; text-align: center; line-height: 20px; font-size: 9px; }

.provisional-table { width: 100%; }
.provisional-table td { padding: 15px 1px !important; }
.provisional-table td p { margin-bottom: 5px; margin-top: 6px; font-weight: 400; }

.primary-color { color: #2047a2; }

.border-left { border-right: 1px solid rgba(112, 112, 112, 0.25); }

.myCollapse { height: 0; visibility: hidden; width: 0; display: table-column; padding: 0; opacity: 0; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.myCollapse.in { display: table-row; position: relative; height: auto; visibility: visible; opacity: 1; }
.myCollapse td { background: #ffffff !important; }
.myCollapse .flex { display: flex; justify-content: center; align-items: center; }

.provisional-btn { background: transparent; }
.provisional-btn i { font-size: 21px; color: #8B8B8B !important; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.provisional-btn i.open { transform: rotate(180deg); }

.inner-table { text-align: center; padding: 0 5px; }
.inner-table span { margin-left: 10px; }

.switch-players .votingPage .chosePlayer { padding: 10px 0; cursor: default; margin-bottom: 30px; }
.switch-players .votingPage .chosePlayer .playerImg { width: 110px; height: 110px; background: transparent; line-height: initial; overflow: hidden; }
.switch-players .votingPage .chosePlayer .playerImg:after { width: 110px; height: 110px; top: 0; left: 0; border: 1px solid #fff; }
.switch-players .votingPage .chosePlayer .bigger-bg { width: 110px; height: 110px; }
.switch-players .votingPage .chosePlayer .bigger-bg img { margin-left: -28px; }
.switch-players .votingPage .chosePlayer h3 { margin-bottom: 10px; font-weight: 600; }
.switch-players .votingPage .chosePlayer .playerInfo { width: calc(100% - 130px); margin-top: 30px; color: #1E68A4; }
.switch-players .no-player-selected .chosePlayer .playerInfo { color: #8B8B8B; }
.switch-players .switch-icon { display: flex; font-size: 41px; align-items: center; min-height: 195px; color: #244BA6; }
.switch-players .switch-icon i:before { color: #2047a2; }
.switch-players .switch-icon i .myCollapse .flex { justify-content: left; }

.provisional-competition .plyerTransferLeftMenu ul li a { padding: 13px 0; }
.provisional-competition .plyerTransferLeftMenu ul li a i { font-size: 20px; }
@media only screen and (max-width: 450px) { .provisional-competition .btn-position .transfer-btn { width: 100%; margin-bottom: 10px; } }
@media only screen and (max-width: 768px) { .provisional-competition .table-responsive { width: 100%; margin-bottom: 15px; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; border: 1px solid #ddd; } }

@media only screen and (max-width: 1024px) { .provivional-competitions .card .cardBody .cardText .btn-card { font-size: 11px; } }

@media only screen and (max-width: 450px) { .switch-players .switch-icon { min-height: 50px; justify-content: center; transform: rotate(90deg); } }

@media only screen and (max-width: 767px) { .player-transform-form .action-btns input { display: block; width: 100%; margin-bottom: 10px; }
  .provisional-competition .user-requests .requests { margin-bottom: 15px; }
  .provisional-competition .overview .com-details { margin-left: 0; } }
.provisional-add-players .js-form-item h4 { display: block; font-size: 81.25%; text-transform: capitalize; margin-bottom: 7px; margin-top: 20px; line-height: 1.4; }

.provisional-Walk-in-order .player-data-flex { display: flex; align-items: center; }
.provisional-Walk-in-order .player-data-flex .playerName { margin-left: 15px; }
.provisional-Walk-in-order .ihf-table td { padding: 15px 15px 15px 17px; text-align: left; }
.provisional-Walk-in-order.provisional-competition .btn-position { margin: 0 0 25px; padding-right: 0; }
.provisional-Walk-in-order .provisional-small-select { width: 70px; position: relative; }
.provisional-Walk-in-order .provisional-small-select:after { content: '\f107'; position: absolute; top: 50%; right: 6px; margin-top: -9px; font: normal normal normal 14px/1 FontAwesome; display: inline-block; font-weight: 700; color: #b78d15; font-size: 18px; }
.provisional-Walk-in-order .provisional-small-select .form-control { border-radius: 0; }
.provisional-Walk-in-order .provisional-small-select select::-ms-expand { display: none; }
.provisional-Walk-in-order .provisional-small-select select { -webkit-appearance: none; -moz-appearance: none; text-indent: 1px; text-overflow: ''; }
.provisional-Walk-in-order .radio i:before { color: #C2C2C2; font-size: 24px; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.provisional-Walk-in-order .radio input[type="radio"]:checked + i:before { color: #244BA6; }
.provisional-Walk-in-order .radio input[type="radio"] { opacity: 0; visibility: hidden; z-index: -1; }

.btn-position .dropdown { display: inline-block; margin-right: 15px; margin-bottom: 20px; margin-left: 15px; }
.btn-position .dropdown .dropdown-menu { width: 100%; text-align: center; }

.IHF-trophy.card { padding-bottom: 0; }
.IHF-trophy.card .sectionHeading { margin-left: 15px; }
.IHF-trophy .card .sectionHeading { font-weight: 500; margin-left: 15px; }
.IHF-trophy .newsBody p { color: black; }
.IHF-trophy.mediaCenterHome { background-image: none; }

.trophy-map { position: relative; display: flex; justify-content: center; align-items: center; flex-direction: column; padding: 40px; min-height: 500px; background-image: url(../img/trophy-bg.jpg); background-repeat: no-repeat; background-size: cover; margin: 25px 0; color: white; background-position: center; }
.trophy-map h2 { text-transform: uppercase; text-align: center; font-size: 60px; }
.trophy-map h2 p { font-size: 42px; font-weight: 100; margin-bottom: 20px; }
.trophy-map span { margin-bottom: 25px; margin-top: 15px; font-size: 18px; font-weight: 300; text-align: center; }
.trophy-map .btn-trophy { background: white; border-radius: 40px; font-size: 18px; color: black; padding: 15px 35px; margin-top: 50px; box-shadow: 4px 4px 6px #064cb7; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.trophy-map .btn-trophy:hover { color: #2047a2; box-shadow: 6px 6px 8px #064cb7; }

.gray-color-text { color: gray; }

@media only screen and (max-width: 768px) { .mobile-btn-30 .btn-section { bottom: -30px; }
  .playerNav li a { font-size: 13px; } }
@media only screen and (max-width: 450px) { .photosTabsSection { padding: 0 20px; }
  .groupContainer .table { font-size: 11px; }
  .trophy-map-section .btn { width: 100%; margin-bottom: 10px; }
  .mediaCenter.video-slider-nav .cardText, .mediaCenter.gallery-slider-nav .cardText { max-width: 320px; } }
@media only screen and (max-width: 1024px) and (min-width: 768px) { .mediaCenter.video-slider-nav .cardText, .mediaCenter.gallery-slider-nav .cardText { max-width: 218px; } }
.left-top-gradient .bottomStatistics .sCard:before { background: linear-gradient(to left top, rgba(16, 65, 137, 0.22), #003a8e); }

.antiDoping.referess .verticalCard .sCard .sText { padding: 30px; }
@media only screen and (min-width: 992px) { .antiDoping.referess .bottom-Btn { left: 30px; } }

.news-small-title-fix .btn-section { right: 25px; }

.mediaCenterFix .sectionHeading { margin: 0 0 25px 25px; font-weight: 400; font-size: 137.5% !important; }

.referees-inner .memberSection .memberInfo { height: 130px; }
.referees-inner .borderBottom { margin-bottom: 20px; border-bottom-color: #c8c8c8; }
.referees-inner .borderBottom .sectionHeading { margin-bottom: 15px; font-size: 24px; }
.referees-inner .panel-body { padding: 0; }
.referees-inner .panel-body .icon-document { font-size: 42px; color: #767676; }
.referees-inner #documents-section .panel-group { margin-top: 5px; }

.referees-member { background: #f3f3f3; padding-bottom: 20px; margin-bottom: 30px; max-height: 392px; }
.referees-member .referees-img { height: 300px; }
.referees-member .referees-img img { height: 300px; object-fit: cover; }
.referees-member .referees-text { margin-top: 20px; padding: 0 10px; }
.referees-member .referees-text p { margin-bottom: 10px; }

.ask-expert { min-height: 375px; background-image: url(../img/referees-bg.jpg); display: flex; margin: 15px 0 0; justify-content: center; align-items: center; background-position: center; background-repeat: no-repeat; background-size: cover; flex-flow: column; color: #fff; text-transform: capitalize; }
.ask-expert h2 { font-size: 45px; font-weight: 700; margin-bottom: 30px; }
.ask-expert p { font-size: 27px; font-weight: 100; }