/*
    blue: rgba(0,68,120,1);
     #004478;

    yellow: rgba(230,178,23,1)
    #E6B217;

    blue two: rgba(0,96,170,1)
    #0060AA

    font-family: 'Roboto', sans-serif; - body
    font-family: 'Roboto Slab', serif; - titles
*/

body.open {
    overflow: hidden;
    position: fixed;
}

html {
    -ms-overflow-style: -ms-autohiding-scrollbar;
}

/*#region keyframes*/

@keyframes fadein {
    from {
        opacity: 0
    }

    to {
        opacity: 1;
    }
}

@-moz-keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-webkit-keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-ms-keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes toggle-up {
    100% {
        transform: rotate(180deg);
    }
}

@keyframes toggle-down {
    100% {
        transform: rotate(180deg);
    }
}

/*#endregion*/

/* #region general styles */
body {
    font-family: 'Roboto', sans-serif;
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0
}

#toTheTop a, #toTheTop a:active, #toTheTop a:focus {
    color: #FFF;
}

#toTheTop a:hover {
    color: rgba(230,178,23,1);
}

.to-top-btn {
    position: fixed;
    bottom: 40px;
    right: 20px;
    height: 40px;
    font-size: 1em;
    text-decoration: none;
    background-color: rgba(0,96,170,.8);
    color: #EA1D25;
    padding: 9px 12px;
    border-radius: 7px;
    border:1px solid #ccc;
    display: none;
    z-index: 1100;
    opacity: .9;
}

.to-top-btn:hover, .to-top-btn:active, to-top-btn:focus {
    color: #fff;
}


.bold-face {
    font-weight:bold;
}  

#body-container {
    overflow:hidden;
}

#body-container.open {
    overflow-x: initial;
    position: initial;
}

/*#endregion */

/*#region hero image*/

#hero-gradient {
    position: absolute;
    z-index: 20;
    height: 100%;
    width: 100%;
    background: -moz-linear-gradient(top, rgba(255,255,255,0.90) 100px, rgba(0,0,0,.35) 40%);
    background: -webkit-linear-gradient(top, rgba(255,255,255,0.90) 100px,rgba(0,0,0,.35) 40%);
    background: linear-gradient(to bottom, rgba(255,255,255,0.90) 100px,rgba(0,0,0,.35) 40%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFF', endColorstr='#FFF',GradientType=0 );
}
    #hero-image {
        height: 85vh;        
    }
