/**Fusha*/
body {
    -webkit-font-smoothing: subpixel-antialiased;
    position: relative;
    display: block;
    overflow-x: hidden;
    overflow-y: hidden;
    margin: auto;
    width: 100%;
    background-color: #474747;
    color: #ddd;
    font-size: 12px;
    font-family: Verdana,Geneva,Arial,sans-serif;
    line-height: 18px;
}

#debug{
    position: absolute;
    top: 35px;
    z-index: 1000;
    font-size: 11px;
}

/*3D*/
.pitch3D {
    -moz-perspective: 600px;
    -ms-perspective: 600px;
    -webkit-perspective: 600px;
    perspective: 600px;
    -webkit-perspective-origin-y: 100px;
}

.pitch3Dcontainerdata1 {
    margin: 0 calc(17.6%);
    margin-top: 4.15%;
    margin-bottom: -0.34%;
    -moz-transform: rotateX(52.5deg);
    -ms-transform: rotateX(52.5deg);
    -o-transform: rotateX(52.5deg);
    -webkit-transform: rotateX(52.5deg);
    transform: rotateX(52.5deg);
}

.pitch3Dcontainerdata2 {
    margin: 0 calc(17.9%);
    margin-top: 4.15%;
    margin-bottom: -0.3%;
    -moz-transform: rotateX(52.5deg);
    -ms-transform: rotateX(52.5deg);
    -o-transform: rotateX(52.5deg);
    -webkit-transform: rotateX(52.5deg);
    transform: rotateX(52.5deg);
}

.pitch3Dcontainerdata3 {
    margin: 0 calc(17.9%);
    margin-top: 4.15%;
    margin-bottom: -0.3%;
    -moz-transform: rotateX(52.5deg);
    -ms-transform: rotateX(52.5deg);
    -o-transform: rotateX(52.5deg);
    -webkit-transform: rotateX(52.5deg);
    transform: rotateX(52.5deg);
}

.pitch3Dcontainerdata4 {
    margin: 0 calc(17.9%);
    margin-top: 4.15%;
    margin-bottom: -0.3%;
    -moz-transform: rotateX(52.5deg);
    -ms-transform: rotateX(52.5deg);
    -o-transform: rotateX(52.5deg);
    -webkit-transform: rotateX(52.5deg);
    transform: rotateX(52.5deg);
}

.pitch3Dcontainerdata9 {
    margin: 0 calc(17.9%);
    margin-top: 4.15%;
    margin-bottom: -0.3%;
    -moz-transform: rotateX(52.5deg);
    -ms-transform: rotateX(52.5deg);
    -o-transform: rotateX(52.5deg);
    -webkit-transform: rotateX(52.5deg);
    transform: rotateX(52.5deg);
}

.dheHD {
    fill: #A24428;
}

.dheSF {
    fill: #B46953;
}

.dheSFs {
    stroke: #B46953;
    stroke-width: 2;
}

.dheRjeta {
    fill:#DDBBB1;
}

.tartanSFs {
    stroke: #5779A1;
    stroke-width: 2;
}

.tartanSF {
    fill: #5779A1;
}

.tartanHD {
    fill: #385E8A;
}

.tartanRjeta {
    fill:#B2B9C8;
}

.barSF {
    fill: #97AD73;
}

.barHD {
    fill: #537717;
}

.barSFs {
    stroke: #97AD73;
    stroke-width: 2;
}

.barRjeta {
    fill:#97AD73;
}


#pitch2d3dcontainer {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    outline: 1px solid transparent;
}


#visual-pitch {
    position: relative;
    overflow: hidden;
    background-position: 100% 98.9%;
    background-size: cover;
    -moz-transition: all 1.5s;
    -o-transition: all 1.5s;
    -webkit-transition: all 1.5s;
    transition: all 1.5s;
}

.vp2D {
    margin: 0 13.308vw;
}

.vp3D {
    -moz-transform: translateZ(-61vw);
    -ms-transform: translateZ(-61vw);
    -o-transform: translateZ(-61vw);
    -webkit-transform: translateZ(-61vw);
    transform: translateZ(-61vw);
    -moz-perspective: 61vw;
    -ms-perspective: 61vw;
    -webkit-perspective: 61vw;
    perspective: 61vw;
}

.attack_field {
    position: relative;
    left: 0;
    width: 100%;
    /** height: 100%; **/
    opacity: 1;
    -moz-transition: all 0.7s;
    -o-transition: all 0.7s;
    -webkit-transition: all 0.7s;
    transition: all 0.7s;
}

.field_collapse{
    width: 0px;
    height: 0px;
    visibility: collapse;
    position: absolute;
}

.topSporti {
    position: absolute;
    width: 2vw;
    height: 2vw;
    background-image: url("/Images/tennis_ball.png");
    background-size: contain;
    top: 70%;
    left: 15%;
    z-index: 10;
    -moz-animation: bounce 2s infinite;
    -o-animation: bounce 2s infinite;
    -webkit-animation: bounce 2s infinite;
    animation: bounce 2s infinite;
    visibility: collapse;
}

#TxtLart {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 30;
    display: block;
    margin-top: -3.8vw;
    width: 39.2vw;
    color: white;
    text-shadow: 2px 2px 2px #4c4c4c;
    white-space: normal;
    font-size: 2.8vw;
    line-height: 3.4vw;
    opacity: 0;
    -moz-transition: all 0.7s;
    -o-transition: all 0.7s;
    -webkit-transition: all 0.7s;
    transition: all 0.7s;
    -moz-transition-property: font-size, line-height, top, left;
    -o-transition-property: font-size, line-height, top, left;
    -webkit-transition-property: font-size, line-height, top, left;
    transition-property: font-size, line-height, top, left;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

.TxtHome {
    margin-left: -45vw;
    text-align: right;
}

.TxtAway {
    margin-left: 5vw;
    text-align: left;
}

.TxtQender {
    margin-left: -19.5vw;
    padding-top: 5vw;
    text-align: center;
}

#TxtPoshte {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 30;
    display: block;
    margin-top: 0px;
    width: 39.2vw;
    color: #a0e06c;
    text-shadow: 2px 2px 2px #4c4c4c;
    white-space: normal;
    font-size: 3.2vw;
    line-height: 4.4vw;
    opacity: 0;
    -moz-transition: all 0.7s;
    -o-transition: all 0.7s;
    -webkit-transition: all 0.7s;
    transition: all 0.7s;
    -moz-transition-property: font-size, line-height, top, left;
    -o-transition-property: font-size, line-height, top, left;
    -webkit-transition-property: font-size, line-height, top, left;
    transition-property: font-size, line-height, top, left;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

