html{margin:0 auto;position:relative;}
html, body{height:100%;}
html{margin:0 auto;position:relative;}
h1, h2, h3, h4, h5, h6, h7, h8, h9, h10, h11, h12, h13, h14, h15, h16, h17, h18, h19{font-family:calibri, "trebuchet ms", verdana, sans-serif;margin:10px 0 10px 0;}
body{font-family:calibri, "trebuchet ms", verdana, sans-serif;font-size:16px;}
td{font-family:calibri, "trebuchet ms", verdana, sans-serif;font-size:16px;}
a:link{text-decoration:none;color:#0060d6;}
a:visited{text-decoration:none;color:#0060d6;}
a:hover{text-decoration:underline;color:#7b00da;}
a:link img{border:0px solid #ffffff;}
a:visited img{border:0px solid #ffffff;}
a:hover img{border:0px solid #ffffff;}

.ref_links a:link{text-decoration:none;color:#0060d6;}
.ref_links a:visited{text-decoration:none;color:#a3a3a3;}
.ref_links a:hover{text-decoration:underline;color:#7b00da;}

.highlighted a{text-decoration:none;color:#cdf900;}

.ref_links2 a:link{text-decoration:none;color:#a3a3a3;}
.ref_links2 a:visited{text-decoration:none;color:#a3a3a3;}
.ref_links2 a:hover{text-decoration:underline;color:#7b00da;}

.input_container{float:left;padding:0 20px 20px 0;}
.input_tag{float:left;width:150px;font-size:16px;height:35px; padding-top:10px; }
.input_tag2{float:left;font-size:16px;height:35px; padding-top:10px; }
.input_float{float:left; width:300px;}
.input_float input { padding:10px; }

.page-wrap{min-height:100%;margin-bottom:-58px;}
.page-wrap:after{content:"";display:block;height:58px;}
.site-footer{clear:left;height:58px;vertical-align:middle;text-align:middle;}

.vm-button{color:white; font-weight:bold; background-color:#4caf50;font-size:16px;text-align:center;border-radius:5px;padding:10px;width:100px;font-family:'Century Gothic';}
.vm-button a { text-decoration:none; color:white; }
.nav ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: 100%;
  background-color: #f1f1f1;
  border: 1px solid #929292;
}

.nav li a {
  display: block;
  color: #000;
  padding: 7px 16px;
  text-decoration: none;
}

.nav li {
  text-align: center;
  border-bottom: 1px solid #929292;
}

.nav li:last-child {
  border-bottom: none;
}

.nav li a.active {
  background-color: #414141;
  color: white;
}

.nav li a:hover:not(.active) {
  background-color: #008cba;
  color: white;
}

.black_link, .black_link a:link, .black_link a:visited {text-decoration:none;color:black;}
.black_link a:hover { text-decoration:underline; color:#6922d4; }
.gray_link a:link, .gray_link a:visited{text-decoration:none;color:#959595;}
.gray_link a:hover{text-decoration:underline;color:#959595;}
.white_link a:link, .white_link a:visited, .white_link a:hover{text-decoration:none;color:#FFFFFF;}

.cols2{-webkit-column-count:2;-moz-column-count:2;column-count:2;}
.cols4{-webkit-column-count:4;-moz-column-count:4;column-count:4;}

.dotted { border:0; height:2px; border-top:2px dotted #cdcdcd; }
.dotted { border-top:2px dotted #cdcdcd; }

.show_mob { display:none; }


/* Style the navigation menu */
.topnav{overflow:hidden;background-color:#333;position:-webkit-sticky;position:sticky;top:0;z-index:2;}

/* Hide the links inside the navigation menu (except for logo/home) */
.topnav #myLinks {
  display: none;
}

/* Style navigation menu links */
.topnav a {
  color: white;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 15px;
  display: block;
}

/* Style the hamburger menu */
.topnav a.icon {
  background: black;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
}

/* Add a grey background color on mouse-over */
.topnav a:hover {
  background-color: #ddd;
  color: black;
}

/* Style the active link (or home/logo) */
.active {
  background-color: #008cba;
  color: white;
}
.block1 {
    position: relative;
}


.block2 {
    color: white;
    width: 90px;
    position: absolute;
    top: 0px;
    right: 0px;
	font-size:12px;
	font-weight:bold;
	padding:5px;
}

.block3 {
    color: white;
    position: absolute;
    bottom: 0px;
    right: 0px;
	font-size:12px;
	font-weight:bold;
	padding:5px;
}

.thumbnail { width:165px; }
.dir_link { font-size:24px; }
.description { font-size:14px; padding:0 10px 10px 0;}
@media all and (max-width:1110px){
.cols2{-webkit-column-count:1;-moz-column-count:1;column-count:1;}
}

.newsletter_wrap { width:50%; }
@media all and (max-width:570px){
.newsletter_wrap { width:100%; }
.description { font-size:12px; }
.dir_link { font-size:20px; }
.thumbnail { width:120px; height:90px; }
.features { display:none; }
.cols{-webkit-column-count:1;-moz-column-count:1;column-count:1;}
.hide_mob{display:none;}
.show_mob { display:block; }
}