.imageHolder {
    width: 100%;
    height: 100%;
    background: #3a4568;
    position: relative;
    overflow: hidden;    
}
    .slide-container {
        width: 100%;
        height: 85vh;
        background-position: center;
        background-size: cover;
        color: #fff;
        overflow: hidden;
        -webkit-animation: fadein 1s; /* Safari, Chrome and Opera > 12.1 */
        -moz-animation: fadein 1s; /* Firefox < 16 */
        -ms-animation: fadein 1s; /* Internet Explorer */
        -o-animation: fadein 1s; /* Opera < 12.1 */
        animation: fadein 1s;
    }
    .slide-container video {
        width: 100%;
        position: absolute;
        z-index: 10;
    }
    .slide-container img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    #homeimages_btnPrevious {
        position: absolute;
        top: 50%;
        left: 1rem;
        z-index: 200;
        font-size: 6rem;
        color: rgba(230,178,23,.8);
        transition: all .25s;
    }

    #homeimages_btnNext {
        position: absolute;
        top: 50%;
        right: 1rem;
        z-index: 200;
        font-size: 6rem;
        color: rgba(230,178,23,.8);
        transition: all .25s;
    }

    #homeimages_btnPrevious:hover, #homeimages_btnNext:hover {
        color: rgba(230,178,23,.5);
    }

    #pauseplay {
        z-index: 250;
        position: absolute;
        bottom: 2rem;
        right: 2rem;
        padding: 1rem;
        height: 50px;
        width: 50px;
    }

    #pauseplay i {
        font-size: 2rem;
        position: absolute;
        top: 1rem;
        left: 1rem;
    }

    #pauseplay a {
        color: #222
    }

    #pauseplay a:hover {
        color: #FFF
    }

    .thetext {
        line-height:1
    }

    .hero-contentTR {
        top: 45%;
        right: 10rem;
    }

    .hero-contentTL {
        top: 45%;
        left: 10rem;
    }

    .hero-center-container {
        background: transparent;
        z-index: 200;
        position: absolute;
        bottom: 0;
        width: 100%;
        height: 100%;
        display: table;
        height:60vh;
    }

    .hero-center-container-inner {
        display: table-cell;
        vertical-align: middle;
    }

    .hero-center-container-inner > .hero-content {
        position: relative;
        text-align: center;
        width: 50%;
    }

    .hero-center-container-inner > .hero-content > .herotheButton {
        width:100%;
        max-width: 600px;
        position: relative;
        margin: 1rem auto;
    }

    .hero-contentbox {
        position: absolute;
        z-index: 20
    }

    .hero-contentNoBox {
        background: !important;
        border-left-style: none !important;
        border-left-color: inherit !important;
        border-left-width: medium;
        border-right-style: none !important;
        border-right-color: inherit !important;
        border-right-width: medium;
        border-top-style: none !important;
        border-top-color: inherit !important;
        border-top-width: medium;
        border-bottom-style: none !important;
        border-bottom-color: inherit !important;
        border-bottom-width: medium;
    }

    .hero-content {
        position: relative;
        top: -25px;
        background: transparent;
        z-index: 500;
        margin: auto;
        color: #FFF;
        font-weight: 400;
        font-size: 4.5rem;
        line-height:1;
        text-shadow: 2px 4px 3px rgba(0,0,0,0.3);
        text-align: center;
        z-index: 60;
        max-width: 100%;
        -webkit-animation: fadein 4s; /* Safari, Chrome and Opera > 12.1 */
        -moz-animation: fadein 4s; /* Firefox < 16 */
        -ms-animation: fadein 4s; /* Internet Explorer */
        -o-animation: fadein 4s; /* Opera < 12.1 */
        animation: fadein 4s;
    }

    .herotheButton {
        font-size: 2.625rem;
        font-family: 'Roboto Slab', serif;
        color: #FFF;
        font-weight: bold;
        padding: .5rem;
        border: 2px solid #FFF;
        text-align: center;
        width: auto;
        transition: all .25s ease-in-out;
        cursor: pointer;
        margin-top:1rem;
    }

    .herotheButton a {
        color: #FFF;
    }

    .herotheButton, .hero-contentbox-gray .herotheButton {
        background-color: rgba(0,96,170,1);
    }

    .herotheButton:hover {
        background: rgba(0,96,170,.7);
    }

    .herotheTitle {
        color: #FFF;
        font-weight: 400;
        font-size: 3.45rem;
        text-shadow: 2px 4px 3px rgba(0,0,0,0.1);
        font-family: 'Roboto Slab', serif;
    }

    .herotheTagLine {
        font-size: 4.25rem;
        color: #FFF;       
        font-weight: 700;
        font-family: 'Roboto Slab', serif;
        margin-top: -1.75rem;
    }

    .hero-center-container-inner .herotheTagLine {
        margin-top: 0;
    }

    .hero-contentbox-white, .hero-contentbox-blue, .hero-contentbox-gray {
        position: absolute;
        padding: 2rem;
        background: transparent;
        z-index: 500;
        width: auto;
        text-align: left;
        z-index: 60;
        max-width: 100%;
        border: 1px solid rgba(255,255,255,.4);
    }

    .hero-contentbox-white {
        background: rgba(255,255,255,.7);
    }
    .hero-contentbox-gray {
        background: rgba(0,0,0,.5);
    }

    .hero-contentbox-blue {
        background: rgba(0,68,120,.7);
    }

    .hero-contentbox-white .herotheTitle {
        color: #0060AA;
        font-weight: lighter;
        text-shadow: none;
    }
    .hero-contentbox-white .herotheTagLine {
        color: #0060AA;
        font-weight: bold;
        text-shadow: none;
    }
    .hero-contentbox-white .herotheButton, .hero-contentbox-blue .herotheButton, .hero-contentbox-gray .herotheButton, .hero-contentbox .herotheButton {
        width: 70%;
    }

    .hero-contentbox-blue .herotheTitle {
        color: #FFF;
        font-weight: lighter;
    }
    .hero-contentbox-blue .herotheTagLine {
        color: #FFF;
        font-weight: bold;
    }

    .hero-contentbox-blue .herotheButton {
        background: rgba(230,178,23,1);       
    }
    .hero-contentbox-blue .herotheButton:hover {
        background: rgba(230,178,23,.7);
    }
/*#endregion*/

/*#region news - events*/
#newsEvents-inner h2 {
    color: #0060AA;
    font-weight:bold;
    padding-left:1rem;
}
#newsEvents-inner {
    padding:2rem;
}

#lnkFeaturedLink:hover #featured-label, #lnkFeaturedLink:hover #featured-title, #lnkFeaturedLink:hover #featured-blurb {
    color: rgba(0,0,0,.5) !important;
}

