:active, :focus { outline: none !important; }
.btn-primary {color: #fff !important; }
#top_msg {background-color: #0082cf; opacity: 1; height: 42px; text-align: center; width:100%;}
#top_msg a {color: #000; font-size: 1.5rem; font-weight:bold; line-height: 42px; padding:0; margin:0; }
#top_msg a:hover {color:#fff;}
#bt_link {width: 100%; border-radius: 0;}
img[usemap] { border: none; height: auto; max-width: 100%; width: auto;}
#topmenu { border-bottom: 1px solid #f3f3f3; box-shadow: rgba(0,0,0,0.2) 0 10px 20px 0; -webkit-box-shadow: rgba(0,0,0,0.2) 0 10px 20px 0;}
#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;
}
.subnav-container {margin:0 auto;}
.subnav-category { color: #eee; margin-left:15px;}
.subnav-left { position: relative; width: auto; display: inline-block; max-width: 25%;}
.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: 100%;  margin: 0;  padding: 0 15px; display: inline-block; float: left; transition: all .25s;}
.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-list span.bd-1 {border: 1px solid #00c6ff; padding: 5px 8px; margin-left: -8px; border-radius:4px;}
.singleSlideBanner { display: block; width: 100%; background-repeat: no-repeat; background-color: #dde5eb; background-size: auto 100%;}
.wow { visibility: hidden; }
#thumbs {max-width:516px; margin:0 auto; text-align:center; padding-bottom:20px;}
#thumbs span {padding:10px; text-align:center; display:block; font-size:15px; line-height:30px; background-color:#40a838; color:#fff; font-weight:500;}
#thumbs div {padding:10px; max-width:258px;}

.SubListTxt ul { margin:0 0 20px; padding:0 0 0 12px; list-style-type: none; }
.SubListTxt li { background:url(/images/arrow2.gif) 0 15px no-repeat; padding:10px 0 10px 12px; font-size:14px; border-bottom: 1px solid #ddd;}
.SubListTxt li:last-child {border:0;}

#col-row h4 {font-size:18px;}
.container-fluid { background: #eeefef; padding:40px 0;}
.container-fluid h3 {font-size:20px; text-align:center; font-weight:600;}
.col-border {background-color:#fff; border:1px solid #40a838; padding:20px 30px; }

.newtable thead tr td { background: #fff !important; font-size:17px; color:#313131; }

.libraries-block-link, .tools-block-link {
    height: 130px;
    line-height: 130px;
    display: block;
}
.libraries-block a img {
    padding: 0 10px 5px;
    max-height: 100%;
    max-width: 200px;
    display: inline-block;
}
.libraries-block h4, .tools-block h4 {
    font-size: 20px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 20px;
    margin-bottom: 20px; 
}
.tools-block a img {
    padding-bottom: 5px;
    display: inline-block;
}

h1 {font-size:34px;}
h4 {line-height:1.44;}
.textcomp p {font-size:16px; }
.img-lab {border:1px solid #0082cf;}

.NVColor {color: #0082cf;}
.NVColor a:link {color: #0082cf; }
.NVColor a:visited {color: #0082cf; }
.NVColor a:hover {color: #0082cf; }
.NVColor a:active { color: #0082cf; }

.qr {max-width:180px;}
.qr2 {max-width:220px;}

.well {
  background-color: #fff;
  padding: 5px !important;
  border: 1px solid #383838 !important; 
}
.border-1 {border: 1px solid #ddd;}

.well small {
  margin-left: 20px;
  margin-right: 10px;
  display: block;
  margin-bottom: 20px;
}
.pointer {cursor:pointer;}

.btn-NVcolor {
    color: #fff;
    background-color: #0082cf;
    display: inline-block;
    padding: 10px 30px;
    border-radius: 2px;
    letter-spacing: 1px;
}

.float-l-md {float:left; margin-top:-10px;}

ul.list-center { display: inline-block; }
ul.list-center li {
    line-height: 38px;
    float: left;
    margin-left: 50px;
    margin-right: 10px;
    min-width: 40%;
    text-align: left;
    font-size: 16px;
}
.panel-body h3 { margin-left: 30px;}
.panel-body .list-center {padding-left: 0;}
.feature_inner { display: flex; justify-content: space-between; flex-wrap: wrap; padding-right: 15px; padding-left: 15px;}
#training_info { display: block; line-height: 1; padding: 35px 0 0; min-height: 70px; margin: 0 5px 0 15px; border-top: 1px solid #ccc;}
#accordion_pre_course .list-center li { line-height: 1.3; padding-bottom: 5px; padding-top: 5px; width: calc(50% - 65px); font-size:15px;}

@media (max-width: 1999px) {
    .float-l-md {width:100%;}
}
@media (min-width: 1200px) {
    .singleSlideBanner { height:320px; background-position-x: 30%;}
    .singleSlideBanner .container {padding-top:50px;}
    .singleSlideBanner img {max-width:350px; padding-top: 85px;}
    .float-l-md {width:78%;}
    .panel-body > .col-lg-8 {border-right:1px solid #ddd; margin-right: -15px;}
    .panel-body > .col-lg-4 {margin-left: 15px;}
    .textcomp h3 {font-size:20px; line-height:1.4;}
}

@media (max-width: 1199px) {
    .panel-body > .col-lg-4 { padding-top: 15px; border-top:1px solid #ddd;}
}

@media (max-width: 1199px) and (min-width: 768px) {
    .singleSlideBanner { height:300px; background-position-x: 40%;}
    .singleSlideBanner .container {padding-top:45px;}
    .singleSlideBanner img {max-width:320px; padding-top: 80px;}
    .textcomp h3 {font-size:18px; line-height:1.4;}
}
@media (min-width: 992px) {
    .subnav-category {font-size: 20px;}
    .border-left-lg {border-left:1px solid #ddd;}
}

@media (max-width: 991px) {    
    h1.NVColor {font-size: 26px;}
    .text-center-sm { text-align: left; max-width: 570px; margin-left: auto; margin-right: auto; }  
}
@media (max-width: 991px) and (min-width: 768px) {
    .subnav-category {font-size: 18px;}
}

@media (min-width: 641px) {
    .flex_col {display: flex; justify-content: space-between; flex-wrap: wrap; padding: 30px 35px 20px;}
    .flex_col .flex_col_item, .flex_col li {width: calc(48%); padding-bottom: 15px;}
}

@media (max-width: 640px) {
    h1.NVColor {padding-right: 25px; padding-left: 25px;}
    .flex_col:not(.col-border) {padding: 10px 5px;}
    .flex_col .flex_col_item, .flex_col>li {padding-bottom: 5px;}
}

@media (min-width: 768px) {
    .singleSlideBanner {background-image: url(../images/DL_Banner2023_1_L.webp?v=1.1);}
    #subnav { top: -112px; height:112px;}
    .subnav-container, .subnav-left, .subnav-right { height:70px; padding:0; }
    #container_wrap.stuck #subnav {top:55px;}
    .breadcrumb-link {font-size: 14px; line-height: 70px;}
    .subnav-category {line-height: 70px;}
    .col-border:not(:first-child) { border-left:0; }
    #col-row2 .col-border { border-top:0; }
    #DLI_logo {max-width: 500px; margin-bottom: 30px;}
}
@media (max-width: 767px) {
    #subnav { top: -97px; height:97px;}
    .subnav-container, .subnav-left, .subnav-right { height:55px;}
    #container_wrap.stuck #subnav {top:52px;}
    .subnav-category {font-size: 17px; line-height: 55px;}
    .breadcrumb-link {font-size: 13px; line-height: 55px;}
    .singleSlideBanner h3 {margin-left:15px;}
    #DLI_logo {max-width:50vw; margin-bottom:15px}
    .col-border:not(:first-child) { border-top:0; }
    #col-row2 .col-border:first-child { border-top:0; }
    .textcomp p {text-align:left;}
    h1.NVColor {font-size: 22px;}
    h4 {font-size:17px;}
    .panel-body h3 { margin-left: 10px; margin-top: 5px; font-size:18px !important;}
    ul.list-center {width:100%;}
    ul.list-center li {width: 100%; float: none; font-size:18px; line-height: 1.8;}
    #accordion_pre_course .list-center li { width: calc(1000% - 60px) !important; font-size:14px !important;}
    .textcomp h3 {font-size:16px; line-height:1.4;}
}

@media (max-width: 767px) and (min-width: 461px) {
    .singleSlideBanner {background-image: url(../images/DL_Banner2023_1_M.webp?v=1.1); max-height: 280px; background-position-x: 37%; height: calc(77vw);}
    .singleSlideBanner .container {padding-top:30px;}
    .singleSlideBanner img {max-width:45vw; padding-top: 80px;}
    .subnav-left { max-width: none; }    
}
@media (min-width: 581px) {
    .feature_inner p {width: calc(48%);}
    .btn-fr {float: right; margin-top: -10px; margin-right: 5px;}
}

@media (max-width: 580px) {
    h1.NVColor {font-size: 20px;}
    h3 {font-size: 18px; line-height:1.4; padding-top:0;}
    h3.NVColor {font-size: 18px !important; line-height:1.2 !important;}
    .btn-fr { width: calc(100% - 10px);margin-top: 10px;}
    .img-area h1 {font-size:24px;}
    .textcomp {padding:0 !important}
    .textcomp h3 {font-size:15px !important; line-height:1.4 !important;}
    .padding-xs-x30 { padding-left:30px !important; padding-right:30px !important;}
    .panel-group {margin-bottom: 10px;}
    .img-lab {max-width:120px;}
     ul.list-center li { width: 90%; margin-left: 8%;}
}

@media (max-width: 500px) {
    #thumbs .col-xs-6 {width: 100% !important;}
    #thumbs div {max-width: 100%;}
    #thumbs img {width: 100%;}
}

@media (max-width: 460px) {
    .singleSlideBanner {background-image: url(../images/DL_Banner2023_1_S.webp?v=1.1); max-height: 360px; background-position-y: 100%; background-size: cover; height: calc(100vw);}
    .singleSlideBanner .container {padding-top:20px;}
    .singleSlideBanner .h3 { line-height: 50px; margin-left: 5px; font-size: 22px;}
    .singleSlideBanner p { margin: 0 5px; padding-top: 0;color: #626262;}
    .panel-body h3 {font-size: 18px; margin-left: 10px;}
    .subnav-left { max-width: none; }
    .singleSlideBanner img { max-width: 50vw; padding-top: 15px; margin-left: 5px;}
    #accordion_pre_course .list-center li { font-size: 12px !important;}}
}