.headerContent {
    padding-top: 70px;
}

.headerSideContainer {
    overflow: hidden;
    position: absolute;
    transform: skewX(-55.98deg);
}

.headerSideImage {
    transform: skewX(55.98deg);
    transform-origin: inherit;
    width: 100%;
    height: 100%;
    right: -.25em;
    transform-origin: 0 100%;
}

.headerOption {
    overflow: hidden;
    position: relative;
    width: 40em;
    height: 27em;
}

/*.page-content {
    border-radius: 5px;
    padding-top: 45px;
}*/





a.external {
    background-position: center right;
    background-repeat: no-repeat;
    background-image: linear-gradient(transparent,transparent) !important;
    padding-right: 0px !important;
}



.card.bg-dark.text-white:hover {
    cursor: pointer;
}

.d-flex.justify-content-between.sq {
    background: #136a8a; /* fallback for old browsers */
    background: -webkit-linear-gradient(to top, #267871, #136a8a); /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to top, #267871, #136a8a); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    transition: background-color 1s ease-in-out;
    float: left;
    border-radius: 3px;
    /*height: 96px;*/
    height: 100%;
    width: 26px;
    left: -21px;
    position: relative;
}

.list-group-item-action:hover:hover .d-flex.justify-content-between.sq {
    background: #FDC830; /* fallback for old browsers */
    background: -webkit-linear-gradient(to bottom, #F37335, #FDC830); /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to bottom, #F37335, #FDC830); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    transition: background-color 1s ease-in-out;
    animation: fadeInText 300ms 0ms forwards;
}

.list-group-item {
    background-color: transparent;
    border-left: none !important;
    border-right: none !important;
    border-top: none !important;
}
/*
a#gppth, a#value {
    min-height: 275px !important;
}*/

.list-group-item {
    background-color: transparent;
}

    .list-group-item:hover {
        /*background-color: #0065a469;*/
        background-color: #00000026; /*or*/
        transition: background-color 1s ease-in-out;
    }

.list-group-item-action, .list-group {
    animation: fadeInText 600ms 0ms forwards;
}


@keyframes fadeInText {
    from {
        transform: translateY(30px);
        opacity: 0;
    }

    to {
        transform: translateY(0);
        opacity: 1;
    }
}

/*.HowToVideoIcon {
    position: relative;
    top: -170px; 
    left: 85%;
    z-index: 10;
}*/

@media only screen and (max-width: 768px) {
    .bgimage {
        height: auto !important;
    }
}

@media (max-width: 620px) {
    /*    .page-content {
            top: 0 !important;
        }*/
 /*   #MainContent_leadtext > p.lead {
        display: none;
    }

    p.lead.mobile {
        display: block !important;
    }*/
}

@media (min-width: 620px) {
    p.lead.mobile {
        display: none !important;
    }
}
p.lead.mobile {
    display: none !important;
}