#featured-container, #list-container {
    padding: 1rem;
}
    #featured-img img {
        width: 100%;
    }
    #featured-label {
        font-size: 1.3125rem;
        color: #0060AA;
        font-family: 'Roboto', sans-serif;
        padding:1rem 0;
    }
    #featured-title {
        font-size: 2rem;
        color: #0060AA;
        font-family: 'Roboto Slab', serif;
        font-weight:bold;
    }

    #list-news-container {
        background: rgba(0,96,170,.10);      
        padding:2rem;
    }
    #list-events-container, #academic-calendar-container {
        padding: 2rem;
    }

    #list-news-container h3, #list-events-container h3, #academic-calendar-container h3 {
        color: rgba(0,96,170,1);
        font-weight: bold;
    }
    #list-events-container h3 {
        padding-bottom:2rem;
    }
    #list-news-container ul, #list-events-container ul {
        list-style: none;
        margin-left: 0;
    }
    #academic-calendar-container ul {
        list-style: none;
        margin-left: 1rem;
    }
    #list-news-container ul li {
        border-bottom: 1px solid rgba(0,96,170,.2);
        padding: .75rem 0;
        font-weight: bold;
        font-size: 1.25rem;
        line-height: 1.95;
        font-family: 'Roboto', sans-serif;
    }
        #list-events-container ul li {            
            padding: .75rem 0;            
        }
    #list-news-container .fas {
        padding-left:.75rem;   
        position:relative;
        top:.2rem;
        font-size:1.75rem;
    }
    #list-news-container a {
        color: rgba(0,96,170,1);
    }
    #list-news-container a:hover {
        color: #808080;
    }
    .view-all {
        padding: 1.5rem 0 0 0;
        text-align: left;
        position: relative;
        font-weight:bold
    }
#pnlEvents {
    width: 100%;
    border-top: 1px solid rgba(0,96,170,.2);
    margin-top: 1.5rem;
}
    #pnlEvents ul {
        columns: 3;
        -webkit-columns: 3;
        -moz-columns: 3;
    }
.event-item {
    width:33%;
    display:inline-block;
    padding-right:2rem;
    padding-bottom:2rem;

}

.event-date-col, event-title-col {
    display: inline-block;
}
    .event-date {
        text-align: center;
        background-color: rgba(230,178,23,1);
        color: #FFF;
        text-transform: uppercase;
        padding-top: 1.75rem;
        font-weight: bold;
        line-height: 1.5rem;
        transition: all .25s ease-in-out;
        border-radius: 50%;
        height: 110px;
        width: 110px;
    }

    .theEventMonth, .theEventDate {    
        color: #FFF;
    }
    .theEventMonth {
        font-size:1rem
    }
    .theEventDate {
        font-size: 2rem
    }
.event-title {
    padding-left: 1rem;
    padding-top: 1rem;
    font-weight: bold;
    font-size: 1.25rem;
    line-height: 1.95;
    font-family: 'Roboto', sans-serif;
}
    .event-title a {
        color: rgba(0,96,170,1);
        font-weight: bold;
        font-size: 1.25rem;
        line-height: 1.5;
        font-family: 'Roboto', sans-serif;
    }
    .event-title a:hover {
        color: #808080;           
    }
/*#endregion*/




 /*#region media breaks*/

    /*Laptop*/
    @media(max-width:1366px) {
        #homeimages_btnPrevious, #homeimages_btnNext {
            font-size: 4rem;
            bottom: 35%;
        }

        .hero-content {
            font-size: 3.5rem;
            top: -2.5rem;
        }

        .herotheTitle {
            font-size: 2.25rem;
            padding-bottom: .5rem;
        }

        .herotheTagLine {
            font-size: 3.45rem;
        }

        .hero-contentTR {
            top: 13rem;
            right: 5.5rem;
        }

        .hero-contentTL {
            top: 13rem;
            left: 5.5rem;
        }

        .herotheButton {
            font-size: 2.125rem;
        }
        .event-item {
            width: 45%;
            display: inline-block;
            padding-right: 2rem;
            padding-bottom: 4rem;
        }
    }