#TxtAux {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 30;
    display: block;
    margin-top: 4.5vw;
    width: 39.2vw;
    color: #ffdf1b;
    text-shadow: 2px 2px 2px #4c4c4c;
    white-space: normal;
    font-size: 2.2vw;
    line-height: 3.4vw;
    opacity: 0;
    -moz-transition: all 0.7s;
    -o-transition: all 0.7s;
    -webkit-transition: all 0.7s;
    transition: all 0.7s;
    -moz-transition-property: font-size, line-height, top, left;
    -o-transition-property: font-size, line-height, top, left;
    -webkit-transition-property: font-size, line-height, top, left;
    transition-property: font-size, line-height, top, left;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

#viza-ekipit {
    position: absolute;
    top: calc(50%);
    left: calc(50%);
    z-index: 30;
    margin-top: -3.8vw;
    width: 3px;
    height: 7.8vw;
    background-color: rgb(103, 159, 234);
    opacity: 0;
    -moz-transition: all 0.7s;
    -o-transition: all 0.7s;
    -webkit-transition: all 0.7s;
    transition: all 0.7s;
}

#ngjarjaIcon {
    position: absolute;
    z-index: 30;
    margin-top: -3.2vw;
    margin-left: -3.2vw;
    width: 6.4vw;
    height: 6.4vw;
    background-position-x: 50%;
    background-position-y: 50%;
    background-size: contain;
    background-repeat: no-repeat;
}

#quickStatsVolej {
    -moz-transition-property: visibility;
    -o-transition-property: visibility;
    -webkit-transition-property: visibility;
    transition-property: visibility;
    visibility: hidden;
    position: absolute;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    z-index: 9;
    width: 100%;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    top: 36%;
}

.quickStatsVolejElement {
    width: 5%;
    height: 26%;
    color: red;
    border-bottom: .7vw solid currentColor;
    margin: 0 1.25%;
    background-image: url("/Images/volley_ball.png");
    background-repeat: no-repeat;
    background-size: 75%;
    background-position: 50% 80%;
}

.quickStatsVolejLabel {
    color: white;
    font-size: 2.5vw;
    width: 100%;
    text-align: center;
    display: block;
}

#quickStats {
    font-size: 4vw;
    position: absolute;
    top: calc(50% - 2vw);
    z-index: 9;
    color: white;
    -moz-transition: all 2s ease-in-out;
    -o-transition: all 2s ease-in-out;
    -webkit-transition: all 2s ease-in-out;
    transition: all 2s ease-in-out;
    line-height: 4vw;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

.qsHome {
    left: calc(50% + 5vw);
}

.qsAway {
    left: calc(50% - 13vw);
}

.ngjarjaIconAnimate {
    -webkit-animation: bounce-in 1s ease 0s 1 normal;
    -moz-animation: bounce-in 1s ease 0s 1 normal;
    -o-animation: bounce-in 1s ease 0s 1 normal;
    animation: bounce-in 1s ease 0s 1 normal;
}

.ngjarjaIconAnimateLong {
    -webkit-animation: bounce-in 1s ease 2s 1 normal;
    -moz-animation: bounce-in 1s ease 2s 1 normal;
    -o-animation: bounce-in 1s ease 2s 1 normal;
    animation: bounce-in 1s ease 2s 1 normal;
}

#Possession {
    -moz-transition: all 0.7s;
    -o-transition: all 0.7s;
    -webkit-transition: all 0.7s;
    transition: all 0.7s;
}

#TopiViz {
    position: absolute;
    top: 100px;
    left: 100px;
    z-index: 40;
    margin-top: -22px;
    margin-left: -22px;
    width: 44px;
    height: 44px;
    color: rgb(0, 70, 168);
    opacity: 0;
    -moz-transition: all 0.7s;
    -o-transition: all 0.7s;
    -webkit-transition: all 0.7s;
    transition: all 0.7s;
}

.TopiVizInner1 {
    position: absolute;
    top: 0;
    left: 0;
    width: 44px;
    height: 44px;
    -moz-border-radius: 999px;
    -webkit-border-radius: 999px;
    border-radius: 999px;
    background: #fff;
    opacity: .1;
    -webkit-animation-direction: alternate;
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-name: animoTopiVizInner1;
    -moz-animation-name: animoTopiVizInner1;
    -o-animation-name: animoTopiVizInner1;
    animation-name: animoTopiVizInner1;
    -moz-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: cubic-bezier(0,0,.115,.99);
    -moz-animation-timing-function: cubic-bezier(0,0,.115,.99);
    -o-animation-timing-function: cubic-bezier(0,0,.115,.99);
    animation-timing-function: cubic-bezier(0,0,.115,.99);
    -moz-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -moz-animation-direction: alternate;
    -o-animation-direction: alternate;
    animation-direction: alternate;
}

.TopiVizInner2 {
    position: absolute;
    top: 8px;
    left: 8px;
    width: 28px;
    height: 28px;
    -moz-border-radius: 999px;
    -webkit-border-radius: 999px;
    border-radius: 999px;
    background: #fff;
    opacity: .2;
    -webkit-animation-direction: alternate;
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-name: animoTopiVizInner2;
    -moz-animation-name: animoTopiVizInner2;
    -o-animation-name: animoTopiVizInner2;
    animation-name: animoTopiVizInner2;
    -moz-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: cubic-bezier(0,0,.115,.99);
    -moz-animation-timing-function: cubic-bezier(0,0,.115,.99);
    -o-animation-timing-function: cubic-bezier(0,0,.115,.99);
    animation-timing-function: cubic-bezier(0,0,.115,.99);
    -moz-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -moz-animation-direction: alternate;
    -o-animation-direction: alternate;
    animation-direction: alternate;
}

.TopiVizInner3 {
    position: absolute;
    top: 18px;
    left: 18px;
    width: 8px;
    height: 8px;
    -moz-border-radius: 999px;
    -webkit-border-radius: 999px;
    border-radius: 999px;
    background: #fff;
    -webkit-animation-direction: alternate;
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-name: animoTopiVizInner3;
    -moz-animation-name: animoTopiVizInner3;
    -o-animation-name: animoTopiVizInner3;
    animation-name: animoTopiVizInner3;
    -moz-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -moz-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -moz-animation-direction: alternate;
    -o-animation-direction: alternate;
    animation-direction: alternate;
}

