/*
 * Responsee CSS - v6 - 2019-06-22
 * https://www.myresponsee.com
 * Copyright 2019, Vision Design - graphic zoo
 * Free to use under the MIT license.
*/
* {  
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
  margin:0;	
}
#text-small-ico { text-align: center; } 


.flag{width:30px;height:20px;}
 
.boxlink {
    display: none;
}

 
        
.tbdate
{
background-color: Transparent;
text-align: right;
color: White;
border : none;
font-weight:bold;
font-size:12px;
}

.tbrome
{background-color: Transparent;
 color:white;
 font-size:30px;
 border : none;
 font-weight:lighter ;
 font-family:Times New Roman;
}


.logo-size
{ width: 100%; 
  height: 100%; 
  object-fit: contain; 
     
}

.timecount {
    background-color: black;
    color: white;
    height: 50px;
    width: 50px;
    font-weight : bold;
    font-size : 30px;
    text-align : center;
    float:right;
    font-family: 'CopperplateGothic-Bold';
    
}

.titleshadow
{	
	color:white;
	text-shadow: 2px 2px black;
	font-size:55px;
	font-family: 'SportsWorld'; 
	text-align:center;
	font-weight:normal;
}


.titleshadow2
{	
	color:white; 
	font-size:35px;  
	text-shadow: 2px 2px black;
	text-align:center;
}

.timecountm {
    background-color: black;
    color: white;
    height: 22px;
    width: 22px;
    font-weight : bold;
    font-size : 12px;
    text-align : center;
    font-family: 'CopperplateGothic-Bold';
    
}

.imgball  {
    height: 37px;
    width:  37px; 
    background-repeat: no-repeat;
    background-position: left center;
    background-size: cover;
    color : black;
    font-size: 18px;
    text-align: center; 
    border: 0px none;
    font-weight: bold;
}

 .imgballs  {
    height: 35px;
    width:  35px; 
    background-repeat: no-repeat;
    background-position: left center;
    background-size: cover;
    color : black;
    font-size: 17px;
    text-align: center; 
    border: 0px none;
    font-weight: bold;
} 

.imgballred {
    height: 42px;
    width:  42px;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: cover;
    color : Yellow;
    font-size: 22px;
    text-align: center; 
    font-family:CopperplateGothic-Bold;
    left:12px;
    border: 0px none;
}
 

.imgballreds {
    height: 30px;
    width:  30px;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: cover;
    color : Yellow;
    font-size: 18px;
    text-align: center; 
    font-family:CopperplateGothic-Bold;
    left:12px;
    border: 0px none;
}
 
.imgballredm {
    height: 20px;
    width:  20px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    color : Yellow;
    font-size: 14px;
    text-align: center; 
    font-family:CopperplateGothic-Bold; 
    border: 0px none;
}

 
.imgballredma {
    height: 20px;
    width:  20px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    color : Yellow;
    font-size: 12px;
    text-align: center; 
    font-family:CopperplateGothic-Bold; 
    border: 0px none;
} 
.imgballredms {
    height: 18px;
    width:  18px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    color : Yellow;
    font-size: 14px;
    text-align: center; 
    font-family:CopperplateGothic-Bold; 
    border: 0px none;
}


.imgballbluemsa {
    height: 18px;
    width:  18px; 
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    color : Yellow;
    font-size: 10px;
    text-align: center; 
    font-family:CopperplateGothic-Bold; 
    border: 0px none;
}


.imgballredmsa {
    height: 18px;
    width:  18px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    color : Yellow;
    font-size: 10px;
    text-align: center; 
    font-family:CopperplateGothic-Bold; 
    border: 0px none;
}

.flipTimer {
      margin: 100px auto 0;
      width: 500px;
}
    
.lblwinimage 
{
 position:absolute; 
 top: 35px;	
} 

.txtlabelno { 
    height: 42px;
    width: 100px;
    font-size: 18px;
    text-align: center;
    font-family:CopperplateGothic-Bold; 
    border: 0px none;
    background-color: Transparent;
    padding-left:20px;
}
.txtlabel { 
    height: 42px;
    width: 210px;
    font-size: 18px;
    text-align: center;
    font-family:CopperplateGothic-Bold; 
    border: 0px none;
    background-color: Transparent; 
    padding-left:25px; 
}

.txtlabelm1 { 
    height: 40px; 
    width: 20px;
    font-size: 12px;
    text-align: center;
    font-family:CopperplateGothic-Bold; 
    border: 0px none;
    background-color: Transparent; 
}
.txtlabelm2 { 
    height: 42px; 
    width: 80px;
    font-size: 12px;
    text-align: center;
    font-family:CopperplateGothic-Bold; 
    border: 0px none;
    background-color: Transparent; 
} 

.txtlabelm3 { 
    height: 42px; 
    width: 92px;
    font-size: 12px;
    text-align: center;
    font-family:CopperplateGothic-Bold; 
    border: 0px none;
    background-color: Transparent; 
}
#boxlink0 {
    display: block;
    width: 100%;
}
#headerpnl {  
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    height: 90px;
    background-color: #d5212e;
}
#bottompnl {  
    position: relative;
    bottom: 0;
    left: 0;
    right: 0;
    height: 33px;
    background-color: #fdf405;
}

#headerpnl-mbl {
    position: fixed;  
    top: 0;
    left: 0;
    right: 0;
    height: 40px;
    background-color: #171a21; 
}
#footerpnl {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    height: 50px;
    text-align: center;
    background-color: #171a21;
    display:block;
} 

.table-logo {
  background-color : #171a21; 
  border:1px;
  width:100%;
  height:50px;  
  vertical-align:top;
}
 
 .table-running {
  background-color:#001c3a; 
  border:1px;
  width:100%;
  height:40px;
     
}
 
 .table-sponsored {
  background-color: #171a21; 
  border: none;  
     
}
 

 
  .table-running-mob {
  background-color:#001c3a; 
  border:1px;
  width:100%;
  height:30px;
     
}
 
.banner-promo 
{
	 margin: auto;
}

 
#logo-pnl{ 
 width:315px;
 height:80px; 
  
} 
.logo-img{    
 height:140px;
 
}

.logo-img-m{   
height:70px;  
width:90px;
 
}

.logo-img2{     
}

.img-login{ 
 width:20px;
 height:20px; 
 float: right;
 margin-top:0;
}        

.btn 
{
	background-color:#203354;
	border:none;
	color:White;
	padding:12px 16px; 
	font-size:16px;
	cursor:pointer;
	width:20%; 
	}

.btn2 
{
	background-color:#203354;
	border:none;
	color:White;
	padding:12px 16px; 
	font-size:16px;
	cursor:pointer;
	width:16.66%;
	}
	
.ico-text
{ 
	font-size:10px;
	
}
		
.btn:hover
{
	background-color:#152238;
	}

.info-header {
  font-size:30px;
  font-family:CopperplateGothic-Bold;
  color:#F0E68C; 
  text-align:justify;
  -moz-text-align-last:justify;
  text-align-last:justify;
}

.info-header-m {
  font-size:25px;
  font-family:CopperplateGothic-Bold;
  color:#F0E68C; 
  text-align:justify;
  -moz-text-align-last:justify;
  text-align-last:left;
} 
.info-header-2 {
  font-size:30px;
  font-family:CopperplateGothic-Bold;
  color:#F0E68C; 
  text-align:justify;
  -moz-text-align-last:justify;
  text-align-last:left;
}	
	
.info-detail {
  font-size:18px;
  font-family:CopperplateGothic-Bold;
  color:#ffffff;
  margin-bottom:30px;
  text-align:justify;
  -moz-text-align-last: left;
  text-align-last: left;
}
.info-detail-m {
  font-size:13px;
  font-family:CopperplateGothic-Bold;
  color:#ffffff;
  margin-bottom:30px;
  text-align:justify;
  -moz-text-align-last: left;
  text-align-last: left;
}
.info-detail-no-justify {
  font-size:18px;
  font-family:CopperplateGothic-Bold;
  color:#ffffff;
  margin-bottom:30px; 
}
	
body {
  background:none repeat scroll 0 0 black;
  font-size:14px;
  font-family:Arial,sans-serif;
  color:black; 
  line-height: 2;    
}
h1,h2,h3,h4,h5,h6 {
  color:black;
  font-weight: normal;
  line-height: 1.3;
  margin:0.5rem 0;  
}

h1 {font-size:2.7rem;}
h2 {font-size:2.2rem;}  
h3 {font-size:1.8rem;}  
h4 {font-size:1.4rem;}  
h5 {font-size:1.1rem;}  
h6 {font-size:0.9rem;}  
 

