.sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  right: 0;
  background-color: #111;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 30px;
}

.sidenav a {
  padding: 8px 8px 8px 8px;
  text-decoration: none;
  font-size: 25px;
  color: #818181;
  display: block;
  transition: 0.3s;
}

.sidenav a:hover {
  color: #f1f1f1;
}

.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}

@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}


* {
    box-sizing: border-box;
}
rob{
 display:none;
}
body {
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
}
h1 {
 font-family: Arial;
 font-size:28px;
 font-weight:normal;
}
.header {
  overflow: hidden;
  background-color: #000000;
  padding: 0px;
  text-align: center;
  color: #ffffff;
  font-size: 36pt;
}
.footer {
    color: #ffffff;
    text-align: center;
    font-size: 12px;
    padding: 0px;
}
img.topnavimg {
 width: 70%;
 float:right;
 padding:5px;
 padding-top:0px;
}
a {
 color: black;
}
.prosticky {
  position: fixed;
  top: 48px;
  background-color: #fafafa;
}
.fixed {
  position: fixed;
  top: 0;
  width: 100%;
}
.topnav {
  background-color: #000;
  width:100%;
  height:40px;
  z-index: 1; /* Sit on top */
}
.topnav a {
  background-color: #000;
  float: left;
  display: block;
  color: #c2c2c2;
  text-align: center;
  padding: 8px 12px;
  text-decoration: none;
  font-size: 17px;
  z-index: 1; /* Sit on top */
}
.topnav a:hover {
  background-color: #444;
  color: #ffffff;
  text-decoration: none;
}
.active {
  background-color: #990000;
  color: white;
}
.topnav a.active {
  background-color: #990000;
  color: white;
}

.topnav .icon {
  display: none;
}
.sticky {
  position: fixed;
  top: 0;
}
.sticky + .content {
  padding-top:40px;
}
.content {
  padding-top:80px;
}

img.pro {
 float:left;
}
//ul {
//  list-style-type: none;
//  margin: 0;
//  padding: 0;
//  width: 25%;
//  background-color: #f1f1f1;
//  position: fixed;
//  height: 100%;
//  overflow: auto;
//}
//li a {
//  display: block;
//  color: #000;
//  padding: 8px 16px;
//  text-decoration: none;
//}
//li a.active {
//  background-color: #4CAF50;
//  color: white;
//}
//li a:hover:not(.active) {
//  background-color: #555;
//  color: white;
//}
.userform{
 background-color:#ffffff;
 display: inline-block;
 padding: 5px 0;
 border: solid 1px #A3A3A3;
 border-radius: 7px;
 box-shadow:  5px 5px 0px #ccc;
}
.newslink{
 background-color:#ffffff;
 display: inline-block;
 padding: 5px 10px;
 border: solid 1px #A3A3A3;
 border-radius: 7px;
 box-shadow:  5px 5px 0px #ccc;
}
.newslink:hover{
 background-color:#333;
 color: white;
}
input[type=text],textarea {
  width: 100%;
  padding: 12px;
  border: 1px solid #ccc;
  border-radius: 4px;
  resize: vertical;
}
input[type=text],[type=password] {
  width: 50%;
  padding: 12px;
  border: 1px solid #ccc;
  border-radius: 4px;
  resize: none;
}
/* Extra styles for the cancel button */
.cancelbtn {
  width: auto;
  padding: 10px 18px;
  background-color: #f44336;
}
/* Center the image and position the close button */
.imgcontainer {
  text-align: center;
  margin: 24px 0 12px 0;
  position: relative;
}
img.avatar {
  width: 40%;
  border-radius: 50%;
}
.container {
  padding: 16px;
}
span.psw {
  float: right;
  padding-top: 16px;
}
/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
  padding-top: 60px;

}
/* Modal Content/Box */
.modal-content {
  background-color: #fefefe;
  margin: 0% auto 20% auto; /* 0% from the top, 20% from the bottom and centered */
  border: 1px solid #888;
  width: 100%; /* Could be more or less, depending on screen size */
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
//  animation-name: animatetop;
  animation-name: animatezoom;
  animation-duration: 0.4s
}
///* Add Animation */
//@keyframes animatetop {
//  from {top: -300px; opacity: 0}
//  to {top: 0; opacity: 1}
//}
/* Add Zoom Animation */
.animate {
  -webkit-animation: animatezoom 0.6s;
  animation: animatezoom 0.6s
}
@-webkit-keyframes animatezoom {
  from {-webkit-transform: scale(0)} 
  to {-webkit-transform: scale(1)}
}
@keyframes animatezoom {
  from {transform: scale(0)} 
  to {transform: scale(1)}
}
td.subtitle{
 background-color:#222;
 display: inline-block;
 width: 100%;
 height: 30px;
 padding: 5px 0;
 border: solid 1px #A3A3A3;
 border-radius: 7px;
// box-shadow:  1px 1px 1px #ccc;
 color: white;
}
button {
  background-color: #333;
  color: #c2c2c2;
  padding: 10px 20px;
  margin: 8px 0;
  border: none;
  cursor: pointer;
  font-size:18px;
}
button:hover {
  background-color: #444;
  color: #ffffff;
}
.headerbutton {
  background-color: #000;
  color: #626262;
  padding: 10px 20px;
  margin: 8px 0;
  border: none;
  cursor: pointer;
  font-size:40px;
}
.headerbutton:hover {
  background-color: #000;
  color: #ffffff;
}