.trajektoreKlasaA {
    position: absolute;
    -moz-animation: animoTrajektorenA 1.4s ease 0s 1 normal forwards running;
    -o-animation: animoTrajektorenA 1.4s ease 0s 1 normal forwards running;
    -webkit-animation: animoTrajektorenA 1.4s ease 0s 1 normal forwards running;
    animation: animoTrajektorenA 1.4s ease 0s 1 normal forwards running;
}

.trajektoreKlasaB {
    position: absolute;
    -moz-animation: animoTrajektorenB 1.4s ease 0s 1 normal forwards running;
    -o-animation: animoTrajektorenB 1.4s ease 0s 1 normal forwards running;
    -webkit-animation: animoTrajektorenB 1.4s ease 0s 1 normal forwards running;
    animation: animoTrajektorenB 1.4s ease 0s 1 normal forwards running;
}

.trajektoreKlasaC {
    position: absolute;
    -moz-animation: animoTrajektorenC 1.4s ease 0s 1 normal forwards running;
    -o-animation: animoTrajektorenC 1.4s ease 0s 1 normal forwards running;
    -webkit-animation: animoTrajektorenC 1.4s ease 0s 1 normal forwards running;
    animation: animoTrajektorenC 1.4s ease 0s 1 normal forwards running;
}

.trajektoreKlasaD {
    position: absolute;
    -moz-animation: animoTrajektorenD 1.4s ease 0s 1 normal forwards running;
    -o-animation: animoTrajektorenD 1.4s ease 0s 1 normal forwards running;
    -webkit-animation: animoTrajektorenD 1.4s ease 0s 1 normal forwards running;
    animation: animoTrajektorenD 1.4s ease 0s 1 normal forwards running;
}

.topiVolejRally {
    -webkit-animation: rallyVolley linear 2s;
    -webkit-animation-iteration-count: infinite;
    -webkit-transform-origin: 100% 0%;
    -moz-animation: rallyVolley linear 2s;
    -moz-animation-iteration-count: infinite;
    -moz-transform-origin: 100% 0%;
    -o-animation: rallyVolley linear 2s;
    -o-animation-iteration-count: infinite;
    -o-transform-origin: 100% 0%;
    animation: rallyVolley linear 2s;
    animation-iteration-count: infinite;
    -ms-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
}


.animoTopi2PHome {
    -moz-animation: animoKosh2HomeX 0.7s infinite cubic-bezier(0.02, -0.3, 0.21, 1);
    -o-animation: animoKosh2HomeX 0.7s infinite cubic-bezier(0.02, -0.3, 0.21, 1);
    -webkit-animation: animoKosh2HomeX 0.7s infinite cubic-bezier(0.02, -0.3, 0.21, 1);
    animation: animoKosh2HomeX 0.7s 1 cubic-bezier(0.02, -0.3, 0.21, 1);
}

.animoTopi2PHome::after {
    display:block;
    content:'';
    width: 2vw;
    height: 2vw;
    background-size: contain;
    background-image: url("/Images/basket_ball.png");
    z-index: 999;
    -moz-animation: animoKoshHomeY 0.7s infinite cubic-bezier(0.3, 2.3, 0, 1.25);
    -o-animation: animoKoshHomeY 0.7s infinite cubic-bezier(0.3, 2.3, 0, 1.25);
    -webkit-animation: animoKoshHomeY 0.7s infinite cubic-bezier(0.3, 2.3, 0, 1.25);
    animation: animoKoshHomeY 0.7s 1 cubic-bezier(0.3, 2.3, 0, 1.25);
}

.animoTopi2PAway {
    -moz-animation: animoKosh2AwayX 0.7s infinite cubic-bezier(0.02, -0.3, 0.21, 1);
    -o-animation: animoKosh2AwayX 0.7s infinite cubic-bezier(0.02, -0.3, 0.21, 1);
    -webkit-animation: animoKosh2AwayX 0.7s infinite cubic-bezier(0.02, -0.3, 0.21, 1);
    animation: animoKosh2AwayX 0.7s 1 cubic-bezier(0.02, -0.3, 0.21, 1);
}

.animoTopi2PAway::after {
    display:block;
    content:'';
    width: 2vw;
    height: 2vw;
    background-size: contain;
    background-image: url("/Images/basket_ball.png");
    z-index: 999;
    -moz-animation: animoKoshHomeY 0.7s infinite cubic-bezier(0.3, 2.3, 0, 1.25);
    -o-animation: animoKoshHomeY 0.7s infinite cubic-bezier(0.3, 2.3, 0, 1.25);
    -webkit-animation: animoKoshHomeY 0.7s infinite cubic-bezier(0.3, 2.3, 0, 1.25);
    animation: animoKoshHomeY 0.7s 1 cubic-bezier(0.3, 2.3, 0, 1.25);
}

.animoTopi3PHome {
    -moz-animation: animoKosh3HomeX 0.7s infinite cubic-bezier(0.02, -0.3, 0.21, 1);
    -o-animation: animoKosh3HomeX 0.7s infinite cubic-bezier(0.02, -0.3, 0.21, 1);
    -webkit-animation: animoKosh3HomeX 0.7s infinite cubic-bezier(0.02, -0.3, 0.21, 1);
    animation: animoKosh3HomeX 0.7s 1 cubic-bezier(0.02, -0.3, 0.21, 1);
}

.animoTopi3PHome::after {
    display:block;
    content:'';
    width: 2vw;
    height: 2vw;
    background-size: contain;
    background-image: url("/Images/basket_ball.png");
    z-index: 999;
    -moz-animation: animoKoshHomeY 0.7s infinite cubic-bezier(0.3, 2.3, 0, 1.25);
    -o-animation: animoKoshHomeY 0.7s infinite cubic-bezier(0.3, 2.3, 0, 1.25);
    -webkit-animation: animoKoshHomeY 0.7s infinite cubic-bezier(0.3, 2.3, 0, 1.25);
    animation: animoKoshHomeY 0.7s 1 cubic-bezier(0.3, 2.3, 0, 1.25);
}