@media(max-width:1070px) {
    #homeimages_UpdatePanel1 {
        position: relative;
    }
    .event-item {
        width: 100%;
        display: inline-block;
        padding-right: 2rem;
        padding-bottom: 4rem;
    }
}

    /* founddation large break point*/
    @media(max-width:1023px) {
        #events-container h3 {
            margin: 6rem 0 3rem 0;
        }

        #body-container.open {
            overflow-x: hidden;
            position: fixed;
        }

        .herotheTitle {
            font-size: 1.75rem;
            padding-bottom: .5rem;
        }

        .herotheTagLine {
            font-size: 2.85rem;
        }

        .hero-contentTR, .hero-contentTL {
            top: 9rem;
        }

        .herotheButton {
            font-size: 1.75rem;
        }
    }

    @media(max-width:920px) {

        .slide-container {
            height: 500px;
            position: relative;
        }

        #hero-image {
            height: auto;
        }

        .slide-container img {
            position: relative;
            top: 0;
            left: 0;
            transform: none;
            width: 100%;
        }

        #hero-gradient {
            background: -moz-linear-gradient(top, rgba(0,0,0,0.50) 0px, rgba(0,0,0,.35) 40%);
            background: -webkit-linear-gradient(top, rgba(0,0,0,0.50) 0px,rgba(0,0,0,.35) 40%);
            background: linear-gradient(to bottom, rgba(0,0,0,0.50) 0px,rgba(0,0,0,.35) 40%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000', endColorstr='#FFF',GradientType=0 );
        }

        .hero-center-container-inner > .hero-content > .herotheButton {
            max-width: 500px;
            position: relative;
            margin: 1rem auto;
        }

        .hero-contentTR, .hero-contentTL {
            top: 4rem;
        }
    }

    /*flip to mobile nav*/
    @media(max-width:820px) {
    }

    /*tablet*/
    @media(max-width:768px) {
        .hero-content {
            font-size: 2.5rem;
        }

        .hero-contentTR .herotheTitle, .hero-contentTR .herotheTagLine, .hero-contentTL .herotheTitle, .hero-contentTL .herotheTagLine {
            background: #FFF;
            padding: .5rem;
        }

        .herotheTitle {
            font-size: 1.25rem;
        }

        .hero-contentTR .herotheTitle, .hero-contentTL .herotheTitle {
            margin-bottom: .75rem;
        }

        .herotheTagLine {
            font-size: 1.75rem;
            line-height: 1
        }

        .herotheButton {
            font-size: 1.25rem;
        }

        #homeimages_btnPrevious, #homeimages_btnNext {
            font-size: 2.75rem;
            bottom: 35%;
        }

        #homeimages_btnPrevious {
            left: .5rem;
        }

        #homeimages_btnNext {
            right: .5rem;
        }

        .hero-center-container-inner > .hero-content > .herotheButton {
            width: 350px;
            max-width: 100%;
        }

        .hero-center-container {
            padding-top: 18rem;
        }

        #pauseplay i {
            left: 2rem;
        }

        .hero-contentTR, .hero-contentTL, .hero-contentBR, .hero-contentBL {
            margin: 225px auto 0 auto;
            display: table-cell;
            vertical-align: middle;
            background: transparent;
            width: 90%;
            right: 0;
            left: 0;
            text-align: center;
            border: none;
        }

            .hero-contentTR .herotheButton, .hero-contentTL .herotheButton, .hero-contentBR .herotheButton, .hero-contentBL .herotheButton {
                width: 250px;
                max-width: 100%;
                margin: 1rem auto;
            }

        #content-industry-inner {
            padding: 5rem 1rem;
            max-width: none;
        }

        #content-investors-inner h2 {
            font-size: 3rem;
        }

        #investors-join .button {
            font-size: 1.25rem;
            width: 20rem;
        }

            #investors-join .button::before {
                right: 1rem;
                width: 1rem;
                height: 1rem;
                top: 1rem;
            }

            #investors-join .button::after {
                width: 1rem;
                height: 1rem;
                top: 1rem;
            }
    }


    /*flip to one column*/
    @media(max-width:639px) {
        #content-block-one h2 {
            padding-top: 2rem;
            font-weight: bold;
        }

        #content-block-one-img, #content-block-button {
            text-align: center;
            width: 100%;
        }

            #content-block-button .button {
                font-size: 1rem;
                width: 12rem;
            }

        #content-block-one-inner .button::after {
            right: 1.35rem;
            width: .55rem;
            height: .55rem;
            top: .75rem;
        }

        #content-block-one-inner .button::before {
            right: 1rem;
            width: .55rem;
            height: .55rem;
            top: .75rem;
        }
    }

    @media(max-width:450px) {
        .hero-content {
            font-size: 1.5rem;
        }

        .herotheTitle {
            font-size: 1rem;
        }

        #homeimages_btnPrevious, #homeimages_btnNext {
            font-size: 2rem;
            bottom: 35%;
        }

        #pauseplay {
            top: 100px;
            left: -1rem;
            bottom: inherit;
            right: inherit;
        }

        #content-block-one {
            margin-top: 0;
        }

        #content-block-one-inner {
            padding: 0 1rem 5rem 1rem;
        }
    }
    /*#endregion*/