.fl{ float: left; }
.fr{ float: right; }
.cleaner{ clear: both; height: 0; overflow: hidden; display: block; }

.tleft{text-align: left}
.tcenter{text-align: center}
.tright{text-align: right !important}
.center{ margin: auto }

.hidden{display: none; }
.hiddenI{display: none !important}

#null, #preload{display: none}

table{ border-collapse: collapse; }
table td, table th{ padding:0 }

h1,h2,h3,h4{ line-height: normal; }

html, body{
      font-family: 'Roboto', arial;
      font-weight: 300;
      font-size: 13pt;
      line-height: 165%;
      margin: 0;
      padding: 0;
      height: 100%;
      width: 100%;
}

a{
      cursor: pointer;
      color: #000;
      text-decoration: none;
}

a:hover{
      color: #fcc900
}

.container{
      width: calc(100% - 30px);
      max-width: 990px;
      margin: 0 auto;
      text-align: center;
      overflow: hidden;
}

.bg1{
      background: url('../images/template/bg-1.png') center center no-repeat #1E2126;
      background-size: cover;
      color: white;
}

.bg2{
      background: url('../images/template/bg-2.png') center center no-repeat #1E2126;
      background-size: cover;
      color: white;
      overflow: hidden;
}

.bg0, .bg1, .bg2{
      height: 100%;
      height: 880px;
      overflow: hidden;
}


#main{
      text-align: center;
      overflow: hidden;
}

#main h1{
      color: #FFF;
      font-size: 45pt;
      margin: 180px 0 80px 0;
      font-family: 'oswald', arial;
      font-weight: 100;
      line-height: 65px;
      text-transform: uppercase;
      display: inline-block;
}

#main h1 span{
      color: white;
      display: block;
      border-top: 1px solid white;
      font-size: 27pt;
      line-height: 55px;
      margin-top: 12px;
}

#main h1 b{
      font-weight: 600;
}


.btn{
      display: inline-block;
      vertical-align: middle;
      text-align: center;
      border-radius: 4px;
      min-width: 100px;
      padding: 9px 30px;
      font-size: 11pt;
      font-weight: 600;
      display: inline-block;
      overflow: hidden;
      transition: box-shadow 0.1s;
}

.btn:hover, .btn:focus, .btn:active {

}

.btnClr1{
      background: #147A90;
      color: #fff;
}

.btnClr1:hover{
      color: #fff;
      box-shadow: 0px 0px 15px 1px #147A90;
}

.btnClr2{
      background: #fff;
      color: #1E2126;
}

.btnClr2:hover{
      color: #1E2126;
      box-shadow: 0px 0px 15px 1px #fff;
}

#official{
      font-size: 12pt;
      margin-top: 280px;
}

h2{
      text-align: center;
      font-weight: 200;
      margin: 100px 0;
      font-size: 40pt;
      font-family: 'oswald', arial;
      color: #147A90;
      line-height: normal;
}


p{
      margin: 20px 0;
      font-weight: 300;
      font-size: 13.5pt;
      line-height: 165%;
      cursor: default;
}

#about, #main, #support{
      cursor: default;
}

#about .container{
      max-width: 580px;


}

#about h3{
      font-weight: 200;
      font-size: 26pt;
      margin: 0 0 80px 0;
}

.table{
      display: table;
      width: 100%;
}

#about{
      height: 880px;
      max-height: 880px;

      width: 100%;
}

.mobile{
      display: none;
}

#support h2{
      color: white;
}

#boxSupport b{
      color: #147A90;
      border-bottom: 1px solid white;
      font-size: 55pt;
      margin: 0px 0 -20px 0;
      font-family: 'oswald', arial;
      font-weight: 600;
      line-height: 65px;
      text-transform: uppercase;
      display: inline-block;
      padding-bottom: 30px;
      margin-bottom: 30px;
}

#boxSupport a{
      color: white;
      text-decoration: none;
      font-weight: 600;
      font-family: 'oswald', arial;
      display: inline-block;
      transition: text-shadow 0.1s;
}

#boxSupport a:hover{
      text-shadow: 0px 0px 15px #fff;
}

.supportLink1{
      font-size: 30pt;
      margin-bottom: 30px;
}

.supportLink2{
      font-size: 22pt;
}

#boxOfficeHours{
      margin-top: 100px;
      margin-bottom: 100px;
}

.whiteLink{
      color: white;
      text-decoration: underline;
}