.topic {
  width:100%;
  background-color: #ddd;
  color: #222;
  padding: 10px 20px;
  margin: 8px 0;
  border: none;
  cursor: pointer;
  font-size:18px;
  border-radius:7px;
}
.topic:hover {
  background-color: #eee;
  color: #000;
}
/* ttlrm container */
.ttlrm {
    position: relative;
    display: inline-block;
}
/* ttlrm text */
.ttlrm .ttlrmtext {
    visibility: hidden;
    width: 220px;
    background-color: #090909;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;
    /* Position the ttlrm text */
    position: absolute;
    z-index: 1;
    top: -4px;
    right: 106%;
    margin-left: -60px;
    /* Fade in ttlrm */
    opacity: 0;
    transition: opacity .25s;
}
/* ttlrm arrow */
.ttlrm .ttlrmtext::after {
    content: "";
    position: absolute;
    top: 10%;
    left: 102%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent transparent black;
}
/* Show the ttlrm text when you mouse over the ttlrm container */
.ttlrm:hover .ttlrmtext {
    visibility: visible;
    opacity: 1;
}
.racemenu {
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: #fff;
}
.racemenu a {
  width: 100%;
  display: block;
  color: #111111;
  text-align: center;
  text-decoration: none;
  font-size: 16px;
  border:1px solid white;
  border-radius: 6px;
}
.racemenu a:hover {
  color: #000000;
  text-decoration: none;
  border:1px solid black;
  border-radius: 6px;
}
.racemenu a.active {
  background-color: #fff;
  color: black;
}
.othermenu {
  display: inline-block;
  text-decoration: none;
  font-size: 16px;
  color: #666;
}
.othermenu a {
  display: inline-block;
  text-decoration: none;
  font-size: 16px;
  color: #aaa;
}
.othermenu a:hover {
  background-color: #444;
  color: white;
  text-decoration: none;
  border-radius: 6px;
}
tr.meeting {
 background-color: #fff;
 color: #000; 
}
tr.meeting:hover {
 background-color: #444;
 cursor:pointer;
 color: white;
 text-decoration: none;
 border: solid 1px #000000;
 border-radius: 6px;
}
.racetime{
 color: #222; 
 border: solid 1px #ffffff;
 border-radius: 6px;
 width:70px;
}
.racetime:hover {
 cursor:pointer;
 color: #000;
 border: solid 1px #000000;
 border-radius: 6px;
}
.racetime a:hover {
 color: black;
 text-decoration: none;
}
.alert {
 color: #222; 
 border: solid 1px #ffffff;
 padding: 1px;
 border-radius: 6px;
}
.alert:hover {
 cursor:pointer;
 color:#000000;
 opacity: 0.8;
// text-decoration: none;
 border: solid 1px #000000;
 border-radius: 6px;
}
.alert a:hover {
 color: black;
 text-decoration: none;
}
.newalert {
 color: #222; 
 border: solid 1px #ffffff;
 padding: 5px;
 border-radius: 6px;
 text-align:left;
 font-size: 15px;
 margin-top:2px;
}
.newalert:hover {
 cursor:pointer;
 color:#000000;
// opacity: 0.8;
// text-decoration: none;
 border: solid 1px #000000;
 padding: 5px;
 border-radius: 6px;
}
.newalert a:hover {
 color: black;
 text-decoration: none;
}
.result {
 color: #222; 
 border: solid 1px #ffffff;
 padding: 5px;
 border-radius: 6px;
}
.result:hover {
 cursor:pointer;
 opacity: 0.8;
 text-decoration: underline;
 border: solid 1px #000000;
 border-radius: 6px;
 color:#000000;
}
.menuitem {
 background-color:#fff;
 color: #222; 
 border: solid 1px #ffffff;
 border-radius: 6px;
 padding-top:2px;
 padding-left:10px;
 padding-right:10px;
}
.menuitem:hover {
 background-color:#444;
 color:#ffffff;
 border: solid 1px #000000;
 border-radius: 6px;
 cursor:pointer;
}
.menuitemsidenav {
 width:90%;
 text-align:left;
 background-color:#000;
 border: solid 1px #eee;
 border-radius: 6px;
 color: #eee; 
 margin-bottom:5px;
 display:block;
}
.menuitemsidenav:hover {
 background-color:#444;
 color:#ffffff;
 border: solid 1px #000000;
 border-radius: 6px;
 cursor:pointer;
}
.menuitembase {
 font-size:12px;
 text-align:center;
 background-color:#000;
 color: #aaa; 
 margin:5px;
 padding:5px;
 padding-top:10px;
}
.menuitembase:hover {
 background-color:#000;
 color:#ffffff;
 cursor:pointer;
}
/* Tooltip container */
.tooltip {
    position: relative;
    display: inline-block;
}
/* Tooltip text */
.tooltip .tooltiptext {
    visibility: hidden;
    width: 200px;
    background-color: #090909;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;
    border-width: 5px;
    border-style: solid;
    border-color: yellow;
    /* Position the tooltip text */
    position: absolute;
    z-index: 1;
    bottom: 120%;
    left: 50%;
    margin-left: -100px;
    /* Fade in tooltip */
    opacity: 0;
    transition: opacity .25s;
}
/* Tooltip arrow */
.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -7px;
    border-width: 5px;
    border-style: solid;
    border-color: black transparent transparent transparent;
}
/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}
/* ttl container */
.ttl {
    position: relative;
    display: inline-block;
}
/* ttl text */
.ttl .ttltext {
    visibility: hidden;
    width: 200px;
    background-color: #090909;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;
    /* Position the ttl text */
    position: absolute;
    z-index: 1;
    top: -8px;
    right: 106%;
    margin-left: -60px;
    /* Fade in ttl */
    opacity: 0;
    transition: opacity .25s;
}
/* ttl arrow */
.ttl .ttltext::after {
    content: "";
    position: absolute;
    top: 7%;
    left: 102%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent transparent black;
}
/* Show the tooltip text when you mouse over the ttl container */
.ttl:hover .ttltext {
    visibility: visible;
    opacity: 1;
}
/* ttb container */
.ttb {
    position: relative;
    display: inline-block;
}
/* ttb text */
.ttb .ttbtext {
    font-size: 12pt;
    visibility: hidden;
    width: 380px;
    background-color: #090909;
    color: #fff;
    text-align: center;
    padding: 15px 0;
    border: 1px solid yellow;
    border-radius: 6px;
    /* Position the ttb text */
    position: absolute;
    z-index: 1;
    top: 110%;
    left: 65%;
    margin-left: 0px;
    /* Fade in ttb */
    opacity: 0;
    transition: opacity .25s;
}
/* ttb arrow */
.ttb .ttbtext::after {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 5%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent black transparent ;
}
/* Show the tooltip text when you mouse over the ttb container */
.ttb:hover .ttbtext {
    visibility: visible;
    opacity: 1;
}
/* ttlrm container */
.ttlrm {
    position: relative;
    display: inline-block;
}
/* ttlrm text */
.ttlrm .ttlrmtext {
    visibility: hidden;
    width: 220px;
    background-color: #090909;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;
    /* Position the ttlrm text */
    position: absolute;
    z-index: 1;
    top: -4px;
    right: 106%;
    margin-left: -60px;
    /* Fade in ttlrm */
    opacity: 0;
    transition: opacity .25s;
}
/* ttlrm arrow */
.ttlrm .ttlrmtext::after {
    content: "";
    position: absolute;
    top: 10%;
    left: 102%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent transparent black;
}
/* Show the tooltip text when you mouse over the ttlrm container */
.ttlrm:hover .ttlrmtext {
    visibility: visible;
    opacity: 1;
}
/* ttr container */
.ttr {
    position: relative;
    display: inline-block;
}
/* ttr text */
.ttr .ttrtext {
    visibility: hidden;
    width: 380px;
    background-color: #090909;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;
    border-width: 5px;
    border-style: solid;
    border-color: yellow;
    /* Position the ttr text */
    position: absolute;
    z-index: 1;
    bottom: +20px;
    left: 120%;
    margin-left: -60px;
    /* Fade in ttr */
    opacity: 0;
    transition: opacity .25s;
}
/* ttr arrow */
.ttr .ttrtext::after {
    content: "";
    position: absolute;
    bottom: -12%;
    right: 95%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: black transparent transparent transparent;
}
/* Show the tooltip text when you mouse over the ttr container */
.ttr:hover .ttrtext {
    z-index: 1;
    visibility: visible;
    opacity: 1;
}
.dropdown {
  float: left;
  overflow: hidden;
  padding: 0px;
  z-index: 1; /* Sit on top */
}
.dropdown .dropbtn {
  padding: 0px;
  border: none;
  outline: none;
  color: #c2c2c2;
  margin: 0;
//  z-index: 1; /* Sit on top */
}
.dropdown-content {
  display: none;
  position: absolute;
//  background-color: #333;
  background-color: #000;
  min-width: 140px;
  padding-left:10px;
  padding-right:10px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
  border-radius: 6px;
}
.dropdown:hover .dropbtn .dropdown-content{
//  background-color: #444;
  background-color: #000;
  color:white;
  display:block;
}
.dropdown-content a {
  float: none;
  color: #bbb;
  text-decoration: none;
  display: block;
  text-align: center;
 border: solid 1px #000000;
 border-radius: 6px;
 cursor:pointer;
}
.dropdown-content a:hover {
  background-color: #444;
  color: white;
 border: solid 1px #ffffff;
 border-radius: 6px;
}
.dropdown:hover .dropdown-content {
  display: block;
}
.innerdropdown {
  float: left;
  overflow: hidden;
  padding: 0px;
  z-index: 1; /* Sit on top */
}
.innerdropdown .innerdropbtn {
  padding: 0px;
  border: none;
  outline: none;
  color: #c2c2c2;
  margin: 0;
}
.innerdropdown:hover .innerdropbtn {
  background-color: #444;
  color:white;
}