.animoTopi3PAway {
    -moz-animation: animoKosh3AwayX 0.7s infinite cubic-bezier(0.02, -0.3, 0.21, 1);
    -o-animation: animoKosh3AwayX 0.7s infinite cubic-bezier(0.02, -0.3, 0.21, 1);
    -webkit-animation: animoKosh3AwayX 0.7s infinite cubic-bezier(0.02, -0.3, 0.21, 1);
    animation: animoKosh3AwayX 0.7s 1 cubic-bezier(0.02, -0.3, 0.21, 1);
}

.animoTopi3PAway::after {
    display:block;
    content:'';
    width: 2vw;
    height: 2vw;
    background-size: contain;
    background-image: url("/Images/basket_ball.png");
    z-index: 999;
    -moz-animation: animoKoshHomeY 0.7s infinite cubic-bezier(0.3, 2.3, 0, 1.25);
    -o-animation: animoKoshHomeY 0.7s infinite cubic-bezier(0.3, 2.3, 0, 1.25);
    -webkit-animation: animoKoshHomeY 0.7s infinite cubic-bezier(0.3, 2.3, 0, 1.25);
    animation: animoKoshHomeY 0.7s 1 cubic-bezier(0.3, 2.3, 0, 1.25);
}

.pulso {
    -moz-animation-name: animoTopiVizInner2;
    -o-animation-name: animoTopiVizInner2;
    -webkit-animation-direction: alternate;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -moz-animation-timing-function: cubic-bezier(0,0,.115,.99);
    -o-animation-timing-function: cubic-bezier(0,0,.115,.99);
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-name: animoTopiVizInner2;
    animation-name: animoTopiVizInner2;
    -webkit-animation-timing-function: cubic-bezier(0,0,.115,.99);
    animation-timing-function: cubic-bezier(0,0,.115,.99);
    -moz-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -moz-animation-direction: alternate;
    -o-animation-direction: alternate;
    animation-direction: alternate;
}

@keyframes rallyVolley {
    0% {
        transform: translate(0px,0px) rotate(0deg);
    }

    50% {
        transform: translate(24vw,2vw) rotate(180deg);
    }

    100% {
        transform: translate(0px,0px) rotate(0deg);
    }
}

@-moz-keyframes rallyVolley {
    0% {
        -moz-transform: translate(0px,0px) rotate(0deg);
    }

    50% {
        -moz-transform: translate(24vw,2vw) rotate(180deg);
    }

    100% {
        -moz-transform: translate(0px,0px) rotate(0deg);
    }
}

@-webkit-keyframes rallyVolley {
    0% {
        -webkit-transform: translate(0px,0px) rotate(0deg);
    }

    50% {
        -webkit-transform: translate(24vw,2vw) rotate(180deg);
    }

    100% {
        -webkit-transform: translate(0px,0px) rotate(0deg);
    }
}

@-o-keyframes rallyVolley {
    0% {
        -o-transform: translate(0px,0px) rotate(0deg);
    }

    50% {
        -o-transform: translate(24vw,2vw) rotate(180deg);
    }

    100% {
        -o-transform: translate(0px,0px) rotate(0deg);
    }
}

@-webkit-keyframes animoKosh2HomeX {
    100% {
        -webkit-animation-timing-function: cubic-bezier(0.3, 0.27, 0.07, 1.64);
        -webkit-transform: translateX(12.7vw);
    }
}

@-webkit-keyframes animoKosh2AwayX {
    100% {
        -webkit-animation-timing-function: cubic-bezier(0.3, 0.27, 0.07, 1.64);
        -webkit-transform: translateX(-14vw);
    }
}

@-webkit-keyframes animoKosh3HomeX {
    100% {
        -webkit-animation-timing-function: cubic-bezier(0.3, 0.27, 0.07, 1.64);
        -webkit-transform: translateX(20vw);
    }
}

@-webkit-keyframes animoKosh3AwayX {
    100% {
        -webkit-animation-timing-function: cubic-bezier(0.3, 0.27, 0.07, 1.64);
        -webkit-transform: translateX(-21vw);
    }
}

@-webkit-keyframes animoKoshHomeY {
    1% {
        visibility: visible;
    }
    100% {
        visibility: visible;
        -webkit-animation-timing-function: cubic-bezier(0.02, 0.01, 0.21, 1);
        -webkit-transform: translateY(-7vw);
    }
}

@-moz-keyframes animoKosh2HomeX {
    100% {
        -moz-animation-timing-function: cubic-bezier(0.3, 0.27, 0.07, 1.64);
        -moz-transform: translateX(12.7vw);
    }
}

@-moz-keyframes animoKosh2AwayX {
    100% {
        -moz-animation-timing-function: cubic-bezier(0.3, 0.27, 0.07, 1.64);
        -moz-transform: translateX(-14vw);
    }
}

@-moz-keyframes animoKosh3HomeX {
    100% {
        -moz-animation-timing-function: cubic-bezier(0.3, 0.27, 0.07, 1.64);
        -moz-transform: translateX(20vw);
    }
}

@-moz-keyframes animoKosh3AwayX {
    100% {
        -moz-animation-timing-function: cubic-bezier(0.3, 0.27, 0.07, 1.64);
        -moz-transform: translateX(-21vw);
    }
}

@-moz-keyframes animoKoshHomeY {
    1% {
        visibility: visible;
    }
    100% {
        visibility: visible;
        -moz-animation-timing-function: cubic-bezier(0.02, 0.01, 0.21, 1);
        -moz-transform: translateY(-7vw);
    }
}

@keyframes animoKosh2HomeX {
    100% {
        -moz-animation-timing-function: cubic-bezier(0.3, 0.27, 0.07, 1.64);
        -o-animation-timing-function: cubic-bezier(0.3, 0.27, 0.07, 1.64);
        -webkit-animation-timing-function: cubic-bezier(0.3, 0.27, 0.07, 1.64);
        animation-timing-function: cubic-bezier(0.3, 0.27, 0.07, 1.64);
        -moz-transform: translateX(12.7vw);
        -ms-transform: translateX(12.7vw);
        -o-transform: translateX(12.7vw);
        -webkit-transform: translateX(12.7vw);
        transform: translateX(12.7vw);
    }
}

@keyframes animoKosh2AwayX {
    100% {
        -moz-animation-timing-function: cubic-bezier(0.3, 0.27, 0.07, 1.64);
        -o-animation-timing-function: cubic-bezier(0.3, 0.27, 0.07, 1.64);
        -webkit-animation-timing-function: cubic-bezier(0.3, 0.27, 0.07, 1.64);
        animation-timing-function: cubic-bezier(0.3, 0.27, 0.07, 1.64);
        -moz-transform: translateX(-14vw);
        -ms-transform: translateX(-14vw);
        -o-transform: translateX(-14vw);
        -webkit-transform: translateX(-14vw);
        transform: translateX(-14vw);
    }
}

