@import url('https://fonts.googleapis.com/css2?family=Story+Script&display=swap');

/*hr{width:100%;height:1px;margin:0;border-bottom:1px solid #2c687b}*/
hr{width:100%;height:1px;margin:0;color:#2c687b}
/* Banner */
#banner{position:relative;height:calc(80vh - 6.8em)}
#banner{position:relative;height:calc(80vh - 10.9em)}
.swapimages{position:absolute;width:100%;height:100%;object-fit:cover}
#banner .inner{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);z-index:2;width:80%;max-width:900px;border-radius:10px;border:1px #fff solid}
#banner h1{font-size:3.5em;margin:.5em 0 .75em;color:#fff;font-weight:400;text-align:center}
#banner h2{font-size:1.55em;margin:0 2em 1em;color:#FFF;font-weight:400;text-align:center;font-family:"Roboto",sans-serif}
#banner .botright{position:absolute;bottom:.6em;right:20px;width:305px;color:#FFF;text-align:right}
/*@media screen and (min-width: 1300px) {
.swapimages{object-fit:contain}
#banner .botright{right:calc(((100vw - 1300px)/2) + 85px)}
}*/
@media screen and (max-width: 1040px) {
#banner{height:calc(80vh - 7.1em)}
#banner{height:calc(80vh - 11.2em)}
}
@media screen and (max-width: 980px) {
#banner h1{margin-bottom:.5em}
}
@media screen and (max-width: 767px) {
#banner h1{font-size:2.5em;margin-bottom:.5em;padding-bottom:0}
#banner h2{font-size:1.25em;margin:0 .2em 1em}
}
@media screen and (max-width: 600px) {
.units{display:none}
}
@media screen and (max-width: 550px) {
#banner .inner{width:95%}
#banner h1{font-size:1.75em}
.no-mob{display:none}
}

.table{margin:1em 0;border:4px solid #012169;font-family:"Roboto",sans-serif}
.table_head{padding:.3em .6em;background:#d61e1e;color:#fff;font-weight:800;text-transform:uppercase}
.table_head h3, .table_head h4{display:inline-block;color:#f8f8f8}
.table_foot{padding:0 .6em;background:#d61e1e;color:#fff;font-weight:400;border-top:2px solid #012169}
.row{border-top:2px solid #012169}
.col{display:inline-block;text-align:center;vertical-align:text-top}
.lb1{width:calc((96% - 30px) * .1)}
.lb2,.lb3{width:calc((96% - 30px) * .33)}
.lb4{width:calc((96% - 30px) * .12)}
.lb5{width:calc((96% - 30px) * .1)}
.lb6{width:30px}

table.arrows{width:280px;border:0;margin-left:1em}
table.arrows td{background-color:#d61e1e;text-align:center;padding:0;border:0;color:#fff;cursor:default}
table.arrows td a img,table.arrows td img{margin-top:.2em;background-image:url(../images/arrows_sprite.png)}
td a img.first{background-position:0 0;width:18px;height:13px;margin-right:8px}
td a img.previous{background-position:-18px 0;width:14px;height:13px}
td a img.next{background-position:-32px 0;width:14px;height:13px}
td a img.last{background-position:-46px 0;width:18px;height:13px;margin-left:8px}
td img.firstno{background-position:-64px 0;width:18px;height:13px;margin-right:8px}
td img.previousno{background-position:-82px 0;width:14px;height:13px}
td img.nextno{background-position:-96px 0;width:14px;height:13px}
td img.lastno{background-position:-110px 0;width:18px;height:13px;margin-left:8px}

.newsfeed{font-family:'Roboto',sans-serif;margin-bottom:1em;padding:.6em;border:2px solid #00C2FF;border-radius:10px}
/*.newsfeed h3{font-style:italic}*/
#more, #less{text-align:right;padding:0 .6em;text-decoration:none}
.none{display:none}
.inline-block{display:inline-block}
input.morenews{background-color: #fff;border:0;color:#00C2FF;font-weight:700}

.varfeed{margin-bottom:1em;padding:2.6em;background:#00C2FF;color:#FFF;border-radius:10px;text-align:center}
.varfeed{font-family:'Roboto',sans-serif;font-size:1.2em}
.varfeed h1{font-family:'Story Script','Roboto',sans-serif;font-size:2em;margin-bottom:0}
.varfeed h2{font-family:'Story Script','Roboto',sans-serif}
.varfeed li{list-style: inside url('/images/bike_bullet.png')}