body { overflow-x: hidden; font-family: "Helvetica Neue", Helvetica Neue, Helvetica, Arial, sans-serif; }
.logo { max-width: 150px; }
.navbar { background: rgba(80, 100, 120, .85) !important; }
.navbar a { color: #fff; text-decoration: none; }
.container-scroll { width: 200%; }

/* typography */
.txt-center { text-align: center; }
.txt-left { text-align: left; }
.txt-right { text-align: right; }
.whitetxt { color: #fff !important; }
.fontb { font-weight: bold; }
.fontn { font-weight: normal; }
.orangetxt { color: #f15a22; }
.title { font-size: 14px; font-style: italic; font-weight: normal; text-align: center; }

/* colors */
/* bnsf orange f15a22 */
.tanbg { background: #f5f5ed; }
.lightbluebg { background: #dae7eb; }
.whitebg { background: #fff; }
.bluebg { background: #c3d9de; }
.steelbluebg { background: #526576; }
.darkbluebg { background: #354554; }
.obg { background: rgb(241,90,34); background: linear-gradient(90deg, rgba(241,90,34,1) 0%, rgba(97,98,101,1) 100%); }
.caps { text-transform: uppercase; }
.active { color: #f15a22 !important; }
/* gradient f15a22 to 616265 */
.brr { border-right: 2px solid #f15a22; }
.brb { border-bottom: 2px solid #f15a22; }
.brbw { border-bottom: 2px solid #fff; }
.o1 { opacity: 1; }
.icon { width: 33.33%; float: left; }
.pull-left { float: left !important; }
.pull-right { float: right!important; }

/* etc */
.w100 { width: 100% !important; height: auto; }
.w80 { width: 80% !important; height: auto; }
.w70 { width: 70% !important; height: auto; }
.w50 { width: 50% !important; height: auto; }
.mw100 { max-width: 100% !important; height: auto; }
.mw50 { max-width: 50% !important; height: auto; display: block; margin: auto; }
.mw70 { max-width: 70% !important; height: auto; }
.pl-0 { padding-left: 0 !important; }
.pl-10 { padding-left: 10px !important; }
.pl-20 { padding-left: 20px !important; }
.halfcircle { max-width: 150px; display: block; cursor: pointer; }
.posr { position: relative; }

footer a { color: #fff; font-weight: bold; text-decoration: none; }
footer a:hover { text-decoration: underline; color: #fff !important; }
footer .active { color: #000 !important; }
.arrow { position: absolute; left: 10px; top: 50%; margin-top: -25px; height: 50px; cursor: pointer; }
.arrowback { display: none; position: absolute; left: 10px; top: 50%; margin-top: -25px; height: 50px; cursor: pointer; }
.annibox { display: none; position: absolute; top: 0; left: 50%; width: 500px; margin-left: -250px; z-index: 9999; }
#collapseExample { position: absolute; z-index: 9999; padding: 10px; line-height: 30px; top: 50px; right: -12px; width: 150px; background: rgba(80, 100, 120, .85) !important; }
#collapseExample a { width: 100%; display: block; font-weight: bold; }
#collapseExample a:hover { width: 100%; color: #f15a22; }
.callout { max-width: 300px; height: auto; }
#sidemenu .bar {  width: 35px;
  height: 5px;
  background-color: #fff;
  margin: 6px 0; }

.maintitle { margin-left: -170px !important; }

.scroll-to-top {
    position: fixed;
    right: 15px;
    bottom: 15px;
    display: none;
    width: 50px;
    height: 50px;
    text-align: center;
    color: white;
    background: rgba(52, 58, 64, 0.5);
    line-height: 45px;
}
.rounded {
    border-radius: .25rem!important;
}
.monly { display: none; }
.donly { display: block; }
@media(max-width: 1023px) {
    body { padding-top: 100px; }
    .monly { display: block; clear: both; width: 100%; padding: 10px 0;}
    .monly a { padding: 0 7px; font-size: 14px; font-weight: bold; }
    .donly { display: none !important; }
    .arrow, .arrowback { display: none !important; }
    .callout { width: 80%; height: auto; max-width: none; margin: 10px auto; }    
    .brr { border-right: none; border-bottom: 1px solid #f15a22; margin: 20px 0; }
    
    .container-scroll { width: 100%; }
    
}