@keyframes animoKosh3HomeX {
    100% {
        -moz-animation-timing-function: cubic-bezier(0.3, 0.27, 0.07, 1.64);
        -o-animation-timing-function: cubic-bezier(0.3, 0.27, 0.07, 1.64);
        -webkit-animation-timing-function: cubic-bezier(0.3, 0.27, 0.07, 1.64);
        animation-timing-function: cubic-bezier(0.3, 0.27, 0.07, 1.64);
        -moz-transform: translateX(20vw);
        -ms-transform: translateX(20vw);
        -o-transform: translateX(20vw);
        -webkit-transform: translateX(20vw);
        transform: translateX(20vw);
    }
}

@keyframes animoKosh3AwayX {
    100% {
        -moz-animation-timing-function: cubic-bezier(0.3, 0.27, 0.07, 1.64);
        -o-animation-timing-function: cubic-bezier(0.3, 0.27, 0.07, 1.64);
        -webkit-animation-timing-function: cubic-bezier(0.3, 0.27, 0.07, 1.64);
        animation-timing-function: cubic-bezier(0.3, 0.27, 0.07, 1.64);
        -moz-transform: translateX(-21vw);
        -ms-transform: translateX(-21vw);
        -o-transform: translateX(-21vw);
        -webkit-transform: translateX(-21vw);
        transform: translateX(-21vw);
    }
}

@keyframes animoKoshHomeY {
    1% {
        visibility: visible;
    }
    100% {
        visibility: visible;
        -moz-animation-timing-function: cubic-bezier(0.02, 0.01, 0.21, 1);
        -o-animation-timing-function: cubic-bezier(0.02, 0.01, 0.21, 1);
        -webkit-animation-timing-function: cubic-bezier(0.02, 0.01, 0.21, 1);
        animation-timing-function: cubic-bezier(0.02, 0.01, 0.21, 1);
        -moz-transform: translateY(-7vw);
        -ms-transform: translateY(-7vw);
        -o-transform: translateY(-7vw);
        -webkit-transform: translateY(-7vw);
        transform: translateY(-7vw);
    }
}

