.LRColor { color: #0078b9;}
.LRColor-light {color: #0ba9ff;}
.bg-light {background-color: #f8f9fa!important;}
#subnav {
    width: 100%;
    left: 0;
    margin: 0 auto;
    padding: 0;
    z-index: 99;
    background-color: #1a1a1a;
    opacity: 1;
    -webkit-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
    position: fixed;
    -webkit-box-shadow: 0 0 16px 0 rgba(0,0,0,0.8);
    -moz-box-shadow: 0 0 16px 0 rgba(0,0,0,0.8);
    box-shadow: 0 0 16px 0 rgba(0,0,0,0.8);
    overflow: hidden;
}
#nvidia-partner-badge { width: 220px; display: block; text-align: center; margin: 0 auto; padding-top: 20px;}
.subnav-container {margin:0 auto;}
.subnav-category { color: #eee; margin-left:15px;}
.subnav-left { position: relative; width: auto; display: inline-block; max-width: 70%;}
.subnav-right {position: relative; display: inline-block; transition: all .6s;}
.subnav-right .breadcrumb-list { height: 100%; margin: 0; padding: 0; display: inline-block; float: left;}
.breadcrumb-element { height: calc(100% - 2px);  margin: 0;  padding: 0 15px; display: inline-block; float: left; transition: all .25s;}
.breadcrumb-element.selected { border-bottom: 3px solid #0ba9ff;}
.breadcrumb-link { display: inline-block; color: #ccc; transition: color .5s;}
.breadcrumb-link:link, .subnav-category:link {color: #ccc !important;}
.breadcrumb-link:visited, .subnav-category:visited {color: #ccc !important;}
.breadcrumb-link:hover, .subnav-category:hover { color: #fff !important;}
.breadcrumb-link:active, .subnav-category:active {color: #ccc !important;}
.breadcrumb-link span.cta {color: #fff; padding: 12px 10px; background-color: #0078b9; font-weight: bold;}
.breadcrumb-link:link, .subnav-category:link {color: #ccc !important;}
.breadcrumb-link:hover, .subnav-category:hover {color: #fff !important;}
.subnav-category {color: #eee;margin-left: 15px;}
.tabs-wrapper ul.tabs li a {  color: #000;font-size: 16px;padding-top: 10px;padding-bottom: 0;display: block;line-height: 50px;}
.tabs-wrapper ul.tabs li.active {color: #00649b;}
.table {border-radius:0; font-size:13px;}
.table-bordered td, .table-bordered th { border: 1px solid #999999 !important;}
.table td.tableCLdata1 {color:#545454; font-weight:600; text-align:left;}
.table tbody tr:nth-child(2n+2) { background-color: #f7f7f7;}
.tableCMdata1 { line-height: 18px; text-align: center; color: #000;}
.table td, .table th {vertical-align: middle;}
.table-md td, .table-md th { padding: 0.5rem;}
.card-title {margin-bottom: 0.4rem; color:#000;}
.card-text {font-size: 0.9em; line-height: 1.6em;}
.div-title > h2 { position: relative; z-index: 2; display: inline-block; margin: 0; padding: 0 15px; width: auto; background: #fff;}
.div-title:after { background: #c9c9c9; content: ""; display: block; height: 1px; position: absolute; top: 24px; z-index: 1; width:100%; left:0;}
.carousel .item {padding-bottom:20px;}
.carousel-indicators {
    display: flex;
    justify-content: center;
    padding-left: 0;
    margin-right: 15%;
    margin-left: 15%;
    list-style: none;
    top:unset !important;
    bottom: -20px;
    left: 50% !important;
    z-index: 15;
    width: 60% !important;
    padding-left: 0 !important;
    margin-left: -30% !important;
    text-align: center;
    background: none !important;
}
.carousel-indicators li {display: inline-block; flex: 0 1 auto;width: 30px;height: 3px;margin-right: 3px;margin-left: 3px;text-indent: -999px; cursor: pointer; background-color: rgba(133,133,133,0.5); border: 0; border-radius: 0;}
.carousel-indicators .active {width: 30px !important; height: 3px !important; margin-right: 3px;margin-left: 3px; background-color: #000;}
.carousel-control-next, .carousel-control-prev {
    width: 28px !important;
    height: 28px;
    background: #e3e3e3 no-repeat center center;
    border-radius: 50%;
    position: absolute;
    top: 45%;
    bottom: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 15%;
    color: #fff;
    text-align: center;
    opacity: .5;
}
.carousel-control-prev {left:0; }
.carousel-control-next {right:0; }
.carousel-control-next-icon:before { content: "\f105"; margin-left: 3px;}
.carousel-control-prev-icon:before { content: "\f104"; margin-right: 3px;}
.carousel-control-next-icon:before, .carousel-control-prev-icon:before {font-family: 'FontAwesome'; color: #000; font-size: 24px; line-height: 1.2;font-weight: bold;}


.flex-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
}

.d-flex { display: -ms-flexbox !important;display: flex !important;}


.singleSlideBanner {
    display: block;
    width: 100%;
    background-repeat: no-repeat;
    background-color: #141414;
    background-size: auto 100%;
    background-position-x: center;
}

    .singleSlideBanner .container {
        padding-top: 50px;
    }

.pb-3, .py-3 {padding-bottom: 1rem !important;}
.pt-3, .py-3 { padding-top: 1rem !important;}
.pb-4, .py-4 {padding-bottom: 1.5rem !important;}
.pt-4, .py-4 { padding-top: 1.5rem !important;}
.pb-5, .py-5 {padding-bottom: 3rem !important;}
.pt-5, .py-5 { padding-top: 3rem !important;}
.px-3, pr-3 {padding-right:1rem !important;}
.px-3, pl-3 {padding-left:1rem !important;}
.px-4, pr-4 {padding-right:1.5rem !important;}
.px-4, pl-4 {padding-left:1.5rem !important;}
.px-5, pr-5 {padding-right:3rem !important;}
.px-5, pl-5 {padding-left:3rem !important;}
.mb-3, .my-3 {margin-bottom: 1rem !important;}
.mt-3, .my-3 {margin-top: 1rem !important;}
.mr-3, mx-3 {margin-right:1rem !important;}
.ml-3, mx-3 {margin-left:1rem !important;}

@media (min-width: 1200px) { 
    .singleSlideBanner {  height: 460px;}
    
}

@media (min-width: 768px) {
    .singleSlideBanner {
        background-image: url(/embedded-systems/images/Banner_jetson-LR_L.webp);
        background-color: #181818 !important
    }
    #container_wrap.stuck #subnav {
        top: 55px;
    }
    #subnav {
        top: -112px;
        height: 112px;
    }
}

@media (max-width: 767px) and (min-width: 461px) {
    .singleSlideBanner {
        background-image: url(/embedded-systems/images/Banner_jetson-LR_M.webp);
        background-color: #181818 !important
    }
}

@media (max-width: 460px) {
    .singleSlideBanner {
        background-image: url(/embedded-systems/images/Banner_jetson-LR_S.webp);
    }

    #container-board, #container-machine {
        background-size: auto 120px;
        padding-bottom: 75px;
    }
}
#title_info {color:#e2e2e2;}

.textcomp {font-weight:normal;}
.tabs-wrapper { margin: 0 auto; display: block; width: 100%; overflow: hidden; position: relative;}
.tabs-wrapper ul.tabs {list-style: none; margin: 0; padding: 0; font-size: 0; overflow-x: auto; -ms-overflow-style: none; overflow: -moz-hidden-unscrollable; width: 100%; list-style-position: inside; white-space: nowrap; text-align: center;}
.tabs-wrapper ul.tabs::-webkit-scrollbar { display: none;}
.tabs-wrapper ul.tabs li { width: auto; margin: 0; border-bottom: 1px solid #ccc; padding-bottom: 4px; cursor: pointer; display: inline-block; font-size: 16px; line-height: 24px; list-style: none;}
.tabs-wrapper ul.tabs li.active { border-bottom: 4px solid #0078b9; padding-bottom: 1px;}
.tabs-wrapper ul.tabs li.active a { color: #0078b9; font-weight: 600;}
.tabs-wrapper ul.tabs li a { color: #000; font-size: 16px; padding-top: 10px; padding-bottom: 0; display: block; line-height: 50px;}


@media (min-width: 1200px) {
    .tabs-wrapper ul.tabs li {padding-left: 20px; padding-right: 20px;}
    #omniverse_top {background-position: center right;}
}

@media (max-width: 1199px) {
    .tabs-wrapper ul.tabs li {padding-left: 15px; padding-right: 15px;}
}

@media (min-width: 992px) {
    .textcomp {font-size:19px; padding: 20px 0 0;}
    .subnav-category { font-size: 20px;line-height: 70px;}
    .breadcrumb-link { font-size: 14px;line-height: 70px;}
}

@media (max-width: 991px) {
    .breadcrumb-link { font-size: 13px;line-height: 53px;}    
}

@media (min-width: 992px) and (max-width: 1199px) {
    .singleSlideBanner { height: 400px;}
    .singleSlideBanner .container { padding-top: 45px;}
    .singleSlideBanner .h1 {font-size: 28px;}
}

@media (max-width: 991px) and (min-width: 768px) {
    .singleSlideBanner { height:340px;}
    .singleSlideBanner .container {padding-top:45px;}
    .singleSlideBanner .h1 {font-size: 26px;}
    .subnav-category {font-size: 18px;}
    .textcomp h3 {font-size:17px;}
    .tabs-wrapper ul.tabs li {padding-left: 15px; padding-right: 15px;}
    .textcomp {font-size:17px; padding: 10px 0 0;}
}

@media (min-width: 768px) {
    .singleSlideBanner {background-image: url(/embedded-systems/images/Banner_jetson-LR_L.webp); background-color:#181818 !important}    
     .subnav-container, .subnav-left, .subnav-right { height: 70px;padding: 0;}
     #subnav {top: -112px;height: 70px;}

}
@media (max-width: 767px) and (min-width: 461px) {
    .singleSlideBanner {background-image: url(/embedded-systems/images/Banner_jetson-LR_M.webp); background-color:#181818 !important; height: calc(60vw);background-size: 90% auto;background-position-y: bottom;}
}

@media (max-width: 767px) {
    .subnav-container, .subnav-left, .subnav-right { height: 53px;padding: 0;}
    .textcomp {font-size:15px;}   
    .tabs-wrapper ul.tabs li:first-child {margin-left: 0;}   
    .tabs-wrapper ul.tabs li {padding-left: 10px; padding-right: 10px;}
    .tabs-wrapper ul.tabs li a {font-size:15px;}
    .subnav-category {font-size: 15px;line-height: 55px;}
    #subnav {top: -97px;height: 53px;}
    .breadcrumb-link { font-size: 13px;line-height: 55px;}
    .tabs-wrapper ul.tabs li a {font-size: 15px;}
    .singleSlideBanner .h1 {font-size: 24px;}
}

@media (max-width: 460px) {
     .singleSlideBanner {background-image: url(/embedded-systems/images/Banner_jetson-LR_S.webp); width: 100vw;height: calc(87vw);}
    #container-board, #container-machine {background-size: auto 120px; padding-bottom: 75px; }
    .textcomp {font-size:14px;}
    .tabs-wrapper ul.tabs li a {font-size:12px; padding-top: 0; line-height:35px;}
}

@media (max-width: 575px) {
    .tabs-wrapper ul.tabs li a { font-size: 13px;padding-top: 0;line-height: 40px;}
}

@media (max-width: 580px) {
    .breadcrumb-link {font-size: 12px;}
}
@media (max-width: 460px) {
    .tabs-wrapper ul.tabs li a {font-size: 12px;padding-top: 0;line-height: 35px;}
}