.innerdropdown-content {
  display: none;
  position: absolute;
  background-color: #333;
  min-width: 140px;
  padding-left:10px;
  padding-right:10px;
//  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
  border-radius: 6px;
}
.innerdropdown-content a {
  float: none;
  color: #ddd;
  text-decoration: none;
  display: block;
  text-align: center;
 border: solid 1px #000000;
 border-radius: 6px;
 cursor:pointer;
}
.innerdropdown-content a:hover {
  background-color: #444;
  color: white;
 border: solid 1px #ffffff;
 border-radius: 6px;
}
.innerdropdown:hover .innerdropdown-content {
  display: block;
}
/* ttdah container */
.ttdah {
    position: relative;
    display: inline-block;
}
/* ttdah text */
.ttdah .ttdahtext {
    font-size: 12pt;
    visibility: hidden;
    width: 600px;
    background-color: #090909;
    color: #fff;
    text-align: left;
    padding: 15px 15px;
    border-radius: 6px;
    border-width: 5px;
    border-style: solid;
    border-color: yellow;
    /* Position the ttdah text */
    position: absolute;
    z-index: 1;
    bottom: +25px;
    left: 120%;
    margin-left: -31px;
    /* Fade in ttdah */
    opacity: 0;
    transition: opacity .25s;
}
/* ttdah arrow */
.ttdah .ttdahtext::after {
    content: "";
    position: absolute;
    left: 5%;
    bottom: -8%;
    margin-left: -12px;
    border-width: 5px;
    border-style: solid;
    border-color: black transparent transparent transparent;
}
/* Show the tooltip text when you mouse over the ttdah container */
.ttdah:hover .ttdahtext {
    visibility: visible;
    opacity: 1;
}
/* ttoff container */
.ttoff {
    position: relative;
    display: inline-block;
}
/* ttoff text */
.ttoff .ttofftext {
    font-size: 12pt;
    visibility: hidden;
    width: 600px;
    background-color: #090909;
    color: #fff;
    text-align: left;
    padding: 15px 15px;
    border-radius: 6px;
    border-width: 5px;
    border-style: solid;
    border-color: yellow;
    /* Position the ttoff text */
    position: absolute;
    z-index: 1;
    bottom: +25px;
    right: 120%;
    margin-right: -31px;
    /* Fade in ttoff */
    opacity: 0;
    transition: opacity .25s;
}
/* ttoff arrow */
.ttoff .ttofftext::after {
    content: "";
    position: absolute;
    right: 5%;
    bottom: -8%;
    margin-right: -16px;
    border-width: 5px;
    border-style: solid;
    border-color: black transparent transparent transparent;
}
.ttoff:hover .ttofftext {
    visibility: visible;
    opacity: 1;
}
.maintablemargintop{
 margin-top:150px;
}
.loader {
  position:fixed;
  top:22px;
  left:38px;
  border: 3px solid #ff0000;
  border-radius: 50%;
  border-top: 3px solid #000000;
  width: 21px;
  height: 21px;
  -webkit-animation: spin 2s linear infinite; /* Safari */
  animation: spin 2s linear infinite;
}
/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
.loaderfs {
  position: fixed;
  z-index: 999;
  height: 2em;
  width: 2em;
  overflow: visible;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  border: 20px solid #ff0000;
  border-radius: 50%;
  border-top: 20px solid #000000;
  width: 120px;
  height: 120px;
  -webkit-animation: spin 2s linear infinite; /* Safari */
  animation: spin 2s linear infinite;
}
.fade{
 animation: fade 4s linear;
}
@keyframes fade {
  0%, 100% { opacity: 0 }
}
@keyframes ws1987 {
  from {left: 100px;opacity:0;}
  to {left: 144px;opacity:.9;}
}