@-webkit-keyframes bounce-in {
    0% {
        opacity: 0;
        -webkit-transform: scale(.3);
        -moz-transform: scale(.3);
        -ms-transform: scale(.3);
        -o-transform: scale(.3);
        transform: scale(.3);
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(1.0);
        transform: scale(1.0);
    }

    70% {
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes bounce-in {
    0% {
        opacity: 0;
        transform: scale(.3);
    }

    50% {
        opacity: 1;
        transform: scale(1.0);
    }

    70% {
        transform: scale(0.9);
    }

    100% {
        transform: scale(1);
    }
}

@keyframes animoTopiVizInner1 {
    0% {
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0);
    }

    50% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }

    to {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes animoTopiVizInner2 {
    0% {
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0);
    }

    15% {
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0);
    }

    70% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }

    to {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes animoTopiVizInner3 {
    0% {
        -webkit-transform: scale(.5);
        -moz-transform: scale(.5);
        -ms-transform: scale(.5);
        -o-transform: scale(.5);
        transform: scale(.5);
    }

    to {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
}

@-webkit-keyframes animoTrajektorenA {
    0% {
        -webkit-transform: scale(0);
        -webkit-transform-origin: 100% 0% 0px;
    }

    50% {
        -webkit-transform: scale(0.5);
        -webkit-transform-origin: 0% 100% 0px;
    }

    to {
        -webkit-transform: scale(0);
        -webkit-transform-origin: 0% 100% 0px;
    }
}

@-webkit-keyframes animoTrajektorenB {
    0% {
        -webkit-transform: scale(0);
        -webkit-transform-origin: 0% 100% 0px;
    }

    50% {
        -webkit-transform: scale(0.5);
        -webkit-transform-origin: 100% 0% 0px;
    }

    to {
        -webkit-transform: scale(0);
        -webkit-transform-origin: 100% 0% 0px;
    }
}

@-webkit-keyframes animoTrajektorenC {
    0% {
        -webkit-transform: scale(0);
        -webkit-transform-origin: 0% 0% 0px;
    }

    50% {
        -webkit-transform: scale(0.5);
        -webkit-transform-origin: 100% 100% 0px;
    }

    to {
        -webkit-transform: scale(0);
        -webkit-transform-origin: 100% 100% 0px;
    }
}

@-webkit-keyframes animoTrajektorenD {
    0% {
        -webkit-transform: scale(0);
        -webkit-transform-origin: 100% 100% 0px;
    }

    50% {
        -webkit-transform: scale(0.5);
        -webkit-transform-origin: 0% 0% 0px;
    }

    to {
        -webkit-transform: scale(0);
        -webkit-transform-origin: 0% 0% 0px;
    }
}

@-moz-keyframes animoTrajektorenA {
    0% {
        -moz-transform: scale(0);
        -moz-transform-origin: 100% 0% 0px;
    }

    50% {
        -moz-transform: scale(0.5);
        -moz-transform-origin: 0% 100% 0px;
    }

    to {
        -moz-transform: scale(0);
        -moz-transform-origin: 0% 100% 0px;
    }
}

@-moz-keyframes animoTrajektorenB {
    0% {
        -moz-transform: scale(0);
        -moz-transform-origin: 0% 100% 0px;
    }

    50% {
        -moz-transform: scale(0.5);
        -moz-transform-origin: 100% 0% 0px;
    }

    to {
        -moz-transform: scale(0);
        -moz-transform-origin: 100% 0% 0px;
    }
}

@-moz-keyframes animoTrajektorenC {
    0% {
        -moz-transform: scale(0);
        -moz-transform-origin: 0% 0% 0px;
    }

    50% {
        -moz-transform: scale(0.5);
        -moz-transform-origin: 100% 100% 0px;
    }

    to {
        -moz-transform: scale(0);
        -moz-transform-origin: 100% 100% 0px;
    }
}

@-moz-keyframes animoTrajektorenD {
    0% {
        -moz-transform: scale(0);
        -moz-transform-origin: 100% 100% 0px;
    }

    50% {
        -moz-transform: scale(0.5);
        -moz-transform-origin: 0% 0% 0px;
    }

    to {
        -moz-transform: scale(0);
        -moz-transform-origin: 0% 0% 0px;
    }
}

@keyframes animoTrajektorenA {
    0% {
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        -webkit-transform: scale(0);
        transform: scale(0);
        -moz-transform-origin: 100% 0% 0px;
        -ms-transform-origin: 100% 0% 0px;
        -o-transform-origin: 100% 0% 0px;
        -webkit-transform-origin: 100% 0% 0px;
        transform-origin: 100% 0% 0px;
    }

    50% {
        -moz-transform: scale(0.5);
        -ms-transform: scale(0.5);
        -o-transform: scale(0.5);
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
        -moz-transform-origin: 0% 100% 0px;
        -ms-transform-origin: 0% 100% 0px;
        -o-transform-origin: 0% 100% 0px;
        -webkit-transform-origin: 0% 100% 0px;
        transform-origin: 0% 100% 0px;
    }

    to {
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        -webkit-transform: scale(0);
        transform: scale(0);
        -moz-transform-origin: 0% 100% 0px;
        -ms-transform-origin: 0% 100% 0px;
        -o-transform-origin: 0% 100% 0px;
        -webkit-transform-origin: 0% 100% 0px;
        transform-origin: 0% 100% 0px;
    }
}

@keyframes animoTrajektorenB {
    0% {
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        -webkit-transform: scale(0);
        transform: scale(0);
        -moz-transform-origin: 0% 100% 0px;
        -ms-transform-origin: 0% 100% 0px;
        -o-transform-origin: 0% 100% 0px;
        -webkit-transform-origin: 0% 100% 0px;
        transform-origin: 0% 100% 0px;
    }

    50% {
        -moz-transform: scale(0.5);
        -ms-transform: scale(0.5);
        -o-transform: scale(0.5);
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
        -moz-transform-origin: 100% 0% 0px;
        -ms-transform-origin: 100% 0% 0px;
        -o-transform-origin: 100% 0% 0px;
        -webkit-transform-origin: 100% 0% 0px;
        transform-origin: 100% 0% 0px;
    }

    to {
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        -webkit-transform: scale(0);
        transform: scale(0);
        -moz-transform-origin: 100% 0% 0px;
        -ms-transform-origin: 100% 0% 0px;
        -o-transform-origin: 100% 0% 0px;
        -webkit-transform-origin: 100% 0% 0px;
        transform-origin: 100% 0% 0px;
    }
}

@keyframes animoTrajektorenC {
    0% {
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        -webkit-transform: scale(0);
        transform: scale(0);
        -moz-transform-origin: 0% 0% 0px;
        -ms-transform-origin: 0% 0% 0px;
        -o-transform-origin: 0% 0% 0px;
        -webkit-transform-origin: 0% 0% 0px;
        transform-origin: 0% 0% 0px;
    }

    50% {
        -moz-transform: scale(0.5);
        -ms-transform: scale(0.5);
        -o-transform: scale(0.5);
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
        -moz-transform-origin: 100% 100% 0px;
        -ms-transform-origin: 100% 100% 0px;
        -o-transform-origin: 100% 100% 0px;
        -webkit-transform-origin: 100% 100% 0px;
        transform-origin: 100% 100% 0px;
    }

    to {
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        -webkit-transform: scale(0);
        transform: scale(0);
        -moz-transform-origin: 100% 100% 0px;
        -ms-transform-origin: 100% 100% 0px;
        -o-transform-origin: 100% 100% 0px;
        -webkit-transform-origin: 100% 100% 0px;
        transform-origin: 100% 100% 0px;
    }
}

@keyframes animoTrajektorenD {
    0% {
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        -webkit-transform: scale(0);
        transform: scale(0);
        -moz-transform-origin: 100% 100% 0px;
        -ms-transform-origin: 100% 100% 0px;
        -o-transform-origin: 100% 100% 0px;
        -webkit-transform-origin: 100% 100% 0px;
        transform-origin: 100% 100% 0px;
    }

    50% {
        -moz-transform: scale(0.5);
        -ms-transform: scale(0.5);
        -o-transform: scale(0.5);
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
        -moz-transform-origin: 0% 0% 0px;
        -ms-transform-origin: 0% 0% 0px;
        -o-transform-origin: 0% 0% 0px;
        -webkit-transform-origin: 0% 0% 0px;
        transform-origin: 0% 0% 0px;
    }

    to {
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        -webkit-transform: scale(0);
        transform: scale(0);
        -moz-transform-origin: 0% 0% 0px;
        -ms-transform-origin: 0% 0% 0px;
        -o-transform-origin: 0% 0% 0px;
        -webkit-transform-origin: 0% 0% 0px;
        transform-origin: 0% 0% 0px;
    }
}

@-moz-keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        -moz-transform: translateY(0);
    }

    40% {
        -moz-transform: translateY(-3vw);
    }

    60% {
        -moz-transform: translateY(-1.5vw);
    }
}

@-ms-keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        -ms-transform: translateY(0);
    }

    40% {
        -ms-transform: translateY(-3vw);
    }

    60% {
        -ms-transform: translateY(-1.5vw);
    }
}

@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        transform: translateY(0);
    }

    40% {
        transform: translateY(-3vw);
    }

    60% {
        transform: translateY(-1.5vw);
    }
}

/*Progresi*/
#myProgress {
    position: relative;
    left: 0;
    width: 100%;
    height: 8px;
    background-color: #585858;
}

#myBar {
    position: absolute;
    top: 3px;
    height: 30%;
    background-color: #1e9ac3;
}

#HT {
    position: absolute;
    left: 50%;
    width: 8vw;
    height: 22px;
    -moz-border-radius: 0px 0px 10px 10px;
    -webkit-border-radius: 0px 0px 10px 10px;
    border-radius: 0px 0px 10px 10px;
    background: #585858;
    color: deepskyblue;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
    opacity: 0.75;
    cursor: pointer;
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

/*Bari Larte*/
#LivestreamFrameContainer {
    border: 1px solid #474747;
    background: #333;
}