a, a:link, a:visited, a:hover, a:active {
  text-decoration:none;
  color:#9BB800;
  transition:color 0.20s linear 0s;
  -o-transition:color 0.20s linear 0s;
  -ms-transition:color 0.20s linear 0s;
  -moz-transition:color 0.20s linear 0s;
  -webkit-transition:color 0.20s linear 0s;
}  
a:hover {color:#B6C900;}
p,li,dl,blockquote, kbd {
  font-size: 0.85rem;
  color:#ffffff;
  line-height: 1.6; 
}
 

b,strong {font-weight:700;}
.text-center {text-align:center!important;}
.text-right {text-align:right!important;}
img {
  border:0;
  display:block;
  height:auto;
  max-width:100%;
  width:auto;
}
.owl-item img, .slide-img {
  max-width:none;
  width:100%;
  height:350px;
  
}
.owl-item img, .slide-img-mob {
  max-width: 100%;
  height: auto;
  
}

.game-img { 
  max-width:none; 
  width:240px;
  height:120px; 
  text-align: center;  
  padding-top :40px;  
}

.game-img-layer-2 { 
  max-width:none; 
  width:240px;
  height:90px; 
  text-align: center;  
  padding-top :10px;  
}

.game-img2 { 
  max-width:none; 
  width:240px;
  height:120px; 
  text-align: center;  
  padding-top :40px;      
}

 .menu-img {   
  width:80px;
  height:30px;          

}
 .menu-img-n {   
  width:80px;
  height:30px;          

}

 .smenu-img 
 {
  padding-top  :0px;   
  width:150px;
  height:40px;   
}

.half-img { 
  max-width:none;
  width:100%;
  height:100px;   
}


.half-img-4 { 
  max-width:100%; 
  height:130px; 
}

.half-img-5 { 
  width:215px; 
  height:130px;   
}

 

.web-img 
{
 float : left;
  Width:200px;   
  height:25px;   
}

.web-img-2 { 
 float : right;  
  Width:400px;   
  height:25px;    
}

.bank-img { 
  float : right;  
  Width:800px;   
  height:200px;    
}


.bank-img-mob { 
  max-width: 100%;
  margin: 0 auto;   
  height: 80px;   
  cursor: default;   
}

.web-img-m 
{
 margin : 0 auto; 
  Width:100px;   
  height:15px;   
}

.web-img-m-2 { 
 margin : 0 auto;  
  Width:300px;  
  height:15px;    
}

.web-img-mob {  
 margin : 0 auto;
  height:40px;   
}

.web-img-mob-2 {
 margin : 0 auto;
  height:40px;    
}
 .full-img { 
  max-width:none;
  width:100%;
  height:150px;
  
}
  .half-img-2 { 
  max-width:none; 
  width : 200px;
  height :  200px; 
  cursor: default;
  
}
 .half-img-3 { 
  max-width:none;
  width : 300px;
  height :  180px;  
  cursor: default;
  
}
.sponsored-img { 
  max-width:none; 
  width : 150px;
  height :  80px; 
  cursor: default;
  
  
}

.sponsored-img2 { 
  max-width:none; 
  width : 150px;
  height :  80px; 
  cursor: default; 
  float:right;
  
  
}

.sponsored-img3 { 
  max-width:none; 
  width : 250px;
  height :  50px; 
  cursor: default; 
  float:right;  
  
}


.sponsored-imgm { 
  max-width:none; 
  width : 120px;
  height :  80px; 
  cursor: default;
  
  
}

.sponsored-imgm2 { 
  max-width:none; 
  width : 120px;
  height :  80px; 
  cursor: default;
  
  
}

.sponsored-imgm3 { 
  max-width:none; 
  width : 120px;
  height :  80px; 
  cursor: default;
  
  
}

.banner1 { 
  max-width:none;
  width : 260px;  
  height :  222px; 
  cursor: default; 
  float:right; 
  
}


.banner1m { 
  max-width:none;
  width : 180px;  
  height :  120px; 
  cursor: default; 
  
}

.banner2 { 
  max-width:none; 
  width : 260px; 
  height :  223px; 
  cursor: default; 
  float:right;
  
  
 
}
 .rule-img { 
  max-width:none;
  width:100%;
  height:180px;
  
}
 
  .rule-img-mob { 
  max-width:100%;
  height:auto;
  
}

.full-img-2 { 
  max-width:none;
  width:100%;
  height:200px;
  
}
.contact-img {
  max-width:none;
  width:100%;
  height:80px;
  margin: auto;
  
  
}
 
.textdate { 
    width : 100%;
    height : 30px;
    font-weight :bold; 
    font-size:30px;  
    text-align:right; 
    border:0; 
    padding-right:20px;
    background-color: transparent; 
    font-family: 'CopperplateGothic-Bold';
   
}



.textdatem { 
    width : 200px;
    height : 30px;
    font-weight :bold; 
    font-size:12px;  
    text-align:right; 
	padding-right:30px;
    border:0; 
    background-color: transparent; 
    font-family: 'CopperplateGothic-Bold';
} 

.textdraw { 
    width : 300px;
    height : 30px;
    font-weight :bold; 
    font-size:30px;  
    text-align:left;
    padding-left :10px; 
    border:0; 
    background-color: transparent; 
    font-family: 'CopperplateGothic-Bold';
}

.textdrawm { 
    width : 300px;
    height : 30px;
    font-weight :bold; 
    font-size:30px;  
    text-align:left;
    padding-left :5px; 
    border:0; 
    background-color: transparent; 
    font-family: 'CopperplateGothic-Bold';
}


#layer1 { 
background-color: black; 
}


 
 
#layer2 
{
background: black; 
}
 
#layer3 { 
background-color: #001c3a; 
}

#layer4 { 
background-image: radial-gradient(#213359, #1b2838);
}
#layerpromo { 
background-image: radial-gradient(#213359, #1b2838);
}
#desk-sponsored { 
background-color: black;
}
#mob-sponsored { 
background-color: black;
}
.owl-nav div {font-family:"mfg";}
.grid .owl-carousel {
  width:100% !important;
  height:350px;
}  
 .grid .mini-carousel {
  width:100% !important;
  height:100px;
} 

#slideshow { 
    margin: 50px auto; 
    position: relative; 
    width: 100%; 
    height: 240px; 
    padding: 10px; 
    box-shadow: 0 0 20px rgba(0,0,0,0.4); 
}

#slideshow > div { 
    position: absolute; 
    top: 10px; 
    left: 10px; 
    right: 10px; 
    bottom: 10px; 
}

.little-img {
  margin:auto;
  height : 200px;
  width: 200px;
}
table {
  background:none repeat scroll 0 0 #fff;
  border:1px solid #f0f0f0;
  border-collapse:collapse;
  border-spacing:0;
  text-align:left;
  width:100%;
}
table tr td, table tr th {padding:0.1rem;} 
td {border-right:1px solid #d3d3d3;}
.size-960 .line,.size-1140 .line,.size-1280 .line,.size-1520 .line {
  margin:0 auto;
  padding:0 0.1rem;
}
 

.red-label
{ 
	color : #F0E68C;
	text-align :left;
	margin-top :30px;
  }
.info-label
{ 
	color : #ffffff;
	text-align :left; 
  } 
.info-accordion
{ 
	color : #ffffff;  
    font-size:18px;
    font-family:CopperplateGothic-Bold;  
    text-align:justify;
    -moz-text-align-last: left;
    text-align-last: left;
    
  }


.info-label-bold
{  
	color : #ffffff;
	text-align :left;
	font-weight:bold ;
	font-size : 16px;
	width : 40%;
    border-right: none;
  }

.info-label-center
{ 
	color : #ffffff;
	text-align :center;
	font-weight:bold ;
	width :100%;
	font-size : 20px;
  }

 
.info-captcha-bold
{ 
	color : #ffffff;
	text-align :center;
	font-weight:bold ;
	font-size : 16px;
  }

    
.no-border-right {
  border-right: none; 
}

.captcha-box 
{
	 border:thin solid #F0E68C;
	 width:120px;
	 margin: 0 auto;
	 text-align:center; 
	 vertical-align:middle; 
}

 

.captcha-box-2
{
	 border:thin solid #F0E68C;
	 width:40px;   
	 text-align:center;  
	 margin:0 auto;    
  
}

.info-title
{ 
  font-family:CopperplateGothic-Bold;
  color:#F0E68C;
  font-size : 32px;
  padding-left:30px;
  padding-right:30px; 
  }
.info-title-d
{ 
  font-family:CopperplateGothic-Bold;
  color:#F0E68C;
  font-size : 32px;
  padding-left:30px;
  padding-right:30px; 
  }

.info-title-m
{ 
  font-family:CopperplateGothic-Bold;
  color:#F0E68C;
  font-size : 32px; 
  }
  
.gold-title
{ 
	color : #F0E68C;
	font-size : 32px;
	text-align :center; 
  }
  
.gold-button
{ 
	color :  #050c1b;
	background-color  : #F0E68C; 
	width : 80%;
	font-size : 15px;
	text-align :center; 
	height : 40px;
  }
 
  
.entry-button
{  
	width : 60px;
	font-size : 15px;
	text-align :center; 
	height : 70px;  
	padding-top : 20px ;
	float : right;
  }
  
.gold-little-button
{ 
	color : #050c1b;
	background-color  : #F0E68C; 
	width : 80px;
	font-size : 15px;
	text-align :center;  
	height : 25px;
  }
  
  
.gold-label
{ 
	color : #F0E68C;
	text-align :left;
	margin-top :30px;
  }
      
.txtentry 
{
  width :100%;
  height :40px;	  
  margin-right : 0; 
  }
.txtentry3 
{
  width :100%;
  height :25px;	  
  margin-right : 0; 
  }
  
.close {
     /* 16px x 16px */
    background-color: transparent; /* make the button transparent */
    background-repeat: no-repeat;  /* make the background image appear only once */
    cursor: pointer;        /* make the cursor like hovering over an <a> element */
    width :30px;
	height :30px; 
	top:180px;  
	z-index: 9999; 
	float : right;
  }
 
    
 .txtentrylogin 
{
  width :100px;
  height :25px;	  
  margin-right : 0;
  color : #A0A0A0 ;
  }
      
.txtentry2 
{
  width :100%;
  height :40px;	 
  margin-left : 0;
  }
  
   
#mob-menu
{
	background-color : #2989cc;
}
 
#mob-logo-pnl
{ padding-left:70px;
}

 
 
.border-footer
{
border-top: 1px solid #F0E68C;
border-bottom: 1px solid #F0E68C;
}
	
.grid {
  display:grid;
  grid-template-columns:repeat(12, 1fr);
  width:100%;
  margin:0 auto;
} 
hr {
  border: 0;
  border-top: 1px solid #e5e5e5;
  clear:both;  
  height:0; 
  margin:2.5rem auto;
}
li {padding:0;}
ul,ol {padding-left:1.25rem;}
blockquote {
  border:2px solid #f0f0f0;
  padding:1.25rem;
}
cite {
  color:#999;
  display:block;
  font-size:0.8rem;
}
cite:before {content:"— ";}
dl dt {font-weight:700;}
dl dd {margin-bottom:0.625rem;}
dl dd:last-child {margin-bottom:0;}
abbr {cursor:help;}
abbr[title] {border-bottom:1px dotted;}
kbd {
  background: #152732 none repeat scroll 0 0;
  color: #fff;
  padding: 0.125rem 0.3125rem;
}
code, kbd, pre, samp {font-family: Menlo,Monaco,Consolas,"Courier New",monospace;}
mark {
  background: #F3F8A9 none repeat scroll 0 0;
  padding: 0.125rem 0.3125rem;
}
.size-960 .line,.size-960 .grid {max-width:59.75rem;}
.size-1140 .line,.size-1140 .grid {max-width:71rem;}
.size-1280 .line,.size-1280 .grid {max-width:80rem;}
.size-1520 .line,.size-1520 .grid {max-width:95rem;}
.grid.full {
  max-width:100%!important;
  padding: 0;
}
.vertical-center {display: inline-grid!important;}
.vertical-center * {
    align-items: center;
    display: flex!important;
}
.text-center .vertical-center * {justify-content: center;}

.size-960.align-content-left .line,.size-1140.align-content-left .line,.size-1280.align-content-left .line,.size-1520.align-content-left .line {margin-left:0;}
form {line-height:1.4;}
nav {
  display:block;
  width:100%;
  background:#152732;
}
.line::after, nav::after, .center::after, .box::after, .margin::after, .margin2x::after, .grid.full::after {
  clear:both;
  content: ".";
  display:block;
  height:0;
  line-height:0;
  overflow:hidden;
  visibility:hidden;
}
.grid.margin::after, .grid.margin2x::after {
  content: "";
  display:none;
}

/* hamburger menu*/
.nav-text:after,.nav-text:before,.nav-text span {
  background-color:#fff;
  border-radius:3px;
  content:'';
  display:block;
  height:3px;
  margin:9px auto;
  width: 30px;
  top :45px;
  transition:all 0.2s ease-in-out;
  -moz-transition:all 0.2s ease-in-out;
  -webkit-transition:all 0.2s ease-in-out;
}
.show-menu .nav-text:before {
  transform:translateY(9px) rotate(135deg);
  -moz-transform:translateY(9px) rotate(135deg);
  -webkit-transform:translateY(9px) rotate(135deg); 
}
.show-menu .nav-text:after {
  transform:translateY(-9px) rotate(-135deg);
  -moz-transform:translateY(-9px) rotate(-135deg);
  -webkit-transform:translateY(-9px) rotate(-135deg);
}
.show-menu .nav-text span {
  transform:scale(0);
  -moz-transform:scale(0);
  -webkit-transform:scale(0);  
}
.top-nav ul {padding:0;}
.top-nav ul ul {
  position:absolute;
  background:#152732;
  font-family : CopperplateGothic-Bold;
}
.top-nav li {
  float:left;
  list-style:none outside none;
  cursor:pointer; 
  background:#152732;
  font-family : CopperplateGothic-Bold;
}
.top-nav li a {
  color:#fff; 
  display:block;
  font-size:1rem;
  padding:1.25rem; 
}
.top-nav li ul li a {
  background:none repeat scroll 0 0 #152732;
  min-width:100%;
  padding:0.625rem;
}
.top-nav li a:hover, .aside-nav li a:hover {background:#2b4c61;}
.top-nav li ul {display:none;}
.top-nav li ul li,.top-nav li ul li ul li {
  float:none;
  list-style:none outside none;
  min-width:100%;
  padding:0;
}
.count-number {
  background: rgba(153, 153, 153, 0.25) none repeat scroll 0 0;
  border-radius: 10rem;
  color: #fff;
  display: inline-block;
  font-size: 0.7rem;
  height: 1.3rem;
  line-height: 1.3rem; 
  margin: 0 0 -0.3125rem 0.3125rem;
  text-align: center;
  width: 1.3rem;
}
ul.chevron .count-number {display:none;}
ul.chevron .submenu > a:after, ul.chevron .sub-submenu > a:after,ul.chevron .aside-submenu > a:after, ul.chevron .aside-sub-submenu > a:after {
  content:"\f004";
  display:inline-block;
  font-family:"mfg";
  font-size:0.7rem;
  margin:0 0.625rem;
}
.top-nav .active-item a {background:#2b4c61; }
.aside-nav > ul > li.active-item > a:link,.aside-nav > ul > li.active-item > a:visited {
  background:#2b4c61;
  color:#fff;
}
@media screen and (min-width:769px) {
  .aside-nav .count-number {
	  margin-left:-1.25rem;	
	  float:right;	
  }
  .top-nav li:hover > ul {
	  display:block;
	  z-index:10;
  }  
  .top-nav li:hover > ul ul {
    left:100%;
    margin:-2.5rem 0;
    width:100%;
  } 
  
  #footerpnl {
    display:none;
} 


#desk-login-pnl {
    display:block;
} 
#logo-pnl {
    display:block;
} 
#mob-login-pnl {
    display:none;
} 
#mob-logo-pnl {
    display:none;
} 