.hidden {
//  visibility: hidden;
  opacity: 0.5;
//  transition: visibility 0s 5s, opacity 2s linear;
  transition: opacity 2s linear;
}
#resp-table {
 width: 100%;
 display: table;
}
#resp-table-header{
 display: table-header-group;
 background-color: black;
// font-weight: bold;
 font-size: 12px;
 color: white;
}
.table-header-cell{
 display: table-cell;
 padding: 1px;
 font-size: 12px;
 text-align: center;
}
#resp-table-body{
 display: table-row-group;
}
.resp-table-row{
 display: table-row;
}
.table-body-cell{
 display: table-cell;
 padding: 1px;
 font-size: 12px;
 text-align: left;
 vertical-align:top;
}
#resp-table-footer {
 display: table-footer-group;
 background-color: #444;
 font-size: 12px;
 color: rgba(255, 255, 255, 0.45);
}
.table-footer-cell{
 display: table-cell;
 padding: 1px;
 text-align: center;
}
.caption { 
 display: table-caption;
 padding: 0.5em;
 border: 1px solid #000;
}
.resptable {
// overflow:auto;
}
.topnav-dropdown {
  float: left;
  overflow: hidden;
  padding: 0px;
  z-index: 1; /* Sit on top */
}
.topnav-dropdown-content {
  display: none;
  position: absolute;
  margin-top:48px;
  background-color: #333;
  color: #ddd;
  min-width: 140px;
  padding-left:10px;
  padding-right:10px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}
