body { margin:0px;}
h1,h2 {font-family: 'Akhand black';}
h3,h4,h5,h6,p,.text,li,.reg {font-family: 'Akhand';}
a { color:inherit; text-decoration:none;}
section#banner header { height:80px; padding:0px 10%; float:left; width:80%; }
section#banner { height:680px; width:80%; padding:40px 10%; float:left; background:url(../images/banner.jpg) no-repeat center center; background-size:cover;}
section#banner .content { width:50%; float:left; height:auto; }
section#banner .content  .logo { width:100%; height:123px; float:left; clear:both; margin-bottom:10px; }
section#banner .content  .logo img { height:100%; background-size:contain;}
section#banner .content .lef { width:48%; float:left; height:190px; }
section#banner .content .rede { width:100%; margin-top:35px; height:90px; background:url(../images/redefined.png) no-repeat;  background-size:contain;  float:left;  }
section#banner .content  .fans  { width:50%; height:190px;    margin-top:0px; float:right;  }
section#banner .content  .fans img { width:100%; background-size:contain;}
section#banner .content .date { font-size:55px; float:left; font-weight:900; font-family: 'Akhand black'; color:#fff; text-transform:uppercase; line-height:70px;  }
section#banner .content .date sup { font-size:20px; margin-left:2px; color:#fff; }
section#banner .content .lcon { width:46%; float:left; border-right:1px solid #fff; height:70px; margin-top:20px; padding-right:15px; }
section#banner .content .lcon h2 { font-size:30px; color:#fff; margin-top:0px; text-align:right; font-weight:800; line-height:35px; }
section#banner .content .lcon h2 span  { color:#84bb74;}
section#banner .content .rcon { width:44%;  float:left;  height:70px; margin-top:20px; padding-right:15px; }
section#banner .content .rcon h2 { font-size:30px; color:#fff; margin-top:0px; text-align:right; font-weight:800; line-height:35px; }
section#banner .content .btnarea { width:360px; margin:0 auto; display:block;} 
section#banner .content .buttont { height:20px; padding:10px; width:120px; background:#da4748; text-align:center; color:#fff; font-family: 'Akhand black'; margin:50px 20px 50px 10px;; float:left; font-size:24px; text-transform:uppercase; line-height:20px; }
section#banner .bannerimg { width:50%; float:left;}
section#banner .bannerimg .players { height:569px; width:510px; background:url(../images/stars.png) no-repeat; background-size:contain; margin:0 auto; display:block;}
section#banner .bannerimg .players:hover { transform:scale(1.1,1.1); transition-duration:1s;}

section#activities { height:auto; width:80%; padding:40px 10%; float:left; }
section#activities .lltex h2 { font-size:22px; text-align:center; color:#000; text-transform:uppercase;}
section#activities .lltex {width:72%; margin-right:1%; float:left; }
section#activities .lltex p { color:#000; text-align:center; font-size:18px; margin:20px 0px; }
section#activities .feed { width:27%; float:right; height:auto;}
.clr { height:5px; clear:both; width:100%; float: left;}
section#activities .box { width:23%; float:left; height:auto; margin-top:40px;}
section#activities .mar { margin-right:2%;}
section#activities .box img { width:100%; background-size:contain;}
section#activities .box .emb { height:73px; width:73px; margin:0 auto; display:block; position:relative; top:-36px;}
section#activities .box  .emb img { width:100%; background-size:contain;}
section#activities .box h3 { color:#000; text-align:center; text-transform:uppercase; line-height:0px; margin-top:-15px;}
section#activities .box:hover img { filter:saturate(2); }
section#activities .box:hover .emb  {  transition-duration:1s;}
section#activities .box:hover h3 { color:#da4748;}