#mob-menu {
    display:none;
}  
 
#header {  
    display:block;
    width:100%;
    position :absolute; 
    z-index:9999;
}

 #desk-sponsored {
    display:block;
} 
 #mob-sponsored {
    display:none;
} 
 #mob-game {
    display:none;
} 

 .info-title-d {
    display:block;
}

  .info-title-m {
    display:none;
} 
} 

@media screen and (max-width:769px) {
   
#desk-login-pnl {
    display:none;
}   
#logo-pnl {
    display:none;
} 
#mob-login-pnl {
    display:block;
} 
#mob-logo-pnl {
    display:block;
} 
   
#mob-menu {
    display:block; 
}   
#contact-pnl{
    display:none;  
} 
#desk-header {
    display:none;  
}  
 
#header {
    display:none;
    height:50px;
}


 #desk-sponsored {
    display:none;
} 
 #mob-sponsored {
    display:block;
} 

 #mob-game {
    display:block;
}  

 .info-title-d {
    display:none;
}
.info-title-m {
    display:block;
} 
}


.nav-text,.aside-nav-text {display:none;}
.aside-nav a,.aside-nav a:link,.aside-nav a:visited,.aside-nav li > ul,.top-nav a,.top-nav a:link,.top-nav a:visited {
  transition:background 0.20s linear 0s;
  -o-transition:background 0.20s linear 0s;
  -ms-transition:background 0.20s linear 0s;
  -moz-transition:background 0.20s linear 0s;
  -webkit-transition:background 0.20s linear 0s;
}
.aside-nav ul {
  background:#e8e8e8; 
  padding:0;
}
.aside-nav li {
  list-style:none outside none;
  cursor:pointer;
}
.aside-nav li a,.aside-nav li a:link,.aside-nav li a:visited {
  color:#444;
  display:block;
  font-size:1rem;
  padding:1.25rem;
}
.aside-nav > ul > li:last-child a {border-bottom:0 none;}
.aside-nav li > ul {
  height:0;
  display:block;
  position:relative;
  background:#f4f4f4; 
  overflow:hidden;
}
.aside-nav li ul ul {
  border:0;
  background:#fff;
}
.aside-nav ul ul a {padding:0.625rem 1.25rem;}
.aside-nav li a:link, .aside-nav li a:visited {color:#333;}
.aside-nav li li a:hover, .aside-nav li li.active-item > a, .aside-nav li li.aside-sub-submenu li a:hover {
  color:#fff;
  background:#2b4c61;
}
.aside-nav > ul > li > a:hover {color:#fff;}
.aside-nav li li a:link, .aside-nav li li a:visited {background:none;}
.aside-nav .show-aside-ul, .aside-nav .active-aside-item {height:auto;} 
nav.breadcrumb-nav {
  background:#fff;
  margin:0.625rem 0;
}
nav.breadcrumb-nav ul {
  list-style:none;
  padding:0;
}
nav.breadcrumb-nav ul li {float:left;}
nav.breadcrumb-nav ul li a:hover {text-decoration:underline;}
.breadcrumb-nav i {color:#B6C900;}
nav.breadcrumb-nav ul li:after {
  content:"/";
  margin:0 9px;
  color:#c8c7c7;
}
nav.breadcrumb-nav ul li:last-child:after {content:"";}
.slide-content, .slide-nav {
  transition:all 0.10s linear 0s;
  -o-transition:all 0.10s linear 0s;
  -ms-transition:all 0.10s linear 0s;
  -moz-transition:all 0.10s linear 0s;
  -webkit-transition:all 0.10s linear 0s;
}
.slide-content {
  float:left;
  width:calc(100% - 60px);  
}
.aside-nav.slide-nav {
  background:#1c3849;
  bottom:0; 
  right:0;
  top:0;
  margin-right:-180px;     
  overflow-y:auto;
  padding-top:0.625rem;
  position:fixed;
  width:240px;
  z-index:2;
}
.aside-nav.slide-nav > ul {
  background:#1c3849;
  opacity:0;
  transition:all 0.20s linear 0s;
  -o-transition:all 0.20s linear 0s;
  -ms-transition:all 0.20s linear 0s;
  -moz-transition:all 0.20s linear 0s;
  -webkit-transition:all 0.20s linear 0s;
}
.aside-nav.slide-nav li a, .aside-nav.slide-nav li a:link, .aside-nav.slide-nav li a:visited {
  color:#fff;
  display:block;
  font-size:0.9rem;
  padding:0.625rem 1.25rem;
  border-bottom:0;
}
.aside-nav.slide-nav li a:hover {
  background:#152732!important;
  color:#fff!important;
}
.aside-nav.slide-nav li > ul {
  background:#2b4c61;
  border-left:0;
  border-right:0;
}
.aside-nav.slide-nav li > ul ul {
  background:#456274;
  border-left:0;
  border-right:0;
}
.slide-nav-button {
  background:#152732;
  cursor:pointer;
  position:fixed;
  top:0;
  right:0;
  bottom:0;
  width:60px;
  z-index:3;
}
.active-slide-nav .slide-content {margin-left:-240px;}
.active-slide-nav .slide-nav {margin-right:60px;}
.slide-to-left .slide-content {float:right;}
.slide-to-left .slide-nav {
  left:0;
  margin-right:0; 
  margin-left:-180px;    
}
.slide-to-left .slide-nav-button {left:0;}
.slide-to-left.active-slide-nav .slide-content {
  margin-right:-240px;
  margin-left:0;
}
.slide-to-left.active-slide-nav .slide-nav {
  margin-right:0;
  margin-left:60px;
}
.active-slide-nav .slide-nav ul {opacity:1;}
.nav-icon {
  padding:0.9rem;
  width:100%;
}
.nav-icon:after,.nav-icon:before,.nav-icon div {
  background-color:#fff;
  border-radius:3px;
  content:"";
  display:block;
  height:3px;
  margin:6px 0;
  transition:all 0.2s ease-in-out;
  -moz-transition:all 0.2s ease-in-out;
  -webkit-transition:all 0.2s ease-in-out;
}
.active-slide-nav .nav-icon:before {
  transform:translateY(9px) rotate(135deg);
  -moz-transform:translateY(9px) rotate(135deg);
  -webkit-transform:translateY(9px) rotate(135deg);
}
.active-slide-nav .nav-icon:after {
  transform:translateY(-9px) rotate(-135deg);
  -moz-transform:translateY(-9px) rotate(-135deg);
  -webkit-transform:translateY(-9px) rotate(-135deg);
}
.active-slide-nav .nav-icon div {
  transform:scale(0);
  -moz-transform:scale(0);
  -webkit-transform:scale(0);  
}
.active-slide-nav {overflow-x:hidden;} 
.padding {
  display:list-item;
  list-style:none outside none;
  padding:0.625rem;
}
.margin,.margin2x {display: block;}
.margin {margin:0 -0.625rem;}
.margin2x {margin:0 -1.25rem;}
.grid.margin {
  display: grid;
  grid-column-gap:20px;
  margin:0 auto;	
}
.grid.margin2x {
  display: grid;
  grid-column-gap:40px;
  margin:0 auto;	
}
.line {clear:left;}
.line .line {padding:0;}
.hide-xxl {display:none!important;}
.box {
  background:none repeat scroll 0 0 #050c1b;
  display:block;
  padding:1.25rem;
  width:100%;
}
.margin-bottom {margin-bottom:1.25rem!important;}
.margin-bottom2x {margin-bottom:2.5rem!important;}
.s-1,.s-2,.s-five,.s-3,.s-4,.s-5,.s-6,.s-7,.s-8,.s-9,.s-10,.s-11,.s-12,.m-1,.m-2,.m-five,.m-3,.m-4,.m-5,.m-6,.m-7,.m-8,.m-9,.m-10,.m-11,.m-12,.l-1,.l-2,.l-five,.l-3,.l-4,.l-5,.l-6,.l-7,.l-8,.l-9,.l-10,.l-11,.l-12,.xl-1,.xl-2,.xl-five,.xl-3,.xl-4,.xl-5,.xl-6,.xl-7,.xl-8,.xl-9,.xl-10,.xl-11,.xl-12,.xxl-1,.xxl-2,.xxl-five,.xxl-3,.xxl-4,.xxl-5,.xxl-6,.xxl-7,.xxl-8,.xxl-9,.xxl-10,.xxl-11,.xxl-12 {
  float:left;
  position:static;
}
.xxl-offset-1 {margin-left:8.3333%;}
.xxl-offset-2 {margin-left:16.6666%;}
.xxl-offset-five {margin-left:20%;}
.xxl-offset-3 {margin-left:25%;}
.xxl-offset-4 {margin-left:33.3333%;}
.xxl-offset-5 {margin-left:41.6666%;}
.xxl-offset-6 {margin-left:50%;}
.xxl-offset-7 {margin-left:58.3333%;}
.xxl-offset-8 {margin-left:66.6666%;}
.xxl-offset-9 {margin-left:75%;}
.xxl-offset-10 {margin-left:83.3333%;}
.xxl-offset-11 {margin-left:91.6666%;}
.xxl-offset-12 {margin-left:100%;}
.xxl-order-1 {order:-1;}
.xxl-order-2 {order:2;}
.xxl-order-3 {order:3;}
.xxl-order-4 {order:4;}
.xxl-order-5 {order:5;}
.xxl-order-6 {order:6;}
.xxl-order-7 {order:7;}
.xxl-order-8 {order:8;}
.xxl-order-9 {order:9;}
.xxl-order-10 {order:10;}
.xxl-order-11 {order:11;}
.xxl-order-12 {order:12;} 
.xxl-order-last {order:99999999;} 
.line .margin > .s-1,.line .margin > .s-2,.line .margin > .s-five,.line .margin > .s-3,.line .margin > .s-4,.line .margin > .s-5,.line .margin > .s-6,.line .margin > .s-7,.line .margin > .s-8,.line .margin > .s-9,.line .margin > .s-10,.line .margin > .s-11,.line .margin > .s-12,
.line .margin > .m-1,.line .margin > .m-2,.line .margin > .m-five,.line .margin > .m-3,.line .margin > .m-4,.line .margin > .m-5,.line .margin > .m-6,.line .margin > .m-7,.line .margin > .m-8,.line .margin > .m-9,.line .margin > .m-10,.line .margin > .m-11,.line .margin > .m-12,
.line .margin > .l-1,.line .margin > .l-2,.line .margin > .l-five,.line .margin > .l-3,.line .margin > .l-4,.line .margin > .l-5,.line .margin > .l-6,.line .margin > .l-7,.line .margin > .l-8,.line .margin > .l-9,.line .margin > .l-10,.line .margin > .l-11,.line .margin > .l-12,
.line .margin > .xl-1,.line .margin > .xl-2,.line .margin > .xl-five,.line .margin > .xl-3,.line .margin > .xl-4,.line .margin > .xl-5,.line .margin > .xl-6,.line .margin > .xl-7,.line .margin > .xl-8,.line .margin > .xl-9,.line .margin > .xl-10,.line .margin > .xl-11,.line .margin > .xl-12,
.line .margin > .xxl-1,.line .margin > .xxl-2,.line .margin > .xxl-five,.line .margin > .xxl-3,.line .margin > .xxl-4,.line .margin > .xxl-5,.line .margin > .xxl-6,.line .margin > .xxl-7,.line .margin > .xxl-8,.line .margin > .xxl-9,.line .margin > .xxl-10,.line .margin > .xxl-11,.line .margin > .xxl-12 {padding:0 0.625rem;}
.line .margin2x > .s-1,.line .margin2x > .s-2,.line .margin2x > .s-five,.line .margin2x > .s-3,.line .margin2x > .s-4,.line .margin2x > .s-5,.line .margin2x > .s-6,.line .margin2x > .s-7,.line .margin2x > .s-8,.line .margin2x > .s-9,.line .margin2x > .s-10,.line .margin2x > .s-11,.line .margin2x > .s-12,
.line .margin2x > .m-1,.line .margin2x > .m-2,.line .margin2x > .m-five,.line .margin2x > .m-3,.line .margin2x > .m-4,.line .margin2x > .m-5,.line .margin2x > .m-6,.line .margin2x > .m-7,.line .margin2x > .m-8,.line .margin2x > .m-9,.line .margin2x > .m-10,.line .margin2x > .m-11,.line .margin2x > .m-12,
.line .margin2x > .l-1,.line .margin2x > .l-2,.line .margin2x > .l-five,.line .margin2x > .l-3,.line .margin2x > .l-4,.line .margin2x > .l-5,.line .margin2x > .l-6,.line .margin2x > .l-7,.line .margin2x > .l-8,.line .margin2x > .l-9,.line .margin2x > .l-10,.line .margin2x > .l-11,.line .margin2x > .l-12,
.line .margin2x > .xl-1,.line .margin2x > .xl-2,.line .margin2x > .xl-five,.line .margin2x > .xl-3,.line .margin2x > .xl-4,.line .margin2x > .xl-5,.line .margin2x > .xl-6,.line .margin2x > .xl-7,.line .margin2x > .xl-8,.line .margin2x > .xl-9,.line .margin2x > .xl-10,.line .margin2x > .xl-11,.line .margin2x > .xl-12,
.line .margin2x > .xxl-1,.line .margin2x > .xxl-2,.line .margin2x > .xxl-five,.line .margin2x > .xxl-3,.line .margin2x > .xxl-4,.line .margin2x > .xxl-5,.line .margin2x > .xxl-6,.line .margin2x > .xxl-7,.line .margin2x > .xxl-8,.line .margin2x > .xxl-9,.line .margin2x > .xxl-10,.line .margin2x > .xxl-11,.line .margin2x > .xxl-12 {padding:0 1.25rem;}
.line-full-width .margin > .s-1,.line-full-width .margin > .s-2,.line-full-width .margin > .s-five,.line-full-width .margin > .s-3,.line-full-width .margin > .s-4,.line-full-width .margin > .s-5,.line-full-width .margin > .s-6,.line-full-width .margin > .s-7,.line-full-width .margin > .s-8,.line-full-width .margin > .s-9,.line-full-width .margin > .s-10,.line-full-width .margin > .s-11,.line-full-width .margin > .s-12,
.line-full-width .margin > .m-1,.line-full-width .margin > .m-2,.line-full-width .margin > .m-five,.line-full-width .margin > .m-3,.line-full-width .margin > .m-4,.line-full-width .margin > .m-5,.line-full-width .margin > .m-6,.line-full-width .margin > .m-7,.line-full-width .margin > .m-8,.line-full-width .margin > .m-9,.line-full-width .margin > .m-10,.line-full-width .margin > .m-11,.line-full-width .margin > .m-12,
.line-full-width .margin > .l-1,.line-full-width .margin > .l-2,.line-full-width .margin > .l-five,.line-full-width .margin > .l-3,.line-full-width .margin > .l-4,.line-full-width .margin > .l-5,.line-full-width .margin > .l-6,.line-full-width .margin > .l-7,.line-full-width .margin > .l-8,.line-full-width .margin > .l-9,.line-full-width .margin > .l-10,.line-full-width .margin > .l-11,.line-full-width .margin > .l-12,
.line-full-width .margin > .xl-1,.line-full-width .margin > .xl-2,.line-full-width .margin > .xl-five,.line-full-width .margin > .xl-3,.line-full-width .margin > .xl-4,.line-full-width .margin > .xl-5,.line-full-width .margin > .xl-6,.line-full-width .margin > .xl-7,.line-full-width .margin > .xl-8,.line-full-width .margin > .xl-9,.line-full-width .margin > .xl-10,.line-full-width .margin > .xl-11,.line-full-width .margin > .xl-12,
.line-full-width .margin > .xxl-1,.line-full-width .margin > .xxl-2,.line-full-width .margin > .xxl-five,.line-full-width .margin > .xxl-3,.line-full-width .margin > .xxl-4,.line-full-width .margin > .xxl-5,.line-full-width .margin > .xxl-6,.line-full-width .margin > .xxl-7,.line-full-width .margin > .xxl-8,.line-full-width .margin > .xxl-9,.line-full-width .margin > .xxl-10,.line-full-width .margin > .xxl-11,.line-full-width .margin > .xxl-12 {padding:0 0.625rem;}
.line-full-width .margin2x > .s-1,.line-full-width .margin2x > .s-2,.line-full-width .margin2x > .s-five,.line-full-width .margin2x > .s-3,.line-full-width .margin2x > .s-4,.line-full-width .margin2x > .s-5,.line-full-width .margin2x > .s-6,.line-full-width .margin2x > .s-7,.line-full-width .margin2x > .s-8,.line-full-width .margin2x > .s-9,.line-full-width .margin2x > .s-10,.line-full-width .margin2x > .s-11,.line-full-width .margin2x > .s-12,
.line-full-width .margin2x > .m-1,.line-full-width .margin2x > .m-2,.line-full-width .margin2x > .m-five,.line-full-width .margin2x > .m-3,.line-full-width .margin2x > .m-4,.line-full-width .margin2x > .m-5,.line-full-width .margin2x > .m-6,.line-full-width .margin2x > .m-7,.line-full-width .margin2x > .m-8,.line-full-width .margin2x > .m-9,.line-full-width .margin2x > .m-10,.line-full-width .margin2x > .m-11,.line-full-width .margin2x > .m-12,
.line-full-width .margin2x > .l-1,.line-full-width .margin2x > .l-2,.line-full-width .margin2x > .l-five,.line-full-width .margin2x > .l-3,.line-full-width .margin2x > .l-4,.line-full-width .margin2x > .l-5,.line-full-width .margin2x > .l-6,.line-full-width .margin2x > .l-7,.line-full-width .margin2x > .l-8,.line-full-width .margin2x > .l-9,.line-full-width .margin2x > .l-10,.line-full-width .margin2x > .l-11,.line-full-width .margin2x > .l-12,
.line-full-width .margin2x > .xl-1,.line-full-width .margin2x > .xl-2,.line-full-width .margin2x > .xl-five,.line-full-width .margin2x > .xl-3,.line-full-width .margin2x > .xl-4,.line-full-width .margin2x > .xl-5,.line-full-width .margin2x > .xl-6,.line-full-width .margin2x > .xl-7,.line-full-width .margin2x > .xl-8,.line-full-width .margin2x > .xl-9,.line-full-width .margin2x > .xl-10,.line-full-width .margin2x > .xl-11,.line-full-width .margin2x > .xl-12,
.line-full-width .margin2x > .xxl-1,.line-full-width .margin2x > .xxl-2,.line-full-width .margin2x > .xxl-five,.line-full-width .margin2x > .xxl-3,.line-full-width .margin2x > .xxl-4,.line-full-width .margin2x > .xxl-5,.line-full-width .margin2x > .xxl-6,.line-full-width .margin2x > .xxl-7,.line-full-width .margin2x > .xxl-8,.line-full-width .margin2x > .xxl-9,.line-full-width .margin2x > .xxl-10,.line-full-width .margin2x > .xxl-11,.line-full-width .margin2x > .xxl-12 {padding:0 1.25rem;}
.s-1, .grid .s-1.center {width:8.3333%;}
.s-2, .grid .s-2.center {width:16.6666%;}
.s-five {width:20%;}
.s-3, .grid .s-3.center {width:25%;}
.s-4, .grid .s-4.center {width:33.3333%;}
.s-5, .grid .s-5.center {width:41.6666%;}
.s-6, .grid .s-6.center {width:50%;}
.s-7, .grid .s-7.center {width:58.3333%;}
.s-8, .grid .s-8.center {width:66.6666%;}
.s-9, .grid .s-9.center {width:75%;}
.s-10, .grid .s-10.center {width:83.3333%;}
.s-11, .grid .s-11.center {width:91.6666%;}
.s-12, .grid .s-12.center {width:100%}
.grid .s-1 {grid-column:span 1;}
.grid .s-2 {grid-column:span 2;}
.grid .s-3 {grid-column:span 3;}
.grid .s-4 {grid-column:span 4;}
.grid .s-5 {grid-column:span 5;}
.grid .s-6 {grid-column:span 6;}
.grid .s-7 {grid-column:span 7;}
.grid .s-8 {grid-column:span 8;}
.grid .s-9 {grid-column:span 9;}
.grid .s-10 {grid-column:span 10;}
.grid .s-11 {grid-column:span 11;}
.grid .s-12 {grid-column:span 12;}  
.grid .s-row-1 {grid-row:span 1;}
.grid .s-row-2 {grid-row:span 2;}
.grid .s-row-3 {grid-row:span 3;}
.grid .s-row-4 {grid-row:span 4;}
.grid .s-row-5 {grid-row:span 5;}
.grid .s-row-6 {grid-row:span 6;}
.grid .s-row-7 {grid-row:span 7;}
.grid .s-row-8 {grid-row:span 8;}
.grid .s-row-9 {grid-row:span 9;}
.grid .s-row-10 {grid-row:span 10;}
.grid .s-row-11 {grid-row:span 11;}
.grid .s-row-12 {grid-row:span 12;}
.m-1, .grid .m-1.center {width:8.3333%;}
.m-2, .grid .m-2.center {width:16.6666%;}
.m-five {width:20%;}
.m-3, .grid .m-3.center {width:25%;}
.m-4, .grid .m-4.center {width:33.3333%;}
.m-5, .grid .m-5.center {width:41.6666%;}
.m-6, .grid .m-6.center {width:50%;}
.m-7, .grid .m-7.center {width:58.3333%;}
.m-8, .grid .m-8.center {width:66.6666%;}
.m-9, .grid .m-9.center {width:75%;}
.m-10, .grid .m-10.center {width:83.3333%;}
.m-11, .grid .m-11.center {width:91.6666%;}
.m-12, .grid .m-12.center {width:100%}
.grid .m-1 {grid-column:span 1;}
.grid .m-2 {grid-column:span 2;}
.grid .m-3 {grid-column:span 3;}
.grid .m-4 {grid-column:span 4;}
.grid .m-5 {grid-column:span 5;}
.grid .m-6 {grid-column:span 6;}
.grid .m-7 {grid-column:span 7;}
.grid .m-8 {grid-column:span 8;}
.grid .m-9 {grid-column:span 9;}
.grid .m-10 {grid-column:span 10;}
.grid .m-11 {grid-column:span 11;}
.grid .m-12 {grid-column:span 12;} 
.grid .m-row-1 {grid-row:span 1;}
.grid .m-row-2 {grid-row:span 2;}
.grid .m-row-3 {grid-row:span 3;}
.grid .m-row-4 {grid-row:span 4;}
.grid .m-row-5 {grid-row:span 5;}
.grid .m-row-6 {grid-row:span 6;}
.grid .m-row-7 {grid-row:span 7;}
.grid .m-row-8 {grid-row:span 8;}
.grid .m-row-9 {grid-row:span 9;}
.grid .m-row-10 {grid-row:span 10;}
.grid .m-row-11 {grid-row:span 11;}
.grid .m-row-12 {grid-row:span 12;}
.l-1, .grid .l-1.center {width:8.3333%;}
.l-2, .grid .l-2.center {width:16.6666%;}
.l-five {width:20%;}
.l-3, .grid .l-3.center {width:25%;}
.l-4, .grid .l-4.center {width:33.3333%;}
.l-5, .grid .l-5.center {width:41.6666%;}
.l-6, .grid .l-6.center {width:50%;}
.l-7, .grid .l-7.center {width:58.3333%;}
.l-8, .grid .l-8.center {width:66.6666%;}
.l-9, .grid .l-9.center {width:75%;}
.l-10, .grid .l-10.center {width:83.3333%;}
.l-11, .grid .l-11.center {width:91.6666%;}
.l-12, .grid .l-12.center {width:100%}
.grid .l-1 {grid-column:span 1;}
.grid .l-2 {grid-column:span 2;}
.grid .l-3 {grid-column:span 3;}
.grid .l-4 {grid-column:span 4;}
.grid .l-5 {grid-column:span 5;}
.grid .l-6 {grid-column:span 6;}
.grid .l-7 {grid-column:span 7;}
.grid .l-8 {grid-column:span 8;}
.grid .l-9 {grid-column:span 9;}
.grid .l-10 {grid-column:span 10;}
.grid .l-11 {grid-column:span 11;}
.grid .l-12 {grid-column:span 12;} 
.grid .l-row-1 {grid-row:span 1;}
.grid .l-row-2 {grid-row:span 2;}
.grid .l-row-3 {grid-row:span 3;}
.grid .l-row-4 {grid-row:span 4;}
.grid .l-row-5 {grid-row:span 5;}
.grid .l-row-6 {grid-row:span 6;}
.grid .l-row-7 {grid-row:span 7;}
.grid .l-row-8 {grid-row:span 8;}
.grid .l-row-9 {grid-row:span 9;}
.grid .l-row-10 {grid-row:span 10;}
.grid .l-row-11 {grid-row:span 11;}
.grid .l-row-12 {grid-row:span 12;}
.xl-1, .grid .xl-1.center {width:8.3333%;}
.xl-2, .grid .xl-2.center {width:16.6666%;}
.xl-five {width:20%;}
.xl-3, .grid .xl-3.center {width:25%;}
.xl-4, .grid .xl-4.center {width:33.3333%;}
.xl-5, .grid .xl-5.center {width:41.6666%;}
.xl-6, .grid .xl-6.center {width:50%;}
.xl-7, .grid .xl-7.center {width:58.3333%;}
.xl-8, .grid .xl-8.center {width:66.6666%;}
.xl-9, .grid .xl-9.center {width:75%;}
.xl-10, .grid .xl-10.center {width:83.3333%;}
.xl-11, .grid .xl-11.center {width:91.6666%;}
.xl-12, .grid .xl-12.center {width:100%}
.grid .xl-1 {grid-column:span 1;}
.grid .xl-2 {grid-column:span 2;}
.grid .xl-3 {grid-column:span 3;}
.grid .xl-4 {grid-column:span 4;}
.grid .xl-5 {grid-column:span 5;}
.grid .xl-6 {grid-column:span 6;}
.grid .xl-7 {grid-column:span 7;}
.grid .xl-8 {grid-column:span 8;}
.grid .xl-9 {grid-column:span 9;}
.grid .xl-10 {grid-column:span 10;}
.grid .xl-11 {grid-column:span 11;}
.grid .xl-12 {grid-column:span 12;}   
.grid .xl-row-1 {grid-row:span 1;}
.grid .xl-row-2 {grid-row:span 2;}
.grid .xl-row-3 {grid-row:span 3;}
.grid .xl-row-4 {grid-row:span 4;}
.grid .xl-row-5 {grid-row:span 5;}
.grid .xl-row-6 {grid-row:span 6;}
.grid .xl-row-7 {grid-row:span 7;}
.grid .xl-row-8 {grid-row:span 8;}
.grid .xl-row-9 {grid-row:span 9;}
.grid .xl-row-10 {grid-row:span 10;}
.grid .xl-row-11 {grid-row:span 11;}
.grid .xl-row-12 {grid-row:span 12;}
.xxl-1, .grid .xxl-1.center {width:8.3333%;}
.xxl-2, .grid .xxl-2.center {width:16.6666%;}
.xxl-five {width:20%;}
.xxl-3, .grid .xxl-3.center {width:25%;}
.xxl-4, .grid .xxl-4.center {width:33.3333%;}
.xxl-5, .grid .xxl-5.center {width:41.6666%;}
.xxl-6, .grid .xxl-6.center {width:50%;}
.xxl-7, .grid .xxl-7.center {width:58.3333%;}
.xxl-8, .grid .xxl-8.center {width:66.6666%;}
.xxl-9, .grid .xxl-9.center {width:75%;}
.xxl-10, .grid .xxl-10.center {width:83.3333%;}
.xxl-11, .grid .xxl-11.center {width:91.6666%;}
.xxl-12, .grid .xxl-12.center {width:100%}
.grid .xxl-1 {grid-column:span 1;}
.grid .xxl-2 {grid-column:span 2;}
.grid .xxl-3 {grid-column:span 3;}
.grid .xxl-4 {grid-column:span 4;}
.grid .xxl-5 {grid-column:span 5;}
.grid .xxl-6 {grid-column:span 6;}
.grid .xxl-7 {grid-column:span 7;}
.grid .xxl-8 {grid-column:span 8;}
.grid .xxl-9 {grid-column:span 9;}
.grid .xxl-10 {grid-column:span 10;}
.grid .xxl-11 {grid-column:span 11;}
.grid .xxl-12 {grid-column:span 12;}
.grid .xxl-row-1 {grid-row:span 1;}
.grid .xxl-row-2 {grid-row:span 2;}
.grid .xxl-row-3 {grid-row:span 3;}
.grid .xxl-row-4 {grid-row:span 4;}
.grid .xxl-row-5 {grid-row:span 5;}
.grid .xxl-row-6 {grid-row:span 6;}
.grid .xxl-row-7 {grid-row:span 7;}
.grid .xxl-row-8 {grid-row:span 8;}
.grid .xxl-row-9 {grid-row:span 9;}
.grid .xxl-row-10 {grid-row:span 10;}
.grid .xxl-row-11 {grid-row:span 11;}
.grid .xxl-row-12 {grid-row:span 12;}
.right {float:right}
.left {float:left;}  
.center {margin-left: auto;margin-right: auto;} 

@media screen and (max-width:1366px) {
  .hide-xxl,.hide-l,.hide-m,.hide-s {display:initial!important;}
  .hide-xl {display:none!important;}
  .size-960,.size-1140,.size-1280,.size-1520 {max-width:1366px;}
  .xxl-offset-1,.xxl-offset-2,.xxl-offset-five,.xxl-offset-3,.xxl-offset-4,.xxl-offset-5,.xxl-offset-6,.xxl-offset-7,.xxl-offset-8,.xxl-offset-9,.xxl-offset-10,.xxl-offset-11,.xxl-offset-12 {margin-left:0;}
  .xl-offset-1 {margin-left:8.3333%;}
  .xl-offset-2 {margin-left:16.6666%;}
  .xl-offset-five {margin-left:20%;}
  .xl-offset-3 {margin-left:25%;}
  .xl-offset-4 {margin-left:33.3333%;}
  .xl-offset-5 {margin-left:41.6666%;}
  .xl-offset-6 {margin-left:50%;}
  .xl-offset-7 {margin-left:58.3333%;}
  .xl-offset-8 {margin-left:66.6666%;}
  .xl-offset-9 {margin-left:75%;}
  .xl-offset-10 {margin-left:83.3333%;}
  .xl-offset-11 {margin-left:91.6666%;}
  .xl-offset-12 {margin-left:100%;}
  .xxl-order-1,.xxl-order-2,.xxl-order-3,.xxl-order-4,.xxl-order-5,.xxl-order-6,.xxl-order-7,.xxl-order-8,.xxl-order-9,.xxl-order-10,.xxl-order-11,.xxl-order-12,.xxl-order-last {order:initial;} 
  .xl-order-1 {order:-1;}
  .xl-order-2 {order:2;}
  .xl-order-3 {order:3;}
  .xl-order-4 {order:4;}
  .xl-order-5 {order:5;}
  .xl-order-6 {order:6;}
  .xl-order-7 {order:7;}
  .xl-order-8 {order:8;}
  .xl-order-9 {order:9;}
  .xl-order-10 {order:10;}
  .xl-order-11 {order:11;}
  .xl-order-12 {order:12;} 
  .xl-order-last {order:99999999;} 
  .xl-1, .grid .xl-1.center {width:8.3333%;}
  .xl-2, .grid .xl-2.center {width:16.6666%;}
  .xl-five {width:20%;}
  .xl-3, .grid .xl-3.center {width:25%;}
  .xl-4, .grid .xl-4.center {width:33.3333%;}
  .xl-5, .grid .xl-5.center {width:41.6666%;}
  .xl-6, .grid .xl-6.center {width:50%;}
  .xl-7, .grid .xl-7.center {width:58.3333%;}
  .xl-8, .grid .xl-8.center {width:66.6666%;}
  .xl-9, .grid .xl-9.center {width:75%;}
  .xl-10, .grid .xl-10.center {width:83.3333%;}
  .xl-11, .grid .xl-11.center {width:91.6666%;}
  .xl-12, .grid .xl-12.center {width:100%}
  .grid .xl-1 {grid-column:span 1;}
  .grid .xl-2 {grid-column:span 2;}
  .grid .xl-3 {grid-column:span 3;}
  .grid .xl-4 {grid-column:span 4;}
  .grid .xl-5 {grid-column:span 5;}
  .grid .xl-6 {grid-column:span 6;}
  .grid .xl-7 {grid-column:span 7;}
  .grid .xl-8 {grid-column:span 8;}
  .grid .xl-9 {grid-column:span 9;}
  .grid .xl-10 {grid-column:span 10;}
  .grid .xl-11 {grid-column:span 11;}
  .grid .xl-12 {grid-column:span 12;}
  .grid .xl-row-1 {grid-row:span 1;}
  .grid .xl-row-2 {grid-row:span 2;}
  .grid .xl-row-3 {grid-row:span 3;}
  .grid .xl-row-4 {grid-row:span 4;}
  .grid .xl-row-5 {grid-row:span 5;}
  .grid .xl-row-6 {grid-row:span 6;}
  .grid .xl-row-7 {grid-row:span 7;}
  .grid .xl-row-8 {grid-row:span 8;}
  .grid .xl-row-9 {grid-row:span 9;}
  .grid .xl-row-10 {grid-row:span 10;}
  .grid .xl-row-11 {grid-row:span 11;}
  .grid .xl-row-12 {grid-row:span 12;}  
}

@media screen and (max-width:1140px) {
  .hide-xxl,.hide-xl,.hide-m,.hide-s {display:initial!important;}
  .hide-l {display:none!important;}
  .size-960,.size-1140,.size-1280,.size-1520 {max-width:1140px;}
  .xl-offset-1,.xl-offset-2,.xl-offset-five,.xl-offset-3,.xl-offset-4,.xl-offset-5,.xl-offset-6,.xl-offset-7,.xl-offset-8,.xl-offset-9,.xl-offset-10,.xl-offset-11,.xl-offset-12 {margin-left:0;}
  .l-offset-1 {margin-left:8.3333%;}
  .l-offset-2 {margin-left:16.6666%;}
  .l-offset-five {margin-left:20%;}
  .l-offset-3 {margin-left:25%;}
  .l-offset-4 {margin-left:33.3333%;}
  .l-offset-5 {margin-left:41.6666%;}
  .l-offset-6 {margin-left:50%;}
  .l-offset-7 {margin-left:58.3333%;}
  .l-offset-8 {margin-left:66.6666%;}
  .l-offset-9 {margin-left:75%;}
  .l-offset-10 {margin-left:83.3333%;}
  .l-offset-11 {margin-left:91.6666%;}
  .l-offset-12 {margin-left:100%;}
  .xl-order-1,.xl-order-2,.xl-order-3,.xl-order-4,.xl-order-5,.xl-order-6,.xl-order-7,.xl-order-8,.xl-order-9,.xl-order-10,.xl-order-11,.xl-order-12,.xl-order-last {order:initial;} 
  .l-order-1 {order:-1;}
  .l-order-2 {order:2;}
  .l-order-3 {order:3;}
  .l-order-4 {order:4;}
  .l-order-5 {order:5;}
  .l-order-6 {order:6;}
  .l-order-7 {order:7;}
  .l-order-8 {order:8;}
  .l-order-9 {order:9;}
  .l-order-10 {order:10;}
  .l-order-11 {order:11;}
  .l-order-12 {order:12;} 
  .l-order-last {order:99999999;} 
  .l-1, .grid .l-1.center {width:8.3333%;}
  .l-2, .grid .l-2.center {width:16.6666%;}
  .l-five {width:20%;}
  .l-3, .grid .l-3.center {width:25%;}
  .l-4, .grid .l-4.center {width:33.3333%;}
  .l-5, .grid .l-5.center {width:41.6666%;}
  .l-6, .grid .l-6.center {width:50%;}
  .l-7, .grid .l-7.center {width:58.3333%;}
  .l-8, .grid .l-8.center {width:66.6666%;}
  .l-9, .grid .l-9.center {width:75%;}
  .l-10, .grid .l-10.center {width:83.3333%;}
  .l-11, .grid .l-11.center {width:91.6666%;}
  .l-12, .grid .l-12.center {width:100%}
  .grid .l-1 {grid-column:span 1;}
  .grid .l-2 {grid-column:span 2;}
  .grid .l-3 {grid-column:span 3;}
  .grid .l-4 {grid-column:span 4;}
  .grid .l-5 {grid-column:span 5;}
  .grid .l-6 {grid-column:span 6;}
  .grid .l-7 {grid-column:span 7;}
  .grid .l-8 {grid-column:span 8;}
  .grid .l-9 {grid-column:span 9;}
  .grid .l-10 {grid-column:span 10;}
  .grid .l-11 {grid-column:span 11;}
  .grid .l-12 {grid-column:span 12;}
  .grid .l-row-1 {grid-row:span 1;}
  .grid .l-row-2 {grid-row:span 2;}
  .grid .l-row-3 {grid-row:span 3;}
  .grid .l-row-4 {grid-row:span 4;}
  .grid .l-row-5 {grid-row:span 5;}
  .grid .l-row-6 {grid-row:span 6;}
  .grid .l-row-7 {grid-row:span 7;}
  .grid .l-row-8 {grid-row:span 8;}
  .grid .l-row-9 {grid-row:span 9;}
  .grid .l-row-10 {grid-row:span 10;}
  .grid .l-row-11 {grid-row:span 11;}
  .grid .l-row-12 {grid-row:span 12;}  
}
 
@media screen and (max-width:768px) {
  .size-960,.size-1140,.size-1280,.size-1520 {max-width:768px;}
  .hide-xxl,.hide-xl,.hide-l,.hide-s {display:initial!important;}
  .hide-m {display:none!important;}
  nav {
    display:block;
    cursor:pointer;
    line-height:3;
    
  }
  
   
  
  .top-nav li a {background:none repeat scroll 0 0 #1c3849; }
  .top-nav > ul {
    height:0;
    max-width:100%;
    overflow:hidden;
    position:relative;
    z-index:999;   
  }
  .top-nav > ul.show-menu,.aside-nav.minimize-on-small > ul.show-menu {height:auto;}
  .top-nav ul ul {
    left:0;
    margin-top:0;
    position:relative;
    right:0; 
  } 
  .top-nav li ul li a {min-width:100%;}
  .top-nav li {
    float:none;
    list-style:none outside none;
    padding:0;
  }
  .top-nav li a {
    color:#fff;
    display:block;
    padding:1.25rem 0.625rem;
    text-align:center;
    text-decoration:none;
  }
  .top-nav li a:hover {
    background:none repeat scroll 0 0 #152732;
    color:#fff;
  }
  .top-nav li ul,.top-nav li ul li ul {
    display:block;  
    overflow:hidden; 
    height:0;   
  } 
  .top-nav > ul ul.show-ul {
    display:block;
    height:auto;  
  }
  .top-nav li ul li a {
    background:none repeat scroll 0 0 #2b4c61;
    padding:0.625rem;
  }
  .top-nav li ul li ul li a { background:none repeat scroll 0 0 #456274;}
  .top-nav {
    position:fixed;
    top:0;
    z-index:10;
    left:-100%;
    width:100%!important;
    bottom:0;
    background:none repeat scroll 0 0 #1c3849;
    overflow-y:auto;
    transition:left 0.20s linear 0s;
    -o-transition:left 0.20s linear 0s;
    -ms-transition:left 0.20s linear 0s;
    -moz-transition:left 0.20s linear 0s;
    -webkit-transition:left 0.20s linear 0s;
  }
    
  body.show-menu {overflow: hidden; }
  .show-menu .top-nav { 
    left:0px;
    right:40%; 
    max-width:60%;
    
    
  }
  .top-nav > ul {
    height:auto;
    overflow:auto;
    position:relative;
  	top:60px;
  }
  
  /* hamburger menu*/
  .nav-text {
    color:#fff;
    display:inline-block;
    margin-right:0;
    width:auto;
    position:fixed;
    top:25px;
  	left:0;
  	background:none repeat scroll 0 0 #173c65;
  	border-style:solid;
  	border-color:#1a4474; 
  	height:50px;
  	width:60px;
  	text-align:center;
  	line-height:60px;
  	z-index:50; 
  }
  .grid.margin2x {grid-column-gap: 20px;}
  .l-offset-1,.l-offset-2,.l-offset-five,.l-offset-3,.l-offset-4,.l-offset-5,.l-offset-6,.l-offset-7,.l-offset-8,.l-offset-9,.l-offset-10,.l-offset-11,.l-offset-12,
  .xl-offset-1,.xl-offset-2,.xl-offset-five,.xl-offset-3,.xl-offset-4,.xl-offset-5,.xl-offset-6,.xl-offset-7,.xl-offset-8,.xl-offset-9,.xl-offset-10,.xl-offset-11,.xl-offset-12,
  .xxl-offset-1,.xxl-offset-2,.xxl-offset-five,.xxl-offset-3,.xxl-offset-4,.xxl-offset-5,.xxl-offset-6,.xxl-offset-7,.xxl-offset-8,.xxl-offset-9,.xxl-offset-10,.xxl-offset-11,.xxl-offset-12 {margin-left:0;}
  .m-offset-1 {margin-left:8.3333%;}
  .m-offset-2 {margin-left:16.6666%;}
  .m-offset-five {margin-left:20%;}
  .m-offset-3 {margin-left:25%;}
  .m-offset-4 {margin-left:33.3333%;}
  .m-offset-5 {margin-left:41.6666%;}
  .m-offset-6 {margin-left:50%;}
  .m-offset-7 {margin-left:58.3333%;}
  .m-offset-8 {margin-left:66.6666%;}
  .m-offset-9 {margin-left:75%;}
  .m-offset-10 {margin-left:83.3333%;}
  .m-offset-11 {margin-left:91.6666%;}
  .m-offset-12 {margin-left:100%;}
  .l-order-1,.l-order-2,.l-order-3,.l-order-4,.l-order-5,.l-order-6,.l-order-7,.l-order-8,.l-order-9,.l-order-10,.l-order-11,.l-order-12,.l-order-last {order:initial;}   
  .m-order-1 {order:-1;}
  .m-order-2 {order:2;}
  .m-order-3 {order:3;}
  .m-order-4 {order:4;}
  .m-order-5 {order:5;}
  .m-order-6 {order:6;}
  .m-order-7 {order:7;}
  .m-order-8 {order:8;}
  .m-order-9 {order:9;}
  .m-order-10 {order:10;}
  .m-order-11 {order:11;}
  .m-order-12 {order:12;} 
  .m-order-last {order:99999999;} 
  .m-1, .grid .m-1.center {width:8.3333%;}
  .m-2, .grid .m-2.center {width:16.6666%;}
  .m-five {width:20%;}
  .m-3, .grid .m-3.center {width:25%;}
  .m-4, .grid .m-4.center {width:33.3333%;}
  .m-5, .grid .m-5.center {width:41.6666%;}
  .m-6, .grid .m-6.center {width:50%;}
  .m-7, .grid .m-7.center {width:58.3333%;}
  .m-8, .grid .m-8.center {width:66.6666%;}
  .m-9, .grid .m-9.center {width:75%;}
  .m-10, .grid .m-10.center {width:83.3333%;}
  .m-11, .grid .m-11.center {width:91.6666%;}
  .m-12, .grid .m-12.center {width:100%}
  .grid .m-1 {grid-column:span 1;}
  .grid .m-2 {grid-column:span 2;}
  .grid .m-3 {grid-column:span 3;}
  .grid .m-4 {grid-column:span 4;}
  .grid .m-5 {grid-column:span 5;}
  .grid .m-6 {grid-column:span 6;}
  .grid .m-7 {grid-column:span 7;}
  .grid .m-8 {grid-column:span 8;}
  .grid .m-9 {grid-column:span 9;}
  .grid .m-10 {grid-column:span 10;}
  .grid .m-11 {grid-column:span 11;}
  .grid .m-12 {grid-column:span 12;}
  .grid .m-row-1 {grid-row:span 1;}
  .grid .m-row-2 {grid-row:span 2;}
  .grid .m-row-3 {grid-row:span 3;}
  .grid .m-row-4 {grid-row:span 4;}
  .grid .m-row-5 {grid-row:span 5;}
  .grid .m-row-6 {grid-row:span 6;}
  .grid .m-row-7 {grid-row:span 7;}
  .grid .m-row-8 {grid-row:span 8;}
  .grid .m-row-9 {grid-row:span 9;}
  .grid .m-row-10 {grid-row:span 10;}
  .grid .m-row-11 {grid-row:span 11;}
  .grid .m-row-12 {grid-row:span 12;}  
}

@media screen and (max-width:480px) {
  .size-960,.size-1140,.size-1280,.size-1520 {max-width:480px;}
  .aside-nav li a {text-align: center;}
  .minimize-on-small .aside-nav-text {
    background:#152732 none repeat scroll 0 0;
    color:#fff;
    cursor:pointer;
    display:block;
    font-size:1.2rem;
    line-height:3;
    max-width:100%;
    padding-right:0.625rem;
    text-align:center;
    vertical-align:middle;
  }
  .aside-nav-text:after {
    content:"\f008";
    font-family:"mfg";
    font-size:1.1rem;
    margin-left:0.5rem;
    text-align:right;
  }
  .aside-nav.minimize-on-small > ul {
    height:0;
    overflow:hidden;
  }
  .hide-xxl,.hide-xl,.hide-l,.hide-m {display:initial!important;}
  .hide-s {display:none!important;}
  .count-number {margin-right:-1.25rem;} 
  .m-offset-1,.m-offset-2,.m-offset-five,.m-offset-3,.m-offset-4,.m-offset-5,.m-offset-6,.m-offset-7,.m-offset-8,.m-offset-9,.m-offset-10,.m-offset-11,.m-offset-12,
  .l-offset-1,.l-offset-2,.l-offset-five,.l-offset-3,.l-offset-4,.l-offset-5,.l-offset-6,.l-offset-7,.l-offset-8,.l-offset-9,.l-offset-10,.l-offset-11,.l-offset-12,
  .xl-offset-1,.xl-offset-2,.xl-offset-five,.xl-offset-3,.xl-offset-4,.xl-offset-5,.xl-offset-6,.xl-offset-7,.xl-offset-8,.xl-offset-9,.xl-offset-10,.xl-offset-11,.xl-offset-12,
  .xxl-offset-1,.xxl-offset-2,.xxl-offset-five,.xxl-offset-3,.xxl-offset-4,.xxl-offset-5,.xxl-offset-6,.xxl-offset-7,.xxl-offset-8,.xxl-offset-9,.xxl-offset-10,.xxl-offset-11,.xxl-offset-12 {margin-left:0;}
  .s-offset-1 {margin-left:8.3333%;}
  .s-offset-2 {margin-left:16.6666%;}
  .s-offset-five {margin-left:20%;}
  .s-offset-3 {margin-left:25%;}
  .s-offset-4 {margin-left:33.3333%;}
  .s-offset-5 {margin-left:41.6666%;}
  .s-offset-6 {margin-left:50%;}
  .s-offset-7 {margin-left:58.3333%;}
  .s-offset-8 {margin-left:66.6666%;}
  .s-offset-9 {margin-left:75%;}
  .s-offset-10 {margin-left:83.3333%;}
  .s-offset-11 {margin-left:91.6666%;}
  .s-offset-12 {margin-left:100%;}
  .m-order-1,.m-order-2,.m-order-3,.m-order-4,.m-order-5,.m-order-6,.m-order-7,.m-order-8,.m-order-9,.m-order-10,.m-order-11,.m-order-12,.m-order-last {order:initial;}  
  .s-order-1 {order:-1;}
  .s-order-2 {order:2;}
  .s-order-3 {order:3;}
  .s-order-4 {order:4;}
  .s-order-5 {order:5;}
  .s-order-6 {order:6;}
  .s-order-7 {order:7;}
  .s-order-8 {order:8;}
  .s-order-9 {order:9;}
  .s-order-10 {order:10;}
  .s-order-11 {order:11;}
  .s-order-12 {order:12;} 
  .s-order-last {order:99999999;} 
  .s-1, .grid .s-1.center {width:8.3333%;}
  .s-2, .grid .s-2.center {width:16.6666%;}
  .s-five {width:20%;}
  .s-3, .grid .s-3.center {width:25%;}
  .s-4, .grid .s-4.center {width:33.3333%;}
  .s-5, .grid .s-5.center {width:41.6666%;}
  .s-6, .grid .s-6.center {width:50%;}
  .s-7, .grid .s-7.center {width:58.3333%;}
  .s-8, .grid .s-8.center {width:66.6666%;}
  .s-9, .grid .s-9.center {width:75%;}
  .s-10, .grid .s-10.center {width:83.3333%;}
  .s-11, .grid .s-11.center {width:91.6666%;}
  .s-12, .grid .s-12.center {width:100%}
  .grid .s-1 {grid-column:span 1;}
  .grid .s-2 {grid-column:span 2;}
  .grid .s-3 {grid-column:span 3;}
  .grid .s-4 {grid-column:span 4;}
  .grid .s-5 {grid-column:span 5;}
  .grid .s-6 {grid-column:span 6;}
  .grid .s-7 {grid-column:span 7;}
  .grid .s-8 {grid-column:span 8;}
  .grid .s-9 {grid-column:span 9;}
  .grid .s-10 {grid-column:span 10;}
  .grid .s-11 {grid-column:span 11;}
  .grid .s-12 {grid-column:span 12;}
  .grid .s-row-1 {grid-row:span 1;}
  .grid .s-row-2 {grid-row:span 2;}
  .grid .s-row-3 {grid-row:span 3;}
  .grid .s-row-4 {grid-row:span 4;}
  .grid .s-row-5 {grid-row:span 5;}
  .grid .s-row-6 {grid-row:span 6;}
  .grid .s-row-7 {grid-row:span 7;}
  .grid .s-row-8 {grid-row:span 8;}
  .grid .s-row-9 {grid-row:span 9;}
  .grid .s-row-10 {grid-row:span 10;}
  .grid .s-row-11 {grid-row:span 11;}
  .grid .s-row-12 {grid-row:span 12;}  
}
.grid .s-1,.grid .s-2,.grid .s-five,.grid .s-3,.grid .s-4,.grid .s-5,.grid .s-6,.grid .s-7,.grid .s-8,.grid .s-9,.grid .s-10,.grid .s-11,.grid .s-12,.grid .m-1,.grid .m-2,.grid .m-five,.grid .m-3,.grid .m-4,.grid .m-5,.grid .m-6,.grid .m-7,.grid .m-8,.grid .m-9,.grid .m-10,.grid .m-11,.grid .m-12,.grid .l-1,.grid .l-2,.grid .l-five,.grid .l-3,.grid .l-4,.grid .l-5,.grid .l-6,.grid .l-7,.grid .l-8,.grid .l-9,.grid .l-10,.grid .l-11,.grid .l-12,.grid .xl-1,.grid .xl-2,.grid .xl-five,.grid .xl-3,.grid .xl-4,.grid .xl-5,.grid .xl-6,.grid .xl-7,.grid .xl-8,.grid .xl-9,.grid .xl-10,.grid .xl-11,.grid .xl-12,.grid .xxl-1,.grid .xxl-2,.grid .xxl-five,.grid .xxl-3,.grid .xxl-4,.grid .xxl-5,.grid .xxl-6,.grid .xxl-7,.grid .xxl-8,.grid .xxl-9,.grid .xxl-10,.grid .xxl-11,.grid .xxl-12 {float:none; width:auto;}  
.center {
  float:none;
  margin:0 auto;
  display:block;
}
.grid .center {
  justify-self:center;
  margin:auto;
  grid-column:1 / -1;
}
.grid .grid {
  padding:0;
  width:100%;
}
 

@font-face {
    font-family: 'CopperplateGothic-Bold';
    src: url('CopperplateGothic-Bold.eot');
    src: url('CopperplateGothic-Bold?#iefix') format('embedded-opentype'),
         url('CopperplateGothic-Bold.woff') format('woff'),
         url('CopperplateGothic-Bold.ttf') format('truetype'),
         url('CopperplateGothic-Bold.svg#font-name') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'SportsWorld';
    src: url('SportsWorld.eot');
    src: url('SportsWorld?#iefix') format('embedded-opentype'),
         url('SportsWorld.woff') format('woff'),
         url('SportsWorld.ttf') format('truetype'),
         url('SportsWorld.svg#font-name') format('svg');
    font-weight: normal;
    font-style: normal;
}

.navbar {
  overflow: hidden;
  background-color: black;   
  font-family: 'Arial';  
  text-shadow: 2px 2px black;
 }
 
 

.navbar a {  
  font-size: 20px;
  font-weight: bold;
  color: white; 
  text-align: center; 
  text-decoration: none;  
  text-shadow: 2px 2px black;
  
}

.navbarf {
  overflow: hidden;
  background-color: black;   
  font-family: 'CopperplateGothic-Bold';   
 }
 
 

.navbarf a {  
  font-size: 12px;
  color: white; 
  text-align: center; 
  text-decoration: none;   
  
}
.subnav {
  float: left;
  overflow: hidden; padding: 0px;
}

.subnav .subnavbtn  {
  font-size: 13px;  
  border: none;
  outline: none;
  color: white; 
  padding: 5px 33px ;
  background-color: #1f2839;
  font-family: 'CopperplateGothic-Bold'; 
  
}
 


.navbar a:hover, .subnav:hover .subnavbtn {
  background-color: #507f8e;
}

 .navbar-2 {
  overflow: hidden;
  background-color: transparent;   
  font-family: 'CopperplateGothic-Bold';  
  padding-top:5px;
  margin:0 auto;
  text-align:center;  
 }
 
 

.navbar-2 a { 
  font-size: 13px;
  color: black;
  text-align: center; 
  text-decoration: none;
  
}
 

.navbar-2 a:hover, .subnav:hover .subnavbtn {
  background-color: #507f8e;
}


.subnav-content {  
  display: none;
  position: absolute;
  left: 5%; 
  background: rgba(0, 0, 0, 0.9);
  width: 89%;   
  z-index: 1; 
}

.subnav-content a {
  float: left ;
  color: white;
  text-decoration: none;
  padding: 0;
}

.subnav-content a:hover {
  background-color: #507f8e;
  color: black;
}

.subnav:hover .subnav-content {
  display: block; 
}

.txtformlogin {
  position:fixed;
}

.menubar
{
	border-left: 1px solid white;
	border-right: 1px solid white;  
}
.menubar-l
{
	border-right: 1px solid white;  
}
.menubar-r
{
	border-left: 1px solid white;  
}


.menubar-2
{
	border-left: 1px solid black;
	border-right: 1px solid black;  
}
.menubar-2-l
{
	border-right: 1px solid black;  
}
.menubar-2-r
{
	border-left: 1px solid black;  
}

#tblresult {
  font-family: CopperplateGothic-Bold, Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 95%;
  height: 350px;
  margin : 0 auto;
}

#tblresult td, #tblresult th {
  border: 1px solid black;
  padding: 0;
}

#tblresult tr{height: 40px; }
 

#tblresult th { 
  text-align: center;
  background-color: black;
  color: white;
}

.lblbig
{
	font-size:30px;
	padding-left:10px;
	font-weight:bolder; 
	
	}

.lblbigm
{
	font-size:30px;
	padding-left:5px;
	font-weight:bolder;
	
	}

.lblinfo
{
	font-size:12px;
	font-family:CopperplateGothic-Bold;
	color:black;  
	}	
	
.lblnormal
{
	font-size:20px;
	padding-left:10px;  
	
 }
 
.lblnormalm
{
	font-size:12px;
	font-family:CopperplateGothic-Bold;
	padding-left:5px;   
	border : 0 none;
	
 }	


.lblnormaltime
{
	font-size:30px;   
	}

.topnav {
  overflow: hidden;
  background-color: #d5212e;
  position: relative; 
  height:140px; 
}

.topnav #myLinks {
  display: none;
}

.topnav a {
  color: white;
  background: #d5212e;
  padding: 7px 16px;
  text-decoration: none;
  font-size: 17px;
  display: block;  
}


.logotext
{
	width: 420px;
	height: 95px;
	padding-top:40px;
	padding-left:100px;}
	
	
.topnav a.icon {
  background: #d5212e;
  display: block;
  position: absolute;
  right: 0;
  top: 20px;
  
}

.topnav a:hover {
  background-color: #ddd;
  color: black;
}

.active {
  background-color: transparent;
  color: white;
} 
 

.topnavm {
  overflow: hidden;
  background-color: #191149;
  position: relative; 
  height:80px; 
  
}
 
.topnavm #myLinks {
  display: none;
}

