@charset "utf-8";
/* CSS Document */

body {font-family:Roboto;}
.navbar {padding: .1rem 1rem;}
.jumbotron { background:#168fbe !important; }
.nav-link { font-size: 1.05rem; margin:0 0.5rem; }
.jumbotron {padding: 2rem 0 0 0;}
.sliderwrap {margin-top:6rem; margin-bottom:2rem;}
.manualwrap {}
.slider-section {background: #0f6ea4 url(/img/center-new.jpg); padding:20px;}
.textwrap {overflow-wrap: break-word;}
.text-wrap {overflow-wrap: break-word;}
#toolbar {overflow-wrap: break-word;}
.carousel-indicators {display:none;}
.carousel-item { height: 103px;background-repeat: no-repeat;background-position: center center;background-size: contain;}
.sl1 {background:url(/img/slide-ff.png) center center no-repeat; background-size: contain;}
.sl2 {background:url(/img/slide-chrome.png) center center no-repeat; background-size: contain;}
.sl3 {background:url(/img/slide-ie.png) center center no-repeat; background-size: contain;}

#toolbar button{ background:#fff;border:0px; }
.btn { white-space: pre-wrap;}

.mobile-side-nav-tbl {display: none !important;}
.desk-side-nav-tbl { font-size:85%;}
.desk-side-nav-tbl .current { font-weight:500; color:#f26723;}

.carousel {
        width: 100%;
        max-width: 500px;
        min-height: 420px;
        white-space: nowrap;
        position: relative;
        margin: auto;
    }

.carousel img {
    width: 95%;
    height: auto;
    box-shadow: 0px 0px 2px 2px #e5e5e5;
    border-radius: 8px;
}

.carousel .slide {
    width: 100%;
    height: auto;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: opacity 1s ease-in-out;
}

.carousel .slide.active {
    opacity: 1;
}

@media only screen and (max-width: 960px) {
.carousel-control-next, .carousel-control-prev { filter: invert(100%); }
.nav-link {font-size: 0.9rem;}
}
@media only screen and (max-width: 640px) {
.sl1 {background:url(/img/slide-ff.png) left center no-repeat; background-position:-24px;}
.sl2 {background:url(/img/slide-chrome.png) left center no-repeat; background-position:-24px;}
.sl3 {background:url(/img/slide-ie-mob.png) left center no-repeat; background-position:-24px;}
.navbar {padding: 0.3rem 1rem;}
.nav-link {font-size: 0.938rem;}
#toolbar {word-break: break-word;}
}
@media only screen and (max-width: 480px) {
.slider-section {padding:10px;}	
.sl1 {background:url(/img/slide-ff.png) left center no-repeat; background-position:0;}
.sl2 {background:url(/img/slide-chrome.png) left center no-repeat; background-position:0;}
.sl3 {background:url(/img/slide-ie-mob.png) left center no-repeat; background-position:0;}
}

@media only screen and (max-width: 375px) {
.slider-section {padding:2px;}
.sl1 {background:url(/img/slide-ff.png) left center no-repeat; background-position:-60px;}
.sl2 {background:url(/img/slide-chrome.png) left center no-repeat; background-position:-60px;}
.sl3 {background:url(/img/slide-ie-mob.png) left center no-repeat; background-position:-60px;}
}