section#matches { height:auto; width:80%; min-height:500px; background:url(../images/players-bg.jpg) no-repeat fixed; background-size:cover; float:left; padding:50px 10%;}
section#matches h2 { font-size:25px; text-align:center; color:#fff; text-transform:uppercase; margin-bottom:30px;}
section#matches .box { width:90%; margin-bottom:10px; height:120px; padding:2% 5%; background:#eeeeee; float:left;}
section#matches .box .team1 { height:100%; width:22%; float:left; margin-right:3%;}
section#matches .box .team1 img { height:100%; background-size:contain; margin:0 auto; display:block;}
section#matches .box .team2 { height:100%; width:22%; float:left; margin-left:3%;}
section#matches .box .team2 img { height:100%; background-size:contain; margin:0 auto; display:block;}
section#matches .box .match { width:50%; float:left; text-align:center;}
section#matches .box .match h2 { font-size:24px; text-align:center; margin-bottom:5px; margin-top:5%; color:#000;}
section#matches .box .match h2 span { color:#da4748;}
section#matches .box .match h3 { font-size:20px; text-align:center; margin-top:0%; color:#000;}
section#matches .button1 { height:40px; padding:10px; float:left; width:180px; border:none; background:#da4748; text-align:center; color:#fff; font-family: 'Akhand';  font-size:24px; text-transform:uppercase; line-height:20px; margin:20px 10px;  cursor:pointer}
.clear { height:20px; clear:both; float:left; width:100%; }
section#matches .center { width:400px; margin:20px auto; display:block;}
section#matches #min {}
section#matches #full { display:none; }
section#matches #full .box { width:90%; margin-bottom:10px; height:70px; padding:1% 5%; background:rgba(238,238,238,0.8); float:left;}
section#matches #full .box .team1 { height:100%; width:22%; float:left; margin-right:3%;}
section#matches #full .box .team1 img { height:100%; background-size:contain; margin:0 auto; display:block;}
section#matches #full .box .team2 { height:100%; width:22%; float:left; margin-left:3%;}
section#matches #full .box .team2 img { height:100%; background-size:contain; margin:0 auto; display:block;}
section#matches #full .box .match { width:50%; float:left; text-align:center;}
section#matches #full .box .match h2 { font-size:20px; text-align:center; margin-bottom:5px; margin-top:1%; color:#000;}
section#matches #full .box .match h2 span { color:#da4748;}
section#matches #full .box .match h3 { font-size:18px; text-align:center; margin-top:0%; color:#000;}
section#matches #full .button1 { height:20px; padding:10px; width:180px; border:none; background:#da4748; text-align:center; color:#fff; font-family: 'Akhand';  font-size:24px; text-transform:uppercase; line-height:20px; margin:20px auto; display:block; clear:both; }
.clear { height:20px; clear:both; float:left; width:100%; content:'MORE MATCHES'}
section#matches #full .button:after {
  content: "World";
  position: absolute;
  display: block;
  color: black;
  top: 1px;
  left: 1px;
  pointer-events: none;
}

section#map { height:400px; float:left; width:100%; }

