/*
 *  Speedtest.pl APP Graphic
 */

/*

#speedtest {
    width: 1216px;
    height: 849px;
    position: relative;
    font-family: Arial;
}

*/

#speedtest #loader {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1000;    
}
#speedtest #loader .spinner {
    margin: 30px auto 0px auto;
    width: 100px;
    height: 25px;
    text-align: center;
    font-size: 1.0vw;
    line-height: 100%;
}
#speedtest #loader .text {
    margin-top: 250px;
    text-align: center;
    color: #ffffff;
    font-size: 20px;
}
#speedtest #loader .spinner > div {
    background-color: #fff;
    width: 7.5%;
    height: 100%;
    display: inline-block;
    animation: sk-stretchdelay 1.2s infinite ease-in-out;
}
#speedtest #loader .spinner .rect2 {
    animation-delay: -1.1s;
}
#speedtest #loader .spinner .rect3 {
    animation-delay: -1.0s;
}
#speedtest #loader .spinner .rect4 {
    animation-delay: -0.9s;
}
#speedtest #loader .spinner .rect5 {
    animation-delay: -0.8s;
}
#speedtest #loader .spinner .rect6 {
    animation-delay: -0.7s;
}
#speedtest #loader .spinner .rect7 {
    animation-delay: -0.6s;
}
@keyframes sk-stretchdelay {
    0%, 40%, 100% { 
      transform: scaleY(0.4);
    }  20% { 
      transform: scaleY(1.0);
    }
}
#speedtest #tester {
    display: none;
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 2000;
}
#speedtest #bg {
    width: 100%;
    height: 100%;
    position: relative;
    top: 0;
    left: 0;
    background: transparent url(img/bg.jpg?nc=6) scroll no-repeat 0 0;
    background-size: 100% 100%;
    z-index: 2000;
}
#speedtest #tester #clientInfo {
    width: 19.269736842105264%;
    height: 10.011778563015312%;
    position: absolute;
    top: 7.456606%;
    left: 12.993421052631579%;
    text-align: left;
    color: #ffffff;
    font-size: 0.65vw;
    text-shadow: 2px 2px 3px #000000;
}
#speedtest #tester #clientInfo .isp {
}
#speedtest #tester #clientInfo .org {
}
#speedtest #tester #clientInfo .ip {
}
#speedtest #tester #serverInfo {
    width: 17.269736842105264%;
    height: 10.011778563015312%;
    position: absolute;
    top: 7.998065959952886%;
    left: 68.09210526315789%;
    text-align: right;
    color: #ffffff;
    font-size: 0.60vw;
    text-shadow: 2px 2px 3px #000000;
}
#speedtest #tester #serverInfo .serverTitle {
}
#speedtest #tester #serverInfo .serverInfo {
}
#speedtest #tester .progress {
    
}
#speedtest #tester .progress .indicator {
    position: absolute;
    z-index: 4000;
    background: transparent url(img/ind_main.png) scroll no-repeat 0 0;
    background-size: contain;
    transform-origin: 50% 82%;
    transform: rotate(-120deg);
}
#speedtest #tester .progress .cover {
    position: absolute;
    z-index: 5000;
    background: transparent url(img/cover_main.png) scroll no-repeat 0 0;
    background-size: contain;
}
#speedtest #tester #downloadInd {
    width: 16.44736842105263%;
    height: 21.20141342756184%;
    position: absolute;
    top: 38.044758539458186%;
    left: 11.348684210526315%;
}
#speedtest #tester #downloadInd .glow {
    width: 88.5%;
    height: 98.33333333333333%;
    position: absolute;
    top: 0%;
    left: 5%;
	display: none;
	/* ROTATE */
}
#speedtest #tester #downloadInd .glow svg {
    width: 100%;
    height: 100%;
}
#speedtest #tester #downloadInd .glow svg #download-mask-image {
    width: 100%;
    height: 100%;
}
#speedtest #tester #downloadInd .glow svg #download-mask-img {
    width: 63.27683615819209%;
    height: 127.11864406779661%;
    transform: rotate(-124deg);
    transform-origin: 100% 50%;
}
#speedtest #tester #downloadInd .progress .indicator {
    width: 10%;
    height: 84.44444444444444%;
    top: -5.555555555555555%;
    left: 59.5%;
}
#speedtest #tester #downloadInd .progress .cover {
    width: 16%;
    height: 17.77777777777778%;
    top: 55%;
    left: 56.5%;
}
#speedtest #tester #mainInd {
    width: 32.401315789473685%;
    height: 47.11425206124853%;
    position: absolute;
    top: 25.91283863368669%;
    left: 33.7171052631579%;
}
#speedtest #tester #mainInd .glow-left {
    width: 45.93908629441624%;
    height: 68.75%;
    position: absolute;
    top: 5.25%;
    left: 4.822335025380711%;
	display: none;
	/* ROTATE */
}
#speedtest #tester #mainInd .glow-left svg {
    width: 100%;
    height: 100%;
}
#speedtest #tester #mainInd .glow-left svg #main-left-mask-image {
    width: 100%;
    height: 100%;
}
#speedtest #tester #mainInd .glow-left svg #main-left-mask-img {
    width: 98.34254143646409%;
    height: 129.8181818181818%;
    transform: rotate(-122deg);
    transform-origin: 100% 50%;
}
#speedtest #tester #mainInd .glow-right {
    width: 45.93908629441624%;
    height: 68.75%;
    position: absolute;
    top: 5.25%;
    left: 50%;
	display: none;
	/* ROTATE */
}
#speedtest #tester #mainInd .glow-right svg {
    width: 100%;
    height: 100%;
}
#speedtest #tester #mainInd .glow-right svg #main-right-mask-image {
    width: 100%;
    height: 100%;
}
#speedtest #tester #mainInd .glow-right svg #main-right-mask-img {
    width: 98.34254143646409%;
    height: 129.8181818181818%;
    transform: rotate(-180deg);
    transform-origin: 0% 50%;
}
#speedtest #tester #mainInd .progress .indicator {
    width: 7.614213197969543%;
    height: 59.75%;
    top: 1.5%;
    left: 46.44670050761421%;
}
#speedtest #tester #mainInd .progress .cover {
    width: 12.436548223350254%;
    height: 12.25%;
    top: 44.5%;
    left: 44.16243654822335%;
}
#speedtest #tester #uploadInd {
    width: 16.44736842105263%;
    height: 21.20141342756184%;
    position: absolute;
    top: 38.16254416961131%;
    left: 72.69736842105263%;
}
#speedtest #tester #uploadInd .glow {
    width: 88.5%;
    height: 98.33333333333333%;
    position: absolute;
    top: 0%;
    left: 5.9%;
	display: none;
	/* ROTATE */
}
#speedtest #tester #uploadInd .glow svg {
    width: 100%;
    height: 100%;
}
#speedtest #tester #uploadInd .glow svg #upload-mask-image {
    width: 100%;
    height: 100%;
}
#speedtest #tester #uploadInd .glow svg #upload-mask-img {
    width: 65.27683615819209%;
    height: 127.11864406779661%;
    transform: rotate(-55deg);
    transform-origin: 100% 50%;
}
#speedtest #tester #uploadInd .progress .indicator {
    width: 10%;
    height: 84.44444444444444%;
    top: -3.888888888888889%;
    left: 30.5%;
    transform: rotate(121deg);
}
#speedtest #tester #uploadInd .progress .cover {
    width: 16%;
    height: 17.77777777777778%;
    top: 55%;
    left: 26.5%;
}
#speedtest #tester #start {
    display: block;
    width: 18.75%;
    height: 26.85512367491166%;
    position: absolute;
    top: 54.53474676089517%;
    left: 40.78947368421053%;
    background: transparent url(img/start.png) scroll no-repeat 0 0;
    background-size: 100% 100%;
}
#speedtest #tester #start:hover {
    background: transparent url(img/start_hover.png) scroll no-repeat 0 0;
    background-size: 100% 100%;
}
#speedtest #tester #downloadResult {
    width: 7.565789473684211%;
    height: 7.773851590106007%;
    position: absolute;
    top: 67.02002355712602%;
    left: 17.1875%;
    text-align: center;
    color: #00E1FF;
    font-size: 1.05vw;
    line-height: 200%;
}
#speedtest #tester #latencyResult {
    width: 7.565789473684211%;
    height: 7.773851590106007%;
    position: absolute;
    top: 67.02002355712602%;
    left: 46.29934210526316%;
    background: transparent url(img/latency_back.png) scroll no-repeat 0 0;
	background-size: contain;
    text-align: center;
    color: #00E1FF;
    font-size: 1.05vw;
    line-height: 200%;
}
#speedtest #tester #uploadResult {
    width: 7.565789473684211%;
    height: 7.773851590106007%;
    position: absolute;
    top: 67.02002355712602%;
    left: 75.49342105263158%;
    text-align: center;
    color: #00E1FF;
    font-size: 1.05vw;
    line-height: 200%;
}
#speedtest #tester #status {
    width: 13.898026315789474%;
    height: 6.478209658421672%;
    position: absolute;
    top: 82.8032979976443%;
    left: 43.75%;
    text-align: center;
	font-size: 0.9vw;
}
#speedtest #tester #status .info {
    color: #00C9FF;
}
#speedtest #tester #status .method {
    color: #ffffff;
}
#speedtest #resultshtml5 {
    display: none;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: transparent url(img/results.jpg?nc=4) scroll no-repeat 0 0;
    background-size: 100% 100%;
    z-index: 4000;
}
#speedtest #resultshtml5 #latencyResult2 {
    width: 11.101973684210526%;
    height: 5.889281507656066%;
    position: absolute;
    top: 12.131919905771495%;
    left: 40.87171052631579%;
    text-align: center;
    color: #004DA3;
    font-weight: bold;
    font-size: 1.55vw;
    line-height: 180%;
}
#speedtest #resultshtml5 #latencyDesc {
    width: 4.5230263157894735%;
    height: 4.122497055359246%;
    position: absolute;
    top: 15.312131919905772%;
    left: 52.63157894736842%;
    text-align: center;
    color: #2D86D8;
    font-size: 1.15vw;
}
#speedtest #resultshtml5 #downloadResult2 {
    width: 11.101973684210526%;
    height: 5.889281507656066%;
    position: absolute;
    top: 12.131919905771495%;
    left: 60.69078947368421%;
    text-align: center;
    color: #004DA3;
    font-weight: bold;
    font-size: 1.55vw;
    line-height: 180%;
}
#speedtest #resultshtml5 #downloadDesc {
    width: 4.5230263157894735%;
    height: 4.122497055359246%;
    position: absolute;
    top: 15.312131919905772%;
    left: 72.45065789473684%;
    text-align: center;
    color: #2D86D8;
    font-size: 1.15vw;
}
#speedtest #resultshtml5 #uploadResult2 {
    width: 11.101973684210526%;
    height: 5.889281507656066%;
    position: absolute;
    top: 12.131919905771495%;
    left: 80.34539473684211%;
    text-align: center;
    color: #004DA3;
    font-weight: bold;
    font-size: 1.55vw;
    line-height: 180%;
}
#speedtest #resultshtml5 #uploadDesc {
    width: 4.5230263157894735%;
    height: 4.122497055359246%;
    position: absolute;
    top: 15.312131919905772%;
    left: 92.35197368421052%;
    text-align: center;
    color: #2D86D8;
    font-size: 1.15vw;
}
#speedtest #resultshtml5 #ispResult {
    width: 41.11842105263158%;
    height: 2.3557126030624262%;
    position: absolute;
    top: 22.968197879858657%;
    left: 40.70723684210526%;
    text-align: right;
    font-size: 0.7vw;
}
#speedtest #resultshtml5 #orgResult {
    width: 41.11842105263158%;
    height: 2.3557126030624262%;
    position: absolute;
    top: 26.61955241460542%;
    left: 40.70723684210526%;
    text-align: right;
    font-size: 0.7vw;
}
#speedtest #resultshtml5 #ipResult {
    width: 41.11842105263158%;
    height: 2.3557126030624262%;
    position: absolute;
    top: 30.035335689045937%;
    left: 40.70723684210526%;
    text-align: right;
    font-size: 0.7vw;
}
#speedtest #resultshtml5 .infoResults .desc {
    width: 10%;
    position: absolute;
    top: 0%;
    left: 0%;
    color: #25BBF7;
}
#speedtest #resultshtml5 .infoResults .value {
    position: absolute;
    top: 0%;
    left: 13%;
    color: #FFFFFF;
}
#speedtest #resultshtml5 #shareInfo {
    width: 32.89473684210526%;
    height: 5.889281507656066%;
    position: absolute;
    top: 37.45583038869258%;
    left: 43.99671052631579%;
    text-align: left;
    color: #ffffff;
    font-size: 0.8vw;
}
#speedtest #resultshtml5 #fbBtn {
    display: block;
    width: 16.85855263157895%;
    height: 5.535924617196702%;
    position: absolute;
    top: 43.580683156654885%;
    left: 41.11842105263158%;
    text-align: center;
    color: #ffffff;
    font-size: 0.85vw;
    text-decoration: none;
    line-height: 200%;
    background: transparent url(img/sharef_normal.png) scroll no-repeat 0 0;
    background-size: 100% 100%;
}
#speedtest #resultshtml5 #fbBtn:hover {
    background: transparent url(img/sharef_hover.png) scroll no-repeat 0 0;
	background-size: 100% 100%;
}
#speedtest #resultshtml5 #fbBtn span {
    padding-left: 14.634146341463415%;
}
#speedtest #resultshtml5 #gpBtn {
    display: block;
    width: 16.85855263157895%;
    height: 5.535924617196702%;
    position: absolute;
    top: 43.580683156654885%;
    left: 58.38815789473684%;
    text-align: center;
    color: #ffffff;
    font-size: 0.85vw;
    text-decoration: none;
    line-height: 200%;
    background: transparent url(img/shareg_normal.png) scroll no-repeat 0 0;
    background-size: 100% 100%;
}
#speedtest #resultshtml5 #gpBtn:hover {
    background: transparent url(img/shareg_hover.png) scroll no-repeat 0 0;
	background-size: 100% 100%;
}
#speedtest #resultshtml5 #gpBtn span {
    padding-left: 14.634146341463415%;
}
#speedtest #resultshtml5 #restartBtn {
    display: block;
    width: 17.023026315789473%;
    height: 9.77620730270907%;
    position: absolute;
    top: 58.89281507656066%;
    left: 39.63815789473684%;
    text-align: center;
    color: #ffffff;
    font-size: 1.15vw;
    font-weight: bold;
    text-decoration: none;
    line-height: 300%;
    background: transparent url(img/restart_normal.png) scroll no-repeat 0 0;
    background-size: 100% 100%;
}
#speedtest #resultshtml5 #restartBtn:hover {
    background: transparent url(img/restart_hover.png) scroll no-repeat 0 0;
	background-size: 100% 100%;
}
#speedtest #resultshtml5 #voteBtn {
    display: block;
    width: 16.85855263157895%;
    height: 9.77620730270907%;
    position: absolute;
    top: 58.89281507656066%;
    left: 57.56578947368421%;
    text-align: center;
    color: #ffffff;
    font-size: 1vw;
    text-decoration: none;
    line-height: 160%;
    background: transparent url(img/isprate_normal.png) scroll no-repeat 0 0;
    background-size: 100% 100%;
}
#speedtest #resultshtml5 #voteBtn .info {
    font-size: 0.7vw;
}
#speedtest #resultshtml5 #voteBtn .voteHover {
    background: transparent url(img/isprate_star.png) scroll no-repeat 0 0;
	background-size: 100% 100%;
}
#speedtest #resultshtml5 #voteBtn #vote1 {
    display: block;
    width: 19.51219512195122%;
    height: 48.19277108433735%;
    position: absolute;
    top: 30.120481927710845%;
    left: 4.390243902439025%;
}
#speedtest #resultshtml5 #voteBtn #vote2 {
    display: block;
    width: 19.51219512195122%;
    height: 48.19277108433735%;
    position: absolute;
    top: 30.120481927710845%;
    left: 22.4390243902439%;
}
#speedtest #resultshtml5 #voteBtn #vote3 {
    display: block;
    width: 19.51219512195122%;
    height: 48.19277108433735%;
    position: absolute;
    top: 30.120481927710845%;
    left: 39.51219512195122%;
}
#speedtest #resultshtml5 #voteBtn #vote4 {
    display: block;
    width: 19.51219512195122%;
    height: 48.19277108433735%;
    position: absolute;
    top: 30.120481927710845%;
    left: 56.58536585365854%;
}
#speedtest #resultshtml5 #voteBtn #vote5 {
    display: block;
    width: 19.51219512195122%;
    height: 48.19277108433735%;
    position: absolute;
    top: 30.120481927710845%;
    left: 73.65853658536585%;
}