.nav-tabs--vertical {
    border-bottom: none;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
}

@media (min-width: 575.98px) {
    .nav-tabs--vertical {
        justify-content: space-between;
    }
}

@media (min-width: 768px) {

    .nav-tabs--vertical {
        flex-wrap: nowrap;
        flex-direction: column;
    }
}



.nav-tabs--left {
    margin: 0 15px;
}

.nav-tabs--left .nav-item + .nav-item {
    margin-top: .25rem;
}

.nav-tabs--left .nav-link {
    transition: border-color .125s ease-in;
    background-color: #efefef;
    color: #0b0b0b;
    border-bottom-left-radius: 0.375rem;
    border-bottom-right-radius: 0.375rem;
}



@media (min-width: 575.98px) {
    .nav-tabs--left .nav-link {

        white-space: nowrap;

    }
}




.nav-tabs--left .nav-link img {

    margin-right: 10px;

}

.nav-tabs--left .nav-link:hover {
    border-color: #006cb7;
    border-bottom-left-radius: 0.375rem;
    border-bottom-right-radius: 0.375rem;

}

.nav-tabs--left .nav-link.active {

    margin-right: -1px;

    background-color: #006cb7;
    border-bottom-left-radius: 0.375rem;
    border-bottom-right-radius: 0.375rem;
    color: #fff;

}

.nav-tabs--left .nav-link.active:hover {

    border-color: #006cb7;
    border-bottom-left-radius: 0.375rem;
    border-bottom-right-radius: 0.375rem;

}

@media (max-width: 860px) {

    .d-flex {
        flex-wrap: wrap;
    }
}
/*
.carousel-item img {
    height: 300px;
    width: auto;

}

@media (min-width: 575.98px) {
    .carousel-item img {
        height: 600px;
        width: auto;

    }
}*/

.ProximaLt {

    font-family: "Helios Ext", sans-serif;
    font-size: 19px;
}


.ProximaBlack {
    font-size: 22px;
    font-family: "Helios Ext", sans-serif;
    font-weight: 900;
    color: #1a6cb7;

}

@media (min-width: 575.98px) {
    .ProximaBlack {
        font-size: 30px;
    }
}

@media (min-width: 768px) {

    .ProximaBlack {
        font-size: 34px;
    }
}

@media (min-width: 992px) {
    .ProximaBlack {
        font-size: 38px;

    }
}

@media (min-width: 1200px) {
    .ProximaBlack {
        font-size: 38px;

    }




}




h3.ProximaBlack {
    font-size: 20px;

}

.bodyTM {

    background-color: #006cb7;
    font-family: "IBM Plex Sans", sans-serif;
    font-weight: 500;
}

ul.headUlTM {

    font-family: "IBM Plex Sans", sans-serif;
    font-size: 15px;
    list-style: none;
    line-height: 2;


}

@media (min-width: 768px) {

    ul.headUlTM {
        font-size: 20px;
        line-height: 2.1;

    }
}

@media (min-width: 992px) {
    ul.headUlTM {
        font-size: 25px;

        line-height: 2.3;
    }
}





.headUlTM li{

    position: relative;
    letter-spacing: 1px;
}

.headUlTM li:before {
    content: "";
    background-image: url(/resource/img/dot.png);
    width: 25px;
    height: 25px;
    position: absolute;
    top: 1px;
    left: -40px;



}

@media (min-width: 575.98px) {
    .headUlTM li:before {
        top: 5px;
    }
}

@media (min-width: 768px) {

    .headUlTM li:before {
        top: 10px;
    }
}

@media (min-width: 992px)  {

    .headUlTM li:before {
        top: 15px;
    }
}


.headerTM {

    background-image: url("/resource/img/headTM.jpg")
}

.bg-skew {
    /* background-color: #f7f8f9;*/
}

.tab-pane img {

    max-height: 150px;
    width: auto;
    padding-bottom: 20px;
}

.headerImgTm {


}


.card-featured {
    border: 4px solid #00b1b6;
}

.card-header p{
    color: #000!important;
    font-size: 20px;
    padding-top: 7px;

    font-family: "Helios Ext", sans-serif;

}


@media (min-width: 768px) {
    /* show 3 items */
    #example  .carousel-inner .active,
    #example  .carousel-inner .active + .carousel-item,
    #example  .carousel-inner .active + .carousel-item + .carousel-item {
        display: block;
    }

    #example .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left),
    #example .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item,
    #example  .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item {
        transition: none;
    }

    #example  .carousel-inner .carousel-item-next,
    #example .carousel-inner .carousel-item-prev {
        position: relative;
        transform: translate3d(0, 0, 0);
    }

    #example  .carousel-inner .active.carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: absolute;
        top: 0;
        right: -33.3333%;
        z-index: -1;
        display: block;
        visibility: visible;
    }

    /* left or forward direction */
    #example .active.carousel-item-left + .carousel-item-next.carousel-item-left,
    #example  .carousel-item-next.carousel-item-left + .carousel-item,
    #example  .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item,
    #example  .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }

    /* farthest right hidden item must be abso position for animations */
    #example  .carousel-inner .carousel-item-prev.carousel-item-right {
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        display: block;
        visibility: visible;
    }

    /* right or prev direction */
    #example .active.carousel-item-right + .carousel-item-prev.carousel-item-right,
    #example  .carousel-item-prev.carousel-item-right + .carousel-item,
    #example  .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item,
    #example  .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(100%, 0, 0);
        visibility: visible;
        display: block;
        visibility: visible;
    }
}


@media (min-width: 992px) {

    #example .carousel-control-prev {
        left: -80px;
    }

    #example  .carousel-control-next {
        right: -80px;
    }
}

@media (min-width: 1200px) {
    #example .carousel-control-prev {
        left: -100px;
    }

    #example  .carousel-control-next {
        right: -100px;
    }
}





#example .carousel-item .card-text {

    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 100px;

}

#example .carousel-item h4{
    font-size: 18px;
    font-family: "Helios Ext", sans-serif;
}

#example .carousel-indicators{
    bottom: -50px;
}



#carouselScreenShots  .carousel-control-prev-icon{
    background-image: url(/img/leftAr.png);
    height: 120px;
    width: 35px;

}


#carouselScreenShots  .carousel-control-next-icon{
    background-image: url(/img/rightAr.png);
    height: 120px;
    width: 35px;


}


#carouselScreenShots .carousel-indicators{
    bottom: -50px;
}


#carouselScreenShots  .carousel-indicators li{

    background-color: #eeeeee;
}
#carouselScreenShots  .carousel-indicators .active{

    background-color: #416db1;
}


.bg-skew-rev::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: skewY(5deg);
    transform: skewY(5deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    z-index: -1;
}

.videoInst{

    border: none;
}

.videoInst .nav-item .nav-link{
    color: #f7f8f9;
    border-bottom-left-radius: 0.375rem;
    border-bottom-right-radius: 0.375rem;
    background-color: #457cc4;

}

.videoInst .nav-link.active,
.videoInst .nav-item.show .nav-link {
    color: #000;
    font-weight: bold;

    background-color: #eeeeee;
}



.su-youtube {
    margin: 0 auto;
    display: block;
}


.embed-responsive-16by9-cust::before {
    padding-top: 58.92%;
}

.embed-responsive-16by9::before {
    padding-top: 53.25%;
}


 h3, .h3{
     font-size: 18px;
     font-family: "Helios Ext", sans-serif;
 }




.modal-content {

    background: transparent;
}




.screenShotImage{
    display: none;
}

@media (min-width: 1674px) {

    .screenShotImage{
        display: block;
    }

}



div#navbarNav {
    max-width: 97%;
}