.visual_tv_result_header {
    margin: 4px;
    width: 100%;
    height: 24px;
    color: #fff;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

.tv_header {
    position: relative;
    display: inline-block;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: calc(50% - 7px);
    height: 100%;
    color: #fff;
    line-height: 24px;
}

.tv_span_left {
    position: absolute;
    left: 6px;
}

.tv_span_right {
    position: absolute;
    right: 6px;
}

.minuta_fushe_mbajtes {
    position: absolute;
    left: 0px;
    z-index: 999;
    display: inline-block;
    width: 100%;
    background: transparent;
    text-align: center;
}

.minute_fushe {
    display: block;
    background: transparent;
}

#minuta_visual {
    position: absolute;
    top: -4px;
    left: 50%;
    padding: 0 4px;
    width: 7.5%;
    height: 16px;
    background: #0b452a;
    color: #4bba82;
    text-align: center;
    font-weight: bold;
    opacity: 1;
    -moz-transform: translate(-50%,0);
    -ms-transform: translate(-50%,0);
    -o-transform: translate(-50%,0);
    -webkit-transform: translate(-50%,0);
    transform: translate(-50%,0);
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

/*Statistika*/

#statistika {
    -moz-transition: all 2s;
    -o-transition: all 2s;
    -webkit-transition: all 2s;
    transition: all 2s;
}

.chartStats1 {
    height: 18vw;
    margin-top: 10px;
    display: inline-block;
}

.chartStatsHidden {
    display:none;
}

#attacksChart, #dangerousAttacks, #possesionsStats, #possessionChart {
    width: 10vw;
    height: 10vw;
    display: inline-block;
}

.statsTitles {
    display: table;
    table-layout: fixed;
    width: 100%;
    text-align: center;
    margin-bottom: 5px;
}

