body, div, table, tr, td, h1, h2, h3, h4, h5, p{padding:0;outline:0;margin:0;font-family:Roboto;font-family: 'Arial';color:#192c50;}
body{background:#192c50;}

/* body:after{
      content:""; position:fixed;top:0;height:100vh;left:0;right:0;z-index:-1; 
	  background: url('hole10.jpg') center center; 
	  -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;
}
*/

a{color:#192c50;text-decoration:underline;font-weight:normal;}
a:hover{color:#192c50;text-decoration:underline;}
	
@keyframes glowing {
	0% { background-color: #000; }
	50% { background-color: #888;  }
	100% { background-color: #fff; }
}

#container{width:100%;margin:auto;}
#tbl{position:absolute;width:100%;top:0;z-index:100;}
#cup{position:relative;width:98%;margin:0 auto;text-align:right;}
.menu {float:right;height:6vw;margin:2.2vw 5% 0 0;border-radius:10vw;}

#top{display:block;width:98%;margin:0 auto;background:#FFF;opacity:1;height:64vw;margin-bottom:2vw;}

#scores{width:100%;display:block;}
#scores div{width:50%;float:left;height:20vw;display:block;font-size:10vw;line-height:20vw;color:#FFF;font-weight:bold;text-align:center;}

#box{display:none;width:100%;position:fixed;top:0;height:100vh;z-index:800;overflow:scroll;right:0;opacity:1;}
#box-in{display:block;width:98%;margin:0 auto;background:#FFF;opacity:1;height:100vh;}
#box-txt{display:block;padding:2vw 5%;width:90%;background:#FFF;clear:both;}
#box-txt p{margin:2vw 0;clear:both;text-align:center;}
.half{width:50%;height:auto;float:left;}
.header1, .header2{width:100%;height:2vw;line-height:2vw;font-size:1vw;text-transform:uppercase; float:none;vertical-align:bottom;border-bottom:solid 2px #DDD;overflow: hidden;}
.header1 div, .header2 div{display:block;float:left;color:#999;}
.line{width:100%;clear:both;height:4vw;border-bottom:solid 2px #DDD;}
.line div{display:block;float:left;font-size:1vw;}
.h1{height:2vw;}
.h4{height:4vw;line-height:4vw;}
.w4{width:5vw;}
.w3{width:2vw;padding-left:1vw;}
.w1{width:4vw;}
.w14{width:18vw;}
.line img{width:70%;margin:10% 10% 0 0;}
.line h2{font-size:1.5vw; line-height:1.8vw;margin: 0.5vw 0;display: inline-block;}
.line h4{font-size:1.5vw; line-height:4vw;}
.line h2 span{font-size: 0.8vw; line-height: 0; color: #192c50;   display: none;}



	
#logo{width:100%;display:block;}
#logo img{width:50%;float:left;}
#top p{line-height: 2vw;
    font-family: Arial;
    font-size: 1.2vw;
    padding-top: 0;
    clear: both;
    margin: 1vw 8vw;
    float: none;}


h1{font-size:2vw;font-weight:bold;line-height:2.3vw;text-align:center;font-family: 'Arial';text-transform:uppercase;margin-top:1vw;color:#DDD;}
h1 span{color:#192c50;}
h1 span.one{font-size:1.5vw;display:inline-block;line-height: 1vw;color:#192c50;}
h1 span.two{font-size:3.05vw;display:inline-block;line-height: 3.1vw;color:#192c50;}

.legend {display:inline-block;width:1.2vw;height:1.2vw;margin-top:0px;border-radius:5vw;border:solid 0.2vw #FFF;font-size: 0.8vw;line-height: 1.4vw;vertical-align:middle;}

#top-partners{width:50%;float:left;}
#top-partners img{width:100%;}
#bottom-partners{display:none;clear:both;width:100%;margin:0 auto;background:#FFF;opacity:1;}
#bottom-partners img{width:100%;}
#cpr{font-family:arial;text-align:center;font-size:11px;width:100%;clear:both;}

.full{width:100%;margin:0 auto;}
.head{width:91%;margin:0 auto;opacity:1;background-color: #fff;}

#logo h2{font-size:1.5vw;font-weight:normal;line-height:2vw;text-align:left;font-family: 'Arial';margin:1vw;color:#192c50;text-transform:uppercase;}
#logo h2 span{font-weight:bold;}

.block{width:48%;float:left;margin:1%;height:14vw;} /* border-bottom:solid 2px #DDD;border-top:solid 2px #DDD;} */
.block div{display:block;float:left;font-size:1.5vw;opacity:1;}
.block div.lite{font-size:1vw;font-family:arial;}
.block span{display:inline-block;width:1.2vw;height:1.2vw;margin-top:0px;border-radius:5vw;border:solid 0.2vw #FFF;font-size: 0.8vw;line-height: 1.4vw;}
.block p{margin:0vw 12% 0 ;font-size:1.4vw;font-weight:bold;line-height:1.5vw;}
.block p.blue{margin-left:0;}
.block p.green{margin-right:0;}
.block h3{font-size:4vw;font-weight:bold;line-height:8vw;}

/* */
	.w0{width:1.5%;}
	.h{width:8%;height:2vw;line-height:2vw;font-size:1vw;text-align:center;color:#FFF;font-family:arial;}
	.w2, .nine{width:14%;height:2vw;line-height:2vw;font-size:1.5vw;text-align:center;font-weight:bold;}
	.w7{width:26.5%;}
	.w8{width:36%;}
	.w13{width:47%;}
	.w10{width:32%;}
	.r13{width:100%;}
	.w27{width:97%;}
	.h1{height:2vw;line-height:2vw;}
	.h2{height:8vw;line-height:8vw;}
	.h3{height:6vw;line-height:6vw;}
	.h5{height:12vw;}
	.h7{height:14vw;}
	
	.block span.tot1{width: 30px;font-size: 2.5vw;float:right;}
	.block span.tot2{width: 30px;font-size: 2.5vw;float:left;}
	.lt{text-align:left;} .ct{text-align:center;} .rt{text-align:right;}
	.lite{color:#777777;background:#FFF;}
	.as{color:#999999;background:#FFF;}
	.green{color:#9d2934;background:#FFF;}
	.blue{color:#41619e;background:#FFF;}
	.white{color:#222;background:#FFF;}
	.logo{width:55%;margin:1vw 10% 0 10%;}
	span.empty, .block span.empty{background:#fff;border-color:#DDD;color:#999;}
	.wgreen{background:#9d2934;}
	.wblue{background:#41619e;}
	.wdraw{background:#999999;}
	.woff{background:#EEE;background: linear-gradient(to bottom,  #ff0000 0%,#ffdddd 50%,#ff0000 99%);}
	span.tee, .block span.tee{border-color:#b6b210;} /*#fdee25;*/
	span.now, .block span.now{animation: glowing 1300ms infinite; } /* background:#fd0000;*/
	
	.togo, .block div.togo{opacity: 1;}
	.clear{clear:both;float:none;}
	
	#cpr{color:#FFF;line-height:30px;}
	
@media (min-width: 1200px){
	#top{width:1178px;max-width:98%;height:800px;}
	#cup{width:1200px;margin:0px auto}
	.menu{height:80px;margin:40px 40px 0 0;}
	#top p{line-height:17px;font-family:Arial;font-size:14px;padding-top:0;}
	.legend{display:inline-block;width:16px;height:16px;line-height:17px;font-size:9px;margin-top:0px;border-radius:33px;border:solid 3px #FFF;vertical-align:middle;}
	
	#scores div{height:300px;line-height:300px;font-size:150px;}
	
	#box{overflow:hidden;}
	#box-txt{padding:24px 5%;} #box-txt p{margin:24px 0;clear:both;}
	#box-in{display:block;width:1200px;margin:0 auto;background:#FFF;opacity:1;height:100vh;}
	.line{width:100%;clear:both;height:48px;border-bottom:solid 2px #DDD;}
	.line div{display:block;float:left;font-size:12px;}
	.line img{width:70%;margin:3px 10% 0 0;}
	.line h2{font-size:16px; line-height:18px;margin: 6px 0;}
	.line h4{font-size:18px; line-height:48px;}
	.line h2 span{font-size: 12px;}
	
	.header1, .header2{font-size:12px;}
	
	h1{font-size: 29px;    line-height: 24px;    margin-top: 0px;}
	h1 span.one{font-size:18px;line-height: 12px;}
	h1 span.two{font-size:36px;line-height: 33px;}
	
	h2, #logo h2{font-size:16px;line-height:20px;margin:12px;}
	
	.half{margin-bottom:10px;}
	.full {max-width:1200px;margin:0 auto;}
	.head {max-width:1200px;}
	.block {height:184px;}
	.block div{display:block;float:left;font-size:16px;}
	.block div.lite{font-size:14px;}
	.block span{display:inline-block;width:16px;height:16px;line-height:17px;font-size:9px;margin-top:0px;border-radius:33px;border:solid 3px #FFF;}
	.block p{margin:0 12% 0;font-size:15px;font-weight:bold;line-height:18px;}
	.block h3{font-size:39px;font-weight:bold;line-height:5vw;}
	
	.block span.tot1, .block span.tot2{font-size: 16px;}
	
	.h{height:16px;line-height:16px;font-size:8px;}
	.w2, .nine{height:28px;line-height:22px;}
	.h2{height:96px;line-height:96px;}
	.h4{height: 24px; line-height: 48px;} 
	.h5{height:144px;}
	.h7{height:184px;}
	
	.h1{height:40px;}
	
	.w4{width:60px;}
	.w3{width:36px;padding-left:12px;}
	.w1{width:46px;}
	.w14{width:210px;}
}

@media (min-width: 768px) and (max-width:1199px){
	.full{width:100%;max-width:auto;}
	.half{margin-bottom:10px;}
}
	
@media (max-width:767px){
	
	#top{width:98%;width:auto;height:208vw;}
	#tbl{}
	#cup{}
	#cpr{font-size:2vw;}
	.menu{height:10vw;margin:5vw 8% 0 0;}
	#logo{width:100%;float:none;height:28vw;}
	#logo img{height:auto;width:93%;}
	#top p{line-height:1.5vw;font-family:Arial;font-size: 2.5vw;padding-top:0;margin-left: 26vw;}
	#top b{font-family: Arial;
    height: 2.9vw;
    display: inline-block;    padding: 1vw 0;}
	
	#top-partners{display:none;width:100%;float:none; height:10vw;}
	#bottom-partners{display:block;width:100%;}
	
	#box-txt{background:#FFF;}
	#box-txt p{margin:4vw 0;font-size:3vw;line-height:3vw;text-align:center;}
	.half{width:100%;height:auto;float:none;}
	.header1{font-size:2vw;height:3vw;}
	.header2{display:none;}

	.line{width:100%;clear:both;height:8vw;border-bottom:solid 2px #DDD;}
	.line div{display:block;float:left;font-size:2vw;}
	
	.legend{vertical-align:middle;display:inline-block;width:2.1vw;height:2.1vw;margin-top:0px;border-radius:5vw;border:solid 0.5vw #FFF;font-size: 1.3vw;line-height: 2.2vw;}
.h1{height:4vw;}
.h4{height:8vw;line-height:8vw;}
.w4{width:10vw;}
.w3{width:6vw;padding-left:1vw;}
.w1{width:6vw;}
.w14{width:44vw;}
.line img{width:70%;margin:10% 10% 0 0;}
.line h2{font-size: 3vw;line-height: 3.5vw;margin: 0.5vw 0;display: inline-block;}
.line h4{font-size:3vw; line-height:8vw;}
.line h2 span{font-size: 1.8vw;display:none;}
	
	h1{font-size: 4vw;
    line-height: 4.3vw;
    padding-top: 0;}
	h1 span.one{font-size: 3.5vw;
    line-height: 2vw;}
	h1 span.two{font-size: 5.05vw;
    line-height: 4.1vw;}
	h2, #logo h2{font-size: 2.5vw;
    line-height: 3vw;
    margin-top: 3vw;}

	.full{width:100%;max-width:auto;}
	.block{width:98%;margin:3vw auto;float:none;height:28vw;}
	.block div{display:block;float:left;font-size:2.5vw;}
	.block div.lite{font-size:2vw;}
	.block span{display:inline-block;width:2.3vw;height:2.3vw;margin-top:0px;border-radius:5vw;border:solid 0.5vw #FFF;font-size: 1.3vw;line-height: 2.3vw;}
	.block p{margin:0vw 12%;font-size:2.8vw;font-weight:bold;line-height:3.4vw;}
	.block h3{font-size:8vw;font-weight:bold;line-height:16vw;}

	.w0{width:2.5%;}
	.h{width:8%;height:4vw;line-height:3vw;font-size:1vw;text-align:center;color:#FFF;}
	.w2, .nine{width:14%;height:4vw;line-height:3vw;font-size:3vw;text-align:center;font-weight:bold;padding-top: 0.5vw;}
	/*.w7{width:24.5%;} */
	.w8{width:27%;}
	.w10{width:36.5%;}
	/* .w13{width:51%;} */
	.r13{width:100%;}
	.w27{width:95%;}
	.h1{height:4vw;line-height:3vw;}
	.h2{height:16vw;line-height:8vw;}
	.h3{height:14vw;line-height:6vw;}
	.h5{height:24vw;}
	.h7{height:28vw;}
	
	.logo{width:55%;margin:1vw 10% 0 10%;}
}