footer { height:auto; background:#da4748; width:80%; padding:40px 10%; float:left;}
footer .form { width:34%; float:left; height:auto;}
footer .form .text { height:30px; font-size:16px; padding:10px; background:#fff; border:none; margin-bottom:10px;  width:95%;}
footer .form .submit { height:50px; font-size:18px; padding:10px; color:#fff; text-align:center; background:#a51d1e; border:none; margin-bottom:10px;  width:100%;}
footer .contact { width:40%; float:right; height:auto;}
footer .contact h4 { font-size:20px; line-height:28px; color:#fff; text-align:right }
footer .contact .logof { width:100%; height:95px; background:url(../images/logo.png) no-repeat right; margin-bottom:20px; background-size:contain; float:left; clear:both; }
section#bottom { height:40px; padding:20px 10%; background:#a51d1e; width:80%; float:left;}
section#bottom p { width:30%; float:left; font-size:15px; color:#fff;  line-height:40px; }
section#bottom .social { width:100px; height:60px; float:right;}
section#bottom .social .icons { height:40px; width:40px; margin-right:10px; float:left;}
section#bottom .social .icons  img { width:100%; background-size:contain;}
section#bottom .social .icons  img:hover { filter:sepia(100%);}

section#innerbanner  { height:350px; padding:20px 10%; width:80%; background:url(../images/inner-banner.jpg) no-repeat center center; background-size:contain;}
section#innerbanner h2 { font-size:32px; text-transform:uppercase;  text-align:center; color:#fff; margin-top:250px;}

section#content { height:auto;  width:80%; padding:30px 10%; float:left;}
section#content p { color:#000; text-align:center; font-size:17px; line-height:21px; margin:10px 0px;}
section#content .seats { height:auto;  width:100%; float:left;}
section#content .seats img { width:100%; background-size:contain; margin-bottom:20px;}
section#content .bookarea { width:320px; padding:10px; margin:20px auto; display: block; clear:both; height:120px;}
section#content .bookarea img { width:80%; background-size:contain; margin:10px auto 0px;; display:block;}
section#content .bookarea .buttonl { height:20px; padding:10px; width:180px; border:none; background:#da4748; text-align:center; color:#fff; font-family: 'Akhand';  font-size:24px; text-transform:uppercase; line-height:20px; margin:0px auto; display:block; clear:both; }
section#content .lft { width:45%; margin-right:5%; box-sizing:content-box; float:left;}
section#content .lft h3 { text-align:center; font-size:22px; color:#000; line-height:20px; margin-top:10px; padding:0px; margin-bottom:0px;}
section#content .lft form { margin-top:0px;}
section#content .lft .text { height:20px; font-size:18px; padding:2%; margin-bottom:10px; width:86%; margin-right:10%; border:none; border-bottom:2px dashed  #333;}
section#content .lft .submit  { height:40px; padding:10px; width:180px; border:none; background:#da4748; text-align:center; color:#fff; font-family: 'Akhand';  font-size:24px; text-transform:uppercase; line-height:20px; margin:0px auto; display:block; clear:both; }
section#content .rgt { width:50%; box-sizing:content-box; float:left;}
section#content .rgt img { width:100%; background-size:contain;}
section#content h3 { font-size:17px; text-align:left; min-height:50px; color:#000; height:auto; width:100%;  padding:15px; line-height:26px; margin-bottom:0px; letter-spacing:.5px;}
section#content h3.col {background:#f5f3f3;}
section#content h3 span { font-size:15px; color:#343333; letter-spacing:.5px;}
section#content h3 strong { font-size:19px; font-family: 'Akhand black';  }

section#content .contact
section#content .contact .rgt { width:45%; margin-left:5%; box-sizing:content-box; float:left;}
section#content .contact .rgt h3 { text-align:center; font-size:22px; color:#000; line-height:20px; margin-top:10px; padding:0px; margin-bottom:0px;}
section#content .contact .rgt form { margin-top:0px;}
section#content  .contact .rgt .text { height:20px; font-size:18px; padding:2%; margin-bottom:10px; width:86%; margin-right:10%; border:none; border-bottom:2px dashed  #333;}
section#content  .contact .rgt .textarea { height:60px; font-family: 'Akhand'; font-size:18px; padding:2%; margin-bottom:10px; width:86%; margin-right:10%; border:none; border-bottom:2px dashed  #333;}
section#content .contact .rgt .submit  { height:40px; padding:10px; width:180px; border:none; background:#da4748; text-align:center; color:#fff; font-family: 'Akhand';  font-size:24px; text-transform:uppercase; line-height:20px; margin:0px auto; display:block; clear:both; }
section#content .contact .lft { width:33%; box-sizing:content-box; float:left; background:url(../images/con-bg.png); padding:10% 5%; border:1px dashed #eb5368; -webkit-box-shadow: 0px 0px 5px -1px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 5px -1px rgba(0,0,0,0.75);
box-shadow: 0px 0px 5px -1px rgba(0,0,0,0.75);}
section#content .contact .lft img { width:100%; background-size:contain;}
section#content .contact .lft h3 { font-size:20px; color:#000; text-align:left; line-height:29px; margin-top:5%;}
section#content .contact .lft h3 span { font-size:26px; line-height:34px;}

section#content .bx { width:100%; height:20px; padding:10px 0px; float:left; text-align: center; color:#000; font-size:18px; font-family: 'Akhand black';}
section#content .col { background:#f17374; color:#fff;}
section#content h6 { font-size:20px; text-align:center; color:#000;}
section#content h6 span { color:#da4748; font-size:22px;}


@media screen and (max-width:416px ) {
	
	section#banner .content .lcon h2 { font-size:15px !important; line-height:21px;}
section#banner .content .rcon h2 { font-size:15px !important; }
section#banner .content .buttont { font-size:14px !important; width:90px !important;}
section#banner .content .btnarea { width:260px !important;}
section#banner .content .rcon { padding-right:0px !important; height:auto !important;}
	}
@media screen and ( min-width:220px) and ( max-width:420px) {
section#banner { height:auto; min-height:900px; width:90%; padding:2% 5%; float:left; background:url(../images/banner-mob.jpg) no-repeat center bottom #000823; background-size:cover;}
section#banner header { width:90%; padding:10px 5%; height:50px;}	
section#banner .content { width:100%; clear:both}
section#banner .bannerimg { width:100%; clear:both; height:100px;}
section#banner .bannerimg .players { width:100%; background-size:contain;}
section#banner .content .logo { height:75px; width:50%;}
section#activities p { font-size:15px;}
section#banner .content .date sup { font-size:11px;}
section#banner .content .lef { width:200px; height:150px;  margin:0px auto; display:block; float:none; clear:both; }
section#banner .content .fans  { width:200px; height:110px; margin:0px auto; display:block; float:none; clear:both; }
section#banner .content .fans img { height:100%; background-size:contain !important; width:auto;}
section#banner .content .rede { height:70px;}
section#banner .content .date { font-size:18px; line-height:0px; text-align:center; width:100%; height:20px;}
section#banner .content .lcon h2 { font-size:18px; line-height:21px;}
section#banner .content .rcon h2 { font-size:18px; line-height:21px; text-align:left; padding-left:10px;}
section#banner .content .lcon { height:40px;}
section#banner .content .rcon { height:40px;}
section#banner .content .btnarea { width:100%; clear:both; }
section#banner .content .buttont { font-size:16px; margin:15px 10px;}
section#activities .box { width:100%; margin-bottom:20px;}
section#matches .box { height:auto;}
section#matches { width:90%; padding:10px 5%;}
section#matches .box .team1 img { width:100%; background-size:contain;}
section#matches .box .team2 img { width:100%; background-size:contain;}
section#matches .box .match h2 { font-size:16px;}
section#matches .box .match h2 span { width:100%; text-align:center; float:left}
section#matches .box .match h3 { font-size:13px;}
section#matches #full .box { height:auto;}
section#matches #full .box .team1 img { width:100%; background-size:contain;}
section#matches #full .box .team2 img { width:100%; background-size:contain;}
section#matches #full .box .match h2 { font-size:15px; margin-top:3%;}
section#matches #full .box .match h3 { font-size:13px;}
footer .form { width:100%;}
footer .contact { width:100%;}
section#bottom { height:auto;}
section#bottom p { width:100%;}
section#bottom .social { float:none;}	
section#activities .box .emb { height:40px; width:40px; top: -20px;}	
section#content { width:90%; padding:20px 5%;}
section#content .contact .lft { width:90%; margin:0px;}
section#content .contact .lft h3 { font-size:15px; line-height:24px;}
section#content .rgt { margin:0px; width:100%; margin-top:20px;}
section#innerbanner { height:150px;background:url(../images/inner-banner-mob.jpg) no-repeat; background-size: cover; background-position:bottom; background-color:#000f26}
section#innerbanner h2 { font-size:20px; margin-top:30px;}
section#content .lft { width:100%; margin:0px; margin-bottom:20px;}
section#content .bookarea { width:100%;}
section#content h3 { width:90%;}
}

@media screen and ( min-width:421px) and ( max-width:768px) {
section#banner { height:auto; min-height:900px; width:90%; padding:2% 5%; float:left; background:url(../images/banner-mob.jpg) no-repeat center bottom #000823; background-size:cover;}
section#banner header { width:90%; padding:10px 5%; height:50px;}	
section#banner .content { width:100%; clear:both}
section#activities p { font-size:15px;}
section#banner .bannerimg { width:100%; clear:both; height:100px;}
section#banner .bannerimg .players { width:100%; background-size:contain;}
section#banner .content .logo { height:75px; width:50%;}
section#banner .content .date sup { font-size:11px;}
section#banner .content .lef { width:48%; height:150px;  margin:0px auto; display:block; float:left;  }
section#banner .content .fans  { width:48%; height:150px; margin:0px auto; display:block; float:left;  }
section#banner .content .fans img { height:100%; background-size:contain !important; width:auto;}
section#banner .content .rede { height:70px;}
section#banner .content .date { font-size:18px; line-height:0px; text-align:center; width:100%; height:20px;}
section#banner .content .lcon h2 { font-size:15px; line-height:18px;}
section#banner .content .rcon h2 { font-size:15px; line-height:18px; text-align:left; padding-left:10px;}
section#banner .content .lcon { height:40px;}
section#banner .content .rcon { height:40px;}
section#banner .content .btnarea { width:320px; clear:both; }
section#banner .content .buttont { font-size:16px; margin:15px 10px;}
section#activities .box { width:100%; margin-bottom:20px;}
section#matches .box { height:auto;}
section#matches { width:90%; padding:10px 5%;}
section#matches .box .team1 img { width:100%; background-size:contain;}
section#matches .box .team2 img { width:100%; background-size:contain;}
section#matches .box .match h2 { font-size:16px;}
section#matches .box .match h2 span { width:100%; text-align:center; float:left}
section#matches .box .match h3 { font-size:13px;}
section#matches #full .box { height:auto;}
section#matches #full .box .team1 img { width:100%; background-size:contain;}
section#matches #full .box .team2 img { width:100%; background-size:contain;}
section#matches #full .box .match h2 { font-size:15px; margin-top:3%;}
section#matches #full .box .match h3 { font-size:13px;}
footer .form { width:100%;}
footer .contact { width:100%;}
section#bottom { height:auto;}
section#bottom p { width:100%;}
section#bottom .social { float:none;}	
section#activities .box .emb { height:50px; width:50px; top: -25px;}
section#content { width:90%; padding:20px 5%;}
section#content .contact .lft { width:90%; margin:0px;}
section#content .contact .lft h3 { font-size:15px; line-height:24px;}
section#content .rgt { margin:0px; width:100%; margin-top:20px;}
section#innerbanner { height:220px; background:url(../images/inner-banner-mob.jpg) no-repeat; background-size: cover; background-position:bottom; background-color:#000f26}
section#innerbanner h2 { font-size:20px; margin-top:30px;}
section#content .lft { width:100%; margin:0px; margin-bottom:20px;}
section#content .bookarea { width:100%;}
section#content h3 { width:90%;}

	
}

@media screen and ( min-width:769px) and ( max-width:1023px) {	
section#banner  { height:500px;}
section#banner .content .rede { height:70px;}
section#banner  { width:80%; padding:20px 10%;}
section#banner .content .logo { height:90px; width:20%;}
section#banner .content .lcon { height:50px;}
	section#banner .content .date { font-size:30px; line-height:30px;}
	section#banner .content .lcon h2 { font-size:18px; line-height:25px;}
	section#banner .content .rcon h2 { font-size:18px; line-height:25px;}
	section#banner .content .lef { height:140px;}
	section#banner .content .fans { height:140px;}
	section#matches #full .box .match h2 { margin-top:0%;}
	section#banner .content .buttont { font-size:16px;}
		section#banner .content .lef { height:130px;}
	section#banner .content .fans { height:130px;}
	section#matches .box .match h2 { font-size:20px;}
	section#matches #full .box .match h2 { font-size:18px;}
	section#banner .content .buttont { margin-top:10px;}
	section#banner .bannerimg .players { width:350px;}
	section#activities p { font-size:17px;}
	section#activities .box .emb { height:50px; width:50px; top: -25px;}
	section#innerbanner { height:200px; background-size: cover; background-position:bottom; background-color:#000f26}
section#innerbanner h2 { font-size:20px; margin-top:40px;}
	
}

@media screen and ( min-width:1024px) and ( max-width:1099px) {	
section#banner .content .rede { height:70px;}
	section#banner .content .date { font-size:35px; line-height:50px;}
	section#banner .content .lcon h2 { font-size:21px;}
	section#banner .content .rcon h2 { font-size:21px;}
	section#banner .content .lef { height:170px;}
	section#banner .content .fans { height:170px;}
	section#matches #full .box .match h2 { margin-top:0%;}
	section#banner .content .buttont { font-size:16px;}
		section#banner .content .lef { height:150px;}
	section#banner .content .fans { height:150px;}
	section#matches .box .match h2 { font-size:20px;}
	section#matches #full .box .match h2 { font-size:18px;}
	section#innerbanner { height:250px; }
}

@media screen and ( min-width:1100px) and ( max-width:1199px) {	
section#banner .content .rede { height:70px;}
	section#banner .content .date { font-size:42px; line-height:50px;}
	section#banner .content .lcon h2 { font-size:21px;}
	section#banner .content .rcon h2 { font-size:21px;}
	section#banner .content .lef { height:170px;}
	section#banner .content .fans { height:170px;}
	section#matches #full .box .match h2 { margin-top:0%;}
	section#banner .content .buttont { font-size:16px;}
		section#banner .content .lef { height:160px;}
	section#banner .content .fans { height:160px;}
	section#innerbanner { height:300px;}
	section#innerbanner h2 { margin-top:200px;}
}

@media screen and ( min-width:1200px) and ( max-width:1299px) {	
section#banner .content .rede { height:70px;}
	section#banner .content .date { font-size:48px; line-height:50px;}
	section#banner .content .lcon h2 { font-size:24px;}
	section#banner .content .rcon h2 { font-size:24px;}
	section#banner .content .lef { height:170px;}
	section#banner .content .fans { height:170px;}
	section#matches #full .box .match h2 { margin-top:0%;}
	section#innerbanner { height:300px; background-size:cover !important;}
	section#innerbanner h2 { margin-top:200px;}
}

@media screen and ( min-width:1300px) and ( max-width:1430px) {	
	section#banner .content .date { font-size:50px; line-height:50px;}
	section#banner .content .lcon h2 { font-size:26px;}
	section#banner .content .rcon h2 { font-size:26px;}
	section#innerbanner { height:300px; background-size:cover !important;}
	section#innerbanner h2 { margin-top:200px;}
}
	
	
@media screen and ( min-width:1530px) { body { max-width:1530px; margin:0 auto; display:block;}}


@media screen and ( min-width:420px) and ( max-width:450px) { section#banner { min-height:900px !important;} }
@media screen and ( min-width:451px) and ( max-width:480px) { section#banner { min-height:950px !important;} }
@media screen and ( min-width:481px) and ( max-width:520px) { section#banner { min-height:900px !important;} }
@media screen and ( min-width:521px) and ( max-width:580px) { section#banner { min-height:980px !important;} }
@media screen and ( min-width:581px) and ( max-width:650px) { section#banner { min-height:1020px !important;} }
@media screen and ( min-width:651px) and ( max-width:768px) { section#banner { min-height:1050px !important;} }