.topnav-dropdown-content a {
  float: none;
  color: #ddd;
  padding: 10px 10px;
  text-decoration: none;
  display: block;
  text-align: left;
  font-size:14px;
}
.topnav-dropdown-content a:hover {
  background-color: #444;
  color: white;
}
.topnav-dropdown:hover .topnav-dropdown-content {
  display: block;
}

.pronav {
  overflow: hidden;
  background-color: #111;
  z-index: 1; /* Sit on top */
}
.pronav a {
  float: left;
  display: block;
  color: #c2c2c2;
  text-align: center;
  padding: 4px 6px;
  text-decoration: none;
  font-size: 12px;
}
.pronav a:hover {
  background-color: #444;
  color: #ffffff;
  text-decoration: none;
}

.menubutton{
 background-color:white;
 color:black;
 font-size:16px;
 width:100%;
 text-align:left;
 padding:2px;
 margin:0px;
 border:1px solid white;
 border-radius:10px;
}
.menubutton:hover{
 background-color:#444;
 color:white;
 border:1px solid black;
}
.mainmenubutton{
 background-color:#f9f9f9;
 color:black;
 font-size:16px;
 width:100%;
 text-align:left;
 padding:2px;
 margin:0px;
 border:1px solid #f9f9f9;
 border-radius:10px;
}
.mainmenubutton:hover{
 background-color:#444;
 color:white;
 border:1px solid black;
}
.red{
 background-color:#900;
 color:white;
}
.grey{
 background-color:#777;
 color:white;
}
.grad{
padding:5px;
padding-left:10px;
text-align:left;
margin:0px;
color:white;
border-radius:6px;
margin-bottom:5px;
background-image:linear-gradient(#888,#777,#888);
}


.row::after {
    content: "";
    clear: both;
    display: table;
}
[class*="col-"] {
    float: left;
    padding: 0px;
}
/* For mobile phones: */
[class*="col-"] {
    width: 100%;
}
.moboff{
 display:none;
}
@media screen and (min-width: 1101px) {
    /* For desktop: */
    .col-1 {width: 8.33%;}
    .col-2 {width: 16.66%;}
    .col-20 {width: 20%;}
    .col-3 {width: 25%;}
    .col-4 {width: 33.33%;}
    .col-5 {width: 41.66%;}
    .col-6 {width: 50%;}
    .col-7 {width: 58.33%;}
    .col-8 {width: 66.66%;}
    .col-9 {width: 75%;}
    .col-10 {width: 83.33%;}
    .col-11 {width: 91.66%;}
    .col-12 {width: 100%;}
    .header {text-align: left;}
 .mobon{
  display:none;
 }
 .moboff{
  display:inline;
 }
 .header {
  text-align: left;
 }
}
.mob{
}
.mobtr{
 display:table-row;
}
.mobrow{
 display:table;
}
.mobo{
 display:none;
}
.mobotr{
 display:none;
}
.moborow{
 display:none;
}
.headingtext{
 font-size:46px;
}
.texts{
 font-size:12px;
}
.trh{
 height:20px;
}
@media screen and (max-width: 1100px) {
 .mobon{
  display:block;
 }
 .resptable {
  overflow:auto;
 }
 .clock {
  display:none;
 }
 .moboff{
  display:none;
  }
 .mob{
  display:none;
 }
 .mobrow{
  display:none;
 }
 .mobtr{
  display:none;
 }
 .mobo{
  display:block;
 }
 .mobotr{
  display:table-row;
 }
 .moborow{
  display:table;
 }
 .headingtext{
  font-size:16px;
 }
 .texts{
  font-size:14px;
 }
 .trh{
  height:30px;
 }
 img.pro {
  float:none;
 }
}
@media screen and (max-width: 1100px) {
 .topnav a:not(:first-child), .dropdown .dropbtn {
  display: none;
 }
 .topnav a.icon {
   float: right;
   display: block;
 }
 img.topnavimg {
  width: 100%;
  float:none;
  padding:5px;
 }
 .topnav button {
  display: none;
 }
}
@media screen and (max-width: 1100px) {
 .topnav.responsive {
  position: relative;
 }
 .topnav.responsive .icon {
  position: absolute;
  right: 0;
  top: 0;
 }
 .topnav.responsive a {
  float: none;
  display: block;
  text-align: left;
 }
 .topnav.responsive .dropdown {
  float: none;
 }
 .topnav.responsive .dropdown-content {
  position: relative;
 }
 .topnav.responsive .dropdown .dropbtn {
  display: block;
  width: 100%;
  text-align: left;
 }
}