#title_bar { position: absolute; left: 0; right: 0;}
#omniverse_top {
    background-image: url(/images/omniverse/omniverse-banner_202207.webp);
    background-position: center center;
    background-repeat: no-repeat;
    background-color: #b0c8e2;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
}
#omniverse_top h1 {color:#000;}
#omniverse_top .title {color:#626262; font-weight:500;}
#workflow2, #slides2, .bg-gray {background-color: #eee;}
#slides1 {background-color: #000; color:#fff; display:flex; flex-direction: row; justify-content: center; align-content: stretch; align-items: center;}
#slides1 .left {background-image: url(/images/omniverse/siemens-blades_left.webp); background-position: right top; background-repeat: no-repeat; background-size:auto 100%;}
#slides1 .right {background-image: url(/images/omniverse/siemens-blades_right.webp); background-position: left top; background-repeat: no-repeat; background-size:auto 100%;}
#slides1 .title {line-height:1.4;}
#slides2 a.NVColor:hover {color:#000;}
#slides2 .title {color:#000;}
#title_info {color:#e2e2e2;}
.bt-NVcolor {color: #fff; background-color: #76b701; display: inline-block; padding: 10px 30px; border-radius: 2px; letter-spacing: 1px; margin-top: 1rem;}
.card {padding-bottom:20px; background-color:transparent;}
.card img:not(.img-thumbnail) {max-height:80px;margin: 0 auto;}
/*for ie10 、 ie11*/
@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none) {
    .card img { width:90px; height:90px; padding-bottom:10px;}
    .card img.nvidia_rtx { width:120px; height:120px; padding-bottom:0;}
    .card-columns-3, .card-columns-4, .card-columns-6, .card-columns-7 { padding-bottom: 0;}
}
.card .title {margin-top:0; font-size:22px;}
#applist .card-text {font-size:12px; padding-top:5px;}
#order .card {background-color:#fff;}
#order .list-icon li {border-color:#d5d5d5;}
#order .list-icon li {font-size:13px;}
#order .card-bottom { position: absolute; bottom: 5px; width: 90%;}
#order .card-body {padding: 0.3rem 1.5rem 30px;}
#order .card img {height: 100px !important; max-height: 110px; }
#order p.card-text {color:#000; padding-bottom:20px; font-size:16px;}
#LR_enterprise {color:#fff; background-color:#626262;}