.topnavm a {
  color: white;
  background: #191149;
  padding: 5px 16px;
  text-decoration: none;
  font-size: 14px;
  display: block;  
}

 
	
	
	
.topnavm a.icon {
  background: c;
  display: block;
  position: absolute;
  right: 0;
  top: 25px;
  height:40px; 
  color:White;
}


.topnavm a:hover {
  background: #191149;
  color: white;
}


.topnavm2 {
  overflow: hidden;
  background-color: #d5212e;
  position: relative; 
  height:100px; 
  
}
 
.topnavm2 #myLinks {
  display: none;
}

.topnavm2 a {
  color: white;
  background: #d5212e;
  padding: 0px 16px;
  text-decoration: none;
  font-size: 14px;
  display: block;  
}

 
	
	
.topnavm2 a.icon {
  background: #d5212e;
  display: block;
  position: absolute;
  right: 0;
  top: 45px;
  height:40px; 
  color:White;
}


.topnavm2 a:hover {
  background: #d5212e;
  color: black;
}

.buttonr {
  text-decoration: none;
  background-color: orange;
  border: 2px solid #e7dd84;
  color: white;
  display: inline-block;
  font-size: 12px;
  padding: 8px;
  transition: 0.35s;
}
.buttonr:hover {
  text-decoration: none;
  background-color: green;
  border-color: white;
  color: white;
}
.lbresult {
  font-size: 15px; 
  border:none; 
  text-align:center;
  width:100px; 
  font-weight:normal ; 
 }
 
 
 
/* Slideshow area */

 
 * {box-sizing:border-box}

/* Slideshow container */
.slideshow-containers {
  max-width: 1000px;
  position: relative;
  margin: auto;
}

/* Hide the images by default */
.mySlides {
  display: none;
}

/* Next & previous buttons */
.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  margin-top: -22px;
  padding: 16px;
  color: black;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
  color: white;
  background-color: rgba(0,0,0,0.8);
}

/* Caption text */
.text {
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators */
.dot {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active, .dot:hover {
  background-color: #717171;
}

/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}

 
/* End Slideshow area */