.statsTitle {
    display: table-cell;
    vertical-align: middle;
    font-size: 2vw;
    font-family: Verdana,Geneva,Arial,sans-serif;
    line-height: 2vw;
    color: #999;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

.allStatsCharts {
    display: table;
    table-layout: fixed;
    width: 100%;
    margin-top: -9px;
}

.statsChartsColumn {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    position: relative;
}

.statTeam1Text, .statTeam2Text {
    display: inline-block;
    line-height: 3vw;
    font-size: 3vw;
    color: #ddd;
    position: absolute;
    top: calc(50% - 1.5vw);
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

.statTeam1Text {
    left: 15%;
}

.statTeam2Text {
    right: 15%;
}

.statsBars {
    display: table;
    table-layout: fixed;
    width: 100%;
}

.statsBarsColumn {
    display: table-cell;
    text-align: center;
    position: relative;
}

.statsBarSurround {
    position: relative;
    display: inline-block;
    width: 20vw;
    height: 1vw;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    margin-top: 1vw;
}

.statsBarSurroundSmall {
    position: relative;
    display: inline-block;
    width: 10vw;
    height: 1vw;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    margin-top: 1vw;
}

.chartStats2 {
    -moz-transition-property: padding-bottom;
    -o-transition-property: padding-bottom;
    -webkit-transition-property: padding-bottom;
    transition-property: padding-bottom;
    display: table;
    table-layout: fixed;
    width: 100%;
    padding-bottom: 4vw;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.chartTennisEdge {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: table-cell;
    vertical-align: top;
    padding-top: 1.2vw;
}

.chartTennisMiddle {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -moz-transition-property: width;
    -o-transition-property: width;
    -webkit-transition-property: width;
    transition-property: width;
    display: table-cell;
    vertical-align: top;
    padding-top: 1.2vw;
    width: 70vw;
}

.chartTennisStaticText {
    -moz-transition-property: font-size, line-height;
    -o-transition-property: font-size, line-height;
    -webkit-transition-property: font-size, line-height;
    transition-property: font-size, line-height;
    display: inline-block;
    vertical-align: top;
    color: #ddd;
    min-width: 7vw;
    padding: 0 3vw 0.8vw;
    border-bottom: 0.5vw solid #fff;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 3vw;
    font-size: 2.8vw;
    margin-bottom: 1.4vw;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

.chartTennisStatHeader {
    -moz-transition-property: font-size, line-height;
    -o-transition-property: font-size, line-height;
    -webkit-transition-property: font-size, line-height;
    transition-property: font-size, line-height;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: block;
    color: #999;
    text-align: center;
    /*white-space: nowrap;*/
    overflow: hidden;
    line-height: 3.5vw;
    font-size: 2.5vw;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

.chartTennisStatbar {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -moz-transition-property: margin-bottom;
    -o-transition-property: margin-bottom;
    -webkit-transition-property: margin-bottom;
    transition-property: margin-bottom;
    display: inline-block;
    width: 50%;
    margin-bottom: 1vw;
    padding: 0 2.5vw;
}

.chartTennisBox {
    text-align: center;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    font-size: 0;
}

.chartTennisBarB {
    -moz-transition-property: font-size,line-height,width;
    -o-transition-property: font-size,line-height,width;
    -webkit-transition-property: font-size,line-height,width;
    transition-property: font-size,line-height,width;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    font-weight: 400;
    color: #ddd;
    line-height: 3vw;
    font-size: 2.8vw;
    width: 30vw;
    padding-bottom: 1vw!important;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

.chartTennisSurround {
    overflow: hidden;
    color: rgb(102, 102, 102);
    -moz-border-radius: 0.2vw;
    -webkit-border-radius: 0.2vw;
    border-radius: 0.2vw;
    height: 0.6vw;
    width: 30vw;
    vertical-align: top;
    display: inline-block;
    -moz-transition-property: width;
    -o-transition-property: width;
    -webkit-transition-property: width;
    transition-property: width;
    background-color: currentColor;
}

.chartTennisFill {
    height: 0.6vw;
    display: block;
    background-color: currentColor;
    -moz-transition: all 2s;
    -o-transition: all 2s;
    -webkit-transition: all 2s;
    transition: all 2s;
}

.statsBarFill {
    position: absolute;
    display: block;
    height: 100%;
    border-right: 1px solid #393939;
    -webkit-border-top-left-radius: 2px;
    border-top-left-radius: 2px;
    -webkit-border-bottom-left-radius: 2px;
    border-bottom-left-radius: 2px;
    z-index: 20;
    -webkit-border-top-right-radius: 0px;
    border-top-right-radius: 0px;
    -webkit-border-bottom-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

.statsBarFillRight {
    position: absolute;
    display: block;
    height: 100%;
    border-right: 1px solid #393939;
    -webkit-border-top-right-radius: 2px;
    border-top-right-radius: 2px;
    -webkit-border-bottom-right-radius: 2px;
    border-bottom-right-radius: 2px;
    z-index: 20;
    -webkit-border-top-left-radius: 2px;
    border-top-left-radius: 0px;
    -webkit-border-bottom-left-radius: 2px;
    border-bottom-left-radius: 0px;
}

.statsBarFillCenter {
    position: absolute;
    display: block;
    height: 100%;
    border-right: 1px solid #393939;
    -webkit-border-top-right-radius: 2px;
    border-top-right-radius: 2px;
    -webkit-border-bottom-right-radius: 2px;
    border-bottom-right-radius: 2px;
    z-index: 20;
    -webkit-border-top-left-radius: 2px;
    border-top-left-radius: 2px;
    -webkit-border-bottom-left-radius: 2px;
    border-bottom-left-radius: 2px;
}

.statBarTeam1Text, .statBarTeam2Text {
    display: inline-block;
    line-height: 3vw;
    font-size: 3vw;
    color: #ddd;
    position: absolute;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

.statBarTeam1Text {
    left: 15%;
}

.statBarTeam2Text {
    right: 15%;
}

.chartStats4 {
    -moz-transition-property: padding-bottom;
    -o-transition-property: padding-bottom;
    -webkit-transition-property: padding-bottom;
    transition-property: padding-bottom;
    display: table;
    table-layout: fixed;
    width: 100%;
    padding-bottom: 4vw;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

.rreshtaBasket {
    display: table;
    table-layout: fixed;
    width: 100%;
    text-align: center;
    margin-bottom: 1.3vw;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.kolonaRr1Basket {
    -moz-transition-property: width;
    -o-transition-property: width;
    -webkit-transition-property: width;
    transition-property: width;
    display: table-cell;
    vertical-align: middle;
    width: 17vw;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.kolonaVleraBasket {
    -moz-transition-property: font-size,line-height;
    -o-transition-property: font-size,line-height;
    -webkit-transition-property: font-size,line-height;
    transition-property: font-size,line-height;
    display: inline-block;
    vertical-align: top;
    font-size: 3.5vw;
    line-height: 3.8vw;
    color: #ddd;
    min-width: 9vw;
    border-bottom: .4vw solid;
    padding: 0 .4vw 0.5vw;
    margin-bottom: 1.5vw;
}

.kolonaDescBasket {
    -moz-transition-property: font-size;
    -o-transition-property: font-size;
    -webkit-transition-property: font-size;
    transition-property: font-size;
    display: block;
    font-size: 2.3vw;
    line-height: 2.5vw;
    color: #999;
}

.kolonaRr2Basket {
    -moz-transition-property: padding,width;
    -o-transition-property: padding,width;
    -webkit-transition-property: padding,width;
    transition-property: padding,width;
    display: table-cell;
    vertical-align: bottom;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.timeoutContBasket {
    margin-bottom: .7vw;
    font-size: 0;
}

.counterBoxBasket {
    display: inline-block;
    vertical-align: middle;
    width: .8vw;
    height: .8vw;
    margin: 0 .8vw
}

.goditjeliraWrapper {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 48%;
    display: inline-block;
    margin-bottom: 1vw;
}

.goditjeliraWrapperLeft {
    text-align: right;
    padding-right: .5vw;
}

.goditjeliraWrapperRight {
    text-align: left;
    padding-right: 0;
    padding-left: .5vw;
}

.kolonaGoditjeBasket {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -moz-transition-property: min-width;
    -o-transition-property: min-width;
    -webkit-transition-property: min-width;
    transition-property: min-width;
    display: inline-block;
    min-width: 9vw;
    max-width: 100%;
    text-align: center;
    border-bottom: .4vw solid #fff;
    margin-bottom: .4vw;
    padding: 0 .6vw .5vw;
}

.goditjeTextBasket {
    line-height: 3.8vw;
    font-size: 3.5vw;
}

.goditjePerqBasket {
    display: unset;
    margin-left: .5vw;
}

.ngjyraHomeBorder {
}

.ngjyraAwayBorder {
}

.ngjyraHomeBack {
}

.ngjyraAwayBack {
}

.chartStats3 {
    -moz-transition-property: padding-bottom;
    -o-transition-property: padding-bottom;
    -webkit-transition-property: padding-bottom;
    transition-property: padding-bottom;
    display: table;
    table-layout: fixed;
    width: 100%;
    padding-bottom: 4vw;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    text-align: center
}

.allStatsChartsVolej {
    display: table;
    table-layout: fixed;
    width: 100%;
    margin-top: -9px;
    padding-top: 1.6vw;
}

.inlinePite {
    width: 15vw;
    height: 15vw;
    display: inline-block;
}

.chartStats9 {
    -moz-transition-property: padding-bottom;
    -o-transition-property: padding-bottom;
    -webkit-transition-property: padding-bottom;
    transition-property: padding-bottom;
    display: table;
    table-layout: fixed;
    width: 100%;
    padding-bottom: 4vw;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

.allStatsChartshand {
    display: table-cell;
    -moz-transition-property: padding, width;
    -o-transition-property: padding, width;
    -webkit-transition-property: padding, width;
    transition-property: padding, width;
    text-align: center;
    vertical-align: middle;
}

.handStatL10 {
    -moz-transition-property: line-height,padding-bottom,margin-bottom;
    -o-transition-property: line-height,padding-bottom,margin-bottom;
    -webkit-transition-property: line-height,padding-bottom,margin-bottom;
    transition-property: line-height,padding-bottom,margin-bottom;
    display: inline-block;
    vertical-align: top;
    font-size: 6vw;
    line-height: 7vw;
    color: #ddd;
    min-width: 3.2vw;
    padding: 0 2.5vw .7vw;
    border-bottom: .8vw solid #fff;
    margin-bottom: .5vw;
}

.handStatsDesc {
    -moz-transition-property: line-height;
    -o-transition-property: line-height;
    -webkit-transition-property: line-height;
    transition-property: line-height;
    display: block;
    font-size: 3vw;
    line-height: 3.2vw;
    color: #999;
    margin-top: 2vw;
}

.handStatsDescCenter {
    text-align: center;
    font-size: 2.5vw;
    color: #999;
    line-height: 2.8vw;
    white-space: normal;
    min-height: 2.8vw;
    padding-top: 1vw;
}

.handStatsTopiNmes {
    display: table;
    table-layout: fixed;
    width: 100%;
    margin-bottom: 1vw;
}

.handStatsVleraTopi
{
    display: inline-block;
    vertical-align: middle;
    font-size: 2.8vw;
    line-height: 3vw;
    color: #ddd;
}