ul.link-crumbs > li {color: #8e8e8e;}
ul.link-crumbs > li > a {color: #fff; opacity: .75;}
ul.link-crumbs>li+li:before {color: #fff; opacity: .75 !important;}
#omniverse_top h1.NVColor {font-weight: normal; font-size: 36px; padding: 6px 0; margin-bottom:0;}
#omniverse_top h2 {font-weight: normal; margin-top:0; color: #fff;}
.NVColor {color: #76b900;}
a.NVColor:focus, a.NVColor:active  {color: #76b900;}
a.NVColor:hover {color: #a3ff00;}
.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 #76b900; padding-bottom: 1px;}
.tabs-wrapper ul.tabs li.active a { color: #76b900; 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;}

.tab-pane p.h4 { padding-top:65px;}
.tab-pane p.h4:before {content: "\201C"; font-size: 32px; color: #fff; display: inline-block; line-height:0;}
.tab-pane p.h4:after {content: "\201C"; font-size: 32px; color: #fff; display: inline-block; line-height:0; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg);}

#omniverse_tab { background-image: url(/images/omniverse/omniverse-banner02.jpg); background-position: center top; background-repeat: no-repeat; background-color: #eee; background-size: auto;}
.list-icon { display: block; list-style-type: none; margin-bottom: 30px; padding:0;}
.list-icon li a, .list-icon li a:focus, .list-icon li a:active {color:#000;}
.list-icon li a:hover {color:#a3ff00;}
.list-icon li { width: 100%; line-height: 1.4; font-size: 16px; border-top: 1px solid #565656; text-align: left;  padding: 8px 0 8px 30px;}
.list-icon li:not(.arrow) { background: url(/images/blog-icon.png) 3px 10px no-repeat; background-size: auto 18px;}
.list-icon li.arrow:before { content: "\f105"; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; color: #76b900; margin-right: 10px; display: inline-block;}
.list-icon li.arrow { padding-left: 10px; line-height: 1.2;}
.list-icon li:first-child {border: 0;}
.col-border {padding-top: 20px; padding-bottom:40px; }
.tab-pane h3 { padding: 8px 0; font-size:28px;}
.photo {max-width:100px; float:left; margin: 0 8px 0 0; padding: 1px;}
#tab5 h4 {padding: 0; line-height: 1; margin: 0 0 10px 0;}

.showquotes::before, .showquotes::after {content: "\201C"; display: inline-block; font-size: 50px; letter-spacing: 0.1em; font-family: Helvetica,Arial,Sans-Serif; line-height: 30px; vertical-align: top;}
.showquotes::after {line-height: .2; transform: rotate(180deg);}


@media (min-width: 1200px) {
    .tabs-wrapper ul.tabs li {padding-left: 20px; padding-right: 20px;}
    #omniverse_top {background-position: 40% 0; height:510px; background-size:auto 100%;}
    #omniverse_top .title { font-size:21px;}
    #workflow2 {padding: 40px 0 50px;} 
    #order h3 {font-size:22px !important; color:#000;}
    #order h3.title {font-size:20px !important;}
    #order h4 {font-size:17px; padding-bottom:10px; color:#000;}
}

@media (max-width: 1199px) {
    .card .title, [class^="card-columns-"] .title {font-size:18px;}
    .tabs-wrapper ul.tabs li {padding-left: 15px; padding-right: 15px;}
    #omniverse_tab .title {font-weight: normal; font-size: 28px; line-height: 32px; padding:20px 0 5px 0;}
    #tab5 .col-md-12 {padding-bottom:30px;}
}

@media (max-width: 1199px) and (min-width: 768px) {
     #omniverse_top {background-position: 40% 0; max-height:510px; height:calc(43.33vw); background-size:auto 100%;}
     #omniverse_top .title { font-size:18px;}
     #workflow2 {padding: 30px 0 40px;}
}

@media (min-width: 992px) {
    #HtmlTag[lang="en-US"] #omniverse_top h2 {font-size:22px;}
    .textcomp {font-size:19px; padding: 20px 0 0;}
    #omniverse_tab .title {font-weight: normal; font-size: 26px; line-height: 30px; padding:20px 0 5px 0;}
    #tab5 h4 {font-size:20px;}
    .card-columns-3 h3.title, .col-sm-3 h3.title {font-size:20px !important; margin: 15px 0 10px; line-height: 1.3 !important;}
    .col-sm-3 { padding-right: 5px; padding-left: 5px;}
}

@media (max-width: 991px) and (min-width: 768px) {
    #HtmlTag[lang="en-US"] #omniverse_top h1 {font-size:30px;}
    h2.title {font-size:26px;}
    #HtmlTag[lang="en-US"] #omniverse_top h2 {font-size:20px;}
    .textcomp {font-size:17px; padding: 10px 0 0;}
    #omniverse_tab .title {font-weight: normal; font-size: 24px; line-height: 26px; padding:15px 0 5px 0;}
    .tabs-wrapper ul.tabs li {padding-left: 15px; padding-right: 15px;}
    #tab5 h4 {font-size:18px;}
    .card-columns-3 h3.title, .col-sm-3 h3.title {font-size:18px !important; margin: 10px 0 5px; line-height: 1.3 !important;}
    .col-sm-3 { padding-right: 2px; padding-left: 2px;}
    #LR_enterprise h2 { font-size: 24px;}
    #LR_enterprise h3 { font-size: 18px; margin-top: 0;}
}

@media (min-width: 768px) {
    #slides1 {height:460px;}
    #slides1 .middle {max-width: 30vw; text-align: center;}
    #slides1 .left, #slides1 .right {width: 35vw; height: 100%;}
    .col-R {padding-bottom: 70px;}
    .card-columns-3 {column-count:3; column-gap: .5rem; padding-bottom:40px;}
    #order .card-columns-3 {column-gap: 2rem;}

    .card-columns-4 {column-count:4; column-gap: .1rem; padding-bottom:40px;}
    .card-columns-6 {column-count:6; column-gap: .1rem; }
    .card-columns-7 {column-count:7; column-gap: .1rem; padding-bottom:40px;}
    #applist .card-body {padding: 0.3rem;}
}

@media (max-width: 767px) {
    .container-fluid {padding: 0;}
    .container-fluid > .container {padding: 0; width:calc(100vw - 30px)}
    #omniverse_top {background-position: 65% 0; background-size: auto 440px; height: 640px; background-color: #fff; justify-content: flex-end;}
    #omniverse_top .container {width:100%;}
    #omniverse_top h1 {font-size: 32px; letter-spacing: 1px; font-weight: 500;}
    #omniverse_top .title { font-size:18px;}    
    #slides1 .middle {width: calc(80vw); padding: 20px 0 40px; text-align: center;}
    #slides1 h2 {font-size: 24px;}
    #slides1 h4 {font-size: 15px;}
    #workflow2 {padding: 20px 0 30px;}
    #column4 {padding-bottom:40px !important;}
    #order .card {margin-bottom: 20px;}
    #HtmlTag[lang="en-US"] #omniverse_top h1 {font-size:28px;}
    h2.title, h2.NVColor {font-size:22px;}
    #HtmlTag[lang="en-US"] #omniverse_top h2 {font-size:18px;}
    .textcomp {font-size:15px;}
    .card:last-child {padding-bottom:0;}
    .card .title, [class^="card-columns-"] .title {font-size:17px;}
    #omniverse_tab .title {font-weight: normal; font-size: 22px; line-height: 23px; padding:15px 0 0 0;}
    #omniverse_top h1.NVColor {font-size: 30px;}
    .tabs-wrapper ul.tabs li:first-child {margin-left: 0;}
    .col-L {padding-bottom: 0;}
    .col-R {padding-top: 0;}
    .tab-pane p.h4  {font-size:15px; padding-top:0;}
    .tabs-wrapper ul.tabs li {padding-left: 10px; padding-right: 10px;}
    .tabs-wrapper ul.tabs li a {font-size:15px;}
    #tab5 h4 {font-size:17px;}
    .card-columns-3 {padding-bottom:50px;}
    .card-columns-3 h3.title, .col-sm-3 h3.title {font-size:16px !important; margin: 10px 0 5px;}
    .col-sm-3 { padding-right: 2px; padding-left: 2px; margin-bottom:15px;}
    .card-columns-6, .card-columns-7 {width: calc(100vw - 30px);  margin-left: -15px}
    #applist .card { width: calc(20vh); display: inline-block; }
    #applist img {max-width: 50%; max-height: 50px;}
    #LR_enterprise h2 { font-size: 20px;}
    #LR_enterprise h3 { font-size: 16px; margin-top: 0;}
}

@media (max-width: 680px) {
    .tabs-wrapper ul.tabs { width: calc(100vw - 40px); overflow-x:auto;}
        .tabs-wrapper ul.tabs::before {
            position: absolute;
            display: block;
            content: "\f141";
            color: #76b900;
            font: normal normal normal 14px/38px FontAwesome;
            text-align: right;
            width: 30px;
            right: 0;
            height: 40px;
            background: rgba(0,0,0,0);
            background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(228,228,228,0.47) 47%, rgba(228,228,228,1) 100%);
            background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,0,0,0)), color-stop(47%, rgba(228,228,228,0.47)), color-stop(100%, rgba(228,228,228,1)));
            background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(228,228,228,0.47) 47%, rgba(228,228,228,1) 100%);
            background: -o-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(228,228,228,0.47) 47%, rgba(228,228,228,1) 100%);
            background: -ms-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(228,228,228,0.47) 47%, rgba(228,228,228,1) 100%);
            background: linear-gradient(to right, rgba(0,0,0,0) 0%, rgba(228,228,228,0.47) 47%, rgba(228,228,228,1) 100%);
        }
    .tabs-wrapper ul.tabs.end::before {content: ' '; }
    .tabs-wrapper ul.tabs li {padding-left: 10px; padding-right: 10px;}
    .tabs-wrapper ul.tabs li:last-child {padding-right:10px;}
    .tabs-wrapper ul.tabs li a {font-size:13px; padding-top: 0; line-height:40px;}
    .showquotes::before, .showquotes::after {font-size: 40px;}
    #omniverse_top h1 {font-size: 28px;}
    #omniverse_top .title { font-size:15px;}
}

@media (max-width: 460px) {
    .textcomp {font-size:14px;}
    .card .title, [class^="card-columns-"] .title {font-size:16px;}
    #omniverse_tab .title {font-weight: normal; font-size: 18px; line-height: 18px; padding:0;}
    #omniverse_top h1.NVColor {font-size: 24px; margin:0; padding-top: 30px;}    
    #HtmlTag[lang="en-US"] #omniverse_top h1 {font-size:25px;}
    #HtmlTag[lang="en-US"] #omniverse_top h2 {font-size:16px;}
    .tabs-wrapper ul.tabs li a {font-size:12px; padding-top: 0; line-height:35px;}
    .tab-pane h3 { padding: 0; font-size: 20px !important;}
    .list-icon li {background-size: auto 15px; background-position-y:9px; padding: 8px 0 8px 28px; line-height: 20px;}
    .showquotes::before, .showquotes::after {font-size: 30px;}
}

@media (max-width: 580px) {
    #container_wrap h2.NVColor, #container_wrap h2.title { font-size: 20px; }
}

.ove_photo {
    background-image: url('/images/omniverse/omniverse-enterprise-bg.webp');
    background-position: center center;
    background-repeat: no-repeat;
    background-color: #000;
    height: 400px;
    display: block;
    text-decoration: none;
    cursor: pointer;
    overflow: hidden;
    text-indent: 100%;
    white-space:nowrap;
}

@media (max-width: 767px){
    .ove_photo {
        background-image: url('/images/omniverse/omniverse-enterprise-bg-m.webp');
        background-position: center center;
        background-size: cover;
        height: 580px;
    }
}


/*
 * jQuery FlexSlider v2.7.2
 * https://www.woocommerce.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 and later license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 *
 */
/* ====================================================================================================================
 * FONT-FACE
 * ====================================================================================================================*/
 @font-face {
    font-family: 'flexslider-icon';
    src: url('fonts/flexslider-icon.eot');
    src: url('fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'), url('fonts/flexslider-icon.woff') format('woff'), url('fonts/flexslider-icon.ttf') format('truetype'), url('fonts/flexslider-icon.svg#flexslider-icon') format('svg');
    font-weight: normal;
    font-style: normal;
  }
  /* ====================================================================================================================
   * RESETS
   * ====================================================================================================================*/
  .flex-container a:hover,
  .flex-slider a:hover {
    outline: none;
  }
  .slides,
  .slides > li,
  .flex-control-nav,
  .flex-direction-nav {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .flex-pauseplay span {
    text-transform: capitalize;
  }
  /* ====================================================================================================================
   * BASE STYLES
   * ====================================================================================================================*/
  .flexslider {
    margin: 0;
    padding: 0;
  }
  .flexslider .slides > li {
    display: none;
    -webkit-backface-visibility: hidden;
  }
  .flexslider .slides img {
    width: 100%;
    display: block;
  }
  .flexslider .slides:after {
    content: "\0020";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
  }
  html[xmlns] .flexslider .slides {
    display: block;
  }
  * html .flexslider .slides {
    height: 1%;
  }
  .no-js .flexslider .slides > li:first-child {
    display: block;
  }
  /* ====================================================================================================================
   * DEFAULT THEME
   * ====================================================================================================================*/
  .flexslider {
    margin: 0 0 60px;
    background: #fff;
    border: 4px solid #fff;
    position: relative;
    zoom: 1;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
    -o-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
    box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
  }
  .flexslider .slides {
    zoom: 1;
  }
  .flexslider .slides img {
    height: auto;
    -moz-user-select: none;
  }
  .flex-viewport {
    max-height: 1000px;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
  }
  .loading .flex-viewport {
    max-height: 300px;
  }
  @-moz-document url-prefix() {
    .loading .flex-viewport {
      max-height: none;
    }
  }
  .carousel li {
    margin-right: 5px;
  }
  .flex-direction-nav {
    *height: 0;
  }
  .flex-direction-nav a {
    text-decoration: none;
    display: block;
    width: 40px;
    height: 40px;
    margin: -20px 0 0;
    position: absolute;
    top: 50%;
    z-index: 10;
    overflow: hidden;
    opacity: 0;
    cursor: pointer;
    color: rgba(0, 0, 0, 0.8);
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  .flex-direction-nav a:before {
    font-family: "flexslider-icon";
    font-size: 40px;
    display: inline-block;
    content: '\f001';
    color: rgba(0, 0, 0, 0.8);
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
  }
  .flex-direction-nav a.flex-next:before {
    content: '\f105';
  }
  .flex-direction-nav .flex-prev {
    left: -50px;
  }
  .flex-direction-nav .flex-next {
    right: -50px;
    text-align: right;
  }
  .flexslider:hover .flex-direction-nav .flex-prev {
    opacity: 0.7;
    left: 10px;
  }
  .flexslider:hover .flex-direction-nav .flex-prev:hover {
    opacity: 1;
  }
  .flexslider:hover .flex-direction-nav .flex-next {
    opacity: 0.7;
    right: 10px;
  }
  .flexslider:hover .flex-direction-nav .flex-next:hover {
    opacity: 1;
  }
  .flex-direction-nav .flex-disabled {
    opacity: 0!important;
    filter: alpha(opacity=0);
    cursor: default;
    z-index: -1;
  }
  .flex-pauseplay a {
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    bottom: 5px;
    left: 10px;
    opacity: 0.8;
    z-index: 10;
    overflow: hidden;
    cursor: pointer;
    color: #000;
  }
  .flex-pauseplay a:before {
    font-family: "flexslider-icon";
    font-size: 20px;
    display: inline-block;
    content: '\f004';
  }
  .flex-pauseplay a:hover {
    opacity: 1;
  }
  .flex-pauseplay a.flex-play:before {
    content: '\f003';
  }
  .flex-control-nav {
    width: 100%;
    position: absolute;
    bottom: -40px;
    text-align: center;
  }
  .flex-control-nav li {
    margin: 0 6px;
    display: inline-block;
    zoom: 1;
    *display: inline;
  }
  .flex-control-paging li a {
    width: 11px;
    height: 11px;
    display: block;
    background: #666;
    background: rgba(0, 0, 0, 0.5);
    cursor: pointer;
    text-indent: -9999px;
    -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
  }
  .flex-control-paging li a:hover {
    background: #333;
    background: rgba(0, 0, 0, 0.7);
  }
  .flex-control-paging li a.flex-active {
    background: #000;
    background: rgba(0, 0, 0, 0.9);
    cursor: default;
  }
  .flex-control-thumbs {
    margin: 5px 0 0;
    position: static;
    overflow: hidden;
  }
  .flex-control-thumbs li {
    width: 25%;
    float: left;
    margin: 0;
  }
  .flex-control-thumbs img {
    width: 100%;
    height: auto;
    display: block;
    opacity: .7;
    cursor: pointer;
    -moz-user-select: none;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
  }
  .flex-control-thumbs img:hover {
    opacity: 1;
  }
  .flex-control-thumbs .flex-active {
    opacity: 1;
    cursor: default;
  }
  /* ====================================================================================================================
   * RESPONSIVE
   * ====================================================================================================================*/
  @media screen and (max-width: 860px) {
    .flex-direction-nav .flex-prev {
      opacity: 1;
      left: 10px;
    }
    .flex-direction-nav .flex-next {
      opacity: 1;
      right: 10px;
    }
  }