/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
 
 @import url('https://fonts.googleapis.com/css?family=Roboto:300,400,700');
 html {
     font-family: sans-serif;
     line-height: 1.15;
     -ms-text-size-adjust: 100%;
     -webkit-text-size-adjust: 100%
 }
 
 body {
     margin: 0
 }
 
 article,
 aside,
 footer,
 header,
 nav,
 section {
     display: block
 }
 
 h1 {
     font-size: 2em;
     margin: 0.67em 0
 }
 
 figcaption,
 figure,
 main {
     display: block
 }
 
 figure {
     margin: 0
 }
 
 hr {
     box-sizing: content-box;
     height: 0;
     overflow: visible
 }
 
 pre {
     font-family: monospace, monospace;
     font-size: 1em
 }
 
 a {
     background-color: transparent;
     -webkit-text-decoration-skip: objects
 }
 
 a:active,
 a:hover {
     outline-width: 0
 }
 
 abbr[title] {
     border-bottom: none;
     text-decoration: underline;
     text-decoration: underline dotted
 }
 
 b,
 strong {
     font-weight: inherit
 }
 
 b,
 strong {
     font-weight: bolder
 }
 
 code,
 kbd,
 samp {
     font-family: monospace, monospace;
     font-size: 1em
 }
 
 dfn {
     font-style: italic
 }
 
 mark {
     background-color: #ff0;
     color: #000
 }
 
 small {
     font-size: 80%
 }
 
 sub,
 sup {
     font-size: 75%;
     line-height: 0;
     position: relative;
     vertical-align: baseline
 }
 
 sub {
     bottom: -0.25em
 }
 
 sup {
     top: -0.5em
 }
 
 audio,
 video {
     display: inline-block
 }
 
 audio:not([controls]) {
     display: none;
     height: 0
 }
 
 img {
     border-style: none;
     vertical-align: middle
 }
 
 svg:not(:root) {
     overflow: hidden
 }
 
 button,
 input,
 optgroup,
 select,
 textarea {
     font-family: sans-serif;
     font-size: 100%;
     line-height: 1.15;
     margin: 0
 }
 
 button,
 input {
     overflow: visible
 }
 
 button,
 select {
     text-transform: none
 }
 
 button,
 html [type="button"],
 [type="reset"],
 [type="submit"] {
     -webkit-appearance: button
 }
 
 button::-moz-focus-inner,
 [type="button"]::-moz-focus-inner,
 [type="reset"]::-moz-focus-inner,
 [type="submit"]::-moz-focus-inner {
     border-style: none;
     padding: 0
 }
 
 button:-moz-focusring,
 [type="button"]:-moz-focusring,
 [type="reset"]:-moz-focusring,
 [type="submit"]:-moz-focusring {
     outline: 1px dotted ButtonText
 }
 
 fieldset {
     border: 1px solid #c0c0c0;
     margin: 0 2px;
     padding: 0.35em 0.625em 0.75em
 }
 
 legend {
     box-sizing: border-box;
     color: inherit;
     display: table;
     max-width: 100%;
     padding: 0;
     white-space: normal
 }
 
 progress {
     display: inline-block;
     vertical-align: baseline
 }
 
 textarea {
     overflow: auto
 }
 
 [type="checkbox"],
 [type="radio"] {
     box-sizing: border-box;
     padding: 0
 }
 
 [type="number"]::-webkit-inner-spin-button,
 [type="number"]::-webkit-outer-spin-button {
     height: auto
 }
 
 [type="search"] {
     -webkit-appearance: textfield;
     outline-offset: -2px
 }
 
 [type="search"]::-webkit-search-cancel-button,
 [type="search"]::-webkit-search-decoration {
     -webkit-appearance: none
 }
 
 ::-webkit-file-upload-button {
     -webkit-appearance: button;
     font: inherit
 }
 
 details,
 menu {
     display: block
 }
 
 summary {
     display: list-item
 }
 
 canvas {
     display: inline-block
 }
 
 template {
     display: none
 }
 
 [hidden] {
     display: none
 }
 /*! * Copyright (c) 2017 kf (7kfpun@gmail.com) * * Permission is hereby granted, free of charge, to any person obtaining a copy * of this software and associated documentation files (the "Software"), to deal * in the Software without restriction, including without limitation the rights * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell * copies of the Software, and to permit persons to whom the Software is * furnished to do so, subject to the following conditions: * * The above copyright notice and this permission notice shall be included in all * copies or substantial portions of the Software. * * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, * EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF * MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. * IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, * DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR * OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE * OR OTHER DEALINGS IN THE SOFTWARE. */
 /*! * Copyright (c) 2017 kf (7kfpun@gmail.com) * * Permission is hereby granted, free of charge, to any person obtaining a copy * of this software and associated documentation files (the "Software"), to deal * in the Software without restriction, including without limitation the rights * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell * copies of the Software, and to permit persons to whom the Software is * furnished to do so, subject to the following conditions: * * The above copyright notice and this permission notice shall be included in all * copies or substantial portions of the Software. * * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, * EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF * MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. * IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, * DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR * OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE * OR OTHER DEALINGS IN THE SOFTWARE. */
 
 .flag-background {
     background-size: contain;
     background-position: 50%;
     background-repeat: no-repeat
 }
 
 .flag {
     background-size: contain;
     background-position: 50%;
     background-repeat: no-repeat;
     position: relative;
     display: inline-block;
     width: 1.33333em;
     line-height: 1em
 }
 
 .flag:before {
     content: "\00a0"
 }
 
 .flag-1x {
     width: 1.33333em;
     line-height: 1em
 }
 
 .flag-2x {
     width: 2.66667em;
     line-height: 2em
 }
 
 .flag-3x {
     width: 4em;
     line-height: 3em
 }
 
 .flag-4x {
     width: 5.33333em;
     line-height: 4em
 }
 
 .flag-5x {
     width: 6.66667em;
     line-height: 5em
 }
 
 .flag-6x {
     width: 8em;
     line-height: 6em
 }
 
 .flag-7x {
     width: 9.33333em;
     line-height: 7em
 }
 
 .flag-8x {
     width: 10.66667em;
     line-height: 8em
 }
 
 .flag-9x {
     width: 12em;
     line-height: 9em
 }
 
 .flag-10x {
     width: 13.33333em;
     line-height: 10em
 }
 
 .flag-rotate-90 {
     filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=1);
     -webkit-transform: rotate(90deg);
     -ms-transform: rotate(90deg);
     transform: rotate(90deg)
 }
 
 .flag-rotate-180 {
     filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=2);
     -webkit-transform: rotate(180deg);
     -ms-transform: rotate(180deg);
     transform: rotate(180deg)
 }
 
 .flag-rotate-270 {
     filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=3);
     -webkit-transform: rotate(270deg);
     -ms-transform: rotate(270deg);
     transform: rotate(270deg)
 }
 
 .flag-flip-horizontal {
     filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
     -webkit-transform: scale(-1, 1);
     -ms-transform: scale(-1, 1);
     transform: scale(-1, 1)
 }
 
 .flag-flip-vertical {
     filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
     -webkit-transform: scale(1, -1);
     -ms-transform: scale(1, -1);
     transform: scale(1, -1)
 }
 
 :root .flag-rotate-90,
 :root .flag-rotate-180,
 :root .flag-rotate-270,
 :root .flag-flip-horizontal,
 :root .flag-flip-vertical {
     filter: none
 }
 /*! * Copyright (c) 2017 kf (7kfpun@gmail.com) * * Permission is hereby granted, free of charge, to any person obtaining a copy * of this software and associated documentation files (the "Software"), to deal * in the Software without restriction, including without limitation the rights * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell * copies of the Software, and to permit persons to whom the Software is * furnished to do so, subject to the following conditions: * * The above copyright notice and this permission notice shall be included in all * copies or substantial portions of the Software. * * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, * EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF * MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. * IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, * DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR * OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE * OR OTHER DEALINGS IN THE SOFTWARE. */
 /*! * Copyright (c) 2017 kf (7kfpun@gmail.com) * * Permission is hereby granted, free of charge, to any person obtaining a copy * of this software and associated documentation files (the "Software"), to deal * in the Software without restriction, including without limitation the rights * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell * copies of the Software, and to permit persons to whom the Software is * furnished to do so, subject to the following conditions: * * The above copyright notice and this permission notice shall be included in all * copies or substantial portions of the Software. * * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, * EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF * MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. * IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, * DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR * OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE * OR OTHER DEALINGS IN THE SOFTWARE. */
 /*! * Copyright (c) 2017 kf (7kfpun@gmail.com) * * Permission is hereby granted, free of charge, to any person obtaining a copy * of this software and associated documentation files (the "Software"), to deal * in the Software without restriction, including without limitation the rights * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell * copies of the Software, and to permit persons to whom the Software is * furnished to do so, subject to the following conditions: * * The above copyright notice and this permission notice shall be included in all * copies or substantial portions of the Software. * * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, * EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF * MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. * IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, * DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR * OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE * OR OTHER DEALINGS IN THE SOFTWARE. */
 
 .flag-background {
     background-size: contain;
     background-position: 50%;
     background-repeat: no-repeat
 }
 
 .flag {
     background-size: contain;
     background-position: 50%;
     background-repeat: no-repeat;
     position: relative;
     display: inline-block;
     width: 1.33333em;
     line-height: 1em
 }
 
 .flag:before {
     content: "\00a0"
 }
 
 .flag-1x {
     width: 1.33333em;
     line-height: 1em
 }
 
 .flag-2x {
     width: 2.66667em;
     line-height: 2em
 }
 
 .flag-3x {
     width: 4em;
     line-height: 3em
 }
 
 .flag-4x {
     width: 5.33333em;
     line-height: 4em
 }
 
 .flag-5x {
     width: 6.66667em;
     line-height: 5em
 }
 
 .flag-6x {
     width: 8em;
     line-height: 6em
 }
 
 .flag-7x {
     width: 9.33333em;
     line-height: 7em
 }
 
 .flag-8x {
     width: 10.66667em;
     line-height: 8em
 }
 
 .flag-9x {
     width: 12em;
     line-height: 9em
 }
 
 .flag-10x {
     width: 13.33333em;
     line-height: 10em
 }
 
 .flag-rotate-90 {
     filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=1);
     -webkit-transform: rotate(90deg);
     -ms-transform: rotate(90deg);
     transform: rotate(90deg)
 }
 
 .flag-rotate-180 {
     filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=2);
     -webkit-transform: rotate(180deg);
     -ms-transform: rotate(180deg);
     transform: rotate(180deg)
 }
 
 .flag-rotate-270 {
     filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=3);
     -webkit-transform: rotate(270deg);
     -ms-transform: rotate(270deg);
     transform: rotate(270deg)
 }
 
 .flag-flip-horizontal {
     filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
     -webkit-transform: scale(-1, 1);
     -ms-transform: scale(-1, 1);
     transform: scale(-1, 1)
 }
 
 .flag-flip-vertical {
     filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
     -webkit-transform: scale(1, -1);
     -ms-transform: scale(1, -1);
     transform: scale(1, -1)
 }
 
 :root .flag-rotate-90,
 :root .flag-rotate-180,
 :root .flag-rotate-270,
 :root .flag-flip-horizontal,
 :root .flag-flip-vertical {
     filter: none
 }
 /*! * Copyright (c) 2017 kf (7kfpun@gmail.com) * * Permission is hereby granted, free of charge, to any person obtaining a copy * of this software and associated documentation files (the "Software"), to deal * in the Software without restriction, including without limitation the rights * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell * copies of the Software, and to permit persons to whom the Software is * furnished to do so, subject to the following conditions: * * The above copyright notice and this permission notice shall be included in all * copies or substantial portions of the Software. * * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, * EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF * MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. * IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, * DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR * OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE * OR OTHER DEALINGS IN THE SOFTWARE. */
 
 .flag-abw,
 .flag-aw,
 .flag-533,
 .flag-ioc-aru,
 .flag-fifa-aru {
     background-image: url(../flags/png/abw.png);
     background-image: url(../flags/abw.svg)
 }
 
 .flag-afg,
 .flag-af,
 .flag-4,
 .flag-ioc-afg,
 .flag-fifa-afg {
     background-image: url(../flags/png/afg.png);
     background-image: url(../flags/afg.svg)
 }
 
 .flag-ago,
 .flag-ao,
 .flag-24,
 .flag-ioc-ang,
 .flag-fifa-ang {
     background-image: url(../flags/png/ago.png);
     background-image: url(../flags/ago.svg)
 }
 
 .flag-aia,
 .flag-ai,
 .flag-660,
 .flag-ioc-aia,
 .flag-fifa-aia {
     background-image: url(../flags/png/aia.png);
     background-image: url(../flags/aia.svg)
 }
 
 .flag-ala,
 .flag-ax,
 .flag-248,
 .flag-ioc-,
 .flag-fifa-ald {
     background-image: url(../flags/png/ala.png);
     background-image: url(../flags/ala.svg)
 }
 
 .flag-alb,
 .flag-al,
 .flag-8,
 .flag-ioc-alb,
 .flag-fifa-alb {
     background-image: url(../flags/png/alb.png);
     background-image: url(../flags/alb.svg)
 }
 
 .flag-and,
 .flag-ad,
 .flag-20,
 .flag-ioc-and,
 .flag-fifa-and {
     background-image: url(../flags/png/and.png);
     background-image: url(../flags/and.svg)
 }
 
 .flag-are,
 .flag-ae,
 .flag-784,
 .flag-ioc-uae,
 .flag-fifa-uae {
     background-image: url(../flags/png/are.png);
     background-image: url(../flags/are.svg)
 }
 
 .flag-arg,
 .flag-ar,
 .flag-32,
 .flag-ioc-arg,
 .flag-fifa-arg {
     background-image: url(../flags/png/arg.png);
     background-image: url(../flags/arg.svg)
 }
 
 .flag-arm,
 .flag-am,
 .flag-51,
 .flag-ioc-arm,
 .flag-fifa-arm {
     background-image: url(../flags/png/arm.png);
     background-image: url(../flags/arm.svg)
 }
 
 .flag-asm,
 .flag-as,
 .flag-16,
 .flag-ioc-asa,
 .flag-fifa-asa {
     background-image: url(../flags/png/asm.png);
     background-image: url(../flags/asm.svg)
 }
 
 .flag-ata,
 .flag-aq,
 .flag-10,
 .flag-ioc-,
 .flag-fifa-ros {
     background-image: url(../flags/png/ata.png);
     background-image: url(../flags/ata.svg)
 }
 
 .flag-atf,
 .flag-tf,
 .flag-260 {
     background-image: url(../flags/png/atf.png);
     background-image: url(../flags/atf.svg)
 }
 
 .flag-atg,
 .flag-ag,
 .flag-28,
 .flag-ioc-ant,
 .flag-fifa-atg {
     background-image: url(../flags/png/atg.png);
     background-image: url(../flags/atg.svg)
 }
 
 .flag-aus,
 .flag-au,
 .flag-36,
 .flag-ioc-aus,
 .flag-fifa-aus {
     background-image: url(../flags/png/aus.png);
     background-image: url(../flags/aus.svg)
 }
 
 .flag-aut,
 .flag-at,
 .flag-40,
 .flag-ioc-aut,
 .flag-fifa-aut {
     background-image: url(../flags/png/aut.png);
     background-image: url(../flags/aut.svg)
 }
 
 .flag-aze,
 .flag-az,
 .flag-31,
 .flag-ioc-aze,
 .flag-fifa-aze {
     background-image: url(../flags/png/aze.png);
     background-image: url(../flags/aze.svg)
 }
 
 .flag-bdi,
 .flag-bi,
 .flag-108,
 .flag-ioc-bdi,
 .flag-fifa-bdi {
     background-image: url(../flags/png/bdi.png);
     background-image: url(../flags/bdi.svg)
 }
 
 .flag-bel,
 .flag-be,
 .flag-56,
 .flag-ioc-bel,
 .flag-fifa-bel {
     background-image: url(../flags/png/bel.png);
     background-image: url(../flags/bel.svg)
 }
 
 .flag-ben,
 .flag-bj,
 .flag-204,
 .flag-ioc-ben,
 .flag-fifa-ben {
     background-image: url(../flags/png/ben.png);
     background-image: url(../flags/ben.svg)
 }
 
 .flag-bes,
 .flag-bq,
 .flag-535,
 .flag-ioc-aho,
 .flag-fifa-ant {
     background-image: url(../flags/png/bes.png);
     background-image: url(../flags/bes.svg)
 }
 
 .flag-bfa,
 .flag-bf,
 .flag-854,
 .flag-ioc-bur,
 .flag-fifa-bfa {
     background-image: url(../flags/png/bfa.png);
     background-image: url(../flags/bfa.svg)
 }
 
 .flag-bgd,
 .flag-bd,
 .flag-50,
 .flag-ioc-ban,
 .flag-fifa-ban {
     background-image: url(../flags/png/bgd.png);
     background-image: url(../flags/bgd.svg)
 }
 
 .flag-bgr,
 .flag-bg,
 .flag-100,
 .flag-ioc-bul,
 .flag-fifa-bul {
     background-image: url(../flags/png/bgr.png);
     background-image: url(../flags/bgr.svg)
 }
 
 .flag-bhr,
 .flag-bh,
 .flag-48,
 .flag-ioc-brn,
 .flag-fifa-bhr {
     background-image: url(../flags/png/bhr.png);
     background-image: url(../flags/bhr.svg)
 }
 
 .flag-bhs,
 .flag-bs,
 .flag-44,
 .flag-ioc-bah,
 .flag-fifa-bah {
     background-image: url(../flags/png/bhs.png);
     background-image: url(../flags/bhs.svg)
 }
 
 .flag-bih,
 .flag-ba,
 .flag-70,
 .flag-ioc-bih,
 .flag-fifa-bih {
     background-image: url(../flags/png/bih.png);
     background-image: url(../flags/bih.svg)
 }
 
 .flag-blm,
 .flag-bl,
 .flag-652 {
     background-image: url(../flags/png/blm.png);
     background-image: url(../flags/blm.svg)
 }
 
 .flag-blr,
 .flag-by,
 .flag-112,
 .flag-ioc-blr,
 .flag-fifa-blr {
     background-image: url(../flags/png/blr.png);
     background-image: url(../flags/blr.svg)
 }
 
 .flag-blz,
 .flag-bz,
 .flag-84,
 .flag-ioc-biz,
 .flag-fifa-blz {
     background-image: url(../flags/png/blz.png);
     background-image: url(../flags/blz.svg)
 }
 
 .flag-bmu,
 .flag-bm,
 .flag-60,
 .flag-ioc-ber,
 .flag-fifa-ber {
     background-image: url(../flags/png/bmu.png);
     background-image: url(../flags/bmu.svg)
 }
 
 .flag-bol,
 .flag-bo,
 .flag-68,
 .flag-ioc-bol,
 .flag-fifa-bol {
     background-image: url(../flags/png/bol.png);
     background-image: url(../flags/bol.svg)
 }
 
 .flag-bra,
 .flag-br,
 .flag-76,
 .flag-ioc-bra,
 .flag-fifa-bra {
     background-image: url(../flags/png/bra.png);
     background-image: url(../flags/bra.svg)
 }
 
 .flag-brb,
 .flag-bb,
 .flag-52,
 .flag-ioc-bar,
 .flag-fifa-brb {
     background-image: url(../flags/png/brb.png);
     background-image: url(../flags/brb.svg)
 }
 
 .flag-brn,
 .flag-bn,
 .flag-96,
 .flag-ioc-bru,
 .flag-fifa-bru {
     background-image: url(../flags/png/brn.png);
     background-image: url(../flags/brn.svg)
 }
 
 .flag-btn,
 .flag-bt,
 .flag-64,
 .flag-ioc-bhu,
 .flag-fifa-bhu {
     background-image: url(../flags/png/btn.png);
     background-image: url(../flags/btn.svg)
 }
 
 .flag-bvt,
 .flag-bv,
 .flag-74 {
     background-image: url(../flags/png/bvt.png);
     background-image: url(../flags/bvt.svg)
 }
 
 .flag-bwa,
 .flag-bw,
 .flag-72,
 .flag-ioc-bot,
 .flag-fifa-bot {
     background-image: url(../flags/png/bwa.png);
     background-image: url(../flags/bwa.svg)
 }
 
 .flag-caf,
 .flag-cf,
 .flag-140,
 .flag-ioc-caf,
 .flag-fifa-cta {
     background-image: url(../flags/png/caf.png);
     background-image: url(../flags/caf.svg)
 }
 
 .flag-can,
 .flag-ca,
 .flag-124,
 .flag-ioc-can,
 .flag-fifa-can {
     background-image: url(../flags/png/can.png);
     background-image: url(../flags/can.svg)
 }
 
 .flag-cck,
 .flag-cc,
 .flag-166,
 .flag-ioc-,
 .flag-fifa-cck {
     background-image: url(../flags/png/cck.png);
     background-image: url(../flags/cck.svg)
 }
 
 .flag-che,
 .flag-ch,
 .flag-756,
 .flag-ioc-sui,
 .flag-fifa-sui {
     background-image: url(../flags/png/che.png);
     background-image: url(../flags/che.svg)
 }
 
 .flag-chl,
 .flag-cl,
 .flag-152,
 .flag-ioc-chi,
 .flag-fifa-chi {
     background-image: url(../flags/png/chl.png);
     background-image: url(../flags/chl.svg)
 }
 
 .flag-chn,
 .flag-cn,
 .flag-156,
 .flag-ioc-chn,
 .flag-fifa-chn {
     background-image: url(../flags/png/chn.png);
     background-image: url(../flags/chn.svg)
 }
 
 .flag-civ,
 .flag-ci,
 .flag-384,
 .flag-ioc-civ,
 .flag-fifa-civ {
     background-image: url(../flags/png/civ.png);
     background-image: url(../flags/civ.svg)
 }
 
 .flag-cmr,
 .flag-cm,
 .flag-120,
 .flag-ioc-cmr,
 .flag-fifa-cmr {
     background-image: url(../flags/png/cmr.png);
     background-image: url(../flags/cmr.svg)
 }
 
 .flag-cod,
 .flag-cd,
 .flag-180,
 .flag-ioc-cod,
 .flag-fifa-cod {
     background-image: url(../flags/png/cod.png);
     background-image: url(../flags/cod.svg)
 }
 
 .flag-cog,
 .flag-cg,
 .flag-178,
 .flag-ioc-cgo,
 .flag-fifa-cgo {
     background-image: url(../flags/png/cog.png);
     background-image: url(../flags/cog.svg)
 }
 
 .flag-cok,
 .flag-ck,
 .flag-184,
 .flag-ioc-cok,
 .flag-fifa-cok {
     background-image: url(../flags/png/cok.png);
     background-image: url(../flags/cok.svg)
 }
 
 .flag-col,
 .flag-co,
 .flag-170,
 .flag-ioc-col,
 .flag-fifa-col {
     background-image: url(../flags/png/col.png);
     background-image: url(../flags/col.svg)
 }
 
 .flag-com,
 .flag-km,
 .flag-174,
 .flag-ioc-com,
 .flag-fifa-com {
     background-image: url(../flags/png/com.png);
     background-image: url(../flags/com.svg)
 }
 
 .flag-cpv,
 .flag-cv,
 .flag-132,
 .flag-ioc-cpv,
 .flag-fifa-cpv {
     background-image: url(../flags/png/cpv.png);
     background-image: url(../flags/cpv.svg)
 }
 
 .flag-cri,
 .flag-cr,
 .flag-188,
 .flag-ioc-crc,
 .flag-fifa-crc {
     background-image: url(../flags/png/cri.png);
     background-image: url(../flags/cri.svg)
 }
 
 .flag-cub,
 .flag-cu,
 .flag-192,
 .flag-ioc-cub,
 .flag-fifa-cub {
     background-image: url(../flags/png/cub.png);
     background-image: url(../flags/cub.svg)
 }
 
 .flag-cuw,
 .flag-cw,
 .flag-531 {
     background-image: url(../flags/png/cuw.png);
     background-image: url(../flags/cuw.svg)
 }
 
 .flag-cxr,
 .flag-cx,
 .flag-162,
 .flag-ioc-,
 .flag-fifa-cxr {
     background-image: url(../flags/png/cxr.png);
     background-image: url(../flags/cxr.svg)
 }
 
 .flag-cym,
 .flag-ky,
 .flag-136,
 .flag-ioc-cay,
 .flag-fifa-cay {
     background-image: url(../flags/png/cym.png);
     background-image: url(../flags/cym.svg)
 }
 
 .flag-cyp,
 .flag-cy,
 .flag-196,
 .flag-ioc-cyp,
 .flag-fifa-cyp {
     background-image: url(../flags/png/cyp.png);
     background-image: url(../flags/cyp.svg)
 }
 
 .flag-cze,
 .flag-cz,
 .flag-203,
 .flag-ioc-cze,
 .flag-fifa-cze {
     background-image: url(../flags/png/cze.png);
     background-image: url(../flags/cze.svg)
 }
 
 .flag-deu,
 .flag-de,
 .flag-276,
 .flag-ioc-ger,
 .flag-fifa-ger {
     background-image: url(../flags/png/deu.png);
     background-image: url(../flags/deu.svg)
 }
 
 .flag-dji,
 .flag-dj,
 .flag-262,
 .flag-ioc-dji,
 .flag-fifa-dji {
     background-image: url(../flags/png/dji.png);
     background-image: url(../flags/dji.svg)
 }
 
 .flag-dma,
 .flag-dm,
 .flag-212,
 .flag-ioc-dma,
 .flag-fifa-dma {
     background-image: url(../flags/png/dma.png);
     background-image: url(../flags/dma.svg)
 }
 
 .flag-dnk,
 .flag-dk,
 .flag-208,
 .flag-ioc-den,
 .flag-fifa-den {
     background-image: url(../flags/png/dnk.png);
     background-image: url(../flags/dnk.svg)
 }
 
 .flag-dom,
 .flag-do,
 .flag-214,
 .flag-ioc-dom,
 .flag-fifa-dom {
     background-image: url(../flags/png/dom.png);
     background-image: url(../flags/dom.svg)
 }
 
 .flag-dza,
 .flag-dz,
 .flag-12,
 .flag-ioc-alg,
 .flag-fifa-alg {
     background-image: url(../flags/png/dza.png);
     background-image: url(../flags/dza.svg)
 }
 
 .flag-ecu,
 .flag-ec,
 .flag-218,
 .flag-ioc-ecu,
 .flag-fifa-ecu {
     background-image: url(../flags/png/ecu.png);
     background-image: url(../flags/ecu.svg)
 }
 
 .flag-egy,
 .flag-eg,
 .flag-818,
 .flag-ioc-egy,
 .flag-fifa-egy {
     background-image: url(../flags/png/egy.png);
     background-image: url(../flags/egy.svg)
 }
 
 .flag-eri,
 .flag-er,
 .flag-232,
 .flag-ioc-eri,
 .flag-fifa-eri {
     background-image: url(../flags/png/eri.png);
     background-image: url(../flags/eri.svg)
 }
 
 .flag-esh,
 .flag-eh,
 .flag-732,
 .flag-ioc-,
 .flag-fifa-sah {
     background-image: url(../flags/png/esh.png);
     background-image: url(../flags/esh.svg)
 }
 
 .flag-esp,
 .flag-es,
 .flag-724,
 .flag-ioc-esp,
 .flag-fifa-esp {
     background-image: url(../flags/png/esp.png);
     background-image: url(../flags/esp.svg)
 }
 
 .flag-est,
 .flag-ee,
 .flag-233,
 .flag-ioc-est,
 .flag-fifa-est {
     background-image: url(../flags/png/est.png);
     background-image: url(../flags/est.svg)
 }
 
 .flag-eth,
 .flag-et,
 .flag-231,
 .flag-ioc-eth,
 .flag-fifa-eth {
     background-image: url(../flags/png/eth.png);
     background-image: url(../flags/eth.svg)
 }
 
 .flag-fin,
 .flag-fi,
 .flag-246,
 .flag-ioc-fin,
 .flag-fifa-fin {
     background-image: url(../flags/png/fin.png);
     background-image: url(../flags/fin.svg)
 }
 
 .flag-fji,
 .flag-fj,
 .flag-242,
 .flag-ioc-fij,
 .flag-fifa-fij {
     background-image: url(../flags/png/fji.png);
     background-image: url(../flags/fji.svg)
 }
 
 .flag-flk,
 .flag-fk,
 .flag-238,
 .flag-ioc-flk,
 .flag-fifa-flk {
     background-image: url(../flags/png/flk.png);
     background-image: url(../flags/flk.svg)
 }
 
 .flag-fra,
 .flag-fr,
 .flag-250,
 .flag-ioc-fra,
 .flag-fifa-fra {
     background-image: url(../flags/png/fra.png);
     background-image: url(../flags/fra.svg)
 }
 
 .flag-fro,
 .flag-fo,
 .flag-234,
 .flag-ioc-far,
 .flag-fifa-fro {
     background-image: url(../flags/png/fro.png);
     background-image: url(../flags/fro.svg)
 }
 
 .flag-fsm,
 .flag-fm,
 .flag-583,
 .flag-ioc-fsm,
 .flag-fifa-fsm {
     background-image: url(../flags/png/fsm.png);
     background-image: url(../flags/fsm.svg)
 }
 
 .flag-gab,
 .flag-ga,
 .flag-266,
 .flag-ioc-gab,
 .flag-fifa-gab {
     background-image: url(../flags/png/gab.png);
     background-image: url(../flags/gab.svg)
 }
 
 .flag-gbr,
 .flag-gb,
 .flag-826,
 .flag-ioc-gbr {
     background-image: url(../flags/png/gbr.png);
     background-image: url(../flags/gbr.svg)
 }
 
 .flag-geo,
 .flag-ge,
 .flag-268,
 .flag-ioc-geo,
 .flag-fifa-geo {
     background-image: url(../flags/png/geo.png);
     background-image: url(../flags/geo.svg)
 }
 
 .flag-ggy,
 .flag-gg,
 .flag-831,
 .flag-ioc-,
 .flag-fifa-gbg {
     background-image: url(../flags/png/ggy.png);
     background-image: url(../flags/ggy.svg)
 }
 
 .flag-gha,
 .flag-gh,
 .flag-288,
 .flag-ioc-gha,
 .flag-fifa-gha {
     background-image: url(../flags/png/gha.png);
     background-image: url(../flags/gha.svg)
 }
 
 .flag-gib,
 .flag-gi,
 .flag-292,
 .flag-ioc-gib,
 .flag-fifa-gbz {
     background-image: url(../flags/png/gib.png);
     background-image: url(../flags/gib.svg)
 }
 
 .flag-gin,
 .flag-gn,
 .flag-324,
 .flag-ioc-gui,
 .flag-fifa-gui {
     background-image: url(../flags/png/gin.png);
     background-image: url(../flags/gin.svg)
 }
 
 .flag-glp,
 .flag-gp,
 .flag-312,
 .flag-ioc-gud,
 .flag-fifa-glp {
     background-image: url(../flags/png/glp.png);
     background-image: url(../flags/glp.svg)
 }
 
 .flag-gmb,
 .flag-gm,
 .flag-270,
 .flag-ioc-gam,
 .flag-fifa-gam {
     background-image: url(../flags/png/gmb.png);
     background-image: url(../flags/gmb.svg)
 }
 
 .flag-gnb,
 .flag-gw,
 .flag-624,
 .flag-ioc-gbs,
 .flag-fifa-gnb {
     background-image: url(../flags/png/gnb.png);
     background-image: url(../flags/gnb.svg)
 }
 
 .flag-gnq,
 .flag-gq,
 .flag-226,
 .flag-ioc-geq,
 .flag-fifa-eqg {
     background-image: url(../flags/png/gnq.png);
     background-image: url(../flags/gnq.svg)
 }
 
 .flag-grc,
 .flag-gr,
 .flag-300,
 .flag-ioc-gre,
 .flag-fifa-gre {
     background-image: url(../flags/png/grc.png);
     background-image: url(../flags/grc.svg)
 }
 
 .flag-grd,
 .flag-gd,
 .flag-308,
 .flag-ioc-grn,
 .flag-fifa-grn {
     background-image: url(../flags/png/grd.png);
     background-image: url(../flags/grd.svg)
 }
 
 .flag-grl,
 .flag-gl,
 .flag-304,
 .flag-ioc-grl,
 .flag-fifa-grl {
     background-image: url(../flags/png/grl.png);
     background-image: url(../flags/grl.svg)
 }
 
 .flag-gtm,
 .flag-gt,
 .flag-320,
 .flag-ioc-gua,
 .flag-fifa-gua {
     background-image: url(../flags/png/gtm.png);
     background-image: url(../flags/gtm.svg)
 }
 
 .flag-guf,
 .flag-gf,
 .flag-254,
 .flag-ioc-fgu,
 .flag-fifa-guf {
     background-image: url(../flags/png/guf.png);
     background-image: url(../flags/guf.svg)
 }
 
 .flag-gum,
 .flag-gu,
 .flag-316,
 .flag-ioc-gum,
 .flag-fifa-gum {
     background-image: url(../flags/png/gum.png);
     background-image: url(../flags/gum.svg)
 }
 
 .flag-guy,
 .flag-gy,
 .flag-328,
 .flag-ioc-guy,
 .flag-fifa-guy {
     background-image: url(../flags/png/guy.png);
     background-image: url(../flags/guy.svg)
 }
 
 .flag-hkg,
 .flag-hk,
 .flag-344,
 .flag-ioc-hkg,
 .flag-fifa-hkg {
     background-image: url(../flags/png/hkg.png);
     background-image: url(../flags/hkg.svg)
 }
 
 .flag-hmd,
 .flag-hm,
 .flag-334 {
     background-image: url(../flags/png/hmd.png);
     background-image: url(../flags/hmd.svg)
 }
 
 .flag-hnd,
 .flag-hn,
 .flag-340,
 .flag-ioc-hon,
 .flag-fifa-hon {
     background-image: url(../flags/png/hnd.png);
     background-image: url(../flags/hnd.svg)
 }
 
 .flag-hrv,
 .flag-hr,
 .flag-191,
 .flag-ioc-cro,
 .flag-fifa-cro {
     background-image: url(../flags/png/hrv.png);
     background-image: url(../flags/hrv.svg)
 }
 
 .flag-hti,
 .flag-ht,
 .flag-332,
 .flag-ioc-hai,
 .flag-fifa-hai {
     background-image: url(../flags/png/hti.png);
     background-image: url(../flags/hti.svg)
 }
 
 .flag-hun,
 .flag-hu,
 .flag-348,
 .flag-ioc-hun,
 .flag-fifa-hun {
     background-image: url(../flags/png/hun.png);
     background-image: url(../flags/hun.svg)
 }
 
 .flag-idn,
 .flag-id,
 .flag-360,
 .flag-ioc-ina,
 .flag-fifa-idn {
     background-image: url(../flags/png/idn.png);
     background-image: url(../flags/idn.svg)
 }
 
 .flag-imn,
 .flag-im,
 .flag-833,
 .flag-ioc-,
 .flag-fifa-gbm {
     background-image: url(../flags/png/imn.png);
     background-image: url(../flags/imn.svg)
 }
 
 .flag-ind,
 .flag-in,
 .flag-356,
 .flag-ioc-ind,
 .flag-fifa-ind {
     background-image: url(../flags/png/ind.png);
     background-image: url(../flags/ind.svg)
 }
 
 .flag-iot,
 .flag-io,
 .flag-86 {
     background-image: url(../flags/png/iot.png);
     background-image: url(../flags/iot.svg)
 }
 
 .flag-irl,
 .flag-ie,
 .flag-372,
 .flag-ioc-irl,
 .flag-fifa-irl {
     background-image: url(../flags/png/irl.png);
     background-image: url(../flags/irl.svg)
 }
 
 .flag-irn,
 .flag-ir,
 .flag-364,
 .flag-ioc-iri,
 .flag-fifa-irn {
     background-image: url(../flags/png/irn.png);
     background-image: url(../flags/irn.svg)
 }
 
 .flag-irq,
 .flag-iq,
 .flag-368,
 .flag-ioc-irq,
 .flag-fifa-irq {
     background-image: url(../flags/png/irq.png);
     background-image: url(../flags/irq.svg)
 }
 
 .flag-isl,
 .flag-is,
 .flag-352,
 .flag-ioc-isl,
 .flag-fifa-isl {
     background-image: url(../flags/png/isl.png);
     background-image: url(../flags/isl.svg)
 }
 
 .flag-isr,
 .flag-il,
 .flag-376,
 .flag-ioc-isr,
 .flag-fifa-isr {
     background-image: url(../flags/png/isr.png);
     background-image: url(../flags/isr.svg)
 }
 
 .flag-ita,
 .flag-it,
 .flag-380,
 .flag-ioc-ita,
 .flag-fifa-ita {
     background-image: url(../flags/png/ita.png);
     background-image: url(../flags/ita.svg)
 }
 
 .flag-jam,
 .flag-jm,
 .flag-388,
 .flag-ioc-jam,
 .flag-fifa-jam {
     background-image: url(../flags/png/jam.png);
     background-image: url(../flags/jam.svg)
 }
 
 .flag-jey,
 .flag-je,
 .flag-832,
 .flag-ioc-,
 .flag-fifa-gbj {
     background-image: url(../flags/png/jey.png);
     background-image: url(../flags/jey.svg)
 }
 
 .flag-jor,
 .flag-jo,
 .flag-400,
 .flag-ioc-jor,
 .flag-fifa-jor {
     background-image: url(../flags/png/jor.png);
     background-image: url(../flags/jor.svg)
 }
 
 .flag-jpn,
 .flag-jp,
 .flag-392,
 .flag-ioc-jpn,
 .flag-fifa-jpn {
     background-image: url(../flags/png/jpn.png);
     background-image: url(../flags/jpn.svg)
 }
 
 .flag-kaz,
 .flag-kz,
 .flag-398,
 .flag-ioc-kaz,
 .flag-fifa-kaz {
     background-image: url(../flags/png/kaz.png);
     background-image: url(../flags/kaz.svg)
 }
 
 .flag-ken,
 .flag-ke,
 .flag-404,
 .flag-ioc-ken,
 .flag-fifa-ken {
     background-image: url(../flags/png/ken.png);
     background-image: url(../flags/ken.svg)
 }
 
 .flag-kgz,
 .flag-kg,
 .flag-417,
 .flag-ioc-kgz,
 .flag-fifa-kgz {
     background-image: url(../flags/png/kgz.png);
     background-image: url(../flags/kgz.svg)
 }
 
 .flag-khm,
 .flag-kh,
 .flag-116,
 .flag-ioc-cam,
 .flag-fifa-cam {
     background-image: url(../flags/png/khm.png);
     background-image: url(../flags/khm.svg)
 }
 
 .flag-kir,
 .flag-ki,
 .flag-296,
 .flag-ioc-kir,
 .flag-fifa-kir {
     background-image: url(../flags/png/kir.png);
     background-image: url(../flags/kir.svg)
 }
 
 .flag-kna,
 .flag-kn,
 .flag-659,
 .flag-ioc-skn,
 .flag-fifa-skn {
     background-image: url(../flags/png/kna.png);
     background-image: url(../flags/kna.svg)
 }
 
 .flag-kor,
 .flag-kr,
 .flag-410,
 .flag-ioc-kor,
 .flag-fifa-kor {
     background-image: url(../flags/png/kor.png);
     background-image: url(../flags/kor.svg)
 }
 
 .flag-kwt,
 .flag-kw,
 .flag-414,
 .flag-ioc-kuw,
 .flag-fifa-kuw {
     background-image: url(../flags/png/kwt.png);
     background-image: url(../flags/kwt.svg)
 }
 
 .flag-lao,
 .flag-la,
 .flag-418,
 .flag-ioc-lao,
 .flag-fifa-lao {
     background-image: url(../flags/png/lao.png);
     background-image: url(../flags/lao.svg)
 }
 
 .flag-lbn,
 .flag-lb,
 .flag-422,
 .flag-ioc-lib,
 .flag-fifa-lib {
     background-image: url(../flags/png/lbn.png);
     background-image: url(../flags/lbn.svg)
 }
 
 .flag-lbr,
 .flag-lr,
 .flag-430,
 .flag-ioc-lbr,
 .flag-fifa-lbr {
     background-image: url(../flags/png/lbr.png);
     background-image: url(../flags/lbr.svg)
 }
 
 .flag-lby,
 .flag-ly,
 .flag-434,
 .flag-ioc-lba,
 .flag-fifa-lby {
     background-image: url(../flags/png/lby.png);
     background-image: url(../flags/lby.svg)
 }
 
 .flag-lca,
 .flag-lc,
 .flag-662,
 .flag-ioc-lca,
 .flag-fifa-lca {
     background-image: url(../flags/png/lca.png);
     background-image: url(../flags/lca.svg)
 }
 
 .flag-lie,
 .flag-li,
 .flag-438,
 .flag-ioc-lie,
 .flag-fifa-lie {
     background-image: url(../flags/png/lie.png);
     background-image: url(../flags/lie.svg)
 }
 
 .flag-lka,
 .flag-lk,
 .flag-144,
 .flag-ioc-sri,
 .flag-fifa-sri {
     background-image: url(../flags/png/lka.png);
     background-image: url(../flags/lka.svg)
 }
 
 .flag-lso,
 .flag-ls,
 .flag-426,
 .flag-ioc-les,
 .flag-fifa-les {
     background-image: url(../flags/png/lso.png);
     background-image: url(../flags/lso.svg)
 }
 
 .flag-ltu,
 .flag-lt,
 .flag-440,
 .flag-ioc-ltu,
 .flag-fifa-ltu {
     background-image: url(../flags/png/ltu.png);
     background-image: url(../flags/ltu.svg)
 }
 
 .flag-lux,
 .flag-lu,
 .flag-442,
 .flag-ioc-lux,
 .flag-fifa-lux {
     background-image: url(../flags/png/lux.png);
     background-image: url(../flags/lux.svg)
 }
 
 .flag-lva,
 .flag-lv,
 .flag-428,
 .flag-ioc-lat,
 .flag-fifa-lva {
     background-image: url(../flags/png/lva.png);
     background-image: url(../flags/lva.svg)
 }
 
 .flag-mac,
 .flag-mo,
 .flag-446,
 .flag-ioc-mac,
 .flag-fifa-mac {
     background-image: url(../flags/png/mac.png);
     background-image: url(../flags/mac.svg)
 }
 
 .flag-maf,
 .flag-mf,
 .flag-663 {
     background-image: url(../flags/png/maf.png);
     background-image: url(../flags/maf.svg)
 }
 
 .flag-mar,
 .flag-ma,
 .flag-504,
 .flag-ioc-mar,
 .flag-fifa-mar {
     background-image: url(../flags/png/mar.png);
     background-image: url(../flags/mar.svg)
 }
 
 .flag-mco,
 .flag-mc,
 .flag-492,
 .flag-ioc-mon,
 .flag-fifa-mon {
     background-image: url(../flags/png/mco.png);
     background-image: url(../flags/mco.svg)
 }
 
 .flag-mda,
 .flag-md,
 .flag-498,
 .flag-ioc-mda,
 .flag-fifa-mda {
     background-image: url(../flags/png/mda.png);
     background-image: url(../flags/mda.svg)
 }
 
 .flag-mdg,
 .flag-mg,
 .flag-450,
 .flag-ioc-mad,
 .flag-fifa-mad {
     background-image: url(../flags/png/mdg.png);
     background-image: url(../flags/mdg.svg)
 }
 
 .flag-mdv,
 .flag-mv,
 .flag-462,
 .flag-ioc-mdv,
 .flag-fifa-mdv {
     background-image: url(../flags/png/mdv.png);
     background-image: url(../flags/mdv.svg)
 }
 
 .flag-mex,
 .flag-mx,
 .flag-484,
 .flag-ioc-mex,
 .flag-fifa-mex {
     background-image: url(../flags/png/mex.png);
     background-image: url(../flags/mex.svg)
 }
 
 .flag-mhl,
 .flag-mh,
 .flag-584,
 .flag-ioc-msh,
 .flag-fifa-mhl {
     background-image: url(../flags/png/mhl.png);
     background-image: url(../flags/mhl.svg)
 }
 
 .flag-mkd,
 .flag-mk,
 .flag-807,
 .flag-ioc-mkd,
 .flag-fifa-mkd {
     background-image: url(../flags/png/mkd.png);
     background-image: url(../flags/mkd.svg)
 }
 
 .flag-mli,
 .flag-ml,
 .flag-466,
 .flag-ioc-mli,
 .flag-fifa-mli {
     background-image: url(../flags/png/mli.png);
     background-image: url(../flags/mli.svg)
 }
 
 .flag-mlt,
 .flag-mt,
 .flag-470,
 .flag-ioc-mlt,
 .flag-fifa-mlt {
     background-image: url(../flags/png/mlt.png);
     background-image: url(../flags/mlt.svg)
 }
 
 .flag-mmr,
 .flag-mm,
 .flag-104,
 .flag-ioc-mya,
 .flag-fifa-mya {
     background-image: url(../flags/png/mmr.png);
     background-image: url(../flags/mmr.svg)
 }
 
 .flag-mne,
 .flag-me,
 .flag-499,
 .flag-ioc-mgo,
 .flag-fifa-mne {
     background-image: url(../flags/png/mne.png);
     background-image: url(../flags/mne.svg)
 }
 
 .flag-mng,
 .flag-mn,
 .flag-496,
 .flag-ioc-mgl,
 .flag-fifa-mng {
     background-image: url(../flags/png/mng.png);
     background-image: url(../flags/mng.svg)
 }
 
 .flag-mnp,
 .flag-mp,
 .flag-580,
 .flag-ioc-nma,
 .flag-fifa-nmi {
     background-image: url(../flags/png/mnp.png);
     background-image: url(../flags/mnp.svg)
 }
 
 .flag-moz,
 .flag-mz,
 .flag-508,
 .flag-ioc-moz,
 .flag-fifa-moz {
     background-image: url(../flags/png/moz.png);
     background-image: url(../flags/moz.svg)
 }
 
 .flag-mrt,
 .flag-mr,
 .flag-478,
 .flag-ioc-mtn,
 .flag-fifa-mtn {
     background-image: url(../flags/png/mrt.png);
     background-image: url(../flags/mrt.svg)
 }
 
 .flag-msr,
 .flag-ms,
 .flag-500,
 .flag-ioc-mnt,
 .flag-fifa-msr {
     background-image: url(../flags/png/msr.png);
     background-image: url(../flags/msr.svg)
 }
 
 .flag-mtq,
 .flag-mq,
 .flag-474,
 .flag-ioc-mrt,
 .flag-fifa-mtq {
     background-image: url(../flags/png/mtq.png);
     background-image: url(../flags/mtq.svg)
 }
 
 .flag-mus,
 .flag-mu,
 .flag-480,
 .flag-ioc-mri,
 .flag-fifa-mri {
     background-image: url(../flags/png/mus.png);
     background-image: url(../flags/mus.svg)
 }
 
 .flag-mwi,
 .flag-mw,
 .flag-454,
 .flag-ioc-maw,
 .flag-fifa-mwi {
     background-image: url(../flags/png/mwi.png);
     background-image: url(../flags/mwi.svg)
 }
 
 .flag-mys,
 .flag-my,
 .flag-458,
 .flag-ioc-mas,
 .flag-fifa-mas {
     background-image: url(../flags/png/mys.png);
     background-image: url(../flags/mys.svg)
 }
 
 .flag-myt,
 .flag-yt,
 .flag-175,
 .flag-ioc-may,
 .flag-fifa-myt {
     background-image: url(../flags/png/myt.png);
     background-image: url(../flags/myt.svg)
 }
 
 .flag-nam,
 .flag-na,
 .flag-516,
 .flag-ioc-nam,
 .flag-fifa-nam {
     background-image: url(../flags/png/nam.png);
     background-image: url(../flags/nam.svg)
 }
 
 .flag-ncl,
 .flag-nc,
 .flag-540,
 .flag-ioc-ncd,
 .flag-fifa-ncl {
     background-image: url(../flags/png/ncl.png);
     background-image: url(../flags/ncl.svg)
 }
 
 .flag-ner,
 .flag-ne,
 .flag-562,
 .flag-ioc-nig,
 .flag-fifa-nig {
     background-image: url(../flags/png/ner.png);
     background-image: url(../flags/ner.svg)
 }
 
 .flag-nfk,
 .flag-nf,
 .flag-574,
 .flag-ioc-nfi,
 .flag-fifa-nfk {
     background-image: url(../flags/png/nfk.png);
     background-image: url(../flags/nfk.svg)
 }
 
 .flag-nga,
 .flag-ng,
 .flag-566,
 .flag-ioc-ngr,
 .flag-fifa-nga {
     background-image: url(../flags/png/nga.png);
     background-image: url(../flags/nga.svg)
 }
 
 .flag-nic,
 .flag-ni,
 .flag-558,
 .flag-ioc-nca,
 .flag-fifa-nca {
     background-image: url(../flags/png/nic.png);
     background-image: url(../flags/nic.svg)
 }
 
 .flag-niu,
 .flag-nu,
 .flag-570,
 .flag-ioc-niu,
 .flag-fifa-niu {
     background-image: url(../flags/png/niu.png);
     background-image: url(../flags/niu.svg)
 }
 
 .flag-nld,
 .flag-nl,
 .flag-528,
 .flag-ioc-ned,
 .flag-fifa-ned {
     background-image: url(../flags/png/nld.png);
     background-image: url(../flags/nld.svg)
 }
 
 .flag-nor,
 .flag-no,
 .flag-578,
 .flag-ioc-nor,
 .flag-fifa-nor {
     background-image: url(../flags/png/nor.png);
     background-image: url(../flags/nor.svg)
 }
 
 .flag-npl,
 .flag-np,
 .flag-524,
 .flag-ioc-nep,
 .flag-fifa-nep {
     background-image: url(../flags/png/npl.png);
     background-image: url(../flags/npl.svg)
 }
 
 .flag-nru,
 .flag-nr,
 .flag-520,
 .flag-ioc-nru,
 .flag-fifa-nru {
     background-image: url(../flags/png/nru.png);
     background-image: url(../flags/nru.svg)
 }
 
 .flag-nzl,
 .flag-nz,
 .flag-554,
 .flag-ioc-nzl,
 .flag-fifa-nzl {
     background-image: url(../flags/png/nzl.png);
     background-image: url(../flags/nzl.svg)
 }
 
 .flag-omn,
 .flag-om,
 .flag-512,
 .flag-ioc-oma,
 .flag-fifa-oma {
     background-image: url(../flags/png/omn.png);
     background-image: url(../flags/omn.svg)
 }
 
 .flag-pak,
 .flag-pk,
 .flag-586,
 .flag-ioc-pak,
 .flag-fifa-pak {
     background-image: url(../flags/png/pak.png);
     background-image: url(../flags/pak.svg)
 }
 
 .flag-pan,
 .flag-pa,
 .flag-591,
 .flag-ioc-pan,
 .flag-fifa-pan {
     background-image: url(../flags/png/pan.png);
     background-image: url(../flags/pan.svg)
 }
 
 .flag-pcn,
 .flag-pn,
 .flag-612,
 .flag-ioc-,
 .flag-fifa-pcn {
     background-image: url(../flags/png/pcn.png);
     background-image: url(../flags/pcn.svg)
 }
 
 .flag-per,
 .flag-pe,
 .flag-604,
 .flag-ioc-per,
 .flag-fifa-per {
     background-image: url(../flags/png/per.png);
     background-image: url(../flags/per.svg)
 }
 
 .flag-phl,
 .flag-ph,
 .flag-608,
 .flag-ioc-phi,
 .flag-fifa-phi {
     background-image: url(../flags/png/phl.png);
     background-image: url(../flags/phl.svg)
 }
 
 .flag-plw,
 .flag-pw,
 .flag-585,
 .flag-ioc-plw,
 .flag-fifa-plw {
     background-image: url(../flags/png/plw.png);
     background-image: url(../flags/plw.svg)
 }
 
 .flag-png,
 .flag-pg,
 .flag-598,
 .flag-ioc-png,
 .flag-fifa-png {
     background-image: url(../flags/png/png.png);
     background-image: url(../flags/png.svg)
 }
 
 .flag-pol,
 .flag-pl,
 .flag-616,
 .flag-ioc-pol,
 .flag-fifa-pol {
     background-image: url(../flags/png/pol.png);
     background-image: url(../flags/pol.svg)
 }
 
 .flag-pri,
 .flag-pr,
 .flag-630,
 .flag-ioc-pur,
 .flag-fifa-pur {
     background-image: url(../flags/png/pri.png);
     background-image: url(../flags/pri.svg)
 }
 
 .flag-prk,
 .flag-kp,
 .flag-408,
 .flag-ioc-prk,
 .flag-fifa-prk {
     background-image: url(../flags/png/prk.png);
     background-image: url(../flags/prk.svg)
 }
 
 .flag-prt,
 .flag-pt,
 .flag-620,
 .flag-ioc-por,
 .flag-fifa-por {
     background-image: url(../flags/png/prt.png);
     background-image: url(../flags/prt.svg)
 }
 
 .flag-pry,
 .flag-py,
 .flag-600,
 .flag-ioc-par,
 .flag-fifa-par {
     background-image: url(../flags/png/pry.png);
     background-image: url(../flags/pry.svg)
 }
 
 .flag-pse,
 .flag-ps,
 .flag-275,
 .flag-ioc-ple,
 .flag-fifa-ple {
     background-image: url(../flags/png/pse.png);
     background-image: url(../flags/pse.svg)
 }
 
 .flag-pyf,
 .flag-pf,
 .flag-258,
 .flag-ioc-fpo,
 .flag-fifa-tah2 {
     background-image: url(../flags/png/pyf.png);
     background-image: url(../flags/pyf.svg)
 }
 
 .flag-qat,
 .flag-qa,
 .flag-634,
 .flag-ioc-qat,
 .flag-fifa-qat {
     background-image: url(../flags/png/qat.png);
     background-image: url(../flags/qat.svg)
 }
 
 .flag-reu,
 .flag-re,
 .flag-638,
 .flag-ioc-reu,
 .flag-fifa-reu {
     background-image: url(../flags/png/reu.png);
     background-image: url(../flags/reu.svg)
 }
 
 .flag-rou,
 .flag-ro,
 .flag-642,
 .flag-ioc-rou,
 .flag-fifa-rou {
     background-image: url(../flags/png/rou.png);
     background-image: url(../flags/rou.svg)
 }
 
 .flag-rus,
 .flag-ru,
 .flag-643,
 .flag-ioc-rus,
 .flag-fifa-rus {
     background-image: url(../flags/png/rus.png);
     background-image: url(../flags/rus.svg)
 }
 
 .flag-rwa,
 .flag-rw,
 .flag-646,
 .flag-ioc-rwa,
 .flag-fifa-rwa {
     background-image: url(../flags/png/rwa.png);
     background-image: url(../flags/rwa.svg)
 }
 
 .flag-sau,
 .flag-sa,
 .flag-682,
 .flag-ioc-ksa,
 .flag-fifa-ksa {
     background-image: url(../flags/png/sau.png);
     background-image: url(../flags/sau.svg)
 }
 
 .flag-sdn,
 .flag-sd,
 .flag-729,
 .flag-ioc-sud,
 .flag-fifa-sud {
     background-image: url(../flags/png/sdn.png);
     background-image: url(../flags/sdn.svg)
 }
 
 .flag-sen,
 .flag-sn,
 .flag-686,
 .flag-ioc-sen,
 .flag-fifa-sen {
     background-image: url(../flags/png/sen.png);
     background-image: url(../flags/sen.svg)
 }
 
 .flag-sgp,
 .flag-sg,
 .flag-702,
 .flag-ioc-sin,
 .flag-fifa-sin {
     background-image: url(../flags/png/sgp.png);
     background-image: url(../flags/sgp.svg)
 }
 
 .flag-sgs,
 .flag-gs,
 .flag-239 {
     background-image: url(../flags/png/sgs.png);
     background-image: url(../flags/sgs.svg)
 }
 
 .flag-shn,
 .flag-sh,
 .flag-654,
 .flag-ioc-hel,
 .flag-fifa-shn {
     background-image: url(../flags/png/shn.png);
     background-image: url(../flags/shn.svg)
 }
 
 .flag-sjm,
 .flag-sj,
 .flag-744 {
     background-image: url(../flags/png/sjm.png);
     background-image: url(../flags/sjm.svg)
 }
 
 .flag-slb,
 .flag-sb,
 .flag-90,
 .flag-ioc-sol,
 .flag-fifa-sol {
     background-image: url(../flags/png/slb.png);
     background-image: url(../flags/slb.svg)
 }
 
 .flag-sle,
 .flag-sl,
 .flag-694,
 .flag-ioc-sle,
 .flag-fifa-sle {
     background-image: url(../flags/png/sle.png);
     background-image: url(../flags/sle.svg)
 }
 
 .flag-slv,
 .flag-sv,
 .flag-222,
 .flag-ioc-esa,
 .flag-fifa-slv {
     background-image: url(../flags/png/slv.png);
     background-image: url(../flags/slv.svg)
 }
 
 .flag-smr,
 .flag-sm,
 .flag-674,
 .flag-ioc-smr,
 .flag-fifa-smr {
     background-image: url(../flags/png/smr.png);
     background-image: url(../flags/smr.svg)
 }
 
 .flag-som,
 .flag-so,
 .flag-706,
 .flag-ioc-som,
 .flag-fifa-som {
     background-image: url(../flags/png/som.png);
     background-image: url(../flags/som.svg)
 }
 
 .flag-spm,
 .flag-pm,
 .flag-666,
 .flag-ioc-spm,
 .flag-fifa-spm {
     background-image: url(../flags/png/spm.png);
     background-image: url(../flags/spm.svg)
 }
 
 .flag-srb,
 .flag-rs,
 .flag-688,
 .flag-ioc-srb,
 .flag-fifa-srb {
     background-image: url(../flags/png/srb.png);
     background-image: url(../flags/srb.svg)
 }
 
 .flag-ssd,
 .flag-ss,
 .flag-728 {
     background-image: url(../flags/png/ssd.png);
     background-image: url(../flags/ssd.svg)
 }
 
 .flag-stp,
 .flag-st,
 .flag-678,
 .flag-ioc-stp,
 .flag-fifa-stp {
     background-image: url(../flags/png/stp.png);
     background-image: url(../flags/stp.svg)
 }
 
 .flag-sur,
 .flag-sr,
 .flag-740,
 .flag-ioc-sur,
 .flag-fifa-sur {
     background-image: url(../flags/png/sur.png);
     background-image: url(../flags/sur.svg)
 }
 
 .flag-svk,
 .flag-sk,
 .flag-703,
 .flag-ioc-svk,
 .flag-fifa-svk {
     background-image: url(../flags/png/svk.png);
     background-image: url(../flags/svk.svg)
 }
 
 .flag-svn,
 .flag-si,
 .flag-705,
 .flag-ioc-slo,
 .flag-fifa-svn {
     background-image: url(../flags/png/svn.png);
     background-image: url(../flags/svn.svg)
 }
 
 .flag-swe,
 .flag-se,
 .flag-752,
 .flag-ioc-swe,
 .flag-fifa-swe {
     background-image: url(../flags/png/swe.png);
     background-image: url(../flags/swe.svg)
 }
 
 .flag-swz,
 .flag-sz,
 .flag-748,
 .flag-ioc-swz,
 .flag-fifa-swz {
     background-image: url(../flags/png/swz.png);
     background-image: url(../flags/swz.svg)
 }
 
 .flag-sxm,
 .flag-sx,
 .flag-534 {
     background-image: url(../flags/png/sxm.png);
     background-image: url(../flags/sxm.svg)
 }
 
 .flag-syc,
 .flag-sc,
 .flag-690,
 .flag-ioc-sey,
 .flag-fifa-sey {
     background-image: url(../flags/png/syc.png);
     background-image: url(../flags/syc.svg)
 }
 
 .flag-syr,
 .flag-sy,
 .flag-760,
 .flag-ioc-syr,
 .flag-fifa-syr {
     background-image: url(../flags/png/syr.png);
     background-image: url(../flags/syr.svg)
 }
 
 .flag-tca,
 .flag-tc,
 .flag-796,
 .flag-ioc-tks,
 .flag-fifa-tca {
     background-image: url(../flags/png/tca.png);
     background-image: url(../flags/tca.svg)
 }
 
 .flag-tcd,
 .flag-td,
 .flag-148,
 .flag-ioc-cha,
 .flag-fifa-cha {
     background-image: url(../flags/png/tcd.png);
     background-image: url(../flags/tcd.svg)
 }
 
 .flag-tgo,
 .flag-tg,
 .flag-768,
 .flag-ioc-tog,
 .flag-fifa-tog {
     background-image: url(../flags/png/tgo.png);
     background-image: url(../flags/tgo.svg)
 }
 
 .flag-tha,
 .flag-th,
 .flag-764,
 .flag-ioc-tha,
 .flag-fifa-tha {
     background-image: url(../flags/png/tha.png);
     background-image: url(../flags/tha.svg)
 }
 
 .flag-tjk,
 .flag-tj,
 .flag-762,
 .flag-ioc-tjk,
 .flag-fifa-tjk {
     background-image: url(../flags/png/tjk.png);
     background-image: url(../flags/tjk.svg)
 }
 
 .flag-tkl,
 .flag-tk,
 .flag-772,
 .flag-ioc-,
 .flag-fifa-tkl {
     background-image: url(../flags/png/tkl.png);
     background-image: url(../flags/tkl.svg)
 }
 
 .flag-tkm,
 .flag-tm,
 .flag-795,
 .flag-ioc-tkm,
 .flag-fifa-tkm {
     background-image: url(../flags/png/tkm.png);
     background-image: url(../flags/tkm.svg)
 }
 
 .flag-tls,
 .flag-tl,
 .flag-626,
 .flag-ioc-tls,
 .flag-fifa-tls {
     background-image: url(../flags/png/tls.png);
     background-image: url(../flags/tls.svg)
 }
 
 .flag-ton,
 .flag-to,
 .flag-776,
 .flag-ioc-tga,
 .flag-fifa-tga {
     background-image: url(../flags/png/ton.png);
     background-image: url(../flags/ton.svg)
 }
 
 .flag-tto,
 .flag-tt,
 .flag-780,
 .flag-ioc-tto,
 .flag-fifa-tri {
     background-image: url(../flags/png/tto.png);
     background-image: url(../flags/tto.svg)
 }
 
 .flag-tun,
 .flag-tn,
 .flag-788,
 .flag-ioc-tun,
 .flag-fifa-tun {
     background-image: url(../flags/png/tun.png);
     background-image: url(../flags/tun.svg)
 }
 
 .flag-tur,
 .flag-tr,
 .flag-792,
 .flag-ioc-tur,
 .flag-fifa-tur {
     background-image: url(../flags/png/tur.png);
     background-image: url(../flags/tur.svg)
 }
 
 .flag-tuv,
 .flag-tv,
 .flag-798,
 .flag-ioc-tuv,
 .flag-fifa-tuv {
     background-image: url(../flags/png/tuv.png);
     background-image: url(../flags/tuv.svg)
 }
 
 .flag-twn,
 .flag-tw,
 .flag-158 {
     background-image: url(../flags/png/twn.png);
     background-image: url(../flags/twn.svg)
 }
 
 .flag-tza,
 .flag-tz,
 .flag-834,
 .flag-ioc-tan,
 .flag-fifa-tan {
     background-image: url(../flags/png/tza.png);
     background-image: url(../flags/tza.svg)
 }
 
 .flag-uga,
 .flag-ug,
 .flag-800,
 .flag-ioc-uga,
 .flag-fifa-uga {
     background-image: url(../flags/png/uga.png);
     background-image: url(../flags/uga.svg)
 }
 
 .flag-ukr,
 .flag-ua,
 .flag-804,
 .flag-ioc-ukr,
 .flag-fifa-ukr {
     background-image: url(../flags/png/ukr.png);
     background-image: url(../flags/ukr.svg)
 }
 
 .flag-umi,
 .flag-um,
 .flag-581 {
     background-image: url(../flags/png/umi.png);
     background-image: url(../flags/umi.svg)
 }
 
 .flag-ury,
 .flag-uy,
 .flag-858,
 .flag-ioc-uru,
 .flag-fifa-uru {
     background-image: url(../flags/png/ury.png);
     background-image: url(../flags/ury.svg)
 }
 
 .flag-usa,
 .flag-us,
 .flag-840,
 .flag-ioc-usa,
 .flag-fifa-usa {
     background-image: url(../flags/png/usa.png);
     background-image: url(../flags/usa.svg)
 }
 
 .flag-uzb,
 .flag-uz,
 .flag-860,
 .flag-ioc-uzb,
 .flag-fifa-uzb {
     background-image: url(../flags/png/uzb.png);
     background-image: url(../flags/uzb.svg)
 }
 
 .flag-vat,
 .flag-va,
 .flag-336,
 .flag-ioc-,
 .flag-fifa-vat {
     background-image: url(../flags/png/vat.png);
     background-image: url(../flags/vat.svg)
 }
 
 .flag-vct,
 .flag-vc,
 .flag-670,
 .flag-ioc-vin,
 .flag-fifa-vin {
     background-image: url(../flags/png/vct.png);
     background-image: url(../flags/vct.svg)
 }
 
 .flag-ven,
 .flag-ve,
 .flag-862,
 .flag-ioc-ven,
 .flag-fifa-ven {
     background-image: url(../flags/png/ven.png);
     background-image: url(../flags/ven.svg)
 }
 
 .flag-vgb,
 .flag-vg,
 .flag-92,
 .flag-ioc-ivb,
 .flag-fifa-vgb {
     background-image: url(../flags/png/vgb.png);
     background-image: url(../flags/vgb.svg)
 }
 
 .flag-vir,
 .flag-vi,
 .flag-850,
 .flag-ioc-isv,
 .flag-fifa-vir {
     background-image: url(../flags/png/vir.png);
     background-image: url(../flags/vir.svg)
 }
 
 .flag-vnm,
 .flag-vn,
 .flag-704,
 .flag-ioc-vie,
 .flag-fifa-vie {
     background-image: url(../flags/png/vnm.png);
     background-image: url(../flags/vnm.svg)
 }
 
 .flag-vut,
 .flag-vu,
 .flag-548,
 .flag-ioc-van,
 .flag-fifa-van {
     background-image: url(../flags/png/vut.png);
     background-image: url(../flags/vut.svg)
 }
 
 .flag-wlf,
 .flag-wf,
 .flag-876,
 .flag-ioc-waf,
 .flag-fifa-wlf {
     background-image: url(../flags/png/wlf.png);
     background-image: url(../flags/wlf.svg)
 }
 
 .flag-wsm,
 .flag-ws,
 .flag-882,
 .flag-ioc-sam,
 .flag-fifa-sam {
     background-image: url(../flags/png/wsm.png);
     background-image: url(../flags/wsm.svg)
 }
 
 .flag-yem,
 .flag-ye,
 .flag-887,
 .flag-ioc-yem,
 .flag-fifa-yem {
     background-image: url(../flags/png/yem.png);
     background-image: url(../flags/yem.svg)
 }
 
 .flag-zaf,
 .flag-za,
 .flag-710,
 .flag-ioc-rsa,
 .flag-fifa-rsa {
     background-image: url(../flags/png/zaf.png);
     background-image: url(../flags/zaf.svg)
 }
 
 .flag-zmb,
 .flag-zm,
 .flag-894,
 .flag-ioc-zam,
 .flag-fifa-zam {
     background-image: url(../flags/png/zmb.png);
     background-image: url(../flags/zmb.svg)
 }
 
 .flag-zwe,
 .flag-zw,
 .flag-716,
 .flag-ioc-zim,
 .flag-fifa-zim {
     background-image: url(../flags/png/zwe.png);
     background-image: url(../flags/zwe.svg)
 }
 
 .flag-fifa-eng {
     background-image: url(../flags/png/eng.png);
     background-image: url(../flags/eng.svg)
 }
 
 .flag-eur,
 .flag-eu {
     background-image: url(../flags/png/eur.png);
     background-image: url(../flags/eur.svg)
 }
 
 .flag-ioc-kos {
     background-image: url(../flags/png/kos.png);
     background-image: url(../flags/kos.svg)
 }
 
 .flag-fifa-nir {
     background-image: url(../flags/png/nir.png);
     background-image: url(../flags/nir.svg)
 }
 
 .flag-ico-tpe,
 .flag-fifa-tpe {
     background-image: url(../flags/png/tpe.png);
     background-image: url(../flags/tpe.svg)
 }
 
 .flag-fifa-sco {
     background-image: url(../flags/png/sco.png);
     background-image: url(../flags/sco.svg)
 }
 
 .flag-fifa-wal {
     background-image: url(../flags/png/wal.png);
     background-image: url(../flags/wal.svg)
 }
 /*! * Copyright (c) 2017 kf (7kfpun@gmail.com) * * Permission is hereby granted, free of charge, to any person obtaining a copy * of this software and associated documentation files (the "Software"), to deal * in the Software without restriction, including without limitation the rights * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell * copies of the Software, and to permit persons to whom the Software is * furnished to do so, subject to the following conditions: * * The above copyright notice and this permission notice shall be included in all * copies or substantial portions of the Software. * * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, * EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF * MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. * IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, * DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR * OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE * OR OTHER DEALINGS IN THE SOFTWARE. */
 
 .flag-abw,
 .flag-aw,
 .flag-533,
 .flag-ioc-aru,
 .flag-fifa-aru {
     background-image: url(../flags/png/abw.png);
     background-image: url(../flags/abw.svg)
 }
 
 .flag-afg,
 .flag-af,
 .flag-4,
 .flag-ioc-afg,
 .flag-fifa-afg {
     background-image: url(../flags/png/afg.png);
     background-image: url(../flags/afg.svg)
 }
 
 .flag-ago,
 .flag-ao,
 .flag-24,
 .flag-ioc-ang,
 .flag-fifa-ang {
     background-image: url(../flags/png/ago.png);
     background-image: url(../flags/ago.svg)
 }
 
 .flag-aia,
 .flag-ai,
 .flag-660,
 .flag-ioc-aia,
 .flag-fifa-aia {
     background-image: url(../flags/png/aia.png);
     background-image: url(../flags/aia.svg)
 }
 
 .flag-ala,
 .flag-ax,
 .flag-248,
 .flag-ioc-,
 .flag-fifa-ald {
     background-image: url(../flags/png/ala.png);
     background-image: url(../flags/ala.svg)
 }
 
 .flag-alb,
 .flag-al,
 .flag-8,
 .flag-ioc-alb,
 .flag-fifa-alb {
     background-image: url(../flags/png/alb.png);
     background-image: url(../flags/alb.svg)
 }
 
 .flag-and,
 .flag-ad,
 .flag-20,
 .flag-ioc-and,
 .flag-fifa-and {
     background-image: url(../flags/png/and.png);
     background-image: url(../flags/and.svg)
 }
 
 .flag-are,
 .flag-ae,
 .flag-784,
 .flag-ioc-uae,
 .flag-fifa-uae {
     background-image: url(../flags/png/are.png);
     background-image: url(../flags/are.svg)
 }
 
 .flag-arg,
 .flag-ar,
 .flag-32,
 .flag-ioc-arg,
 .flag-fifa-arg {
     background-image: url(../flags/png/arg.png);
     background-image: url(../flags/arg.svg)
 }
 
 .flag-arm,
 .flag-am,
 .flag-51,
 .flag-ioc-arm,
 .flag-fifa-arm {
     background-image: url(../flags/png/arm.png);
     background-image: url(../flags/arm.svg)
 }
 
 .flag-asm,
 .flag-as,
 .flag-16,
 .flag-ioc-asa,
 .flag-fifa-asa {
     background-image: url(../flags/png/asm.png);
     background-image: url(../flags/asm.svg)
 }
 
 .flag-ata,
 .flag-aq,
 .flag-10,
 .flag-ioc-,
 .flag-fifa-ros {
     background-image: url(../flags/png/ata.png);
     background-image: url(../flags/ata.svg)
 }
 
 .flag-atf,
 .flag-tf,
 .flag-260 {
     background-image: url(../flags/png/atf.png);
     background-image: url(../flags/atf.svg)
 }
 
 .flag-atg,
 .flag-ag,
 .flag-28,
 .flag-ioc-ant,
 .flag-fifa-atg {
     background-image: url(../flags/png/atg.png);
     background-image: url(../flags/atg.svg)
 }
 
 .flag-aus,
 .flag-au,
 .flag-36,
 .flag-ioc-aus,
 .flag-fifa-aus {
     background-image: url(../flags/png/aus.png);
     background-image: url(../flags/aus.svg)
 }
 
 .flag-aut,
 .flag-at,
 .flag-40,
 .flag-ioc-aut,
 .flag-fifa-aut {
     background-image: url(../flags/png/aut.png);
     background-image: url(../flags/aut.svg)
 }
 
 .flag-aze,
 .flag-az,
 .flag-31,
 .flag-ioc-aze,
 .flag-fifa-aze {
     background-image: url(../flags/png/aze.png);
     background-image: url(../flags/aze.svg)
 }
 
 .flag-bdi,
 .flag-bi,
 .flag-108,
 .flag-ioc-bdi,
 .flag-fifa-bdi {
     background-image: url(../flags/png/bdi.png);
     background-image: url(../flags/bdi.svg)
 }
 
 .flag-bel,
 .flag-be,
 .flag-56,
 .flag-ioc-bel,
 .flag-fifa-bel {
     background-image: url(../flags/png/bel.png);
     background-image: url(../flags/bel.svg)
 }
 
 .flag-ben,
 .flag-bj,
 .flag-204,
 .flag-ioc-ben,
 .flag-fifa-ben {
     background-image: url(../flags/png/ben.png);
     background-image: url(../flags/ben.svg)
 }
 
 .flag-bes,
 .flag-bq,
 .flag-535,
 .flag-ioc-aho,
 .flag-fifa-ant {
     background-image: url(../flags/png/bes.png);
     background-image: url(../flags/bes.svg)
 }
 
 .flag-bfa,
 .flag-bf,
 .flag-854,
 .flag-ioc-bur,
 .flag-fifa-bfa {
     background-image: url(../flags/png/bfa.png);
     background-image: url(../flags/bfa.svg)
 }
 
 .flag-bgd,
 .flag-bd,
 .flag-50,
 .flag-ioc-ban,
 .flag-fifa-ban {
     background-image: url(../flags/png/bgd.png);
     background-image: url(../flags/bgd.svg)
 }
 
 .flag-bgr,
 .flag-bg,
 .flag-100,
 .flag-ioc-bul,
 .flag-fifa-bul {
     background-image: url(../flags/png/bgr.png);
     background-image: url(../flags/bgr.svg)
 }
 
 .flag-bhr,
 .flag-bh,
 .flag-48,
 .flag-ioc-brn,
 .flag-fifa-bhr {
     background-image: url(../flags/png/bhr.png);
     background-image: url(../flags/bhr.svg)
 }
 
 .flag-bhs,
 .flag-bs,
 .flag-44,
 .flag-ioc-bah,
 .flag-fifa-bah {
     background-image: url(../flags/png/bhs.png);
     background-image: url(../flags/bhs.svg)
 }
 
 .flag-bih,
 .flag-ba,
 .flag-70,
 .flag-ioc-bih,
 .flag-fifa-bih {
     background-image: url(../flags/png/bih.png);
     background-image: url(../flags/bih.svg)
 }
 
 .flag-blm,
 .flag-bl,
 .flag-652 {
     background-image: url(../flags/png/blm.png);
     background-image: url(../flags/blm.svg)
 }
 
 .flag-blr,
 .flag-by,
 .flag-112,
 .flag-ioc-blr,
 .flag-fifa-blr {
     background-image: url(../flags/png/blr.png);
     background-image: url(../flags/blr.svg)
 }
 
 .flag-blz,
 .flag-bz,
 .flag-84,
 .flag-ioc-biz,
 .flag-fifa-blz {
     background-image: url(../flags/png/blz.png);
     background-image: url(../flags/blz.svg)
 }
 
 .flag-bmu,
 .flag-bm,
 .flag-60,
 .flag-ioc-ber,
 .flag-fifa-ber {
     background-image: url(../flags/png/bmu.png);
     background-image: url(../flags/bmu.svg)
 }
 
 .flag-bol,
 .flag-bo,
 .flag-68,
 .flag-ioc-bol,
 .flag-fifa-bol {
     background-image: url(../flags/png/bol.png);
     background-image: url(../flags/bol.svg)
 }
 
 .flag-bra,
 .flag-br,
 .flag-76,
 .flag-ioc-bra,
 .flag-fifa-bra {
     background-image: url(../flags/png/bra.png);
     background-image: url(../flags/bra.svg)
 }
 
 .flag-brb,
 .flag-bb,
 .flag-52,
 .flag-ioc-bar,
 .flag-fifa-brb {
     background-image: url(../flags/png/brb.png);
     background-image: url(../flags/brb.svg)
 }
 
 .flag-brn,
 .flag-bn,
 .flag-96,
 .flag-ioc-bru,
 .flag-fifa-bru {
     background-image: url(../flags/png/brn.png);
     background-image: url(../flags/brn.svg)
 }
 
 .flag-btn,
 .flag-bt,
 .flag-64,
 .flag-ioc-bhu,
 .flag-fifa-bhu {
     background-image: url(../flags/png/btn.png);
     background-image: url(../flags/btn.svg)
 }
 
 .flag-bvt,
 .flag-bv,
 .flag-74 {
     background-image: url(../flags/png/bvt.png);
     background-image: url(../flags/bvt.svg)
 }
 
 .flag-bwa,
 .flag-bw,
 .flag-72,
 .flag-ioc-bot,
 .flag-fifa-bot {
     background-image: url(../flags/png/bwa.png);
     background-image: url(../flags/bwa.svg)
 }
 
 .flag-caf,
 .flag-cf,
 .flag-140,
 .flag-ioc-caf,
 .flag-fifa-cta {
     background-image: url(../flags/png/caf.png);
     background-image: url(../flags/caf.svg)
 }
 
 .flag-can,
 .flag-ca,
 .flag-124,
 .flag-ioc-can,
 .flag-fifa-can {
     background-image: url(../flags/png/can.png);
     background-image: url(../flags/can.svg)
 }
 
 .flag-cck,
 .flag-cc,
 .flag-166,
 .flag-ioc-,
 .flag-fifa-cck {
     background-image: url(../flags/png/cck.png);
     background-image: url(../flags/cck.svg)
 }
 
 .flag-che,
 .flag-ch,
 .flag-756,
 .flag-ioc-sui,
 .flag-fifa-sui {
     background-image: url(../flags/png/che.png);
     background-image: url(../flags/che.svg)
 }
 
 .flag-chl,
 .flag-cl,
 .flag-152,
 .flag-ioc-chi,
 .flag-fifa-chi {
     background-image: url(../flags/png/chl.png);
     background-image: url(../flags/chl.svg)
 }
 
 .flag-chn,
 .flag-cn,
 .flag-156,
 .flag-ioc-chn,
 .flag-fifa-chn {
     background-image: url(../flags/png/chn.png);
     background-image: url(../flags/chn.svg)
 }
 
 .flag-civ,
 .flag-ci,
 .flag-384,
 .flag-ioc-civ,
 .flag-fifa-civ {
     background-image: url(../flags/png/civ.png);
     background-image: url(../flags/civ.svg)
 }
 
 .flag-cmr,
 .flag-cm,
 .flag-120,
 .flag-ioc-cmr,
 .flag-fifa-cmr {
     background-image: url(../flags/png/cmr.png);
     background-image: url(../flags/cmr.svg)
 }
 
 .flag-cod,
 .flag-cd,
 .flag-180,
 .flag-ioc-cod,
 .flag-fifa-cod {
     background-image: url(../flags/png/cod.png);
     background-image: url(../flags/cod.svg)
 }
 
 .flag-cog,
 .flag-cg,
 .flag-178,
 .flag-ioc-cgo,
 .flag-fifa-cgo {
     background-image: url(../flags/png/cog.png);
     background-image: url(../flags/cog.svg)
 }
 
 .flag-cok,
 .flag-ck,
 .flag-184,
 .flag-ioc-cok,
 .flag-fifa-cok {
     background-image: url(../flags/png/cok.png);
     background-image: url(../flags/cok.svg)
 }
 
 .flag-col,
 .flag-co,
 .flag-170,
 .flag-ioc-col,
 .flag-fifa-col {
     background-image: url(../flags/png/col.png);
     background-image: url(../flags/col.svg)
 }
 
 .flag-com,
 .flag-km,
 .flag-174,
 .flag-ioc-com,
 .flag-fifa-com {
     background-image: url(../flags/png/com.png);
     background-image: url(../flags/com.svg)
 }
 
 .flag-cpv,
 .flag-cv,
 .flag-132,
 .flag-ioc-cpv,
 .flag-fifa-cpv {
     background-image: url(../flags/png/cpv.png);
     background-image: url(../flags/cpv.svg)
 }
 
 .flag-cri,
 .flag-cr,
 .flag-188,
 .flag-ioc-crc,
 .flag-fifa-crc {
     background-image: url(../flags/png/cri.png);
     background-image: url(../flags/cri.svg)
 }
 
 .flag-cub,
 .flag-cu,
 .flag-192,
 .flag-ioc-cub,
 .flag-fifa-cub {
     background-image: url(../flags/png/cub.png);
     background-image: url(../flags/cub.svg)
 }
 
 .flag-cuw,
 .flag-cw,
 .flag-531 {
     background-image: url(../flags/png/cuw.png);
     background-image: url(../flags/cuw.svg)
 }
 
 .flag-cxr,
 .flag-cx,
 .flag-162,
 .flag-ioc-,
 .flag-fifa-cxr {
     background-image: url(../flags/png/cxr.png);
     background-image: url(../flags/cxr.svg)
 }
 
 .flag-cym,
 .flag-ky,
 .flag-136,
 .flag-ioc-cay,
 .flag-fifa-cay {
     background-image: url(../flags/png/cym.png);
     background-image: url(../flags/cym.svg)
 }
 
 .flag-cyp,
 .flag-cy,
 .flag-196,
 .flag-ioc-cyp,
 .flag-fifa-cyp {
     background-image: url(../flags/png/cyp.png);
     background-image: url(../flags/cyp.svg)
 }
 
 .flag-cze,
 .flag-cz,
 .flag-203,
 .flag-ioc-cze,
 .flag-fifa-cze {
     background-image: url(../flags/png/cze.png);
     background-image: url(../flags/cze.svg)
 }
 
 .flag-deu,
 .flag-de,
 .flag-276,
 .flag-ioc-ger,
 .flag-fifa-ger {
     background-image: url(../flags/png/deu.png);
     background-image: url(../flags/deu.svg)
 }
 
 .flag-dji,
 .flag-dj,
 .flag-262,
 .flag-ioc-dji,
 .flag-fifa-dji {
     background-image: url(../flags/png/dji.png);
     background-image: url(../flags/dji.svg)
 }
 
 .flag-dma,
 .flag-dm,
 .flag-212,
 .flag-ioc-dma,
 .flag-fifa-dma {
     background-image: url(../flags/png/dma.png);
     background-image: url(../flags/dma.svg)
 }
 
 .flag-dnk,
 .flag-dk,
 .flag-208,
 .flag-ioc-den,
 .flag-fifa-den {
     background-image: url(../flags/png/dnk.png);
     background-image: url(../flags/dnk.svg)
 }
 
 .flag-dom,
 .flag-do,
 .flag-214,
 .flag-ioc-dom,
 .flag-fifa-dom {
     background-image: url(../flags/png/dom.png);
     background-image: url(../flags/dom.svg)
 }
 
 .flag-dza,
 .flag-dz,
 .flag-12,
 .flag-ioc-alg,
 .flag-fifa-alg {
     background-image: url(../flags/png/dza.png);
     background-image: url(../flags/dza.svg)
 }
 
 .flag-ecu,
 .flag-ec,
 .flag-218,
 .flag-ioc-ecu,
 .flag-fifa-ecu {
     background-image: url(../flags/png/ecu.png);
     background-image: url(../flags/ecu.svg)
 }
 
 .flag-egy,
 .flag-eg,
 .flag-818,
 .flag-ioc-egy,
 .flag-fifa-egy {
     background-image: url(../flags/png/egy.png);
     background-image: url(../flags/egy.svg)
 }
 
 .flag-eri,
 .flag-er,
 .flag-232,
 .flag-ioc-eri,
 .flag-fifa-eri {
     background-image: url(../flags/png/eri.png);
     background-image: url(../flags/eri.svg)
 }
 
 .flag-esh,
 .flag-eh,
 .flag-732,
 .flag-ioc-,
 .flag-fifa-sah {
     background-image: url(../flags/png/esh.png);
     background-image: url(../flags/esh.svg)
 }
 
 .flag-esp,
 .flag-es,
 .flag-724,
 .flag-ioc-esp,
 .flag-fifa-esp {
     background-image: url(../flags/png/esp.png);
     background-image: url(../flags/esp.svg)
 }
 
 .flag-est,
 .flag-ee,
 .flag-233,
 .flag-ioc-est,
 .flag-fifa-est {
     background-image: url(../flags/png/est.png);
     background-image: url(../flags/est.svg)
 }
 
 .flag-eth,
 .flag-et,
 .flag-231,
 .flag-ioc-eth,
 .flag-fifa-eth {
     background-image: url(../flags/png/eth.png);
     background-image: url(../flags/eth.svg)
 }
 
 .flag-fin,
 .flag-fi,
 .flag-246,
 .flag-ioc-fin,
 .flag-fifa-fin {
     background-image: url(../flags/png/fin.png);
     background-image: url(../flags/fin.svg)
 }
 
 .flag-fji,
 .flag-fj,
 .flag-242,
 .flag-ioc-fij,
 .flag-fifa-fij {
     background-image: url(../flags/png/fji.png);
     background-image: url(../flags/fji.svg)
 }
 
 .flag-flk,
 .flag-fk,
 .flag-238,
 .flag-ioc-flk,
 .flag-fifa-flk {
     background-image: url(../flags/png/flk.png);
     background-image: url(../flags/flk.svg)
 }
 
 .flag-fra,
 .flag-fr,
 .flag-250,
 .flag-ioc-fra,
 .flag-fifa-fra {
     background-image: url(../flags/png/fra.png);
     background-image: url(../flags/fra.svg)
 }
 
 .flag-fro,
 .flag-fo,
 .flag-234,
 .flag-ioc-far,
 .flag-fifa-fro {
     background-image: url(../flags/png/fro.png);
     background-image: url(../flags/fro.svg)
 }
 
 .flag-fsm,
 .flag-fm,
 .flag-583,
 .flag-ioc-fsm,
 .flag-fifa-fsm {
     background-image: url(../flags/png/fsm.png);
     background-image: url(../flags/fsm.svg)
 }
 
 .flag-gab,
 .flag-ga,
 .flag-266,
 .flag-ioc-gab,
 .flag-fifa-gab {
     background-image: url(../flags/png/gab.png);
     background-image: url(../flags/gab.svg)
 }
 
 .flag-gbr,
 .flag-gb,
 .flag-826,
 .flag-ioc-gbr {
     background-image: url(../flags/png/gbr.png);
     background-image: url(../flags/gbr.svg)
 }
 
 .flag-geo,
 .flag-ge,
 .flag-268,
 .flag-ioc-geo,
 .flag-fifa-geo {
     background-image: url(../flags/png/geo.png);
     background-image: url(../flags/geo.svg)
 }
 
 .flag-ggy,
 .flag-gg,
 .flag-831,
 .flag-ioc-,
 .flag-fifa-gbg {
     background-image: url(../flags/png/ggy.png);
     background-image: url(../flags/ggy.svg)
 }
 
 .flag-gha,
 .flag-gh,
 .flag-288,
 .flag-ioc-gha,
 .flag-fifa-gha {
     background-image: url(../flags/png/gha.png);
     background-image: url(../flags/gha.svg)
 }
 
 .flag-gib,
 .flag-gi,
 .flag-292,
 .flag-ioc-gib,
 .flag-fifa-gbz {
     background-image: url(../flags/png/gib.png);
     background-image: url(../flags/gib.svg)
 }
 
 .flag-gin,
 .flag-gn,
 .flag-324,
 .flag-ioc-gui,
 .flag-fifa-gui {
     background-image: url(../flags/png/gin.png);
     background-image: url(../flags/gin.svg)
 }
 
 .flag-glp,
 .flag-gp,
 .flag-312,
 .flag-ioc-gud,
 .flag-fifa-glp {
     background-image: url(../flags/png/glp.png);
     background-image: url(../flags/glp.svg)
 }
 
 .flag-gmb,
 .flag-gm,
 .flag-270,
 .flag-ioc-gam,
 .flag-fifa-gam {
     background-image: url(../flags/png/gmb.png);
     background-image: url(../flags/gmb.svg)
 }
 
 .flag-gnb,
 .flag-gw,
 .flag-624,
 .flag-ioc-gbs,
 .flag-fifa-gnb {
     background-image: url(../flags/png/gnb.png);
     background-image: url(../flags/gnb.svg)
 }
 
 .flag-gnq,
 .flag-gq,
 .flag-226,
 .flag-ioc-geq,
 .flag-fifa-eqg {
     background-image: url(../flags/png/gnq.png);
     background-image: url(../flags/gnq.svg)
 }
 
 .flag-grc,
 .flag-gr,
 .flag-300,
 .flag-ioc-gre,
 .flag-fifa-gre {
     background-image: url(../flags/png/grc.png);
     background-image: url(../flags/grc.svg)
 }
 
 .flag-grd,
 .flag-gd,
 .flag-308,
 .flag-ioc-grn,
 .flag-fifa-grn {
     background-image: url(../flags/png/grd.png);
     background-image: url(../flags/grd.svg)
 }
 
 .flag-grl,
 .flag-gl,
 .flag-304,
 .flag-ioc-grl,
 .flag-fifa-grl {
     background-image: url(../flags/png/grl.png);
     background-image: url(../flags/grl.svg)
 }
 
 .flag-gtm,
 .flag-gt,
 .flag-320,
 .flag-ioc-gua,
 .flag-fifa-gua {
     background-image: url(../flags/png/gtm.png);
     background-image: url(../flags/gtm.svg)
 }
 
 .flag-guf,
 .flag-gf,
 .flag-254,
 .flag-ioc-fgu,
 .flag-fifa-guf {
     background-image: url(../flags/png/guf.png);
     background-image: url(../flags/guf.svg)
 }
 
 .flag-gum,
 .flag-gu,
 .flag-316,
 .flag-ioc-gum,
 .flag-fifa-gum {
     background-image: url(../flags/png/gum.png);
     background-image: url(../flags/gum.svg)
 }
 
 .flag-guy,
 .flag-gy,
 .flag-328,
 .flag-ioc-guy,
 .flag-fifa-guy {
     background-image: url(../flags/png/guy.png);
     background-image: url(../flags/guy.svg)
 }
 
 .flag-hkg,
 .flag-hk,
 .flag-344,
 .flag-ioc-hkg,
 .flag-fifa-hkg {
     background-image: url(../flags/png/hkg.png);
     background-image: url(../flags/hkg.svg)
 }
 
 .flag-hmd,
 .flag-hm,
 .flag-334 {
     background-image: url(../flags/png/hmd.png);
     background-image: url(../flags/hmd.svg)
 }
 
 .flag-hnd,
 .flag-hn,
 .flag-340,
 .flag-ioc-hon,
 .flag-fifa-hon {
     background-image: url(../flags/png/hnd.png);
     background-image: url(../flags/hnd.svg)
 }
 
 .flag-hrv,
 .flag-hr,
 .flag-191,
 .flag-ioc-cro,
 .flag-fifa-cro {
     background-image: url(../flags/png/hrv.png);
     background-image: url(../flags/hrv.svg)
 }
 
 .flag-hti,
 .flag-ht,
 .flag-332,
 .flag-ioc-hai,
 .flag-fifa-hai {
     background-image: url(../flags/png/hti.png);
     background-image: url(../flags/hti.svg)
 }
 
 .flag-hun,
 .flag-hu,
 .flag-348,
 .flag-ioc-hun,
 .flag-fifa-hun {
     background-image: url(../flags/png/hun.png);
     background-image: url(../flags/hun.svg)
 }
 
 .flag-idn,
 .flag-id,
 .flag-360,
 .flag-ioc-ina,
 .flag-fifa-idn {
     background-image: url(../flags/png/idn.png);
     background-image: url(../flags/idn.svg)
 }
 
 .flag-imn,
 .flag-im,
 .flag-833,
 .flag-ioc-,
 .flag-fifa-gbm {
     background-image: url(../flags/png/imn.png);
     background-image: url(../flags/imn.svg)
 }
 
 .flag-ind,
 .flag-in,
 .flag-356,
 .flag-ioc-ind,
 .flag-fifa-ind {
     background-image: url(../flags/png/ind.png);
     background-image: url(../flags/ind.svg)
 }
 
 .flag-iot,
 .flag-io,
 .flag-86 {
     background-image: url(../flags/png/iot.png);
     background-image: url(../flags/iot.svg)
 }
 
 .flag-irl,
 .flag-ie,
 .flag-372,
 .flag-ioc-irl,
 .flag-fifa-irl {
     background-image: url(../flags/png/irl.png);
     background-image: url(../flags/irl.svg)
 }
 
 .flag-irn,
 .flag-ir,
 .flag-364,
 .flag-ioc-iri,
 .flag-fifa-irn {
     background-image: url(../flags/png/irn.png);
     background-image: url(../flags/irn.svg)
 }
 
 .flag-irq,
 .flag-iq,
 .flag-368,
 .flag-ioc-irq,
 .flag-fifa-irq {
     background-image: url(../flags/png/irq.png);
     background-image: url(../flags/irq.svg)
 }
 
 .flag-isl,
 .flag-is,
 .flag-352,
 .flag-ioc-isl,
 .flag-fifa-isl {
     background-image: url(../flags/png/isl.png);
     background-image: url(../flags/isl.svg)
 }
 
 .flag-isr,
 .flag-il,
 .flag-376,
 .flag-ioc-isr,
 .flag-fifa-isr {
     background-image: url(../flags/png/isr.png);
     background-image: url(../flags/isr.svg)
 }
 
 .flag-ita,
 .flag-it,
 .flag-380,
 .flag-ioc-ita,
 .flag-fifa-ita {
     background-image: url(../flags/png/ita.png);
     background-image: url(../flags/ita.svg)
 }
 
 .flag-jam,
 .flag-jm,
 .flag-388,
 .flag-ioc-jam,
 .flag-fifa-jam {
     background-image: url(../flags/png/jam.png);
     background-image: url(../flags/jam.svg)
 }
 
 .flag-jey,
 .flag-je,
 .flag-832,
 .flag-ioc-,
 .flag-fifa-gbj {
     background-image: url(../flags/png/jey.png);
     background-image: url(../flags/jey.svg)
 }
 
 .flag-jor,
 .flag-jo,
 .flag-400,
 .flag-ioc-jor,
 .flag-fifa-jor {
     background-image: url(../flags/png/jor.png);
     background-image: url(../flags/jor.svg)
 }
 
 .flag-jpn,
 .flag-jp,
 .flag-392,
 .flag-ioc-jpn,
 .flag-fifa-jpn {
     background-image: url(../flags/png/jpn.png);
     background-image: url(../flags/jpn.svg)
 }
 
 .flag-kaz,
 .flag-kz,
 .flag-398,
 .flag-ioc-kaz,
 .flag-fifa-kaz {
     background-image: url(../flags/png/kaz.png);
     background-image: url(../flags/kaz.svg)
 }
 
 .flag-ken,
 .flag-ke,
 .flag-404,
 .flag-ioc-ken,
 .flag-fifa-ken {
     background-image: url(../flags/png/ken.png);
     background-image: url(../flags/ken.svg)
 }
 
 .flag-kgz,
 .flag-kg,
 .flag-417,
 .flag-ioc-kgz,
 .flag-fifa-kgz {
     background-image: url(../flags/png/kgz.png);
     background-image: url(../flags/kgz.svg)
 }
 
 .flag-khm,
 .flag-kh,
 .flag-116,
 .flag-ioc-cam,
 .flag-fifa-cam {
     background-image: url(../flags/png/khm.png);
     background-image: url(../flags/khm.svg)
 }
 
 .flag-kir,
 .flag-ki,
 .flag-296,
 .flag-ioc-kir,
 .flag-fifa-kir {
     background-image: url(../flags/png/kir.png);
     background-image: url(../flags/kir.svg)
 }
 
 .flag-kna,
 .flag-kn,
 .flag-659,
 .flag-ioc-skn,
 .flag-fifa-skn {
     background-image: url(../flags/png/kna.png);
     background-image: url(../flags/kna.svg)
 }
 
 .flag-kor,
 .flag-kr,
 .flag-410,
 .flag-ioc-kor,
 .flag-fifa-kor {
     background-image: url(../flags/png/kor.png);
     background-image: url(../flags/kor.svg)
 }
 
 .flag-kwt,
 .flag-kw,
 .flag-414,
 .flag-ioc-kuw,
 .flag-fifa-kuw {
     background-image: url(../flags/png/kwt.png);
     background-image: url(../flags/kwt.svg)
 }
 
 .flag-lao,
 .flag-la,
 .flag-418,
 .flag-ioc-lao,
 .flag-fifa-lao {
     background-image: url(../flags/png/lao.png);
     background-image: url(../flags/lao.svg)
 }
 
 .flag-lbn,
 .flag-lb,
 .flag-422,
 .flag-ioc-lib,
 .flag-fifa-lib {
     background-image: url(../flags/png/lbn.png);
     background-image: url(../flags/lbn.svg)
 }
 
 .flag-lbr,
 .flag-lr,
 .flag-430,
 .flag-ioc-lbr,
 .flag-fifa-lbr {
     background-image: url(../flags/png/lbr.png);
     background-image: url(../flags/lbr.svg)
 }
 
 .flag-lby,
 .flag-ly,
 .flag-434,
 .flag-ioc-lba,
 .flag-fifa-lby {
     background-image: url(../flags/png/lby.png);
     background-image: url(../flags/lby.svg)
 }
 
 .flag-lca,
 .flag-lc,
 .flag-662,
 .flag-ioc-lca,
 .flag-fifa-lca {
     background-image: url(../flags/png/lca.png);
     background-image: url(../flags/lca.svg)
 }
 
 .flag-lie,
 .flag-li,
 .flag-438,
 .flag-ioc-lie,
 .flag-fifa-lie {
     background-image: url(../flags/png/lie.png);
     background-image: url(../flags/lie.svg)
 }
 
 .flag-lka,
 .flag-lk,
 .flag-144,
 .flag-ioc-sri,
 .flag-fifa-sri {
     background-image: url(../flags/png/lka.png);
     background-image: url(../flags/lka.svg)
 }
 
 .flag-lso,
 .flag-ls,
 .flag-426,
 .flag-ioc-les,
 .flag-fifa-les {
     background-image: url(../flags/png/lso.png);
     background-image: url(../flags/lso.svg)
 }
 
 .flag-ltu,
 .flag-lt,
 .flag-440,
 .flag-ioc-ltu,
 .flag-fifa-ltu {
     background-image: url(../flags/png/ltu.png);
     background-image: url(../flags/ltu.svg)
 }
 
 .flag-lux,
 .flag-lu,
 .flag-442,
 .flag-ioc-lux,
 .flag-fifa-lux {
     background-image: url(../flags/png/lux.png);
     background-image: url(../flags/lux.svg)
 }
 
 .flag-lva,
 .flag-lv,
 .flag-428,
 .flag-ioc-lat,
 .flag-fifa-lva {
     background-image: url(../flags/png/lva.png);
     background-image: url(../flags/lva.svg)
 }
 
 .flag-mac,
 .flag-mo,
 .flag-446,
 .flag-ioc-mac,
 .flag-fifa-mac {
     background-image: url(../flags/png/mac.png);
     background-image: url(../flags/mac.svg)
 }
 
 .flag-maf,
 .flag-mf,
 .flag-663 {
     background-image: url(../flags/png/maf.png);
     background-image: url(../flags/maf.svg)
 }
 
 .flag-mar,
 .flag-ma,
 .flag-504,
 .flag-ioc-mar,
 .flag-fifa-mar {
     background-image: url(../flags/png/mar.png);
     background-image: url(../flags/mar.svg)
 }
 
 .flag-mco,
 .flag-mc,
 .flag-492,
 .flag-ioc-mon,
 .flag-fifa-mon {
     background-image: url(../flags/png/mco.png);
     background-image: url(../flags/mco.svg)
 }
 
 .flag-mda,
 .flag-md,
 .flag-498,
 .flag-ioc-mda,
 .flag-fifa-mda {
     background-image: url(../flags/png/mda.png);
     background-image: url(../flags/mda.svg)
 }
 
 .flag-mdg,
 .flag-mg,
 .flag-450,
 .flag-ioc-mad,
 .flag-fifa-mad {
     background-image: url(../flags/png/mdg.png);
     background-image: url(../flags/mdg.svg)
 }
 
 .flag-mdv,
 .flag-mv,
 .flag-462,
 .flag-ioc-mdv,
 .flag-fifa-mdv {
     background-image: url(../flags/png/mdv.png);
     background-image: url(../flags/mdv.svg)
 }
 
 .flag-mex,
 .flag-mx,
 .flag-484,
 .flag-ioc-mex,
 .flag-fifa-mex {
     background-image: url(../flags/png/mex.png);
     background-image: url(../flags/mex.svg)
 }
 
 .flag-mhl,
 .flag-mh,
 .flag-584,
 .flag-ioc-msh,
 .flag-fifa-mhl {
     background-image: url(../flags/png/mhl.png);
     background-image: url(../flags/mhl.svg)
 }
 
 .flag-mkd,
 .flag-mk,
 .flag-807,
 .flag-ioc-mkd,
 .flag-fifa-mkd {
     background-image: url(../flags/png/mkd.png);
     background-image: url(../flags/mkd.svg)
 }
 
 .flag-mli,
 .flag-ml,
 .flag-466,
 .flag-ioc-mli,
 .flag-fifa-mli {
     background-image: url(../flags/png/mli.png);
     background-image: url(../flags/mli.svg)
 }
 
 .flag-mlt,
 .flag-mt,
 .flag-470,
 .flag-ioc-mlt,
 .flag-fifa-mlt {
     background-image: url(../flags/png/mlt.png);
     background-image: url(../flags/mlt.svg)
 }
 
 .flag-mmr,
 .flag-mm,
 .flag-104,
 .flag-ioc-mya,
 .flag-fifa-mya {
     background-image: url(../flags/png/mmr.png);
     background-image: url(../flags/mmr.svg)
 }
 
 .flag-mne,
 .flag-me,
 .flag-499,
 .flag-ioc-mgo,
 .flag-fifa-mne {
     background-image: url(../flags/png/mne.png);
     background-image: url(../flags/mne.svg)
 }
 
 .flag-mng,
 .flag-mn,
 .flag-496,
 .flag-ioc-mgl,
 .flag-fifa-mng {
     background-image: url(../flags/png/mng.png);
     background-image: url(../flags/mng.svg)
 }
 
 .flag-mnp,
 .flag-mp,
 .flag-580,
 .flag-ioc-nma,
 .flag-fifa-nmi {
     background-image: url(../flags/png/mnp.png);
     background-image: url(../flags/mnp.svg)
 }
 
 .flag-moz,
 .flag-mz,
 .flag-508,
 .flag-ioc-moz,
 .flag-fifa-moz {
     background-image: url(../flags/png/moz.png);
     background-image: url(../flags/moz.svg)
 }
 
 .flag-mrt,
 .flag-mr,
 .flag-478,
 .flag-ioc-mtn,
 .flag-fifa-mtn {
     background-image: url(../flags/png/mrt.png);
     background-image: url(../flags/mrt.svg)
 }
 
 .flag-msr,
 .flag-ms,
 .flag-500,
 .flag-ioc-mnt,
 .flag-fifa-msr {
     background-image: url(../flags/png/msr.png);
     background-image: url(../flags/msr.svg)
 }
 
 .flag-mtq,
 .flag-mq,
 .flag-474,
 .flag-ioc-mrt,
 .flag-fifa-mtq {
     background-image: url(../flags/png/mtq.png);
     background-image: url(../flags/mtq.svg)
 }
 
 .flag-mus,
 .flag-mu,
 .flag-480,
 .flag-ioc-mri,
 .flag-fifa-mri {
     background-image: url(../flags/png/mus.png);
     background-image: url(../flags/mus.svg)
 }
 
 .flag-mwi,
 .flag-mw,
 .flag-454,
 .flag-ioc-maw,
 .flag-fifa-mwi {
     background-image: url(../flags/png/mwi.png);
     background-image: url(../flags/mwi.svg)
 }
 
 .flag-mys,
 .flag-my,
 .flag-458,
 .flag-ioc-mas,
 .flag-fifa-mas {
     background-image: url(../flags/png/mys.png);
     background-image: url(../flags/mys.svg)
 }
 
 .flag-myt,
 .flag-yt,
 .flag-175,
 .flag-ioc-may,
 .flag-fifa-myt {
     background-image: url(../flags/png/myt.png);
     background-image: url(../flags/myt.svg)
 }
 
 .flag-nam,
 .flag-na,
 .flag-516,
 .flag-ioc-nam,
 .flag-fifa-nam {
     background-image: url(../flags/png/nam.png);
     background-image: url(../flags/nam.svg)
 }
 
 .flag-ncl,
 .flag-nc,
 .flag-540,
 .flag-ioc-ncd,
 .flag-fifa-ncl {
     background-image: url(../flags/png/ncl.png);
     background-image: url(../flags/ncl.svg)
 }
 
 .flag-ner,
 .flag-ne,
 .flag-562,
 .flag-ioc-nig,
 .flag-fifa-nig {
     background-image: url(../flags/png/ner.png);
     background-image: url(../flags/ner.svg)
 }
 
 .flag-nfk,
 .flag-nf,
 .flag-574,
 .flag-ioc-nfi,
 .flag-fifa-nfk {
     background-image: url(../flags/png/nfk.png);
     background-image: url(../flags/nfk.svg)
 }
 
 .flag-nga,
 .flag-ng,
 .flag-566,
 .flag-ioc-ngr,
 .flag-fifa-nga {
     background-image: url(../flags/png/nga.png);
     background-image: url(../flags/nga.svg)
 }
 
 .flag-nic,
 .flag-ni,
 .flag-558,
 .flag-ioc-nca,
 .flag-fifa-nca {
     background-image: url(../flags/png/nic.png);
     background-image: url(../flags/nic.svg)
 }
 
 .flag-niu,
 .flag-nu,
 .flag-570,
 .flag-ioc-niu,
 .flag-fifa-niu {
     background-image: url(../flags/png/niu.png);
     background-image: url(../flags/niu.svg)
 }
 
 .flag-nld,
 .flag-nl,
 .flag-528,
 .flag-ioc-ned,
 .flag-fifa-ned {
     background-image: url(../flags/png/nld.png);
     background-image: url(../flags/nld.svg)
 }
 
 .flag-nor,
 .flag-no,
 .flag-578,
 .flag-ioc-nor,
 .flag-fifa-nor {
     background-image: url(../flags/png/nor.png);
     background-image: url(../flags/nor.svg)
 }
 
 .flag-npl,
 .flag-np,
 .flag-524,
 .flag-ioc-nep,
 .flag-fifa-nep {
     background-image: url(../flags/png/npl.png);
     background-image: url(../flags/npl.svg)
 }
 
 .flag-nru,
 .flag-nr,
 .flag-520,
 .flag-ioc-nru,
 .flag-fifa-nru {
     background-image: url(../flags/png/nru.png);
     background-image: url(../flags/nru.svg)
 }
 
 .flag-nzl,
 .flag-nz,
 .flag-554,
 .flag-ioc-nzl,
 .flag-fifa-nzl {
     background-image: url(../flags/png/nzl.png);
     background-image: url(../flags/nzl.svg)
 }
 
 .flag-omn,
 .flag-om,
 .flag-512,
 .flag-ioc-oma,
 .flag-fifa-oma {
     background-image: url(../flags/png/omn.png);
     background-image: url(../flags/omn.svg)
 }
 
 .flag-pak,
 .flag-pk,
 .flag-586,
 .flag-ioc-pak,
 .flag-fifa-pak {
     background-image: url(../flags/png/pak.png);
     background-image: url(../flags/pak.svg)
 }
 
 .flag-pan,
 .flag-pa,
 .flag-591,
 .flag-ioc-pan,
 .flag-fifa-pan {
     background-image: url(../flags/png/pan.png);
     background-image: url(../flags/pan.svg)
 }
 
 .flag-pcn,
 .flag-pn,
 .flag-612,
 .flag-ioc-,
 .flag-fifa-pcn {
     background-image: url(../flags/png/pcn.png);
     background-image: url(../flags/pcn.svg)
 }
 
 .flag-per,
 .flag-pe,
 .flag-604,
 .flag-ioc-per,
 .flag-fifa-per {
     background-image: url(../flags/png/per.png);
     background-image: url(../flags/per.svg)
 }
 
 .flag-phl,
 .flag-ph,
 .flag-608,
 .flag-ioc-phi,
 .flag-fifa-phi {
     background-image: url(../flags/png/phl.png);
     background-image: url(../flags/phl.svg)
 }
 
 .flag-plw,
 .flag-pw,
 .flag-585,
 .flag-ioc-plw,
 .flag-fifa-plw {
     background-image: url(../flags/png/plw.png);
     background-image: url(../flags/plw.svg)
 }
 
 .flag-png,
 .flag-pg,
 .flag-598,
 .flag-ioc-png,
 .flag-fifa-png {
     background-image: url(../flags/png/png.png);
     background-image: url(../flags/png.svg)
 }
 
 .flag-pol,
 .flag-pl,
 .flag-616,
 .flag-ioc-pol,
 .flag-fifa-pol {
     background-image: url(../flags/png/pol.png);
     background-image: url(../flags/pol.svg)
 }
 
 .flag-pri,
 .flag-pr,
 .flag-630,
 .flag-ioc-pur,
 .flag-fifa-pur {
     background-image: url(../flags/png/pri.png);
     background-image: url(../flags/pri.svg)
 }
 
 .flag-prk,
 .flag-kp,
 .flag-408,
 .flag-ioc-prk,
 .flag-fifa-prk {
     background-image: url(../flags/png/prk.png);
     background-image: url(../flags/prk.svg)
 }
 
 .flag-prt,
 .flag-pt,
 .flag-620,
 .flag-ioc-por,
 .flag-fifa-por {
     background-image: url(../flags/png/prt.png);
     background-image: url(../flags/prt.svg)
 }
 
 .flag-pry,
 .flag-py,
 .flag-600,
 .flag-ioc-par,
 .flag-fifa-par {
     background-image: url(../flags/png/pry.png);
     background-image: url(../flags/pry.svg)
 }
 
 .flag-pse,
 .flag-ps,
 .flag-275,
 .flag-ioc-ple,
 .flag-fifa-ple {
     background-image: url(../flags/png/pse.png);
     background-image: url(../flags/pse.svg)
 }
 
 .flag-pyf,
 .flag-pf,
 .flag-258,
 .flag-ioc-fpo,
 .flag-fifa-tah2 {
     background-image: url(../flags/png/pyf.png);
     background-image: url(../flags/pyf.svg)
 }
 
 .flag-qat,
 .flag-qa,
 .flag-634,
 .flag-ioc-qat,
 .flag-fifa-qat {
     background-image: url(../flags/png/qat.png);
     background-image: url(../flags/qat.svg)
 }
 
 .flag-reu,
 .flag-re,
 .flag-638,
 .flag-ioc-reu,
 .flag-fifa-reu {
     background-image: url(../flags/png/reu.png);
     background-image: url(../flags/reu.svg)
 }
 
 .flag-rou,
 .flag-ro,
 .flag-642,
 .flag-ioc-rou,
 .flag-fifa-rou {
     background-image: url(../flags/png/rou.png);
     background-image: url(../flags/rou.svg)
 }
 
 .flag-rus,
 .flag-ru,
 .flag-643,
 .flag-ioc-rus,
 .flag-fifa-rus {
     background-image: url(../flags/png/rus.png);
     background-image: url(../flags/rus.svg)
 }
 
 .flag-rwa,
 .flag-rw,
 .flag-646,
 .flag-ioc-rwa,
 .flag-fifa-rwa {
     background-image: url(../flags/png/rwa.png);
     background-image: url(../flags/rwa.svg)
 }
 
 .flag-sau,
 .flag-sa,
 .flag-682,
 .flag-ioc-ksa,
 .flag-fifa-ksa {
     background-image: url(../flags/png/sau.png);
     background-image: url(../flags/sau.svg)
 }
 
 .flag-sdn,
 .flag-sd,
 .flag-729,
 .flag-ioc-sud,
 .flag-fifa-sud {
     background-image: url(../flags/png/sdn.png);
     background-image: url(../flags/sdn.svg)
 }
 
 .flag-sen,
 .flag-sn,
 .flag-686,
 .flag-ioc-sen,
 .flag-fifa-sen {
     background-image: url(../flags/png/sen.png);
     background-image: url(../flags/sen.svg)
 }
 
 .flag-sgp,
 .flag-sg,
 .flag-702,
 .flag-ioc-sin,
 .flag-fifa-sin {
     background-image: url(../flags/png/sgp.png);
     background-image: url(../flags/sgp.svg)
 }
 
 .flag-sgs,
 .flag-gs,
 .flag-239 {
     background-image: url(../flags/png/sgs.png);
     background-image: url(../flags/sgs.svg)
 }
 
 .flag-shn,
 .flag-sh,
 .flag-654,
 .flag-ioc-hel,
 .flag-fifa-shn {
     background-image: url(../flags/png/shn.png);
     background-image: url(../flags/shn.svg)
 }
 
 .flag-sjm,
 .flag-sj,
 .flag-744 {
     background-image: url(../flags/png/sjm.png);
     background-image: url(../flags/sjm.svg)
 }
 
 .flag-slb,
 .flag-sb,
 .flag-90,
 .flag-ioc-sol,
 .flag-fifa-sol {
     background-image: url(../flags/png/slb.png);
     background-image: url(../flags/slb.svg)
 }
 
 .flag-sle,
 .flag-sl,
 .flag-694,
 .flag-ioc-sle,
 .flag-fifa-sle {
     background-image: url(../flags/png/sle.png);
     background-image: url(../flags/sle.svg)
 }
 
 .flag-slv,
 .flag-sv,
 .flag-222,
 .flag-ioc-esa,
 .flag-fifa-slv {
     background-image: url(../flags/png/slv.png);
     background-image: url(../flags/slv.svg)
 }
 
 .flag-smr,
 .flag-sm,
 .flag-674,
 .flag-ioc-smr,
 .flag-fifa-smr {
     background-image: url(../flags/png/smr.png);
     background-image: url(../flags/smr.svg)
 }
 
 .flag-som,
 .flag-so,
 .flag-706,
 .flag-ioc-som,
 .flag-fifa-som {
     background-image: url(../flags/png/som.png);
     background-image: url(../flags/som.svg)
 }
 
 .flag-spm,
 .flag-pm,
 .flag-666,
 .flag-ioc-spm,
 .flag-fifa-spm {
     background-image: url(../flags/png/spm.png);
     background-image: url(../flags/spm.svg)
 }
 
 .flag-srb,
 .flag-rs,
 .flag-688,
 .flag-ioc-srb,
 .flag-fifa-srb {
     background-image: url(../flags/png/srb.png);
     background-image: url(../flags/srb.svg)
 }
 
 .flag-ssd,
 .flag-ss,
 .flag-728 {
     background-image: url(../flags/png/ssd.png);
     background-image: url(../flags/ssd.svg)
 }
 
 .flag-stp,
 .flag-st,
 .flag-678,
 .flag-ioc-stp,
 .flag-fifa-stp {
     background-image: url(../flags/png/stp.png);
     background-image: url(../flags/stp.svg)
 }
 
 .flag-sur,
 .flag-sr,
 .flag-740,
 .flag-ioc-sur,
 .flag-fifa-sur {
     background-image: url(../flags/png/sur.png);
     background-image: url(../flags/sur.svg)
 }
 
 .flag-svk,
 .flag-sk,
 .flag-703,
 .flag-ioc-svk,
 .flag-fifa-svk {
     background-image: url(../flags/png/svk.png);
     background-image: url(../flags/svk.svg)
 }
 
 .flag-svn,
 .flag-si,
 .flag-705,
 .flag-ioc-slo,
 .flag-fifa-svn {
     background-image: url(../flags/png/svn.png);
     background-image: url(../flags/svn.svg)
 }
 
 .flag-swe,
 .flag-se,
 .flag-752,
 .flag-ioc-swe,
 .flag-fifa-swe {
     background-image: url(../flags/png/swe.png);
     background-image: url(../flags/swe.svg)
 }
 
 .flag-swz,
 .flag-sz,
 .flag-748,
 .flag-ioc-swz,
 .flag-fifa-swz {
     background-image: url(../flags/png/swz.png);
     background-image: url(../flags/swz.svg)
 }
 
 .flag-sxm,
 .flag-sx,
 .flag-534 {
     background-image: url(../flags/png/sxm.png);
     background-image: url(../flags/sxm.svg)
 }
 
 .flag-syc,
 .flag-sc,
 .flag-690,
 .flag-ioc-sey,
 .flag-fifa-sey {
     background-image: url(../flags/png/syc.png);
     background-image: url(../flags/syc.svg)
 }
 
 .flag-syr,
 .flag-sy,
 .flag-760,
 .flag-ioc-syr,
 .flag-fifa-syr {
     background-image: url(../flags/png/syr.png);
     background-image: url(../flags/syr.svg)
 }
 
 .flag-tca,
 .flag-tc,
 .flag-796,
 .flag-ioc-tks,
 .flag-fifa-tca {
     background-image: url(../flags/png/tca.png);
     background-image: url(../flags/tca.svg)
 }
 
 .flag-tcd,
 .flag-td,
 .flag-148,
 .flag-ioc-cha,
 .flag-fifa-cha {
     background-image: url(../flags/png/tcd.png);
     background-image: url(../flags/tcd.svg)
 }
 
 .flag-tgo,
 .flag-tg,
 .flag-768,
 .flag-ioc-tog,
 .flag-fifa-tog {
     background-image: url(../flags/png/tgo.png);
     background-image: url(../flags/tgo.svg)
 }
 
 .flag-tha,
 .flag-th,
 .flag-764,
 .flag-ioc-tha,
 .flag-fifa-tha {
     background-image: url(../flags/png/tha.png);
     background-image: url(../flags/tha.svg)
 }
 
 .flag-tjk,
 .flag-tj,
 .flag-762,
 .flag-ioc-tjk,
 .flag-fifa-tjk {
     background-image: url(../flags/png/tjk.png);
     background-image: url(../flags/tjk.svg)
 }
 
 .flag-tkl,
 .flag-tk,
 .flag-772,
 .flag-ioc-,
 .flag-fifa-tkl {
     background-image: url(../flags/png/tkl.png);
     background-image: url(../flags/tkl.svg)
 }
 
 .flag-tkm,
 .flag-tm,
 .flag-795,
 .flag-ioc-tkm,
 .flag-fifa-tkm {
     background-image: url(../flags/png/tkm.png);
     background-image: url(../flags/tkm.svg)
 }
 
 .flag-tls,
 .flag-tl,
 .flag-626,
 .flag-ioc-tls,
 .flag-fifa-tls {
     background-image: url(../flags/png/tls.png);
     background-image: url(../flags/tls.svg)
 }
 
 .flag-ton,
 .flag-to,
 .flag-776,
 .flag-ioc-tga,
 .flag-fifa-tga {
     background-image: url(../flags/png/ton.png);
     background-image: url(../flags/ton.svg)
 }
 
 .flag-tto,
 .flag-tt,
 .flag-780,
 .flag-ioc-tto,
 .flag-fifa-tri {
     background-image: url(../flags/png/tto.png);
     background-image: url(../flags/tto.svg)
 }
 
 .flag-tun,
 .flag-tn,
 .flag-788,
 .flag-ioc-tun,
 .flag-fifa-tun {
     background-image: url(../flags/png/tun.png);
     background-image: url(../flags/tun.svg)
 }
 
 .flag-tur,
 .flag-tr,
 .flag-792,
 .flag-ioc-tur,
 .flag-fifa-tur {
     background-image: url(../flags/png/tur.png);
     background-image: url(../flags/tur.svg)
 }
 
 .flag-tuv,
 .flag-tv,
 .flag-798,
 .flag-ioc-tuv,
 .flag-fifa-tuv {
     background-image: url(../flags/png/tuv.png);
     background-image: url(../flags/tuv.svg)
 }
 
 .flag-twn,
 .flag-tw,
 .flag-158 {
     background-image: url(../flags/png/twn.png);
     background-image: url(../flags/twn.svg)
 }
 
 .flag-tza,
 .flag-tz,
 .flag-834,
 .flag-ioc-tan,
 .flag-fifa-tan {
     background-image: url(../flags/png/tza.png);
     background-image: url(../flags/tza.svg)
 }
 
 .flag-uga,
 .flag-ug,
 .flag-800,
 .flag-ioc-uga,
 .flag-fifa-uga {
     background-image: url(../flags/png/uga.png);
     background-image: url(../flags/uga.svg)
 }
 
 .flag-ukr,
 .flag-ua,
 .flag-804,
 .flag-ioc-ukr,
 .flag-fifa-ukr {
     background-image: url(../flags/png/ukr.png);
     background-image: url(../flags/ukr.svg)
 }
 
 .flag-umi,
 .flag-um,
 .flag-581 {
     background-image: url(../flags/png/umi.png);
     background-image: url(../flags/umi.svg)
 }
 
 .flag-ury,
 .flag-uy,
 .flag-858,
 .flag-ioc-uru,
 .flag-fifa-uru {
     background-image: url(../flags/png/ury.png);
     background-image: url(../flags/ury.svg)
 }
 
 .flag-usa,
 .flag-us,
 .flag-840,
 .flag-ioc-usa,
 .flag-fifa-usa {
     background-image: url(../flags/png/usa.png);
     background-image: url(../flags/usa.svg)
 }
 
 .flag-uzb,
 .flag-uz,
 .flag-860,
 .flag-ioc-uzb,
 .flag-fifa-uzb {
     background-image: url(../flags/png/uzb.png);
     background-image: url(../flags/uzb.svg)
 }
 
 .flag-vat,
 .flag-va,
 .flag-336,
 .flag-ioc-,
 .flag-fifa-vat {
     background-image: url(../flags/png/vat.png);
     background-image: url(../flags/vat.svg)
 }
 
 .flag-vct,
 .flag-vc,
 .flag-670,
 .flag-ioc-vin,
 .flag-fifa-vin {
     background-image: url(../flags/png/vct.png);
     background-image: url(../flags/vct.svg)
 }
 
 .flag-ven,
 .flag-ve,
 .flag-862,
 .flag-ioc-ven,
 .flag-fifa-ven {
     background-image: url(../flags/png/ven.png);
     background-image: url(../flags/ven.svg)
 }
 
 .flag-vgb,
 .flag-vg,
 .flag-92,
 .flag-ioc-ivb,
 .flag-fifa-vgb {
     background-image: url(../flags/png/vgb.png);
     background-image: url(../flags/vgb.svg)
 }
 
 .flag-vir,
 .flag-vi,
 .flag-850,
 .flag-ioc-isv,
 .flag-fifa-vir {
     background-image: url(../flags/png/vir.png);
     background-image: url(../flags/vir.svg)
 }
 
 .flag-vnm,
 .flag-vn,
 .flag-704,
 .flag-ioc-vie,
 .flag-fifa-vie {
     background-image: url(../flags/png/vnm.png);
     background-image: url(../flags/vnm.svg)
 }
 
 .flag-vut,
 .flag-vu,
 .flag-548,
 .flag-ioc-van,
 .flag-fifa-van {
     background-image: url(../flags/png/vut.png);
     background-image: url(../flags/vut.svg)
 }
 
 .flag-wlf,
 .flag-wf,
 .flag-876,
 .flag-ioc-waf,
 .flag-fifa-wlf {
     background-image: url(../flags/png/wlf.png);
     background-image: url(../flags/wlf.svg)
 }
 
 .flag-wsm,
 .flag-ws,
 .flag-882,
 .flag-ioc-sam,
 .flag-fifa-sam {
     background-image: url(../flags/png/wsm.png);
     background-image: url(../flags/wsm.svg)
 }
 
 .flag-yem,
 .flag-ye,
 .flag-887,
 .flag-ioc-yem,
 .flag-fifa-yem {
     background-image: url(../flags/png/yem.png);
     background-image: url(../flags/yem.svg)
 }
 
 .flag-zaf,
 .flag-za,
 .flag-710,
 .flag-ioc-rsa,
 .flag-fifa-rsa {
     background-image: url(../flags/png/zaf.png);
     background-image: url(../flags/zaf.svg)
 }
 
 .flag-zmb,
 .flag-zm,
 .flag-894,
 .flag-ioc-zam,
 .flag-fifa-zam {
     background-image: url(../flags/png/zmb.png);
     background-image: url(../flags/zmb.svg)
 }
 
 .flag-zwe,
 .flag-zw,
 .flag-716,
 .flag-ioc-zim,
 .flag-fifa-zim {
     background-image: url(../flags/png/zwe.png);
     background-image: url(../flags/zwe.svg)
 }
 
 .flag-fifa-eng {
     background-image: url(../flags/png/eng.png);
     background-image: url(../flags/eng.svg)
 }
 
 .flag-eur,
 .flag-eu {
     background-image: url(../flags/png/eur.png);
     background-image: url(../flags/eur.svg)
 }
 
 .flag-ioc-kos {
     background-image: url(../flags/png/kos.png);
     background-image: url(../flags/kos.svg)
 }
 
 .flag-fifa-nir {
     background-image: url(../flags/png/nir.png);
     background-image: url(../flags/nir.svg)
 }
 
 .flag-ico-tpe,
 .flag-fifa-tpe {
     background-image: url(../flags/png/tpe.png);
     background-image: url(../flags/tpe.svg)
 }
 
 .flag-fifa-sco {
     background-image: url(../flags/png/sco.png);
     background-image: url(../flags/sco.svg)
 }
 
 .flag-fifa-wal {
     background-image: url(../flags/png/wal.png);
     background-image: url(../flags/wal.svg)
 }
 
 html {
     box-sizing: border-box
 }
 
 body {
     font-size: 16px;
     font-family: 'Roboto', Arial, sans-serif;
 }
 
 @media screen and (max-width: 480px) {
     body {
         font-size: 14px
     }
 }
 
 .not-found .btn-default {
     width: auto;
     min-width: 200px
 }
 
 img {
     max-width: 100%
 }
 
 .popupAnimation,
 .team-list .team-box,
 .stream-list .stream-box,
 .card-list .card,
 .tournament .standings .col li>a {
     -webkit-transform: perspective(0);
     -moz-transform: perspective(0);
     transform: perspective(0);
     -webkit-transition: all .25s ease-in-out;
     transition: all .25s ease-in-out
 }
 
 .popupAnimation:hover,
 .team-list .team-box:hover,
 .stream-list .stream-box:hover,
 .card-list .card:hover,
 .tournament .standings .col li>a:hover {
     box-shadow: 0 12px 48px rgba(0, 0, 0, 0.15);
     -webkit-transform: translateY(-2px) translateZ(0);
     -moz-transform: translateY(-2px) translateZ(0);
     transform: translateY(-2px) translateZ(0)
 }
 
 *,
 *::before,
 *::after {
     box-sizing: inherit
 }
 
 a {
     color: #fff;
     text-decoration: none;
     display: inline-block
 }
 
 a:hover,
 a:active,
 a:focus {
     color: #fff;
     text-decoration: none
 }
 
 ul {
     padding: 0;
     margin: 0;
     list-style-type: none
 }
 
 p,
 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
     margin: 0
 }
 
 a,
 p,
 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
     word-break: break-word
 }
 
 .relative,
 ul.members li,
 .featured-box,
 .container,
 .news-container,
 header,
 header .nav-placeholder,
 header .nav-placeholder .navbar li,
 header .nav-placeholder .search,
 header .slider-progress-bar,
 header .slider-progress-bar .progress-line,
 header .slider-thumbnails,
 .section-header ul li,
 .news-container aside .sidebar-widget .small,
 .news-container aside .sidebar-widget .small .overlay,
 .stream-list .stream-box,
 .tournament-list .tournament-box,
 .shop .product-details,
 .shop-boxes .box,
 .hero,
 .teams .filter-list li .checkbox-container,
 .matches .filter-list li .checkbox-container,
 .match-page .filter-list li .checkbox-container,
 .gallery .gallery-images a,
 .single-page .comment-container>ul,
 .sponsors .sp-list .sp-box,
 .tournament .match-schedule .wrapper .match-details,
 .brackets .bracket-wrapper .jQBracket .team .score,
 .brackets .bracket-wrapper .jQBracket .team.lose .score {
     position: relative
 }
 
 .absolute,
 header .nav-placeholder .navbar li.menu-item-has-children .sub-menu,
 header .hero-slider,
 footer .back-to-top,
 footer .bottom-bar .bottom-links li.menu-item-has-children .sub-menu,
 .stream-list .stream-box .overlay,
 .shop .product-details .shop-cta,
 .shop .tab-content .slider .owl-nav {
     position: absolute
 }
 
 .overflow-hidden,
 footer,
 .team-list .team-box,
 .stream-list .stream-box,
 .single-page .comment-container>ul {
     overflow: hidden
 }
 
 .logo {
     display: -webkit-flex;
     display: flex;
     -webkit-flex-direction: column;
     flex-direction: column;
     -webkit-align-items: center;
     align-items: center
 }
 
 .logo>ul {
     margin-top: 23px;
     display: -webkit-flex;
     display: flex
 }
 
 .logo>ul>li:not(:last-of-type) {
     margin-right: 25px
 }
 
 .logo>ul>li a {
     color: #921aff;
     font-size: .875em;
     -webkit-transition: color .6s ease-in-out;
     transition: color .6s ease-in-out
 }
 
 .logo>ul>li a:hover {
     color: #00ffff;
 }
 
 .logo>ul>li a img {
     max-width: 210px;
     max-height: 32px
 }
 
 @media screen and (max-width: 992px) {
     .logo {
         margin-top: -5px
     }
 }
 
 .skull-icon,
 .mask-icon,
 .grave-icon,
 .diagram-icon,
 .flag-icon,
 .winner-icon,
 .group-icon,
 .team-icon {
     background-repeat: no-repeat;
     background-position: bottom center;
     display: inline-block;
     height: 31px
 }
 
 .flag-icon {
     background-image: url("/assets/img/flag-icon.png");
     width: 27px;
     height: 29px
 }
 
 .winner-icon {
     background-image: url("/assets/img/winner-icon.png");
     width: 32px
 }
 
 .group-icon {
     background-image: url("/assets/img/group-icon.png");
     width: 32px
 }
 
 .team-icon {
     background-image: url("/assets/img/team-icon.png")
 }
 
 .skull-icon {
     background-image: url("/assets/img/skull_icon.png");
     width: 26px
 }
 
 .mask-icon {
     background-image: url("/assets/img/mask-icon.png");
     width: 34px
 }
 
 .grave-icon {
     background-image: url("/assets/img/grave_icon.png");
     width: 36px
 }
 
 .diagram-icon {
     background-image: url("/assets/img/diagram_icon.png");
     width: 27px
 }
 
 .arrow-right {
     background: url("/assets/img/arrow-right.svg") no-repeat center;
     background-size: contain;
     width: 60px;
     height: 14px;
     display: inline-block
 }
 
 .btn-radius-transition,
 header .hero-slider .slide .container .slide-caption .btn-default,
 header .hero-slider .slide .news-container .slide-caption .btn-default,
 .section-footer>a.btn-default,
 .shop .product-details .shop-cta .btn-default,
 .shop-boxes .box .product-details .shop-cta .btn-default,
 .single-page .comment-respond form button {
     -webkit-border-radius: 0;
     -moz-border-radius: 0;
     -ms-border-radius: 0;
     -o-border-radius: 0;
     border-radius: 0;
     -webkit-transition: border-radius .3s ease-in-out;
     transition: border-radius .3s ease-in-out
 }
 
 .btn-radius-transition:hover,
 header .hero-slider .slide .container .slide-caption .btn-default:hover,
 header .hero-slider .slide .news-container .slide-caption .btn-default:hover,
 .section-footer>a.btn-default:hover,
 .shop .product-details .shop-cta .btn-default:hover,
 .shop-boxes .box .product-details .shop-cta .btn-default:hover,
 .single-page .comment-respond form button:hover {
     -webkit-border-radius: 30px;
     -moz-border-radius: 30px;
     -ms-border-radius: 30px;
     -o-border-radius: 30px;
     border-radius: 30px
 }
 
 ul.members {
     display: -webkit-flex;
     display: flex;
     -webkit-align-items: center;
     align-items: center
 }
 
 ul.members li {
     background-position: center;
     background-size: cover;
     background-repeat: no-repeat;
     width: 44px;
     height: 44px;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     -ms-border-radius: 50%;
     -o-border-radius: 50%;
     border-radius: 50%;
     background: rgba(255, 255, 255, 0.1)
 }
 
 ul.members li:not(:last-child) {
     margin-right: 6px
 }
 
 ul.members li a img {
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     -ms-border-radius: 50%;
     -o-border-radius: 50%;
     border-radius: 50%;
     height: 44px;
     min-width: 44px;
     max-width: 44px;
     object-fit: cover
 }
 
 ul.members li a::after {
     width: 100%;
     height: 100%;
     background-color: #6931f9;
     position: absolute;
     content: "\f061";
     font-family: 'Font Awesome 5 Free';
     left: 0;
     opacity: 0;
     top: 0;
     font-weight: 600;
     display: -webkit-flex;
     display: flex;
     -webkit-align-items: center;
     align-items: center;
     -webkit-justify-content: center;
     justify-content: center;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     -ms-border-radius: 50%;
     -o-border-radius: 50%;
     border-radius: 50%;
     -webkit-transition: all .6s ease-in-out;
     transition: all .6s ease-in-out
 }
 
 ul.members li a:hover::after {
     opacity: 1
 }
 
 @media screen and (max-width: 769px) {
     .news .section-header,
     .tournaments .section-header,
     .shop .section-header,
     .streams .section-header {
         -webkit-flex-direction: column;
         flex-direction: column;
         -webkit-align-items: center;
         align-items: center
     }
     .news .section-header ul,
     .tournaments .section-header ul,
     .shop .section-header ul,
     .streams .section-header ul {
         margin-top: 20px;
         margin-left: 0
     }
 }
 
 @media screen and (max-width: 769px) and (max-width: 372px) {
     .news .section-header ul li:not(:last-of-type),
     .tournaments .section-header ul li:not(:last-of-type),
     .shop .section-header ul li:not(:last-of-type),
     .streams .section-header ul li:not(:last-of-type) {
         margin-right: 0
     }
 }
 
 @media screen and (max-width: 769px) and (max-width: 372px) {
     .news .section-header ul li:not(:last-of-type):before,
     .tournaments .section-header ul li:not(:last-of-type):before,
     .shop .section-header ul li:not(:last-of-type):before,
     .streams .section-header ul li:not(:last-of-type):before {
         display: none
     }
 }
 
 @media screen and (max-width: 769px) and (max-width: 372px) {
     .news .section-header ul li:last-of-type:before,
     .tournaments .section-header ul li:last-of-type:before,
     .shop .section-header ul li:last-of-type:before,
     .streams .section-header ul li:last-of-type:before {
         display: none
     }
 }
 
 @media screen and (max-width: 769px) and (max-width: 372px) {
     .news .section-header ul,
     .tournaments .section-header ul,
     .shop .section-header ul,
     .streams .section-header ul {
         -webkit-flex-direction: column;
         flex-direction: column;
         -webkit-align-items: center;
         align-items: center
     }
 }
 
 .pagination {
     display: -webkit-flex;
     display: flex;
     -webkit-justify-content: flex-end;
     justify-content: flex-end;
     margin-left: auto;
     margin-top: 42px
 }
 
 .pagination li {
     display: inline-block
 }
 
 .pagination li:not(:last-child) {
     margin-right: 20px
 }
 
 .pagination li a {
     font: 700 0.875em/1 "Roboto", sans-serif;
     color: #454f5b;
     -webkit-transition: color .6s ease-in-out;
     transition: color .6s ease-in-out
 }
 
 .pagination li a:hover,
 .pagination li a.active {
     color: #6931f9
 }
 
 @media screen and (max-width: 769px) {
     .pagination {
         -webkit-justify-content: center;
         justify-content: center
     }
 }
 
 .featured-box {
     min-height: 330px;
     z-index: 1;
     text-align: center
 }
 
 .featured-box img {
     max-height: 100%
 }
 
 @media screen and (max-width: 769px) {
     .featured-box {
         min-height: 118px
     }
 }
 
 .flex-height {
     min-height: 368px;
     height: auto !important
 }
 
 .tab-nav li {
     margin: 0 1px
 }
 
 .woocommerce #respond input#submit,
 .woocommerce a.button,
 .woocommerce button.button,
 .woocommerce input.button {
     color: #fff !important
 }
 
 .woocommerce #respond input#submit:hover,
 .woocommerce a.button:hover,
 .woocommerce button.button:hover,
 .woocommerce input.button:hover {
     color: #fff !important
 }
 
 .clearfix::after {
     clear: both;
     content: '';
     display: table
 }
 
 .container,
 .news-container {
     margin: 0 auto;
     width: 1200px
 }
 
 @media screen and (max-width: 1268px) {
     .container,
     .news-container {
         width: 991px
     }
 }
 
 @media screen and (max-width: 992px) {
     .container,
     .news-container {
         width: 768px
     }
 }
 
 @media screen and (max-width: 769px) {
     .container,
     .news-container {
         width: 100%;
         padding: 0 20px
     }
 }
 
 .hide-text {
     overflow: hidden;
     padding: 0;
     text-indent: 101%;
     white-space: nowrap
 }
 
 .visually-hidden {
     border: 0;
     clip: rect(0 0 0 0);
     height: 1px;
     margin: -1px;
     overflow: hidden;
     padding: 0;
     position: absolute;
     width: 1px
 }
 
 .display-flex {
     display: -webkit-flex;
     display: flex
 }
 
 .flex-direction-column {
     -webkit-flex-direction: column;
     flex-direction: column
 }
 
 .flex-align-center {
     -webkit-align-items: center;
     align-items: center
 }
 
 .flex-justify-center {
     -webkit-justify-content: center;
     justify-content: center
 }
 
 #owl-demo .item img {
     display: block;
     width: 100%;
     height: auto
 }
 
 #bar {
     width: 0%;
     max-width: 100%;
     height: 4px;
     background: #7fc242
 }
 
 #progressBar {
     width: 100%;
     background: #EDEDED
 }
 
 header {
     display: -webkit-flex;
     display: flex;
     -webkit-flex-direction: column;
     flex-direction: column;
     /* background-color: #0a0c11;
     */
     height: 988px;
     padding-bottom: 100px
 }
 
 @media screen and (max-width: 992px) {
     header {
         -webkit-justify-content: flex-start;
         justify-content: flex-start;
         -webkit-align-content: center;
         align-content: center
     }
 }
 /* CUSTOM */
 
 .blank-page {
     background: transparent;
/*      padding-top: 280px; */
 }
 
 .page-template-page-team .inner-page .inner-body article.top,
 .page-template-page-player .inner-page .inner-body article.top {
     margin-bottom: 0px !important;
 }
 
 .page-template-page-about .inner-page .inner-body article.top {
     justify-content: center;
     padding-bottom: 12px;
 }
 
 .page-template-page-team .inner-page .inner-body article.top p {
     margin-bottom: 0px !important;
 }
 
 .card-list.secondary-list .card .card-info .btn-default:hover,
 .team-list .team-box .team-foot .col .btn-default:hover,
 .tournament-list .tournament-box .btn-default:hover {
     box-shadow: initial !important;
 }
 
 .btn-default {
     position: relative;
 }
 
 .btn-default:before {
     display: block;
     content: attr(data-glitch);
     text-transform: uppercase;
     position: absolute;
     top: 0;
     left: 0;
     height: 100%;
     width: 100%;
     opacity: 1;
     background-color: transparent;
 }
 
 .btn-default:hover {
     border-radius: initial !important;
     background: transparent !important;
     background-color: transparent !important;
     z-index: 2;
 }
 
 .btn-default:hover:before {
     animation: glitch 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
     background-color: #df125a;
     z-index: -1;
 }
 
 #sb_instagram {
     max-width: 100% !important;
 }
 
 .sbi_photo {
     width: 220px !important;
     height: 220px !important;
 }
 
 @media screen and (max-width: 768px) {
     .sbi_photo {
         width: 100% !important;
         height: 100vw !important;
     }
     .footer-widget ul li i {
         font-size: 20px;
     }
 }
 
 #sbi_load {
     display: none;
 }
 
 #mainNav {
     transition: 0.4s;
 }
 
 .pressPack__download {
     background: #6931f9;
     margin-left: auto;
     height: 46px;
     transition: all .3s ease;
     padding: 8px 10px;
     text-align: center;
     display: flex;
     align-items: center;
     color: white;
 }
 
 .pressPack__download:hover {
     -webkit-border-radius: 30px;
     -moz-border-radius: 30px;
     -ms-border-radius: 30px;
     -o-border-radius: 30px;
     border-radius: 30px;
 }
 
 .pressPack__info {
     margin-left: auto;
     color: #921AFF;
 }
 
 .pressPack__kwadrat {
     width: 80px;
     height: 80px;
     display: block;
     float: left;
     margin-bottom: 10px;
 }
 
 .col-4 {
     width: 25%;
 }
 
 .col-8 {
     width: 75%;
 }
 
 .col-12 {
     width: 100%;
     margin-bottom: 100px;
 }
 
 .pressPack__row {
     display: flex;
     align-items: center;
     flex-direction: row;
     margin: 45px 0;
     width: 100%;
 }
 
 @media screen and (max-width: 768px) {
     .pressPack__row {
         flex-direction: column;
         display: block;
     }
     .pressPack__row__col {
         -ms-flex-preferred-size: initial;
         flex-basis: initial;
         -webkit-box-flex: initial;
         -ms-flex-positive: initial;
         flex-grow: initial;
         display: block;
     }
     
     .col-12 {
	     display: block !important;
     }
     .col-4,
     .col-8 {
         width: 100%;
         margin-bottom: 40px;
         text-align: justify;
     }
 }
 
 @media screen and (max-width: 1024px) {
     .pressPack__download,
     .pressPack__info {
         margin-left: initial;
     }
 }
 
 .pressPack__row__col {
     -ms-flex-preferred-size: 0;
     flex-basis: 0;
     -webkit-box-flex: 1;
     -ms-flex-positive: 1;
     flex-grow: 1;
     max-width: 100%;
     align-items: center;
     flex-direction: column;
     display: flex;
 }
 
 .no-padding {
     padding-left: 0px !important;
     padding-right: 0px !important;
 }
 
 .mainNav__shrink {
     top: 0;
     width: 100%;
     padding: 8px 0 !important;
     position: fixed !important;
     background: rgba(0, 0, 0, 0.75);
 }
 
 .mainNav__shrink .custom-logo {
     width: 35px;
 }
 
 .btn-default:hover {
     background-color: #df125a !important;
 }
 
 .fa-play {
     color: #00ffff;
 }
 
 .stream-box:hover .fa-play {
     color: #df125a;
 }
 
 .loader {
     width: 100%;
     position: fixed;
     height: 100vh;
     background: black;
     display: flex;
     justify-content: center;
     align-items: center;
     z-index: 999;
     top: 0;
 }
 
 .lds-ripple {
     display: inline-block;
     position: relative;
     width: 55px;
     height: 84px;
     background: url('https://devils.one/wp-content/uploads/2019/03/logo.png') no-repeat;
     animation: lds-ripple 1.5s infinite;
 }
 
 @keyframes lds-ripple {
     0% {
         opacity: 1;
         transform: scale(0.6);
     }
     100% {
         opacity: 0.1;
         transform: scale(1);
     }
 }
 
 .custom-logo {
     /* width: 55px !important;
     height: 84px !important;
     */
     max-height: 100% !important;
 }
 
 .sponsors .sp-list {
     justify-content: center;
 }
 
 .sponsors .sp-list .sp-box figure {
     height: 123px;
     display: flex;
     justify-content: center;
     align-items: center;
 }
 
 .sponsors .sp-list .sp-box figure img {
     max-height: inherit;
 }
 
 .inner-page .inner-body article.bottom .col.right .achievements .owl-item>a>img {
     width: initial;
 }
 
 .social-media {
     background: #921aff;
     position: fixed;
     top: 50%;
     transform: translateY(-50%);
     margin: auto;
     padding: 15px;
     left: 0;
     width: 52px;
 }
 
 .social-media li {
     margin-bottom: 15px;
 }
 
 .social-media li a i {
     font-size: 22px;
 }
 
 .social-media li a {
     color: black;
 }
 
 .social-media li a:hover i {
     color: #fff;
     transition: all .3s ease;
     margin-left: 6px;
 }
 
 .social-media li:last-child {
     margin-bottom: 0px;
 }
 
 @media screen and (max-width: 768px) {
     .social-media {
         display: none;
     }
 }
 
 footer .bottom-bar {
     background: #000;
 }
 
 footer .bottom-bar p {
     background: #921aff;
 }
 
 footer .headquarter {
     justify-content: center;
 }
 
 footer .bottom-bar .container {
     justify-content: center;
 }
 
 footer .back-to-top,
 footer .headquarter {
     display: none;
 }
 
 header .nav-placeholder .navbar li:not(.search) a {
     font: 400 0.875em/18px "Roboto", sans-serif
 }
 
 .tournament .inner-header {
     background-position: center center !important;
 }
 
 .tournament .teams {
     display: none;
 }
 
 header.is-page {
     height: auto;
     padding: 0;
     margin-bottom: 60px;
     height: 128px;
 }
 
 header.is-page[data-image]:after {
     content: '';
     position: absolute;
     width: 100%;
     left: 0;
     top: 0;
     height: 600px;
     background-repeat: no-repeat;
     background-position: center bottom;
     background-size: cover;
 }
 
 .hero-video {
     position: absolute;
     width: 100%;
     height: 998px;
     overflow: hidden;
 }
 
 .hero-video .devils-video {
     min-width: 100%;
     margin-top: -80px;
     min-height: 100%;
     overflow: hidden;
     position: absolute;
     left: 50%;
     transform: translateX(-50%);
 }
 
 @media screen and (max-width: 768px) {
     .hero-video .devils-video {
         left: 53%;
     }
 }
 
 .page-template-page-team header.is-page[data-image]:after {
     height: 700px;
     background-position: center top;
 }
 
 .page-template-page-streams header.is-page[data-image]:after,
 .page-template-page-gallery header.is-page[data-image]:after {
     height: 360px;
 }
 
 .page-template-page-player .inner-page .inner-header {
     height: 320px;
 }
 
 @media screen and (max-width: 768px) {
     .page-template-page-player .inner-page .inner-header {
         background-size: cover !important;
         min-height: 260px;
         height: initial !important;
         ;
     }
     .social-list-h4 {
         margin-right: initial !important;
     }
     .player-page .social-list {
         margin-top: 5px;
     }
 }
 
 .page-template-page-player .inner-page {
     padding: 0 0 25px;
 }
 
 .page-template-page-about .card-list .card {
     height: initial;
 }
 
 .page-template-page-about .card-list .card .card-info {
     width: initial;
 }
 
 .page-template-page-about .card-list .card .card-info ul {
     margin-top: 10px;
 }
 
 html {
     scroll-behavior: smooth;
 }
 
 .scroll-down {
     opacity: 1;
     -webkit-transition: all .5s ease-in 3s;
     transition: all .5s ease-in 3s;
 }
 
 .scroll-down {
     position: absolute;
     bottom: 30px;
     left: 50%;
     margin-left: -16px;
     display: block;
     width: 32px;
     height: 32px;
     background-size: 14px auto;
     border-radius: 50%;
     z-index: 2;
     -webkit-animation: bounce 2s infinite 2s;
     animation: bounce 2s infinite 2s;
     -webkit-transition: all .2s ease-in;
     transition: all .2s ease-in;
     transform: scale(1)
 }
 
 .scroll-down:before {
     position: absolute;
     top: calc(50% - 8px);
     left: calc(50% - 6px);
     transform: rotate(-45deg);
     display: block;
     width: 12px;
     height: 12px;
     content: "";
     border: 2px solid white;
     border-width: 0px 0 2px 2px;
 }
 
 @keyframes bounce {
     0%,
     100%,
     20%,
     50%,
     80% {
         -webkit-transform: translateY(0);
         -ms-transform: translateY(0);
         transform: translateY(0);
     }
     40% {
         -webkit-transform: translateY(-10px);
         -ms-transform: translateY(-10px);
         transform: translateY(-10px);
     }
     60% {
         -webkit-transform: translateY(-5px);
         -ms-transform: translateY(-5px);
         transform: translateY(-5px);
     }
 }
 
 @media screen and (min-width: 993px) {
     .page-template-page-about .inner-page .inner-body article.bottom .col.textarea {
         width: 500px;
         margin-right: 0px;
         text-align: justify;
     }
     .page-template-page-about .inner-page .inner-body article.bottom .col.right {
         width: 500px;
         margin-left: 30px;
     }
 }
 
 header .nav-placeholder {
     padding: 22px 0;
     z-index: 999;
 }
 
 @media screen and (min-width: 768px) {
     header .nav-placeholder {
         padding: 22px 0;
         z-index: 999;
         border-bottom: 1px solid rgba(255, 255, 255, 0.12);
     }
 }
 
 header .nav-placeholder::before {
     position: absolute;
     top: 0;
     width: 100%;
     background: rgb(0, 0, 0);
     background: linear-gradient(90deg, rgba(0, 0, 0, 1) 0%, rgba(255, 0, 0, 0) 37%);
 }
 
 @media screen and (max-width: 992px) {
     header .nav-placeholder {
         padding: 32px 0
     }
 }
 
 header .nav-placeholder .container,
 header .nav-placeholder .news-container {
     display: -webkit-flex;
     display: flex;
     -webkit-align-items: center;
     align-items: center;
     padding-left: 0;
     padding-right: 0
 }
 
 header .nav-placeholder .container .custom-logo-link img,
 header .nav-placeholder .news-container .custom-logo-link img {
     max-width: 240px;
     max-height: 60px;
     height: auto
 }
 
 header .nav-placeholder .container .logo-img img,
 header .nav-placeholder .news-container .logo-img img {
     max-height: 40px
 }
 
 @media screen and (max-width: 992px) {
     header .nav-placeholder .container .logo-img,
     header .nav-placeholder .news-container .logo-img {
         margin-right: 30px
     }
 }
 
 @media screen and (max-width: 1270px) {
     header .nav-placeholder .container,
     header .nav-placeholder .news-container {
         width: 100%;
         padding-left: 20px;
         padding-right: 20px
     }
 }
 
 @media screen and (max-width: 992px) {
     header .nav-placeholder .container,
     header .nav-placeholder .news-container {
         -webkit-justify-content: space-between;
         justify-content: space-between;
         -webkit-align-items: center;
         align-items: center;
         width: 100%;
         max-width: 100%;
         padding: 0 20px
     }
 }
 
 header .nav-placeholder a {
     -webkit-transition: color .3s ease-in-out;
     transition: color .3s ease-in-out;
     cursor: pointer
 }
 
 header .nav-placeholder a:hover,
 header .nav-placeholder .navbar>li:not(.search):hover>a,
 header .nav-placeholder .navbar li:not(.search) a {
     color: white !important;
 }
 
 header .nav-placeholder .navbar {
     margin-left: auto;
     display: -webkit-flex;
     display: flex
 }
 
 @media screen and (max-width: 992px) {
     header .nav-placeholder .navbar {
         display: none
     }
 }
 
 header .nav-placeholder .navbar li {
     line-height: 1
 }
 
 header .nav-placeholder .navbar li a {
     color: white !important;
 }
 
 header .nav-placeholder .navbar li a:hover {
     color: white !important;
 }
 /* GLITCH */
 
 header .nav-placeholder .navbar li a:before,
 header .nav-placeholder .navbar li a:after {
     display: block;
     content: attr(data-glitch);
     text-transform: uppercase;
     position: absolute;
     top: 0;
     left: 0;
     height: 100%;
     width: 100%;
     opacity: 1;
     background-color: none;
 }
 
 header .nav-placeholder .navbar li a:after {
     background-color: transparent !important;
 }
 
 header .nav-placeholder .navbar li .title {
     z-index: 999;
     position: relative;
 }
 
 header .nav-placeholder .navbar li a:hover:before {
     animation: glitch 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
     background-color: #df125a;
 }
 
 @keyframes glitch {
     0% {
         transform: translate(0);
     }
     20% {
         transform: translate(-5px, 5px);
     }
     40% {
         transform: translate(-5px, -5px);
     }
     60% {
         transform: translate(5px, 5px);
     }
     80% {
         transform: translate(5px, -5px);
     }
     to {
         transform: translate(0);
     }
 }
 
 header .nav-placeholder .navbar li.menu-item-has-children .sub-menu li {
     margin: 10px 0
 }
 
 header .nav-placeholder .navbar li {
     -webkit-flex-shrink: 0;
     flex-shrink: 0
 }
 
 header .nav-placeholder .navbar li.menu-item-has-children .menu-item-has-children>a::before {
     content: '\f104';
     font-family: 'Font Awesome 5 Free';
     font-weight: bold;
     left: 20px;
     top: calc(50% - 7px);
     color: #fff;
     position: absolute
 }
 
 header .nav-placeholder .navbar li.menu-item-has-children .menu-item-has-children .sub-menu {
     top: 0;
     right: 100%
 }
 
 header .nav-placeholder .navbar li.menu-item-has-children .sub-menu {
     top: 30px;
     right: 0;
     width: 120px;
     background-color: transparent;
     border: 0;
     padding: 0;
     z-index: 9;
     display: none;
     text-align: right
 }
 
 header .nav-placeholder .navbar li.menu-item-has-children .sub-menu:before {
     content: '';
     background: transparent;
     width: 100%;
     height: 30px;
     top: -16px;
     right: 0;
     position: absolute
 }
 
 header .nav-placeholder .navbar li.menu-item-has-children .sub-menu li {
     margin: 0 !important;
     padding: 0;
     border-bottom: 1px solid transparent
 }
 
 header .nav-placeholder .navbar li.menu-item-has-children .sub-menu li a {
     background: #6931f9;
     display: block;
     padding: 15px 10px;
     font-weight: bold;
     color: #fff
 }
 
 header .nav-placeholder .navbar li.menu-item-has-children .sub-menu li a:hover {
     background: rgba(105, 49, 249, 0.8)
 }
 
 header .nav-placeholder .navbar li.menu-item-has-children .sub-menu li a:hover {
     color: #fff !important
 }
 
 header .nav-placeholder .navbar li.menu-item-has-children .sub-menu li:hover a:after {
     opacity: 0 !important
 }
 
 header .nav-placeholder .navbar li.menu-item-has-children:hover a:after {
     opacity: 0 !important
 }
 
 header .nav-placeholder .navbar li.menu-item-has-children:hover>.sub-menu {
     display: block
 }
 
 header .nav-placeholder .navbar li:not(.search):not(:last-of-type) {
     margin-right: 42px
 }
 
 @media screen and (max-width: 1040px) {
     header .nav-placeholder .navbar li:not(.search):not(:last-of-type) {
         margin-right: 32px
     }
 }
 
 header .nav-placeholder .navbar li:not(.search) a {
     font: 400 0.875em/18px "Roboto", sans-serif;
     background-color: #921aff;
     padding: 2px 3px;
 }
 
 header .nav-placeholder .search {
     margin-left: 50px
 }
 
 header .nav-placeholder .search a {
     -webkit-outline: none;
     -moz-outline: none;
     -ms-outline: none;
     -o-outline: none;
     outline: none
 }
 
 header .nav-placeholder .search a:hover:after {
     display: none
 }
 
 header .nav-placeholder .search:before {
     content: '';
     background: #6931f9;
     width: 1px;
     height: 46px;
     position: absolute;
     top: calc(50% - 23px);
     left: -50px
 }
 
 @media screen and (max-width: 1200px) {
     header .nav-placeholder .search:before {
         left: -30px
     }
 }
 
 @media screen and (max-width: 992px) {
     header .nav-placeholder .search:before {
         display: none
     }
 }
 
 @media screen and (max-width: 1200px) {
     header .nav-placeholder .search {
         margin-left: 30px;
         margin-right: 10px
     }
 }
 
 @media screen and (max-width: 992px) {
     header .nav-placeholder .search {
         margin-left: 0;
         margin-right: 30px
     }
 }
 
 @media screen and (max-width: 460px) {
     header .nav-placeholder .search {
         margin-right: 0
     }
 }
 
 header .hero-slider {
     height: 100%
 }
 
 header .hero-slider .slide {
     height: 988px;
     padding-top: 152px;
     background-position: center top;
     background-size: cover;
     display: -webkit-flex;
     display: flex
 }
 
 header .hero-slider .slide .container .slide-caption,
 header .hero-slider .slide .news-container .slide-caption {
     display: -webkit-flex;
     display: flex;
     -webkit-flex-direction: column;
     flex-direction: column;
     -webkit-justify-content: center;
     justify-content: center;
     height: 520px;
     max-width: 624px
 }
 
 @media screen and (max-width: 992px) {
     header .hero-slider .slide .container .slide-caption,
     header .hero-slider .slide .news-container .slide-caption {
         -webkit-align-items: center;
         align-items: center;
         max-width: initial;
         text-align: center
     }
 }
 
 @media screen and (max-width: 992px) {
     header .hero-slider .slide .container .slide-caption,
     header .hero-slider .slide .news-container .slide-caption {
         height: 400px
     }
 }
 
 header .hero-slider .slide .container .slide-caption span,
 header .hero-slider .slide .news-container .slide-caption span {
     color: #6931f9;
     font: 700 0.875em/1 "Roboto", sans-serif;
     text-transform: uppercase;
     letter-spacing: 4px;
     margin-bottom: 14px;
     display: block
 }
 
 header .hero-slider .slide .container .slide-caption h1,
 header .hero-slider .slide .news-container .slide-caption h1 {
     color: #fff;
     font: 700 2em/38px "Roboto", sans-serif;
     margin-bottom: 58px
 }
 
 header .hero-slider .slide .container .slide-caption .btn-default,
 header .hero-slider .slide .news-container .slide-caption .btn-default {
     background-color: #6931f9;
     height: 60px;
     border: 2px solid #6931f9
 }
 
 header .hero-slider .slide .container .slide-caption .btn-default i,
 header .hero-slider .slide .news-container .slide-caption .btn-default i {
     margin-left: 10px
 }
 
 header .slider-progress-bar {
     background-color: rgba(255, 255, 255, 0.09);
     height: 2px;
     margin: 56px 0;
     z-index: 99999
 }
 
 header .slider-progress-bar .progress-line {
     background-color: #6931f9;
     height: 100%
 }
 
 header .slider-thumbnails {
     display: -webkit-flex;
     display: flex;
     -webkit-flex-direction: column;
     flex-direction: column;
     width: 1200px;
     bottom: 0;
     margin: auto auto 0
 }
 
 @media screen and (max-width: 1268px) {
     header .slider-thumbnails {
         width: 992px
     }
 }
 
 @media screen and (max-width: 992px) {
     header .slider-thumbnails {
         width: 768px
     }
 }
 
 @media screen and (max-width: 768px) {
     header .slider-thumbnails {
         width: 80%
     }
 }
 
 header .slider-thumbnails .thumbnails .slide {
     -webkit-border-radius: 8px;
     -moz-border-radius: 8px;
     -ms-border-radius: 8px;
     -o-border-radius: 8px;
     border-radius: 8px;
     -webkit-transition: opacity .4s ease-in-out;
     transition: opacity .4s ease-in-out;
     background-size: cover;
     width: 100%;
     height: 150px;
     opacity: .4
 }
 
 header .slider-thumbnails .thumbnails .slide:hover,
 header .slider-thumbnails .thumbnails .slide.active {
     opacity: 1
 }
 
 .sponsors-header {
     background-color: black;
     padding: 15px 0;
     border-bottom: 1px solid #6931f9;
 }
 
 .sponsors-header .sponsors {
     max-width: 1280px;
     margin: 0 auto;
 }
 
 .sponsors-header .sponsors .slider .slide a {
     opacity: 1;
 }
 
 .sponsors-header .sponsors .slider .slide a img {
     max-height: 40px;
 }
 
 footer .sponsors {
     padding: 62px 0;
     background-color: transparent !important;
     border-bottom: 1px solid #141a21
 }
 
 footer {
     background-color: #000;
     border-top: 1px solid #921aff;
 }
 
 footer .custom-logo-link img {
     max-width: 240px;
     max-height: 60px;
     height: auto
 }
 
 footer .logo-img img {
     max-height: 40px
 }
 
 footer .back-to-top {
     display: -webkit-flex;
     display: flex;
     -webkit-align-items: center;
     align-items: center;
     -webkit-justify-content: center;
     justify-content: center;
     z-index: 2;
     right: 0;
     top: -20px;
     background-color: #fff;
     color: #6931f9;
     font-size: 26px;
     width: 40px;
     height: 40px
 }
 
 @media screen and (max-width: 768px) {
     footer .back-to-top {
         top: -65px
     }
 }
 
 @media screen and (max-width: 646px) {
     footer .back-to-top {
         right: 50%;
         transform: translateX(50%)
     }
 }
 
 footer .footer-content {
     display: -webkit-flex;
     display: flex;
     -webkit-flex-wrap: wrap;
     flex-wrap: wrap;
     margin: 60px 0 30px;
 }
 
 @media screen and (max-width: 646px) {
     footer .footer-content {
         margin: 30px
     }
 }
 
 @media screen and (max-width: 768px) {
     footer .footer-content {
         -webkit-justify-content: space-around;
         justify-content: space-around
     }
 }
 
 footer .footer-content .footer-widget:first-child {
     margin-right: 108px
 }
 
 @media screen and (max-width: 992px) {
     footer .footer-content .footer-widget:first-child {
         width: 100%;
         margin: 0 auto 60px;
         padding-bottom: 62px;
         border-bottom: 1px solid #141a21;
         -webkit-flex-shrink: 0;
         flex-shrink: 0
     }
 }
 
 @media screen and (max-width: 646px) {
     footer .footer-content .footer-widget:first-child {
         margin-bottom: 38px
     }
 }
 
 footer .footer-content .footer-widget:not(:first-child) {
     margin-left: auto
 }
 
 @media screen and (max-width: 646px) {
     footer .footer-content .footer-widget:last-child {
         border-bottom: 0px;
         padding-bottom: 0;
         margin-bottom: 0
     }
 }
 
 footer .footer-content .footer-widget>ul>li:not(:first-child) {
     margin-bottom: 20px
 }
 
 footer .footer-content .footer-widget>ul>li:last-of-type {
     margin-bottom: 0
 }
 
 footer .footer-content .footer-widget>ul>li>a {
     font: 500 0.875em/1 "Roboto", sans-serif;
     color: #666666;
     text-transform: uppercase;
     -webkit-transition: color .8s ease-in-out;
     transition: color .8s ease-in-out
 }
 
 footer .footer-content .footer-widget>ul>li>a:hover {
     color: #b6c0ca
 }
 
 footer .footer-content .footer-widget>ul.menu>li:not(:first-of-type) {
     line-height: 1.1;
     margin-bottom: 15px
 }
 
 footer .footer-content .footer-widget>ul>li ul.sub-menu {
     margin-top: 15px;
     padding-left: 15px
 }
 
 footer .footer-content .footer-widget>ul>li ul.sub-menu li a {
     font: 700 0.75em/1 "Roboto", sans-serif;
     color: #666666;
     text-transform: uppercase
 }
 
 footer .footer-content .footer-widget>ul>li ul.sub-menu li:not(:last-child) {
     padding-bottom: 15px
 }
 
 footer .footer-content .footer-widget>ul>li:first-of-type {
     font: 1.375em/1 "Roboto", sans-serif;
     color: #fff;
     margin-bottom: 44px
 }
 
 footer .footer-content .footer-widget>ul>li:not(:first-of-type) {
     margin-bottom: 30px
 }
 
 footer .footer-content .footer-widget>ul>li:last-of-type {
     margin-bottom: 0
 }
 
 footer .footer-content .footer-widget>ul>li i {
     color: #921aff;
     margin-right: 14px;
     width: 14px
 }
 
 @media screen and (max-width: 646px) {
     footer .footer-content .footer-widget>ul>li i {
         margin-right: 0;
         margin-bottom: 8px
     }
 }
 
 footer .footer-content .footer-widget>ul>li .details {
     display: -webkit-flex;
     display: flex;
     -webkit-flex-direction: column;
     flex-direction: column;
     -webkit-justify-content: center;
     justify-content: center
 }
 
 footer .footer-content .footer-widget>ul>li .details span {
     font: 700 1em/1 "Roboto", sans-serif;
     color: #fff;
     margin-bottom: 4px
 }
 
 footer .footer-content .footer-widget>ul>li .details a {
     font: 700 0.75em/1 "Roboto", sans-serif;
     color: #666666;
     -webkit-transition: color .6s ease-in-out;
     transition: color .6s ease-in-out
 }
 
 footer .footer-content .footer-widget>ul>li .details a:hover {
     color: rgba(255, 255, 255, 0.8)
 }
 
 @media screen and (max-width: 646px) {
     footer .footer-content .footer-widget>ul>li {
         -webkit-flex-direction: column;
         flex-direction: column
     }
 }
 
 footer .footer-content .footer-widget.contact-us,
 footer .footer-content .footer-widget.latest-news {
     max-width: 230px
 }
 
 @media screen and (max-width: 768px) {
     footer .footer-content .footer-widget.contact-us,
     footer .footer-content .footer-widget.latest-news {
         margin-left: 0;
         margin-bottom: 60px
     }
 }
 
 @media screen and (max-width: 646px) {
     footer .footer-content .footer-widget.contact-us,
     footer .footer-content .footer-widget.latest-news {
         text-align: center;
         max-width: 100% !important;
         margin-bottom: 30px
     }
 }
 
 footer .footer-content .footer-widget.contact-us {
     margin-left: 0
 }
 
 footer .footer-content .footer-widget.contact-us ul li {
     display: -webkit-flex;
     display: flex;
     -webkit-align-items: center;
     align-items: center
 }
 
 footer .footer-content .footer-widget.latest-news li:not(:first-of-type) {
     padding-bottom: 10px;
     margin-bottom: 10px;
     border-bottom: 1px solid #12171c
 }
 
 @media screen and (max-width: 646px) {
     footer .footer-content .footer-widget.latest-news li:not(:first-of-type) {
         width: 230px
     }
 }
 
 footer .footer-content .footer-widget.latest-news li:last-of-type {
     margin-bottom: 0;
     padding-bottom: 0;
     border: 0
 }
 
 footer .footer-content .footer-widget.latest-news li:last-of-type a {
     font: 500 0.875em/1 "Roboto", sans-serif;
     color: #fff
 }
 
 footer .footer-content .footer-widget.latest-news li:last-of-type a:hover {
     opacity: 0.8
 }
 
 footer .footer-content .footer-widget.latest-news li:last-of-type a i {
     color: #fff;
     margin-left: 6px;
     margin-bottom: 0
 }
 
 footer .footer-content .footer-widget.latest-news a {
     color: #666666;
     font: 500 .875em "Roboto", sans-serif;
     -webkit-transition: color .6s ease-in-out;
     transition: color .6s ease-in-out;
     text-transform: none !important
 }
 
 footer .footer-content .footer-widget.latest-news a:hover {
     color: rgba(255, 255, 255, 0.8)
 }
 
 @media screen and (max-width: 768px) {
     footer .footer-content .footer-widget {
         width: 40%;
         margin-left: 0
     }
 }
 
 @media screen and (max-width: 646px) {
     footer .footer-content .footer-widget {
         display: -webkit-flex;
         display: flex;
         -webkit-justify-content: center;
         justify-content: center;
         width: 100% !important;
         margin-left: 0;
         margin-bottom: 30px;
         padding-bottom: 30px;
         border-bottom: 1px solid #141a21;
         text-align: center
     }
 }
 
 @media screen and (max-width: 646px) {
     footer .footer-content {
         margin-bottom: 30px
     }
 }
 
 footer .headquarter {
     display: -webkit-flex;
     display: flex;
     -webkit-flex-wrap: wrap;
     flex-wrap: wrap;
     padding: 44px 0;
     border-top: 1px solid #141a21
 }
 
 @media screen and (max-width: 1268px) {
     footer .headquarter {
         -webkit-justify-content: space-around;
         justify-content: space-around
     }
 }
 
 footer .headquarter .hq-info {
     display: -webkit-flex;
     display: flex;
     -webkit-flex-direction: column;
     flex-direction: column;
     -webkit-flex-shrink: 0;
     flex-shrink: 0;
     height: 72px
 }
 
 @media screen and (min-width: 1268px) {
     footer .headquarter .hq-info:not(:last-of-type) {
         border-right: 1px solid #141a21
     }
 }
 
 @media screen and (min-width: 1268px) {
     footer .headquarter .hq-info {
         padding: 0 40px;
         width: 300px
     }
 }
 
 @media screen and (min-width: 768px) and (max-width: 1268px) {
     footer .headquarter .hq-info {
         padding: 0 25px;
         margin: 0 25px
     }
 }
 
 @media screen and (max-width: 768px) {
     footer .headquarter .hq-info {
         text-align: center;
         width: 230px;
         margin: 10px 0;
         height: 100%
     }
 }
 
 footer .headquarter .hq-info .city {
     color: #fff;
     font: 1.375em/1 "Roboto", sans-serif;
     margin-bottom: 14px
 }
 
 footer .headquarter .hq-info .city i {
     color: #6931f9;
     margin-right: 12px
 }
 
 @media screen and (max-width: 768px) {
     footer .headquarter .hq-info .city i {
         display: block;
         text-align: center;
         margin-right: 0
     }
 }
 
 @media screen and (max-width: 646px) {
     footer .headquarter .hq-info .city i {
         margin-bottom: 12px
     }
 }
 
 footer .headquarter .hq-info .address {
     color: #666666;
     font: 600 0.75em/1 "Roboto", sans-serif;
     margin-left: 28px
 }
 
 @media screen and (max-width: 646px) {
     footer .headquarter .hq-info .address {
         margin-left: 0
     }
 }
 
 @media screen and (max-width: 646px) {
     footer .headquarter .hq-info {
         -webkit-align-items: center;
         align-items: center;
         padding: 0 !important;
         border-right: 0 !important
     }
 }
 
 @media screen and (max-width: 646px) {
     footer .headquarter {
         -webkit-flex-direction: column;
         flex-direction: column;
         -webkit-align-items: center;
         align-items: center
     }
 }
 
 footer .bottom-bar {
     display: -webkit-flex;
     display: flex;
     background: #6931f9;
     color: #fff;
     height: 60px
 }
 
 footer .bottom-bar a {
     -webkit-transition: color .6s ease-in-out;
     transition: color .6s ease-in-out
 }
 
 footer .bottom-bar a:hover {
     color: #b4c3d2
 }
 
 footer .bottom-bar a,
 footer .bottom-bar p {
     font: 500 0.75em/1 "Roboto", sans-serif;
     color: #fff
 }
 
 footer .bottom-bar p {
     line-height: 22px
 }
 
 footer .bottom-bar .container,
 footer .bottom-bar .news-container {
     display: -webkit-flex;
     display: flex;
     -webkit-align-items: center;
     align-items: center;
     -webkit-flex-wrap: wrap;
     flex-wrap: wrap
 }
 
 @media screen and (max-width: 768px) {
     footer .bottom-bar .container,
     footer .bottom-bar .news-container {
         -webkit-flex-shrink: 0;
         flex-shrink: 0;
         -webkit-justify-content: center;
         justify-content: center;
         text-align: center
     }
 }
 
 footer .bottom-bar .copyright p a {
     margin-right: 4px;
     font-size: 14px
 }
 
 @media screen and (max-width: 768px) {
     footer .bottom-bar .copyright {
         display: block;
         width: 100%;
         -webkit-flex-shrink: 0;
         flex-shrink: 0;
         margin-bottom: 20px
     }
 }
 
 footer .bottom-bar .bottom-links {
     display: -webkit-flex;
     display: flex;
     -webkit-align-items: center;
     align-items: center;
     margin-left: auto
 }
 
 footer .bottom-bar .bottom-links li {
     display: -webkit-flex;
     display: flex;
     -webkit-align-items: center;
     align-items: center;
     position: relative
 }
 
 footer .bottom-bar .bottom-links li:not(:last-of-type) {
     margin-right: 6px
 }
 
 footer .bottom-bar .bottom-links li:not(:last-of-type):after {
     content: "\f111";
     font: 900 5px 'Font Awesome 5 Free';
     margin-left: 6px
 }
 
 footer .bottom-bar .bottom-links li {
     -webkit-flex-shrink: 0;
     flex-shrink: 0
 }
 
 footer .bottom-bar .bottom-links li.menu-item-has-children .menu-item-has-children>a::before {
     content: '\f104';
     font-family: 'Font Awesome 5 Free';
     font-weight: bold;
     left: 20px;
     top: calc(50% - 7px);
     color: #fff;
     position: absolute
 }
 
 footer .bottom-bar .bottom-links li.menu-item-has-children .menu-item-has-children .sub-menu {
     top: 0;
     right: 100%
 }
 
 footer .bottom-bar .bottom-links li.menu-item-has-children .sub-menu {
     top: 30px;
     right: 0;
     width: 180px;
     background-color: transparent;
     border: 0;
     padding: 0;
     z-index: 9;
     display: none;
     text-align: right
 }
 
 footer .bottom-bar .bottom-links li.menu-item-has-children .sub-menu:before {
     content: '';
     background: transparent;
     width: 100%;
     height: 30px;
     top: -16px;
     right: 0;
     position: absolute
 }
 
 footer .bottom-bar .bottom-links li.menu-item-has-children .sub-menu li {
     margin: 0 !important;
     padding: 0
 }
 
 footer .bottom-bar .bottom-links li.menu-item-has-children .sub-menu li a {
     background: #6931f9;
     display: block;
     padding: 15px 10px;
     font-weight: bold;
     color: #fff
 }
 
 footer .bottom-bar .bottom-links li.menu-item-has-children .sub-menu li a:hover {
     background: rgba(105, 49, 249, 0.8)
 }
 
 footer .bottom-bar .bottom-links li.menu-item-has-children .sub-menu li a:hover {
     color: #fff !important
 }
 
 footer .bottom-bar .bottom-links li.menu-item-has-children .sub-menu li:hover a:after {
     opacity: 0 !important
 }
 
 footer .bottom-bar .bottom-links li.menu-item-has-children:hover a:after {
     opacity: 0 !important
 }
 
 footer .bottom-bar .bottom-links li.menu-item-has-children:hover>.sub-menu {
     display: block
 }
 
 @media screen and (max-width: 768px) {
     footer .bottom-bar .bottom-links {
         margin-left: 0;
         -webkit-flex-shrink: 0;
         flex-shrink: 0
     }
 }
 
 @media screen and (max-width: 768px) {
     footer .bottom-bar {
         -webkit-align-items: center;
         align-items: center
     }
 }
 
 button {
     -webkit-outline: none;
     -moz-outline: none;
     -ms-outline: none;
     -o-outline: none;
     outline: none;
     border: none;
     background: transparent
 }
 
 .sandwich-btn {
     padding: 0;
     display: none
 }
 
 .sandwich-btn span {
     width: 40px;
     height: 4px;
     background: #fff;
     display: block;
     -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
     -ms-border-radius: 2px;
     -o-border-radius: 2px;
     border-radius: 2px
 }
 
 .sandwich-btn span:nth-child(2) {
     width: 33px
 }
 
 .sandwich-btn span:not(:last-of-type) {
     margin-bottom: 6px
 }
 
 @media screen and (max-width: 992px) {
     .sandwich-btn {
         display: block
     }
 }
 
 @media screen and (max-width: 460px) {
     .sandwich-btn {
         margin-left: 0
     }
 }
 
 .btn-default {
     font: 900 0.75em/1 "Roboto", sans-serif;
     word-break: break-word;
     text-transform: uppercase;
     width: 200px;
     height: 40px;
     flex-shrink: 0;
     display: -webkit-flex;
     display: flex;
     -webkit-align-items: center;
     align-items: center;
     -webkit-justify-content: center;
     justify-content: center
 }
 
 .btn-default i {
     margin-left: 4px
 }
 
 .btn-default:hover .arrow-right {
     filter: brightness(0) invert(1) drop-shadow(0px 0px 4px #fff)
 }
 
 .btn-default .arrow-right {
     filter: brightness(0) invert(1);
     width: 22px;
     height: 10px;
     background-size: cover;
     background-position: right;
     margin-left: 8px;
     -webkit-transition: filter .6s ease-in-out;
     transition: filter .6s ease-in-out
 }
 
 .search-modal {
     background-color: rgba(0, 0, 0, 0.8)
 }
 
 .search-modal .search-box {
     margin-top: 50%;
     background-color: transparent !important;
     box-shadow: none;
     border: 0
 }
 
 .search-modal .search-box .modal-body {
     padding-left: 0;
     padding-right: 0;
     border-bottom: 2px solid rgba(255, 255, 255, 0.8)
 }
 
 .search-modal .search-box .modal-body form {
     display: -webkit-flex;
     display: flex
 }
 
 .search-modal .search-box a.close {
     color: #fff;
     opacity: 1
 }
 
 .search-modal .search-box button {
     color: #fff;
     border: 0;
     background-color: transparent
 }
 
 .search-modal .search-box button:hover {
     color: rgba(255, 255, 255, 0.4)
 }
 
 .search-modal .search-box input {
     width: calc(100% - 60px);
     border: 0;
     color: #fff;
     outline: 0;
     margin-left: 10px;
     background-color: transparent
 }
 
 .mobile-menu-modal {
     background: rgba(2, 5, 7, 0.95);
     z-index: 99999
 }
 
 @media screen and (max-width: 992px) {
     .mobile-menu-modal {
         display: none
     }
 }
 
 .mobile-menu-modal .modal-dialog {
     height: 100%
 }
 
 .mobile-menu-modal .modal-dialog .mobile-menu {
     background-color: transparent;
     box-shadow: none;
     border: none;
     text-align: center;
     height: 100%;
     margin-top: 20%
 }
 
 .mobile-menu-modal .modal-dialog .mobile-menu .btnclose {
     position: absolute;
     color: #fff;
     font-size: 50px;
     top: 0;
     left: 0;
     z-index: 9;
     right: 0;
     margin: 0 auto;
     width: 40px;
     overflow: hidden;
     padding: 0
 }
 
 .mobile-menu-modal .modal-dialog .mobile-menu .close {
     margin-left: auto
 }
 
 .mobile-menu-modal .modal-dialog .mobile-menu .modal-body {
     display: -webkit-flex;
     display: flex;
     -webkit-flex-direction: column;
     flex-direction: column;
     -webkit-justify-content: center;
     justify-content: center;
     height: 100%
 }
 
 .mobile-menu-modal .modal-dialog .mobile-menu .modal-body ul li {
     text-transform: uppercase;
     text-align: left;
     margin: 10px 0;
     padding-top: 10px
 }
 
 .mobile-menu-modal .modal-dialog .mobile-menu .modal-body ul li:not(:first-child) {
     border-top: 1px solid rgba(255, 255, 255, 0.1)
 }
 
 .mobile-menu-modal .modal-dialog .mobile-menu .modal-body ul li a {
     font-size: 18px
 }
 
 .mobile-menu-modal .modal-dialog .mobile-menu .modal-body ul>li.menu-item-has-children>a::after {
     content: '\f105';
     margin-left: 10px;
     font-family: 'Font Awesome 5 Free';
     font-weight: 900;
     position: absolute;
     right: 20px
 }
 
 .mobile-menu-modal .modal-dialog .mobile-menu .modal-body ul>li.menu-item-has-children:focus>ul.sub-menu,
 .mobile-menu-modal .modal-dialog .mobile-menu .modal-body ul>li.menu-item-has-children:hover>ul.sub-menu {
     display: block
 }
 
 .mobile-menu-modal .modal-dialog .mobile-menu .modal-body ul>li.menu-item-has-children ul.sub-menu {
     padding-left: 15px;
     display: none
 }
 
 .section-header {
     margin-bottom: 40px;
     display: -webkit-flex;
     display: flex
 }
 
 .section-header.border-bottom {
     padding-bottom: 15px
 }
 
 @media screen and (min-width: 375px) {
     .section-header.border-bottom {
         margin-bottom: 40px;
         border-bottom: 1px solid rgba(10, 12, 17, 0.14)
     }
 }
 
 @media screen and (max-width: 375px) {
     .section-header.border-bottom {
         border-bottom: 0;
         margin-bottom: 15px
     }
 }
 
 .section-header.center-column {
     text-align: center;
     -webkit-align-items: center;
     align-items: center;
     -webkit-flex-direction: column;
     flex-direction: column
 }
 
 .section-header.center-column {
     margin-bottom: 10px !important;
 }
 
 .section-header.center-column ul {
     margin: initial
 }
 
 .section-header.col-white .section-title h2 {
     color: #fff
 }
 
 .section-header.col-white ul li a {
     color: #fff
 }
 
 .section-header .section-title {
     margin-bottom: 26px
 }
 
 .section-header .section-title.normal {
     margin-bottom: 0
 }
 
 .section-header .section-title h2 {
     font: 500 2.25em/1 "Roboto", sans-serif;
     color: #0a0c11;
     margin-bottom: 10px
 }
 
 .section-header .section-title h2.mb {
     margin-bottom: 16px
 }
 
 .section-header .section-title span {
     font: 500 1em/18px "Roboto", sans-serif;
     color: #90919c;
     display: block
 }
 
 .section-header .section-title span.subtitle {
     font-size: .875em;
     color: #6931f9
 }
 
 @media screen and (max-width: 400px) {
     .section-header .section-title {
         text-align: center
     }
 }
 
 .section-header .actions .btn.btn-default {
     font-size: .75em;
     color: #fff;
     font-weight: 700;
     height: 46px;
     line-height: 46px;
     text-transform: uppercase;
     background-color: #6931f9
 }
 
 .section-header ul {
     display: -webkit-flex;
     display: flex;
     -webkit-align-items: flex-end;
     align-items: flex-end;
     margin-left: auto;
     margin-top: auto
 }
 
 .section-header ul li:not(:last-child) {
     margin-right: 24px
 }
 
 .section-header ul li:not(:first-child):before {
     content: '';
     background: #000;
     position: absolute;
     top: 8px;
     left: -15px;
     width: 6px;
     height: 6px;
     -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
     -ms-border-radius: 4px;
     -o-border-radius: 4px;
     border-radius: 4px
 }
 
 .section-header ul li:hover>a,
 .section-header ul li.active>a {
     color: #6931f9 !important
 }
 
 .section-header ul li:hover>a::after,
 .section-header ul li.active>a::after {
     z-index: 0;
     opacity: 1
 }
 
 .section-header ul li a {
     font: 900 0.875em/1 "Roboto", sans-serif;
     text-transform: uppercase;
     color: #000;
     -webkit-transition: color .6s ease-in-out;
     transition: color .6s ease-in-out
 }
 
 .section-header ul li a::after {
     -webkit-transition: all .3s ease-in-out;
     transition: all .3s ease-in-out;
     content: '';
     z-index: -1;
     opacity: 0;
     width: calc(100% + 8px);
     height: 1px;
     background: #9f9f9f;
     position: absolute;
     top: 37px;
     left: -4px;
     padding: 0 8px;
     display: block
 }
 
 @media screen and (max-width: 372px) {
     .section-header ul li a::after {
         display: none !important
     }
 }
 
 .section-header ul li a i {
     margin-left: 6px
 }
 
 .section-footer {
     display: -webkit-flex;
     display: flex
 }
 
 .section-footer.mt {
     margin-top: 40px
 }
 
 @media screen and (max-width: 992px) {
     .section-footer {
         text-align: center;
         -webkit-flex-direction: column;
         flex-direction: column;
         -webkit-align-items: center;
         align-items: center
     }
 }
 
 .section-footer>div {
     display: -webkit-flex;
     display: flex;
     -webkit-flex-direction: column;
     flex-direction: column
 }
 
 .section-footer>div h4 {
     font: 400 1.5em/1 "Roboto", sans-serif;
     color: #fff;
     margin-bottom: 10px
 }
 
 .section-footer>div span {
     font: 500 1em/1 "Roboto", sans-serif;
     color: #90919c
 }
 
 .section-footer>a.btn-default {
     background: #6931f9;
     height: 46px
 }
 
 @media screen and (max-width: 992px) {
     .section-footer>a.btn-default {
         margin: 20px auto
     }
 }
 
 .news-page {
     background-color: #fff
 }
 
 .news-page aside a {
     color: #000
 }
 
 @media screen and (max-width: 1268px) {
     .news-page .search-page {
         text-align: center;
         display: -webkit-flex;
         display: flex;
         -webkit-flex-direction: column;
         flex-direction: column;
         -webkit-align-items: center;
         align-items: center
     }
 }
 
 .news-page .tab-content.content form {
     margin-top: 15px;
     max-width: 540px;
     width: 100%;
     border: 1px solid #6931f9;
     display: -webkit-flex;
     display: flex;
     padding: 6px
 }
 
 .news-page .tab-content.content form input {
     padding: 0 5px;
     order: 1;
     border: 0;
     -webkit-outline: none;
     -moz-outline: none;
     -ms-outline: none;
     -o-outline: none;
     outline: none;
     width: -webkit-fill-available
 }
 
 .news-page .tab-content.content form button {
     border-left: 1px solid #bababa;
     color: #000;
     width: 50px;
     order: 2
 }
 
 .news-container {
     display: -webkit-flex;
     display: flex;
     -webkit-flex-wrap: wrap;
     flex-wrap: wrap;
     -webkit-justify-content: center;
     justify-content: center
 }
 
 .news-container aside {
     margin-top: 90px;
     width: 280px;
     margin-left: 30px;
     margin-bottom: 60px
 }
 
 @media screen and (max-width: 992px) {
     .news-container aside {
         margin-left: 0;
         margin-bottom: 30px
     }
 }
 
 .news-container aside img {
     height: auto
 }
 
 .news-container aside select {
     width: 100%
 }
 
 .news-container aside form {
     border: 1px solid #6931f9;
     display: -webkit-flex;
     display: flex;
     padding: 6px
 }
 
 .news-container aside form input {
     padding: 0 5px;
     order: 1;
     border: 0;
     -webkit-outline: none;
     -moz-outline: none;
     -ms-outline: none;
     -o-outline: none;
     outline: none;
     width: -webkit-fill-available
 }
 
 .news-container aside form select {
     background: transparent;
     border: 0;
     -webkit-outline: none;
     -moz-outline: none;
     -ms-outline: none;
     -o-outline: none;
     outline: none;
     font: 500 0.875em/1 "Roboto", sans-serif
 }
 
 .news-container aside form button {
     border-left: 1px solid #bababa;
     color: #000;
     width: 50px;
     order: 2
 }
 
 .news-container aside label {
     margin-bottom: 4px
 }
 
 .news-container aside label:not(.screen-reader-text) {
     display: block
 }
 
 .news-container aside #wp-calendar {
     width: 100%
 }
 
 .news-container aside #wp-calendar caption {
     text-align: left
 }
 
 .news-container aside #wp-calendar td {
     padding: 5px 0;
     border: 1px solid #26262e;
     text-align: center
 }
 
 .news-container aside .searchform {
     margin-bottom: 0
 }
 
 .news-container aside .sidebar-widget a {
     -webkit-transition: opacity .3s ease-in-out;
     transition: opacity .3s ease-in-out
 }
 
 .news-container aside .sidebar-widget a:hover {
     opacity: .8
 }
 
 .news-container aside .sidebar-widget:not(:last-child) {
     margin-bottom: 36px
 }
 
 .news-container aside .sidebar-widget h3 {
     font: 500 1.625em/1.1 "Roboto", sans-serif;
     color: #000;
     margin-bottom: 20px
 }
 
 .news-container aside .sidebar-widget .post-list li {
     padding: 20px 0;
     border-top: 1px solid rgba(159, 159, 159, 0.25)
 }
 
 .news-container aside .sidebar-widget .post-list li a {
     display: block
 }
 
 .news-container aside .sidebar-widget .post-list li span {
     display: block;
     line-height: 1
 }
 
 .news-container aside .sidebar-widget .tagcloud a {
     font: 500 0.75em/1 "Roboto", sans-serif !important;
     text-transform: uppercase;
     background-color: #f5f5f5;
     border: 1px solid #ccc;
     padding: 8px;
     color: #757575;
     -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
     -ms-border-radius: 4px;
     -o-border-radius: 4px;
     border-radius: 4px;
     margin-bottom: 7px
 }
 
 .news-container aside .sidebar-widget .tagcloud a:hover {
     background-color: #6931f9;
     color: #fff
 }
 
 .news-container aside .sidebar-widget .tagcloud a:not(:last-child) {
     margin-right: 7px
 }
 
 .news-container aside .sidebar-widget ul.widget li:not(:last-child) {
     padding-bottom: 14px
 }
 
 .news-container aside .sidebar-widget ul li:not(:last-child) {
     padding-bottom: 5px
 }
 
 .news-container aside .sidebar-widget ul li .sub-menu,
 .news-container aside .sidebar-widget ul li .children {
     padding-left: 20px
 }
 
 .news-container aside .sidebar-widget ul li .categories {
     margin-bottom: 6px;
     line-height: 1
 }
 
 .news-container aside .sidebar-widget ul li .categories a {
     font: 700 0.75em/1 "Roboto", sans-serif;
     color: #6931f9;
     display: inline-block
 }
 
 .news-container aside .sidebar-widget ul li .categories a:not(:last-child) {
     margin-right: 4px
 }
 
 .news-container aside .sidebar-widget ul li .categories a:not(:last-child):after {
     content: '\f111';
     font-family: 'Font Awesome 5 Free';
     font-weight: bold;
     color: #6931f9;
     font-size: 5px;
     display: inline-block;
     position: relative;
     top: -2px;
     left: 2px;
     margin: 0 2px
 }
 
 .news-container aside .sidebar-widget ul li a.title {
     font: 600 1.125em/22px "Roboto", sans-serif;
     color: #000;
     margin-bottom: 6px;
     display: block
 }
 
 .news-container aside .sidebar-widget ul li .date {
     font: 700 0.75em/1 "Roboto", sans-serif;
     color: #6d6d6d
 }
 
 .news-container aside .sidebar-widget ul li.cat-item {
     padding: 0;
     border: 0;
     line-height: 1
 }
 
 .news-container aside .sidebar-widget ul li.cat-item a {
     font: 700 0.75em/1 "Roboto", sans-serif;
     color: #6931f9
 }
 
 .news-container aside .sidebar-widget ul li.cat-item a:before {
     content: '/';
     color: #6931f9
 }
 
 .news-container aside .sidebar-widget .small {
     height: 162px;
     -webkit-align-items: center;
     align-items: center;
     cursor: pointer
 }
 
 .news-container aside .sidebar-widget .small:not(:last-child) {
     margin-bottom: 21px
 }
 
 .news-container aside .sidebar-widget .small:hover .overlay {
     opacity: 1
 }
 
 .news-container aside .sidebar-widget .small a.category {
     font: 700 0.875em/27px "Roboto", sans-serif;
     color: #6931f9
 }
 
 .news-container aside .sidebar-widget .small a:not(.category) {
     font: 500 1.125em/22px "Roboto", sans-serif;
     color: #fff;
     max-width: 226px
 }
 
 .news-container aside .sidebar-widget .small .date {
     font: 700 0.625em/27px "Roboto", sans-serif;
     color: #b9b9b9;
     text-transform: uppercase;
     letter-spacing: 2px
 }
 
 .news-container aside .sidebar-widget .small .overlay {
     opacity: 0;
     z-index: 2;
     padding: 42px 26px 26px;
     -webkit-transition: all .4s ease-in-out;
     transition: all .4s ease-in-out
 }
 
 .news-container aside .sidebar-widget .small .overlay a {
     color: #000
 }
 
 .news-container aside .sidebar-widget .small .overlay .date {
     display: block;
     color: #808080
 }
 
 .news-container aside .sidebar-widget .small .overlay i {
     margin-top: 8px
 }
 
 .news-container aside .sidebar-widget .small:after {
     content: '';
     width: 100%;
     height: 100%;
     background-color: rgba(255, 255, 255, 0.7);
     position: absolute;
     top: 0;
     left: 0
 }
 
 .news-container>.news {
     max-width: 890px;
     width: 100%
 }
 
 @media screen and (max-width: 698px) {
     .news-container>.news .news-grid {
         -webkit-justify-content: center;
         justify-content: center
     }
 }
 
 @media screen and (max-width: 698px) {
     .news-container>.news .news-grid .column {
         margin-right: 0 !important
     }
 }
 
 .news {
     -webkit-flex-shrink: 0;
     flex-shrink: 0;
     padding-top: 70px;
     padding-bottom: 50px
 }
 
 .news ul>li.menu-item-has-children:hover .sub-menu {
     display: block
 }
 
 .news ul>li.menu-item-has-children .sub-menu {
     top: 20px;
     left: auto;
     right: 0;
     width: max-content;
     background-color: #111;
     max-height: 360px;
     border: 1px solid;
     padding: 10px;
     z-index: 9999;
     overflow: scroll;
     display: none;
     overflow-x: hidden;
     position: absolute
 }
 
 .news ul>li.menu-item-has-children .sub-menu li a {
     color: #fff
 }
 
 .news ul>li.menu-item-has-children .sub-menu li:hover a:after {
     display: none
 }
 
 .news ul>li.menu-item-has-children .sub-menu::-webkit-scrollbar {
     width: 4px
 }
 
 .news ul>li.menu-item-has-children .sub-menu::-webkit-scrollbar-thumb {
     background: rgba(255, 255, 255, 0.4)
 }
 
 .news ul>li.menu-item-has-children .sub-menu::-webkit-scrollbar-track {
     background: rgba(255, 255, 255, 0.3)
 }
 
 .news .tab-content .news-grid:not(.active) {
     display: none !important
 }
 
 .news .pagination {
     margin-top: 47px;
     display: -webkit-flex;
     display: flex;
     -webkit-align-items: center;
     align-items: center
 }
 
 .news .pagination .nav-previous {
     margin-right: auto
 }
 
 .news .pagination a {
     font: 900 0.875em/1 "Roboto", sans-serif;
     text-transform: uppercase;
     color: #000;
     -webkit-transition: color .6s ease-in-out;
     transition: color .6s ease-in-out
 }
 
 .news .pagination a:hover,
 .news .pagination a.active {
     color: #9f9f9f
 }
 
 .news .pagination a:hover::after,
 .news .pagination a.active::after {
     z-index: 0;
     opacity: 1
 }
 
 .news .pagination .bullet {
     background-color: #000;
     width: 4px;
     height: 4px;
     display: inline-block;
     margin: 0 10px;
     -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
     -ms-border-radius: 2px;
     -o-border-radius: 2px;
     border-radius: 2px
 }
 
 .news .news-grid {
     display: -webkit-flex;
     display: flex;
     -webkit-flex-wrap: wrap;
     flex-wrap: wrap;
     margin: 0 -8px
 }
 
 @media screen and (max-width: 1270px) {
     .news .news-grid {
         -webkit-justify-content: space-evenly;
         justify-content: space-evenly
     }
 }
 
 .news .news-grid article {
     position: relative;
     background-color: #000;
     width: 286px;
     height: 350px;
     background-size: cover;
     background-repeat: no-repeat;
     background-position: center;
     margin: 8px;
     display: -webkit-flex;
     display: flex
 }
 
 .news .news-grid article::after {
     -webkit-transition: opacity .3s ease-in-out;
     transition: opacity .3s ease-in-out;
     background-color: rgba(105, 49, 249, 0.2);
     content: '';
     width: 100%;
     height: 100%;
     position: absolute;
     opacity: 0;
     left: 0;
     right: 0
 }
 
 .news .news-grid article:hover::after {
     opacity: 1
 }
 
 .news .news-grid article .overlay {
     position: relative;
     z-index: 1;
     padding: 26px;
     width: 100%;
     height: 100%;
     display: -webkit-flex;
     display: flex;
     -webkit-flex-direction: column;
     flex-direction: column;
     -webkit-justify-content: flex-end;
     justify-content: flex-end;
     background: linear-gradient(transparent, rgba(0, 0, 0, 0.9))
 }
 
 .news .news-grid article .overlay .category {
     font: 700 0.75em/27px "Roboto", sans-serif;
     background-color: #6931f9;
     display: block;
     width: fit-content;
     line-height: 1;
     margin: 0;
     padding: 6px 8px
 }
 
 .news .news-grid article .overlay h3 {
     display: block;
     margin: 10px 0;
     font: 500 1.125em/22px "Roboto", sans-serif;
     color: #fff;
     max-width: 226px
 }
 
 .news .news-grid article .overlay .details {
     display: -webkit-flex;
     display: flex;
     line-height: 1;
     font: 700 0.75em/1 "Roboto", sans-serif;
     color: #b9b9b9;
     text-transform: uppercase;
     letter-spacing: 2px
 }
 
 .news .news-grid article .overlay .details .sticky {
     margin-left: auto;
     font-weight: 700
 }
 
 .sponsors .slider .slide a {
     -webkit-transition: opacity .6s ease-in-out;
     transition: opacity .6s ease-in-out;
     opacity: 0.38;
     display: block
 }
 
 .sponsors .slider .slide a:hover {
     opacity: 1
 }
 
 .sponsors .slider .slide a img {
     width: auto;
     max-width: 184px;
     max-height: 54px;
     margin: 0 auto
 }
 
 .team-list {
     display: -webkit-flex;
     display: flex;
     -webkit-flex-wrap: wrap;
     flex-wrap: wrap;
     margin: -18px
 }
 
 .team-list:not(.active) {
     display: none
 }
 
 @media screen and (max-width: 1270px) {
     .team-list {
         width: 100%;
         -webkit-justify-content: space-around;
         justify-content: space-around
     }
 }
 
 @media screen and (max-width: 992px) {
     .team-list {
         margin: 0
     }
 }
 
 .team-list .team-box {
     display: -webkit-flex;
     display: flex;
     -webkit-flex-direction: column;
     flex-direction: column;
     color: #fff;
     background-color: #111;
     width: 376px;
     height: 230px;
     margin: 18px
 }
 
 .team-list .team-box .team-body {
     margin-top: auto;
     text-align: center
 }
 
 .team-list .team-box .team-body h3 {
     font: 400 1.125em/1 "Roboto", sans-serif
 }
 
 .team-list .team-box .team-body span {
     font: 700 0.75em/1 "Roboto", sans-serif;
     color: #59596d;
     text-transform: uppercase
 }
 
 .team-list .team-box .team-body .members {
     margin-top: 20px;
     display: -webkit-flex;
     display: flex;
     -webkit-justify-content: center;
     justify-content: center
 }
 
 .team-list .team-box .team-foot {
     margin-top: auto;
     display: -webkit-flex;
     display: flex;
     background-color: #1f1f1f;
     text-transform: uppercase
 }
 
 .team-list .team-box .team-foot h5 {
     font: 700 0.75em/1 "Roboto", sans-serif;
     color: #59596d;
     margin-bottom: 2px
 }
 
 .team-list .team-box .team-foot p {
     font: 700 0.875em/1 "Roboto", sans-serif;
     color: #fff
 }
 
 .team-list .team-box .team-foot .col {
     display: -webkit-flex;
     display: flex;
     -webkit-flex-direction: column;
     flex-direction: column;
     -webkit-justify-content: center;
     justify-content: center;
     margin-left: 20px
 }
 
 .team-list .team-box .team-foot .col.align-right {
     margin-left: auto
 }
 
 .team-list .team-box .team-foot .col.align-right a i {
     margin-left: 24px
 }
 
 .team-list .team-box .team-foot .col .btn-default {
     min-width: 125px;
     width: initial;
     padding: 0 20px 0 30px;
     height: 52px;
     background-color: #6931f9;
     border-color: #6931f9;
     margin-left: 24px;
     -webkit-border-radius: 0;
     -moz-border-radius: 0;
     -ms-border-radius: 0;
     -o-border-radius: 0;
     border-radius: 0;
     -webkit-transition: all .4s ease-in-out;
     transition: all .4s ease-in-out
 }
 
 .team-list .team-box .team-foot .col .btn-default:hover {
     /* box-shadow: -20px 0 0px 0px rgba(105, 49, 249, 0.4) */
 }
 
 .stream-list {
     -webkit-flex-wrap: wrap;
     flex-wrap: wrap
 }
 
 .stream-list-h2 {
     font-weight: bold;
     color: #6931f9;
     margin-bottom: 50px;
     font-size: 1.8em;
     position: relative;
 }
 
 .stream-list-h2:after {
     content: '';
     width: 500px;
     margin-left: 20px;
     position: absolute;
     top: 50%;
     height: 1px;
     background-color: #6931f9;
 }
 
 @media screen and (max-width: 768px) {
     .stream-list-h2:after {
         display: none;
     }
 }
 
 .stream-list:not(.active) {
     display: none !important
 }
 
 @media screen and (min-width: 375px) {
     .stream-list {
         margin: -16px
     }
 }
 
 @media screen and (max-width: 375px) {
     .stream-list {
         margin: 25px
     }
 }
 
 .stream-list .stream-box {
     -webkit-flex-shrink: 0;
     flex-shrink: 0;
     background-size: cover;
     background-color: #9A9A9A;
     background-repeat: no-repeat;
     background-position: center;
     display: inline-block;
     width: 378px;
     height: 214px;
     margin: 16px
 }
 
 @media screen and (max-width: 376px) {
     .stream-list .stream-box {
         width: 100%;
         height: 53vw
     }
 }
 
 .stream-list .stream-box:before {
     content: '';
     position: absolute;
     width: 100%;
     height: 100%;
     background-color: rgba(0, 0, 0, 0.7);
     -webkit-transition: background-color .2s ease-in-out;
     transition: background-color .2s ease-in-out
 }
 
 .stream-list .stream-box:hover:before {
     background-color: rgba(0, 0, 0, 0.2)
 }
 
 .stream-list .stream-box .overlay {
     display: -webkit-flex;
     display: flex;
     -webkit-flex-direction: column;
     flex-direction: column;
     -webkit-transition: background .3s ease-in-out;
     transition: background .3s ease-in-out;
     width: 100%;
     height: 100%;
     padding: 20px
 }
 
 .stream-list .stream-box .overlay>i {
     margin-top: auto;
     text-align: center
 }
 
 .stream-list .stream-box .stream-views {
     margin-left: auto;
     text-transform: uppercase;
     font: 700 0.75em/1 "Roboto", sans-serif
 }
 
 .stream-list .stream-box .stream-desc {
     display: -webkit-flex;
     display: flex;
     -webkit-align-items: center;
     align-items: center;
     margin-top: auto
 }
 
 .stream-list .stream-box .stream-desc figure {
     margin-right: 8px
 }
 
 .stream-list .stream-box .stream-desc figure img {
     max-height: 30px
 }
 
 .stream-list .stream-box .stream-info {
     display: -webkit-flex;
     display: flex;
     -webkit-flex-direction: column;
     flex-direction: column
 }
 
 .stream-list .stream-box .stream-info .streamer-name {
     text-transform: uppercase;
     font: 700 0.875em/1 "Roboto", sans-serif;
     letter-spacing: 0.5px;
     margin-bottom: 8px;
 }
 
 .stream-list .stream-box .stream-info .stream-name {
     margin-top: 2px;
     font: 700 0.75em/1 "Roboto", sans-serif;
     color: #eaeaea !important;
     letter-spacing: 0.5px;
     display: none;
 }
 
 .tournament-list {
     margin-bottom: 60px;
     display: -webkit-flex;
     display: flex;
     -webkit-flex-wrap: wrap;
     flex-wrap: wrap
 }
 
 .tournament-list:not(.active) {
     display: none !important
 }
 
 @media screen and (max-width: 1268px) {
     .tournament-list {
         -webkit-flex-direction: column;
         flex-direction: column;
         -webkit-align-items: center;
         align-items: center
     }
 }
 
 .tournament-list .tournament-box {
     display: -webkit-flex;
     display: flex;
     -webkit-flex-direction: column;
     flex-direction: column;
     -webkit-transition: all .4s ease-in-out;
     transition: all .4s ease-in-out;
     background: #000;
     background-position: center top;
     background-blend-mode: luminosity;
     background-size: cover;
     flex-shrink: 0;
     max-width: 600px;
     width: 100%;
     min-height: 310px;
     color: #fff
 }
 
 @media screen and (max-width: 1268px) {
     .tournament-list .tournament-box:not(:last-child) {
         margin-bottom: 25px
     }
 }
 
 .tournament-list .tournament-box:after {
     -webkit-transition: opacity .4s ease-in-out;
     transition: opacity .4s ease-in-out;
     content: '';
     position: absolute;
     width: 100%;
     height: 100%;
     background-color: rgba(105, 49, 249, 0.1);
     opacity: 0;
     z-index: 1
 }
 
 @media screen and (max-width: 769px) {
     .tournament-list .tournament-box {
         max-width: 400px;
         width: 100%
     }
 }
 
 .tournament-list .tournament-box:hover {
     background-blend-mode: initial
 }
 
 .tournament-list .tournament-box:hover:after {
     opacity: 1
 }
 
 .tournament-list .tournament-box .tournament-body,
 .tournament-list .tournament-box .tournament-footer {
     z-index: 2
 }
 
 .tournament-list .tournament-box .tournament-body {
     display: -webkit-flex;
     display: flex;
     -webkit-flex-direction: column;
     flex-direction: column;
     padding: 28px
 }
 
 @media screen and (max-width: 768px) {
     .tournament-list .tournament-box .tournament-body {
         -webkit-align-items: center;
         align-items: center;
         text-align: center
     }
 }
 
 .tournament-list .tournament-box .tournament-body .tournament-name {
     color: #666666;
     font: 500 1.125em/1 "Roboto", sans-serif;
     margin-bottom: 6px
 }
 
 .tournament-list .tournament-box .tournament-body .date {
     color: #fff;
     text-transform: uppercase;
     margin-bottom: 18px;
     font: 700 .875em "Roboto", sans-serif
 }
 
 .tournament-list .tournament-box .tournament-body figure img {
     max-width: 70px;
     max-height: 26px
 }
 
 .tournament-list .tournament-box .tournament-footer {
     display: -webkit-flex;
     display: flex;
     -webkit-align-items: flex-end;
     align-items: flex-end;
     margin-top: auto
 }
 
 @media screen and (max-width: 768px) {
     .tournament-list .tournament-box .tournament-footer {
         -webkit-align-items: center;
         align-items: center;
         -webkit-flex-direction: column;
         flex-direction: column;
         padding-bottom: 28px
     }
 }
 
 .tournament-list .tournament-box .tournament-footer .col {
     display: -webkit-flex;
     display: flex;
     text-transform: uppercase
 }
 
 .tournament-list .tournament-box .tournament-footer .col .col-item:not(:first-of-type) {
     margin-left: 28px
 }
 
 .tournament-list .tournament-box .tournament-footer .col h5 {
     font: 600 0.75em/1 "Roboto", sans-serif;
     color: #666666;
     margin-bottom: 4px
 }
 
 .tournament-list .tournament-box .tournament-footer .col p {
     font: 600 0.875em/1 "Roboto", sans-serif;
     color: #fff
 }
 
 .tournament-list .tournament-box .tournament-footer .col:not(.align-right) {
     margin-left: 28px;
     margin-bottom: 20px
 }
 
 .tournament-list .tournament-box .tournament-footer .col.align-right {
     margin-left: auto
 }
 
 @media screen and (max-width: 768px) {
     .tournament-list .tournament-box .tournament-footer .col.align-right {
         margin-left: initial
     }
 }
 
 .tournament-list .tournament-box .btn-default {
     min-width: 165px;
     height: 52px;
     background-color: #6931f9;
     border-color: #6931f9;
     margin-left: 24px;
     -webkit-border-radius: 0;
     -moz-border-radius: 0;
     -ms-border-radius: 0;
     -o-border-radius: 0;
     border-radius: 0;
     -webkit-transition: all .4s ease-in-out;
     transition: all .4s ease-in-out
 }
 
 .tournament-list .tournament-box .btn-default i {
     margin-left: 24px
 }
 
 .tournament-list .tournament-box .btn-default:hover {
     /* box-shadow: -20px 0 0px 0px rgba(105, 49, 249, 0.4) */
 }
 
 .match-list:not(.active) {
     display: none !important
 }
 
 @media screen and (max-width: 769px) {
     .match-list {
         display: -webkit-flex;
         display: flex;
         -webkit-flex-wrap: wrap;
         flex-wrap: wrap;
         -webkit-justify-content: space-evenly;
         justify-content: space-evenly
     }
 }
 
 .match-box {
     background-color: rgba(29, 28, 32, 0.67);
     border: 1px solid rgba(255, 255, 255, 0.05);
     box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.18);
     padding: 18px;
     color: #fff;
     display: -webkit-flex;
     display: flex;
     -webkit-flex-direction: column;
     flex-direction: column
 }
 
 .match-box:not(:last-child) {
     margin-bottom: 12px
 }
 
 .match-box .box-title {
     display: -webkit-flex;
     display: flex;
     -webkit-flex-direction: column;
     flex-direction: column;
     -webkit-align-items: center;
     align-items: center;
     -webkit-flex-shrink: 0;
     flex-shrink: 0;
     text-align: center;
     margin-bottom: 5px
 }
 
 .match-box .box-title span {
     text-transform: uppercase
 }
 
 .match-box .box-title span:not(.date) {
     font: 700 1em/22px "Roboto", sans-serif;
     color: #fff
 }
 
 .match-box .box-title span.date {
     font: 500 0.75em/1 "Roboto", sans-serif;
     color: #727b84;
     letter-spacing: 2px;
     margin: 2px 0
 }
 
 .match-box .box-title span.date a {
     font: 600 0.875em/1 "Roboto", sans-serif;
     color: #6931f9;
     -webkit-transition: color .6s ease-in-out;
     transition: color .6s ease-in-out
 }
 
 .match-box .box-title span.date a i {
     margin-left: 8px
 }
 
 .match-box .match-details {
     display: -webkit-flex;
     display: flex;
     -webkit-justify-content: space-between;
     justify-content: space-between;
     padding: 0 30px
 }
 
 .match-box .match-details .team-box {
     width: 315px;
     height: 80px;
     margin-top: -14px;
     display: -webkit-flex;
     display: flex;
     -webkit-align-items: center;
     align-items: center
 }
 
 .match-box .match-details .team-box .members li {
     margin-right: 6px;
     width: 26px;
     height: 26px
 }
 
 .match-box .match-details .team-box .members li a img {
     min-width: 26px;
     max-width: 26px;
     height: 26px
 }
 
 .match-box .match-details .team-box .members li a:after {
     font-size: 14px
 }
 
 .match-box .match-details .team-box>a {
     margin-right: 22px;
     align-self: center
 }
 
 .match-box .match-details .team-box>a img {
     max-width: 130px;
     max-height: 130px
 }
 
 @media screen and (max-width: 769px) {
     .match-box .match-details .team-box>a {
         margin: 44px 0 10px;
         height: auto
     }
 }
 
 .match-box .match-details .team-box .team-name {
     display: -webkit-flex;
     display: flex;
     -webkit-flex-shrink: 0;
     flex-shrink: 0;
     -webkit-flex-direction: column;
     flex-direction: column;
     -webkit-align-items: flex-start;
     align-items: flex-start
 }
 
 .match-box .match-details .team-box .team-name:hover a {
     opacity: 1;
     z-index: 1
 }
 
 .match-box .match-details .team-box .team-name span {
     font: 500 1.125em/1 "Roboto", sans-serif;
     color: #59636b;
 }
 
 .match-box .match-details .team-box .team-name a {
     font: 400 0.625em/1 "Roboto", sans-serif;
     text-transform: uppercase;
     color: #6931f9;
     margin-bottom: 12px;
     opacity: 0;
     z-index: -1
 }
 
 @media screen and (max-width: 769px) {
     .match-box .match-details .team-box .team-name a {
         display: none
     }
 }
 
 .match-box .match-details .team-box .team-name a i {
     margin-left: 6px
 }
 
 @media screen and (max-width: 769px) {
     .match-box .match-details .team-box .team-name {
         -webkit-align-items: center;
         align-items: center
     }
     .match-box .match-details .team-box .team-name a {
         display: none
     }
 }
 
 .match-box .match-details .team-box:last-of-type {
     direction: rtl
 }
 
 .match-box .match-details .team-box:last-of-type li:first-of-type {
     margin-right: 0
 }
 
 @media screen and (max-width: 769px) {
     .match-box .match-details .team-box:last-of-type {
         margin-bottom: 46px
     }
 }
 
 .match-box .match-details .team-box:last-of-type>a {
     margin-right: 0;
     margin-left: 22px
 }
 
 @media screen and (max-width: 769px) {
     .match-box .match-details .team-box:last-of-type>a {
         margin: 0 0 10px
     }
 }
 
 .match-box .match-details .team-box:last-of-type .team-name a {
     direction: ltr
 }
 
 @media screen and (max-width: 769px) {
     .match-box .match-details .team-box:last-of-type .team-name a {
         display: none
     }
 }
 
 .match-box .match-details .team-box:last-of-type .members {
     direction: rtl
 }
 
 @media screen and (max-width: 769px) {
     .match-box .match-details .team-box {
         -webkit-flex-direction: column;
         flex-direction: column;
         -webkit-align-items: center;
         align-items: center;
         margin-top: 0;
         height: auto
     }
 }
 
 .match-box .match-details .col {
     margin-top: 24px;
     height: 100%;
     display: -webkit-flex;
     display: flex;
     -webkit-flex-direction: column;
     flex-direction: column;
     -webkit-align-items: center;
     align-items: center
 }
 
 .match-box .match-details .col .result {
     font: 900 2em/1 "Roboto", sans-serif;
     color: #fff;
     margin-bottom: 26px;
     letter-spacing: 2px
 }
 
 @media screen and (max-width: 769px) {
     .match-box .match-details .col {
         margin: 44px auto
     }
     .match-box .match-details .col .result {
         margin-bottom: 0
     }
 }
 
 @media screen and (max-width: 769px) {
     .match-box .match-details {
         -webkit-flex-direction: column;
         flex-direction: column;
         -webkit-align-items: center;
         align-items: center
     }
 }
 
 .match-box .game-name {
     text-align: center;
     font: 700 0.75em/1 "Roboto", sans-serif;
     color: #59636b;
     text-transform: uppercase
 }
 
 @media screen and (max-width: 769px) {
     .match-box {
         max-width: 100%
     }
 }
 
 .page-hero {
     display: -webkit-flex;
     display: flex;
     -webkit-justify-content: center;
     justify-content: center;
     -webkit-align-items: center;
     align-items: center;
     /* height: 220px;
     margin-bottom: 100px;
     */
     position: relative;
     z-index: 1;
     text-align: center;
     margin-bottom: 100px;
 }
 
 .page-hero h2 {
     font-size: 2.25em;
     color: #fff;
     line-height: 1;
     margin-bottom: 15px
 }
 
 .page-hero h4 {
     font-size: .875em;
     color: #6931f9;
     line-height: 1
 }
 
 .page-hero .actions {
     display: -webkit-flex;
     display: flex;
     -webkit-justify-content: center;
     justify-content: center;
     text-align: center;
     margin-top: 40px
 }
 
 .page-hero .actions .btn-default {
     background-color: #6931f9;
     border: 0
 }
 
 .page-hero .tab-nav {
     display: -webkit-flex;
     display: flex;
     -webkit-justify-content: center;
     justify-content: center;
     height: auto;
     margin: 50px auto 0
 }
 
 @media screen and (max-width: 992px) {
     .page-hero .tab-nav {
         -webkit-flex-wrap: wrap;
         flex-wrap: wrap;
         -webkit-justify-content: center;
         justify-content: center
     }
 }
 
 .page-hero .tab-nav li {
     height: 50px;
     width: fit-content
 }
 
 @media screen and (max-width: 992px) {
     .page-hero .tab-nav li {
         margin-top: 1px;
         margin-bottom: 1px
     }
 }
 
 .page-hero .tab-nav li.active a,
 .page-hero .tab-nav li:hover a {
     background-color: #6931f9
 }
 
 .page-hero .tab-nav a {
     padding: 0 30px;
     display: -webkit-flex;
     display: flex;
     -webkit-align-items: center;
     align-items: center;
     text-align: center;
     height: 100%
 }
 
 .page-hero .tab-nav a img {
     max-width: 72px
 }
 
 .is-inner-page {
     background-color: #000
 }
 
 .inner-page {
     position: relative;
     z-index: 1;
     padding: 50px 0
 }
 
 .inner-page .inner-header {
     display: -webkit-flex;
     display: flex;
     height: 480px;
     width: 100%;
     background-size: cover;
     background-color: transparent;
     background-position: center top
 }
 
 @media screen and (min-width: 992px) and (max-width: 1268px) {
     .inner-page .inner-header {
         height: 350px
     }
 }
 
 @media screen and (max-width: 992px) {
     .inner-page .inner-header {
         height: 100%;
         min-height: 40vh
     }
 }
 
 @media screen and (max-width: 768px) {
     .inner-page .inner-header {
         min-height: 35vh;
         background-size: 100%;
         background-color: transparent;
         background-position: center bottom;
         background-repeat: no-repeat;
     }
 }
 
 .inner-page .inner-header .inner-header-info {
     display: -webkit-flex;
     display: flex;
     -webkit-align-items: center;
     align-items: center;
     z-index: 9
 }
 
 .inner-page .inner-header .inner-header-info figure {
     margin: 0 42px 0 54px
 }
 
 .inner-page .inner-header .inner-header-info figure.rounded {
     width: 156px;
     height: 156px
 }
 
 .inner-page .inner-header .inner-header-info figure.rounded img {
     max-width: 100%;
     height: 156px;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     -ms-border-radius: 50%;
     -o-border-radius: 50%;
     border-radius: 50%;
     object-fit: cover
 }
 
 .inner-page .inner-header .inner-header-info figure img {
     max-width: 190px;
     max-height: 170px
 }
 
 @media screen and (max-width: 992px) {
     .inner-page .inner-header .inner-header-info figure img {
         max-width: 160px;
         max-height: 140px
     }
 }
 
 @media screen and (max-width: 992px) {
     .inner-page .inner-header .inner-header-info figure {
         margin: 0 0 40px
     }
 }
 
 @media screen and (max-width: 418px) {
     .inner-page .inner-header .inner-header-info figure {
         margin: 0 0 20px
     }
 }
 
 .inner-page .inner-header .inner-header-info .inner-header-details {
     display: -webkit-flex;
     display: flex;
     -webkit-flex-direction: column;
     flex-direction: column;
     color: #fff
 }
 
 .inner-page .inner-header .inner-header-info .inner-header-details>span {
     font: 500 1.125em/1 "Roboto", sans-serif;
     margin-bottom: 2px
 }
 
 @media screen and (max-width: 418px) {
     .inner-page .inner-header .inner-header-info .inner-header-details>span {
         margin-bottom: 10px
     }
 }
 
 .inner-page .inner-header .inner-header-info .inner-header-details ul li {
     display: inline;
     font: 400 0.75em/1 "Roboto", sans-serif;
     color: #6931f9;
     text-transform: uppercase
 }
 
 .inner-page .inner-header .inner-header-info .inner-header-details ul li:not(:last-of-type) {
     margin-right: 14px;
     text-transform: inherit
 }
 
 .inner-page .inner-header .inner-header-info .inner-header-details ul li i {
     color: #fff;
     margin-right: 4px
 }
 
 @media screen and (max-width: 418px) {
     .inner-page .inner-header .inner-header-info .inner-header-details ul li {
         text-align: center;
         display: block
     }
 }
 
 .inner-page .inner-header .inner-header-info .inner-header-details .btn-default {
     background-color: rgba(255, 255, 255, 0.08);
     border-color: rgba(255, 255, 255, 0.42);
     -webkit-transition: all .6s ease-in-out;
     transition: all .6s ease-in-out
 }
 
 .inner-page .inner-header .inner-header-info .inner-header-details .btn-default:hover {
     border: 2px solid #6931f9;
     background: rgba(189, 223, 3, 0.09)
 }
 
 .inner-page .inner-header .inner-header-info .inner-header-details .btn-default i {
     margin-right: 8px
 }
 
 @media screen and (max-width: 992px) {
     .inner-page .inner-header .inner-header-info .inner-header-details {
         -webkit-align-items: center;
         align-items: center
     }
 }
 
 @media screen and (max-width: 992px) {
     .inner-page .inner-header .inner-header-info {
         width: 100%;
         -webkit-flex-direction: column;
         flex-direction: column;
         -webkit-align-items: center;
         align-items: center;
         padding: 30px 0
     }
 }
 
 .inner-page .inner-body {
     background-color: #111;
     padding: 34px 30px;
     margin-bottom: 50px
 }
 
 .inner-page .inner-body article {
     color: #888888;
     display: -webkit-flex;
     display: flex;
     -webkit-flex-direction: row;
     flex-direction: row;
     font-family: "Roboto", sans-serif
 }
 
 .inner-page .inner-body article.top {
     border-bottom: 1px solid #222
 }
 
 @media screen and (min-width: 768px) {
     .inner-page .inner-body article.top {
         padding-bottom: 28px;
         margin-bottom: 32px
     }
 }
 
 @media screen and (max-width: 768px) {
     .inner-page .inner-body article.top {
         -webkit-flex-direction: column;
         flex-direction: column;
         -webkit-align-items: center;
         align-items: center;
         padding-bottom: 20px;
         margin-bottom: 20px
     }
 }
 
 @media screen and (max-width: 768px) {
     .inner-page .inner-body article.top .col {
         text-align: center
     }
 }
 
 .inner-page .inner-body article.top .col.left.detail-left-list ul {
     display: -webkit-flex;
     display: flex
 }
 
 .inner-page .inner-body article.top .col.left.detail-left-list ul li {
     padding: 16px 40px 16px 0;
     margin: 0 40px 0 0;
     border-right: 1px solid #222
 }
 
 .inner-page .inner-body article.top .col.left.detail-left-list ul li span {
     display: block;
     font-weight: 600;
     text-transform: uppercase;
     font-size: .75em
 }
 
 .inner-page .inner-body article.top .col.left.detail-left-list ul li span.name {
     color: #fff
 }
 
 .inner-page .inner-body article.top .col.left.about .details h4 {
     color: #fff
 }
 
 @media screen and (min-width: 768px) {
     .inner-page .inner-body article.top .col.left.about {
         -webkit-flex-direction: row;
         flex-direction: row
     }
 }
 
 @media screen and (min-width: 768px) {
     .inner-page .inner-body article.top .col.left.about figure {
         border-right: 1px solid #222;
         padding-right: 25px;
         margin-right: 25px
     }
 }
 
 @media screen and (max-width: 768px) {
     .inner-page .inner-body article.top .col.left.about figure {
         margin-bottom: 10px
     }
 }
 
 .inner-page .inner-body article.top .col.left img.img-logo {
     max-width: 150px
 }
 
 @media screen and (max-width: 768px) {
     .inner-page .inner-body article.top .col.left {
         margin-right: initial
     }
 }
 
 .inner-page .inner-body article.top .col.right ul.info-list {
     display: -webkit-flex;
     display: flex
 }
 
 .inner-page .inner-body article.top .col.right ul.info-list li {
     display: -webkit-flex;
     display: flex;
     -webkit-justify-content: center;
     justify-content: center;
     -webkit-flex-direction: column;
     flex-direction: column;
     text-align: center;
     border-left: 1px solid #222;
     padding: 0 30px
 }
 
 .inner-page .inner-body article.top .col.right ul.info-list li:last-child {
     border-right: 1px solid #222
 }
 
 .inner-page .inner-body article.top .col.right ul.info-list li span {
     text-transform: uppercase;
     line-height: 1;
     display: block;
     font-weight: 700
 }
 
 .inner-page .inner-body article.top .col.right ul.info-list li span.title {
     color: #fff;
     font-size: 1.125em;
     margin-bottom: 5px
 }
 
 .inner-page .inner-body article.top .col.right ul.info-list li span.subtitle {
     color: #444;
     font-size: .625em
 }
 
 @media screen and (max-width: 768px) {
     .inner-page .inner-body article.top .col.right {
         margin-left: initial
     }
 }
 
 @media screen and (max-width: 375px) {
     .inner-page .inner-body article.top .col.right {
         -webkit-flex-direction: column;
         flex-direction: column
     }
 }
 
 .inner-page .inner-body article.top h3 {
     font-weight: normal;
     color: #fff;
     font-size: 2.25em;
     line-height: 1
 }
 
 @media screen and (max-width: 768px) {
     .inner-page .inner-body article.top h3 {
         /* margin-bottom: 8px */
     }
 }
 
 @media screen and (min-width: 768px) {
     .inner-page .inner-body article.top h3 {
         /* margin-bottom: 16px */
     }
 }
 
 .inner-page .inner-body article.top p {
     font-size: .875em
 }
 
 @media screen and (max-width: 768px) {
     .inner-page .inner-body article.top p {
         margin-bottom: 35px
     }
 }
 
 .inner-page .inner-body article.top .btn {
     -webkit-border-radius: 0;
     -moz-border-radius: 0;
     -ms-border-radius: 0;
     -o-border-radius: 0;
     border-radius: 0;
     display: block;
     font-weight: 600;
     font-size: .75em;
     font-family: "Roboto", sans-serif;
     text-align: center;
     text-transform: uppercase;
     width: 160px;
     height: 46px;
     line-height: 46px;
     border: 0
 }
 
 @media screen and (max-width: 480px) {
     .inner-page .inner-body article.top .btn {
         width: 140px;
         height: 40px;
         line-height: 40px
     }
 }
 
 .inner-page .inner-body article.top .btn.btn-primary {
     background-color: #6931f9
 }
 
 .inner-page .inner-body article.top .btn.btn-black {
     background-color: #000
 }
 
 @media screen and (min-width: 375px) {
     .inner-page .inner-body article.top .btn:not(:last-child):not(.about-btn) {
         margin-right: 16px
     }
 }
 
 @media screen and (max-width: 375px) {
     .inner-page .inner-body article.top .btn:not(:last-child) {
         margin-bottom: 10px
     }
 }
 
 @media screen and (max-width: 992px) {
     .inner-page .inner-body article.bottom {
         -webkit-flex-direction: column;
         flex-direction: column;
         -webkit-align-items: center;
         align-items: center
     }
 }
 
 .inner-page .inner-body article.bottom .col.textarea {
     width: 550px
 }
 
 .inner-page .inner-body article.bottom .col.textarea .scrollbar-outer {
     max-height: 350px !important;
 }
 
 .inner-page .inner-body article.bottom .col.textarea .scrollbar-outer>.scroll-element {
     background-color: #2d313f
 }
 
 .inner-page .inner-body article.bottom .col.textarea .scrollbar-outer>.scroll-element .scroll-element_track {
     background-color: #2d313f
 }
 
 .inner-page .inner-body article.bottom .col.textarea .scrollbar-outer>.scroll-element .scroll-bar {
     background-color: #6931f9
 }
 
 .inner-page .inner-body article.bottom .col.textarea .scrollbar-outer>.scroll-element.scroll-y {
     width: 1px
 }
 
 .inner-page .inner-body article.bottom .col.textarea .scrollbar-outer>.scroll-element.scroll-y .scroll-element_outer {
     width: 1px;
     left: 0
 }
 
 @media screen and (max-width: 768px) {
     .inner-page .inner-body article.bottom .col.textarea .scrollbar-outer>.scroll-element {
         display: none
     }
 }
 
 .inner-page .inner-body article.bottom .col.textarea .text-head {
     display: -webkit-flex;
     display: flex;
     margin-bottom: 20px
 }
 
 @media screen and (max-width: 992px) {
     .inner-page .inner-body article.bottom .col.textarea .text-head {
         -webkit-justify-content: center;
         justify-content: center
     }
 }
 
 @media screen and (max-width: 468px) {
     .inner-page .inner-body article.bottom .col.textarea .text-head {
         text-align: center;
         -webkit-flex-direction: column;
         flex-direction: column;
         -webkit-align-items: center;
         align-items: center
     }
 }
 
 .inner-page .inner-body article.bottom .col.textarea .text-head h4 {
     color: #fff;
     line-height: 1;
     text-transform: uppercase;
     margin-right: 40px;
     font-size: .875em
 }
 
 @media screen and (max-width: 468px) {
     .inner-page .inner-body article.bottom .col.textarea .text-head h4 {
         margin-right: 0;
         margin-bottom: 8px
     }
 }
 
 .inner-page .inner-body article.bottom .col.textarea .text-head ul {
     display: -webkit-flex;
     display: flex
 }
 
 .inner-page .inner-body article.bottom .col.textarea .text-head ul li {
     font-size: .75em
 }
 
 .inner-page .inner-body article.bottom .col.textarea .text-head ul li:not(:last-child) {
     margin-right: 15px
 }
 
 .inner-page .inner-body article.bottom .col.textarea .text-head ul li a {
     color: #dadae0
 }
 
 @media screen and (max-width: 992px) {
     .inner-page .inner-body article.bottom .col.textarea {
         width: 100%;
         text-align: center;
         margin-bottom: 25px
     }
 }
 
 .inner-page .inner-body article.bottom .col.right {
     width: 500px;
     -webkit-justify-content: flex-end;
     justify-content: flex-end
 }
 
 @media screen and (max-width: 1268px) {
     .inner-page .inner-body article.bottom .col.right {
         width: 470px;
         margin: 0 0 0 20px
     }
 }
 
 .inner-page .inner-body article.bottom .col.right.team-pg {
     position: relative
 }
 
 @media screen and (min-width: 1268px) {
     .inner-page .inner-body article.bottom .col.right.team-pg::before {
         content: '';
         position: absolute;
         width: 1px;
         height: 100%;
         left: -45px;
         top: 0;
         background-color: #333
     }
 }
 
 @media screen and (max-width: 992px) {
     .inner-page .inner-body article.bottom .col.right {
         width: 100%;
         -webkit-justify-content: center;
         justify-content: center
     }
 }
 
 .inner-page .inner-body article.bottom .col.right .achievements {
     display: -webkit-flex;
     display: flex;
     -webkit-justify-content: center;
     justify-content: center;
     -webkit-align-items: center;
     align-items: center
 }
 
 .inner-page .inner-body article.bottom .col.right .achievements .owl-item>a {
     width: 100%
 }
 
 .inner-page .inner-body article.bottom .col.right .achievements .owl-item>a>img {
     margin: 0 auto;
     max-height: 75px;
     max-width: 85px
 }
 
 .inner-page .inner-body article.bottom .col.right ul.stats {
     /* display: -webkit-flex;
     display: flex;
     -webkit-flex-direction: row;
     flex-direction: row;
     -webkit-align-items: center;
     align-items: center */
     display: none;
 }
 
 .inner-page .inner-body article.bottom .col.right ul.stats.player-stats h5 {
     font-size: .75em;
     color: #444;
     margin: 15px 0 2px;
     text-transform: uppercase
 }
 
 .inner-page .inner-body article.bottom .col.right ul.stats.player-stats span {
     font-size: .75em;
     font-weight: 700;
     color: #fff
 }
 
 @media screen and (max-width: 520px) {
     .inner-page .inner-body article.bottom .col.right ul.stats {
         -webkit-flex-wrap: wrap;
         flex-wrap: wrap;
         -webkit-justify-content: space-between;
         justify-content: space-between;
         width: 100%
     }
 }
 
 .inner-page .inner-body article.bottom .col.right ul.stats li {
     position: relative;
     color: #fff;
     text-align: center
 }
 
 @media screen and (max-width: 420px) {
     .inner-page .inner-body article.bottom .col.right ul.stats li {
         width: 50%;
         margin-bottom: 15px
     }
 }
 
 @media screen and (min-width: 520px) {
     .inner-page .inner-body article.bottom .col.right ul.stats li:not(:last-child) {
         margin-right: 40px;
         padding-right: 40px
     }
     .inner-page .inner-body article.bottom .col.right ul.stats li:not(:last-child)::after {
         content: '';
         width: 2px;
         height: 50px;
         background-color: #333;
         position: absolute;
         bottom: -4px;
         right: 0
     }
 }
 
 .inner-page .inner-body article.bottom .col.right ul.stats li .icon {
     display: block;
     width: 30px;
     height: 30px;
     margin: 0 auto;
     background-size: contain;
     background-repeat: no-repeat;
     background-position: center top
 }
 
 .inner-page .inner-body article.bottom .col.right ul.stats li h5 {
     line-height: 1;
     font-size: 1em;
     margin: 15px 0 8px
 }
 
 .inner-page .inner-body article.bottom .col.right ul.stats li span {
     font-size: .75em;
     color: #6931f9;
     text-transform: uppercase;
     font-weight: 700;
     display: block
 }
 
 .inner-page .inner-body article.bottom .col.right ul.stats.stats-tournament li {
     text-align: left
 }
 
 @media screen and (min-width: 520px) {
     .inner-page .inner-body article.bottom .col.right ul.stats.stats-tournament li:not(:last-child) {
         margin-right: 20px;
         padding-right: 20px
     }
     .inner-page .inner-body article.bottom .col.right ul.stats.stats-tournament li:not(:last-child)::after {
         bottom: -12px
     }
 }
 
 .inner-page .inner-body article.bottom .col.right ul.stats.stats-tournament h5,
 .inner-page .inner-body article.bottom .col.right ul.stats.stats-tournament span {
     text-transform: uppercase
 }
 
 .inner-page .inner-body article.bottom .col.right ul.stats.stats-tournament h5 {
     font-weight: 700;
     line-height: 1;
     font-size: .75em;
     margin: 0;
     color: #dadae0
 }
 
 .inner-page .inner-body article.bottom .col.right ul.stats.stats-tournament span {
     font-size: .875em;
     color: #fff;
     font-weight: 500;
     display: block
 }
 
 .inner-page .inner-body article .col {
     display: -webkit-flex;
     display: flex
 }
 
 .inner-page .inner-body article .col.left {
     -webkit-flex-direction: column;
     flex-direction: column;
     margin-right: auto
 }
 
 .inner-page .inner-body article .col.right {
     margin-left: auto
 }
 
 .inner-page .inner-body article p {
     font-size: .875em;
     font-weight: 500;
     line-height: 21px;
     color: #dadae0
 }
 
 .shop {
     padding: 68px 0;
     background-color: #fff
 }
 
 .shop.products .box:not(:last-child):after {
     display: none
 }
 
 .shop .product-img {
     margin-right: 70px
 }
 
 .shop .product-details {
     max-width: 686px;
     width: 100%;
     height: 200px
 }
 
 .shop .product-details .discount {
     color: #fff;
     background-color: #6931f9;
     font: 700 0.75em/1 "Roboto", sans-serif;
     padding: 3px 19px;
     text-transform: uppercase
 }
 
 .shop .product-details h3 {
     color: #0a0c11;
     font: 900 2em/42px "Roboto", sans-serif;
     max-width: 400px;
     margin-bottom: 30px
 }
 
 .shop .product-details h4 {
     color: #0a0c11;
     font: 900 1.5em/32px "Roboto", sans-serif;
     margin-bottom: 22px
 }
 
 .shop .product-details p {
     color: #71757e;
     font: 500 0.75em/20px "Roboto", sans-serif
 }
 
 .shop .product-details .product-size {
     margin-top: 26px
 }
 
 .shop .product-details .shop-cta {
     display: -webkit-flex;
     display: flex;
     -webkit-align-items: center;
     align-items: center;
     bottom: 0;
     left: 0
 }
 
 .shop .product-details .shop-cta .btn-default {
     color: #fff;
     background-color: #6931f9;
     margin-right: 20px
 }
 
 .shop .product-details .shop-cta .price {
     font: 900 1.25em/1 "Roboto", sans-serif;
     text-transform: uppercase
 }
 
 .shop .tab-content .slider {
     padding-bottom: 62px;
     border-bottom: 1px solid rgba(20, 33, 43, 0.18);
     margin-bottom: 42px
 }
 
 .shop .tab-content .slider .owl-nav {
     top: 50%;
     transform: translateY(-50%);
     right: 0
 }
 
 .shop .tab-content .slider .owl-nav .owl-prev {
     margin-bottom: 2px
 }
 
 .shop .tab-content .slider .owl-nav .owl-prev,
 .shop .tab-content .slider .owl-nav .owl-next {
     width: 60px;
     height: 46px;
     background-color: #6931f9;
     color: #fff;
     font-size: 28px;
     text-align: center;
     line-height: 46px
 }
 
 .shop .tab-content .slider .owl-nav .owl-prev.disabled,
 .shop .tab-content .slider .owl-nav .owl-next.disabled {
     opacity: 0.21
 }
 
 .shop .tab-content .slider .slide {
     display: -webkit-flex;
     display: flex
 }
 
 @media screen and (max-width: 769px) {
     .shop .tab-content .slider .slide .product-img {
         margin: 0
     }
 }
 
 .shop .tab-content .slider .slide .product-img img {
     max-width: 276px;
     max-height: 342px
 }
 
 .shop .tab-content .slider .slide .btn-default {
     width: 150px
 }
 
 .shop .tab-content .slider .slide .product-details {
     height: 320px
 }
 
 @media screen and (max-width: 769px) {
     .shop .tab-content .slider .slide .product-details {
         display: -webkit-flex;
         display: flex;
         -webkit-flex-direction: column;
         flex-direction: column;
         -webkit-align-items: center;
         align-items: center;
         margin-top: 40px;
         text-align: center
     }
 }
 
 @media screen and (max-width: 1270px) {
     .shop .tab-content .slider .slide {
         width: 910px
     }
 }
 
 @media screen and (max-width: 992px) {
     .shop .tab-content .slider .slide {
         width: 690px
     }
 }
 
 @media screen and (max-width: 769px) {
     .shop .tab-content .slider .slide {
         width: 100%;
         -webkit-flex-direction: column;
         flex-direction: column;
         -webkit-align-items: center;
         align-items: center
     }
 }
 
 .shop-boxes {
     display: grid;
     grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
     grid-column-gap: 60px;
     grid-row-gap: 60px
 }
 
 @media screen and (max-width: 1268px) {
     .shop-boxes .box {
         margin: 0 auto
     }
 }
 
 .shop-boxes .box .product-img {
     margin-left: auto;
     margin-right: auto;
     margin-bottom: 48px
 }
 
 .shop-boxes .box .product-img img {
     max-width: 200px;
     max-height: 250px;
     margin: 0 auto;
     display: block
 }
 
 .shop-boxes .box .product-details {
     width: 362px
 }
 
 @media screen and (max-width: 1270px) {
     .shop-boxes .box .product-details {
         width: 300px
     }
 }
 
 @media screen and (max-width: 760px) {
     .shop-boxes .box .product-details {
         text-align: center
     }
 }
 
 .shop-boxes .box .product-details p {
     margin-bottom: 28px
 }
 
 .shop-boxes .box .product-details .shop-cta {
     display: -webkit-flex;
     display: flex;
     -webkit-align-items: center;
     align-items: center
 }
 
 .shop-boxes .box .product-details .shop-cta .btn-default {
     color: #fff;
     background-color: #6931f9;
     margin-right: 20px;
     width: 150px
 }
 
 .shop-boxes .box .product-details .shop-cta .price {
     font: 900 1.25em/1 "Roboto", sans-serif;
     text-transform: uppercase
 }
 
 @media screen and (max-width: 760px) {
     .shop-boxes .box .product-details .shop-cta {
         -webkit-justify-content: center;
         justify-content: center
     }
 }
 
 .inner-page-header {
     display: -webkit-flex;
     display: flex;
     -webkit-align-items: center;
     align-items: center
 }
 
 @media screen and (max-width: 992px) {
     .inner-page-header {
         -webkit-flex-direction: column;
         flex-direction: column;
         -webkit-justify-content: center;
         justify-content: center;
         text-align: center
     }
 }
 
 @media screen and (max-width: 992px) {
     .inner-page-header .filter-list {
         margin: 15px auto !important
     }
 }
 
 .card-list {
     display: -webkit-flex;
     display: flex;
     -webkit-flex-wrap: wrap;
     flex-wrap: wrap;
     -webkit-justify-content: center;
     justify-content: center
 }
 
 @media screen and (min-width: 460px) {
     .card-list {
         margin: 0 -15px
     }
 }
 
 .card-list:not(.active) {
     display: none !important
 }
 
 .card-list .text-uppercase {
     text-transform: uppercase
 }
 
 .card-list.secondary-list .card .card-info {
     width: 100%
 }
 
 @media screen and (min-width: 375px) {
     .card-list.secondary-list .card .card-info {
         margin: 24px 0 0 24px
     }
 }
 
 @media screen and (max-width: 375px) {
     .card-list.secondary-list .card .card-info {
         margin: 14px 0 0 14px
     }
 }
 
 @media screen and (max-width: 350px) {
     .card-list.secondary-list .card .card-info {
         width: 140px;
         text-align: center;
         -webkit-align-items: center;
         align-items: center;
         margin: 40px auto
     }
 }
 
 .card-list.secondary-list .card .card-info .title {
     font-size: 1.125em;
     font-weight: 700;
     line-height: 22px
 }
 
 .card-list.secondary-list .card .card-info .subtitle {
     margin: 0 0 10px
 }
 
 .card-list.secondary-list .card .card-info .label {
     font-size: .75em;
     font-weight: 700;
     padding: 4px 8px;
     background-color: #000;
     margin-bottom: 5px
 }
 
 .card-list.secondary-list .card .card-info .label.label-green {
     background-color: #8dbe0a;
     display: none;
 }
 
 .card-list.secondary-list .card .card-info .btn-default {
     margin-top: auto;
     margin-left: auto;
     width: 100%;
     height: 56px;
     background-color: #6931f9;
     border-color: #6931f9;
     -webkit-border-radius: 0;
     -moz-border-radius: 0;
     -ms-border-radius: 0;
     -o-border-radius: 0;
     border-radius: 0;
     -webkit-transition: all .4s ease-in-out;
     transition: all .4s ease-in-out
 }
 
 .card-list.secondary-list .card .card-info .btn-default:hover {
     /* box-shadow: -20px 0 0px 0px rgba(105, 49, 249, 0.4) */
 }
 
 .card-list.secondary-list-left .card figure img {
     max-height: 140px !important
 }
 
 .card-list.secondary-list-left .card .card-info {
     width: 100%
 }
 
 @media screen and (min-width: 375px) {
     .card-list.secondary-list-left .card .card-info {
         margin: 24px 0 0 24px
     }
 }
 
 @media screen and (max-width: 375px) {
     .card-list.secondary-list-left .card .card-info {
         margin: 14px 0 0 14px
     }
 }
 
 @media screen and (max-width: 350px) {
     .card-list.secondary-list-left .card .card-info {
         width: 140px;
         text-align: center;
         -webkit-align-items: center;
         align-items: center;
         margin: 40px auto
     }
 }
 
 .card-list.secondary-list-left .card .card-info .card-info-pad {
     display: -webkit-flex;
     display: flex;
     -webkit-flex-direction: column;
     flex-direction: column;
     -webkit-align-items: flex-start;
     align-items: flex-start
 }
 
 @media screen and (min-width: 375px) {
     .card-list.secondary-list-left .card .card-info .card-info-pad {
         margin-left: 24px
     }
 }
 
 @media screen and (max-width: 375px) {
     .card-list.secondary-list-left .card .card-info .card-info-pad {
         -webkit-align-items: center;
         align-items: center;
         margin-left: 0
     }
 }
 
 @media screen and (min-width: 375px) {
     .card-list.secondary-list-left .card .card-info {
         margin: 24px 24px 0 0
     }
 }
 
 .card-list.secondary-list-left .card .card-info .btn-default:hover {
     box-shadow: 20px 0 0px 0px rgba(105, 49, 249, 0.4)
 }
 
 .card-list .card {
     margin: 20px 15px;
     display: -webkit-flex;
     display: flex;
     width: 380px;
     height: 230px;
     background-color: #111
 }
 
 @media screen and (max-width: 375px) {
     .card-list .card {
         width: 100%
     }
 }
 
 .card-list .card figure {
     display: -webkit-flex;
     display: flex;
     -webkit-flex-shrink: 0;
     flex-shrink: 0;
     -webkit-align-items: flex-end;
     align-items: flex-end;
     width: 180px;
     margin-top: -30px
 }
 
 @media screen and (max-width: 375px) {
     .card-list .card figure {
         width: 160px
     }
 }
 
 @media screen and (max-width: 350px) {
     .card-list .card figure {
         display: none
     }
 }
 
 .card-list .card figure.center {
     -webkit-align-items: center;
     align-items: center;
     margin-top: 0;
     padding-right: 10px;
 }
 
 .card-list .card figure img {
     max-width: 100%;
     max-height: 260px
 }
 
 .card-list .card .card-info {
     display: -webkit-flex;
     display: flex;
     -webkit-flex-direction: column;
     flex-direction: column;
     -webkit-align-items: flex-start;
     align-items: flex-start;
     color: #fff;
     width: 126px;
     font-weight: normal
 }
 
 @media screen and (min-width: 375px) {
     .card-list .card .card-info {
         margin: 24px 0 24px 24px
     }
 }
 
 @media screen and (max-width: 375px) {
     .card-list .card .card-info {
         margin: 14px 0 14px 14px
     }
 }
 
 @media screen and (max-width: 350px) {
     .card-list .card .card-info {
         text-align: center;
         margin: 40px auto
     }
 }
 
 .card-list .card .card-info span {
     display: block
 }
 
 .card-list .card .card-info .title {
     font-size: 1.125em;
     font-weight: 700;
     line-height: 22px
 }
 
 .card-list .card .card-info .subtitle {
     margin: 6px 0 8px;
     font-size: .75em;
     font-weight: bold;
     color: #888888
 }
 
 .card-list .card .card-info .label {
     font-size: .75em;
     padding: 2px 4px;
     font-weight: 700;
     background-color: #6931f9
 }
 
 .card-list .card .card-info ul {
     display: -webkit-flex;
     display: flex;
     margin-top: auto
 }
 
 .card-list .card .card-info ul li:not(:last-child) {
     margin-right: 24px
 }
 
 .card-list .card .card-info ul li a {
     -webkit-transition: all .3s ease-in-out;
     transition: all .3s ease-in-out
 }
 
 .card-list .card .card-info ul li a:hover {
     color: #6931f9
 }
 
 @media screen and (max-width: 1268px) {
     .card-list {
         -webkit-justify-content: space-evenly;
         justify-content: space-evenly
     }
 }
 
 @media screen and (max-width: 644px) {
     .card-list {
         -webkit-justify-content: center;
         justify-content: center
     }
 }
 
 .hero {
     height: 986px
 }
 
 .news .section-header {
     padding-bottom: 15px
 }
 
 @media screen and (min-width: 375px) {
     .news .section-header {
         margin-bottom: 40px;
         border-bottom: 1px solid rgba(10, 12, 17, 0.14)
     }
 }
 
 @media screen and (max-width: 375px) {
     .news .section-header {
         border-bottom: 0;
         margin-bottom: 15px
     }
 }
 
 .teams {
     background-color: #000;
     border-top: 1px solid #000101;
     padding: 68px 0 108px
 }
 
 .teams .tab-nav li {
     height: 50px
 }
 
 @media screen and (max-width: 375px) {
     .teams .tab-nav li {
         margin: 1px 0
     }
 }
 
 .teams .section-title {
     text-align: center;
     margin-bottom: 26px
 }
 
 .teams .section-title h3 {
     color: #fff;
     margin-bottom: 8px
 }
 
 @media screen and (max-width: 1270px) {
     .teams .section-title a {
         margin: 30px auto
     }
 }
 
 .teams .section-title a.btn-default {
     margin-top: 33px
 }
 
 .teams .section-title a.btn-default i {
     margin-left: 28px
 }
 
 .streams {
     padding: 68px 0 50px
 }
 
 #all-stream-live {
     display: none;
 }
 
 .streams-active {
     background-color: black !important;
 }
 
 .stream-live {
     position: relative;
     ;
 }
 
 .stream-live span {
     color: lightgreen;
 }
 
 .stream-live span:before {
     content: '';
     position: absolute;
     left: -14px;
     width: 10px;
     height: 10px;
     background: lightgreen;
     border-radius: 50%;
     animation: livestatus 1s infinite;
 }
 
 @keyframes livestatus {
     0% {
         opacity: 1;
     }
     100% {
         opacity: 0.2;
     }
 }
 
 .streams:not(.page-bg) {
     background-color: #fff
 }
 
 .streams .section-header {
     -webkit-justify-content: space-between;
     justify-content: space-between
 }
 
 .streams .section-header .section-title {
     margin-bottom: 0
 }
 
 .streams .section-header h3 {
     color: #000;
     font: 300 2.25em/1 "Roboto", sans-serif
 }
 
 .streams .section-header ul {
     margin-left: 0;
     border: 0
 }
 
 .streams .section-header ul li:not(:last-of-type):before {
     top: 8px;
     left: -15px;
     width: 6px;
     height: 6px;
     background: #000
 }
 
 @media screen and (max-width: 372px) {
     .streams .section-header ul li:nth-child(3) {
         margin-right: 0
     }
 }
 
 .streams .section-header ul li:last-child:before {
     background: #000
 }
 
 @media screen and (max-width: 372px) {
     .streams .section-header ul li:last-child {
         margin: 0 60px
     }
 }
 
 .streams .section-header ul li a {
     color: #000
 }
 
 .streams .section-header ul li a:hover,
 .streams .section-header ul li a.active {
     color: #6931f9
 }
 
 @media screen and (max-width: 372px) {
     .streams .section-header ul {
         display: -webkit-flex;
         display: flex;
         -webkit-flex-wrap: wrap;
         flex-wrap: wrap;
         -webkit-justify-content: center;
         justify-content: center
     }
 }
 
 .streams .stream-list {
     display: -webkit-flex;
     display: flex;
     padding-bottom: 32px;
     border-bottom: 1px solid rgba(0, 0, 0, 0.1);
     margin-bottom: 20px
 }
 
 @media screen and (max-width: 1270px) {
     .streams .stream-list {
         -webkit-justify-content: space-evenly;
         justify-content: space-evenly
     }
 }
 
 .streams .section-footer {
     justify-content: center;
 }
 
 .streams .section-footer h4 {
     color: #000;
     font: 500 1.5em/1 "Roboto", sans-serif
 }
 
 .streams .section-footer span {
     font: 500 1em/1 "Roboto", sans-serif;
     color: #6931f9
 }
 
 .tournaments {
     padding: 68px 0
 }
 
 .tournaments:not(.page-bg) {
     background: #1a191e
 }
 
 @media screen and (max-width: 1200px) {
     .tournaments .container,
     .tournaments .news-container {
         max-width: 1100px
     }
 }
 
 .tournaments .section-header {
     border-color: #3a393e;
     display: -webkit-flex;
     display: flex;
     -webkit-align-items: center;
     align-items: center
 }
 
 .tournaments .section-header .section-title {
     margin-bottom: 0
 }
 
 .tournaments .section-header h2 {
     margin-bottom: 0;
     color: #fff
 }
 
 .tournaments .section-header span {
     color: #90919c
 }
 
 .tournaments .section-header ul li:before {
     background: #fff
 }
 
 .tournaments .section-header ul li:hover a,
 .tournaments .section-header ul li.active a {
     color: #6931f9
 }
 
 .tournaments .section-header ul li a {
     font: 900 0.875em/1 "Roboto", sans-serif;
     text-transform: uppercase;
     color: #fff;
     -webkit-transition: color .6s ease-in-out;
     transition: color .6s ease-in-out
 }
 
 .tournaments .section-footer {
     text-align: center;
     -webkit-flex-direction: column;
     flex-direction: column;
     -webkit-align-items: center;
     align-items: center
 }
 
 .tournaments .section-footer h4 {
     margin-bottom: 16px
 }
 
 .tournaments .section-footer i {
     margin: 24px auto 26px;
     width: 22px;
     background-position: right center;
     background-size: cover;
     transform: rotate(90deg);
     filter: brightness(0) invert(1) drop-shadow(0px 0px 4px #fff)
 }
 
 .tournaments .section-footer a.btn-default {
     margin: 0 auto
 }
 
 .teams .headline {
     display: -webkit-flex;
     display: flex;
     -webkit-flex-direction: column;
     flex-direction: column
 }
 
 .teams .headline h4 {
     color: #fff;
     font: 400 1.5em/1 "Roboto", sans-serif;
     margin-bottom: 14px
 }
 
 .teams .headline span {
     font: 400 1em/1 "Roboto", sans-serif;
     color: #90919c
 }
 
 @media screen and (max-width: 769px) {
     .teams .headline {
         text-align: center
     }
 }
 
 .teams .tab-nav {
     display: -webkit-flex;
     display: flex;
     -webkit-justify-content: center;
     justify-content: center;
     -webkit-flex-wrap: wrap;
     flex-wrap: wrap;
     margin-bottom: 90px
 }
 
 @media screen and (max-width: 484px) {
     .teams .tab-nav {
         height: auto !important;
         -webkit-flex-direction: column;
         flex-direction: column;
         -webkit-align-items: center;
         align-items: center
     }
 }
 
 .teams .tab-nav a.btn-default {
     border-color: transparent;
     background-color: rgba(105, 49, 249, 0.42);
     -webkit-transition: all .6s ease-in-out;
     transition: all .6s ease-in-out
 }
 
 .teams .tab-nav a.btn-default:first-child {
     margin-right: 20px
 }
 
 @media screen and (max-width: 484px) {
     .teams .tab-nav a.btn-default:first-child {
         margin: 0 0 15px
     }
 }
 
 .teams .tab-nav a.btn-default:hover,
 .teams .tab-nav a.btn-default.active {
     background-color: #6931f9
 }
 
 .teams .inner-page-header {
     display: -webkit-flex;
     display: flex;
     -webkit-align-items: center;
     align-items: center;
     padding-bottom: 20px
 }
 
 @media screen and (max-width: 769px) {
     .teams .inner-page-header .headline {
         padding-bottom: 20px
     }
 }
 
 @media screen and (max-width: 992px) {
     .teams .inner-page-header {
         -webkit-flex-direction: column;
         flex-direction: column
     }
 }
 
 .teams .filter-list {
     display: -webkit-flex;
     display: flex;
     margin-left: auto
 }
 
 @media screen and (max-width: 768px) {
     .teams .filter-list {
         -webkit-justify-content: center;
         justify-content: center;
         -webkit-flex-wrap: wrap;
         flex-wrap: wrap;
         -webkit-flex-direction: column;
         flex-direction: column
     }
 }
 
 @media screen and (max-width: 768px) {
     .teams .filter-list li {
         display: -webkit-flex;
         display: flex
     }
 }
 
 @media screen and (min-width: 768px) {
     .teams .filter-list li:not(:last-child) {
         margin-right: 12px
     }
 }
 
 @media screen and (max-width: 768px) {
     .teams .filter-list li:not(:last-child) {
         margin-bottom: 12px
     }
 }
 
 .teams .filter-list li>a i {
     margin-left: 16px
 }
 
 .teams .filter-list li .checkbox-container {
     display: -webkit-flex;
     display: flex;
     -webkit-align-items: center;
     align-items: center;
     color: #90919c;
     direction: rtl;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none
 }
 
 .teams .filter-list li .checkbox-container input {
     display: none
 }
 
 .teams .filter-list li .checkbox-container input:checked~.checkmark,
 .teams .filter-list li .checkbox-container input:hover~.checkmark {
     background-color: #6931f9
 }
 
 .teams .filter-list li .checkbox-container input:checked~.checkmark:after,
 .teams .filter-list li .checkbox-container input:hover~.checkmark:after {
     display: block
 }
 
 .teams .filter-list li .checkbox-container input:checked~.checkmark:after {
     display: block
 }
 
 .teams .filter-list li .checkbox-container .checkmark {
     display: -webkit-flex;
     display: flex;
     -webkit-align-items: center;
     align-items: center;
     -webkit-justify-content: center;
     justify-content: center;
     margin-right: 10px;
     height: 20px;
     width: 20px;
     background-color: #050508;
     border: 1px solid rgba(105, 49, 249, 0.42);
     box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.23)
 }
 
 .teams .tab-nav {
     display: -webkit-flex;
     display: flex;
     -webkit-justify-content: center;
     justify-content: center;
     height: 50px;
     width: fit-content;
     margin: 0 auto 54px
 }
 
 .teams .tab-nav li.active a,
 .teams .tab-nav li:hover a {
     background-color: #6931f9
 }
 
 .teams .tab-nav a {
     padding: 0 30px;
     display: -webkit-flex;
     display: flex;
     -webkit-align-items: center;
     align-items: center;
     text-align: center;
     height: 100%
 }
 
 .teams .tab-nav a img {
     max-width: 72px
 }
 
 .teams .pagination {
     margin-top: 20px
 }
 
 @media screen and (max-width: 769px) {
     .teams .pagination {
         -webkit-justify-content: center;
         justify-content: center
     }
 }
 
 .streams .pagination {
     margin-top: 20px
 }
 
 .streams .stream-list {
     border-bottom: 0;
     margin-bottom: 0
 }
 
 .stream-page {
     background-color: #fff
 }
 
 .tournaments.page-bg {
     background-color: #1a191e
 }
 
 @media screen and (max-width: 769px) {
     .tournaments.page-bg .inner-page-header .headline {
         margin-bottom: 70px
     }
 }
 
 @media screen and (max-width: 769px) {
     .tournaments.page-bg .filter-list {
         margin: 0 0 64px
     }
 }
 
 @media screen and (max-width: 440px) {
     .tournaments.page-bg .filter-list {
         -webkit-justify-content: center;
         justify-content: center;
         -webkit-flex-wrap: wrap;
         flex-wrap: wrap
     }
 }
 
 @media screen and (max-width: 349px) {
     .tournaments.page-bg .filter-list li:nth-child(-n+2) {
         margin-bottom: 15px
     }
 }
 
 @media screen and (max-width: 519px) {
     .tournaments.page-bg .filter-list li:not(:last-child) {
         margin-right: 14px
     }
 }
 
 @media screen and (max-width: 349px) {
     .tournaments.page-bg .filter-list li:not(:last-child) {
         width: 50%;
         margin-right: 0
     }
 }
 
 @media screen and (max-width: 519px) {
     .tournaments.page-bg .filter-list li:last-child {
         padding-left: 14px
     }
 }
 
 @media screen and (max-width: 440px) {
     .tournaments.page-bg .filter-list li:last-child {
         width: 100%;
         margin-top: 15px;
         display: block;
         border: 0
     }
 }
 
 @media screen and (max-width: 349px) {
     .tournaments.page-bg .filter-list li:last-child {
         width: 50%;
         padding-left: 0;
         margin-top: 0;
         display: -webkit-flex;
         display: flex
     }
 }
 
 .tournaments.page-bg .container,
 .tournaments.page-bg .news-container {
     -webkit-flex-direction: column;
     flex-direction: column
 }
 
 .tournaments.page-bg .tournament-list {
     margin-bottom: 0
 }
 
 .matches .tab-content .match-box .match-details .team-box>img,
 .match-page .tab-content .match-box .match-details .team-box>img {
     max-height: 90px;
     max-width: 90px
 }
 
 .matches {
     background-color: #000;
     background-size: cover;
     background-position: center top;
     padding: 40px 0 60px
 }
 
 .matches .section-footer .btn-default {
     margin: 0 auto;
 }
 
 .matches .tab-content .match-list {
     max-width: 100%
 }
 
 @media screen and (max-width: 768px) {
     .matches {
         padding: 40px 0 20px
     }
 }
 
 .matches .inner-page-header {
     margin-bottom: 58px
 }
 
 .matches .headline {
     display: -webkit-flex;
     display: flex;
     -webkit-flex-direction: column;
     flex-direction: column
 }
 
 .matches .headline h4 {
     color: #fff;
     font: 400 1.5em/1 "Roboto", sans-serif;
     margin-bottom: 14px
 }
 
 .matches .headline span {
     font: 400 1em/1 "Roboto", sans-serif;
     color: #90919c
 }
 
 @media screen and (max-width: 769px) {
     .matches .headline {
         text-align: center
     }
 }
 
 .matches .tab-nav {
     display: -webkit-flex;
     display: flex;
     -webkit-justify-content: center;
     justify-content: center;
     -webkit-flex-wrap: wrap;
     flex-wrap: wrap;
     margin-bottom: 90px
 }
 
 @media screen and (max-width: 484px) {
     .matches .tab-nav {
         -webkit-flex-direction: column;
         flex-direction: column;
         -webkit-align-items: center;
         align-items: center
     }
 }
 
 .matches .tab-nav li a.btn-default {
     -webkit-transition: all .3s ease-in-out;
     transition: all .3s ease-in-out;
     height: 50px
 }
 
 @media screen and (max-width: 484px) {
     .matches .tab-nav li a.btn-default:first-child {
         margin: 0 0 15px
     }
 }
 
 .matches .tab-nav li:hover a.btn-default,
 .matches .tab-nav li.active a.btn-default {
     background-color: #6931f9
 }
 
 .matches .inner-page-header {
     display: -webkit-flex;
     display: flex;
     -webkit-align-items: center;
     align-items: center
 }
 
 @media screen and (max-width: 769px) {
     .matches .inner-page-header .headline {
         margin-bottom: 40px
     }
 }
 
 .matches .filter-list {
     display: -webkit-flex;
     display: flex;
     margin-left: auto
 }
 
 @media screen and (max-width: 769px) {
     .matches .filter-list {
         margin: 0 0 64px
     }
 }
 
 @media screen and (max-width: 767px) {
     .matches .filter-list {
         -webkit-justify-content: flex-start;
         justify-content: flex-start;
         -webkit-flex-wrap: wrap;
         flex-wrap: wrap;
         -webkit-flex-direction: column;
         flex-direction: column;
         -webkit-align-items: flex-start;
         align-items: flex-start
     }
 }
 
 @media screen and (max-width: 440px) {
     .matches .filter-list li:nth-child(-n+2) {
         margin-bottom: 15px
     }
 }
 
 .matches .filter-list li:not(:last-child) {
     margin-right: 12px
 }
 
 @media screen and (max-width: 519px) {
     .matches .filter-list li:not(:last-child) {
         margin-right: 14px
     }
 }
 
 @media screen and (max-width: 7670px) {
     .matches .filter-list li:not(:last-child) {
         margin-bottom: 14px
     }
 }
 
 @media screen and (max-width: 349px) {
     .matches .filter-list li:not(:last-child) {
         width: 50%;
         margin-right: 0
     }
 }
 
 .matches .filter-list li>a i {
     margin-left: 16px
 }
 
 .matches .filter-list li .checkbox-container {
     display: -webkit-flex;
     display: flex;
     -webkit-align-items: center;
     align-items: center;
     color: #90919c;
     direction: rtl;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none
 }
 
 .matches .filter-list li .checkbox-container input {
     display: none
 }
 
 .matches .filter-list li .checkbox-container input:checked~.checkmark,
 .matches .filter-list li .checkbox-container input:hover~.checkmark {
     background-color: #6931f9
 }
 
 .matches .filter-list li .checkbox-container input:checked~.checkmark:after,
 .matches .filter-list li .checkbox-container input:hover~.checkmark:after {
     display: block
 }
 
 .matches .filter-list li .checkbox-container input:checked~.checkmark:after {
     display: block
 }
 
 .matches .filter-list li .checkbox-container .checkmark {
     display: -webkit-flex;
     display: flex;
     -webkit-align-items: center;
     align-items: center;
     -webkit-justify-content: center;
     justify-content: center;
     -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
     -ms-border-radius: 2px;
     -o-border-radius: 2px;
     border-radius: 2px;
     margin-right: 10px;
     height: 20px;
     width: 20px;
     background-color: #050508;
     border: 1px solid rgba(105, 49, 249, 0.42);
     box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.23)
 }
 
 .matches .section-footer>div span {
     color: #90919c
 }
 
 .matches .scrollbar-outer {
     height: 680px
 }
 
 @media screen and (max-width: 768px) {
     .matches .scrollbar-outer>.scroll-content.scroll-scrolly_visible {
         left: 0;
         margin-left: 0px
     }
 }
 
 .matches .scrollbar-outer>.scroll-element {
     background-color: #2d313f
 }
 
 .matches .scrollbar-outer>.scroll-element .scroll-element_track {
     background-color: #2d313f
 }
 
 .matches .scrollbar-outer>.scroll-element .scroll-bar {
     background-color: #6931f9
 }
 
 .matches .scrollbar-outer>.scroll-element.scroll-y {
     width: 5px
 }
 
 .matches .scrollbar-outer>.scroll-element.scroll-y .scroll-element_outer {
     width: 5px;
     left: 0
 }
 
 @media screen and (max-width: 768px) {
     .matches .scrollbar-outer>.scroll-element {
         display: none
     }
 }
 
 .match-page {
     background-color: #000;
     padding-bottom: 60px
 }
 
 .match-page .inner-page-header {
     margin-bottom: 58px
 }
 
 @media screen and (max-width: 992px) {
     .match-page .inner-page-header {
         margin-bottom: 43px
     }
 }
 
 .match-page .headline {
     display: -webkit-flex;
     display: flex;
     -webkit-flex-direction: column;
     flex-direction: column
 }
 
 .match-page .headline h4 {
     color: #fff;
     font: 400 1.5em/1 "Roboto", sans-serif;
     margin-bottom: 14px
 }
 
 .match-page .headline span {
     font: 400 1em/1 "Roboto", sans-serif;
     color: #90919c
 }
 
 @media screen and (max-width: 992px) {
     .match-page .headline {
         margin-bottom: 20px
     }
 }
 
 @media screen and (max-width: 769px) {
     .match-page .headline {
         text-align: center
     }
 }
 
 .match-page .inner-page-header {
     display: -webkit-flex;
     display: flex;
     -webkit-align-items: center;
     align-items: center
 }
 
 @media screen and (max-width: 769px) {
     .match-page .inner-page-header .headline {
         margin-bottom: 70px
     }
 }
 
 .match-page .filter-list {
     display: -webkit-flex;
     display: flex;
     margin-left: auto
 }
 
 @media screen and (max-width: 769px) {
     .match-page .filter-list {
         margin: 0 0 64px
     }
 }
 
 @media screen and (max-width: 440px) {
     .match-page .filter-list {
         -webkit-justify-content: center;
         justify-content: center;
         -webkit-flex-wrap: wrap;
         flex-wrap: wrap
     }
 }
 
 @media screen and (max-width: 349px) {
     .match-page .filter-list li:nth-child(-n+2) {
         margin-bottom: 15px
     }
 }
 
 .match-page .filter-list li:not(:last-child) {
     margin-right: 12px
 }
 
 @media screen and (max-width: 519px) {
     .match-page .filter-list li:not(:last-child) {
         margin-right: 14px
     }
 }
 
 @media screen and (max-width: 349px) {
     .match-page .filter-list li:not(:last-child) {
         width: 50%;
         margin-right: 0
     }
 }
 
 @media screen and (max-width: 519px) {
     .match-page .filter-list li:last-child {
         padding-left: 14px
     }
 }
 
 @media screen and (max-width: 440px) {
     .match-page .filter-list li:last-child {
         width: 100%;
         margin-top: 15px;
         display: block;
         border: 0
     }
 }
 
 @media screen and (max-width: 349px) {
     .match-page .filter-list li:last-child {
         width: 50%;
         padding-left: 0;
         margin-top: 0;
         display: -webkit-flex;
         display: flex
     }
 }
 
 .match-page .filter-list li>a i {
     margin-left: 16px
 }
 
 .match-page .filter-list li .checkbox-container {
     display: -webkit-flex;
     display: flex;
     -webkit-align-items: center;
     align-items: center;
     color: #90919c;
     direction: rtl;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none
 }
 
 .match-page .filter-list li .checkbox-container input {
     display: none
 }
 
 .match-page .filter-list li .checkbox-container input:checked~.checkmark,
 .match-page .filter-list li .checkbox-container input:hover~.checkmark {
     background-color: #6931f9
 }
 
 .match-page .filter-list li .checkbox-container input:checked~.checkmark:after,
 .match-page .filter-list li .checkbox-container input:hover~.checkmark:after {
     display: block
 }
 
 .match-page .filter-list li .checkbox-container input:checked~.checkmark:after {
     display: block
 }
 
 .match-page .filter-list li .checkbox-container .checkmark {
     display: -webkit-flex;
     display: flex;
     -webkit-align-items: center;
     align-items: center;
     -webkit-justify-content: center;
     justify-content: center;
     margin-right: 10px;
     height: 20px;
     width: 20px;
     background-color: #050508;
     border: 1px solid rgba(105, 49, 249, 0.42);
     box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.23)
 }
 
 .match-page .featured-box {
     min-height: 600px;
     padding: 90px 0;
     margin-bottom: 52px
 }
 
 @media screen and (max-width: 1260px) {
     .match-page .featured-box {
         min-height: 520px
     }
 }
 
 .match-page .featured-box>.match-box {
     max-width: 910px;
     margin: 0 auto 0;
     background: transparent;
     background-repeat: no-repeat;
     background-size: cover;
     background-position: top center;
     border: none;
     box-shadow: none;
     padding: 0
 }
 
 .match-page .featured-box>.match-box .box-title {
     margin-bottom: 70px
 }
 
 @media screen and (max-width: 768px) {
     .match-page .featured-box>.match-box .box-title {
         margin-bottom: 20px
     }
 }
 
 .match-page .featured-box>.match-box .box-title figure {
     max-width: 132px;
     max-height: 36px;
     margin-bottom: 22px
 }
 
 .match-page .featured-box>.match-box .box-title figure img {
     width: 100%;
     height: 100%
 }
 
 .match-page .featured-box>.match-box .match-details {
     padding: 0
 }
 
 .match-page .featured-box>.match-box .match-details .team-box {
     -webkit-align-items: center;
     align-items: center
 }
 
 @media screen and (max-width: 992px) {
     .match-page .featured-box>.match-box .match-details .team-box>a img {
         width: 90px;
         height: 90px
     }
 }
 
 .match-page .featured-box>.match-box .match-details .team-box .team-name a {
     font: 400 1.125em/1 "Roboto", sans-serif;
     color: #ecfdff;
     opacity: 1
 }
 
 @media screen and (max-width: 768px) {
     .match-page .featured-box>.match-box .match-details .team-box .members {
         -webkit-justify-content: center;
         justify-content: center
     }
 }
 
 @media screen and (max-width: 768px) {
     .match-page .featured-box>.match-box .match-details .team-box .members:last-of-type {
         direction: initial
     }
 }
 
 .match-page .featured-box>.match-box .match-details .team-box .members a {
     border-color: #fff
 }
 
 .match-page .featured-box>.match-box .match-details .team-box .members a:hover {
     border-color: #6931f9
 }
 
 @media screen and (max-width: 992px) {
     .match-page .featured-box>.match-box .match-details {
         padding: 0 15px
     }
 }
 
 .match-page .featured-box>.match-box .box-footer {
     display: -webkit-flex;
     display: flex;
     align-self: center;
     margin-top: 18px
 }
 
 .match-page .featured-box>.match-box .box-footer li {
     display: inline-block
 }
 
 .match-page .featured-box>.match-box .box-footer span,
 .match-page .featured-box>.match-box .box-footer a {
     font: 500 0.75em/1 "Roboto", sans-serif;
     color: #ecfdff;
     text-transform: uppercase
 }
 
 .match-page .featured-box>.match-box .box-footer>li {
     border-top: 1px solid rgba(255, 255, 255, 0.14);
     padding: 20px 48px
 }
 
 .match-page .featured-box>.match-box .box-footer>li:not(:last-child) {
     border-right: 1px solid rgba(255, 255, 255, 0.14)
 }
 
 @media screen and (max-width: 768px) {
     .match-page .featured-box>.match-box .box-footer>li:not(:last-child) {
         margin-right: 0;
         border: 0
     }
 }
 
 .match-page .featured-box>.match-box .box-footer>li>ul>li a {
     color: #e8e8e8
 }
 
 .match-page .featured-box>.match-box .box-footer>li>ul>li:not(:last-child) {
     margin-right: 20px
 }
 
 @media screen and (max-width: 768px) {
     .match-page .featured-box>.match-box .box-footer>li {
         padding: 0;
         border: 0
     }
 }
 
 @media screen and (max-width: 768px) {
     .match-page .featured-box>.match-box .box-footer {
         -webkit-justify-content: space-evenly;
         justify-content: space-evenly;
         align-self: unset
     }
 }
 
 @media screen and (max-width: 992px) {
     .match-page .featured-box>.match-box {
         width: auto
     }
 }
 
 .match-page .tab-nav {
     display: -webkit-flex;
     display: flex;
     -webkit-justify-content: center;
     justify-content: center;
     margin-left: auto
 }
 
 .match-page .tab-nav li a.btn-default {
     background-color: #000;
     -webkit-transition: all .2s ease-in-out;
     transition: all .2s ease-in-out
 }
 
 .match-page .tab-nav li a.btn-default:first-child {
     margin-right: 8px
 }
 
 @media screen and (max-width: 769px) {
     .match-page .tab-nav li a.btn-default:first-child {
         margin-right: 0;
         margin-bottom: 15px
     }
 }
 
 .match-page .tab-nav li:hover a.btn-default,
 .match-page .tab-nav li.active a.btn-default {
     background-color: #6931f9
 }
 
 @media screen and (max-width: 992px) {
     .match-page .tab-nav {
         margin-left: 0;
         -webkit-flex-wrap: wrap;
         flex-wrap: wrap
     }
 }
 
 @media screen and (max-width: 769px) {
     .match-page .tab-nav {
         -webkit-flex-direction: column;
         flex-direction: column
     }
 }
 
 @media screen and (max-width: 769px) {
     .match-page {
         padding-top: 60px;
         background-image: none
     }
 }
 
 .team-page-stream-list {
     margin-bottom: 0 !important;
     border: 0 !important
 }
 
 .about-staff .section-header ul li:not(:first-child):before {
     background: #fff
 }
 
 .about-staff .section-header ul li a:after {
     display: none
 }
 
 .about-staff .section-header ul li.active a,
 .about-staff .section-header ul li:hover a {
     border: 0;
     color: #6931f9
 }
 
 @media screen and (max-width: 768px) {
     .about-staff .section-header ul.menu-list {
         -webkit-flex-wrap: wrap;
         flex-wrap: wrap;
         -webkit-justify-content: center;
         justify-content: center
     }
 }
 
 @media screen and (max-width: 768px) {
     .about-staff .section-header ul.menu-list li:not(:first-child):before {
         display: none !important
     }
 }
 
 .about-staff .section-header ul.menu-list>li.menu-item-has-children:hover .sub-menu {
     display: block
 }
 
 .about-staff .section-header ul.menu-list>li.menu-item-has-children>.sub-menu {
     top: 20px;
     left: auto;
     right: 0;
     width: max-content;
     background-color: #111;
     max-height: 360px;
     border: 1px solid;
     padding: 10px;
     z-index: 9999;
     overflow: scroll;
     display: none;
     overflow-x: hidden;
     position: absolute
 }
 
 .about-staff .section-header ul.menu-list>li.menu-item-has-children>.sub-menu>li::before {
     display: none
 }
 
 .about-staff .section-header ul.menu-list>li.menu-item-has-children>.sub-menu>li:not(:last-child) {
     margin-right: 0
 }
 
 .about-staff .section-header ul.menu-list>li.menu-item-has-children>.sub-menu>li>a {
     color: #fff !important
 }
 
 .about-staff .section-header ul.menu-list>li.menu-item-has-children>.sub-menu>li>a:hover {
     color: #6931f9 !important
 }
 
 .about-staff .section-header ul.menu-list>li.menu-item-has-children>.sub-menu>li:hover a:after {
     display: none
 }
 
 .about-staff .section-header ul.menu-list>li.menu-item-has-children>.sub-menu::-webkit-scrollbar {
     width: 4px
 }
 
 .about-staff .section-header ul.menu-list>li.menu-item-has-children>.sub-menu::-webkit-scrollbar-thumb {
     background: rgba(255, 255, 255, 0.4)
 }
 
 .about-staff .section-header ul.menu-list>li.menu-item-has-children>.sub-menu::-webkit-scrollbar-track {
     background: rgba(255, 255, 255, 0.3)
 }
 
 .gallery {
     background-color: #fff;
     padding: 82px 0 56px
 }
 
 .gallery ul>li.menu-item-has-children:hover .sub-menu {
     display: block
 }
 
 .gallery ul>li.menu-item-has-children .sub-menu {
     top: 20px;
     left: auto;
     right: 0;
     width: max-content;
     background-color: #111;
     max-height: 360px;
     border: 1px solid;
     padding: 10px;
     z-index: 9999;
     overflow: scroll;
     display: none;
     overflow-x: hidden;
     position: absolute
 }
 
 .gallery ul>li.menu-item-has-children .sub-menu li a {
     color: #fff
 }
 
 .gallery ul>li.menu-item-has-children .sub-menu li:hover a:after {
     display: none
 }
 
 .gallery ul>li.menu-item-has-children .sub-menu::-webkit-scrollbar {
     width: 4px
 }
 
 .gallery ul>li.menu-item-has-children .sub-menu::-webkit-scrollbar-thumb {
     background: rgba(255, 255, 255, 0.4)
 }
 
 .gallery ul>li.menu-item-has-children .sub-menu::-webkit-scrollbar-track {
     background: rgba(255, 255, 255, 0.3)
 }
 
 .gallery .text-invisible {
     display: none
 }
 
 .gallery .section-header .section-title h2 {
     color: #000;
     margin-bottom: 0
 }
 
 @media screen and (max-width: 992px) {
     .gallery .section-header .section-title {
         margin-bottom: 46px
     }
 }
 
 @media screen and (max-width: 352px) {
     .gallery .section-header ul li:not(:last-of-type):before {
         left: -11px
     }
 }
 
 @media screen and (max-width: 352px) {
     .gallery .section-header ul li:not(:last-of-type) {
         margin-right: 16px
     }
 }
 
 @media screen and (max-width: 352px) {
     .gallery .section-header ul li:last-child:before {
         left: -10px
     }
 }
 
 @media screen and (max-width: 992px) {
     .gallery .section-header ul {
         margin-left: 0
     }
 }
 
 @media screen and (max-width: 992px) {
     .gallery .section-header {
         -webkit-flex-direction: column;
         flex-direction: column;
         -webkit-align-items: center;
         align-items: center
     }
 }
 
 .gallery .gallery-images {
     display: -webkit-flex;
     display: flex;
     -webkit-flex-wrap: wrap;
     flex-wrap: wrap
 }
 
 @media screen and (max-width: 769px) {
     .gallery .gallery-images {
         -webkit-justify-content: center;
         justify-content: center
     }
 }
 
 .gallery .gallery-images.tab-content>div:not(.active) {
     display: none
 }
 
 .gallery .gallery-images.tab-content>div {
     display: -webkit-flex;
     display: flex;
     -webkit-flex-wrap: wrap;
     flex-wrap: wrap
 }
 
 @media screen and (max-width: 769px) {
     .gallery .gallery-images.tab-content>div {
         -webkit-justify-content: center;
         justify-content: center;
         max-width: 387px;
         width: 100%
     }
 }
 
 .gallery .gallery-images a {
     width: 387px;
     height: 218px;
     margin-bottom: 18px;
     margin-right: 18px;
     background-size: cover;
     background-position: center;
     display: block
 }
 
 @media screen and (min-width: 992px) and (max-width: 1268px) {
     .gallery .gallery-images a {
         width: 318px;
         height: 188px
     }
 }
 
 @media screen and (min-width: 769px) and (max-width: 992px) {
     .gallery .gallery-images a {
         width: 365px
     }
 }
 
 @media screen and (min-width: 769px) and (max-width: 992px) {
     .gallery .gallery-images a:nth-child(2n+2) {
         margin-right: 0
     }
 }
 
 @media screen and (max-width: 768px) {
     .gallery .gallery-images a {
         margin-right: 0
     }
 }
 
 @media screen and (max-width: 426px) {
     .gallery .gallery-images a {
         height: 50vw
     }
 }
 
 .gallery .gallery-images a:nth-child(3n+3) {
     margin-right: 0
 }
 
 @media screen and (min-width: 769px) and (max-width: 992px) {
     .gallery .gallery-images a:nth-child(3n+3) {
         margin-right: 18px
     }
 }
 
 .gallery .gallery-images a:hover:after {
     opacity: 1
 }
 
 .gallery .gallery-images a:after {
     opacity: 0;
     content: '';
     width: 100%;
     height: 100%;
     background-color: rgba(105, 49, 249, 0.49);
     background-image: url("../img/search-icon.png");
     background-repeat: no-repeat;
     background-position: center;
     position: absolute;
     top: 0;
     left: 0;
     transition: opacity 0.6s
 }
 
 .player-page .inner-body article.top {
     -webkit-align-items: center;
     align-items: center
 }
 
 .player-page .social-list {
     display: flex;
 }
 
 .player-page .social-list li {
     margin-left: 10px;
 }
 
 .player-page .social-list li a:hover i {
     color: #00ffff;
     transition: all .3s ease;
 }
 
 .player-page .col .right .social-list li:last-child {
     margin-left: 0px;
 }
 
 .player-page .justify {
     align-items: center;
 }
 
 .social-list-h4 {
     color: #fff;
     line-height: 1;
     text-transform: uppercase;
     margin-right: 40px;
     font-size: .875em;
 }
 
 @media screen and (max-width: 768px) {
     .player-page .inner-body article.top .col.left.detail-left-list ul {
         margin: 0 0 25px
     }
 }
 
 @media screen and (max-width: 376px) {
     .player-page .inner-body article.top .col.left.detail-left-list ul {
         -webkit-flex-direction: column;
         flex-direction: column;
         -webkit-justify-content: center;
         justify-content: center
     }
 }
 
 @media screen and (max-width: 768px) {
     .player-page .inner-body article.top .col.left.detail-left-list ul li {
         margin: 0;
         border: 0;
         padding: 0
     }
 }
 
 @media screen and (min-width: 376px) and (max-width: 768px) {
     .player-page .inner-body article.top .col.left.detail-left-list ul li:not(:last-child) {
         margin-right: 30px
     }
 }
 
 @media screen and (max-width: 376px) {
     .player-page .inner-body article.top .col.left.detail-left-list ul li:not(:last-child) {
         margin-bottom: 15px
     }
 }
 
 .player-page .inner-body article.top .btn {
     width: auto !important;
     padding: 0 10px
 }
 
 @media screen and (max-width: 1268px) {
     .player-page .section-header {
         -webkit-justify-content: center;
         justify-content: center;
         text-align: center
     }
 }
 
 @media screen and (max-width: 1268px) {
     .streams.on-player .section-header {
         -webkit-justify-content: center;
         justify-content: center;
         text-align: center
     }
 }
 
 .single-page {
     /* background-color: #fff;
     */
     padding-bottom: 130px;
     color: white;
 }
 
 .single-page p {
     margin-bottom: 30px;
 }
 
 .single-page h3 {
     margin-bottom: 30px;
     color: #df125a;
 }
 
 .single-page ul {
     list-style-type: disc;
     margin-bottom: 30px;
     padding-left: 30px;
 }
 
 .single-page>.container>.wrapper,
 .single-page>.news-container>.wrapper {
     padding-top: 60px
 }
 
 .single-page.woocommerce {
     padding: 130px 0
 }
 
 .single-page .featured-box {
     height: 485px
 }
 
 @media screen and (max-width: 992px) {
     .single-page .featured-box {
         height: 345px;
         margin-bottom: 100px;
         margin-top: 50px
     }
 }
 
 @media screen and (max-width: 992px) {
     .single-page.not-active-pixie .featured-box {
         height: 345px;
         margin-bottom: 20px
     }
 }
 
 .single-page.not-active-pixie .wrapper {
     padding-top: 20px
 }
 
 .single-page .post iframe {
     max-width: 100%
 }
 
 .single-page .post>.post-tags {
     margin-top: 30px;
     font: 500 0.75em/1 "Roboto", sans-serif !important;
     text-transform: uppercase
 }
 
 .single-page .post>.post-tags>span {
     background-color: #000000;
     padding: 8px;
     color: #fff !important;
     margin-right: 6px;
     line-height: 1;
     display: inline-block;
     border: 1px solid transparent
 }
 
 .single-page .post>.post-tags>a {
     background-color: transparent;
     padding: 8px;
     color: #000 !important;
     border: 1px solid #000;
     margin-bottom: 7px;
     -webkit-transition: all .3s ease-in-out;
     transition: all .3s ease-in-out
 }
 
 .single-page .post>.post-tags>a:hover {
     color: #fff !important;
     border-color: transparent
 }
 
 .single-page .post>.post-tags>a:not(:last-child) {
     margin-right: 7px
 }
 
 .single-page .wrapper {
     display: -webkit-flex;
     display: flex
 }
 
 @media screen and (max-width: 992px) {
     .single-page .wrapper {
         -webkit-flex-direction: column;
         flex-direction: column
     }
 }
 
 .single-page .social-widget {
     margin: 0 44px;
     width: 90px
 }
 
 @media screen and (max-width: 992px) {
     .single-page .social-widget {
         margin: 0 auto;
         width: 100%
     }
 }
 
 @media screen and (max-width: 768px) {
     .single-page .social-widget {
         display: -webkit-flex;
         display: flex;
         -webkit-flex-direction: column;
         flex-direction: column;
         -webkit-align-items: center;
         align-items: center;
         -webkit-justify-content: center;
         justify-content: center;
         order: 2;
         margin-top: 64px
     }
 }
 
 .single-page .social-widget .comment-counter {
     text-align: right;
     margin-bottom: 20px
 }
 
 .single-page .social-widget .comment-counter span {
     font: 900 2.25em/1 "Roboto", sans-serif;
     color: #6931f9;
     display: block
 }
 
 .single-page .social-widget .comment-counter span:not(:first-child) {
     font: 500 1em/1 "Roboto", sans-serif;
     color: #000
 }
 
 @media screen and (max-width: 768px) {
     .single-page .social-widget .comment-counter span {
         text-align: center
     }
 }
 
 .single-page .social-widget .share-post {
     display: -webkit-flex;
     display: flex;
     -webkit-flex-direction: column;
     flex-direction: column;
     -webkit-align-items: flex-end;
     align-items: flex-end
 }
 
 @media screen and (max-width: 992px) {
     .single-page .social-widget .share-post {
         -webkit-flex-direction: row;
         flex-direction: row;
         -webkit-align-items: flex-start;
         align-items: flex-start
     }
 }
 
 .single-page .social-widget .share-post li {
     margin-bottom: 6px
 }
 
 @media screen and (max-width: 992px) {
     .single-page .social-widget .share-post li:not(:first-child) {
         margin-left: 10px
     }
 }
 
 .single-page .social-widget .share-post li a {
     width: 36px;
     height: 36px;
     -webkit-border-radius: 18px;
     -moz-border-radius: 18px;
     -ms-border-radius: 18px;
     -o-border-radius: 18px;
     border-radius: 18px;
     color: #fff;
     text-align: center;
     line-height: 36px
 }
 
 .single-page .social-widget .share-post li a.email-share {
     background-color: #0084ff
 }
 
 .single-page .social-widget .share-post li a.fb-share {
     background-color: #3b5998
 }
 
 .single-page .social-widget .share-post li a.twitter-share {
     background-color: #00abec
 }
 
 .single-page .social-widget .share-post li a.more-options {
     background-color: #f02a03
 }
 
 .single-page .clearfix::after {
     content: '';
     display: block;
     clear: both
 }
 
 .single-page .page {
     padding: 60px 0;
     width: 1020px
 }
 
 .single-page .page.full-width {
     width: 100%
 }
 
 .single-page .page select {
     -webkit-outline: none;
     -moz-outline: none;
     -ms-outline: none;
     -o-outline: none;
     outline: none
 }
 
 @media screen and (max-width: 992px) {
     .single-page .page {
         width: 100%
     }
 }
 
 .single-page .page h1 {
     margin-bottom: 15px
 }
 
 .single-page .page h3 {
     margin: 15px 0 10px
 }
 
 .single-page .page ul,
 .single-page .page li {
     list-style: none
 }
 
 .single-page .page textarea,
 .single-page .page input {
     border: 1px solid #ccc;
     padding: 8px 10px;
     -webkit-outline: none;
     -moz-outline: none;
     -ms-outline: none;
     -o-outline: none;
     outline: none
 }
 
 .single-page .post {
     width: 1020px;
     padding-top: 0;
     padding-bottom: 20px;
     margin-bottom: 20px;
     border-bottom: 1px solid #777
 }
 
 .single-page .post .post-title {
     margin: 0 0 15px
 }
 
 .single-page .post.full-width {
     width: 100%
 }
 
 @media screen and (max-width: 992px) {
     .single-page .post {
         width: 100%
     }
 }
 
 .single-page .post>div {
     width: auto !important
 }
 
 .single-page .post img {
     margin-bottom: 20px
 }
 
 .single-page .post h1 {
     font-size: 2.5em
 }
 
 .single-page .post h2 {
     font-size: 2em
 }
 
 .single-page .post h3 {
     font-size: 1.75em
 }
 
 .single-page .post h4 {
     font-size: 1.5em
 }
 
 .single-page .post h5 {
     font-size: 1.25em
 }
 
 .single-page .post h6 {
     font-size: 1em
 }
 
 .single-page .post h1,
 .single-page .post h2,
 .single-page .post h3,
 .single-page .post h4,
 .single-page .post h5,
 .single-page .post h6 {
     color: #000;
     margin: 24px 0;
     font-weight: 500;
     font-family: "Roboto", sans-serif;
     line-height: 1
 }
 
 .single-page .post blockquote {
     padding: 10px 20px;
     margin: 0 0 20px;
     font-size: 17.5px;
     border-left: 5px solid #eee
 }
 
 .single-page .post table {
     border-collapse: collapse;
     border-spacing: 0;
     font-size: 14px;
     line-height: 2;
     margin: 0 0 20px;
     width: 100%
 }
 
 .single-page .post td,
 .single-page .post th {
     padding: 5px 8px;
     border: 1px solid #222
 }
 
 .single-page .post dd,
 .single-page .post dt {
     line-height: 1.42857143
 }
 
 .single-page .post dl {
     margin: 0 20px
 }
 
 .single-page .post dt {
     font-weight: 700
 }
 
 .single-page .post dd {
     margin: 0 0 20px
 }
 
 .single-page .post address {
     font-style: italic;
     margin: 0 0 24px;
     font-weight: normal
 }
 
 .single-page .post abbr {
     cursor: help;
     border-bottom: 1px dotted
 }
 
 .single-page .post code {
     color: #fff;
     background-color: #6931f9;
     border: 0
 }
 
 .single-page .post img {
     max-width: 100%;
     height: auto
 }
 
 .single-page .post ul {
     padding-left: 40px
 }
 
 .single-page .post ul li {
     list-style: initial
 }
 
 .single-page .post i,
 .single-page .post cite,
 .single-page .post em,
 .single-page .post var,
 .single-page .post address,
 .single-page .post dfn {
     font-style: italic
 }
 
 .single-page .post .aligncenter {
     display: block;
     text-align: center;
     margin-left: auto;
     margin-right: auto
 }
 
 .single-page .post .alignright {
     margin: 0 0 10px 10px;
     float: right
 }
 
 .single-page .post .alignleft {
     margin: 0 10px 10px 0;
     float: left
 }
 
 .single-page .post .wp-caption-text {
     color: #7f7f7f;
     box-sizing: border-box;
     font-size: .75em;
     font-style: italic;
     line-height: 1.5;
     margin: 0 0 9px
 }
 
 .single-page .post input {
     border: 1px solid #ccc;
     padding: 8px 10px;
     -webkit-outline: none;
     -moz-outline: none;
     -ms-outline: none;
     -o-outline: none;
     outline: none
 }
 
 .single-page .post .post-details {
     font: 400 0.875em/1 "Roboto", sans-serif;
     text-transform: uppercase;
     color: #999;
     letter-spacing: 3.5px;
     margin-bottom: 54px;
     display: block
 }
 
 .single-page .post .post-details a {
     color: #6931f9
 }
 
 .single-page .post p {
     font-size: 14px;
     font-family: "Roboto", sans-serif;
     color: #696969
 }
 
 .single-page .post p strong {
     font-weight: 700;
     font-size: 1em;
     line-height: 22px;
     color: #000
 }
 
 .single-page .post p img {
     margin-right: 14px;
     height: auto
 }
 
 .single-page .post p:not(:last-child) {
     margin-bottom: 35px
 }
 
 .single-page .comment-container {
     font-family: "Roboto", sans-serif
 }
 
 @media screen and (min-width: 993px) {
     .single-page .comment-container:not(.full-width) {
         margin-left: 179px
     }
 }
 
 .single-page .comment-container a {
     color: #6931f9;
     line-height: 16px
 }
 
 .single-page .comment-container>.comment-headtitle {
     margin-bottom: 35px
 }
 
 .single-page .comment-container>.comment-headtitle>h3 {
     font: 500 1.75em/1 "Roboto", sans-serif;
     color: #000;
     margin: 0
 }
 
 .single-page .comment-container ul li.trackback,
 .single-page .comment-container ul li.pingback {
     border-top: 1px solid #d1d1d1;
     padding: 1.75em 0;
     font-family: "Roboto", sans-serif
 }
 
 .single-page .comment-container ul.children {
     width: 100%;
     padding-left: 50px
 }
 
 @media screen and (max-width: 1268px) {
     .single-page .comment-container ul.children {
         padding-left: 35px
     }
 }
 
 @media screen and (max-width: 992px) {
     .single-page .comment-container ul.children {
         padding-left: 12px
     }
 }
 
 .single-page .comment-container>ul li .the_comment {
     display: -webkit-flex;
     display: flex;
     -webkit-flex-wrap: wrap;
     flex-wrap: wrap;
     -webkit-flex-shrink: 0;
     flex-shrink: 0;
     min-height: 112px;
     position: relative
 }
 
 .single-page .comment-container>ul li .the_comment:after {
     content: '';
     background-color: rgba(0, 0, 0, 0.2);
     height: 1px;
     width: 100%;
     display: block;
     bottom: 20px;
     position: absolute
 }
 
 .single-page .comment-container>ul li .the_comment .comment-author-avatar {
     margin-right: 20px
 }
 
 @media screen and (max-width: 768px) {
     .single-page .comment-container>ul li .the_comment .comment-author-avatar {
         width: 40px
     }
 }
 
 .single-page .comment-container>ul li .the_comment .comment-author-avatar img {
     max-width: 75px;
     max-height: 75px
 }
 
 @media screen and (max-width: 768px) {
     .single-page .comment-container>ul li .the_comment .comment-author-avatar img {
         max-width: 40px;
         max-height: 40px
     }
 }
 
 .single-page .comment-container>ul li .the_comment .comment-body {
     width: 80%;
     margin-bottom: 20px
 }
 
 @media screen and (max-width: 768px) {
     .single-page .comment-container>ul li .the_comment .comment-body {
         width: 70%
     }
 }
 
 .single-page .comment-container>ul li .the_comment .comment-body .comment-meta {
     font: 500 0.75em/1 "Roboto", sans-serif;
     color: #7f7f7f;
     margin-bottom: 10px
 }
 
 .single-page .comment-container>ul li .the_comment .comment-body .comment-meta>a {
     color: #7f7f7f !important;
     vertical-align: middle
 }
 
 .single-page .comment-container>ul li .the_comment .comment-body .comment-content {
     max-width: 584px
 }
 
 .single-page .comment-container>ul li .the_comment .comment-body .comment-content h1 {
     font-size: 2.5em
 }
 
 .single-page .comment-container>ul li .the_comment .comment-body .comment-content h2 {
     font-size: 2em
 }
 
 .single-page .comment-container>ul li .the_comment .comment-body .comment-content h3 {
     font-size: 1.75em
 }
 
 .single-page .comment-container>ul li .the_comment .comment-body .comment-content h4 {
     font-size: 1.5em
 }
 
 .single-page .comment-container>ul li .the_comment .comment-body .comment-content h5 {
     font-size: 1.25em
 }
 
 .single-page .comment-container>ul li .the_comment .comment-body .comment-content h6 {
     font-size: 1em
 }
 
 .single-page .comment-container>ul li .the_comment .comment-body .comment-content h1,
 .single-page .comment-container>ul li .the_comment .comment-body .comment-content h2,
 .single-page .comment-container>ul li .the_comment .comment-body .comment-content h3,
 .single-page .comment-container>ul li .the_comment .comment-body .comment-content h4,
 .single-page .comment-container>ul li .the_comment .comment-body .comment-content h5,
 .single-page .comment-container>ul li .the_comment .comment-body .comment-content h6 {
     color: #000;
     margin: 24px 0;
     font-weight: 500;
     font-family: "Roboto", sans-serif;
     line-height: 1
 }
 
 .single-page .comment-container>ul li .the_comment .comment-body .comment-content blockquote {
     padding: 10px 20px;
     margin: 0 0 20px;
     font-size: 17.5px;
     border-left: 5px solid #eee
 }
 
 .single-page .comment-container>ul li .the_comment .comment-body .comment-content table {
     border-collapse: collapse;
     border-spacing: 0;
     font-size: 14px;
     line-height: 2;
     margin: 0 0 20px;
     width: 100%
 }
 
 .single-page .comment-container>ul li .the_comment .comment-body .comment-content td,
 .single-page .comment-container>ul li .the_comment .comment-body .comment-content th {
     padding: 5px 8px;
     border: 1px solid rgba(0, 0, 0, 0.2)
 }
 
 .single-page .comment-container>ul li .the_comment .comment-body .comment-content dd,
 .single-page .comment-container>ul li .the_comment .comment-body .comment-content dt {
     line-height: 1.42857143
 }
 
 .single-page .comment-container>ul li .the_comment .comment-body .comment-content dl {
     margin: 0 20px
 }
 
 .single-page .comment-container>ul li .the_comment .comment-body .comment-content dt {
     font-weight: 700
 }
 
 .single-page .comment-container>ul li .the_comment .comment-body .comment-content dd {
     margin: 0 0 20px
 }
 
 .single-page .comment-container>ul li .the_comment .comment-body .comment-content address {
     font-style: italic;
     margin: 0 0 24px;
     font-weight: normal
 }
 
 .single-page .comment-container>ul li .the_comment .comment-body .comment-content abbr {
     cursor: help;
     border-bottom: 1px dotted
 }
 
 .single-page .comment-container>ul li .the_comment .comment-body .comment-content code {
     color: #fff;
     background-color: #6931f9;
     border: 0
 }
 
 .single-page .comment-container>ul li .the_comment .comment-body .comment-content img {
     max-width: 100%;
     height: auto
 }
 
 .single-page .comment-container>ul li .the_comment .comment-body .comment-content ol,
 .single-page .comment-container>ul li .the_comment .comment-body .comment-content ul {
     padding-left: 40px
 }
 
 .single-page .comment-container>ul li .the_comment .comment-body .comment-content ol li,
 .single-page .comment-container>ul li .the_comment .comment-body .comment-content ul li {
     display: list-item;
     list-style: initial !important
 }
 
 .single-page .comment-container>ul li .the_comment .comment-body .comment-content p {
     font: 500 0.875em/24px "Roboto", sans-serif
 }
 
 .single-page .comment-container>ul li .the_comment .comment-body .comment-content .comment-options {
     margin: 10px 0;
     padding: 0
 }
 
 .single-page .comment-container>ul li .the_comment .comment-body .comment-content .comment-options li {
     display: inline
 }
 
 .single-page .comment-container>ul li .the_comment .comment-body .comment-content .comment-options li:not(:last-child) {
     margin-right: 14px
 }
 
 .single-page .comment-container>ul li .the_comment .comment-body .comment-content .comment-options li>a {
     color: #7f7f7f !important;
     font: 500 0.75em/1 "Roboto", sans-serif
 }
 
 .single-page .comment-respond .title {
     margin: 14px 0 0
 }
 
 .single-page .comment-respond .title h3 {
     font: 500 1.75em/1 "Roboto", sans-serif;
     margin-bottom: 2px
 }
 
 .single-page .comment-respond .title h3>small {
     font-size: 12px;
     float: right;
     position: relative;
     top: 6.5px
 }
 
 .single-page .comment-respond .title p {
     font: 400 0.75em/1 "Roboto", sans-serif;
     margin-bottom: 0
 }
 
 .single-page .comment-respond form .logged-in-as {
     font-size: .875em
 }
 
 .single-page .comment-respond form .logged-in-as a {
     color: #6931f9
 }
 
 .single-page .comment-respond form .form-field {
     display: -webkit-flex;
     display: flex
 }
 
 @media screen and (max-width: 760px) {
     .single-page .comment-respond form .form-field {
         -webkit-flex-direction: column;
         flex-direction: column
     }
 }
 
 .single-page .comment-respond form .form-field:first-of-type {
     margin-top: 14px
 }
 
 .single-page .comment-respond form .form-field:not(:last-child) {
     margin-bottom: 16px
 }
 
 .single-page .comment-respond form .form-field input,
 .single-page .comment-respond form .form-field textarea {
     -webkit-outline: none;
     -moz-outline: none;
     -ms-outline: none;
     -o-outline: none;
     outline: none;
     -webkit-border-radius: 0;
     -moz-border-radius: 0;
     -ms-border-radius: 0;
     -o-border-radius: 0;
     border-radius: 0;
     width: 100%;
     background-color: transparent;
     border: 1px solid #e1e1e1;
     color: #2b2b2b;
     font: 300 0.75em/1 "Roboto", sans-serif;
     padding: 18px;
     -webkit-transition: all .3s ease-in-out;
     transition: all .3s ease-in-out
 }
 
 .single-page .comment-respond form .form-field textarea {
     min-height: 148px;
     height: 148px;
     resize: none
 }
 
 .single-page .comment-respond form .form-field input:not(:first-child) {
     margin-left: 16px
 }
 
 @media screen and (max-width: 760px) {
     .single-page .comment-respond form .form-field input:not(:first-child) {
         margin-left: 0;
         margin-top: 16px
     }
 }
 
 .single-page .comment-respond form button {
     -webkit-border-radius: 0;
     -moz-border-radius: 0;
     -ms-border-radius: 0;
     -o-border-radius: 0;
     border-radius: 0;
     background-color: #6931f9;
     font: 900 0.75em/1 "Roboto", sans-serif;
     text-transform: uppercase;
     height: 60px;
     color: #fff;
     min-width: 160px
 }
 
 .single-page .comment-respond form button.disabled {
     opacity: 0.4
 }
 
 .page-links {
     clear: both;
     font-family: "Roboto", sans-serif;
     margin: 0 0 1.75em
 }
 
 .page-links>.page-links-title {
     color: #1a1a1a;
     margin: 0;
     padding-right: 0.6em
 }
 
 .page-links>a {
     background-color: #000;
     border-color: rgba(68, 68, 68, 0.2)
 }
 
 .page-links>a span {
     color: #fff !important
 }
 
 .page-links>a,
 .page-links>span:not(.page-links-title) {
     border: 1px solid #d1d1d1;
     border-radius: 2px;
     display: inline-block;
     margin-right: 0.3076923077em;
     text-align: center;
     padding: 6px 10px;
     line-height: 1;
     font-size: .875em
 }
 
 .no-comments {
     font-family: "Roboto", sans-serif;
     font-weight: 700;
     margin: 0;
     padding-top: 1.75em
 }
 
 .page-hero.sponsorHero .btn-default {
     height: 50px
 }
 
 .sponsors .head-sp,
 .sponsors .basic-sp {
     padding: 70px 0;
     background-color: #000
 }
 
 .sponsors.page-bg {
     padding-bottom: 0px
 }
 
 .sponsors .section-header {
     border-color: rgba(255, 255, 255, 0.14);
     margin-bottom: 52px
 }
 
 .sponsors .section-header .section-title h3 {
     color: #fff;
     font: 2.375em/1 "Roboto", sans-serif
 }
 
 @media screen and (max-width: 992px) {
     .sponsors .section-header {
         -webkit-justify-content: center;
         justify-content: center
     }
 }
 
 .sponsors .sp-list {
     margin-bottom: 0;
     display: -webkit-flex;
     display: flex;
     -webkit-flex-wrap: wrap;
     flex-wrap: wrap
 }
 
 .sponsors .sp-list .sp-box {
     width: 260px;
     text-align: center;
     letter-spacing: -0.2px;
     /* margin-right: 53px;
     */
     margin: 0 26px 49px;
     padding-bottom: 49px;
     /* margin-bottom: 49px */
 }
 
 .sponsors .sp-list .sp-box::after {
     content: '';
     background-color: rgba(244, 248, 253, 0.11);
     width: 313px;
     height: 1px;
     position: absolute;
     bottom: 0;
     left: 0
 }
 
 @media screen and (max-width: 992px) {
     .sponsors .sp-list .sp-box::after {
         width: 100%
     }
 }
 
 .sponsors .sp-list .sp-box::before {
     content: '';
     background-color: rgba(244, 248, 253, 0.11);
     width: 1px;
     height: 114px;
     position: absolute;
     bottom: -57px;
     right: -26px
 }
 
 @media screen and (max-width: 1268px) {
     .sponsors .sp-list .sp-box::before {
         display: none !important
     }
 }
 
 .sponsors .sp-list .sp-box:nth-child(4n+4) {
     margin-right: 0
 }
 
 .sponsors .sp-list .sp-box:nth-child(4n+4):before {
     display: none
 }
 
 @media screen and (min-width: 1268px) {
     .sponsors .sp-list .sp-box:nth-child(4n+4):after {
         width: 100%
     }
 }
 
 @media screen and (max-width: 1268px) {
     .sponsors .sp-list .sp-box:nth-child(4n+4) {
         margin-right: 0
     }
 }
 
 .sponsors .sp-list .sp-box:nth-last-child(-n+4) {
     margin-bottom: 0;
     padding-bottom: 0
 }
 
 .sponsors .sp-list .sp-box:nth-last-child(-n+4):before {
     display: none
 }
 
 @media screen and (min-width: 1268px) {
     .sponsors .sp-list .sp-box:nth-last-child(-n+4):after {
         display: none
     }
 }
 
 @media screen and (max-width: 1268px) {
     .sponsors .sp-list .sp-box:nth-last-child(-n+4) {
         padding-bottom: 49px;
         margin-bottom: 49px
     }
 }
 
 @media screen and (min-width: 769px) and (max-width: 992px) {
     .sponsors .sp-list .sp-box:nth-last-child(-n+2):after,
     .sponsors .sp-list .sp-box:nth-last-child(-n+2):before {
         display: none
     }
 }
 
 @media screen and (max-width: 1268px) {
     .sponsors .sp-list .sp-box:nth-child(3n+3):after {
         width: 100%
     }
     .sponsors .sp-list .sp-box:nth-child(3n+3):before {
         display: none
     }
 }
 
 @media screen and (min-width: 769px) and (max-width: 992px) {
     .sponsors .sp-list .sp-box:nth-child(2n+1):before {
         display: block;
         right: -41px
     }
 }
 
 @media screen and (max-width: 575px) {
     .sponsors .sp-list .sp-box:last-child:after {
         display: none
     }
 }
 
 @media screen and (max-width: 575px) {
     .sponsors .sp-list .sp-box:last-child {
         padding-bottom: 0
     }
 }
 
 .sponsors .sp-list .sp-box figure {
     margin-bottom: 20px
 }
 
 .sponsors .sp-list .sp-box figure img {
     max-width: 200px;
     max-height: 40px
 }
 
 .sponsors .sp-list .sp-box p {
     margin-bottom: 20px;
     height: 54px;
     font: 500 0.75em/19px "Roboto", sans-serif;
     color: #666666
 }
 
 .sponsors .sp-list .sp-box>ul {
     margin-bottom: 22px
 }
 
 .sponsors .sp-list .sp-box>ul li {
     display: inline
 }
 
 .sponsors .sp-list .sp-box>ul li:not(:last-child) {
     margin-right: 15px
 }
 
 .sponsors .sp-list .sp-box>ul li a {
     -webkit-transition: color .6s ease-in-out;
     transition: color .6s ease-in-out
 }
 
 .sponsors .sp-list .sp-box>ul li a:hover {
     color: #6931f9
 }
 
 .sponsors .sp-list .sp-box .btn-default {
     margin: 0 auto;
     width: 160px;
     border: 0;
     background-color: #6931f9;
     letter-spacing: 1px;
     -webkit-transition: all .6s ease-in-out;
     transition: all .6s ease-in-out
 }
 
 .sponsors .sp-list .sp-box .btn-default:hover {
     opacity: .8
 }
 
 @media screen and (max-width: 1268px) {
     .sponsors .sp-list .sp-box {
         margin-right: 0
     }
 }
 
 @media screen and (max-width: 1268px) {
     .sponsors .sp-list {
         -webkit-justify-content: space-around;
         justify-content: space-around
     }
 }
 
 @media screen and (max-width: 575px) {
     .sponsors .sp-list {
         margin-bottom: 0
     }
 }
 
 .sponsors .basic-sp {
     background-color: #fff;
     padding-top: 60px
 }
 
 .sponsors .basic-sp .section-header {
     border-color: rgba(10, 12, 17, 0.14);
     margin-bottom: 52px
 }
 
 .sponsors .basic-sp .section-header .section-title h3 {
     color: #0a0c11
 }
 
 .sponsors .basic-sp .sp-box:after {
     background-color: #ccc
 }
 
 .sponsors .basic-sp .sp-box:before {
     background-color: #ccc
 }
 
 .sponsors .basic-sp figure img {
     filter: brightness(0%)
 }
 
 .tournament {
     padding-bottom: 0
 }
 
 .tournament .inner-page .inner-body article.top .btn:not(:last-child) {
     margin-right: 0
 }
 
 .tournament .teams {
     padding: 54px 0 88px;
     border: 0;
     background-color: transparent
 }
 
 .tournament .teams .inner-page-header>.btn-default {
     background: rgba(189, 223, 3, 0.09);
     margin-left: auto;
     height: 46px
 }
 
 .tournament .teams .owl-carousel.team-list {
     margin: 0 0 20px
 }
 
 .tournament .teams .owl-carousel.team-list .team-box {
     margin: 0;
     width: 100%;
     -webkit-flex-shrink: 0;
     flex-shrink: 0
 }
 
 .tournament .teams .owl-carousel .owl-dots {
     display: -webkit-flex;
     display: flex;
     -webkit-justify-content: center;
     justify-content: center;
     -webkit-align-items: center;
     align-items: center;
     margin-top: 25px
 }
 
 .tournament .teams .owl-carousel .owl-dots .owl-dot {
     -webkit-transition: all .2s ease-in-out;
     transition: all .2s ease-in-out;
     width: 10px;
     height: 10px;
     background-color: #273949;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     -ms-border-radius: 50%;
     -o-border-radius: 50%;
     border-radius: 50%
 }
 
 .tournament .teams .owl-carousel .owl-dots .owl-dot.active {
     height: 14px;
     width: 14px
 }
 
 .tournament .teams .owl-carousel .owl-dots .owl-dot:not(:last-child) {
     margin-right: 10px
 }
 
 .tournament .teams .owl-carousel .owl-dots .owl-dot.active {
     background-color: #6931f9
 }
 
 .tournament .standings {
     background-color: #111118;
     padding: 64px 0 100px
 }
 
 .tournament .standings .container,
 .tournament .standings .news-container {
     display: -webkit-flex;
     display: flex;
     -webkit-flex-wrap: wrap;
     flex-wrap: wrap;
     -webkit-justify-content: space-between;
     justify-content: space-between
 }
 
 @media screen and (max-width: 769px) {
     .tournament .standings .container,
     .tournament .standings .news-container {
         -webkit-flex-wrap: wrap;
         flex-wrap: wrap;
         -webkit-justify-content: center;
         justify-content: center
     }
 }
 
 .tournament .standings .section-title {
     margin-bottom: 74px;
     text-align: center
 }
 
 .tournament .standings .section-title h2 {
     font: 400 2.75em/1 "Roboto", sans-serif;
     color: #fff;
     margin-bottom: 10px
 }
 
 .tournament .standings .section-title span {
     font: 400 1em/1 "Roboto", sans-serif;
     color: #6931f9
 }
 
 .tournament .standings .col {
     display: -webkit-flex;
     display: flex;
     -webkit-flex-direction: column;
     flex-direction: column;
     color: #fff;
     width: 47%;
     margin-bottom: 45px
 }
 
 .tournament .standings .col li {
     font: 600 0.75em/1 "Roboto", sans-serif
 }
 
 .tournament .standings .col li:first-child,
 .tournament .standings .col li:nth-child(2),
 .tournament .standings .col li>a {
     display: -webkit-flex;
     display: flex;
     -webkit-align-items: center;
     align-items: center;
     -webkit-flex-wrap: wrap;
     flex-wrap: wrap;
     color: #fff !important
 }
 
 .tournament .standings .col li:nth-child(2),
 .tournament .standings .col li>a {
     min-height: 60px
 }
 
 .tournament .standings .col li>a {
     background-color: #1a1a20
 }
 
 .tournament .standings .col li:nth-child(2) {
     background-color: #111
 }
 
 .tournament .standings .col li:not(:last-child) {
     margin-bottom: 6px
 }
 
 .tournament .standings .col li:first-child {
     background-color: #6931f9;
     text-transform: uppercase;
     min-height: 36px
 }
 
 .tournament .standings .col li:first-child,
 .tournament .standings .col li:nth-child(2) {
     text-transform: uppercase
 }
 
 .tournament .standings .col li:first-child .right-side,
 .tournament .standings .col li:nth-child(2) .right-side {
     color: #fff
 }
 
 .tournament .standings .col li:first-child .left-side,
 .tournament .standings .col li:nth-child(2) .left-side {
     color: #fff
 }
 
 .tournament .standings .col li:first-child .left-side span,
 .tournament .standings .col li:nth-child(2) .left-side span {
     font-weight: 600
 }
 
 @media screen and (max-width: 418px) {
     .tournament .standings .col li:not(:nth-child(-n+2)) .left-side span {
         display: none
     }
 }
 
 .tournament .standings .col .left-side {
     display: -webkit-flex;
     display: flex;
     -webkit-align-items: center;
     align-items: center;
     margin-left: 28px
 }
 
 .tournament .standings .col .left-side a {
     -webkit-transition: color .4s ease-in-out;
     transition: color .4s ease-in-out;
     color: #4f4f5a
 }
 
 .tournament .standings .col .left-side a:hover {
     color: #fff
 }
 
 .tournament .standings .col .left-side figure {
     width: 34px;
     height: 34px;
     margin-right: 20px
 }
 
 .tournament .standings .col .left-side figure img {
     max-width: 34px;
     max-height: 34px
 }
 
 .tournament .standings .col .left-side span {
     font: 500 1em/1 "Roboto", sans-serif
 }
 
 @media screen and (max-width: 418px) {
     .tournament .standings .col .left-side {
         margin-left: 10px
     }
 }
 
 .tournament .standings .col .right-side {
     margin-left: auto;
     margin-right: 18px
 }
 
 .tournament .standings .col .right-side span {
     min-width: 22px;
     display: inline-block;
     text-align: center
 }
 
 @media screen and (max-width: 418px) {
     .tournament .standings .col .right-side {
         margin-right: 10px
     }
 }
 
 @media screen and (max-width: 769px) {
     .tournament .standings .col {
         width: 100%
     }
 }
 
 @media screen and (max-width: 769px) {
     .tournament .standings {
         padding-bottom: 56px
     }
 }
 
 .tournament .view-brackets {
     background-color: #6931f9;
     padding: 52px 0 48px
 }
 
 .tournament .view-brackets .section-title {
     margin-bottom: 32px;
     text-align: center
 }
 
 .tournament .view-brackets .section-title h2 {
     font: 400 1.5em/1 "Roboto", sans-serif;
     color: #fff;
     text-transform: uppercase
 }
 
 .tournament .view-brackets .section-title span {
     font: 400 1em/1 "Roboto", sans-serif;
     color: #111118;
     margin-bottom: 10px;
     display: block
 }
 
 .tournament .view-brackets .btn-default {
     -webkit-border-radius: 0;
     -moz-border-radius: 0;
     -ms-border-radius: 0;
     -o-border-radius: 0;
     border-radius: 0;
     margin: 0 auto;
     border: 0;
     background: #fff;
     color: #6931f9;
     width: 240px
 }
 
 .tournament .view-brackets .btn-default i {
     margin-left: 20px
 }
 
 .tournament .match-schedule {
     background-color: #09090d;
     padding: 74px 0 160px
 }
 
 .tournament .match-schedule .section-header {
     -webkit-align-items: flex-start;
     align-items: flex-start;
     border-bottom: 1px solid #141a21
 }
 
 .tournament .match-schedule .section-header .section-title {
     text-align: left
 }
 
 .tournament .match-schedule .section-header .section-title h2 {
     font: 400 1.25em/1 "Roboto", sans-serif;
     color: #fff
 }
 
 .tournament .match-schedule .section-header .section-title span {
     font: 400 1em/1 "Roboto", sans-serif;
     color: #90919c;
     margin-bottom: 10px;
     display: block
 }
 
 @media screen and (max-width: 769px) {
     .tournament .match-schedule .section-header .section-title {
         text-align: center;
         margin-bottom: 20px
     }
 }
 
 .tournament .match-schedule .section-header .tab-nav {
     margin-top: initial
 }
 
 .tournament .match-schedule .section-header .tab-nav li:not(:last-of-type) {
     margin-right: 38px
 }
 
 @media screen and (max-width: 418px) {
     .tournament .match-schedule .section-header .tab-nav li:not(:last-of-type) {
         margin-right: 0;
         margin-bottom: 24px
     }
 }
 
 .tournament .match-schedule .section-header .tab-nav li:hover a {
     color: #fff !important
 }
 
 .tournament .match-schedule .section-header .tab-nav li a {
     cursor: pointer
 }
 
 .tournament .match-schedule .section-header .tab-nav li a.previous-day i {
     margin-right: 6px
 }
 
 .tournament .match-schedule .section-header .tab-nav li a.next-day i {
     margin-left: 6px
 }
 
 .tournament .match-schedule .section-header .tab-nav li:before {
     display: none
 }
 
 .tournament .match-schedule .section-header .tab-nav li.active a.btn-default {
     background-color: #6931f9
 }
 
 .tournament .match-schedule .section-header .tab-nav li a {
     -webkit-border-radius: 0;
     -moz-border-radius: 0;
     -ms-border-radius: 0;
     -o-border-radius: 0;
     border-radius: 0;
     background-color: #111;
     border: 0px;
     color: #fff;
     font: 500 0.75em/1 "Roboto", sans-serif;
     width: 160px;
     -webkit-transition: all .6s ease-in-out;
     transition: all .6s ease-in-out
 }
 
 .tournament .match-schedule .section-header .tab-nav li a:after {
     display: none
 }
 
 @media screen and (max-width: 768px) {
     .tournament .match-schedule .section-header .tab-nav {
         -webkit-flex-wrap: wrap;
         flex-wrap: wrap;
         margin-left: 0;
         margin-bottom: 30px;
         padding-bottom: 24px
     }
 }
 
 @media screen and (max-width: 418px) {
     .tournament .match-schedule .section-header .tab-nav {
         -webkit-flex-direction: column;
         flex-direction: column
     }
 }
 
 @media screen and (max-width: 769px) {
     .tournament .match-schedule .section-header {
         -webkit-flex-direction: column;
         flex-direction: column;
         -webkit-align-items: center;
         align-items: center
     }
 }
 
 .tournament .match-schedule .wrapper {
     display: -webkit-flex;
     display: flex;
     -webkit-flex-wrap: wrap;
     flex-wrap: wrap
 }
 
 .tournament .match-schedule .wrapper .days {
     display: -webkit-flex;
     display: flex;
     -webkit-flex-direction: column;
     flex-direction: column;
     min-height: 276px;
     border-right: 1px solid #141a21;
     width: 274px;
     margin-right: 36px;
     padding: 0 40px
 }
 
 .tournament .match-schedule .wrapper .days li {
     -webkit-transition: opacity .3s ease-in-out;
     transition: opacity .3s ease-in-out
 }
 
 .tournament .match-schedule .wrapper .days li:not(.active) {
     opacity: 0.3
 }
 
 .tournament .match-schedule .wrapper .days li:not(:last-of-type) {
     margin-bottom: 30px
 }
 
 @media screen and (max-width: 992px) {
     .tournament .match-schedule .wrapper .days li {
         display: -webkit-flex;
         display: flex;
         -webkit-justify-content: center;
         justify-content: center;
         width: 30%;
         text-align: center
     }
 }
 
 @media screen and (max-width: 769px) {
     .tournament .match-schedule .wrapper .days li {
         width: 50%;
         margin: 0 0 30px 0
     }
 }
 
 .tournament .match-schedule .wrapper .days li .day,
 .tournament .match-schedule .wrapper .days li .date {
     display: block;
     opacity: 0.46
 }
 
 .tournament .match-schedule .wrapper .days li .day {
     font: 500 1.125em/1 "Roboto", sans-serif;
     color: #4c4c5d;
     margin-bottom: 8px
 }
 
 .tournament .match-schedule .wrapper .days li .date {
     font: 600 0.625em/1 "Roboto", sans-serif;
     color: #4f6880;
     text-transform: uppercase
 }
 
 .tournament .match-schedule .wrapper .days li a.active .date,
 .tournament .match-schedule .wrapper .days li a.active .day {
     opacity: 1
 }
 
 .tournament .match-schedule .wrapper .days li a.active .day {
     color: #fff
 }
 
 .tournament .match-schedule .wrapper .days li a.active .date {
     color: #6931f9
 }
 
 @media screen and (max-width: 1268px) {
     .tournament .match-schedule .wrapper .days {
         width: 180px;
         padding: 0 10px 0 0;
         margin-right: 10px
     }
 }
 
 @media screen and (max-width: 992px) {
     .tournament .match-schedule .wrapper .days {
         -webkit-justify-content: space-between;
         justify-content: space-between;
         -webkit-flex-wrap: wrap;
         flex-wrap: wrap;
         -webkit-flex-direction: row;
         flex-direction: row;
         width: 100%;
         padding: 0;
         border-right: 0;
         margin-right: 0;
         min-height: auto
     }
 }
 
 @media screen and (max-width: 768px) {
     .tournament .match-schedule .wrapper .days {
         -webkit-justify-content: space-evenly;
         justify-content: space-evenly
     }
 }
 
 @media screen and (max-width: 768px) {
     .tournament .match-schedule .wrapper .days {
         display: none
     }
 }
 
 .tournament .match-schedule .wrapper .tab-content {
     display: -webkit-flex;
     display: flex;
     -webkit-flex-wrap: wrap;
     flex-wrap: wrap;
     width: 74%
 }
 
 .tournament .match-schedule .wrapper .tab-content .standing-box:not(.active) {
     display: none !important
 }
 
 @media screen and (max-width: 769px) {
     .tournament .match-schedule .wrapper .tab-content>div {
         display: -webkit-flex;
         display: flex;
         -webkit-flex-direction: column;
         flex-direction: column
     }
 }
 
 @media screen and (max-width: 1268px) {
     .tournament .match-schedule .wrapper .tab-content {
         width: 79%
     }
 }
 
 @media screen and (max-width: 992px) {
     .tournament .match-schedule .wrapper .tab-content {
         width: 100%
     }
 }
 
 @media screen and (max-width: 769px) {
     .tournament .match-schedule .wrapper .tab-content {
         -webkit-justify-content: center;
         justify-content: center
     }
 }
 
 .tournament .match-schedule .wrapper .match-details {
     width: 399px;
     margin-bottom: 52px
 }
 
 .tournament .match-schedule .wrapper .match-details:nth-child(2n+2) {
     margin-left: 84px
 }
 
 .tournament .match-schedule .wrapper .match-details:nth-child(2n+2):before {
     background-color: #141a21;
     height: 100%;
     width: 1px;
     content: ' ';
     position: absolute;
     left: -42px;
     top: 0
 }
 
 @media screen and (max-width: 1268px) {
     .tournament .match-schedule .wrapper .match-details:nth-child(2n+2):before {
         left: -25px
     }
 }
 
 @media screen and (max-width: 992px) {
     .tournament .match-schedule .wrapper .match-details:nth-child(2n+2):before {
         left: -14px
     }
 }
 
 @media screen and (max-width: 769px) {
     .tournament .match-schedule .wrapper .match-details:nth-child(2n+2):before {
         display: none
     }
 }
 
 @media screen and (max-width: 418px) {
     .tournament .match-schedule .wrapper .match-details:nth-child(2n+2):before {
         background-color: #141a21;
         height: 1px;
         width: 38px;
         content: ' ';
         display: block;
         position: absolute;
         left: 50%;
         transform: translateX(-50%);
         top: -34px
     }
 }
 
 @media screen and (max-width: 1268px) {
     .tournament .match-schedule .wrapper .match-details:nth-child(2n+2) {
         margin-left: 46px
     }
 }
 
 @media screen and (max-width: 992px) {
     .tournament .match-schedule .wrapper .match-details:nth-child(2n+2) {
         margin-left: 26px
     }
 }
 
 @media screen and (max-width: 768px) {
     .tournament .match-schedule .wrapper .match-details:nth-child(2n+2) {
         margin-left: 0
     }
 }
 
 @media screen and (max-width: 768px) {
     .tournament .match-schedule .wrapper .match-details {
         margin-bottom: 20px;
         border-bottom: 1px solid #141a21;
         padding-bottom: 20px
     }
 }
 
 .tournament .match-schedule .wrapper .match-details .match-teams {
     display: -webkit-flex;
     display: flex;
     -webkit-align-items: center;
     align-items: center;
     margin-bottom: 8px
 }
 
 .tournament .match-schedule .wrapper .match-details .match-teams .team-info {
     display: -webkit-flex;
     display: flex;
     -webkit-align-items: center;
     align-items: center;
     width: 150px
 }
 
 .tournament .match-schedule .wrapper .match-details .match-teams .team-info:not(:last-child) figure {
     margin-right: 16px;
     margin-left: 0
 }
 
 @media screen and (max-width: 418px) {
     .tournament .match-schedule .wrapper .match-details .match-teams .team-info:not(:last-child) figure {
         margin-right: 0
     }
 }
 
 .tournament .match-schedule .wrapper .match-details .match-teams .team-info figure {
     width: 40px;
     height: 40px;
     margin-left: 16px
 }
 
 .tournament .match-schedule .wrapper .match-details .match-teams .team-info figure img {
     max-width: 40px;
     max-height: 40px
 }
 
 @media screen and (max-width: 418px) {
     .tournament .match-schedule .wrapper .match-details .match-teams .team-info figure {
         margin-left: 0;
         margin-bottom: 10px
     }
 }
 
 .tournament .match-schedule .wrapper .match-details .match-teams .team-info span {
     color: #ecfdff;
     font: 500 1em/1 "Roboto", sans-serif
 }
 
 .tournament .match-schedule .wrapper .match-details .match-teams .team-info:last-child {
     direction: rtl;
     margin-left: auto
 }
 
 @media screen and (max-width: 418px) {
     .tournament .match-schedule .wrapper .match-details .match-teams .team-info:last-child {
         margin-left: 0
     }
 }
 
 .tournament .match-schedule .wrapper .match-details .match-teams .vs {
     margin: 0 auto;
     font: 900 1.5em/1 "Roboto", sans-serif
 }
 
 @media screen and (max-width: 418px) {
     .tournament .match-schedule .wrapper .match-details .match-teams .vs {
         margin: 38px auto
     }
 }
 
 .tournament .match-schedule .wrapper .match-details .match-info {
     line-height: 1;
     text-align: center;
     text-transform: uppercase
 }
 
 .tournament .match-schedule .wrapper .match-details .match-info span {
     font: 500 0.75em/1 "Roboto", sans-serif
 }
 
 .tournament .match-schedule .wrapper .match-details .match-info span:first-child {
     color: #3d4751
 }
 
 @media screen and (max-width: 418px) {
     .tournament .match-schedule .wrapper .match-details .match-info span:first-child {
         margin-bottom: 15px;
         margin-right: 0;
         border-right: 0
     }
 }
 
 .tournament .match-schedule .wrapper .match-details .match-info span:nth-child(2) {
     color: #6931f9
 }
 
 .tournament .match-schedule .wrapper .match-details .match-info span i {
     margin-right: 5px
 }
 
 @media screen and (max-width: 418px) {
     .tournament .match-schedule .wrapper .match-details .match-info span {
         display: block
     }
 }
 
 @media screen and (max-width: 418px) {
     .tournament .match-schedule .wrapper .match-details .match-info {
         margin-top: 20px
     }
 }
 
 @media screen and (max-width: 418px) {
     .tournament .match-schedule .wrapper .match-details .match-teams,
     .tournament .match-schedule .wrapper .match-details .team-info {
         -webkit-flex-direction: column;
         flex-direction: column
     }
 }
 
 @media screen and (max-width: 1268px) {
     .tournament .match-schedule .wrapper .match-details {
         width: 366px
     }
 }
 
 @media screen and (max-width: 418px) {
     .tournament .match-schedule .wrapper .match-details {
         width: 100%;
         margin-bottom: 68px
     }
 }
 
 @media screen and (max-width: 768px) {
     .tournament .match-schedule {
         padding-bottom: 0
     }
 }
 
 .tournament .matches {
     border-top: 1px solid #13131d
 }
 
 .tournament .matches .section-title {
     text-align: center;
     margin-bottom: 70px
 }
 
 .tournament .matches .section-title h2 {
     color: #fff;
     margin-bottom: 18px
 }
 
 .tournament .matches .section-title span {
     color: #90919c
 }
 
 .tournament .matches .section-footer {
     margin-top: 134px
 }
 
 @media screen and (max-width: 992px) {
     .tournament .matches .filter-list {
         margin-bottom: 0
     }
 }
 
 @media screen and (max-width: 992px) {
     .tournament .matches .inner-page-header .headline {
         margin-bottom: 42px
     }
 }
 
 @media screen and (max-width: 992px) {
     .tournament .matches .inner-page-header {
         margin-bottom: 20px
     }
 }
 
 .tournament .news {
     background-color: #fff
 }
 
 .brackets {
     background-color: #080e14;
     padding: 100px 0
 }
 
 .brackets.page-bg {
     background-image: url("/assets/img/tournaments-page-bg.jpg")
 }
 
 .brackets .zoomInOut {
     direction: rtl
 }
 
 .brackets .zoomInOut button {
     width: 40px;
     height: 40px;
     background-color: rgba(153, 153, 153, 0.06);
     border: 2px solid #2b3641;
     -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
     -ms-border-radius: 4px;
     -o-border-radius: 4px;
     border-radius: 4px;
     -webkit-transition: all .6s ease-in-out;
     transition: all .6s ease-in-out;
     font-size: .875em;
     color: #fff;
     box-shadow: 0px 0px 18px rgba(0, 0, 0, 0.24)
 }
 
 .brackets .zoomInOut button:hover {
     border: 2px solid #6931f9;
     background-color: rgba(189, 223, 3, 0.09)
 }
 
 .brackets .bracket-wrapper {
     display: -webkit-flex;
     display: flex;
     -webkit-justify-content: center;
     justify-content: center;
     overflow: hidden;
     height: 780px
 }
 
 .brackets .bracket-wrapper .jQBracket .connector,
 .brackets .bracket-wrapper .jQBracket .connector.highlightWinner,
 .brackets .bracket-wrapper .jQBracket .connector.highlightLoser {
     border-color: #2b3641
 }
 
 .brackets .bracket-wrapper .jQBracket .bubble {
     display: none
 }
 
 .brackets .bracket-wrapper .jQBracket .team:first-child {
     margin-bottom: 10px
 }
 
 .brackets .bracket-wrapper .jQBracket .team,
 .brackets .bracket-wrapper .jQBracket .team.lose {
     height: 46px;
     color: #fff;
     background-color: rgba(153, 153, 153, 0.06);
     box-shadow: 0px 0px 18px rgba(0, 0, 0, 0.25);
     border: 2px solid #2b3641;
     transition: all 0.4s;
     -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
     -ms-border-radius: 6px;
     -o-border-radius: 6px;
     border-radius: 6px
 }
 
 .brackets .bracket-wrapper .jQBracket .team.highlight,
 .brackets .bracket-wrapper .jQBracket .team:hover,
 .brackets .bracket-wrapper .jQBracket .team.win,
 .brackets .bracket-wrapper .jQBracket .team.lose:hover,
 .brackets .bracket-wrapper .jQBracket .team.lose.win,
 .brackets .bracket-wrapper .jQBracket .team.lose.highlight,
 .brackets .bracket-wrapper .jQBracket .team.lose:hover,
 .brackets .bracket-wrapper .jQBracket .team.lose.win {
     border: 2px solid #6931f9;
     background-color: rgba(189, 223, 3, 0.09);
     box-shadow: 0px 0px 18px rgba(0, 0, 0, 0.24)
 }
 
 .brackets .bracket-wrapper .jQBracket .team .label,
 .brackets .bracket-wrapper .jQBracket .team.lose .label {
     margin-left: 8px
 }
 
 .brackets .bracket-wrapper .jQBracket .team .label img,
 .brackets .bracket-wrapper .jQBracket .team.lose .label img {
     margin-right: 8px;
     max-width: 34px;
     max-height: 32px
 }
 
 .brackets .bracket-wrapper .jQBracket .team .score,
 .brackets .bracket-wrapper .jQBracket .team.lose .score {
     color: #fff;
     background-color: transparent
 }
 
 .brackets .bracket-wrapper .jQBracket .team .score:before,
 .brackets .bracket-wrapper .jQBracket .team.lose .score:before {
     content: '';
     background-color: #6931f9;
     width: 1px;
     height: 20px;
     top: 50%;
     transform: translateY(-50%);
     position: absolute;
     left: 0
 }
 
 .brackets .bracket-wrapper .jQBracket .team .score,
 .brackets .bracket-wrapper .jQBracket .team .label,
 .brackets .bracket-wrapper .jQBracket .team.lose .score,
 .brackets .bracket-wrapper .jQBracket .team.lose .label {
     font: 600 0.875em/1 "Roboto", sans-serif;
     height: 100%;
     line-height: 40px;
     padding-top: 0;
     padding-bottom: 0
 }
 
 span.woocommerce-Price-amount.amount {
     font: 900 1.25em/1 "Roboto", sans-serif;
     text-transform: uppercase;
     color: #000
 }
 
 span.woocommerce-Price-amount.amount>span {
     margin-right: 4px
 }
 
 .woocommerce #payment #place_order,
 .woocommerce-page #payment #place_order {
     float: left
 }
 
 .woocommerce-terms-and-conditions-wrapper {
     margin-bottom: 10px
 }
 
 .woocommerce-privacy-policy-text a {
     color: #000
 }
 
 .woocommerce #respond input#submit.alt:hover,
 .woocommerce a.button.alt:hover,
 .woocommerce button.button.alt:hover,
 .woocommerce input.button.alt:hover {
     background-color: #6931f9;
     color: #fff !important;
     opacity: .8
 }
 
 .woocommerce #respond input#submit,
 .woocommerce a.button,
 .woocommerce button.button,
 .woocommerce input.button {
     width: auto !important;
     color: #fff;
     background-color: #6931f9
 }
 
 .woocommerce #respond input#submit:hover,
 .woocommerce a.button:hover,
 .woocommerce button.button:hover,
 .woocommerce input.button:hover {
     color: #fff;
     background-color: #6931f9;
     text-shadow: none !important
 }
 
 .woocommerce button.button:disabled,
 .woocommerce button.button:disabled[disabled] {
     background-color: #000 !important
 }
 
 .woocommerce table.cart td.actions .coupon {
     display: -webkit-flex;
     display: flex;
     -webkit-align-items: center;
     align-items: center
 }
 
 .woocommerce span.onsale {
     background-color: #6931f9;
     padding: 3px 8px
 }
 
 .woocommerce .woocommerce-result-count {
     height: 40px;
     display: -webkit-flex;
     display: flex;
     -webkit-align-items: center;
     align-items: center
 }
 
 .woocommerce .woocommerce-ordering select {
     font: 500 0.875em/1 "Roboto", sans-serif;
     height: 40px;
     background: transparent;
     border-color: rgba(0, 0, 0, 0.2)
 }
 
 .woocommerce h1 {
     padding-bottom: 20px;
     margin-bottom: 40px;
     border-bottom: 1px solid rgba(0, 0, 0, 0.2);
     font: 900 1.5em/32px "Roboto", sans-serif
 }
 
 .woocommerce h2 {
     color: #0a0c11;
     font: 900 1.5em/32px "Roboto", sans-serif !important;
     padding: 0 !important;
     margin: 0 0 22px !important
 }
 
 .woocommerce .woocommerce-result-count {
     font: 700 0.875em/1 "Roboto", sans-serif !important
 }
 
 .woocommerce .quantity input.qty {
     border-radius: 4px;
     border: 1px solid rgba(0, 0, 0, 0.1);
     padding: 10px;
     outline: none
 }
 
 .woocommerce .woocommerce-product-details__short-description {
     font: 500 0.875em/1 "Roboto", sans-serif !important;
     color: #71757e !important;
     padding: 14px 0
 }
 
 .woocommerce .product_meta a {
     color: #6931f9
 }
 
 .woocommerce #review_form a {
     color: #6931f9
 }
 
 .woocommerce #review_form .comment-form-rating {
     margin-top: 14px
 }
 
 .woocommerce #review_form .comment-form-rating label {
     margin-bottom: 4px;
     display: block
 }
 
 .woocommerce #review_form .comment-form-comment {
     display: -webkit-flex;
     display: flex;
     -webkit-flex-direction: column;
     flex-direction: column
 }
 
 .woocommerce #review_form .comment-form-comment label {
     margin-bottom: 4px;
     display: block
 }
 
 .woocommerce #review_form #respond textarea {
     resize: none;
     width: 100%;
     max-width: 100%;
     min-height: 150px;
     border: 1px solid #e4e1e3;
     border-radius: 4px;
     padding: 1em 1em 0;
     margin: 0;
     -webkit-outline: none;
     -moz-outline: none;
     -ms-outline: none;
     -o-outline: none;
     outline: none
 }
 
 .woocommerce .shop_table .product-remove a.remove {
     margin: 0 auto !important;
     line-height: 19px !important
 }
 
 .woocommerce .shop_table .product-thumbnail {
     text-align: center
 }
 
 .woocommerce .shop_table .product-thumbnail img {
     margin: 0 auto
 }
 
 .woocommerce .shop_table .coupon {
     margin-right: 8px
 }
 
 .woocommerce .shop_table .coupon input {
     -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
     -ms-border-radius: 6px;
     -o-border-radius: 6px;
     border-radius: 6px;
     width: 100% !important;
     max-width: 157px !important;
     margin: 0 8px 0 0 !important;
     height: 40px
 }
 
 .woocommerce .shop_table .actions {
     padding: 15px 15px
 }
 
 .woocommerce .shop_table .button {
     margin: 4px 0
 }
 
 .woocommerce .shop_table .button[disabled] {
     border-color: #999
 }
 
 .woocommerce .shop_table .amount {
     font-size: .875em !important;
     font-weight: 500 !important
 }
 
 .woocommerce .wc-proceed-to-checkout a.checkout-button {
     border: 2px solid #6931f9;
     background-color: #fff !important;
     height: auto !important;
     width: 100% !important;
     max-width: 480px !important;
     margin-right: 0 !important;
     color: #6931f9
 }
 
 .woocommerce .wc-proceed-to-checkout a.checkout-button:hover {
     background-color: #6931f9 !important;
     color: #fff
 }
 
 .woocommerce .place-order button.button.alt {
     width: max-content !important
 }
 
 .woocommerce .woocommerce-info {
     border-color: #6931f9
 }
 
 .woocommerce .woocommerce-info:before {
     color: #6931f9
 }
 
 .woocommerce span.onsale {
     line-height: 38px !important
 }
 
 .woocommerce .summary .product_meta {
     display: -webkit-flex;
     display: flex;
     -webkit-flex-direction: column;
     flex-direction: column
 }
 
 .woocommerce #respond input#submit,
 .woocommerce a.button,
 .woocommerce button.button,
 .woocommerce input.button,
 .woocommerce button.button.alt,
 .woocommerce button.button.alt {
     font-family: "Roboto", sans-serif;
     font-size: .875em
 }
 
 .woocommerce ul.products li.product .onsale {
     left: 0;
     top: 15px;
     min-height: auto;
     min-width: auto;
     -webkit-border-radius: 0;
     -moz-border-radius: 0;
     -ms-border-radius: 0;
     -o-border-radius: 0;
     border-radius: 0;
     line-height: 1 !important;
     margin: 0;
     padding: 6px 12px;
     right: initial;
     font-weight: bold;
     font-family: "Roboto", sans-serif;
     text-transform: uppercase;
     font-size: .875em
 }
 
 #bbpress-forums {
     font-family: "Roboto", sans-serif;
     font-weight: 500
 }
 
 #bbpress-forums #subscription-toggle {
     float: right
 }
 
 #bbpress-forums fieldset select {
     background: transparent;
     -webkit-border-radius: 0 !important;
     -moz-border-radius: 0 !important;
     -ms-border-radius: 0 !important;
     -o-border-radius: 0 !important;
     border-radius: 0 !important;
     height: 30px;
     border-color: rgba(0, 0, 0, 0.3)
 }
 
 #bbpress-forums .subscription-toggle {
     margin-left: 4px
 }
 
 #bbpress-forums a {
     color: #6931f9
 }
 
 #bbpress-forums .bbp-submit-wrapper .button {
     font-family: "Roboto", sans-serif;
     -webkit-border-radius: 0;
     -moz-border-radius: 0;
     -ms-border-radius: 0;
     -o-border-radius: 0;
     border-radius: 0;
     border: 0;
     color: #fff;
     font-size: 1.125em;
     font-weight: 500;
     padding: 8px 16px;
     text-transform: uppercase;
     background-color: #6931f9
 }
 
 #bbpress-forums .bbp-author-avatar img {
     border: 0 !important;
     margin-bottom: 0 !important
 }
 
 #bbp-search-form {
     margin-bottom: 15px
 }
 
 #bbp-search-form>div #bbp_search_submit {
     -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
     -ms-border-radius: 6px;
     -o-border-radius: 6px;
     border-radius: 6px;
     -webkit-transition: color .4s ease-in-out;
     transition: color .4s ease-in-out;
     -webkit-outline: none;
     -moz-outline: none;
     -ms-outline: none;
     -o-outline: none;
     outline: none;
     height: 25px;
     border: 1px solid #6931f9;
     background-color: #6931f9;
     color: #fff;
     font: 500 1em/8px "Roboto", sans-serif
 }
 
 #bbp-search-form>div #bbp_search_submit:hover {
     color: #6931f9;
     background-color: #fff
 }
 
 #bbp-search-form>div input:not(#bbp_search_submit) {
     border: 1px solid #6931f9;
     height: 25px;
     padding: 0px 7px;
     line-height: 1;
     margin-right: 5px;
     -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
     -ms-border-radius: 6px;
     -o-border-radius: 6px;
     border-radius: 6px;
     -webkit-outline: none;
     -moz-outline: none;
     -ms-outline: none;
     -o-outline: none;
     outline: none
 }
 
 #bbp-search-form>div input:not(#bbp_search_submit)::-webkit-search-decoration,
 #bbp-search-form>div input:not(#bbp_search_submit)::-webkit-search-cancel-button,
 #bbp-search-form>div input:not(#bbp_search_submit)::-webkit-search-results-button,
 #bbp-search-form>div input:not(#bbp_search_submit)::-webkit-search-results-decoration {
     display: none
 }
 
 #bbp-search-form>div input:not(#bbp_search_submit)::-webkit-input-placeholder {
     color: rgba(10, 12, 17, 0.64)
 }
 
 #bbp-search-form>div input:not(#bbp_search_submit)::-moz-placeholder {
     color: rgba(10, 12, 17, 0.64)
 }
 
 #bbp-search-form>div input:not(#bbp_search_submit):-ms-input-placeholder {
     color: rgba(10, 12, 17, 0.64)
 }
 
 #bbp-search-form>div input:not(#bbp_search_submit):-moz-placeholder {
     color: rgba(10, 12, 17, 0.64)
 }
 
 .error404 .page-hero.not-found .tab-nav a,
 .page-404 .page-hero.not-found .tab-nav a {
     height: 60px
 }
 
 .error404 .page-hero.not-found form,
 .page-404 .page-hero.not-found form {
     margin: 15px auto;
     max-width: 540px;
     width: 100%;
     border: 1px solid #fff;
     display: -webkit-flex;
     display: flex;
     padding: 6px;
     color: #fff
 }
 
 .error404 .page-hero.not-found form input,
 .page-404 .page-hero.not-found form input {
     padding: 0 5px;
     order: 1;
     border: 0;
     color: #fff;
     background: transparent;
     -webkit-outline: none;
     -moz-outline: none;
     -ms-outline: none;
     -o-outline: none;
     outline: none;
     width: -webkit-fill-available;
     height: 40px
 }
 
 .error404 .page-hero.not-found form button,
 .page-404 .page-hero.not-found form button {
     border-left: 1px solid #bababa;
     width: 50px;
     order: 2;
     color: #fff
 }
 
 .error404 .section-title,
 .page-404 .section-title {
     margin-top: 150px
 }
 
 .error404 .section-title h2,
 .page-404 .section-title h2 {
     color: #fff;
     margin-bottom: 20px
 }
 
 .error404 .section-title span,
 .page-404 .section-title span {
     display: block;
     margin-bottom: 42px
 }
 
 .error404 .section-title .btn-default,
 .page-404 .section-title .btn-default {
     background-color: rgba(189, 223, 3, 0.09);
     border-color: #6931f9;
     margin: 0 auto
 }