body { overflow-x: hidden; font-family: "Helvetica Neue", Helvetica Neue, Helvetica, Arial, sans-serif; }
.logo { max-width: 150px; }
.navbar { background: rgba(0, 0, 0, .75) !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; }
.blacktxt { color: #000 !important; }
.fontb { font-weight: bold; }
.fontn { font-weight: normal; }
.orangetxt { color: #f85d13; }

.title { font-size: 14px; font-style: italic; font-weight: normal; text-align: center; }
h3 { font-weight: normal; font-size: 37px; }
/* colors */
/* bnsf orange f85d13 */
.tanbg { background: #f5f5ed; }
.tanbg2 { background: #dbd8bd; }
.tanbg3 { background: #fef2e4; }
.tanbg4 { background: #eae8d8; }
.lightbluebg { background: #dae9eb; }
.whitebg { background: #fff; }
.bluebg { background: #c3d9de; }
.denimbg { background: #edebde; }
.tealbg { background: #a1c7cd; }
.steelbluebg { background: #526576; }
.darkbluebg { background: #354554; }
.obg { background: #000; }
/*.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: #f85d13 !important; }
/* gradient f85d13 to 616265 */
.brr { border-right: 2px solid #f85d13; }
.brb { border-bottom: 2px solid #f85d13; }
.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 { position: fixed; z-index: 1000; left: 0; bottom: 0; width: 100%; }
footer a { color: #fff; font-weight: bold; text-decoration: none; }
footer a:hover { text-decoration: underline; color: #fff !important; }
footer .active { color: #f85d13 !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(0, 0, 0, .75) !important; }
#collapseExample a { width: 100%; display: block; font-weight: bold; }
#collapseExample a:hover { width: 100%; color: #f85d13; }
.callout { max-width: 300px; height: auto; }
#sidemenu .bar {  width: 35px;
  height: 5px;
  background-color: #fff;
  margin: 6px 0; }

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

.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 !important; }
.donly { display: block !important; }



/*  new stuff  */
.carousel .carousel-control-prev-icon, .carousel .carousel-control-next-icon {
    width: 100px;
    height: 100px;
    opacity: 1;
    filter: none; }

.carousel-control-next, .carousel-control-prev { opacity: 1 !important; }
#homeintro { }
#homeintro .posr img { width: 80%; position: absolute; bottom: 70px; left: 0; }
#intro1 { background: url(../images/intro1.jpg) no-repeat; background-size: cover; height: 100vh; overflow-x: hidden; cursor: pointer; }
#intro2 { background: url(../images/intro2.jpg) no-repeat; background-size: cover; overflow-x: hidden; height: 100vh; cursor: pointer; }
#intro3 { background: url(../images/intro3.jpg) no-repeat; background-size: cover; overflow-x: hidden; height: 100vh; cursor: pointer; }
#intro4 { background: url(../images/intro4.jpg) no-repeat; background-size: cover; overflow-x: hidden; height: 100vh; cursor: pointer; }
.txtp { padding: 20px; }
hr { border-top: 1px solid #f85d13 !important; opacity: 1; }
#homeintro {  }
.titlemoving { color: #f85d13; padding-right: 40px; display: inline-block; }
#movingforward h2 { color: #f85d13; }
#movingforward { }
#ss1 { background: url(../images/header-service.jpg) no-repeat; background-size: cover; position: relative; }
#s1 { background: url(../images/header-safety.jpg) no-repeat; background-size: cover; position: relative; }
#p1 { background: url(../images/header-people.jpg) no-repeat; background-size: cover; height: 100vh; }
#env1 { background: url(../images/header-environment.jpg) no-repeat; background-size: cover; height: 100vh; }
#p2 { background: url(../images/peoplebg2.jpg) no-repeat; background-size: cover; }
#serviceChartBg { background: url(../images/serviceChartBg.jpg) center center no-repeat !important; background-size: cover; }
#s2 { background: url(../images/safetybg2.jpg) no-repeat; background-size: cover; }
#e2 { background: url(../images/envbg1.jpg) no-repeat; background-size: cover; }
#e3 { background: url(../images/envBgTree.jpg) no-repeat; background-size: cover; }
#e4 { background: url(../images/envbg3.jpg) no-repeat; background-size: cover; }
.ssHeaderIcon { position: fixed; max-width: 400px; bottom: 170px; left: 20%;; }
.bgtoparrow { background: url(../images/homearrow.jpg) #e6e8d3 no-repeat top left;  background-size: contain!important; }
#movingforward h2 { letter-spacing: 5px; }
#movingforward h3 { font-size: 22px; line-height: 37px; }
#movingfoward .tealbg { background: #a1c7cd; }
#service2 { background: url(../images/servicebg1.jpg) no-repeat top left #dbd8bd; background-size: cover; }
#safety2 { background: url(../images/safetyBg1.jpg) no-repeat top left #dbd8bd; background-size: cover; }

.swiper { width: 100%; }
.swiper-slide { height: 100vh; overflow-y: auto; }
.swiper-slide a { color: #f85d13; }
.swiper-button-prev { background: url(../img/svg/arrow_left.svg) no-repeat; }
.swiper-button-next { background: url(../img/svg/arrow_right.svg) no-repeat; }
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after { content: "" !important; }
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after { content: "" !important; }
.swiper-button-next, .swiper-button-prev { position: fixed; animation: pulse-orange 1.57s infinite; width: calc(var(--swiper-navigation-size)/ 44 * 57); animation-iteration-count: 7; }





.amholder {padding: 57px 0 0 0; background: rgba(0,0,0,.5);
    color: #fff !important;
    z-index: 10;
    position: absolute;
    width: 100%;} 
    .amholder a { text-decoration: none; color: #fff; }
.amessage {
    font-weight: normal;
    font-size: 17px;
    background: #f85d13;
    width: 250px;
    margin: 10px auto;
    border-radius: 5px;
    padding: 8px;
    text-transform: uppercase;
    font-weight: bold;
}



.nextup { color: #fff; font-size: 40px; background: #f85d13; border-radius: 5px; padding: 8px; width: 570px; margin: auto; box-shadow: 2px 2px 2px #000; transition: all .25s; }
.nextup a { text-decoration: none; }
.nextup:hover { background: #dae9eb; color: #000; }
.nextup:hover a { color: #000 !important; }

/*    arrow animation     */
@keyframes pulse-orange {
  0% {
    transform: scale(0.95);
/*    box-shadow: 0 0 0 0 rgba(255, 121, 63, 0.7);*/
  }
  
  70% {
    transform: scale(1.2);
/*    box-shadow: 0 0 0 10px rgba(255, 121, 63, 0);*/
  }
  
  100% {
    transform: scale(0.95);
/*    box-shadow: 0 0 0 0 rgba(255, 121, 63, 0);*/
  }
}
.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: auto; top: 7px; }
.swiper-horizontal>.swiper-scrollbar { display: none; }
.swiper-pagination-bullet-active { background: #f85d13; }
.midimg { padding: 150px 0; }

@media(max-width: 1023px) {
/*    body { padding-top: 100px; }*/
.amholder {padding: 77px 0 0 0; }
    .monly { display: block !important; clear: both; width: 100%; }
    .monly a { padding: 0 7px; font-size: 14px; font-weight: bold; width: 21%; display: inline-block; }
    .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 #f85d13; margin: 20px 0; }
    .container-scroll { width: 100%; }
    .nextup {
    color: #fff;
    font-size: 25px;
    background: #f85d13;
    border-radius: 5px;
    padding: 8px;
    width: 80%;
    margin: 30% auto 0 auto;
    box-shadow: 2px 2px 2px #000;
}
/*    backgrounds */
    #s1 { background-position: -250px center; }
    #ss1 { background-position: center center; }
    #env1 { background-position: right center; }
    .ssHeaderIcon {
    position: absolute;
    max-width: 80%;
    bottom: 20%;
    left: 0;
}
    .navbar .px-5 { padding-right: 1rem!important; padding-left: 1rem!important; }
    .ssHeaderIcon { bottom: 30%; }
    .navbar-dark .navbar-brand {
    width: 100%;
    text-align: center;
}
    .swipe-slider { overflow-y: auto; }
    .w70, .w80, .w50 { width: 100% !important; }
    .mp-0 { padding: 0 !important; }
    .mmy-0 { margin: 0 !important; }
    h3 { font-weight: normal; font-size: 30px; }

}