/* GOOGLE FONT CSS */

/* noto-sans-regular - latin */
@font-face {
    font-family: 'Noto Sans';
    font-style: normal;
    font-weight: 400;
    src: url('../../fonts/noto-sans-v27-latin-regular.eot'); /* IE9 Compat Modes */
    src: local(''), url('../../fonts/noto-sans-v27-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../../fonts/noto-sans-v27-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
    url('../../fonts/noto-sans-v27-latin-regular.woff') format('woff'), /* Modern Browsers */
    url('../../fonts/noto-sans-v27-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../../fonts/noto-sans-v27-latin-regular.svg#NotoSans') format('svg'); /* Legacy iOS */
}

/* maven-pro-regular - latin */
@font-face {
    font-family: 'Maven Pro';
    font-style: normal;
    font-weight: 400;
    src: url('../../fonts/maven-pro-v32-latin-regular.eot'); /* IE9 Compat Modes */
    src: local(''), url('../../fonts/maven-pro-v32-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../../fonts/maven-pro-v32-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
    url('../../fonts/maven-pro-v32-latin-regular.woff') format('woff'), /* Modern Browsers */
    url('../../fonts/maven-pro-v32-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../../fonts/maven-pro-v32-latin-regular.svg#MavenPro') format('svg'); /* Legacy iOS */
}

/* latin-ext */
@font-face {
    font-family: 'Maven Pro';
    font-style: normal;
    font-weight: 400;
    src: url('../../fonts/maven-pro-v32-latin-regular.woff2') format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Maven Pro';
    font-style: normal;
    font-weight: 400;
    src: url('../../fonts/maven-pro-v32-latin-regular.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* 
* BASIC STYLE
  - General Style    
  - Headings Style    
  - Button Style    
  - Form Style    
  - Spacer Style
*/
/*-------------------------------------------------------------------------------------------*/
/* BASIC STYLE    ||---------------------------- */
/*-------------------------------------------------------------------------------------------*/
/*Cookie Consent Begin*/
#cookieConsent {
    background-color: rgba(20,20,20,1.0);
    min-height: 26px;
    font-size: 12px;
    color: #fff;
    line-height: 26px;
    padding: 8px 0 8px 30px;
    font-family: 'Maven Pro', sans-serif;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    display: none;
    z-index: 9999;
}

    #cookieConsent a {
        color: #fff;
        text-decoration: none;
    }

#closeCookieConsent {
    float: right;
    display: inline-block;
    cursor: pointer;
    height: 20px;
    width: 20px;
    margin: 0px 15px 0 0;
    font-weight: bold;
    font-size: 40px;
}

#cookieConsent .btn {
    color: whitesmoke;
}

#closeCookieConsent:hover {
    color: #FFF;
}

#cookieConsent a.cookieConsentOK {
    background-color: #ff9600;
    color: #fff;
    display: inline-block;
    border-radius: 5px;
    padding: 0 20px;
    cursor: pointer;
    float: right;
    margin: 0 60px 0 10px;
}

    #cookieConsent a.cookieConsentOK:hover {
        background-color: #182A53;
    }

#cookiesModal {
    margin-top: 100px;
}

.cookie-video-container {
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative;
    height: 0;
}

    .cookie-video-container iframe,
    .cookie-video-container object,
    .cookie-video-container embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
/*Cookie Consent End*/
/*  Background video   ||-----------*/
video.loading {
    background: url(~/images/test-images/media/WebsitePic.JPG) center center no-repeat;
}

/**New skin for Azure media poster*/
.amp-default-skin .vjs-poster img {
    max-width: 50%;
    vertical-align: middle;
}

/*Bootcamp Contact forms*/
.camp-contact button {
    top: 50%;
}

.popout-video-contact {
    position: relative;
    height: auto;
    background-size: cover;
    background-position: center center;
    margin-top: 0px;
    margin-bottom: 5px;
    max-width: 100%;
}

.popout-video-contact-csharp {
    position: relative;
    height: auto;
    background-size: cover;
    background-position: center center;
    margin-top: 0px;
    margin-bottom: 5px;
    max-width: 100%;
}

.popout-video-contact-cyber-security {
    position: relative;
    height: auto;
    background-size: cover;
    background-position: center center;
    margin-top: 0px;
    margin-bottom: 5px;
    max-width: 100%;
}

.popout-video-contact-data-sience {
    position: relative;
    height: auto;
    background-size: cover;
    background-position: center center;
    margin-top: 0px;
    margin-bottom: 5px;
    max-width: 100%;
}

.cyber-coding-bootcamp-video-img {
    position: relative;
    height: auto;
    background-size: cover;
    background-position: center center;
    margin-top: 5px;
    margin-bottom: 35px;
}

.contact-software-img {
    max-width: 35%;
}

.contact-gamedev-img {
    max-width: 70%;
}

.contact-datascience-img {
    max-width: 37%;
}

.contact-uiux-img {
    max-width: 65%;
}

.contact-cyber-img {
    max-width: 65%;
}

.column-note {
    float: left;
    width: 33.33%;
    padding: 5px;
}

.bootcampcontact {
    border: none;
}

.contact-padding-bootcamp {
    padding: 15px;
}

.contact-padding {
    padding: 33px;
}

/*end of bootcamp contacts*/
.quotes {
    display: none;
    font-family: "Noto Sans", serif;
}

.video-container {
    position: relative;
    overflow: hidden;
    width: 100vw;
    height: 100vh;
}


video {
    height: auto;
    vertical-align: middle;
    width: 100%;
}

#background-video {
    height: 100vh;
    width: unset;
    display: none;
}

.embed-responsive {
    height: 80%;
    width: 80%;
    left: 185px;
}

@media screen and (min-width: 800px) {
    div.browser {
        font-size: 50px;
    }

    #background-video {
        display: block;
        position: absolute;
        z-index: 0;
        top: 50%;
        left: 50%;
        min-width: 100%;
        min-height: 100%;
        width: auto;
        height: auto;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
    }
}

@media screen and (min-width: 801px) {
    div.browser {
        font-size: 45px;
    }
}

@media screen and (max-width: 799px) {
    div.browser, div.quotes {
        font-size: 20px;
        text-align: center;
        margin-top: 19%;
    }

    .video-container::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        background-image: url(../../images/test-images/media/WebsitePic.JPG);
        background-position: center;
        background-size: cover;
        filter: brightness(0.4);
        width: 100%;
        height: 100%;
    }
}

.overlay-desc {
    color: white;
    font-size: 40px;
    text-transform: uppercase;
    font-family: 'Noto Sans', serif;
    font-weight: 200;
    letter-spacing: 4px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 300px;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.overlay-desc-bottom {
    color: white;
    font-size: 40px;
    text-transform: uppercase;
    font-family: 'Noto Sans', serif;
    font-weight: 200;
    letter-spacing: 4px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 180px;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media screen and (max-width: 767px) {
    .overlay-desc-bottom {
        letter-spacing: 4px;
        margin-left: 7px;
        bottom: 190px;
    }
}

@media screen and (max-width: 767px) {
    .mobile-contact-text {
        font-size: 13px;
    }
}

.overlay-desc-text {
    color: white;
    font-size: 40px;
    font-family: 'Maven Pro', sans-serif;
    font-weight: 200;
    letter-spacing: 3px;
    position: absolute;
    top: 250px;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* End Background video   ||-----------*/
::-moz-selection {
    background-color: #e6ae49;
    color: #FFF;
}

::selection {
    background-color: #182A53;
    color: #FFF;
}

/*Area style*/
#godown {
    height: 60px;
}
/* End area style*/

/*  General Style   ||-----------*/

body, html {
    height: 100%;
    margin: 0;
    padding: 0;
}

body {
    color: #142953;
    font-size: 13px;
    font-family: 'Noto Sans', sans-serif;
    font-weight: 600;
    letter-spacing: 0.5px;
    /* line-height: 150%; */
}

.text-justify {
    line-height: 150%;
}

.dark-mode {
    filter: brightness(85%) invert(1);
}

    .dark-mode .leftbar-menu, .dark-mode .sidebar-menu,
    .dark-mode img:not(.course-picture, .logo-dark),
    .dark-mode iframe:not(.content-container),
    .dark-mode #azuremediaplayer, .dark-mode .footer,
    .dark-mode .unreadTop, .dark-mode .unreadInboxTab, .dark-mode .text-danger,
    .dark-mode .text-success, .dark-mode .text-primary {
        filter: invert(1);
    }

    .dark-mode img:not(.course-picture, .logo-dark) {
        background-color: white;
        padding: 5px;
    }

.vjs-poster > img {
    background-color: transparent !important;
}

/*FULLSCREEN YOUTUBE VIDEO FIX*/
.dark-mode iframe:not(.content-container):fullscreen {
    filter: invert(0) !important;
}

/*FULLSCREEN VIDEO DARK MODE FIX*/
.dark-mode .vjs-fullscreen {
    filter: invert(0) !important;
}

.dark-content {
    filter: invert(1);
}

/*.dark-mode {
    filter: invert(1) brightness(95%);
}

.dark-content {
    filter: invert(1);
}*/

img {
    height: auto;
    max-width: 85%;
    border: none;
    outline: none;
    transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
}

@media (max-width: 767px) {
    .circle-logo {
        max-width: 40%;
    }

    .prosper-logo {
        max-width: 50%;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
}

@media (max-width: 767px) {
    .circle-logo-partial {
        max-width: 40%;
        max-height: 40%;
    }
}

@media (max-width: 767px) {
    .contact-coursereport {
        max-width: 45%;
        margin-top: 10px;
    }
}

@media (max-width: 767px) {
    .contact-switchup {
        max-width: 40%;
    }
}

@media (max-width: 767px) {
    .coding-bootcamp-logos {
        max-width: 50%;
        margin-top: 1px;
        margin-bottom: 10px;
    }
}

@media (max-width: 767px) {
    .mobile-margin {
        margin-top: 20px;
    }
}

.blueLink {
    color: #182A53 !important;
    text-decoration: underline !important;
}

a, a:focus, a:active, a:link, img {
    outline: none;
}

a {
    cursor: pointer;
    /*text-decoration: underline;
    color: #182A53;
    */
    text-decoration: none;
    color: #323232;
    transition: all 0.25s ease 0s;
    -moz-transition: all 0.25s ease 0s;
    -webkit-transition: all 0.25s ease 0s;
    -o-transition: all 0.25s ease 0s;
}

    a:hover {
        color: #ff9600;
        text-decoration: none;
        transition: all 0.25s ease 0s;
        -moz-transition: all 0.25s ease 0s;
        -webkit-transition: all 0.25s ease 0s;
        -o-transition: all 0.25s ease 0s;
    }

/*a.btn, .no-line {
        text-decoration: none !important;
        color: #323232;
    }

    a.btn-black{
    color:#fff !important;
    }*/

.courseReport {
    text-decoration: underline;
    color: #182AA3;
}

.video {
    display: block;
}

.audio {
    width: 100%;
}

br {
    font-size: 0;
    line-height: 0;
}

hr {
    margin-bottom: 0px;
    margin-top: 0px;
    border-top: 1px solid #f1f1f1;
    border-bottom: none;
    border-left: none;
    border-right: none;
}

    hr.dark {
        border-top: 1px solid #3e3e3e;
    }

    hr.style-two {
        border: 0;
        height: 1px;
        background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
        overflow: hidden;
    }

b, strong {
    font-weight: 600;
}

small, small a {
    font-size: 11px;
    color: #888;
}

.small-black small {
    color: black;
}

.strikeThrough {
    text-decoration: line-through;
}

ul {
    text-align: left;
    color: #323232;
}

div.pricing-features ul {
    text-align: center;
}

ul.list-inside {
    list-style: inside;
}

ul.list-none {
    list-style: none;
    padding-left: 0px;
    margin-left: 0;
}

ul.list-none-ib {
    list-style: none;
    padding-left: 0px;
    margin-left: 0;
}

    ul.list-none-ib li, .list-none-ib {
        list-style: none;
        display: inline-block;
    }

.list-default {
    font-size: 19px;
    font-weight: 400;
    color: #323232;
    line-height: 150%;
}

@media only screen and (max-width: 768px) {
    .list-default {
        font-size: 19px;
        font-weight: 400;
        /*margin-left: -20px;*/
    }
}

/*For list objects with no indentation - same styling as list-default class but with negative margins*/
.nm-list {
    font-size: 19px;
    font-weight: 400;
    color: #323232;
    margin-left: -20px;
    line-height: 150%;
}

@media only screen and (max-width: 768px) {
    .nm-list {
        font-size: 16px;
        font-weight: 400;
        margin-left: -20px;
    }
}
/*End negative margins list classes*/

ul.text-cap li, .text-cap {
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 2px;
}

p {
    font-family: 'Noto Sans', serif;
    line-height: 150%;
    font-size: 19px;
    font-weight: 400;
    margin: 5px 0 32px 0;
    color: #323232;
}

/*
    For rememeber me label on login page to make the Forgot password text paragraph styling 
    overrides .form-control lable combinator styling
*/
.remember-me-label {
    font-family: 'Noto Sans', serif;
    line-height: 150%;
    font-size: 19px;
    font-weight: 400;
    margin: 5px 0 32px 0;
    color: #323232;
}

.tour-campus {
    line-height: 22px;
    font-size: 19px;
    font-weight: 400;
    margin: 0px 0 5px 0;
    color: #323232;
}

@media only screen and (max-width: 768px) {
    .tour-campus {
        line-height: 22px;
        font-size: 16px;
        font-weight: 400;
        margin: 0px 0 5px 0;
        color: #323232;
    }
}

@media only screen and (max-width: 768px) {
    p {
        line-height: 22px;
        font-size: 16px;
        font-weight: 400;
        margin: 0px 0 15px 0;
        color: #323232;
    }
    /*
        For rememeber me label on login page to make the Forgot password text paragraph styling mobile version
        overrides .form-control lable combinator styling
    */
    .remember-me-label {
        line-height: 22px;
        font-family: 'Noto Sans', serif !important;
        font-size: 16px !important;
        font-weight: 400 !important;
        margin: 0px 0 15px 0;
        color: #323232 !important;
    }
}

p.lead, .lead {
    font-size: 18px;
    font-weight: 600;
    line-height: 150%;
}

@media only screen and (max-width: 768px) {
    p.lead, .lead {
        font-size: 16px;
        font-weight: 600;
        line-height: 150%;
    }
}


p.dark, .dark, a.dark, h1.dark, h2.dark, h3.dark, h4.dark, h5.dark, h6.dark {
    color: #323232 !important;
}

p.white, .white, a.white, h1.white, h2.white, h3.white, h4.white, h5.white, h6.white {
    color: #fff !important;
}

p.color, .color, a.color, h1.color, h2.color, h3.color, h4.color, h5.color, h6.color, li.link:hover, li.link a:hover, .color {
    color: #e6ae49 !important;
}

.gray {
    color: #888;
}

.light-color h1, .light-color h2, .light-color h3, .light-color h4, .light-color h5, .light-color h6, .light-color p, .light-color, .light-color .container-icon {
    color: #fff;
}

.dark-color h1, .dark-color h2, .dark-color h3, .dark-color h4, .dark-color h5, .dark-color h6, .dark-color p, .dark-color, .dark-color .container-icon {
    color: #323232;
}

.dark-bg {
    background: #182A53;
    color: #fff;
}

    .dark-bg h1, .dark-bg h2, .dark-bg h3, .dark-bg h4, .dark-bg h5, .dark-bg h6, .dark-bg p, .dark-bg .link, .dark-bg .container-icon, .dark-bg .page-icon-top, .dark-bg span {
        color: #fff;
    }

        .dark-bg .link:hover, .link:hover {
            color: #e6ae49;
        }

.gray-bg {
    background: #f7f7f7;
    color: #323232;
}

    .gray-bg h1, .gray-bg h2, .gray-bg h3, .gray-bg h4, .gray-bg h5, .gray-bg h6, .gray-bg .container-icon {
        color: #323232;
    }

.img-gradient {
    background-image: linear-gradient(to right, #32323232, #eaebed, white, #eaebed, #32323232);
    border: 1px solid #323232;
}

.img-testimonial {
    width: 556px;
    margin-bottom: 30px;
    margin-top: 30px;
    transition: transform 0.5s linear 0s;
    -webkit-transition: transform 0.5s linear 0s;
}

    .img-testimonial:hover {
        transform: scale(1.1);
    }

/*NOTIFICATIONS*/
.unreadInbox, .unreadInboxTab, .unreadLocation, .unviewedMaterial, .layoutNotification, .leftNoticication, .unreadForumInbox {
    background-color: red;
    color: #fff;
    margin-bottom: 2px;
    margin-left: auto;
    font-size: xx-small;
    line-height: 1;
    vertical-align: middle;
    padding: 3px 3px 3px 3px;
    border-radius: 4px;
    background-clip: padding-box;
    display: inline-block;
    min-width: 18px;
    text-align: center;
    max-height: 15px;
}

.unreadTop {
    background-color: red;
    color: #fff;
    position: absolute;
    /*margin-left: auto;*/
    margin-left: 8px;
    margin-bottom: 14px;
    font-size: xx-small;
    line-height: 1;
    padding: 3px 3px 3px 3px;
    border-radius: 4px;
    background-clip: padding-box;
    display: inline-block;
    min-width: 18px;
    text-align: center;
}

.forumTop {
    background-color: red;
    color: #fff;
    position: absolute;
    /*margin-left: auto;*/
    margin-left: -8px;
    margin-bottom: 14px;
    font-size: xx-small;
    line-height: 1;
    padding: 3px 3px 3px 3px;
    border-radius: 4px;
    background-clip: padding-box;
    display: inline-block;
    min-width: 18px;
    text-align: center;
}

.tool-tip {
    width: 100px;
    margin: auto;
    position: relative;
    text-align: center;
}

    .tool-tip > .tool-tip-text {
        display: none;
        margin: 0;
        left: 0px;
        background-color: gray;
        color: #fff;
        text-align: center;
        border-radius: 6px;
        position: absolute;
        z-index: 1;
    }

/*Headings Style   ||-----------*/

.separator {
    height: 1px;
    width: 32px;
    background: #888;
    margin-top: 5px;
    margin-bottom: 3px;
    border: 0 none;
}

    .separator.right {
        float: right;
    }

    .separator.center {
        margin-left: auto;
        margin-right: auto;
    }

    .separator.color {
        background: #e6ae49;
    }

    .separator.white {
        background: #fff;
    }

h1, h2, h3, h4, h5, h6 {
    color: #182A53;
    text-transform: uppercase;
    font-family: 'Maven Pro', serif;
    font-weight: 600;
    margin-top: 0px;
    margin-bottom: 0px;
}

    h1.heading, h2.heading, h3.heading, h4.heading,
    h5.heading, h6.heading {
        margin-top: 0.5em;
        margin-bottom: 0.5em;
    }

h1 {
    font-size: 34px;
    letter-spacing: 2px;
    line-height: 40px;
}

    h1.h1, h2.h2 {
        letter-spacing: 11px;
    }

@media (max-width: 767px) {
    h1.h1, h2.h2 {
        letter-spacing: 0px;
    }
}

h2 {
    font-size: 34px;
    letter-spacing: 1px;
    line-height: 37px;
    margin-bottom: 20px;
    padding-top: 10px;
}

@media only screen and (max-width: 768px) {
    h2 {
        font-size: 20px;
        letter-spacing: 1px;
        line-height: 25px;
        margin-bottom: 20px;
        padding-top: 0px;
    }
}

@media only screen and (min-width: 1024px) {
    h2 {
        font-size: 34px;
        letter-spacing: 1px;
        line-height: 37px;
        margin-bottom: 20px;
        padding-top: 0px;
    }
}

h3 {
    font-size: 34px;
    letter-spacing: 3px;
    line-height: 150%;
}

    h3:after {
        color: #FF9600;
        content: ".";
        font-size: 34px;
    }

@media only screen and (max-width: 768px) {
    h3 {
        font-size: 20px;
        letter-spacing: 1px;
        line-height: 23px;
    }

        h3:after {
            color: #FF9600;
            content: ".";
            font-size: 20px;
        }
}

h4 {
    font-size: 19px;
    letter-spacing: 2px;
    line-height: 28px;
}

    h4.h4 {
        letter-spacing: 4px;
    }

@media only screen and (max-width: 768px) {
    h4 {
        font-size: 16px;
        letter-spacing: 2px;
        line-height: 28px;
    }

        h4.h4 {
            letter-spacing: 4px;
        }
}

h5 {
    font-size: 19px;
    letter-spacing: 2px;
    line-height: 23px;
    font-weight: 600;
}

@media only screen and (max-width: 768px) {
    h5 {
        font-size: 16px;
        letter-spacing: 2px;
        line-height: 15px;
        font-weight: 600;
    }
}

h6 {
    font-size: 19px;
    letter-spacing: 2px;
    line-height: 17px;
    font-weight: 600;
    text-transform: none;
}

@media only screen and (max-width: 768px) {
    h6 {
        font-size: 16px;
        letter-spacing: 2px;
        line-height: 17px;
        font-weight: 600;
    }
}

.mt-button {
    margin-top: 10px;
}

h1.large {
    font-size: 50px;
}

.sub-heading {
    display: block;
    font-family: 'Noto Sans', sans-serif;
    font-size: 19px;
    margin: 15px auto 25px auto;
    color: #000000;
    /*max-width: 750px;*/
    line-height: 150%;
    text-transform: none;
    font-weight: 100;
    text-align: justify;
}

/*Background color 1*/
.bgcolor1 {
    background-color: #eaebed !important;
}

.bgcolor2 {
    background-color: #b6b8ba !important;
}

.bgcolor3 {
    background-color: #eaebed;
}

.bgcolor4 {
    background-color: #ffffff;
}

.TTA-orange {
    background-color: #ff9600;
}

/*Light gray for archived forum thread*/
.archived {
    background-color: #ebebeb;
}

/*Button Style   ||-----------*/
.btn:focus {
    outline: none;
}

.btn, .butt, button {
    font-size: 12px;
    line-height: normal;
    font-weight: 600;
    font-family: 'Maven Pro', serif;
    letter-spacing: 1px;
    text-align: center;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -o-border-radius: 2px;
}

    .btn i, .butt i, button i, i.left {
        margin-right: 6px;
    }

i.right {
    margin-left: 6px;
    margin-right: 0px !important;
}

button {
    vertical-align: top;
}

.btn-full {
    width: 100% !important;
    display: inline-block;
    text-align: center;
}

.btn-lg {
    padding: 15px 25px;
    display: inline-block;
    font-size: large;
}

.btn-md {
    padding: 11px 20px;
    display: inline-block;
}

.btn-xs {
    padding: 11px 15px 10px;
    display: inline-block;
}

.btn-line-xs {
    padding: 7px 15px 7px;
    display: inline-block;
}

.btn-icon {
    padding: 0px;
    width: 34px;
    height: 34px;
    line-height: 34px;
    display: inline-table !important;
}


.btn-black {
    color: #fff;
    background: #323232;
    border: none;
}

    .btn-black:hover {
        color: #fff;
        /*background: #e6ae49;*/
        background: rgba(50,50,50,0.85);
    }

.btn-blue {
    color: #fff;
    background: #ff9600;
    border: none;
}

    .btn-blue:hover {
        color: #fff;
        /*background: #e6ae49;*/
        background: rgba(50,50,50,0.85);
    }

.btn-orange {
    color: #fff;
    background: #182A53;
    border: none;
}

    .btn-orange:hover {
        color: #fff;
        /*background: #e6ae49;*/
        background: rgba(50,50,50,0.85);
    }


.btn-color-a, .btn-color-b {
    color: #fff;
    background: #ff9600;
    border: none;
}

    .btn-color-a:hover {
        color: #fff;
        background: #eaebed;
    }

    .btn-color-b:hover {
        color: #fff;
        /*color: #e6ae49;
        background: #fff;*/
        background: #323232;
    }

.btn-white {
    color: #000;
    background: rgba(255,255,255,0.85);
    border: none;
}

    .btn-white:hover {
        /*color: #fff;
        background: #e6ae49;*/
        background: rgba(255,255,255,1);
        color: #343434;
    }

.btn-black-line, .btn-white-line, .btn-color-line {
    border: 2px solid;
    background: none;
    margin: 2px;
}

input.form-control.btn-black-line.btn-block, input.form-control.btn-white-line.btn-block,
input.form-control.btn-black.btn-md.btn-block {
    padding: unset;
}

.btn-black-line {
    color: #323232;
    border-color: #323232;
    padding: 9px 20px;
}

    .btn-black-line:hover {
        color: #fff;
        background: #323232;
    }

    .btn-black-line.apply-now {
        padding: 13px 30px;
        font-size: 19px;
        border-width: 3px;
    }

.btn-color-line {
    color: #e6ae49;
    border-color: #e6ae49;
    padding: 9px 20px;
}

    .btn-color-line:hover {
        color: #fff !important;
        background: #e6ae49;
    }



.btn-white-line {
    color: #fff;
    border-color: #fff;
    padding: 9px 20px;
}

    .btn-white-line:hover {
        color: #323232;
        background: #fff;
    }

.btn-link-a, .btn-link-b {
    color: #142953;
    background: none;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 3px;
    border-bottom: 1px dotted transparent;
    font-weight: 600;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 2px;
}

    .btn-link-a:hover {
        color: #FF9600;
        border-bottom: 1px solid #ff9600;
    }

    .btn-link-b:hover {
        color: #fff;
        border-bottom: 2px solid #fff;
    }

.fa-play.pull-right {
    margin-top: 2px;
}

.btn-space-5 {
    width: 5px;
    min-height: 1px;
    display: inline-block;
}

.btn-space-10 {
    width: 10px;
    min-height: 1px;
    display: inline-block;
}

a:not([href]):not([tabindex]) {
    text-decoration: none;
    color: #eaebed;
}

    a:not([href]):not([tabindex]).btn-black-line {
        text-decoration: none;
        color: #323232;
    }

    a:not([href]):not([tabindex]):hover {
        color: #eaebed;
    }

/*Form Style   ||-----------*/

button {
    outline: none;
    border: none;
}

button, html input[type="button"], input[type="reset"], input[type="submit"] {
    cursor: pointer;
    display: inline-block;
}

button, input, textarea, select {
    font-family: 'Maven Pro', serif;
    font-size: 12px;
}

    input[type="text"], input[type="search"], input[type="email"], input[type="tel"], input[type="number"], input[type="password"], input[type="url"], textarea, #FilterCourse {
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        border: 1px solid #e0e0e0;
        -webkit-border-radius: 0px;
        border-radius: 0px;
        color: #888;
        outline: none;
        font-weight: 400;
        letter-spacing: 1px;
        font-size: 13px;
        padding: 5px 10px;
        transition: all 0.2s ease 0s;
        -moz-transition: all 0.2s ease 0s;
        -webkit-transition: all 0.2s ease 0s;
        -o-transition: all 0.2s ease 0s;
        display: inline-block;
    }

        input[type="text"]:focus, input[type="search"]:focus, input[type="email"]:focus, input[type="tel"]:focus, input[type="number"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus, input[type="password"]:focus, textarea:focus {
            border-color: #e6ae49;
            color: #323232;
        }

input, textarea, select {
    margin-bottom: 20px;
    font-family: 'Maven Pro', serif;
    font-size: 12px;
}

    input.input-sm, .input-sm {
        padding: 8px 15px;
    }

textarea {
    height: 120px;
}

.font-16 {
    font-size: 16px;
}

label {
    color: #323232;
    font-size: 13px;
    margin-bottom: 10px;
    padding-right: 3px;
    margin-top: 6px;
    font-weight: 600;
    font-family: 'Maven Pro', serif;
    display: block;
}

    label.inline {
        display: inline-block !important;
    }

    label.quiz-answer {
        color: #000000;
        text-align: justify;
        margin-bottom: 0px;
        font-size: 19px;
        font-weight: normal;
    }

@media (max-width: 767px) {
    .form-group label {
        color: #323232;
        font-size: 16px;
        margin-bottom: 10px;
        padding-right: 3px;
        margin-top: 6px;
        font-weight: 600;
        font-family: 'Maven Pro', serif;
        display: block;
    }

        .form-group label.inline {
            display: inline-block !important;
        }

    .form-group input[type="text"], input[type="search"], input[type="email"], input[type="tel"], input[type="number"], input[type="password"], textarea {
        -webkit-appearance: none;
        -moz-appearance: none;
        border: 1px solid #e0e0e0;
        -webkit-border-radius: 0px;
        border-radius: 0px;
        color: #888;
        outline: none;
        font-weight: 400;
        letter-spacing: 1px;
        font-size: 16px;
        padding: 5px 5px;
        transition: all 0.2s ease 0s;
        -moz-transition: all 0.2s ease 0s;
        -webkit-transition: all 0.2s ease 0s;
        -o-transition: all 0.2s ease 0s;
        display: inline-block;
    }

    input, textarea, select {
        margin-bottom: 5px;
        font-family: 'Maven Pro', serif;
        font-size: 12px;
    }

    div.panel-body {
        padding: 0px;
        border: 1px solid #eaebed;
        background-color: #fff;
    }

    div.mobile-pr-0 {
        padding-right: 0px;
    }

    .form-group .g-recaptcha {
        /*  transform: scale(0.69);
        -webkit-transform: scale(0.69);*/
        transform-origin: 0;
        -webkit-transform-origin: 0;
    }
}

.checkbox label {
    display: inline-block;
}

.checkbox-list {
    display: block;
    padding-left: 15px;
    text-indent: -15px;
}

input[type="checkbox"] {
    margin-bottom: 10px;
}

input[type="radio"] {
    margin-bottom: 0;
    position: relative;
}

input[type="range"] {
    display: block;
    width: 100%;
}

.hoursslider {
    -webkit-appearance: none;
    width: 100%;
    height: 21px;
    background: #eaebed;
    outline: none;
    opacity: 0.7;
    -webkit-transition: .2s;
    transition: opacity .2s;
}

    .hoursslider:hover {
        opacity: 1;
    }

    .hoursslider::-webkit-slider-thumb {
        -webkit-appearance: none;
        appearance: none;
        width: 10px;
        height: 25px;
        background: #1a2b51;
        cursor: pointer;
    }

    .hoursslider::-moz-range-thumb {
        width: 10px;
        height: 25px;
        background: #1a2b51;
        cursor: pointer;
    }

.hours-dropdown {
    -webkit-appearance: menulist-button;
    border: 1px solid #323232;
    font-weight: 600;
    color: #323232;
}

.control-label {
    text-transform: uppercase;
}

.form-control-select {
    font-size: 13px;
    color: #888;
}

.form-full {
    width: 100%;
}

.form-row {
    display: flex;
    margin: 0;
}

    .form-row a {
        margin-top: 5px;
    }

.form-field-wrapper {
    margin-bottom: 20px;
}

    .form-field-wrapper input, .form-field-wrapper textarea, .form-field-wrapper select {
        margin-bottom: 0px;
    }

form .error {
    border-color: #e1534f;
}

form label.error {
    margin-bottom: 0px;
    margin-top: 3px;
    color: #e1534f;
    font-size: 12px;
    font-weight: 400;
}

.form-horizontal {
    margin-top: 15px;
}

.successContent, .errorContent {
    margin-bottom: 20px;
    display: none;
    text-transform: none;
    letter-spacing: 1px;
}

.pull-left {
    float: left;
}

.pull-right {
    float: right;
}

.form-group {
    margin-top: 5px;
    margin-bottom: 5px;
    line-height: 17px;
}

.validation-summary-errors ul li {
    color: #dc3545 !important;
    text-decoration: none;
}

#iq-test-container label {
    display: inline-flex;
}

#iq-test-container .form-group div:last-child {
    margin-bottom: 30px;
}

#iq-test-container .form-group p {
    margin-bottom: 5px;
}

#iq-test-container .form-group > .form-check {
    padding-left: 3rem;
}

#iqTimer {
    position: fixed;
    right: 1rem;
    top: 12rem;
    border: 10px solid #323232;
    border-radius: 8px;
    padding: .5rem .75rem;
    background-color: #323232;
    color: #eaebed;
    font-size: 30px;
}

.modal.fade .modal-dialog {
    transform: translate(0, 45px);
}

#personality-test-modal .modal-dialog {
    margin: 10rem auto;
    z-index: 1000;
}

#iq-test-modal .modal-dialog {
    margin: 10rem auto;
    z-index: 1000;
}

#dropdownContact .modal-dialog {
    transform: translate(0, 95px);
    height: 70%;
}

@media (min-width: 576px) {
    #dropdownContact .modal-dialog-scrollable {
        max-width: 50%;
    }
}

.modal-header.no-title {
    padding: 0.5rem 0.5rem;
}

.modal-body.no-title {
    padding-top: 0;
}

.Contact .modal-dialog-scrollable {
    max-width: 70%;
}

@media (max-width: 767px) {
    .Contact .smallerdvc {
        max-width: 100%;
    }

        .Contact .smallerdvc li {
            font-size: xx-small;
        }

        .Contact .smallerdvc h6 {
            font-size: x-small;
        }
}

.account-modal {
    transform: translateY(6%);
}

.modal.account-modal h1 {
    font-size: x-large;
    color: #fff;
}

.modal.account-modal .modal-body, .modal.account-modal .modal-content {
    opacity: 0.8;
    background-color: #323232;
    color: #fff;
    border-width: 0;
}

    .modal.account-modal .modal-body > p {
        color: #fff;
        font-size: large;
    }


dt {
    font-weight: 600;
    float: left;
    width: 160px;
}

/* Spacer Style   ||-----------*/

.spacer-15 {
    width: 100%;
    height: 15px;
}

.spacer-30 {
    width: 100%;
    height: 30px;
}

.spacer-45 {
    width: 100%;
    height: 45px;
}

.spacer-60 {
    width: 100%;
    height: 60px;
}

.spacer-75 {
    width: 100%;
    height: 75px;
}

.spacer-90 {
    width: 100%;
    height: 90px;
}

.no-padding {
    padding: 0 !important;
}

.padding-20 {
    padding: 20px !important;
}

.padding-30 {
    padding: 30px !important;
}

.padding-40 {
    padding: 40px !important;
}

.plr-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.pl-0 {
    padding-left: 0;
}

.pr-0 {
    padding-right: 0;
}

.ptb-0 {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.pt-0 {
    padding-top: 0px !important;
}

.pb-0 {
    padding-bottom: 0px !important;
}

.ptb {
    padding-top: 30px;
    padding-bottom: 30px;
    color: #182A53
}

@media (max-width: 767px) {
    .ptb-mobile-denver {
        padding-top: 15px;
        padding-bottom: 0px;
        color: #182A53
    }
}

@media (max-width: 767px) {
    .pb-mobile {
        padding-top: 30px;
        padding-bottom: 0px;
        color: #182A53
    }
}

.pt {
    padding-top: 40px;
}

.pt-30 {
    padding-top: 30px;
}

@media (max-width: 767px) {
    .pt-mobile {
        padding-top: 10px;
    }
}

@media (max-width: 767px) {
    .ptb-mobile {
        padding-bottom: 10px;
    }
}

.pb {
    padding-bottom: 40px;
}

.ptb-15 {
    padding-top: 15px;
    padding-bottom: 15px;
}

.pt-15 {
    padding-top: 15px;
}

.pb-10 {
    padding-bottom: 10px;
}

.pb-15 {
    padding-bottom: 15px;
}

.pb-20 {
    padding-bottom: 20px;
}

.pb-30 {
    padding-bottom: 30px;
}

.pt-40 {
    padding-top: 40px;
}

.ptb-60 {
    padding-top: 60px;
    padding-bottom: 60px;
}

.pt-60 {
    padding-top: 60px;
}

.pb-60 {
    padding-bottom: 60px;
}

.ptb-80 {
    padding-top: 80px;
    padding-bottom: 80px;
}

@media only screen and (max-width: 768px) {
    .ptb-mobile-10 {
        padding-top: 10px;
        padding-bottom: 10px;
    }
}

.pt-80 {
    padding-top: 80px;
}

.pb-80 {
    padding-bottom: 80px;
}

.mtb-0 {
    margin-top: 0px;
    margin-bottom: 0px;
}

.mlr-0 {
    margin-left: 0px;
    margin-right: 0px;
}

.mt-0 {
    margin-top: 0px !important;
}

.mb--10 {
    margin-bottom: -10px;
}

.mb-0 {
    margin-bottom: 0px !important;
}

.mb-30 {
    margin-bottom: 30px;
}

.mb-10 {
    margin-bottom: 10px;
}

.ml-0 {
    margin-left: 0px !important;
}

.mr-0 {
    margin-right: 0px !important;
}

.mtb-80 {
    margin-top: 80px;
    margin-bottom: 80px;
}

.mt-80 {
    margin-top: 80px;
}

.mt-95 {
    margin-top: 95px;
}

.mb-80 {
    margin-bottom: 80px;
}

.mb-100 {
    margin-bottom: 100px;
}

.mtb-60 {
    margin-top: 60px;
    margin-bottom: 60px;
}

.mt-60 {
    margin-top: 60px;
}

.mb-60 {
    margin-bottom: 60px;
}

.mtb-45 {
    margin-top: 45px;
    margin-bottom: 45px;
}

.mt-45 {
    margin-top: 45px;
}

.mb-45 {
    margin-bottom: 45px;
}

@media (max-width: 767px) {
    .mb-45 {
        margin-bottom: 0px;
    }
}

.mb-40 {
    margin-bottom: 40px;
}

.mtb-30 {
    margin-top: 30px;
    margin-bottom: 30px;
}

.mt-30 {
    margin-top: 30px;
}

.mt-90 {
    margin-top: 90px;
}

.mb-30 {
    margin-bottom: 30px;
}

.ml-30 {
    margin-left: 30px;
}

.mr-30 {
    margin-right: 30px;
}

.mtb-25 {
    margin-top: 25px;
    margin-bottom: 25px;
}

.mt-25 {
    margin-top: 25px;
}

.mb-25 {
    margin-bottom: 25px;
}

.mt-20 {
    margin-top: 20px !important;
}

.mb-20 {
    margin-bottom: 20px;
}

@media only screen and (max-width: 768px) {
    .mbmobile-0 {
        margin-bottom: 0px;
    }
}

.mtb-15 {
    margin-top: 15px;
    margin-bottom: 15px;
}

.mt-15 {
    margin-top: 15px;
}

.mb-15 {
    margin-bottom: 15px;
}

.mlr-0 {
    margin-left: 0;
    margin-right: 0;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.vertical-center {
    position: absolute;
    top: 17%;
    left: 50%;
}

@media (max-width: 991px) {


    .mtb-sm-60 {
        margin-top: 60px;
        margin-bottom: 60px;
    }

    .mt-sm-60 {
        margin-top: 60px;
    }

    .mb-sm-60 {
        margin-bottom: 60px;
    }

    .mtb-sm-45 {
        margin-top: 45px;
        margin-bottom: 45px;
    }

    .mt-sm-45 {
        margin-top: 45px;
    }

    .mb-sm-45 {
        margin-bottom: 45px;
    }

    .mtb-sm-30 {
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .mt-sm-30 {
        margin-top: 30px;
    }

    .mb-sm-30 {
        margin-bottom: 30px;
    }

    .mtb-sm-35 {
        margin-top: 35px;
        margin-bottom: 35px;
    }

    .mtb-sm-15 {
        margin-top: 15px;
        margin-bottom: 15px;
    }

    .mt-sm-15 {
        margin-top: 15px;
    }

    .mb-sm-15 {
        margin-bottom: 15px;
    }

    .ptb-sm-0 {
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .pt-sm-0 {
        padding-top: 0px;
    }

    .pb-sm-0 {
        padding-bottom: 0px;
    }

    .ptb-sm-10 {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .ptb-sm-30 {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .pt-sm-30 {
        padding-top: 30px;
    }

    .pb-sm-30 {
        padding-bottom: 30px;
    }

    .ptb-sm-35 {
        padding-top: 35px;
        padding-bottom: 35px;
    }

    .ptb-sm-60 {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .pb-sm-60 {
        padding-bottom: 60px;
    }

    .pt-sm-60 {
        padding-top: 60px;
    }

    .ptb-sm-80 {
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .pb-sm-80 {
        padding-bottom: 80px;
    }

    .pt-sm-80 {
        padding-top: 80px;
    }

    .float-none-sm {
        float: none !important;
    }

    .float-left-sm {
        float: left !important;
    }

    .float-right-sm {
        float: right !important;
    }
}

@media (max-width: 767px) {

    .mtb-xs-0 {
        margin-top: 0px;
        margin-bottom: 0px;
    }

    .mt-xs-0 {
        margin-top: 0px;
    }

    .mb-xs-0 {
        margin-bottom: 0px;
    }

    .mtb-xs-15 {
        margin-top: 15px;
        margin-bottom: 15px;
    }

    .mt-xs-15 {
        margin-top: 15px;
    }

    .mb-xs-15 {
        margin-bottom: 15px;
    }

    .mtb-xs-30 {
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .mt-xs-30 {
        margin-top: 30px;
    }

    .mb-xs-30 {
        margin-bottom: 30px;
    }

    .mb-xs-45 {
        margin-bottom: 45px;
    }

    .mtb-xs-60 {
        margin-top: 60px;
        margin-bottom: 60px;
    }

    .mt-xs-60 {
        margin-top: 60px;
    }

    .mb-xs-60 {
        margin-bottom: 60px;
    }

    .ptb-xs-30 {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .pt-xs-30 {
        padding-top: 30px;
    }

    .pb-xs-30 {
        padding-bottom: 30px;
    }

    .ptb-xs-60 {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .pb-xs-60 {
        padding-bottom: 60px;
    }

    .pt-xs-60 {
        padding-top: 60px;
    }

    .float-none-xs {
        float: none !important;
    }

    .float-left-xs {
        float: left !important;
    }

    .float-right-xs {
        float: right !important;
    }

    .ptb-sm-10 {
        padding-top: 10px;
        padding-bottom: 10px;
    }
}

@media (max-width: 767px) {
    .hide-on-mobile {
        display: none !important;
    }

    .center-on-mobile {
        position: relative;
        overflow: hidden;
        text-align: center;
        margin: auto auto;
    }
}

@media (min-width: 1024px) {
    .show-on-mobile {
        display: none !important;
    }
}

/*==========================================================================================================*/
/* HEADER     ||---------------------------- */
/*==========================================================================================================*/

.header {
    position: relative;
    width: 100%;
}

    .header.header-transparent {
        position: absolute;
        z-index: 10002;
        top: 0;
        left: 0;
        width: 100%;
        background-color: transparent;
    }

    .header .header-nav {
        width: 100%;
        position: relative;
        z-index: 4;
        background-color: #fff; /*Desktop "header"*/
        padding-top: 0px;
        padding-bottom: 0px;
        padding-left: 15px;
        padding-right: 15px;
        border-bottom: 1px solid;
        border-color: transparent;
        box-shadow: 0px 0px 10px rgba(0,0,0,0.05);
        -moz-box-shadow: 0px 0px 10px rgba(0,0,0,0.05);
        -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.05);
        transition: all .3s ease-out;
        -moz-transition: all .3s ease-out;
        -o-transition: all .3s ease-out;
        -webkit-transition: all .3s ease-out;
    }

    .header.header-transparent .header-nav {
        background-color: transparent; /*Desktop "header-transparent" */
        border-bottom: 0px none;
        box-shadow: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
    }

/* Sticky Header Css*/
.header--sticky.fixed .header-nav {
    position: fixed;
    top: 0;
    z-index: 1050;
    background-color: rgba(255,255,255,.95);
    /*border-bottom: 1px solid rgba(0,0,0,0.07);*/
    box-shadow: 0px 0px 15px rgba(0,0,0,0.07);
    -moz-box-shadow: 0px 0px 15px rgba(0,0,0,0.07);
    -webkit-box-shadow: 0px 0px 15px rgba(0,0,0,0.07);
    padding-top: 0px;
    padding-bottom: 0px;
    animation: slideInDown 0.3s ease-in-out;
    -moz-animation: slideInDown 0.3s ease-in-out;
    -o-animation: slideInDown 0.3s ease-in-out;
    -webkit-animation: slideInDown 0.3s ease-in-out;
}

/* Mobile Header Sticky effect none*/
.header--sticky.fixed.no-stick .header-nav, .header--sticky.no-stick.fixed .header-nav {
    position: relative;
    top: 0;
    z-index: 4;
    background-color: #fff; /*Mobile "header"*/
    border-bottom: 0px none;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

.header.header-transparent.header--sticky.fixed.no-stick .header-nav, .header.header-transparent.header--sticky.no-stick.fixed .header-nav {
    position: relative;
    top: 0;
    z-index: 4;
    background-color: none transparent; /*Mobile "header-transparent" */
    border-bottom: 0px none;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

/*------------------------------------------------------------*/
/* Topbar */
/*------------------------------------------------------------*/
.topbar {
    padding: 11px 0;
    font-size: 13px;
    position: relative;
    z-index: 3002;
}

    .topbar ul > li {
        margin-right: 15px;
        display: inline-block;
    }

        .topbar ul > li:last-child {
            margin-right: 0px;
        }

/* Topbar Dark */
.topbar--dark, .topbar--dark ul > li > a {
    color: rgba(255,255,255,0.80);
}

.topbar--light, .topbar--light ul > li > a {
    color: inherit;
}

.topbar-border-light {
    border-bottom: 1px solid rgba(255,255,255,0.1);
}

.topbar-border-dark {
    border-bottom: 1px solid rgba(0,0,0,0.06);
}

@media all and (min-width: 767px) {
}

/*------------------------------------------------------------
    Header Navbar
 ------------------------------------------------------------*/
.header-nav {
    display: block;
}

    .header-nav > .container, .header-nav > .container-fluid {
        position: relative;
        vertical-align: middle;
    }


/*------------------------------------------------------------
    Logo
 ------------------------------------------------------------*/
.logo {
    display: inline-block;
    position: relative;
}

    .logo a {
        position: relative;
        display: block;
        height: 30px;
        width: 140px;
        transition: all .3s ease-out;
        -moz-transition: all .3s ease-out;
        -o-transition: all .3s ease-out;
        -webkit-transition: all .3s ease-out;
        /*transform: translateX(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        top: 50%;*/
    }

        .logo a img {
            position: absolute;
            /*max-height: 100%;
            height: 100%;*/
            width: auto;
            transition: all .3s ease-out;
            -moz-transition: all .3s ease-out;
            -o-transition: all .3s ease-out;
            -webkit-transition: all .3s ease-out;
        }

.fixed .logo a {
    height: 35px;
}

/*------------------------------------------------------------
    Header Color Setting 
------------------------------------------------------------*/
.header .nav-menu > ul > li > a,
.header .nav-menu > ul > li > form > a,
.header.fixed .nav-menu > ul > li > a,
.header.header-transparent.fixed .nav-menu > ul > li > a,
.header.header-transparent.fixed .nav-menu > ul > li > form > a,
.header.header-transparent.header--dark .nav-menu > ul > li > a,
.header.header--dark.header-transparent .nav-menu > ul > li > a,
.header .nav-icons > *,
.header.fixed .nav-icons > *,
.header.header-transparent.fixed .nav-icons > *,
.header.header-transparent.header--dark .nav-icons > *,
.header.header--dark.header-transparent .nav-icons > * {
    color: rgba(39,49,62,1);
    transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
}

    .header .nav-menu > ul > li:hover > a,
    .header .nav-menu > ul > li:hover > form > a,
    .header.fixed .nav-menu > ul > li:hover > a,
    .header.header-transparent.fixed .nav-menu > ul > li:hover > a,
    .header.header-transparent.header--dark .nav-menu > ul > li:hover > a,
    .header.header--dark.header-transparent .nav-menu > ul > li:hover > a,
    .header .nav-icons > *:hover,
    .header.fixed .nav-icons > *:hover,
    .header.header-transparent.fixed .nav-icons > *:hover,
    .header.header-transparent.header--dark .nav-icons > *:hover,
    .header.header--dark.header-transparent .nav-icons > *:hover {
        color: rgba(39,49,62,0.60);
    }

.header.header-transparent .nav-menu > ul > li > a,
.header.header-transparent .nav-menu > ul > li > form > a,
.header.header-transparent .nav-icons > * {
    color: rgba(255,255,255,1);
    transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
}

    .header.header-transparent .nav-menu > ul > li:hover > a,
    .header.header-transparent .nav-menu > ul > li:hover > form > a,
    .header.header-transparent .nav-icons > *:hover {
        color: rgba(255,255,255,0.70);
    }

.logo img.logo-dark {
    opacity: 0;
}

.header .logo img.logo-dark,
.header.header-transparent .logo img.logo-light,
.header.header-transparent.header--sticky.fixed .logo img.logo-dark,
.header.header-transparent.header--dark .logo img.logo-dark,
.header.header--dark.header-transparent .logo img.logo-dark {
    opacity: 1;
    z-index: 2;
    display: block;
}

.header .logo img.logo-light,
.header.header-transparent .logo img.logo-dark,
.header.header-transparent.header--sticky.fixed .logo img.logo-light,
.header.header-transparent.header--dark .logo img.logo-light,
.header.header--dark.header-transparent .logo img.logo-light {
    opacity: 0;
    z-index: 0;
    display: none;
}

.header.header-transparent.header--sticky.fixed .logo img.logo-light,
.header.header-transparent .logo img.logo-light {
    margin-top: -10px;
}

.studentBar {
    height: 4rem !important;
}

.header .nav-menu > ul > li > a::after,
.header.fixed .nav-menu > ul > li > a::after,
.header.header-transparent.fixed .nav-menu > ul > li > a::after,
.header.header-transparent.header--dark .nav-menu > ul > li > a::after,
.header.header--dark.header-transparent .nav-menu > ul > li > a::after,
.header .nav-menu > ul > li:hover > a::after,
.header.fixed .nav-menu > ul > li:hover > a::after,
.header.header-transparent.fixed .nav-menu > ul > li:hover > a::after,
.header.header-transparent.header--dark .nav-menu > ul > li:hover > a::after,
.header.header--dark.header-transparent .nav-menu > ul > li:hover > a::after {
    color: rgba(39,49,62,0.50);
}

.header.header-transparent .nav-menu > ul > li > a::after,
.header.header-transparent .nav-menu > ul > li:hover > a::after {
    color: rgba(255,255,255,0.50);
}

@media all and (max-width: 991px) {
    .header.header-transparent .nav-menu ul > li > a {
        color: rgba(39,49,62,1);
    }

    .header.header-transparent .nav-menu .nav-dropdown ul > li > a {
        color: #eaebed;
    }

    .header.header-transparent .nav-menu ul > li:hover > a {
        color: dimgrey;
    }
}

/*@media (max-width: 575px) {
    .logo-light {
        display: none !important;
    }
}*/

/* Page Header from Classic Style */

.page-header {
    background-image: url(../../images/gallery-books.png);
    background-size: cover;
    text-align: center;
    margin: 0;
    padding-top: 50px;
}

    .page-header h1 {
        color: #fff;
        font-family: 'Noto Sans', serif;
        margin-bottom: 25px;
        font-size: 30px;
    }

    .page-header small {
        display: block;
        color: #b8b8b8;
        margin-top: 10px;
        font-size: 50%;
    }

@media only screen and (min-width:768px) {
    .page-header {
        padding: 115px 10px 10px 10px;
    }

        .page-header h1 {
            font-size: 34px;
        }
}

.page-contact {
    text-align: center;
    margin: 0;
    padding-top: 30px;
}

    .page-contact h1 {
        color: #fff;
        font-family: 'Noto Sans', serif;
        margin-bottom: 25px;
        font-size: 30px;
    }

    .page-contact small {
        display: block;
        color: #b8b8b8;
        margin-top: 50px;
        font-size: 50%;
    }

.page-contact-left {
    text-align: left;
    margin: 0;
    padding-top: 30px;
}

.breadcrumb {
    background-color: #eaebed;
    border: 2px solid #323232;
    font-family: 'Maven Pro', sans-serif;
    border-radius: 50px;
    display: inline-block;
    padding: 10px 20px;
    text-transform: uppercase;
}

    .breadcrumb > li > a {
        color: #343434;
    }

    .breadcrumb > .active {
        color: #323232;
        text-transform: none;
    }
/*------------------------------------------------------------
    Navigation Menu 
------------------------------------------------------------*/
.nav-menu {
    position: static;
}

    .nav-menu > ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }

        .nav-menu > ul > li {
            margin: 0;
            padding: 0;
            display: inline-block;
            position: relative;
        }

            .nav-menu > ul > li > a, .header.no-stick.fixed .nav-menu > ul > li > a, .header.fixed.no-stick .nav-menu > ul > li > a {
                padding: 15px 30px;
                display: inline-block;
                position: relative;
                font-size: 16px;
                line-height: 3;
                text-transform: uppercase;
                font-weight: 600;
                transition: all .3s ease-out;
                -moz-transition: all .3s ease-out;
                -o-transition: all .3s ease-out;
                -webkit-transition: all .3s ease-out;
            }

ul.nav-menu {
    margin: 0;
    padding: 0;
    list-style: none;
}

    ul.nav-menu > li {
        margin: 0;
        padding: 0;
        display: inline-block;
        position: relative;
    }

        ul.nav-menu > li > a {
            padding: 15px 15px;
            display: inline-block;
            position: relative;
            font-size: 13px;
            line-height: 3;
            text-transform: uppercase;
            font-weight: 600;
            transition: all .3s ease-out;
            -moz-transition: all .3s ease-out;
            -o-transition: all .3s ease-out;
            -webkit-transition: all .3s ease-out;
            color: #323232;
        }

li.white ul > li > a {
    color: #fff;
}

li.dark ul > li > a {
    color: #323232;
}

.header.fixed .nav-menu > ul > li > a {
    padding-top: 24px;
    padding-bottom: 24px;
}

.nav-menu-item a:hover {
    color: #323232;
}

.header .nav-dark {
    background-color: #eaebed;
    opacity: 0.95;
}

.nav-dark-menu {
    color: #323232;
}

/*Onepage Nav*/
.fixed a.current {
    color: #e6ae49 !important;
}

.header--sticky.fixed.sticky--on .header-nav {
    position: fixed !important;
    top: 0 !important;
}

@media all and (min-width: 992px) {
    .nav-menu > ul > li.dd-menu-dropdown-icon > a::after {
        content: "\f107";
        font-family: FontAwesome;
        margin-left: 6px;
        font-size: 12px;
    }
}

@media all and (max-width: 991px) {
    .nav-menu {
        display: none;
        text-align: left;
        position: absolute;
        top: 100%;
        left: 0;
        background: #fff;
        padding: 0;
        box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.09);
        -moz-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.09);
        -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.09);
    }

        .nav-menu.show-on-mobile {
            display: block;
            width: 100% !important;
            z-index: 100;
        }

        .nav-menu > ul > li {
            display: block;
            position: relative;
            border-bottom: 1px solid #eee;
        }

            .nav-menu > ul > li:first-child {
                border-top: 1px solid #eee;
            }

            .header.header--sticky.fixed .nav-menu > ul > li > a, .header .nav-menu > ul > li > a, .nav-menu > ul > li > a {
                padding: 12px 15px;
                width: 100%;
                display: block;
                position: relative;
                color: #27313e;
                line-height: 1;
            }
}

/*------------------------------------------------------------
    Navigation Dropdown Menu
------------------------------------------------------------*/
/*Dropdown*/
.noPointers {
    pointer-events: none;
}

.nav-dropdown, .nav-dropdown-sub {
    width: 210px;
    display: none;
    /*background-color: #fff;*/
    /*box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.09);
    -moz-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.09);
    -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.09);
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;*/
}

.nav-dropdown, .nav-dropdown-sub {
    background-color: #323232;
}

.nav-dropdown {
    position: absolute;
    top: 100%;
    left: 0;
    padding-top: 8px;
    padding-bottom: 8px;
    text-align: left;
    list-style: none;
    z-index: 9;
}

@media screen and (min-width: 768px) {
    .nav-dropdown {
        margin-top: -15px;
    }
}

.nav-dropdown.left {
    left: auto;
    right: 0;
}

.nav-dropdown ul {
    padding: 0;
}

.nav-dropdown ul {
    list-style: none;
}

    .nav-dropdown ul li {
        padding: 4px 15px;
        position: relative;
    }

.nav-dropdown [class*="col-"] ul {
    margin-bottom: 15px;
}

    .nav-dropdown [class*="col-"] ul:last-child {
        margin-bottom: 0;
    }

.nav-dropdown ul li, .nav-dropdown ul li a {
    display: block;
    transition: color 0.3s ease 0s;
    -moz-transition: color 0.3s ease 0s;
    -o-transition: color 0.3s ease 0s;
    -webkit-transition: color 0.3s ease 0s;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 500;
}

    .nav-dropdown ul li a, .nav-dropdown-sub ul li a,
    .nav-dropdown ul li span {
        color: rgba(255,255,255,0.6); /*Dropdown Link Color*/
    }

        .nav-dropdown ul li .dropdown-title,
        .nav-dropdown ul li a:hover, .nav-dropdown-sub ul li a:hover,
        .nav-dropdown ul li:hover > a, .nav-dropdown ul li span:hover {
            color: #fff; /*Dropdown Link Hover Color*/
        }

            .nav-dropdown ul li .dropdown-title.transparent {
                color: rgba(0,0,0,0);
            }

    .nav-dropdown ul li .dropdown-title {
        font-size: 13px;
        font-weight: 600;
    }

.nav-dropdown-sub {
    position: absolute;
    top: -8px;
    left: 100%;
    padding-top: 8px;
    padding-bottom: 8px;
    text-align: left;
    list-style: none;
    margin-right: 0px;
}

    .nav-dropdown-sub.left {
        left: auto;
        right: 100%;
        margin-right: 0px;
    }
/* Mega Dropdown */
.nav-menu .mega-menu {
    position: static;
}

.col2-dropdown, .col3-dropdown {
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 30px;
    padding-right: 30px;
}

.mega-dropdown {
    width: 100%;
    /*max-width: 1140px;*/
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 20px;
    padding-bottom: 20px;
}

.col3-dropdown {
    width: 720px;
}

.col2-dropdown {
    width: 500px;
}
/* dropdown elements */
.menu-dropdown-icon {
    display: none;
    height: 36px;
    width: 36px;
    float: right;
    position: relative;
    z-index: 5;
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
}

    .menu-dropdown-icon:before {
        background-color: #f7f8f8;
        border-left: 1px solid #eee;
        border-right: 1px solid #eee;
        color: #999;
        content: "";
        cursor: pointer;
        display: none;
        float: right;
        font-family: "FontAwesome";
        font-size: 16px;
        height: 100%;
        line-height: 38px;
        padding: 0;
        text-align: center;
        vertical-align: middle;
        width: 100%;
        position: relative;
        z-index: 5;
        top: 0;
        right: 0;
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
    }

.sub-dropdown-icon::before {
    color: #999;
    content: "";
    cursor: pointer;
    float: right;
    font-family: "FontAwesome";
    font-size: 14px;
    height: 30px;
    line-height: 150%;
    text-align: center;
    vertical-align: middle;
    position: absolute;
    right: 10px;
}

@media (min-width: 992px) {
    .nav-dropdown.col2-dropdown ul li, .nav-dropdown.col3-dropdown ul li, .nav-dropdown.mega-dropdown ul li {
        padding-left: 0;
        padding-right: 0;
    }

    .nav-dropdown-sub {
        padding-top: 8px !important;
        padding-bottom: 8px !important;
    }
}

@media (max-width: 991px) {

    /*Dropdown*/
    .nav-dropdown, .nav-dropdown.left, .nav-dropdown-sub, .nav-dropdown-sub.left {
        position: relative;
        top: 0;
        left: 0 !important;
        right: auto;
        width: 100%;
        z-index: 0;
    }

        .nav-dropdown li {
            padding: 8px 15px;
        }

    .nav-dropdown {
        box-shadow: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        border-radius: 0px;
        -moz-border-radius: 0px;
        -webkit-border-radius: 0px;
        border: 0 none;
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .nav-dropdown-sub {
        margin-left: 0px;
        display: block;
        opacity: 1;
        box-shadow: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        border-radius: 0px;
        -moz-border-radius: 0px;
        -webkit-border-radius: 0px;
        border: 0 none;
    }


    .nav-dropdown [class*="col-"] ul,
    .nav-dropdown [class*="col-"] ul:last-child {
        margin-bottom: 15px;
    }

    /* Mega Dropdown */
    .nav-menu .mega-menu {
        position: relative;
    }

    .col2-dropdown, .col3-dropdown {
        width: 100%;
        padding: 15px 0px 0px;
    }

    /* dropdown elements */
    .menu-dropdown-icon, .menu-dropdown-icon::before {
        display: block;
    }

    .sub-dropdown-icon::before {
        display: block;
        content: "";
    }

    .nav-dropdown.mega-dropdown {
        padding-top: 15px;
        padding-bottom: 0px;
    }

        .nav-dropdown.mega-dropdown, .nav-dropdown.mega-dropdown > .container {
            padding-left: 0;
            padding-right: 0;
        }
}
/*------------------------------------------------------------
    Header Icons
------------------------------------------------------------*/
.nav-icons {
    font-size: 22px;
    position: relative;
    padding-left: 10px;
}

    .nav-icons .nav-icon-item {
        position: relative;
        display: inline-table;
        line-height: 1;
        min-height: 62px;
        height: 100%;
        padding: 20px 10px;
        transition: all .3s ease-out;
        -moz-transition: all .3s ease-out;
        -o-transition: all .3s ease-out;
        -webkit-transition: all .3s ease-out;
        vertical-align: middle;
    }

        .nav-icons .nav-icon-item:last-child {
            padding-right: 0;
        }

        .nav-icons .nav-icon-item > .nav-icon-trigger {
            position: relative;
            display: block;
            cursor: pointer;
            vertical-align: middle;
            /*transform: translateX(-50%);
            -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -o-transform: translateY(-50%);
            -webkit-transform: translateY(-50%);
            top: 50%;*/
        }

.nav-icon-trigger {
    cursor: pointer;
}

.nav-icons .nav-icon-item > .btn {
    position: absolute;
    display: inline-block;
    cursor: pointer;
    vertical-align: middle;
    transform: translateX(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    top: 50%;
    right: 0;
}

.menu-mobile-btn i:before {
    content: "\f20e";
    font-size: 40px;
}

.menu-mobile-btn.active i:before {
    content: "\f2d7";
}
/*------------------------------------------------------------
    Search Menu Bar & Cart Menu Bar
------------------------------------------------------------*/
.search-menu-bar, .cart-menu-bar {
    width: 300px;
    display: none;
    top: 20px;
    right: 80px;
    background: #fff;
    padding: 15px;
    visibility: hidden;
    opacity: 0;
    box-shadow: 0 0 30px rgba(0,0,0,.1);
    -moz-box-shadow: 0 0 30px rgba(0,0,0,.1);
    -webkit-box-shadow: 0 0 30px rgba(0,0,0,.1);
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    z-index: 1000;
    transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
}

    .search-menu-bar.search-menu-open, .cart-menu-bar.cart-menu-open {
        opacity: 1;
        visibility: visible;
        display: block;
    }

    .search-menu-bar .container, .cart-menu-bar .container {
        position: relative;
        transform: translateX(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        top: 50%;
    }

.nav-icon-item.search-active, .nav-icon-item.cart-active {
    position: static;
}

.search-menu-bar .search-input {
    color: #888 !important;
    margin-bottom: 0;
}

.search-input {
    width: 40%;
    margin-right: 330px;
    float: right;
}

/*Cart Menu*/
.cart-menu-bar ul.cart-menu-list {
    list-style: none;
    padding: 0;
    color: #323232;
    margin-bottom: 0;
}

    .cart-menu-bar ul.cart-menu-list li {
        display: block;
        width: 100%;
        border-bottom: 1px solid rgba(0,0,0,0.05);
        position: relative;
        margin-bottom: 15px;
        padding-bottom: 15px;
        list-style: none;
    }

        .cart-menu-bar ul.cart-menu-list li:last-child {
            margin-bottom: 0;
            border-bottom: 0 none;
        }

        .cart-menu-bar ul.cart-menu-list li .product-img {
            width: 25%;
            display: inline-block;
            vertical-align: top;
        }

        .cart-menu-bar ul.cart-menu-list li .product-content {
            width: 72%;
            display: inline-block;
            vertical-align: top;
            padding-left: 10px;
            position: relative;
        }

            .cart-menu-bar ul.cart-menu-list li .product-content .product-remove {
                position: absolute;
                right: 0;
                top: 0;
                font-size: 14px;
            }

            .cart-menu-bar ul.cart-menu-list li .product-content .product-title {
                display: block;
                padding-right: 15px;
                margin-bottom: 10px;
                font-size: 14px;
                line-height: 1.4;
            }

            .cart-menu-bar ul.cart-menu-list li .product-content .product-cart-collateral {
                display: block;
                font-size: 12px;
            }

                .cart-menu-bar ul.cart-menu-list li .product-content .product-cart-collateral span:not([class]) {
                    margin-left: 3px;
                    margin-right: 3px;
                }

                .cart-menu-bar ul.cart-menu-list li .product-content .product-cart-collateral .product-price-amount {
                    font-weight: 600;
                    color: #323232;
                }
/*==========================================================================================================*/
/* INTRO     ||---------------------------- */
/*==========================================================================================================*/

/*------------------------------------------------------------------*/
/* Intro */
/*------------------------------------------------------------------*/

#intro {
    position: relative;
    overflow: hidden;
}

.intro-media-wraper {
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.intro-bg-section {
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}

.intro-overlay-section {
    top: 0;
    width: 100%;
    position: absolute;
    z-index: 2;
}

.intro-caption-waper {
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 2;
}

.intro-caption-top {
    z-index: 2;
}

.intro-content {
    display: table;
    height: 100%;
    text-align: center;
    width: 100%;
}

.intro-content-inner {
    display: table-cell;
    height: 100%;
    vertical-align: middle;
}


.intro-img-circle {
    margin-left: auto;
    margin-right: auto;
    width: 120px;
    height: 120px;
    border: 5px solid rgba(0,0,0, 0.2);
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    margin-bottom: 30px;
}

    .intro-img-circle img {
        outline: none;
        border: none;
        width: 100%;
        height: 100%;
        border-radius: 50%;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
    }

.intro-play-icon {
    text-align: center;
}

.intro-sub-title {
    letter-spacing: 1.5px;
}

.intro-title {
    font-size: 70px;
    margin-top: 40px;
    margin-bottom: 40px;
    font-weight: 400;
    line-height: 1.1;
    /*letter-spacing: -2px;*/
}

.intro-title-sm {
    font-size: 44px !important;
    margin-top: 30px;
    font-weight: 400;
    margin-bottom: 0;
}

.error-intro-title {
    font-size: 100px;
    margin-top: 0;
    margin-bottom: 0;
    font-weight: 600;
    line-height: 1.1;
}

.inner-intro {
    position: relative;
    padding: 200px 0;
}

    .inner-intro h1 {
        font-size: 54px;
        margin-top: 30px;
    }

/*#intro .bg-image, #intro.bg-image, #inner-intro .bg-image, #inner-intro.bg-image {
    background-attachment: fixed;
}*/
.bg-image {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    overflow: hidden;
    position: relative;
    width: 100%;
    /*background-attachment: fixed;*/
}

.bg-fixed {
    background-attachment: fixed;
}

.slide-bg-image {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    overflow: hidden;
    position: relative;
    width: 100%;
}

@media (max-width: 1024px) {
    .intro-title {
        letter-spacing: 0;
        font-size: 46px;
    }
}

@media (max-width: 767px) {
    .intro-title {
        letter-spacing: 0;
        font-size: 30px;
    }
}

/*------------------------------------------------------------------*/
/* Slider */
/*------------------------------------------------------------------*/

.sc-logo {
    /*margin-top: 0px;
    margin-bottom:0;*/
    text-align: center;
}

.sc-title {
    font-weight: 800;
    text-align: center;
    /*margin-top: 0px;
    margin-bottom:0;*/
}

.sc-paragraph-lead {
    font-family: Georgia;
    font-style: italic;
    font-size: 20px;
    text-align: center;
    /*margin-top: 0px;
    margin-bottom:0;*/
}

.sc-button {
}


/*==============================================================================================*/
/* FOOTER         ||---------------------------- */
/*==============================================================================================*/

.footer {
    background-color: #323232;
    color: #eaebed;
    position: relative;
    width: 100%;
    /*height: 157px;*/
    display: block;
    /*margin-top: 10px;*/
}

#autofooter {
    height: 157px;
    bottom: 0;
}

.footer .footer-block {
    padding: 30px 15px;
    display: inline-block;
}

.footer hr {
    border-color: #eee;
}

.footer p, .footer h6, .footer a {
    color: #eaebed;
}

    .footer a:hover {
        color: #ff9600;
    }

.footer .footer-info p {
    color: #eaebed;
}


@media only screen and (max-width: 769px) {
    .footer .footer-block {
        padding: 5px 15px;
        display: inline-block;
    }

    .alignleft {
        float: left;
    }

    .alignright {
        float: right;
    }
}

.footer-logo {
    max-width: 125px;
    display: inline-block;
    width: 100%;
}

.contact .social {
    font-size: 20px;
}

.footer .social {
    font-size: 16px;
    /*margin-top: 20px;*/
}

@media only screen and (max-width: 768px) {
    .footer .social {
        font-size: 30px;
        /*margin-top: 20px;*/
    }
}

.footer .link-title {
    margin-bottom: 20px;
}

.footer ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

    .footer ul li {
        margin-bottom: 5px;
        text-align: center;
    }

    .footer ul.social li, .contact ul.social li {
        display: inline-block;
        margin: 0 10px 0 0;
    }

.footer .link a {
    font-size: 14px;
    font-weight: 400;
    /*text-transform: uppercase;*/
    letter-spacing: 0;
}

.footer .link-small a {
    font-weight: 600;
    text-transform: none;
}

.footer .copyright {
    text-align: center;
}

    .footer .copyright p {
        font-size: 14px;
    }

@media (max-width: 767px) {
    .footer .copyright {
        text-align: center;
        background-color: #000000;
    }
}

.newsletter {
    position: relative;
}

    .newsletter .newsletter-input, .newsletter .newsletter-input:focus {
        width: 100%;
        border-top: 0px none;
        border-left: 0px none;
        border-right: 0px none;
        padding-right: 40px !important;
        background: rgba(255,255,255,0);
    }

    .newsletter .newsletter-btn {
        position: absolute;
        top: 0px;
        right: 0px;
        font-size: 18px;
        background: rgba(255,255,255,0);
    }

@media (max-width: 767px) {
    .footer {
        text-align: center;
    }
}
/*================================================================================================*/
/* ELEMENTS          ||---------------------------- */
/*================================================================================================*/

/*-------------------------------------------------------------------------------------------*/
/*  Team Box         ||---------------------------- */
/*-------------------------------------------------------------------------------------------*/
.team-item {
}

.team-item-img {
    position: relative;
}

    .team-item-img .team-item-detail {
        background: none repeat scroll 0 0 rgba(0, 0, 0, 0.80);
        text-align: center;
        color: #fff;
        display: -webkit-flex;
        display: flex;
        height: 100%;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0;
        visibility: hidden;
        overflow: hidden;
        transition: all 0.5s ease-in-out 0s;
        -moz-transition: all 0.5s ease-in-out 0s;
        -webkit-transition: all 0.5s ease-in-out 0s;
        -o-transition: all 0.5s ease-in-out 0s;
    }

.team-item:hover .team-item-detail {
    opacity: 1;
    visibility: visible;
}

.team-item-img .team-item-detail .team-item-detail-inner, .cent-mid-content {
    margin: auto;
    padding: 25px;
}

    .team-item-img .team-item-detail .team-item-detail-inner .social {
        margin: 5px 0px 0px 0px;
        padding: 0px;
    }

        .team-item-img .team-item-detail .team-item-detail-inner .social li {
            list-style: none;
            display: inline-block;
            margin: 0px 5px;
        }

            .team-item-img .team-item-detail .team-item-detail-inner .social li a {
                color: #fff;
            }

                .team-item-img .team-item-detail .team-item-detail-inner .social li a:hover {
                    color: #e6ae49;
                }

.team-item-info {
    padding-top: 15px;
    text-align: center;
}

    .team-item-info h5 {
        margin-bottom: 0px;
    }

/*-------------------------------------------------------------------------------------------*/
/*  Skills Bar      ||---------------------------- */
/*-------------------------------------------------------------------------------------------*/
.skillbar {
    position: relative;
    display: block;
    width: 100%;
    margin-bottom: 30px;
}

.skillbar-bar:before {
    background: #eee;
    content: "";
    height: 3px;
    position: absolute;
    width: 100%;
    z-index: -1;
}

.skillbar-bar {
    height: 3px;
    width: 0px;
    background: #323232;
    -webkit-transition-property: width, background-color;
    -moz-transition-property: width, background-color;
    -ms-transition-property: width, background-color;
    -o-transition-property: width, background-color;
    transition-property: width, background-color;
}

.skillbar-title {
    display: inline-block;
}

.skillbar-title, .skill-bar-percent {
    color: #323232;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
}


.skill-bar-percent {
    float: right;
    display: inline-block;
}


/*-------------------------------------------------------------------------------------------*/
/*  Accordion Tab    ||---------------------------- */
/*-------------------------------------------------------------------------------------------*/
.accordion-section {
    border-top: 1px solid #f1f1f1;
    border-left: 1px solid #f1f1f1;
    border-right: 1px solid #f1f1f1;
}

    .accordion-section:last-child {
        border-bottom: 1px solid #f1f1f1;
    }

.accordion-title {
    cursor: pointer;
    display: block;
    position: relative;
    padding: 20px 20px;
    margin: 0px;
}

    .accordion-title.active {
        /*background: #fafafa;*/
        color: #e6ae49;
    }

    .accordion-title:before {
        content: "\f105";
        display: block;
        font-family: "FontAwesome",sans-serif;
        position: absolute;
        right: 18px;
        font-weight: 400;
    }

    .accordion-title.active:before {
        content: "\f107";
    }

.accordion-content.defualt-hidden {
    display: none;
    margin: 0;
}

.accordion-content {
    padding: 0 20px 10px;
}

.accordion-toggle-panel {
    width: 100%;
    text-align: left;
    display: block;
    background-color: #323232;
    color: #eaebed;
}

    .accordion-toggle-panel.small-course-panel {
        padding: .25rem 1rem;
    }

    .accordion-toggle-panel h3,
    .accordion-toggle-panel h4 {
        color: #eaebed;
    }

    .accordion-toggle-panel.small-course-panel h4 {
        text-transform: none;
        font-family: 'Maven Pro', sans-serif;
        font-weight: 400;
    }

    .accordion-toggle-panel h3:after {
        content: "";
    }

    .accordion-toggle-panel:hover {
        opacity: 0.8;
    }

.accordion-body-text {
    overflow: hidden;
    margin: 20px;
    text-align: justify;
    color: #323232;
    line-height: 150%;
}

/*Use this accordion class if you don't want the text to resize with the accordion window*/
.accordion-body-text-2 {
    overflow: hidden;
    margin: 20px;
    text-align: justify;
    color: #323232;
    line-height: 150%;
}

ul.accordion-body-text li {
    padding-right: 60px;
    line-height: 150%;
}

ol.accordion-body-text li {
    padding-right: 30px;
    margin-right: 10px;
}

@media only screen and (max-width: 768px) {
    ul.accordion-body-text li {
        /*padding-right: 60px;*/
        text-align: left;
    }

    .accordion-body-text {
        width: auto;
    }
}

/*-------------------------------------------------------------------------------------------*/
/*  Counter          ||---------------------------- */
/*-------------------------------------------------------------------------------------------*/
.counter {
    font-size: 50px;
    margin-bottom: 20px;
    display: inline-table;
}
/*-------------------------------------------------------------------------------------------*/
/*  Service Box      ||---------------------------- */
/*-------------------------------------------------------------------------------------------*/
.features-box-left, .features-box-right {
    position: relative;
    display: inline-block;
    margin-bottom: 20px;
    margin-top: 5px;
}

.features-box-left {
    padding-left: 75px;
    /*text-align: left;*/
}

.features-box-right {
    padding-right: 75px;
    /*text-align: right;*/
}

.features-icon-left, .features-icon-right {
    font-size: 55px;
    line-height: 50px;
    display: inline-block;
    position: absolute;
    color: #ff9600;
}

.features-icon-left {
    padding-right: 20px;
    left: 0;
}

.features-icon-right {
    padding-left: 20px;
    right: 0;
}

.contact-box-left, .contact-box-top {
    display: block;
    position: relative;
}

.contact-box-left {
    padding-left: 45px;
    text-align: left;
}

.contact-icon-left, .contact-icon-top {
    font-size: 30px;
    position: absolute;
}

.contact-icon-top {
    text-align: center;
}

.contact-icon-left {
    left: 0;
}

.icon-box-3 {
    position: relative;
    background-color: #eaebed;
    border: 5px solid #323232;
    box-shadow: 10px 10px 5px #222;
    padding: 50px 50px 35px;
    margin: 20px 0px 40px 0px;
    min-height: 274px;
    text-align: center;
    -webkit-transition: 200ms ease all;
    transition: 200ms ease all;
}

    .icon-box-3 > .icon-box-icon {
        position: absolute;
        top: -20px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }

        .icon-box-3 > .icon-box-icon > .fa {
            background-color: #fff;
            border-radius: 50%;
            color: #323232;
            height: 65px;
            width: 65px;
            line-height: 65px;
            font-size: 28px;
        }

    .icon-box-3 h1,
    .icon-box-3 h2,
    .icon-box-3 h3,
    .icon-box-3 h3,
    .icon-box-3 h4,
    .icon-box-3 h5,
    .icon-box-3 h6 {
        margin-top: 0px;
        color: #323232;
        text-align: center;
        font-weight: 100;
        font-size: 30px;
        text-transform: uppercase;
    }

    .icon-box-3:hover {
        box-shadow: 3px 4px 12px #222;
    }

.icon-box-link:hover {
    color: #323232;
}

.icon-box-5 {
    text-align: center;
    padding: 15px 30px;
    margin: 30px 0px;
}

    .icon-box-5 h1,
    .icon-box-5 h2,
    .icon-box-5 h3,
    .icon-box-5 h3,
    .icon-box-5 h4,
    .icon-box-5 h5,
    .icon-box-5 h6 {
        margin-top: 15px;
        color: #323232;
    }

    .icon-box-5 > .icon-box-icon > .fa {
        font-size: 19px;
        color: #323232;
    }

    .icon-box-5:before {
        content: "";
        position: absolute;
        left: 35px;
        top: 0;
        height: 100%;
        width: 12px;
        border: 5px solid #ff9c00;
        border-right: 0;
        -webkit-transition: 200ms ease all;
        transition: 200ms ease all;
    }

    .icon-box-5:after {
        content: "";
        position: absolute;
        top: 0;
        right: 35px;
        height: 100%;
        width: 12px;
        border: 5px solid #ff9c00;
        border-left: 0;
        -webkit-transition: 200ms ease all;
        transition: 200ms ease all;
    }

    .icon-box-5:hover:before {
        left: 45px;
    }

    .icon-box-5:hover:after {
        right: 45px;
    }

@media (max-width: 991px) {
    .features-box-left {
        display: block;
        padding-left: 0px;
        text-align: center;
    }

    .features-box-right {
        display: block;
        padding-right: 0px;
        text-align: center;
    }

    .features-icon-left, .features-icon-right {
        position: relative;
    }

    .features-icon-left {
        padding-right: 0px;
        left: auto;
    }

    .features-icon-right {
        padding-left: 0px;
        right: auto;
    }
}

/*-------------------------------------------------------------------------------------------*/
/*  Pricing       ||---------------------------- */
/*-------------------------------------------------------------------------------------------*/

.Pricing-box {
    border: 1px solid #f1f1f1;
    text-align: center;
}

    .Pricing-box.highlight {
        background: #eaebed;
        border: 1px solid #ddd;
        height: 100%;
    }

    .Pricing-box.highlighttwo {
        background: #BCD2EE;
        border: 1px solid #ddd;
    }

    .Pricing-box.highlight hr {
        border-color: #ddd;
    }

.price-title h4, .price-title h5 {
    font-family: 'Noto Sans', serif;
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 21px;
    color: #182A53;
}

@media only screen and (max-width: 768px) {
    .price-title h4, .price-title h5 {
        font-family: 'Noto Sans', serif;
        margin-top: 0px;
        margin-bottom: 0px;
        font-size: 16px;
        color: #182A53;
        line-height: 15px;
    }
}

.price-title h4:after {
    color: #FF9600;
    content: ".";
    font-size: 34px;
}

.Pricing-box .price {
    font-size: 34px;
    font-weight: 700;
    position: relative;
    color: #323232;
}

    .Pricing-box .price .price-sm {
        font-size: 19px;
        position: absolute;
    }

    .Pricing-box .price .price-lg {
        padding-left: 10px;
    }

.Pricing-box .price-tenure {
    font-size: 19px;
    color: #323232;
    font-weight: 400;
    padding-top: 8px;
}

.Pricing-box .pricing-features {
    font-size: 13px;
    /*text-transform: uppercase;*/
    font-weight: 600;
}

    .Pricing-box .pricing-features ul {
        list-style: none;
        padding: 0px;
        margin: 0px;
    }

        .Pricing-box .pricing-features ul li {
            padding: 5px;
            font-size: 19px;
            font-weight: 400;
            font-family: 'Maven Pro', sans-serif;
        }

@media (max-width: 767px) {
    .Pricing-box div:nth-of-type(2) {
        background-color: #fff;
    }
}

.Pricing-box .pricing-features ul li {
    line-height: 22px;
    font-size: 16px;
    font-weight: 400;
    color: #323232;
}



/*-------------------------------------------------------------------------------------------*/
/*  Testimonials     ||---------------------------- */
/*-------------------------------------------------------------------------------------------*/

.container-icon {
    font-size: 25px;
    margin-bottom: 15px;
    color: inherit;
}

.testimonial {
    max-width: 800px;
    width: 100%;
    margin: 0 auto;
}

.quote-author {
    margin-top: 15px;
}

    .quote-author span {
        font-weight: 400;
    }

/*-------------------------------------------------------------------------------------------*/
/* Client Logo       ||---------------------------- */
/*-------------------------------------------------------------------------------------------*/
.client-logo {
    height: 80px;
    text-align: center;
}

    .client-logo img {
        height: 100%;
        width: auto;
    }

/*-------------------------------------------------------------------------------------------*/
/* Icon          ||---------------------------- */
/*-------------------------------------------------------------------------------------------*/
.page-icon-top {
    font-size: 60px;
    line-height: 50px;
    padding-bottom: 20px;
    width: 100%;
    color: #ff9600;
}

.white .page-icon-top, .white .page-icon-left, .white .features-icon-left, .white .features-icon-right {
    color: #fff;
}

.howcomm {
    font-size: 75px;
    text-align: center;
    transition: transform .2s;
}

.social-contact {
    list-style: none;
    overflow: hidden;
    padding: 15px 6px;
    height: 60px;
    display: inline-block;
}

    .social-contact > li {
        float: left;
        margin: 0px 4px;
    }

        .social-contact > li > a {
            background-color: #323232;
            color: #ff9c00;
            height: 35px;
            width: 35px;
            font-size: 18px;
            line-height: 36px;
            display: inline-block;
            border-radius: 50%;
            text-align: center;
        }

            .social-contact > li > a:hover {
                background-color: #323232;
                color: #eaebed;
                box-shadow: 0 0 15px 0 #ff9c00;
            }

.icon-divider {
    position: relative;
    display: block;
    height: 14px;
    width: 24px;
    border: 0px;
    margin: auto;
}

    .icon-divider:before, .icon-divider:after {
        content: "";
        height: 14px;
        width: 14px;
        border-radius: 50%;
        position: absolute;
    }

    .icon-divider:before {
        background-color: #ff9c00;
        left: 0px;
    }

    .icon-divider:after {
        background-color: #1a2b51;
        right: 0px;
    }

@media (max-width: 767px) {
    .howcomm:nth-of-type(odd) {
        width: 100vw;
        position: relative;
        left: 49%;
        right: 49%;
        margin-left: -49vw;
        margin-right: -49vw;
        background-color: white;
    }

    .howcomm .page-icon-top {
        padding-top: 0.5rem;
        padding-bottom: 0;
    }
}

/*-------------------------------------------------------------------------------------------*/
/* Table          ||---------------------------- */
/*-------------------------------------------------------------------------------------------*/

.progress-table {
    width: 100%;
    max-width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
    white-space: nowrap;
}

    .progress-table td, .progress-table th {
        padding: 3px 2px;
        margin: 0px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .progress-table .col-12-p {
        width: 12%;
    }

    .progress-table .col-10-p {
        width: 10%;
    }

    .progress-table .col-8-p {
        width: 8%;
    }

.table.table-border {
    border: 1px solid #eee;
}

.table tr td, .table tr th {
    padding: 10px 15px;
    vertical-align: middle !important;
}

.table.table-fit tr td, .table.table-fit tr th {
    padding: 10px 0px;
}

.table.table-border tr td, .table.table-border tr th {
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    border-right: 1px solid #eee;
    border-left: 1px solid #eee;
}

.table.checkout tr td {
    vertical-align: top !important;
    padding: 15px;
}

    .table.checkout tr td:first-child, .table.checkout tr th:first-child {
        max-width: 60px;
    }

    .table.checkout tr td:last-child, .table.checkout tr th:last-child {
        text-align: center;
    }

.table.checkout small {
    display: block;
}

.checkout-table tr {
    border-top: 1px solid #eee;
}

.checkout-table thead th, .checkout-table tbody td {
    border: none;
}

.confirmation-table thead {
    background-color: #eaebed;
}

.accordion-table {
    width: 60%;
    font-size: 19px;
    color: #323232;
}

    .accordion-table td {
        font-weight: 400;
    }

    .accordion-table th {
        font-weight: 600;
        padding-top: 1.5rem;
    }

@media (max-width: 976px) {
    .accordion-table {
        width: 100%;
    }

        .accordion-table td {
            padding-right: 1rem;
        }
}

@media (max-width: 767px) {
    .accordion-table {
        font-size: 16px;
    }
}

.accordion-table-sm {
    width: 33%;
    font-size: 19px;
    color: #323232;
    font-weight: 400;
}

@media (max-width: 976px) {
    .accordion-table-sm {
        width: 100%;
    }

        .accordion-table-sm td {
            padding-right: 0.5rem;
            font-size: 16px;
        }
}

@media (max-width: 767px) {
    .accordion-table-sm {
        width: 100%;
    }

        .accordion-table-sm td {
            padding-right: 0.0rem;
            font-size: 16px;
        }
}

.info-box {
    height: 250px;
    padding: 40px 50px;
    text-align: center;
    -webkit-transition: 350ms ease all;
    transition: 350ms ease all;
}

    .info-box:hover {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }

    .info-box .fact {
        font-size: 40px;
        font-weight: 600;
        line-height: 1.5em;
        color: #1a2b51;
    }

        .info-box .fact .fact-fig {
            color: #ff9c00;
            font-size: 40px;
            display: block;
            line-height: 1em;
        }

.info-box2x {
    height: 500px;
    overflow: hidden;
}

    .info-box2x > img {
        position: absolute;
        width: 100%;
    }
/*-------------------------------*/
/* Video Containers and Overlays */
/*-------------------------------*/
.video-home-btn {
    font-size: 65px;
}

.fa-play-overlay {
    cursor: pointer;
    opacity: 0.5;
}

    .fa-play-overlay .btn-play {
        position: absolute;
        top: 57%;
        left: 51%;
        color: #eaebed;
        font-size: 34px;
        height: 140px;
        width: 140px;
        text-align: center;
        border: 10px solid #ff9c00;
        background-color: rgba(0, 0, 0, 0.40);
        line-height: 120px;
        border-radius: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        z-index: 5;
        cursor: pointer;
        -webkit-transition: 200ms ease all;
        transition: 200ms ease all;
    }

.youtube {
    position: relative;
    width: 100%;
    height: 550px;
    background-size: cover;
    background-position: center center;
    margin-top: 95px;
}

.youtube-noreplace {
    position: relative;
    width: 100%;
    height: 550px;
    background-size: cover;
    background-position: center center;
    margin-top: 95px;
}

.youtube-Container {
    margin-top: 20%;
    margin-bottom: 10px;
    left: 245px;
    width: 60%;
}

.youtube .btn-play {
    position: absolute;
    top: 47%;
    left: 51%;
    color: #eaebed;
    font-size: 34px;
    height: 140px;
    width: 140px;
    text-align: center;
    border: 10px solid #eaebed;
    background-color: rgba(0, 0, 0, 0.40);
    line-height: 120px;
    border-radius: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 5;
    cursor: pointer;
    -webkit-transition: 200ms ease all;
    transition: 200ms ease all;
}

    .youtube .btn-play:hover {
        color: #ff9600;
        border: 10px outset #ff9600;
    }

.video-border {
    border-style: solid;
    border-color: #bbbbbb;
    border-width: 2px 2px 2px 1px;
}

/* 
    Use lightbox class if you want a video to stop when you close the modal 
    (script to reset iframe src to stop video is in main.js)
*/

.modal.lightbox {
    background: rgba(0, 0, 0, 0.9);
}

    .modal.lightbox .youtube {
        margin: 0;
    }

    .modal.lightbox button.close {
        font-size: 3rem;
        color: white;
        right: 25px;
        /*top: 155px;*/
    }

/* 
    Use darkbox class if you want a video to pause when you close the modal 
    (Must include YouTubeIframeAPI script on page)
*/
.modal.darkbox {
    background: rgba(0, 0, 0, 0.9);
}

    .modal.darkbox button.close {
        font-size: 3rem;
        color: white;
        /*top: 35px;*/
    }

button.close.top-adjust {
    position: fixed;
    top: 100px;
    right: 10px;
    z-index: 10;
}

.top-adjust {
    top: 100px;
}

.popout-video-container, .mobile-video-container {
    position: relative;
}

    .mobile-video-container button {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        color: #eaebed;
        font-size: 34px;
        height: 140px;
        width: 140px;
        text-align: center;
        border: 10px solid #eaebed;
        background-color: rgba(0, 0, 0, 0.40);
        line-height: 120px;
        border-radius: 50%;
        z-index: 5;
        cursor: pointer;
        -webkit-transition: 200ms ease all;
        transition: 200ms ease all;
    }

    .popout-video-container button {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        color: #eaebed;
        font-size: 34px;
        height: 140px;
        width: 140px;
        text-align: center;
        border: 10px solid #eaebed;
        background-color: rgba(0, 0, 0, 0.40);
        line-height: 120px;
        border-radius: 50%;
        z-index: 5;
        cursor: pointer;
        -webkit-transition: 200ms ease all;
        transition: 200ms ease all;
    }

        .popout-video-container button:hover {
            color: #ff9600;
            border: 10px outset #ff9600;
        }

        .popout-video-container button .btn-play {
            margin-left: 6px;
        }

.codingBootCamp-btn button {
    top: 50%;
}

@media (max-width: 767px) {
    .popout-video-container button {
        top: 50%;
    }
}


/* 
    Start of all new Boot Camp contact forms
*/

.popout-video-container-contact button {
    position: absolute;
    top: 45%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    color: #eaebed;
    font-size: 34px;
    height: 140px;
    width: 140px;
    text-align: center;
    border: 10px solid #eaebed;
    background-color: rgba(0, 0, 0, 0.40);
    line-height: 120px;
    border-radius: 50%;
    z-index: 5;
    cursor: pointer;
    -webkit-transition: 200ms ease all;
    transition: 200ms ease all;
}

    .popout-video-container-contact button:hover {
        color: #ff9600;
        border: 10px outset #ff9600;
    }

    .popout-video-container-contact button .btn-play {
        margin-left: 6px;
    }

@media (max-width: 767px) {
    .popout-video-container-contact button {
        top: 48%;
    }
}
/* 
    End of all new Boot Camp contact forms
*/

@media (max-width: 767px) {
    .mobile-video-bt button {
        position: absolute;
        top: 50%;
    }
}

@media (max-width: 767px) {
    .mobile-video-bt-codingbootcamp button {
        position: absolute;
        top: 50%;
    }
}

/*.popout-video {
    position: relative;
    height: auto;
    background-size: cover;
    background-position: center center;
    margin-top: 5px;
    margin-bottom: 10px;
}*/

.bootcamp-video-container2 button {
    position: absolute;
    top: 58%;
    left: 50%;
    transform: translate(-50%, -75%);
    -ms-transform: translate(-50%, -75%);
    color: #eaebed;
    font-size: 34px;
    height: 140px;
    width: 140px;
    text-align: center;
    border: 10px solid #eaebed;
    background-color: rgba(0, 0, 0, 0.40);
    line-height: 120px;
    border-radius: 50%;
    z-index: 5;
    cursor: pointer;
    -webkit-transition: 200ms ease all;
    transition: 200ms ease all;
    /*display: none;*/
}

    .bootcamp-video-container2 button:hover {
        color: #ff9600;
        border: 10px outset #ff9600;
    }

    .bootcamp-video-container2 button .btn-play {
        margin-left: 6px;
    }

.bootcamp-video-container {
    position: relative;
    -webkit-transition: 200ms ease all;
    transition: 200ms ease all;
}

    .bootcamp-video-container button {
        position: absolute;
        top: 57%;
        left: 50%;
        transform: translate(-50%, -75%);
        -ms-transform: translate(-50%, -75%);
        color: #eaebed;
        font-size: 34px;
        height: 140px;
        width: 140px;
        text-align: center;
        border: 10px solid #eaebed;
        background-color: rgba(0, 0, 0, 0.40);
        line-height: 120px;
        border-radius: 50%;
        z-index: 5;
        cursor: pointer;
        -webkit-transition: 200ms ease all;
        transition: 200ms ease all;
        /*display: none;*/
    }

    .bootcamp-video-container:hover button {
        display: block;
    }

    .bootcamp-video-container button:hover {
        color: #ff9600;
        border: 10px outset #ff9600;
    }

    .bootcamp-video-container button .btn-play {
        margin-left: 6px;
    }

.fullscreenvideo .video-home-btn {
    position: absolute;
    top: 55%;
    left: 50%;
    transform: translate(-50%, -75%);
    -ms-transform: translate(-50%, -75%);
    color: #fff;
    font-size: 34px;
    height: 120px;
    width: 120px;
    text-align: center;
    border: 4px solid #fff;
    /*line-height: 120px;*/
    border-radius: 50%;
    z-index: 5;
    cursor: pointer;
    -webkit-transition: 200ms ease all;
    transition: 200ms ease all;
    /*display: table;*/
    vertical-align: middle;
}

    .fullscreenvideo .video-home-btn .fa-play {
        display: table-cell;
        vertical-align: middle;
        transform: translateX(6px);
    }

.popout-video {
    position: relative;
    height: auto;
    background-size: cover;
    background-position: center center;
    margin-top: 5px;
    /*margin-bottom: 85px;*/
}

.coding-bootcamp-video-img {
    position: relative;
    height: auto;
    background-size: cover;
    background-position: center center;
    margin-top: 5px;
    margin-bottom: 35px;
    left: 127px;
}

@media (max-width: 767px) {
    .coding-bootcamp-video-img {
        margin-bottom: 10px;
        left: 35px;
    }
}

@media (width: 360px) {
    .coding-bootcamp-video-img {
        margin-bottom: 10px;
        left: 25px;
        top: 50%;
    }
}

@media (width: 1024px) {
    .coding-bootcamp-video-img {
        margin-bottom: 20px;
        left: 85px;
    }
}

@media (width: 414px) {
    .coding-bootcamp-video-img {
        margin-bottom: 10px;
        left: 50px;
    }
}

@media (width: 768px) {
    .coding-bootcamp-video-img {
        left: 28px;
    }
}

@media (max-width: 767px) {
    .bootcamp-video-container button {
        display: block;
    }

    .fullscreenvideo .video-home-btn {
        /*border: none;*/
        margin-top: 10%;
    }
}

.video-responsive {
    width: 50%;
}

@media (max-width: 767px) {
    .video-responsive {
        width: 100%;
    }
}

/* ------------------ */
/* Teacher Cards */
/* ------------------ */

.teacher-card {
    padding: 4px;
    overflow: hidden;
    position: relative;
    margin: 10px 0px;
    text-align: center;
    min-height: 450px;
}

@media (max-width: 767px) {
    .teacher-card {
        padding: 4px;
        overflow: hidden;
        position: relative;
        margin: 0px 0px;
        text-align: center;
        min-height: 0px;
    }
}

.teacher-card .teacher-img {
    margin: auto;
    -webkit-transition: 350ms ease all;
    transition: 350ms ease all;
}

.teacher-card:hover .teacher-img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.teacher-card .teacher-detail {
    width: 100%;
    text-align: center;
    background-color: #fff;
    padding: 2px 0;
    margin-top: 5px;
}

    .teacher-card .teacher-detail h1,
    .teacher-card .teacher-detail h2,
    .teacher-card .teacher-detail h3,
    .teacher-card .teacher-detail h4,
    .teacher-card .teacher-detail h5,
    .teacher-card .teacher-detail h6 {
        margin-bottom: -3px;
        margin-top: -3px;
    }

    .teacher-card .teacher-detail .position {
        font-family: 'Noto Sans', serif;
        color: #323232;
        /*text-transform: uppercase;*/
        font-size: 19px;
        font-weight: 600;
        margin-bottom: 0px;
    }

.teacher-section {
    text-align: center;
    padding: 15px 0;
    font-size: 25px
}

.teacher-section-paragraph {
    text-align: center;
    padding-right: 5px;
    padding-left: 5px;
    margin-bottom: 0;
}

/* ------------------ */
/* Shopping Cart */
/* ------------------ */

.amex {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAeCAMAAABdem3zAAAAA3NCSVQICAjb4U/gAAACi1BMVEUAAAAAAAAAdKIAdqcGdqoDeqkDeKoDe6sFeqoFeqwCeqoGe6wGeasGeqwGe6wFeqwFeqwFeqsGe6oFeawEeqwEeqwFe6wHeaoFe6oFeasFe6wFeawHe6wIfKwJfKwKfa0Lfa0Mfq0Of64Pf64QgK8RgK8Sga8TgbAUgrAVgrAWg7EXg7EYhLEZhLIahbIbhbIdhrMfh7QgiLQhiLQjirUkirUli7YnjLYojLcqjbcsj7gtj7kukLkvkLkwkbkxkboykrozkro0k7s1k7s2lLs3lLw4lbw5lbw6lr07lr08l709l75Amb9Bmr9Dm8BFnMBHncFIncFJnsJKnsJLn8JMn8NNoMNOocRPocRQosRRosVUpMZVpMZWpcZXpcdYpsdZp8dap8dbqMheqclgqslhq8pjrMpkrMtnrsxpr8xqr81tsc5vss5wss9xs89ztNB0tdB1ttF6uNJ8udN9utN+utR/u9SAu9SBvNWCvNWDvdWEvdWGvtaHv9aIv9eKwNeMwdiPw9mQw9mRxNqTxdqUxtuVx9uWx9yXyNyYyNyZyd2ayd2byt2cyt6dy96fzN+gzN+hzd+izeCjzuCkzuCn0OGp0eKq0eKr0uOs0+Ot0+Ov1OSw1eSy1uWz1uW01+W32Oa62ui72+i82+i+3Om/3enC3urE3+vF4OvH4ezI4uzJ4u3K4+3L4+3N5O7O5e7P5e/R5u/S5/DT5/DV6PHW6fHX6fHY6vHa6/Lb7PPc7PPd7fPe7fTf7vTg7vTi7/Xj8PXk8fbm8vbn8vfo8/fp8/fq9Pjr9Pjs9fjt9fnu9vnv9vnw9/rx9/ry+Prz+Pv0+fv1+fv2+vz4+/z5+/37/P38/f7+/v7///+B6xdgAAAAHHRSTlMAARYaJ0FIT1pcYG6YmZyssrPDys3T2tvt9PX+1nJQbwAAAnFJREFUOMtjYOAWESMWiAqwMzBwyZAEOBn4SdMgzCBImgYJUjVI0UeDkoGBrq6BgZ6MhgECqAA56nJ6ICZIWN3AQAeuoevIrvOHDuy6ZLl1366ru3ft2nVl167dJ08cOXHo/P6Dl3Yd33Nm15mdJw+thGnQO2ei2nzDRaZp405Zmd2KxhYWW2TMTeUmJOWv0NOPKVJ1uNEi4329LByuoXKaabvZNZcQw8u5IUANrYuX7pA5eNSxJCk/OPfGBe2ZKotbnAw6kTSs8Axslpnh0mtRr74YqME7LGaHjI6G4uakfOfGG21q3c5hLf7TNDMQGhqUMjN9vFz6O2TCjgA11M+Zs13m4oXIvKT8bOs+i7DMNJks/xuhcggNKQ3b+vfGpS65kLTqVNyRpLi4uP1xl6d09jRPPF+blHC29WB+SsX5PXF1cA0lE/1lWiZOnFg2saZrIgxkgojiyr6JZTLxQFZ5ycSJpRTHdOAmMMiM2Agk103esGnTxiWzwELTVwOJyes29aFqiFtrCQR+x05FuVpaWqcfA3I8FlQDyandjpaWh5KtLI3RNCxTA8ZypHewb7vNrvWKk2QW7wiIzU3YteusXtXWrQvllm+diK5BRl6+4JyW2omJ2qkRiqtknN2VF+UCxWbmKCi5b3GU1fRE16B+4cK5RCe3pH6z6bP3nZOZsyYoMzftwsWrp4+skZt/4kA1mqfjVqgAgcORw/Z23kejg86r7JxXm1AIFOqzVdFLAEoahaNqiDgMBplZQGKNjC6QbD0MA3vmAomN5XTLcaQASQZe0jSIM3CQpoGPgZFHmgT1QkwMDAzMrOxEAjYWBgYAvI9h1MHdhQIAAAAASUVORK5CYII=") #fff;
}

.visa {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAeCAMAAABdem3zAAAAA3NCSVQICAjb4U/gAAABvFBMVEUAAADQ0NDa2tra2trZ2dnY2Nja2trt7e3t7e0mM3onNHspNXkqN30rN30sOH4tN3ovO4AwPIAyPoE1QYM3Q4Q4Q4U4RIU5RYY8R4g9SIhCTYtDToxGUY5HUo5JU49JVJBOWJJQW5RSXJVTXZZVX5dXYZhYYplaY5pfaJ1kbaBlbqFoaZFocaNpcqNqc6RtdqZvd6dzcpV0fKp2f6x5ga18g698hK99hK99hbB+hrCAh7GDi7OHjrWIj7aJkLeNk7mNlLqOlbqRl7yUmr6WnL6YnsCbocKepMSjqMekqceprsqrsMysscytss2uss2xts+xttC0uNG1udK1utK2utK3u9O6vdS7v9W8wNa9wda9wdfBxNnDx9rEx9vFyNzFydvHy93Kzd/Mz+DR0+LS1OPT1uTVnV/V1+XX2ebY2NjZuJbZ2+faoVza3Ojc3+rf4evf4ezi5O7j5e7n6fHp6/Lq6/Lr7PPsmC3snTfs7fPunjnu7/Tu7/Xw8fbx8vfy8/f09fj09fn19vn29/r3z5332LH39/r42LD42bL42bP5+fv76tX77dz7+/v7+/387dv9/f7+9ev//v3///9+dhG/AAAACXRSTlMAGxuq7e7u+vsOT6YMAAABbklEQVQ4y+WUV1cTYRQAlwSIsxoLltgLKgZ7AwV777FiL9gT1x4FGxpb0Gg0On/YBx83D+wz8z7nu+fe800QpNKtpTHSmk4FQUt7pu4YqWfaW4L0BBOQSQdt9SRCvS0omYjSOBZ+fB0d/f5T/VQoDHi6cF4b1/Zt6d9fUZ+cLFyMvfDny6vhN3/1EOwegW4/LAHgpb6bBpNr8ZE2PBz+rQvIvrgJ2+2DdaeOba7pXoBbceHAxHvfHIRNHoHjLobLqlZnkIeDcaHIlAeuh6Jb4bb9EG58rh6G4nTWNNnSHFYNZcnrcsKK1d4Qpl63MY9lrmRmE6GHcCdc0Q7mqt5ZAfM9C7uKvfA0LlyASSzUt7Daz+pIyGw7+c+JuPAxCxzV+7DHrq5tOzqhbxA6crlcSE+TS+dhVk0vwRk7AFhb64a76lIWva7EhKEoKqvvo6jqs6sD526UNYoeq5ajR78a4/k/JM5M4pAlTGUqSBrjf5znrWNE0ZcCAAAAAElFTkSuQmCC") #fff;
}

.mastercard {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAeCAMAAABdem3zAAAAA3NCSVQICAjb4U/gAAACc1BMVEUAAADQ0NDa2tra2trZ2dnY2Nja2trt7e3t7e3MAADMAQHMBATNCQnOCwvODAzODg7PDwnPERHRGxvSFgfSHh7SHx/SIB7THhDTJCTTJibTJyfUKSnVIAXVLS3VMDDWMjLWNTXWNjbXIQDXLyLXNS7XNzfXOzvYLxbYPT3YPj7Y2NjZOy/ZRUXaSEjaSUnbLQDbLgDbS0vbTU3cSj/cU1PdNADdSjTdVVXdVlbeNwDeW1vfYmLgUDPgZWXgZmbgaGjhXkvhamrhbW3ia2Lib2/jXDfja1njdXXkeHjkeXnke3vlgIDlgYHmg4PmhITmhobnh4fniIjni4voVgDojIzokJDqXADqaiTqlpbqmJjqmZnqmprrnJzrn5/tpqbuqqrura3urq7vsbHvsrLvs7PwbADwbQDwtLTwtbXwt7fxvLzycgDyjULyvr7yv7/zdQDzmVvzn2fzxMTzxcXzx8f2fwD21tb3gQD3x6/3ybL32Nj4hAD43t7439/44OD5iQD54eH54uL65ub65+f76+v7+/v88vL89PT99/f9+Pj9+fn+lwD+/f3/mQD/mgT/nQv/nw//oRT/oRX/oRb/ohj/qCf/qSn/qSr/qy3/rDH/rjX/rjb/sT7/sj//s0L/tEX/tUf/tUj/tkn/t0v/uVD/uVH/u1X/vFj/vVr/vl7/v2H/w2n/xGz/x3P/yHb/yXr/zob/z4j/0Iv/1Zj/1pr/153/2J7/26X/3q7/4LL/4LP/4bX/4bb/5cD/5sL/58P/58T/58X/6sz/7NH/7dL/8d7/8t//9OX/9eb/9ef/9ur/9+v/+vT/+/X//Pj//fz///90HdR0AAAACXRSTlMAGxuq7e7u+vsOT6YMAAABmElEQVQ4y2NgYGJm0SISsDAzMTAwsrG3XiAStLKzMTIwc1wgAbAzM7C2kqKhlZVB6wJJQItSDS3R5orSmo7pPUD2+d2r506bvWzLKdwaOr14OSFAMuXCzqm9ENC//hwODc2KnHDAVdCLALNOYNXQLo9QzylgGoykY+YZbBqckNSrpKamdSPpWINFQw03kgZhJSUlSyQNfUcxNfjzyfFISUDUi5WCQO+EOZOgGmZswNSgY3VBpyPOxJZf1d4uWdxZW9k45+SBtStWTVowffH8o/MxNUgHNsY0entmxrW5R6VnhNb6NlVu6p247uCOs3sOH941DYuG9MTa3JCiGp+S+CzdrrziBOuK5b1L9x8/tG3vko0bsWjQafCKaIhNqon0qyvzqApyKZMtPLZl8/bTR1Zv3Xd6JRYnBeiJChkJGqppWIgoKKi7mTnIVC9YPHnhnHlTJiyaM3EDgWANz87OLicQrCgRx6VvYJBPIOJQk4ZNWD3BpIGS+DhdCSc+0pM3JAOpkpCBaJOnSS5mSC7ISCwqgYUriYUxAINRRW57ksG5AAAAAElFTkSuQmCC") #fff;
}

.discover {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAeCAMAAABdem3zAAAAA3NCSVQICAjb4U/gAAACLlBMVEUAAADQ0NDa2tra2trZ2dnY2Nja2trt7e3t7e3vzbDvzbEBAQECAgIDAwMTExMUFBQWFhYYGBgZGRkeHh4jIyMmJiYnJycpKSksLCwtLS0uLi4wMDAzMzM0NDQ3Nzc6Ojo8PDw/Pz9CQkJDQ0NHR0dJSUlKSkpMTExOTk5PT09RUVFWVlZYWFhcXFxgYGBiYmJjY2Nra2tsbGxtbW1wcHBxcXF0dHR1dXV2dnZ3d3d4eHh8fHx9fX1+fn6AgICBgYGCgoKDg4OLi4uMjIyPj4+VlZWWlpabm5udnZ2enp6fn5+hoaGjo6OoqKirq6usrKyvr6+wsLCysrKzs7O4uLi7u7u8vLy9vb2/v7/AwMDBwcHExMTGxsbHx8fJycnLy8vQ0NDR0dHS0tLU1NTW1tbY2NjZ2dnb29vd3d3f39/h4eHi4uLn5+fo6Ojp6enr6+vs7Ozt7e3v7+/x8fHy8vL1giD1giH1gyP1hCT1iS31ii71izD1jDL2kTv2kjz2kz/2lED2lkP2lkT2l0X2mUn2pmH2pmL3m033n1X3oVf3pF73pV739/f4q2n4q2r4rWz4r3D4r3H4sXT4s3f5uoT5u4b5vov5+fn6xJb6yJ36yqD6zKT6+vr7zqj70a372Ln7+/v83sT838b84Mj84sv848785M/85dD89O78/Pz959X96Nb969z9/f3+8+r+9e7+9u/+9/H++PP++vb++vf+/Pn+/Pr+/fz+/v7////OeAUcAAAAC3RSTlMAGxuq7e7u+vv7+w/+RoMAAAGnSURBVDjLY2BgYmZJJRKwMDMxMDCysS/YSSRYwM7GyMDMsZMEwM7MwLqAFA0LWBlSd5IEUumkwc7A0HPBTuvcTAN13535FuqWJTsXdrdP2+IZuHOnR6iNgYHVDgMDsySEBin3QE2NnWJpKk6x8T1iDsku6UvKSktL+4Kld84RzBb3Co9ZyRPnJYikIXHnAr5ssTR9hYCVIfIg8UmlILBCOMFfa6e4jWvQWh5/e0kUDTuFMsTSpvvI6gUog8QngzVsdDRVC9spbu7st5bbmL8ASUNEipEi0ElRRQEyhYL+K/2Tl5cD1U/cmSMgsXOneHRe3krenSpuCA26ckp2xTu1s2xFZSJ3JqiJqKbvXNrbOWPrzp0m3jt36sjJyS2Q35ms0rNz53wSg3VRI2kaVlc1kKRhVU0pSRoWVZaSpGF2RSkpGjZNAMcM0RoW15aSomE9JOKJ1bB1VnUpCRq2z6srLSVew+ZZyMoJalgzpbq0lGgNG+Z2lGKAplQcxcy6uV3lpVhAKyuWgmzLwqktpTgAJzNaUblt2cz+xnocoLmNiw1YuJJYGAMAEKBGzN/0FVAAAAAASUVORK5CYII=") #fff;
}

.expiry-date-group {
    float: left;
    width: 50%
}

    .expiry-date-group input {
        width: calc(100% + 1px);
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }

        .expiry-date-group input:focus {
            position: relative;
            z-index: 10;
        }

.security-code-group {
    float: right;
    width: 50%
}

    .security-code-group input {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }

.zip-code-group {
    clear: both;
}

#PayButton {
    outline: 0 !important;
    height: 42px;
    font-size: 16px;
    background-color: #54C7C3 !important;
    border: none;
}

    #PayButton:hover {
        background-color: #6DCECB !important;
    }

    #PayButton:active {
        background-color: #4FBCB9 !important;
    }

    #PayButton:disabled {
        background: rgba(84, 199, 195, .5) !important;
        color: #FFF !important;
    }

#Checkout {
    z-index: 100001;
    background: #fff;
    width: 50%;
    min-width: 300px;
    height: 100%;
    min-height: 100%;
    background: 0 0 #ffffff;
    border-radius: 8px;
    border: 1px solid #dedede;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

    #Checkout > h1 {
        margin: 0;
        padding: 20px;
        text-align: center;
        background: #EEF2F4;
        color: #5D6F78;
        font-size: 24px;
        font-weight: 300;
        border-bottom: 1px solid #DEDEDE;
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
    }

    #Checkout > form {
        margin: 0 25px 25px;
    }

label {
    color: #46545C;
    margin-bottom: 2px;
    font-size: 19px;
}

@media (min-width: 776px) {
    label {
        color: #46545C;
        margin-bottom: 2px;
        font-size: 16px;
    }
}

.input-container {
    position: relative;
}

    .input-container input {
        padding-right: 25px;
    }

    .input-container > i, a[role="button"] {
        color: #d3d3d3;
        width: 25px;
        height: 30px;
        line-height: 30px;
        font-size: 16px;
        position: absolute;
        top: 2px;
        right: 2px;
        cursor: pointer;
        text-align: center;
    }

        .input-container > i:hover, a[role="button"]:hover {
            color: #777;
        }

.amount-placeholder {
    font-size: 20px;
    height: 34px;
}

    .amount-placeholder > button {
        float: right;
        width: 60px;
    }

    .amount-placeholder > span {
        line-height: 34px;
    }

.card-row {
    text-align: center;
    margin: 10px 20px -5px;
}

    .card-row span {
        width: 50px;
        height: 32px;
        background-repeat: no-repeat;
        display: inline-block;
        background-size: contain;
    }

.card-image {
    background-repeat: no-repeat;
    padding-right: 50px;
    background-position: right 2px center;
    background-size: auto 90%
}

.course-picture {
    width: 240px;
    height: 240px;
}

.video-picture {
    width: auto;
    height: auto;
}

.cvc-preview-container {
    overflow: hidden;
}

    .cvc-preview-container.two-card div {
        width: 48%;
        height: 80px;
    }

        .cvc-preview-container.two-card div.amex-cvc-preview {
            float: right;
        }

        .cvc-preview-container.two-card div.visa-mc-dis-cvc-preview {
            float: left;
        }

    .cvc-preview-container div {
        height: 160px;
    }

.amex-cvc-preview {
    background: url("data:image/png;base64,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") center center/contain no-repeat;
}

.visa-mc-dis-cvc-preview {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAOYAAACOCAMAAAASE4S+AAAAAXNSR0IArs4c6QAAAadQTFRFAAAAzbFj+NyAyLNg+N2DzbRk+96CzrVj+96AzrNj+92By7Rl+92AzbRl/eCDzrRl/t+DzrVl/t+CzbVm/t+C3MFt3MFv/N2B/N6CzrRm/uCDzrRm/uCC7M93/N6CAAAAAQEBAgIBBAQCBQUDBwcECQgFDAsGDg0HEA4IEQ8JFRMLFxUMIBwQIR0RJSETKyYWLikYLyoYMCsZMSsZNC4bNzEcOTIdQDkhQTkhQzsiRT0jRj4kSkEmTEMnWE4tWU8uWk8uXFEvXVIwXlMwX1QxaV02bWA4bmE5cWQ6eGo+eWs+fW5Afm9Bi3pHjHtIkH9KmIZOmYdPnIlQnYpRo5BUppJVqJRWqpZXq5dYrJdYrZhZuaNfvaZhvqdiwKljwapjxK1lybFnyrJoy7NozrVm1Ltq171u2L5v2b9s2b9t2sBt3cNy3zEx3zIx38Rz4MVz4cZ04kI552NI6GVJ6Mx36s5368957dF674xb79J78NN78dV78tV789Z99Nd99dh+9rZv9th+9tl+99l/+duA+sx5+sx6+t2B+92B/N6B/d+C/uCD////AikOogAAAB90Uk5TACQkJSU9PT4+Q0NERJqav7/AwNjY4uLi4u7u8/P6+u6knPAAAAJkSURBVHja7d3pTxNBGMfxQbwAW06Pcj0tntQT8b7v+0JFxaserQcuKlQUFbFUaqvjH+1uG0lMfEETie4z39+bJ/tik/1kjt3MbDLGBFkWbeu0CtPZFq03v7KwxSpO04KKcmm7VZ32xeW2VK70nUF7tlj1afJnH+tA6k3UBWbUrHKBudJ0u8DsNtaJwIQJEyZMmDBhwoQJEyZMmPPCFCcCEyZMmDBhwoQJEyZMmDBhwoQJEyZMmDBhwoQJ010m+5swYcKECRMmTJgwYcKECRMmTJgwYcIMFfPHP8/vz5PLjnpzzmg2F07mxIhXVUYmwsjMVan0nbkQMrOeN1aY+zAsjHleNoRMf1x+rWa6KfjjM4RMvxdWN63+4QaYMGHC/EvM6b0HgpI6tvtoyq9vz+4/clcf89sJ2eiXIZGEyJD9sEl6RAa1MVPbpczsk8vT52SHHZCDUxelXxtzW/x4wPx+6cxn+0A2208PX9pB2aONef7xk3JrBjkth4Jysnf9fX1T0Czzmqx+6pcvcel/pJd5RRLXg1p6d0vWvdHKHJCeG2XljLVb5aZS5r2E3A6uTiUu2Km1klLK3CXxZDK5xd6RNYd3St+MTuaryr94G6y92iuy77X+b9rSi/d8usOEyZIXC5gsR7O5MN9bRexvwoQJEyZMmDBhwoQJEyZMmDBhwoT5vzNLLihLJu8CM2+6XGB2meUuMFeYyEf9ysmIqcsUtSuLmQZjGp8pdxafNxtjamIZ1f12MhOrDQ6uXhRLD4/nVb4/S/nx4XRsSeUY8prGtOI0186eKl8Xae3QSOxojTSUgT8BEvkXyqDHONgAAAAASUVORK5CYII=") center center/contain no-repeat;
}

.submit-button-lock {
    height: 20px;
    margin-top: -2px;
    margin-right: 7px;
    vertical-align: middle;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAgCAMAAAA7dZg3AAAKQWlDQ1BJQ0MgUHJvZmlsZQAASA2dlndUU9kWh8+9N73QEiIgJfQaegkg0jtIFQRRiUmAUAKGhCZ2RAVGFBEpVmRUwAFHhyJjRRQLg4Ji1wnyEFDGwVFEReXdjGsJ7601896a/cdZ39nnt9fZZ+9917oAUPyCBMJ0WAGANKFYFO7rwVwSE8vE9wIYEAEOWAHA4WZmBEf4RALU/L09mZmoSMaz9u4ugGS72yy/UCZz1v9/kSI3QyQGAApF1TY8fiYX5QKUU7PFGTL/BMr0lSkyhjEyFqEJoqwi48SvbPan5iu7yZiXJuShGlnOGbw0noy7UN6aJeGjjAShXJgl4GejfAdlvVRJmgDl9yjT0/icTAAwFJlfzOcmoWyJMkUUGe6J8gIACJTEObxyDov5OWieAHimZ+SKBIlJYqYR15hp5ejIZvrxs1P5YjErlMNN4Yh4TM/0tAyOMBeAr2+WRQElWW2ZaJHtrRzt7VnW5mj5v9nfHn5T/T3IevtV8Sbsz55BjJ5Z32zsrC+9FgD2JFqbHbO+lVUAtG0GQOXhrE/vIADyBQC03pzzHoZsXpLE4gwnC4vs7GxzAZ9rLivoN/ufgm/Kv4Y595nL7vtWO6YXP4EjSRUzZUXlpqemS0TMzAwOl89k/fcQ/+PAOWnNycMsnJ/AF/GF6FVR6JQJhIlou4U8gViQLmQKhH/V4X8YNicHGX6daxRodV8AfYU5ULhJB8hvPQBDIwMkbj96An3rWxAxCsi+vGitka9zjzJ6/uf6Hwtcim7hTEEiU+b2DI9kciWiLBmj34RswQISkAd0oAo0gS4wAixgDRyAM3AD3iAAhIBIEAOWAy5IAmlABLJBPtgACkEx2AF2g2pwANSBetAEToI2cAZcBFfADXALDIBHQAqGwUswAd6BaQiC8BAVokGqkBakD5lC1hAbWgh5Q0FQOBQDxUOJkBCSQPnQJqgYKoOqoUNQPfQjdBq6CF2D+qAH0CA0Bv0BfYQRmALTYQ3YALaA2bA7HAhHwsvgRHgVnAcXwNvhSrgWPg63whfhG/AALIVfwpMIQMgIA9FGWAgb8URCkFgkAREha5EipAKpRZqQDqQbuY1IkXHkAwaHoWGYGBbGGeOHWYzhYlZh1mJKMNWYY5hWTBfmNmYQM4H5gqVi1bGmWCesP3YJNhGbjS3EVmCPYFuwl7ED2GHsOxwOx8AZ4hxwfrgYXDJuNa4Etw/XjLuA68MN4SbxeLwq3hTvgg/Bc/BifCG+Cn8cfx7fjx/GvyeQCVoEa4IPIZYgJGwkVBAaCOcI/YQRwjRRgahPdCKGEHnEXGIpsY7YQbxJHCZOkxRJhiQXUiQpmbSBVElqIl0mPSa9IZPJOmRHchhZQF5PriSfIF8lD5I/UJQoJhRPShxFQtlOOUq5QHlAeUOlUg2obtRYqpi6nVpPvUR9Sn0vR5Mzl/OX48mtk6uRa5Xrl3slT5TXl3eXXy6fJ18hf0r+pvy4AlHBQMFTgaOwVqFG4bTCPYVJRZqilWKIYppiiWKD4jXFUSW8koGStxJPqUDpsNIlpSEaQtOledK4tE20Otpl2jAdRzek+9OT6cX0H+i99AllJWVb5SjlHOUa5bPKUgbCMGD4M1IZpYyTjLuMj/M05rnP48/bNq9pXv+8KZX5Km4qfJUilWaVAZWPqkxVb9UU1Z2qbapP1DBqJmphatlq+9Uuq43Pp893ns+dXzT/5PyH6rC6iXq4+mr1w+o96pMamhq+GhkaVRqXNMY1GZpumsma5ZrnNMe0aFoLtQRa5VrntV4wlZnuzFRmJbOLOaGtru2nLdE+pN2rPa1jqLNYZ6NOs84TXZIuWzdBt1y3U3dCT0svWC9fr1HvoT5Rn62fpL9Hv1t/ysDQINpgi0GbwaihiqG/YZ5ho+FjI6qRq9Eqo1qjO8Y4Y7ZxivE+41smsImdSZJJjclNU9jU3lRgus+0zwxr5mgmNKs1u8eisNxZWaxG1qA5wzzIfKN5m/krCz2LWIudFt0WXyztLFMt6ywfWSlZBVhttOqw+sPaxJprXWN9x4Zq42Ozzqbd5rWtqS3fdr/tfTuaXbDdFrtOu8/2DvYi+yb7MQc9h3iHvQ732HR2KLuEfdUR6+jhuM7xjOMHJ3snsdNJp9+dWc4pzg3OowsMF/AX1C0YctFx4bgccpEuZC6MX3hwodRV25XjWuv6zE3Xjed2xG3E3dg92f24+ysPSw+RR4vHlKeT5xrPC16Il69XkVevt5L3Yu9q76c+Oj6JPo0+E752vqt9L/hh/QL9dvrd89fw5/rX+08EOASsCegKpARGBFYHPgsyCRIFdQTDwQHBu4IfL9JfJFzUFgJC/EN2hTwJNQxdFfpzGC4sNKwm7Hm4VXh+eHcELWJFREPEu0iPyNLIR4uNFksWd0bJR8VF1UdNRXtFl0VLl1gsWbPkRoxajCCmPRYfGxV7JHZyqffS3UuH4+ziCuPuLjNclrPs2nK15anLz66QX8FZcSoeGx8d3xD/iRPCqeVMrvRfuXflBNeTu4f7kufGK+eN8V34ZfyRBJeEsoTRRJfEXYljSa5JFUnjAk9BteB1sl/ygeSplJCUoykzqdGpzWmEtPi000IlYYqwK10zPSe9L8M0ozBDuspp1e5VE6JA0ZFMKHNZZruYjv5M9UiMJJslg1kLs2qy3mdHZZ/KUcwR5vTkmuRuyx3J88n7fjVmNXd1Z752/ob8wTXuaw6thdauXNu5Tnddwbrh9b7rj20gbUjZ8MtGy41lG99uit7UUaBRsL5gaLPv5sZCuUJR4b0tzlsObMVsFWzt3WazrWrblyJe0fViy+KK4k8l3JLr31l9V/ndzPaE7b2l9qX7d+B2CHfc3em681iZYlle2dCu4F2t5czyovK3u1fsvlZhW3FgD2mPZI+0MqiyvUqvakfVp+qk6oEaj5rmvep7t+2d2sfb17/fbX/TAY0DxQc+HhQcvH/I91BrrUFtxWHc4azDz+ui6rq/Z39ff0TtSPGRz0eFR6XHwo911TvU1zeoN5Q2wo2SxrHjccdv/eD1Q3sTq+lQM6O5+AQ4ITnx4sf4H++eDDzZeYp9qukn/Z/2ttBailqh1tzWibakNml7THvf6YDTnR3OHS0/m/989Iz2mZqzymdLz5HOFZybOZ93fvJCxoXxi4kXhzpXdD66tOTSna6wrt7LgZevXvG5cqnbvfv8VZerZ645XTt9nX297Yb9jdYeu56WX+x+aem172296XCz/ZbjrY6+BX3n+l37L972un3ljv+dGwOLBvruLr57/17cPel93v3RB6kPXj/Mejj9aP1j7OOiJwpPKp6qP6391fjXZqm99Oyg12DPs4hnj4a4Qy//lfmvT8MFz6nPK0a0RupHrUfPjPmM3Xqx9MXwy4yX0+OFvyn+tveV0auffnf7vWdiycTwa9HrmT9K3qi+OfrW9m3nZOjk03dp76anit6rvj/2gf2h+2P0x5Hp7E/4T5WfjT93fAn88ngmbWbm3/eE8/syOll+AAAAYFBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////98JRy6AAAAH3RSTlMAAgYMEyIzOUpTVFViY3N2gJmcnaipq7fX3ebx+Pn8eTEuDQAAAI9JREFUKM/N0UkOglAQRdFHDyK90n64+9+lAyQgookjuaNKTlJJpaQlO2n6sW8SW/uCjrku2EloWDLhi3gDa4O3pTtA5Tt+BXDbiDsBmSQpAyZ3pRhoLUmS1QLxSilQPOcCSFfKgfxgPgfZ9ch7Y21LCcdd5wVH5SckEzkXc0ylpPJnMpETmX/d9eUpH1/5AKrsQVrz7YPBAAAAAElFTkSuQmCC") center center/contain no-repeat;
    width: 14px;
    display: inline-block;
}

.align-middle {
    vertical-align: middle;
}

input {
    box-shadow: none; /*removed !important - Lacey*/
}

    input:focus {
        border-color: #b0e5e3;
        background-color: #EEF9F9;
    }

    input[type=button]:focus {
        background-color: #535353;
        border-color: #323232;
        opacity: .8;
    }


.errorInput {
    border: 1px solid red !important;
}

.partorfulltime, .add-class {
    transition: background-color linear 0.2s;
    cursor: pointer;
}

    .partorfulltime:hover, .add-class:hover {
        background-color: #eaebed;
    }


@media (min-width: 776px) {
    .partorfulltime img, .add-class img {
        width: 50%;
    }
}


/* ------------------ */
/* Financing */
/* ------------------ */


.finance-image {
    max-width: 34%;
}

.awardImage {
    max-width: 100%;
}

.finance-list > li {
    margin-bottom: 15px;
    font-weight: 400;
}

.about-image {
    max-width: 34%;
    margin-top: -0.5rem;
    padding-bottom: 1rem;
    filter: grayscale(1);
}

.affirm-monthly {
    font-size: 16px;
}

    .affirm-monthly a:not([href]):not([tabindex]) {
        color: #323232;
        text-decoration: underline;
        font-size: 16px;
    }

/*award icons*/

.career-karma {
    max-width: 90%;
}

.course-report-index {
    max-width: 100%;
}

.switchup-image {
    max-width: 82%;
}

@media (max-width: 767px) {
    .about-image {
        max-width: 100%;
        float: unset !important;
    }

    .registration-image {
        width: 100%;
    }

    .award-image {
        max-width: 50%;
        margin-bottom: 1rem;
    }

    .inc-5000 {
        max-width: 45%;
    }

    .course-report {
        max-width: 60%;
    }

    .finance-image {
        max-width: 57%;
    }

    .ptb-sm-about {
        padding-top: 45px;
        padding-bottom: 50px;
    }

    .pt-sm-adjust-18 {
        padding-top: 18px;
    }
}

/*.registration-image {
    width: 100%;
}*/

@media (min-width: 768px) {
    .course-report {
        transform: scale(1.25);
        margin-left: 1rem;
        padding-top: 2.3rem;
    }
}
/*================================================================================================*/
/* GLOBAL STYLES       ||---------------------------- */
/*================================================================================================*/
/*------------------------------------------------------------
    Sidebar Menu
------------------------------------------------------------*/
.sidebar-menu {
    background-color: #182A53;
    color: #fff;
    position: fixed;
    overflow-y: auto;
    right: -320px;
    width: 320px;
    bottom: 0;
    top: 0px;
    z-index: 1009;
    box-shadow: 0 0 30px rgba(0,0,0,.17);
    -moz-box-shadow: 0 0 30px rgba(0,0,0,.17);
    -webkit-box-shadow: 0 0 30px rgba(0,0,0,.17);
    transition: all 0.25s ease-in 0s;
    -webkit-transition: all 0.25s ease-in 0s;
    -moz-transition: all 0.25s ease-in 0s;
    -o-transition: all 0.25s ease-in 0s;
    opacity: 0;
    visibility: hidden;
    display: block;
}

    .sidebar-menu::-webkit-scrollbar {
        display: none;
    }

.leftbar-menu {
    background-color: #182A53;
    color: #fff;
    position: fixed;
    overflow-y: auto;
    left: -320px;
    width: 320px;
    bottom: 0;
    top: 0px;
    z-index: 10009;
    box-shadow: 0 0 30px rgba(0,0,0,.17);
    -moz-box-shadow: 0 0 30px rgba(0,0,0,.17);
    -webkit-box-shadow: 0 0 30px rgba(0,0,0,.17);
    transition: all 0.25s ease-in 0s;
    -webkit-transition: all 0.25s ease-in 0s;
    -moz-transition: all 0.25s ease-in 0s;
    -o-transition: all 0.25s ease-in 0s;
    opacity: 0;
    visibility: hidden;
    display: block;
}

.sidebar-menu.sidebar-menu-open {
    right: 0;
    opacity: 1;
    visibility: visible;
}

.leftbar-menu.leftbar-menu-open {
    left: 0;
    opacity: 1;
    visibility: visible;
}

.sidebar-close-icon {
    font-size: 16px;
    position: absolute;
    right: 30px;
    top: 30px;
    display: inline-block;
    cursor: pointer;
    color: inherit;
    z-index: 3;
}

.leftbar-close-icon {
    font-size: 16px;
    position: absolute;
    right: 30px;
    top: 30px;
    display: inline-block;
    cursor: pointer;
    color: inherit;
    z-index: 3;
}

/*START LEFTBAR DARKMODE SWITCH CODE*/

.box {
    display: flex;
    position: relative;
    flex-direction: column;
    justify-content: center;
    width: 36px;
    height: 18px;
    background-color: black;
    border-radius: 9px;
}

    .box .ball {
        position: absolute;
        width: 18px;
        height: 18px;
        background-color: grey;
        border-radius: 50%;
        border: 1px solid black;
    }

.night {
    transform: translateX(100%);
}

#sun {
    color: yellow;
}

.icon-container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 0px 2px;
}

    .icon-container .fa {
        width: 12px;
    }
/*END LEFTBAR DARKMODE SWITCH CODE*/

.sidembar-menu-wrap {
    display: table;
    width: 100%;
    height: 100%;
    position: relative;
}

.sidebar-header {
    position: relative;
    padding: 30px 30px 0px;
    display: block;
}

    .sidebar-header * {
        margin: 0;
        line-height: 1;
        padding: 0;
    }

.sidebar-content {
    position: relative;
    padding-right: 30px;
    padding-left: 30px;
    padding-top: 15px;
    padding-bottom: 15px;
}

.sidebar-footer {
    display: table-row;
    height: auto;
    vertical-align: bottom;
}

    .sidebar-footer .sidebar-footer-wrap {
        vertical-align: bottom;
        padding: 30px;
        display: table-cell;
    }
/*Sidebar Sign in form*/
.sidebar-menu .sign-in {
    padding-bottom: 30px;
    border-bottom: 1px solid #fff;
    margin-bottom: 30px;
}

    .sidebar-menu .sign-in a {
        color: inherit;
        font-weight: 400;
        font-size: 12px;
        display: inline-block;
    }

        .sidebar-menu .sign-in a:hover {
            color: #e6ae49;
            text-decoration: underline;
        }

.sidebar-menu .logo {
    max-width: 120px;
    width: 100%;
}

.sidebar-menu .social {
    list-style: none;
}

    .sidebar-menu .social li {
        display: inline-block;
        margin: 0 10px 0 0;
    }

        .sidebar-menu .social li a {
            font-size: 16px;
        }
/*Sidebar Links*/
.sidebar-menu ul {
    padding: 0;
}

.sidebar-menu label {
    color: #eaebed;
}

.sidebar-menu ul li {
    list-style: none;
    margin-bottom: 10px;
}

.sidebar-menu ul > li > a {
    text-transform: uppercase;
    letter-spacing: 1px;
    display: block;
    color: #eaebed;
}

    .sidebar-menu ul > li > a:hover {
        color: #e6ae49;
    }
/* --------------------------------------------------------------------------------------- */
/* Search Overlay Menu -------------- */
/* --------------------------------------------------------------------------------------- */
.search-overlay-menu {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(35, 35, 35, 0.9);
    -webkit-transition: transform 0.3s ease 0s, opacity 0.3s ease 0s, visibility 0s ease 0.3s;
    -moz-transition: transform 0.3s ease 0s, opacity 0.3s ease 0s, visibility 0s ease 0.3s;
    -ms-transition: transform 0.3s ease 0s, opacity 0.3s ease 0s, visibility 0s ease 0.3s;
    -o-transition: transform 0.3s ease 0s, opacity 0.3s ease 0s, visibility 0s ease 0.3s;
    transition: transform 0.3s ease 0s, opacity 0.3s ease 0s, visibility 0s ease 0.3s;
    opacity: 0;
    visibility: hidden;
    z-index: 2200;
    text-align: center;
}

    .search-overlay-menu.open {
        opacity: 1;
        visibility: visible;
        -webkit-transition: opacity 0.3s ease 0s, transform 0.3s ease 0s;
        -moz-transition: opacity 0.3s ease 0s, transform 0.3s ease 0s;
        -ms-transition: opacity 0.3s ease 0s, transform 0.3s ease 0s;
        -o-transition: opacity 0.3s ease 0s, transform 0.3s ease 0s;
        transition: opacity 0.3s ease 0s, transform 0.3s ease 0s;
    }

    .search-overlay-menu form {
        height: 120px;
        position: absolute;
        top: 50%;
        left: 0;
        margin: -60px auto 0;
        width: 60%;
        left: 20%;
        transform: translateY(20px);
        -moz-transform: translateY(20px);
        -ms-transform: translateY(20px);
        -o-transform: translateY(20px);
        -webkit-transform: translateY(20px);
        transition: all 0.3s ease-in-out 0s;
        -moz-transition: all 0.3s ease-in-out 0s;
        -o-transition: all 0.3s ease-in-out 0s;
        -webkit-transition: all 0.3s ease-in-out 0s;
    }

    .search-overlay-menu.open form {
        transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        -webkit-transform: translateY(0px);
    }

    .search-overlay-menu input[type="search"] {
        height: 100%;
        width: 100%;
        color: #fff;
        background: transparent;
        border-top: 0px solid transparent;
        border-bottom: 2px solid #909090 !important;
        border-left: 0px solid transparent;
        border-right: 0px solid transparent;
        font-size: 60px;
        font-weight: 300;
        outline: none;
        padding: 10px;
    }

    .search-overlay-menu form button {
        background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
        border: medium none;
        font-size: 3rem;
        position: absolute;
        right: 0;
        top: 40px;
        color: #c6c6c6;
    }

    .search-overlay-menu .search-overlay-close {
        position: absolute;
        top: 20px;
        right: 20px;
        opacity: 1;
        font-size: 40px;
        color: #fff;
    }

        .search-overlay-menu .search-overlay-close:hover {
            color: #e6ae49;
            cursor: pointer;
        }
/* --------------------------------------------------------------------------------------- */
/* Contents (Body, Container, Section, etc) -------------- */
/* --------------------------------------------------------------------------------------- */
.wrapper {
    position: relative;
    width: 100%;
    height: 100vh;
}

.content-wrapper {
    min-height: calc(100vh - 310px);
}

.student-content-wrapper {
    min-height: calc(100vh - (157px + 70px));
}

.content-wrapper-samplecourse {
    min-height: calc(150vh - 200px);
}

.inner-intro {
    background-color: #f7f7f7;
    height: 530px;
    display: block;
    position: relative;
}

    .inner-intro.inner-intro-small {
        height: 380px;
    }

    .inner-intro .container {
        position: relative;
        height: 100%;
        display: table;
    }

        .inner-intro .container .title {
            padding-bottom: 65px;
            padding-top: 65px;
            display: table-cell;
            vertical-align: middle;
            text-align: center;
        }

.full-intro .inner-intro .container .title h2 {
    margin-top: 65px;
}

.inner-intro .container .title .separator {
    margin-right: auto;
    margin-left: auto;
}

.page-breadcrumb {
    background: rgba(255,255,255,0.9);
    padding: 4px 8px;
    display: inline-block;
    color: #323232;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 3px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
}

    .page-breadcrumb a, .page-breadcrumb span {
        display: inline-block;
        padding-left: 8px;
        padding-right: 8px;
    }

    .page-breadcrumb span {
        color: #999;
    }

.overlay-static-dark {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    color: #fff;
    height: 100%;
    z-index: 2;
    background-color: rgba(32,32,32,0.4);
    display: -webkit-flex;
    display: flex;
}

.overlay-dark, .overlay-dark80, .overlay-light, .overlay-light80 {
    position: relative;
    z-index: 1;
}

    .overlay-dark:before, .overlay-dark80:before, .overlay-light:before, .overlay-light80:before {
        left: 0;
        top: 0;
        position: absolute;
        width: 100%;
        height: 100%;
        content: "";
        z-index: -1;
    }

    .overlay-dark:before {
        background-color: rgba(32,32,32,0.4);
    }

    .overlay-dark80:before {
        background-color: rgba(32,32,32,0.8);
    }

    .overlay-light:before {
        background-color: rgba(255,255,255,0.4);
    }

    .overlay-light80:before {
        background-color: rgba(255,255,255,0.8);
    }

.full-screen-intro {
    overflow: hidden;
    position: relative;
}

.content-cap-wraper {
    display: table;
    position: relative;
    height: 100%;
    width: 100%;
    margin: 0 auto;
}

.full-cap-wraper {
    display: table;
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    margin: 0 auto;
    z-index: 1;
}

.content-caption {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

.content-wd650 {
    max-width: 650px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.cont-h-100per {
    height: 100%;
}
/*backround images*/
.bg-img {
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover !important;
}

.bg-img1, .bg-img2, .bg-img3, .bg-img4, .bg-img5, .bg-img6, .bg-img7, .bg-img8, .bg-img9, .bg-img10, .bg-img11, .bg-img12, .bg-img13, .bg-img14, .bg-img15, .bg-img16, .bg-img17, .bg-img18, .bg-img19, .bg-img20, .bg-img21, .bg-img22, .bg-img23, .bg-img24, .bg-img25, .bg-img26, .bg-img27, .bg-img28, .bg-img29, .bg-img30 {
    background-size: cover !important;
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

.bg-img1 {
    background-image: url("../../images/test-images/img/full/");
}

.bg-img2 {
    background-image: url("~/images/test-images/img/full/02.jpg");
}

.bg-img3 {
    background-image: url("~/images/test-images/img/full/03.jpg");
}

.bg-img4 {
    background-image: url("~/images/test-images/img/full/04.jpg");
}

.bg-img5 {
    background-image: url("~/images/test-images/img/full/05.jpg");
}

.bg-img6 {
    background-image: url("~/images/test-images/img/full/06.jpg");
}

.bg-img7 {
    background-image: url("~/images/test-images/img/full/07.jpg");
}

.bg-img8 {
    background-image: url("~/images/test-images/img/full/08.jpg");
}

.bg-img9 {
    background-image: url("~/images/test-images/img/full/09.jpg");
}

.bg-img10 {
    background-image: url("~/images/test-images/img/full/10.jpg");
}

.bg-img11 {
    background-image: url("~/images/test-images/img/full/11.jpg");
}

.bg-img12 {
    background-image: url("~/images/test-images/img/full/12.jpg");
}

.bg-img13 {
    background-image: url("~/images/test-images/img/full/13.jpg");
}

.bg-img14 {
    background-image: url("~/images/test-images/img/full/14.jpg");
}

.bg-img15 {
    background-image: url("~/images/test-images/img/full/15.jpg");
}

.bg-img16 {
    background-image: url("~/images/test-images/img/full/16.jpg");
}

.bg-img17 {
    background-image: url("~/images/test-images/img/full/17.jpg");
}

.bg-img18 {
    background-image: url("~/images/test-images/img/full/18.jpg");
}

.bg-img19 {
    background-image: url("full/19.jpg");
}

.bg-img20 {
    background-image: url("~/images/test-images/img/full/20.jpg");
}

.bg-img21 {
    background-image: url("~/images/test-images/img/full/21.jpg");
}

.bg-img22 {
    background-image: url("~/images/test-images/img/full/22.jpg");
}

.bg-img23 {
    background-image: url("~/images/test-images/img/full/23.jpg");
}

.bg-img24 {
    background-image: url("~/images/test-images/img/full/24.jpg");
}

.bg-img25 {
    background-image: url("~/images/test-images/img/full/25.jpg");
}

.bg-img26 {
    background-image: url("~/images/test-images/img/full/26.jpg");
}

.bg-img27 {
    background-image: url("~/images/test-images/img/full/27.jpg");
}

.bg-img28 {
    background-image: url("~/images/test-images/img/full/28.jpg");
}

.bg-img29 {
    background-image: url("~/images/test-images/img/full/29.jpg");
}

.bg-img30 {
    background-image: url("~/images/test-images/img/full/30.jpg");
}

.border-b-box {
    padding: 25px;
    border-bottom: 1px solid #f1f1f1;
    display: inline-block;
    width: 100%;
}

.border-box {
    border: 1px solid #f1f1f1;
    padding: 25px;
}

.b-lrb-none .ui-tab-content, .b-lrb-none {
    border-left: 0px none;
    border-right: 0px none;
    border-bottom: 0px none;
}

.content-slider, .o-flow-hidden {
    overflow: hidden;
}

.map {
    width: 100%;
    height: 450px;
}

#map {
    height: 100%;
}

@media (max-width: 767px) {
    .inner-intro .container {
        width: 100%;
        max-width: 720px;
        text-align: center;
    }


    /*.inner-intro .container .title h2 {
            float: none;
        }

        .inner-intro .container .title p {
            float: none;
            margin-top: 0px;
        }
        .inner-intro .container .title .separator {
            margin-left:auto;
            margin-right:auto;
        }*/
}
/* ===================================================================================================== */
/* Contents (Portfolio, Blog, Shop, etc) -------------------  */
/* ===================================================================================================== */
.col.container-grid {
    padding-left: 0;
    padding-right: 0;
}

.col.container-masonry {
    padding-left: 0;
    padding-right: 0;
}

.container.nf-container1 {
    padding-left: 15px;
    padding-right: 15px;
}

.container.nf-container2 {
    /*padding-left: 25px;
    padding-right: 25px;*/
}

.nf-row1 {
    margin-left: -15px;
    margin-right: -15px;
    /*overflow: hidden;*/
}

.nf-col-padding {
    padding-left: 25px;
    padding-right: 25px;
}

.nf-row2 {
    /*margin-left: -25px;
    margin-right: -25px;*/
}

    .nf-row1:before, .nf-row1:after, .nf-row2:before, .nf-row2:after {
        display: table;
        content: " ";
    }

    .nf-row1:after, .nf-row2:after {
        clear: both;
    }

.nf-row1 .nf-item.spacing, .nf-row1 .grid-sizer.spacing {
    padding: 15px;
}

.nf-row2 .nf-item.spacing, .nf-item.spacing, .nf-row2 .grid-sizer.spacing, .spacing-box {
    padding: 15px;
}

.spacing-grid {
    padding-top: 10px;
    padding-bottom: 15px;
}

.nf-col-1 .nf-item, .nf-col-1 .grid-sizer {
    width: 100%;
    min-height: 1px;
}

.nf-col-2 .nf-item, .nf-col-2 .grid-sizer {
    width: 50%;
    min-height: 1px;
}

.nf-col-3 .nf-item, .nf-col-3 .grid-sizer {
    width: 33.3333%;
    min-height: 1px;
}

.nf-col-4 .nf-item, .nf-col-4 .grid-sizer {
    width: 25%;
    min-height: 1px;
}

.nf-col-5 .nf-item, .nf-col-5 .grid-sizer {
    width: 20%;
    min-height: 1px;
}

.nf-col-6 .nf-item, .nf-col-6 .grid-sizer {
    width: 16.6666%;
    min-height: 1px;
}

.nf-col-1 .nf-item.w1, .nf-col-2 .nf-item.w1, .nf-col-3 .nf-item.w1, .nf-col-4 .nf-item.w1 {
    width: 100%;
}

.nf-col-1 .nf-item.w2, .nf-col-2 .nf-item.w2, .nf-col-3 .nf-item.w2, .nf-col-4 .nf-item.w2 {
    width: 50%;
}

.nf-col-1 .nf-item.w3, .nf-col-2 .nf-item.w3, .nf-col-3 .nf-item.w3, .nf-col-4 .nf-item.w3 {
    width: 33.3333%;
}

.nf-col-1 .nf-item.w4, .nf-col-2 .nf-item.w4, .nf-col-3 .nf-item.w4, .nf-col-4 .nf-item.w4 {
    width: 25%;
}

.nf-col-1 .nf-item.w4-2, .nf-col-2 .nf-item.w4-2, .nf-col-3 .nf-item.w4-2, .nf-col-4 .nf-item.w4-2,
.nf-col-1 .nf-item.w3-2, .nf-col-2 .nf-item.w3-2, .nf-col-3 .nf-item.w3-2, .nf-col-4 .nf-item.w3-2 {
    width: 50%;
}

.nf-col-1 .nf-item.w4-1, .nf-col-2 .nf-item.w4-1, .nf-col-3 .nf-item.w4-1, .nf-col-4 .nf-item.w4-1 {
    width: 75%;
}

.nf-col-1 .nf-item.w3-1, .nf-col-2 .nf-item.w3-1, .nf-col-3 .nf-item.w3-1, .nf-col-4 .nf-item.w3-1 {
    width: 66.6666%;
}

@media (max-width: 991px) {
    .nf-col-2 .nf-item, .nf-col-3 .nf-item, .nf-col-4 .nf-item,
    .nf-col-1 .nf-item.w2, .nf-col-2 .nf-item.w2, .nf-col-3 .nf-item.w2, .nf-col-4 .nf-item.w2,
    .nf-col-1 .nf-item.w3, .nf-col-2 .nf-item.w3, .nf-col-3 .nf-item.w3, .nf-col-4 .nf-item.w3,
    nf-col-1 .nf-item.w4, .nf-col-2 .nf-item.w4, .nf-col-3 .nf-item.w4, .nf-col-4 .nf-item.w4,
    .nf-col-1 .nf-item.w4-1, .nf-col-2 .nf-item.w4-1, .nf-col-3 .nf-item.w4-1, .nf-col-4 .nf-item.w4-1,
    .nf-col-1 .nf-item.w3-1, .nf-col-2 .nf-item.w3-1, .nf-col-3 .nf-item.w3-1, .nf-col-4 .nf-item.w3-1 {
        width: 50%;
    }

    .nf-col-5 .nf-item, .nf-col-6 .nf-item {
        width: 33.3333%;
    }



    .nf-row2 .nf-item.spacing, .nf-row2 .grid-sizer.spacing {
        padding: 25px;
    }
}

@media (max-width: 767px) {

    .container {
        margin: 0 auto;
        max-width: 480px;
        width: 100%;
    }

    .nf-col-padding {
        padding-left: 15px;
        padding-right: 15px;
    }

    .spacing-grid {
        padding-top: 15px;
        padding-bottom: 15px;
    }


    .nf-col-2 .nf-item, .nf-col-3 .nf-item, .nf-col-4 .nf-item,
    .nf-col-1 .nf-item.w2, .nf-col-2 .nf-item.w2, .nf-col-3 .nf-item.w2, .nf-col-4 .nf-item.w2,
    .nf-col-1 .nf-item.w3, .nf-col-2 .nf-item.w3, .nf-col-3 .nf-item.w3, .nf-col-4 .nf-item.w3,
    nf-col-1 .nf-item.w4, .nf-col-2 .nf-item.w4, .nf-col-3 .nf-item.w4, .nf-col-4 .nf-item.w4,
    .nf-col-1 .nf-item.w4-1, .nf-col-2 .nf-item.w4-1, .nf-col-3 .nf-item.w4-1, .nf-col-4 .nf-item.w4-1,
    .nf-col-1 .nf-item.w3-1, .nf-col-2 .nf-item.w3-1, .nf-col-3 .nf-item.w3-1, .nf-col-4 .nf-item.w3-1 {
        width: 100%;
        max-width: 480px;
        margin: 0 auto;
    }

    .nf-col-3, .nf-col-4 {
        margin: 0 auto;
        max-width: 480px;
    }

    .nf-col-5 .nf-item, .nf-col-6 .nf-item {
        width: 100%;
    }

    .nf-row2 .nf-item.spacing, .nf-row1 .nf-item.spacing, .spacing-box {
        padding: 15px;
    }

    .xs-hidden {
        visibility: hidden !important;
        display: none !important;
        opacity: 0;
    }
}

@media (max-width: 480px) {

    .nf-col-5 .nf-item, .nf-col-6 .nf-item {
        width: 100%;
    }
}
/* ----------------------------------------------------------------------*/
/* Sidebar Widget   ---------------------------------------------------- */
/* ----------------------------------------------------------------------*/

.sidebar-widget {
    margin-bottom: 50px;
}

    .sidebar-widget h4 {
        margin: 0px;
        padding-top: 0;
        padding-bottom: 15px;
    }

.widget-search {
    position: relative;
}

    .widget-search input[type="text"] {
        padding-right: 30px;
    }

    .widget-search input[type="submit"] {
        background-color: rgba(0,0,0,0);
        border: 0 none;
        color: #8d8d8d;
        cursor: pointer;
        display: inline-block;
        float: right;
        font-family: "FontAwesome",sans-serif;
        margin: 0;
        outline: 0 none;
        white-space: nowrap;
        padding: 0 3px;
        text-decoration: none;
        transition: all 0.25s ease 0s;
        -moz-transition: all 0.25s ease 0s;
        -o-transition: all 0.25s ease 0s;
        -webkit-transition: all 0.25s ease 0s;
        position: absolute;
        top: 10px;
        right: 10px;
    }

        .widget-search input[type="submit"]:hover {
            color: #e6ae49;
        }

.sidebar-widget hr {
    margin-bottom: 15px;
}

.sidebar-widget ul {
    margin: 0px;
    padding: 0px;
}

    .sidebar-widget ul li {
        list-style: none;
        font-weight: 400;
    }

        .sidebar-widget ul li a {
            display: inline-block;
            padding: 4px 0px;
            font-size: 13px;
            color: #323232;
        }

            .sidebar-widget ul li a:hover {
                color: #e6ae49;
            }

.widget-tag {
    display: inline-table;
    margin-top: 15px;
}

    .widget-tag li {
        float: left;
        margin-bottom: 5px;
        margin-right: 5px;
        text-transform: uppercase;
    }

        .widget-tag li a {
            padding: 4px 10px !important;
            display: block;
            border: 1px solid #eee;
        }

            .widget-tag li a:hover {
                background: #323232;
                color: #fff !important;
            }

.sidebar-widget .widget-post {
    position: relative;
}

    .sidebar-widget .widget-post .widget-post-media {
        width: 70px;
        display: table-cell;
        padding: 0px 15px 0px 0px;
    }

    .sidebar-widget .widget-post li {
        margin-bottom: 20px;
    }

    .sidebar-widget .widget-post a {
        padding: 0px;
    }

    .sidebar-widget .widget-post .widget-post-media img, .sidebar-widget .widget-post .widget-post-media video {
        width: 100%;
        vertical-align: top;
    }

    .sidebar-widget .widget-post .widget-post-info {
        display: table-cell;
        vertical-align: top;
    }

        .sidebar-widget .widget-post .widget-post-info h5, .sidebar-widget .widget-post .widget-post-info h6 {
            margin-bottom: 5px;
        }

        .sidebar-widget .widget-post .widget-post-info p {
            margin: 0px;
        }
/* ----------------------------------------------------------------------*/
/* Pagination Navigation   --------------------------------------------- */
/* ----------------------------------------------------------------------*/
.pagination-nav {
    width: 100%;
    display: block;
    position: relative;
    text-align: center;
}

    .pagination-nav ul {
        margin: 0px;
        padding: 0px;
    }

        .pagination-nav ul li {
            display: inline-block;
            margin: 0px 2px;
        }

            .pagination-nav ul li a {
                display: block;
                background-color: #f7f7f7;
                height: 36px;
                width: 36px;
                line-height: 36px;
                text-align: center;
                font-size: 14px;
            }

            .pagination-nav ul li.active a {
                background: #323232;
                color: #fff;
            }

.pagination {
    display: inline-flex;
    margin: 30px auto;
    max-width: 90%;
    overflow-x: auto;
    overflow-y: hidden;
}

    .pagination > li {
        margin: 5px 0;
    }

        .pagination > li:first-child > a,
        .pagination > li:first-child > span,
        .pagination > li:last-child > a,
        .pagination > li:last-child > span {
            border-radius: 50%;
        }

        .pagination > li > a, .pagination > li > span {
            border: 1px solid #d7d7d7;
            color: #aeaeae;
            font-size: 14px;
            height: 34px;
            width: 34px;
            margin: 2px;
            border-radius: 50%;
            transition: 350ms ease all;
            padding: 6px 8px;
        }

.pagination-sm > li > a,
.pagination-sm > li > span {
    height: 30px;
    width: 30px;
    font-size: 12px;
}

.pagination-lg > li > a,
.pagination-lg > li > span {
    height: 40px;
    width: 40px;
}

.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
    background-color: #ff9600;
    border-color: #ff9c00;
}

.pagination > li > a:focus,
.pagination > li > a:hover,
.pagination > li > span:focus,
.pagination > li > span:hover {
    background-color: #eaebed;
    color: #323232;
}

.assignment-page, .test-page, .daily-page, .weekly-page,
.Portland-page, .Remote-page, .Utah-page, .Job-page {
    border-radius: 50%;
    margin: 5px 0;
    border: 1px solid #d7d7d7;
    height: 34px;
    width: 34px;
    color: #aeaeae;
    font-size: 14px;
    padding: 6px 8px;
}

    .assignment-page.active, .test-page.active, .daily-page.active, .weekly-page.active,
    .Portland-page.active, .Remote-page.active, .Utah-page.active, .Job-page.active {
        background-color: #ff9600;
        border-color: #ff9c00;
    }

        .assignment-page.active > p, .test-page.active > p, .daily-page.active > p, .weekly-page.active > p,
        .Portland-page.active > p, .Remote-page.active > p, .Utah-page.active > p, .Job-page.active > p {
            color: #eaebed;
        }

.page-btn {
    width: 100px;
    height: 23px;
}

/* ----------------------------------------------------------------------*/
/* Portfolio   --------------------------------------------------------- */
/* ----------------------------------------------------------------------*/
.container-filter {
    margin-top: 0;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 30px;
    padding: 0;
    text-align: center;
}

    .container-filter li {
        list-style: none;
        display: inline-block;
    }

        .container-filter li a {
            display: block;
            margin-left: 15px;
            margin-right: 15px;
            text-transform: uppercase;
            letter-spacing: 2px;
            font-size: 12px;
            font-weight: 600;
            font-family: 'Maven Pro', serif;
        }

            .container-filter li a.active {
                color: #182A53;
            }

.item-box {
    position: relative;
    overflow: hidden;
    display: block;
}

    .item-box a {
        display: inline-block;
    }

    .item-box:hover .item-mask {
        opacity: 1;
        visibility: visible;
    }

        .item-box:hover .item-mask .item-caption {
            bottom: 30px;
            opacity: 1;
        }

    .item-box:hover .item-container {
        transform: scale(1.1);
        transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s;
        width: 100%;
    }

.item-container {
    transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    width: 100%;
    transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s;
    -moz-transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s;
    -webkit-transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s;
    -o-transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s;
}

.item-mask {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7);
    height: 100%;
    position: absolute;
    transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
    width: 85%;
    top: 0;
    left: 18px;
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
}

    .item-mask h5, .item-mask h6, .item-mask p {
        margin-bottom: 0px;
    }

    .item-mask p {
        text-transform: uppercase;
        font-size: 11px;
        letter-spacing: 1.5px;
        font-weight: 400;
        margin-top: 0;
        text-align: left;
    }

    .item-mask .item-caption {
        position: absolute;
        bottom: -60px;
        left: 0px;
        padding-left: 30px;
        padding-right: 30px;
        text-align: left;
        transition: all 0.5s ease-in-out 0s;
        -moz-transition: all 0.5s ease-in-out 0s;
        -webkit-transition: all 0.5s ease-in-out 0s;
        -o-transition: all 0.5s ease-in-out 0s;
        opacity: 0;
    }

.item-box .cbox-gallary1 {
    max-height: 217px;
}

    .item-box .cbox-gallary1 .item-container {
        height: 217px;
    }

.project-detail-block p {
    font-size: 12px;
    letter-spacing: 2px;
    text-transform: uppercase;
}

ul.project-detail-block, .project-detail-block ul {
    padding-left: 0;
}

.project-detail-block li {
    list-style: none;
}

.project-detail-block p strong {
    display: inline-block;
    width: 110px;
}

.item-nav {
    text-align: center;
    display: block;
    overflow: hidden;
}

    .item-nav .item-prev, .item-nav .item-next, .item-nav .item-all-view {
        position: relative;
        display: inline-block;
    }

        .item-nav .item-all-view h5, .item-nav .item-all-view h6 {
            transition: all 0.3s ease 0s;
            -moz-transition: all 0.3s ease 0s;
            -webkit-transition: all 0.3s ease 0s;
            -o-transition: all 0.3s ease 0s;
        }

            .item-nav .item-all-view h5:hover, .item-nav .item-all-view h6:hover {
                color: #e6ae49;
            }

        .item-nav .item-prev .prev-btn, .item-nav .item-next .next-btn, .item-all-view {
            display: inline-block;
            font-size: 25px;
            text-align: center;
            height: 51px;
            line-height: 51px;
            transition: all 0.3s ease 0s;
            -moz-transition: all 0.3s ease 0s;
            -webkit-transition: all 0.3s ease 0s;
            -o-transition: all 0.3s ease 0s;
        }

        .item-nav .item-prev .prev-btn, .item-nav .item-next .next-btn {
            color: #323232;
            background: #fff;
            width: 51px;
        }

        .item-nav .item-prev:hover .prev-btn, .item-nav .item-next:hover .next-btn {
            background: #f7f7f7;
            /*color: #fff;*/
        }

    .item-nav .item-prev {
        text-align: left;
        float: left;
    }

    .item-nav .item-next {
        text-align: right;
        float: right;
    }

        .item-nav .item-prev .item-prev-text, .item-nav .item-next .item-next-text {
            position: absolute;
            line-height: 51px;
            top: 10px;
            z-index: -1;
            visibility: hidden;
            opacity: 0;
            transition: all 0.3s ease-in-out 0s;
            -moz-transition: all 0.3s ease-in-out 0s;
            -webkit-transition: all 0.3s ease-in-out 0s;
            -o-transition: all 0.3s ease-in-out 0s;
            width: 150px;
        }

        .item-nav .item-prev:hover .item-prev-text, .item-nav .item-next:hover .item-next-text {
            margin-left: 0;
            margin-right: 0;
            visibility: visible;
            opacity: 1;
        }

    .item-nav .item-prev .item-prev-text {
        left: 100%;
        margin-left: -110px;
        padding-left: 15px;
    }

    .item-nav .item-next .item-next-text {
        right: 100%;
        margin-right: -110px;
        padding-right: 15px;
    }

        .item-nav .item-prev .item-prev-text p, .item-nav .item-prev .item-prev-text h5, .item-nav .item-prev .item-prev-text h6,
        .item-nav .item-next .item-next-text p, .item-nav .item-next .item-next-text h5, .item-nav .item-next .item-next-text h6 {
            margin-top: 0;
            margin-bottom: 0;
            padding-top: 0;
            padding-bottom: 0;
        }

        .item-nav .item-prev .item-prev-text h5, .item-nav .item-prev .item-prev-text h6,
        .item-nav .item-next .item-next-text h5, .item-nav .item-next .item-next-text h6,
        .item-nav .item-all-view h5, .item-nav .item-all-view h6 {
            padding-top: 8px;
        }

/* ----------------------------------------------------------------------*/
/* Blog   --------------------------------------------------------- */
/* ----------------------------------------------------------------------*/
/*.blog-post {
    position: relative;
}*/

.pagepodcast-header {
    background-image: url('../../images/sound-speaker-radio-microphone.png');
    background-size: cover;
    text-align: center;
    margin: 0;
    padding-top: 120px;
}

    .pagepodcast-header .container {
        padding-bottom: 25px;
    }

    .pagepodcast-header h1 {
        text-shadow: 2px 2px 2px #323232;
        color: #fff;
    }

    .pagepodcast-header a {
        color: #fff;
        text-decoration: underline;
    }

        .pagepodcast-header a:hover {
            color: #eaebed;
            text-shadow: 3px 3px 3px #323232;
            -webkit-transition: 350ms ease all;
            transition: 350ms ease all;
        }

.nav-menu.podcast-filter {
    z-index: 1000;
    height: 29px;
}

    .nav-menu.podcast-filter > ul,
    .nav-menu.podcast-filter > ul > li {
        height: 29px;
        padding-top: 4px;
    }

        .nav-menu.podcast-filter > ul > li > ul > li:hover {
            background-color: #545454;
            cursor: pointer;
        }

        .nav-menu.podcast-filter > ul > li > a {
            padding: 0 12px;
            color: #eaebed;
            line-height: 1;
        }

.nav-dropdown-sub.podcast-filter {
    left: 0;
    top: 25px;
    padding-left: 0;
    width: 100%;
    z-index: 1000;
}

    .nav-dropdown-sub.podcast-filter > li > a {
        color: #eaebed;
        font-size: 13px;
    }

.inner {
    text-align: center;
    display: inline-block;
}

.podcast-media .image {
    display: inline-block;
}

.podcast-media {
    margin-top: 5%;
    float: left;
}

.podcast-card {
    float: left;
    border: 1px solid #1a2b51;
    padding: 4px 4px 15px 4px;
    position: relative;
    overflow: hidden;
    margin: 25px 0px;
    box-shadow: 0px 2px 5px #d7d7d7;
    background-color: #fff;
    vertical-align: middle;
}

    .podcast-card .podcast-body {
        padding: 0 15px 5px;
        float: right;
        display: inline-block;
    }

input[id='addLikes'] {
    font-family: FontAwesome;
    color: red;
}

.blog-card {
    /*float: left;*/
    border: 1px solid #e5e5e5;
    padding: 4px 4px 15px 4px;
    position: relative;
    overflow: hidden;
    margin: 25px 0px;
    box-shadow: 0px 2px 5px #d7d7d7;
    background-color: #fff;
}

/*.blog-card:first-child {
        margin-top: 60px;
    }*/

.home .blog-card:first-child {
    margin-top: 20px;
}

.blog-card .blog-media {
    overflow: hidden;
}

.blog-card:hover .blog-media > img {
    -webkit-transition: 350ms ease all;
    transition: 350ms ease all;
}

.blog-card .posted-on {
    position: absolute;
    top: 20px;
    left: 20px;
    font-family: 'Maven Pro', sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    color: #333;
    border: 2px solid #ff9c00;
    background-color: #fff;
    z-index: 5;
}

    .blog-card .posted-on .date {
        font-size: 30px;
        color: #ff9c00;
        display: block;
        text-align: center;
    }

    .blog-card .posted-on .month {
        display: block;
        background-color: #1a2b51;
        padding: 4px 8px;
        color: #fff;
    }

.blog-card .blog-meta {
    font-family: 'Maven Pro', sans-serif;
    color: #cacaca;
    font-size: 13px;
    font-weight: 100;
    text-transform: uppercase;
    padding: 22px 15px 0px;
}

    .blog-card .blog-meta > a {
        color: #cacaca;
        border-bottom: 1px dashed #cacaca;
    }

        .blog-card .blog-meta > a:hover {
            text-decoration: none;
        }

.blog-card .blog-title h1,
.blog-card .blog-title h2,
.blog-card .blog-title h3,
.blog-card .blog-title h4,
.blog-card .blog-title h5,
.blog-card .blog-title h6 {
    font-weight: 600;
    -webkit-transition: 350ms ease all;
    transition: 350ms ease all;
}

.blog-card .blog-body {
    padding: 0 15px 5px;
    min-height: 23em;
    max-height: 37em;
}

    .blog-card .blog-body p {
        text-align: justify;
    }

    .blog-card .blog-body .btn {
        margin-top: 10px;
    }

.blog-card:hover .blog-media > img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-transform: rotateX(5deg);
    transform: rotateX(5deg);
}

.blog-card:hover .blog-media {
    -webkit-perspective: 150px;
    perspective: 150px;
}

.blog-title {
    text-shadow: #182A53 1px 1px 0px;
    font-size: 25px;
}

.blog-body .read-more {
    position: absolute;
    bottom: -15px;
    left: 0;
    width: 100%;
    text-align: center;
    margin: 0;
    padding: 31px 0;
    background-color: white;
}

.blog-body a:first-child {
    font-family: unset;
    font-size: unset;
}

.blog-post {
    display: inline-block;
    width: 100%;
}

    .blog-post .post-media {
        position: relative;
        overflow: hidden;
        margin-bottom: 25px;
        height: 300px;
        text-align: center;
    }

        .blog-post .post-media iframe {
            width: 100%;
        }

        .blog-post .post-media img,
        .blog-post .post-media .youtube {
            max-height: 300px;
        }

    .blog-post .post-meta, .comment-list .post-meta, .sidebar-widget .post-meta {
        text-transform: uppercase;
        color: #999;
        font-size: 13px;
    }

        .blog-post .post-meta span, .comment-list .post-meta span {
            margin-right: 3px;
        }

    .blog-post .post-header h5, .blog-post .post-header h4, .blog-post .post-header h3 {
        margin-top: 5px;
        margin-bottom: 20px;
    }

    .blog-post .post-header h2 {
        margin-bottom: 30px;
    }

    .blog-post .post-entry {
        margin-bottom: 30px;
    }

        .blog-post .post-entry p, .blog-post .post-entry blockquote, .post-entry ul {
            margin-bottom: 20px;
        }

        .blog-post .post-entry ul {
            color: #888;
        }

    .blog-post .post-tag {
        color: #999;
        text-transform: uppercase;
        font-size: 13px;
    }

        .blog-post .post-tag span {
            margin-right: 10px;
        }

    .blog-post .post-more-link {
        font-size: 11px;
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: 1px;
    }

        .blog-post .post-more-link a i {
            margin-left: 5px;
            transition: all 0.25s ease 0s;
            -o-transition: all 0.25s ease 0s;
            -moz-transition: all 0.25s ease 0s;
            -webkit-transition: all 0.25s ease 0s;
        }

        .blog-post .post-more-link a:hover i {
            margin-left: 10px;
        }

    .blog-post blockquote {
        border-left: none;
        background: #f7f7f7;
        font-size: 17px;
        font-weight: 400;
        padding: 25px 25px;
        margin: 0px;
        color: #888;
        font-weight: 300;
    }

        .blog-post blockquote:after {
            content: "";
            font-family: FontAwesome;
            padding-left: 7px;
            font-size: 12px;
        }

        .blog-post blockquote:before {
            content: "";
            font-family: FontAwesome;
            padding-right: 7px;
            font-size: 12px;
        }

.blog-post-hr hr {
    margin-bottom: 45px;
}

.post-author {
    display: inline-block;
    position: relative;
    margin-bottom: 40px;
}

    .post-author img {
        width: 80px;
    }

    .post-author .post-author-details {
        margin-left: 20px;
    }

    .post-author h6 {
        margin-top: 0px;
    }

    .post-author ul.social {
        margin: 0px;
        padding: 0px;
        font-size: 16px;
    }

        .post-author ul.social li {
            list-style: none;
            display: inline-block;
            margin: 0 5px;
        }

.blog-single {
    border: 1px solid #e5e5e5;
    padding: 4px 4px 15px 4px;
    position: relative;
    overflow: hidden;
    margin-top: 60px;
    box-shadow: 0px 2px 5px #d7d7d7;
    background-color: #fff;
}

    .blog-single .posted-on {
        position: absolute;
        top: 20px;
        left: 20px;
        font-family: 'Maven Pro', sans-serif;
        font-weight: 600;
        text-transform: uppercase;
        color: #333;
        border: 2px solid #ff9600;
        background-color: #fff;
        z-index: 5;
    }

        .blog-single .posted-on .date {
            font-size: 19px;
            color: #323232;
            display: block;
            text-align: center;
        }

        .blog-single .posted-on .month {
            display: block;
            background-color: #323232;
            padding: 4px 8px;
            color: #fff;
        }

    .blog-single .blog-meta {
        font-family: 'Montserrat', sans-serif;
        color: #cacaca;
        font-size: 13px;
        font-weight: 100;
        text-transform: uppercase;
        padding: 22px 15px 0px;
    }

        .blog-single .blog-meta > a {
            color: #cacaca;
            border-bottom: 1px dashed #cacaca;
        }

            .blog-single .blog-meta > a:hover {
                text-decoration: none;
            }

    .blog-single .blog-body h1,
    .blog-single .blog-body h2,
    .blog-single .blog-body h3,
    .blog-single .blog-body h4,
    .blog-single .blog-body h5,
    .blog-single .blog-body h6 {
        font-weight: 600;
        -webkit-transition: 350ms ease all;
        transition: 350ms ease all;
    }

    .blog-single .blog-body {
        padding: 0 15px 5px;
    }

        .blog-single .blog-body p {
            text-align: justify;
        }

        .blog-single .blog-body h2 {
            margin-bottom: 0.5em;
        }

.blog-author {
    margin-top: 50px;
    padding: 20px;
    background-color: #fff;
    box-shadow: 0px 2px 5px #d7d7d7;
    overflow: hidden;
    border: 1px solid #d7d7d7;
}

    .blog-author .author-meta .heading {
        margin-top: 8px;
    }

    .blog-author .author-meta p {
        color: #aeaeae;
        font-family: 'Montserrat', sans-serif;
        font-weight: 100;
    }

    .blog-author .author-media {
        float: left;
        margin-right: 20px;
        border-right: 1px dashed #d7d7d7;
        padding-right: 15px;
    }

        .blog-author .author-media .author-img {
            max-width: 150px;
            background-color: #f7f7f7;
            padding: 5px;
        }

.author-contact {
    clear: both;
    width: 100%;
    overflow: hidden;
    border-top: 1px dashed #d7d7d7;
    padding: 10px 10px 0 10px;
}

    .author-contact .social {
        margin-bottom: 0px;
    }

.download-widget {
    background-image: url('../../images/download.jpg');
    background-size: cover;
    filter: grayscale(.9);
}

    .download-widget:before {
        content: "";
        position: absolute;
        background-color: transparent;
        border: 2px solid #fff;
        height: 90%;
        width: 90%;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        z-index: -1;
    }

    .download-widget a {
        margin-bottom: 24px;
    }

.widget:first-child {
    margin-top: 60px;
}

.download-info {
    padding: 50px 10px;
    position: relative;
}

.blog-comments {
    background-color: #fff;
    padding: 20px;
    margin-top: 50px;
    box-shadow: 0px 2px 5px #d7d7d7;
    border: 1px solid #d7d7d7;
}

    .blog-comments h1,
    .blog-comments h2,
    .blog-comments h3,
    .blog-comments h4,
    .blog-comments h5,
    .blog-comments h6 {
        margin-top: 0;
    }

.comment-list {
    list-style: none;
    padding: 0;
}

    .comment-list .comment {
        overflow: hidden;
        padding: 20px 0 10px;
    }

        .comment-list .comment .comment-media {
            float: left;
            margin-right: 15px;
        }

            .comment-list .comment .comment-media img {
                max-width: 75px;
                background-color: #f7f7f7;
                border-radius: 50%;
                padding: 4px;
            }

        .comment-list .comment .who-said .date {
            color: #ff9c00;
        }

        .comment-list .comment .who-said {
            font-size: 16px;
        }

        .comment-list .comment .what-said {
            margin-top: 10px;
        }

        .comment-list .comment .comment-reply {
            margin-top: 10px;
            display: inline-block;
        }

    .comment-list .comment-list {
        margin-left: 40px;
        margin-top: 25px;
    }

.comment + .comment {
    border-top: 1px dashed #d7d7d7;
}

.write-comment {
    background-color: #fff;
    padding: 20px;
    border: 1px solid #d7d7d7;
    box-shadow: 0px 2px 5px #d7d7d7;
    margin-top: 50px;
    margin-bottom: 50px;
}

    .write-comment h1,
    .write-comment h2,
    .write-comment h3,
    .write-comment h4,
    .write-comment h5,
    .write-comment h6 {
        margin-top: 0;
    }

.post-comment {
}

    .post-comment .comment-numb {
        font-weight: 300;
    }

    .post-comment .comment-list {
        margin-left: 0px;
        padding-right: 0px;
        list-style: none;
        padding: 0px;
    }

        .post-comment .comment-list h6 {
            margin-top: 0px;
            margin-bottom: 3px;
        }

        .post-comment .comment-list li:first-child {
            padding-top: 0px;
        }

        .post-comment .comment-list li {
            padding-top: 15px;
        }

            .post-comment .comment-list li:last-child .comment-detail {
                border-bottom: 0px none;
            }

        .post-comment .comment-list li, .post-comment .comment-list .comment-reply {
            position: relative;
            padding-left: 65px;
        }

        .post-comment .comment-list .comment-detail {
            border-bottom: 1px dotted #eee;
            padding-bottom: 15px;
        }

        .post-comment .comment-list .comment-reply {
            padding-top: 20px;
        }

        .post-comment .comment-list .comment-reply-btn i {
            padding-right: 3px;
        }

    .post-comment .comment-avatar {
        left: 0;
        margin-right: 15px;
        position: absolute;
        width: 50px;
    }

        .post-comment .comment-avatar img {
            width: 100%;
        }

.post-comment-star .star-rat {
    display: inline-block;
}

.post-comment-star label {
    margin-right: 6px;
}
/*New Blog classes*/
.newBlogCard {
    border: 2px solid #d7d7d7;
    box-shadow: 0px 2px 5px #d7d7d7;
    background-color: #eaebed;
    min-height: 30em;
    max-height: 49em;
}

.newBlogCardTop {
    position: relative;
    min-height: 16.5em;
    max-height: 16.5em;
    overflow: hidden;
}

    .newBlogCardTop iframe {
        left: 50%;
        position: absolute;
        top: 50%;
        transform: translate(-50%, -50%);
    }

    .newBlogCardTop img {
        left: 50%;
        position: absolute;
        top: 50%;
        transform: translate(-50%, -50%);
    }

.newBlogCardBody {
    overflow: hidden;
    min-height: 20em;
    max-height: 27em;
}

.newBlogCardSpacer {
    min-height: 8em;
}

.newBlogSpacingBox {
    background-color: #d7d7d7;
    min-height: 100%;
    text-align: center;
}

.newBlogArchivesScroll {
    overflow: auto;
    overflow-y: hidden;
}

.newBlogArchiveContainer {
    background-color: #eaebed;
    border: 2px solid #d7d7d7;
    box-shadow: 0px 2px 5px #d7d7d7;
}

.newArchiveCardTop {
    position: relative;
    min-height: 16.5em;
    max-height: 16.5em;
    overflow: hidden;
}

    .newArchiveCardTop img {
        left: 50%;
        position: absolute;
        top: 50%;
        transform: translate(-50%, -50%);
    }

    .newArchiveCardTop iframe {
        left: 50%;
        position: absolute;
        top: 50%;
        transform: translate(-50%, -50%);
    }

.w100 {
    width: 100%;
}
/*END New Blog classes*/
/* End Blog Posts*/
/* ----------------------------------------------------------------------*/
/* Events   --------------------------------------------------------- */
/* ----------------------------------------------------------------------*/

.timer {
    list-style: none;
    padding: 0px;
}

    .timer > li {
        display: inline-block;
        text-align: center;
    }

.event {
    position: relative;
    margin-bottom: -10px;
    background-color: #eaebed;
}

.event-details {
    margin-left: 4rem;
    margin-right: 4rem;
}

    .event-details p {
        color: #1a2b51;
        font-size: 20px;
    }

.next-event {
    color: #1a2b51;
    font-size: 26px;
    text-align: center;
}

    .next-event .event-date {
        color: #ff9c00;
        font-size: 34px;
        line-height: 2.5rem;
    }

.event .timer {
    color: #1a2b51;
    font-size: 15px;
    float: right;
}

    .event .timer .days,
    .event .timer .hours,
    .event .timer .minutes,
    .event .timer .seconds {
        color: #ff9c00;
        font-size: 34px;
    }

.event-card {
    border: 1px solid #e5e5e5;
    padding: 4px 4px 14px 4px;
    position: relative;
    margin: 25px 0px;
}

    .event-card .event-link .fa {
        background-color: #ff9c00;
        color: #fff;
        height: 50px;
        width: 50px;
        line-height: 50px;
        text-align: center;
        font-size: 18px;
        border-radius: 50%;
    }

    .event-card .event-link .show-on-mobile {
        margin-top: 6px;
    }

    .event-card .event-on {
        position: absolute;
        top: 20px;
        left: 20px;
        font-family: 'Maven Pro', sans-serif;
        font-weight: 600;
        text-transform: uppercase;
        color: #333;
        border: 2px solid #ff9c00;
        background-color: #fff;
        z-index: 5;
    }

        .event-card .event-on .date {
            font-size: 26px;
            color: #323232;
            display: block;
            text-align: center;
        }

        .event-card .event-on .month {
            display: block;
            background-color: #323232;
            padding: 4px 8px;
            color: #fff;
        }

    .event-card .event-img {
        -webkit-transition: 350ms ease all;
        transition: 350ms ease all;
    }

.widget-search .event-img {
    max-width: 100%;
}

.event-card .event-link {
    position: absolute;
    left: 50%;
    top: 100%;
    z-index: 5;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    margin-top: -25px;
    -webkit-transition: 350ms ease all;
    transition: 350ms ease all;
}

.event-card .event-detail {
    text-align: center;
    margin-top: 40px;
}

    .event-card .event-detail h1,
    .event-card .event-detail h2,
    .event-card .event-detail h3,
    .event-card .event-detail h4,
    .event-card .event-detail h5,
    .event-card .event-detail h6 {
        margin-bottom: 10px;
        line-height: 21px;
    }

    .event-card .event-detail .brief {
        font-family: 'Maven Pro', sans-serif;
        color: #222;
        font-size: 19px;
        font-weight: 300;
    }

.event-card .next-event {
    color: #323232;
    font-size: 19px;
    margin-top: 14px;
}

    .event-card .next-event .event-date {
        color: #ff9c00;
        font-size: 36px;
    }

.event-card .timer {
    color: #323232;
    font-size: 19px;
    text-align: center;
    margin-top: 10px;
}

    .event-card .timer > li {
        width: 75px;
    }

    .event-card .timer .days,
    .event-card .timer .hours,
    .event-card .timer .minutes,
    .event-card .timer .seconds {
        font-size: 28px;
        margin-left: 10px;
        color: #ff9c00;
    }

.event-card:hover .event-img {
    -webkit-filter: grayscale(50%);
    filter: grayscale(50%);
    /*-webkit-transform: rotateX(5deg);
        transform: rotateX(5deg);*/
}

.event-card:hover {
    /*-webkit-perspective: 150px;
        perspective: 150px;
        */
}

    .event-card:hover .event-link {
        margin-top: -35px;
    }

.event-intro .social {
    margin-top: 25px;
}

.event-full {
    background-color: #f9f9f9;
    padding: 40px 30px 15px;
}

    .event-full .info {
        border-top: 1px dashed #d7d7d7;
        margin-bottom: 20px;
    }

        .event-full .info > div {
            padding: 12px 0px;
            border-bottom: 1px dashed #d7d7d7;
            font-family: 'Montserrat', sans-serif;
            font-size: 12px;
            color: #bababa;
            text-transform: uppercase;
        }

            .event-full .info > div:last-child {
                border: 0px;
            }

            .event-full .info > div > span {
                display: block;
            }

                .event-full .info > div > span:nth-child(2) {
                    color: #ff9c00;
                    font-size: 14px;
                    font-weight: 700;
                }

.event-facts .fact {
    padding: 20px;
    text-align: center;
}

    .event-facts .fact > .head {
        font-size: 20px;
        color: #1a2b51;
    }

        .event-facts .fact > .head > .count {
            color: #ff9c00;
            font-size: 36px;
            display: block;
        }

.event-intro .timer {
    color: #fff;
    font-size: 20px;
    text-align: center;
    margin-top: 10px;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-shadow: 0px 0px 20px #000;
}

    .event-intro .timer .days,
    .event-intro .timer .hours,
    .event-intro .timer .minutes,
    .event-intro .timer .seconds {
        font-size: 34px;
        margin-left: 8px;
        color: #ff9c00;
    }



/* ----------------------------------------------------------------------*/
/* Shop   --------------------------------------------------------- */
/* ----------------------------------------------------------------------*/
.shop-item {
    position: relative;
    overflow: hidden;
    text-align: center;
}

    .shop-item .item-mask .item-mask-detail {
        display: flex;
        display: -webkit-flex;
        height: 100%;
        width: 100%;
    }

        .shop-item .item-mask .item-mask-detail .item-mask-detail-ele {
            margin: auto auto;
        }

    .shop-item.dropshadow {
        overflow: visible;
    }

.item-img {
    display: block;
    position: relative;
    overflow: hidden;
}

.dropshadow .item-img {
    overflow: visible;
}

.item-img img.dropshadow {
    overflow: visible;
    transition: filter linear 0.5s;
}

    .item-img img.dropshadow:hover {
        filter: drop-shadow(9px 9px 4px #323232);
    }

.item-box.container {
    max-width: 300px;
}

@media only screen and (max-width: 768px) {
    .item-box.container {
        padding: .5rem;
    }
}

.shop-item-info {
    margin-top: 20px;
    text-align: center;
}

    .shop-item-info a:hover, .shop-item-info a:hover h5, .shop-item-info a:hover h6, .shop-item-name:hover {
        color: #e6ae49;
        transition: all 0.25s ease 0s;
        -moz-transition: all 0.25s ease 0s;
        -webkit-transition: all 0.25s ease 0s;
        -o-transition: all 0.25s ease 0s;
    }

    .shop-item-info .shop-item-name {
        margin-bottom: 5px;
    }

    .shop-item-info .shop-item-price {
        font-size: 18px;
        color: #888;
    }

        .shop-item-info .shop-item-price del, .shop-detail-info del, .sidebar-widget del {
            margin-right: 10px;
            color: #bbb;
            font-weight: 400;
        }

.shop-filter {
    display: inline-table;
    width: 100%;
}

/* Shop Detail*/
.shop-detail-item {
    position: relative;
}

.shop-detail-info h4 {
    line-height: 26px;
}

.shop-detail-info .shop-item-price {
    font-size: 20px;
    color: #e6ae49;
    font-weight: 600;
}

.shop-Cart-totalbox {
    max-width: 450px;
}

.shop-Cart-totalprice {
    font-size: 18px;
}

#shop-item .item-mask {
    border-radius: 50%;
}

/* =============================================================================================================================*/
/* Parallax ------------------- */
/* =============================================================================================================================*/
.parallax {
    position: relative;
}


/* ============================================================================================================================*/
/* Slider ---------------------*/
/* ============================================================================================================================*/

/* -------------------------------------*/
/* Full Screen slider---------*/
/* -------------------------------------*/
.hero {
    overflow: hidden;
    position: relative;
    width: 100%;
}

.fullscreen-carousel {
    overflow: hidden;
    position: relative;
}



    .fullscreen-carousel .slides li {
        overflow: hidden;
        position: relative;
        height: 100%;
    }



    .fullscreen-carousel .overlay-hero {
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
        left: 0;
        text-align: center;
    }

        .fullscreen-carousel .overlay-hero .caption-hero {
            display: inline-table;
            height: 100%;
            margin: 0 auto;
            position: relative;
            padding: 0px;
            margin: 0px;
        }

            .fullscreen-carousel .overlay-hero .caption-hero .inner-caption {
                display: table-cell;
                margin: auto;
                vertical-align: middle;
                padding-left: 25px;
                padding-right: 25px;
            }

.caption-hero h1 {
    margin-top: 15px;
    margin-bottom: 15px;
}

.rev_slider_wrapper {
    overflow: hidden !important;
}

.card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 0.25rem;
}

.card-body-faq {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}

@media (max-width: 767px) {
    .mb-mobile-awards {
        margin-bottom: -25px;
    }

    .mb-awards {
        margin-bottom: 0px;
    }

    .mbt-best-biz {
        margin-bottom: 0px;
        margin-top: 10px;
    }
}

#homeFadeInVideoContainer {
    z-index: 1000;
    background-color: rgba(0,0,0,.91);
    display: none;
    left: 0;
    top: -100px;
    right: 0;
    bottom: 0;
    position: fixed;
}

    #homeFadeInVideoContainer button.close {
        position: fixed;
        top: 15%;
        right: 2%;
        font-size: 3rem;
        color: #fff;
    }

@media (max-width: 767px) {
    #homeFadeInVideo {
        margin-top: 50%;
    }
}

.youtube-centered {
    width: 560px; /* you have to have a size or this method doesn't work */
    height: 315px; /* think about making these max-width instead - might give you some more responsiveness */
    position: absolute; /* positions out of the flow, but according to the nearest parent */
    top: 0;
    right: 0; /* confuse it i guess */
    bottom: 100px;
    left: 0;
    margin: auto; /* make em equal */
}

/* Full Width Slider */
.fullwidth-slider {
    position: relative;
    overflow: hidden;
}

    .fullwidth-slider .item {
        height: 650px;
        position: relative;
        width: 100%;
    }


/* Fullscreen Slider Next Prev Arrow*/


.fullscreen-carousel .flex-direction-nav a {
    position: absolute;
    top: 50%;
    display: inline-block;
    margin-top: -30px;
    background: #fff;
    color: #252525;
    width: 51px;
    height: 51px;
    text-align: center;
    font-family: 'FontAwesome';
    color: #323232;
    transition: all 0.25s ease 0s;
    -moz-transition: all 0.25s ease 0s;
    -webkit-transition: all 0.25s ease 0s;
    -o-transition: all 0.25s ease 0s;
    font-size: 21px;
    line-height: 51px;
}

    .fullscreen-carousel .flex-direction-nav a:hover {
        color: #e6ae49;
    }

.flexslider.fullscreen-carousel:hover .flex-prev {
    left: 0px;
    opacity: 1;
}

.fullscreen-carousel .flex-direction-nav .flex-prev {
    left: -51px;
    background-position: center left;
}

    .fullscreen-carousel .flex-direction-nav .flex-prev:before {
        content: "";
        display: inline-block;
    }

button.close .flexslider.fullscreen-carousel:hover .flex-next {
    right: 0px;
    opacity: 1;
}

.fullscreen-carousel .flex-direction-nav .flex-next {
    right: -51px;
    background-position: center right;
}

    .fullscreen-carousel .flex-direction-nav .flex-next:before {
        content: "";
        display: inline-block;
    }

@media (max-width: 991px) {

    /* Fullscreen Slider */
    .fullscreen-carousel .slides li img {
        width: 100%;
        height: 100%;
    }

    .fullscreen-carousel .caption-hero h1 {
        font-size: 25px;
    }

    .fullscreen-carousel .overlay-hero .caption-hero {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media (max-width: 767px) {

    /* Fullscreen Slider */
    .fullscreen-carousel .caption-hero h1 {
        font-size: 20px;
        margin: 0;
    }

    .fullscreen-carousel .caption-hero h5 {
        margin: 0;
        font-size: 12px;
    }

    .fullscreen-carousel .caption-hero .separator {
        margin-left: auto;
        margin-right: auto;
    }

    .fullscreen-carousel .text-left {
        text-align: center;
    }

    .fullscreen-carousel.hero-slider-2 .slides li {
        height: 400px;
    }

    .full-intro .hero {
        /*padding-top: 64px;*/
    }

    .hero {
        padding: 0px;
    }
}

@media (max-width: 480px) {
    .fullscreen-carousel .overlay-hero .caption-hero .inner-caption {
        padding-left: 15px;
        padding-right: 15px;
    }
}

/* -------------------------------------*/
/* Carousel-Theme (Slider Elements - Bullets, Pagination, etc..) ---------*/
/* -------------------------------------*/
.owl-buttons {
    position: static;
}

.owl-carousel.white .owl-controls .owl-page span {
    background: none repeat scroll 0 0 #fff;
}

.owl-carousel.white .owl-controls .owl-page.active span {
    background: rgba(0, 0, 0, 0);
    border: 2px solid #fff;
}

/*CAROUSEL*/
.partners .item {
    margin: 0 25px;
}

    .partners .item img {
        display: block;
        width: 100%;
        height: auto;
    }

.slider .item img {
    display: block;
    width: 100%;
    height: auto;
}

.nf-carousel-theme {
}

    .nf-carousel-theme .owl-controls .owl-pagination {
        position: absolute;
        z-index: 2;
        left: 0;
        text-align: center;
        width: 100%;
        margin-top: 5px;
    }

    .nf-carousel-theme .owl-controls .owl-buttons .owl-prev,
    .nf-carousel-theme .owl-controls .owl-buttons .owl-next {
        width: 31px;
        height: 31px;
        line-height: 31px;
        font-size: 16px;
        margin-top: -15px;
    }

    .content-carousel .owl-controls .owl-buttons .owl-prev,
    .content-carousel .owl-controls .owl-buttons .owl-next,
    .image-slider .owl-controls .owl-buttons .owl-prev,
    .image-slider .owl-controls .owl-buttons .owl-next,
    .fullwidth-slider .owl-controls .owl-buttons .owl-prev,
    .fullwidth-slider .owl-controls .owl-buttons .owl-next,
    .nf-carousel-theme .owl-controls .owl-buttons .owl-prev,
    .nf-carousel-theme .owl-controls .owl-buttons .owl-next {
        background: rgba(245,245,245,0.8);
        color: #252525;
        display: block;
        top: 50%;
        transition: all 0.25s ease 0s;
        -o-transition: all 0.25s ease 0s;
        -moz-transition: all 0.25s ease 0s;
        -webkit-transition: all 0.25s ease 0s;
        z-index: 3;
        position: absolute;
        text-align: center;
    }

        .content-carousel .owl-controls .owl-buttons .owl-prev:hover,
        .content-carousel .owl-controls .owl-buttons .owl-next:hover,
        .image-slider .owl-controls .owl-buttons .owl-prev:hover,
        .image-slider .owl-controls .owl-buttons .owl-next:hover,
        .fullwidth-slider .owl-controls .owl-buttons .owl-prev:hover,
        .fullwidth-slider .owl-controls .owl-buttons .owl-next:hover,
        .nf-carousel-theme .owl-controls .owl-buttons .owl-prev:hover,
        .nf-carousel-theme .owl-controls .owl-buttons .owl-next:hover {
            /*background: #fff;*/
            color: #e6ae49;
        }

    .content-carousel .owl-controls .owl-buttons .owl-next,
    .image-slider .owl-controls .owl-buttons .owl-next,
    .fullwidth-slider .owl-controls .owl-buttons .owl-next,
    .nf-carousel-theme .owl-controls .owl-buttons .owl-next {
        right: 0;
    }

    .nf-carousel-theme .owl-controls .owl-buttons .owl-prev {
        left: 0;
        margin-left: -51px;
        opacity: 0;
    }

    .nf-carousel-theme .owl-controls .owl-buttons .owl-next {
        right: 0;
        margin-right: -51px;
        opacity: 0;
    }

    .content-carousel:hover .owl-controls .owl-buttons .owl-prev,
    .content-carousel:hover .owl-controls .owl-buttons .owl-next,
    .image-slider:hover .owl-controls .owl-buttons .owl-prev,
    .image-slider:hover .owl-controls .owl-buttons .owl-next,
    .fullwidth-slider:hover .owl-controls .owl-buttons .owl-prev,
    .fullwidth-slider:hover .owl-controls .owl-buttons .owl-next,
    .nf-carousel-theme:hover .owl-controls .owl-buttons .owl-prev,
    .nf-carousel-theme:hover .owl-controls .owl-buttons .owl-next {
        margin-right: 0;
        margin-left: 0;
        opacity: 1;
    }


/* -------------------------------------*/
/* Singel Item slider (Images & Contant Slider) ---------*/
/* -------------------------------------*/
.content-carousel .owl-controls .owl-pagination,
.image-slider .owl-controls .owl-pagination,
.fullwidth-slider .owl-controls .owl-pagination,
.item1-carousel .owl-controls .owl-pagination {
    position: absolute;
    bottom: 0;
    z-index: 2;
    bottom: 15px;
    left: 0;
    text-align: center;
    width: 100%;
}

.content-carousel .owl-controls .owl-buttons .owl-prev,
.content-carousel .owl-controls .owl-buttons .owl-next,
.image-slider .owl-controls .owl-buttons .owl-prev,
.image-slider .owl-controls .owl-buttons .owl-next,
.fullwidth-slider .owl-controls .owl-buttons .owl-prev,
.fullwidth-slider .owl-controls .owl-buttons .owl-next {
    width: 51px;
    height: 51px;
    line-height: 51px;
    font-size: 21px;
    margin-top: -25px;
}

.content-carousel .owl-controls .owl-buttons .owl-prev,
.image-slider .owl-controls .owl-buttons .owl-prev,
.fullwidth-slider .owl-controls .owl-buttons .owl-prev {
    left: 0;
    margin-left: -51px;
    opacity: 0;
}

.content-carousel .owl-controls .owl-buttons .owl-next,
.image-slider .owl-controls .owl-buttons .owl-next,
.fullwidth-slider .owl-controls .owl-buttons .owl-next {
    right: 0;
    margin-right: -51px;
    opacity: 0;
}

/*===========================================================================================*/
/* Preloader ------------------------- */
/*===========================================================================================*/

#preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(255,255,255,1);
    z-index: 99999;
    display: block;
}

    #preloader .loader {
        width: 50px;
        height: 50px;
        position: absolute;
        left: 50%;
        top: 50%;
        /*margin: -30px 0 0 -30px;*/
        align-content: center;
    }

        #preloader .loader .loader-img {
            background: url("../../images/test-images/img/loading.GIF");
            width: 60px;
            height: 60px;
            display: block;
        }


/*===========================================================================================*/
/* Additional */
/*===========================================================================================*/

/* ----------------------------------*/
/* Scroll Down Animated Arrow */
/* ----------------------------------*/
.intro-scroll-down {
    position: absolute;
    z-index: 1;
    bottom: 30px;
    left: 50%;
    margin-left: -15px;
}

    .intro-scroll-down .mouse {
        position: relative;
        display: block;
        width: 30px;
        height: 45px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        border: 2px solid #fff;
        border-radius: 23px;
        -moz-border-radius: 23px;
        -webkit-border-radius: 23px;
    }

        .intro-scroll-down .mouse .mouse-dot {
            position: absolute;
            display: block;
            top: 29%;
            left: 50%;
            width: 6px;
            height: 6px;
            margin: -3px 0 0 -3px;
            background: #fff;
            border-radius: 50%;
            -moz-border-radius: 50%;
            -webkit-border-radius: 50%;
            -webkit-animation: ani-mouse 2.5s linear infinite;
            -moz-animation: ani-mouse 2.5s linear infinite;
            animation: ani-mouse 2.5s linear infinite;
        }

.background--light .intro-scroll-down .mouse {
    border: 2px solid #323232;
}

    .background--light .intro-scroll-down .mouse .mouse-dot {
        background: #323232;
    }

@-webkit-keyframes ani-mouse {
    0% {
        opacity: 1;
        top: 29%;
    }

    15% {
        opacity: 1;
        top: 50%;
    }

    50% {
        opacity: 0;
        top: 50%;
    }

    100% {
        opacity: 0;
        top: 29%;
    }
}

@-moz-keyframes ani-mouse {
    0% {
        opacity: 1;
        top: 29%;
    }

    15% {
        opacity: 1;
        top: 50%;
    }

    50% {
        opacity: 0;
        top: 50%;
    }

    100% {
        opacity: 0;
        top: 29%;
    }
}

@keyframes ani-mouse {
    0% {
        opacity: 1;
        top: 29%;
    }

    15% {
        opacity: 1;
        top: 50%;
    }

    50% {
        opacity: 0;
        top: 50%;
    }

    100% {
        opacity: 0;
        top: 29%;
    }
}

/* ----------------------------------*/
/* Scroll Top Arrow */
/* ----------------------------------*/
.scroll-top {
    width: 40px;
    height: 40px;
    line-height: 40px;
    position: fixed;
    bottom: 80px;
    right: 20px;
    text-align: center;
    font-size: 20px;
    background: #323232;
    background: #ff9600;
    color: #fff;
    z-index: 99;
    display: none;
    transition: none;
    -o-transition: none;
    -moz-transition: none;
    -webkit-transition: none;
    opacity: 0.9;
}

    .scroll-top:hover {
        background: #142953;
        text-decoration: none;
        color: #fff;
        opacity: 1;
    }



.contact-us {
    height: 40px;
    width: 40px;
    line-height: 40px;
    position: fixed;
    bottom: 35px;
    right: 20px;
    text-align: center;
    background: #323232;
    background: #ff9600;
    color: #fff;
    z-index: 99;
    display: none;
    transition: none;
    -o-transition: none;
    -moz-transition: none;
    -webkit-transition: none;
    opacity: 0.9;
    padding: 0 0 0 5px;
    overflow: hidden;
}

    .contact-us:hover {
        background: #142953;
        text-decoration: none;
        color: #fff;
        padding-right: 137px;
        opacity: 1;
    }

@media (max-width: 768px) {
    .scroll-top {
        /*opacity: 0;
        visibility: hidden;*/
        width: 30px;
        height: 30px;
        line-height: 30px;
        bottom: 60px;
        right: 10px;
    }

    .contact-us {
        height: 30px;
        width: 30px;
        bottom: 25px;
        right: 10px;
        line-height: 30px;
    }
}

.slide-text {
    position: absolute;
    width: auto;
    height: 0px;
    overflow: hidden;
    transition: height 0.4s linear;
    padding-left: 36px;
}

.contact-us:hover .slide-text {
    height: 30px;
}

.contact-us:hover i {
    padding-left: 10px;
}

/* Banner animation */

.cta-dark-full {
    background-image: url('../../images/readyToBegin.jpg');
    overflow: hidden;
    padding: 70px 0;
    background-position: center center;
    background-size: cover;
}

    .cta-dark-full h1,
    .cta-dark-full h2,
    .cta-dark-full h3,
    .cta-dark-full h4,
    .cta-dark-full h5,
    .cta-dark-full h6 {
        color: #fff;
        margin: 0;
        text-shadow: 0px 2px 5px #000;
        font-weight: 400;
        letter-spacing: 1px;
        word-spacing: 3px;
        -webkit-transition: 1s ease all;
        transition: 1s ease all;
    }

    .cta-dark-full:hover h1,
    .cta-dark-full:hover h2,
    .cta-dark-full:hover h3,
    .cta-dark-full:hover h4,
    .cta-dark-full:hover h5,
    .cta-dark-full:hover h6 {
        word-spacing: 10px;
        letter-spacing: 2px;
    }

    .cta-dark-full h1:after,
    .cta-dark-full h2:after,
    .cta-dark-full h3:after,
    .cta-dark-full h4:after,
    .cta-dark-full h5:after,
    .cta-dark-full h6:after {
        content: "";
    }

    .cta-dark-full.cta-anim .text {
        color: #ff9c00
    }

.cta-light-full.cta-anim .text {
    color: #1a2b51;
}

.cta-light-full {
    background-image: url('../../images/readyToBegin.jpg');
    overflow: hidden;
    padding: 70px 0;
    background-position: center center;
    background-size: cover;
    /*background: rgba(0, 0, 0, .6);
    color: #FFF;*/
}

    .cta-light-full h1,
    .cta-light-full h2,
    .cta-light-full h3,
    .cta-light-full h4,
    .cta-light-full h5,
    .cta-light-full h6 {
        color: #eaebed;
        margin: 0;
        font-weight: 400;
        text-shadow: 1px 1px 1px #1a2b51;
        letter-spacing: 1px;
        word-spacing: 3px;
        -webkit-transition: 1s ease all;
        transition: 1s ease all;
    }

    .cta-light-full:hover h1,
    .cta-light-full:hover h2,
    .cta-light-full:hover h3,
    .cta-light-full:hover h4,
    .cta-light-full:hover h5,
    .cta-light-full:hover h6 {
        word-spacing: 10px;
        letter-spacing: 2px;
    }

    .cta-light-full h1:after,
    .cta-light-full h2:after,
    .cta-light-full h3:after,
    .cta-light-full h4:after,
    .cta-light-full h5:after,
    .cta-light-full h6:after {
        content: "";
    }

.cta-anim .text {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 50px;
    font-family: 'Maven Pro', sans-serif;
    text-transform: uppercase;
    text-shadow: 0px 2px 2px #000;
    font-weight: 400;
    visibility: visible;
    opacity: 1;
    -webkit-transition: 350ms ease all;
    transition: 350ms ease all;
}

.cta-anim:hover .text {
    visibility: hidden;
    opacity: 0;
    top: -100%;
}

.cta-anim h1,
.cta-anim h2,
.cta-anim h3,
.cta-anim h4,
.cta-anim h5,
.cta-anim h6 {
    visibility: hidden;
    opacity: 0;
}

.cta-anim .btn,
.cta-anim .btn,
.cta-anim .btn,
.cta-anim .btn,
.cta-anim .btn,
.cta-anim .btn {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: 1s ease all;
    transition: 1s ease all;
}

.cta-anim:hover h1,
.cta-anim:hover h2,
.cta-anim:hover h3,
.cta-anim:hover h4,
.cta-anim:hover h5,
.cta-anim:hover h6 {
    visibility: visible;
    opacity: 1;
}

.cta-anim:hover .btn,
.cta-anim:hover .btn,
.cta-anim:hover .btn,
.cta-anim:hover .btn,
.cta-anim:hover .btn,
.cta-anim:hover .btn {
    visibility: visible;
    opacity: 1;
}

/*===========================================================================================*/
/* SPA (Single Page Application) / LMS Styling */
/*===========================================================================================*/

/* ----------------------------------*/
/* Nav Bars */
/* ----------------------------------*/
.navbar-fixed-left {
    width: 140px;
    position: fixed;
    border-radius: 0;
    height: 100%;
}

.spaNavigationBar {
    background-color: #323232;
    border: none;
    width: 155px;
    z-index: 11;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -o-transition: .5s;
}

    .spaNavigationBar .navbar-brand {
        width: 100%;
        height: 4rem;
        background-color: #eaebed;
    }

    .spaNavigationBar ul {
        width: 100%;
        margin: 0;
    }

.future-class {
    opacity: 0.2 !important;
}

.spaNavigationBar .dashboardListAction {
    width: 100% !important;
    border: none;
    padding-top: 1em;
    padding-left: 0.75rem;
    padding-right: 0.5rem;
    padding-bottom: 1em;
    cursor: pointer;
    color: #ff9c00;
    font-size: 19px;
    overflow: hidden;
    white-space: nowrap;
    font-weight: 400;
    font-family: 'Maven Pro', sans-serif;
}

    .spaNavigationBar .dashboardListAction:hover {
        color: #fff;
        background-color: #494949;
    }

.spaNavigationBar .navbar-nav a {
    width: 100%;
}

.spaNavigationBar .dashboardListAction span {
    z-index: auto;
}

.navbar {
    display: block;
    padding: 0;
}

.navbar-brand {
    padding: 3px;
    margin-right: 0;
}

    .navbar-brand img {
        max-width: 90%;
    }

.navbar-inverse .navbar-brand {
    color: #e4eaec;
}

.topBar {
    position: fixed;
    z-index: 11;
    height: 4rem;
    background-color: #eaebed;
    width: calc(100% - 155px);
    left: 155px;
    transition: .5s;
    -webkit-transition: .5s;
    -o-transition: .5s;
    -moz-transition: .5s;
}

    .topBar .fa-bars {
        font-size: 2.2em;
        margin-right: auto;
        padding-top: .1em;
        padding-left: .1em;
        padding-right: .1em;
        padding-bottom: .1em;
        margin-top: .35em;
        margin-left: .4em;
        cursor: pointer;
    }

        .topBar .fa-bars:hover {
            color: #ff9c00;
        }

    .topBar .spaLogOff {
        position: absolute;
        right: 0;
        height: 100%;
        font-size: 1.4em;
        color: #eaebed;
        width: 9em;
        text-align: center;
        background-color: #323232;
        font-weight: 600;
    }

        .topBar .spaLogOff span {
            vertical-align: -1.1em;
        }

        .topBar .spaLogOff:hover {
            color: #ff9c00;
        }

.spaMainDisplayContainer #spaMessagingInbox {
    position: fixed;
    width: inherit;
    height: calc(100vh - 4rem);
    z-index: 10;
    background-color: #fefefe;
    margin-left: 0;
}

#RawHTML-container {
    text-align: justify;
}

.avatar {
    width: 55px;
    height: 55px;
    float: right;
    margin-top: 4px;
    margin-right: 180px;
}

    .avatar img {
        width: 55px;
        height: 55px;
        border: 1px solid #142953;
        border-radius: 50%;
    }

@media (max-width: 767px) {
    .spaNavigationBar {
        width: 23px;
    }

        .spaNavigationBar .dashboardListAction {
            padding-left: 0.2rem;
        }

    .topBar {
        width: calc(100% - 23px);
        left: 23px;
    }

        .topBar .spaLogOff {
            width: 5rem;
        }

    .spaMainDisplayContainer.scMainDisplayContainer {
        width: calc(100% - 23px);
        left: 23px;
    }
}

/* ----------------------------------*/
/* Paging and Pagination */
/* ----------------------------------*/

.page-sec {
    background-color: #fff;
    position: relative;
    font-family: 'Maven Pro', sans-serif;
    color: #323232;
    border-radius: 2px;
    padding: 9px 20px;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    overflow: visible;
    -webkit-transition: 350ms ease all;
    transition: 350ms ease all;
    z-index: 2;
    display: inline-block;
    margin-bottom: 0;
    text-align: center;
    vertical-align: middle;
    background-image: none;
    border: 2px solid #323232;
    white-space: nowrap;
    line-height: 1.52857;
    user-select: none;
}

.page-sec-sm {
    font-size: 12px;
    padding: 9px 20px;
}

.page {
    margin-top: 12px;
    margin-bottom: 12px;
    float: left;
}

/* ----------------------------------*/
/* Main Display Container */
/* ----------------------------------*/

.spaMainDisplayContainer {
    position: absolute;
    left: 155px;
    overflow-x: hidden;
    overflow-y: auto;
    width: calc(100% - 155px);
    top: 4rem;
    transition: .5s;
    -webkit-transition: .5s;
    -o-transition: .5s;
    -moz-transition: .5s;
}

    .spaMainDisplayContainer h1,
    .spaMainDisplayContainer h4 {
        margin-top: 10.5px;
        margin-bottom: 10.5px;
    }

    .spaMainDisplayContainer h3:after {
        content: none;
    }

    .spaMainDisplayContainer .row {
        display: block;
    }

    .spaMainDisplayContainer .form-row {
        display: flex !important;
        margin: 15px;
    }

    .spaMainDisplayContainer p {
        line-height: 1.75em;
    }

.col-xs-12 {
    min-height: 0px;
    width: 100%;
    float: left;
    position: relative;
    padding-left: 15px;
    padding-right: 15px;
}

.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.loader-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 999999;
    background-color: #fff;
}

.loader {
    width: 60px;
    height: 60px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: url("../../images/test-images/img/loading.GIF");
    z-index: 9999;
}

.ball-1, .ball-2 {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #ff9c00;
    opacity: 0.6;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-animation: bounce 2.0s infinite ease-in-out;
    animation: bounce 2.0s infinite ease-in-out;
}

.ball-2 {
    -webkit-animation-delay: -1.0s;
    animation-delay: -1.0s;
}

@-webkit-keyframes bounce {
    0%, 100% {
        -webkit-transform: scale(0.0)
    }

    50% {
        -webkit-transform: scale(1.0)
    }
}

@keyframes bounce {
    0%, 100% {
        transform: scale(0.0);
        -webkit-transform: scale(0.0);
    }

    50% {
        transform: scale(1.0);
        -webkit-transform: scale(1.0);
    }
}

.spaMainDisplayContainer .loader {
    position: fixed;
    color: #323232;
    font-size: 24px;
    margin-top: -.5em;
    margin-left: -.5em;
    left: 50%;
    top: 50%;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    text-indent: -9999em;
    -webkit-animation: load4 1.3s infinite linear;
    animation: load4 1.3s infinite linear;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
}

@keyframes spaLoaderFadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-webkit-keyframes load4 {
    0%, 100% {
        box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0;
    }

    12.5% {
        box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
    }

    25% {
        box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
    }

    37.5% {
        box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em;
    }

    50% {
        box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em;
    }

    62.5% {
        box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em;
    }

    75% {
        box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0;
    }

    87.5% {
        box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em;
    }
}

@keyframes load4 {
    0%, 100% {
        box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0;
    }

    12.5% {
        box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
    }

    25% {
        box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
    }

    37.5% {
        box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em;
    }

    50% {
        box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em;
    }

    62.5% {
        box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em;
    }

    75% {
        box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0;
    }

    87.5% {
        box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em;
    }
}

/* ----------------------------------*/
/* Course Dashboard */
/* ----------------------------------*/

/*Area course-box*/
.Course-box {
    border: 1px solid #f1f1f1;
    text-align: center;
}

    .Course-box.highlight {
        background: #bcbec2;
        border: 1px solid #ddd;
        height: 100%;
    }

        .Course-box.highlight hr {
            border-color: #ddd;
        }

    .Course-box .pricing-features {
        font-size: 13px;
        /*text-transform: uppercase;*/
        font-weight: 600;
    }

/*end Area course-box*/

.course-list {
    float: left;
    border: 1px solid #e5e5e5;
    padding: 4px;
    overflow: hidden;
    position: relative;
    margin: 25px 0px;
}

.spaMainDisplayContainer .spaCourseBox {
    margin-top: 25px;
    border: none;
    margin-bottom: 1rem;
}

.course-list {
    float: left;
    border: 1px solid #e5e5e5;
    padding: 4px;
    overflow: hidden;
    position: relative;
    margin: 25px 0px;
}

    .course-list .course-detail {
        float: left;
        margin-left: 2%;
        padding: 15px 10px 10px;
    }

    .course-list:first-child {
        margin-top: 60px;
    }

    .course-list .course-media {
        overflow: hidden;
        width: 100%;
        float: left;
    }

        .course-list .course-media .course-img {
            -webkit-transition: 350ms ease all;
            transition: 350ms ease all;
        }

    .course-list:hover .course-media .course-img {
        -webkit-filter: grayscale(100%);
        filter: grayscale(100%);
        -webkit-transform: rotateX(5deg);
        transform: rotateX(5deg);
    }

    .course-list:hover .course-media {
        -webkit-perspective: 150px;
        perspective: 150px;
    }

    .course-list.new:before {
        content: "By Phone";
        font-family: 'Maven Pro', sans-serif;
        position: absolute;
        right: 10px;
        width: 80px;
        height: 45px;
        top: 0px;
        color: #fff;
        background-color: #ff9c00;
        padding: 25px 5px 5px 5px;
        font-size: 12px;
        text-align: center;
        z-index: 2;
    }

    .course-list.new:after {
        content: "";
        position: absolute;
        top: 45px;
        right: 10px;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 12px 40px 0 40px;
        border-color: #ff9d00 transparent transparent transparent;
        z-index: 2;
    }

    .course-list .course-detail .course-features {
        padding: 0px;
    }

        .course-list .course-detail .course-features > li {
            display: inline-block;
            padding: 4px 8px;
            margin: 0 4px;
            font-family: 'Maven Pro', sans-serif;
            border: 1px dashed #cacaca;
            border-radius: 50px;
            text-transform: uppercase;
            font-weight: 600;
            font-size: 13px;
        }

.fa-map-marker, .fa-clock-o {
    color: #ff9c00;
    font-weight: 600;
}

@media only screen and (min-width:480px) {
    .xs-center {
        display: initial;
    }

    .course-list .course-media {
        width: 29.5%;
    }

    .course-list .course-detail {
        width: 68%;
    }

    .course-full .personal > div:first-child {
        padding-left: 0px;
    }

    .course-full .personal > div {
        width: auto;
        border-bottom: 0px;
        border-right: 1px dashed #d7d7d7;
    }
}

/* ----------------------------------*/
/* Progress Bar */
/* ----------------------------------*/

#progress .progress {
    border: 1px solid silver;
    /*width: 80%;*/
    margin: auto auto 2px;
    padding: 0px;
    /* background-color: gray; */
    height: 24px;
    border-radius: 5px;
}

.progress-container .progress {
    border: 2px solid #ff9c00;
    border-radius: 0;
    padding: 4px;
    margin-bottom: 10px;
}

.progress-container h3 {
    margin-top: 20px;
    margin-bottom: 10px;
}

.progress-container h3,
.progress-container h5 {
    text-transform: unset;
    font-weight: 400;
    letter-spacing: 0px;
}

.progress {
    height: 40px;
    background-color: transparent;
    border-radius: 0;
    box-shadow: none;
    padding: 4px;
    overflow: hidden;
    display: block;
    font-size: 18px;
    font-weight: 600;
}

    .progress.active .progress-bar, .progress-bar.active {
        -webkit-animation: progress-bar-stripes 2s linear infinite;
        -o-animation: progress-bar-stripes 2s linear infinite;
        animation: progress-bar-stripes 2s linear infinite;
    }

#progress h3:after {
    content: none;
}

#progress h6 {
    font-size: 19px;
    text-transform: unset;
    font-weight: 400;
    letter-spacing: 0;
    text-align: center;
    font-family: 'Maven Pro',sans-serif;
}

.progress-bar {
    height: 100%;
    color: #fff;
    box-shadow: inset 0 -1px 0 rgba(0,0,0,0.15);
    text-align: center;
    font-size: 16px;
    font-family: 'Maven Pro', sans-serif;
    line-height: 27px;
    display: block;
    flex-direction: unset;
    float: left;
}

.progress-bar-striped {
    background-size: 40px 40px;
}

.progress-bar-info {
    background-color: #339ACE;
}

.progress-bar-success {
    background-color: #44B144;
}

.progress-bar-danger {
    background-color: #D23F37;
}

.progress-bar-title {
    position: absolute;
    text-align: center;
    /*line-height: 20px; /* line-height should be equal to bar height */
    overflow: hidden;
    color: #fff;
    right: 0;
    left: 0;
    top: 0;
}

/* ----------------------------------*/
/* Student Inbox */
/* ----------------------------------*/

.nav-tabs {
    border: 0;
    border-bottom: 1px dashed #d7d7d7;
}

    .nav-tabs > li {
        border-right: 1px dashed #d7d7d7;
        position: relative;
        float: none;
        margin-bottom: -2px;
    }

        .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
            background-color: #ff9c00;
            color: #fff;
            border: 1px solid #ff9c00;
        }

        .nav-tabs > li > a {
            border-radius: 0;
            border-bottom: 0;
            font-family: 'Maven Pro', sans-serif;
            background-color: #eaebed;
            text-transform: uppercase;
            font-size: 15px;
            padding: 10px 30px;
            margin: 0;
            color: #1a2b51;
            -webkit-transition: 350ms ease all;
            transition: 350ms ease all;
            line-height: 1.52857;
        }

            .nav-tabs > li > a:hover {
                background-color: #f1f2f3;
            }

.nav > li {
    position: relative;
    display: block;
}

    .nav > li > a {
        position: relative;
        display: block;
        padding: 10px 15px;
    }

        .nav > li > a.active {
            background-color: #ff9c00;
            color: #fff;
            border: 1px solid #ff9c00;
        }

@media only screen and (min-width: 768px) {
    .nav-tabs > li {
        float: left;
    }
}

/*.fade.in {
    transform: translateY(1%);
}*/

.tab-content {
    overflow-y: hidden;
}

    .inbox-tab-content > .tab-pane, .tab-content > .tab-pane {
        padding: 20px 10px 15px 10px;
        transform: translateY(1%);
    }

    .inbox-tab-content > .tab-pane, .tab-content > .tab-pane {
        display: none;
    }

    .inbox-tab-content > .active, .tab-content > .active {
        display: block;
    }

/*.fade {
    transition: 330ms linear all;
}

    .fade:not(.show) {
        opacity: unset;
    }*/

#inboxTabContainer h3,
#inboxTabContainer h4,
#inboxTabContainer h6 {
    font-weight: 400;
    margin: 10px 0;
    text-transform: unset;
    letter-spacing: 1px;
}

.course-tab {
    overflow-y: scroll;
    height: 40rem;
}

pre {
    display: block;
    padding: 10px;
    margin: 0 0 20px;
    font-size: 13px;
    line-height: 1.52857;
    word-break: break-all;
    word-wrap: break-word;
    color: #3a3f51;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 4px;
    overflow: auto;
    white-space: pre-wrap;
}

.panel {
    margin-bottom: 21px;
    background-color: #ff9c00;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.05);
    box-shadow: 0 1px 1px rgba(0,0,0,0.05);
}

.panel-group {
    margin-bottom: 21px;
    margin-top: 21px;
}

    .panel-group .panel {
        margin-bottom: 1px;
        border-radius: 4px;
    }

.panel-primary {
    border-color: #ff9c00;
}

    .panel-primary > .panel-heading {
        background-color: #ff9c00;
        border: 0;
        border-radius: 0;
        color: #fff;
    }

.panel-title {
    font-size: 25px;
    margin-bottom: -6px;
    padding-top: 4px;
    font-weight: 600;
}

h4.panel-title {
    font-weight: 400;
    margin: 10px 0;
    text-transform: unset;
    letter-spacing: 1px;
    font-size: 19px;
}

    h4.panel-title > a {
        color: #fff !important;
    }

.panel-body {
    padding: 15px;
    border: 1px solid #eaebed;
    background-color: #fff;
}

.collapse.in {
    display: block;
}

.panel-danger {
    border-color: #D23F37;
    background-color: #D23F37;
}

/* ----------------------------------*/
/* Results */
/* ----------------------------------*/

.spaMainDisplayContainer .card {
    overflow: hidden;
    border: 2px solid #142953;
    border-radius: unset;
    background-color: #fff;
    transition: background-color 0.5s;
}

    .spaMainDisplayContainer .card h4 {
        color: #323232;
    }

    .spaMainDisplayContainer .card:hover {
        background-color: #eaebed;
    }

.card.card-faq {
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 0.25rem;
}

    .card.card-faq h4 {
        color: #eaebed;
    }

    .card.card-faq:hover {
        background-color: #fff;
    }

.courseImageCap {
    height: 8rem;
}


.reportButton {
    margin: 2px;
    width: 150px;
    padding-left: 10px;
    padding-right: 10px;
}

/* ----------------------------------*/
/* User Profile */
/* ----------------------------------*/

.parentDiv h4 {
    text-transform: unset;
    letter-spacing: 0px;
    font-weight: 500;
}

.fileInput {
    display: block;
    flex: unset !important;
}

/* ----------------------------------*/
/* Instructor Dashboard */
/* ----------------------------------*/

.card-block.spaCourseBox {
    margin-top: 0;
}

    .card-block.spaCourseBox.mt-15 {
        margin-top: 15px;
    }

.tab-content > div > div > div.card {
    border: none;
}

.card-header-container .card-header {
    display: table-cell;
    vertical-align: middle;
}

.card-header-container {
    display: table;
    height: 12rem;
}

.card-block .card {
    padding: 20px 10px 10px 10px;
    border-top: none;
    min-height: 12rem;
}

    .card-block .card p {
        margin: 0;
    }

    .card-block .card:hover .style-two {
        opacity: 1;
    }

.card .style-two {
    margin: 5px 0;
    opacity: 0;
    transition: opacity 1.5s ease-in;
}

/*==========================================================================================================*/
/* SAMPLE COURSE     ||---------------------------- */
/*==========================================================================================================*/

/* ----------------------------------*/
/* Navigation Bars */
/* ----------------------------------*/

.scNavigationBar {
    position: absolute;
}

.scTopBar {
    z-index: unset;
}

/* ----------------------------------*/
/* Containers */
/* ----------------------------------*/

.scContainer {
    border: 1px solid #888;
    position: relative;
    margin-bottom: -10px;
    overflow: hidden;
}

.scMainDisplayContainer {
    height: 673px;
    overflow-y: auto;
    overflow-x: hidden;
}

/*==========================================================================================================*/
/* ADMIN VIEWS     ||---------------------------- */
/*==========================================================================================================*/

/* ----------------------------------*/
/* Admin Dashboard */
/* ----------------------------------*/

.pointer {
    cursor: pointer;
}

.appendTableUserSearchBar {
    /*    margin-top: 20px;
    margin-left: 20px;*/
}

.table-hover > thead:first-child > tr:first-child > th {
    border-top: 0;
    border-bottom: 0;
}

.table-hover > thead > tr > th {
    vertical-align: bottom !important;
}

.table-hover > thead {
    font-family: 'Noto Sans', serif;
    text-transform: uppercase;
    border-bottom: 1px solid #323232;
}

.editUser {
    height: auto;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(135,135,135,.68);
    z-index: 3;
}

.editUserBoxStyling {
    height: auto;
    position: fixed;
    background-color: #fff;
    padding: 1rem;
    top: 20%;
    margin-left: 10%;
    margin-right: 10%;
}

    .editUserBoxStyling select {
        -webkit-appearance: menulist;
    }

select#courseList {
    -webkit-appearance: menulist;
}

.allUserRoles {
    display: none;
    height: 15rem;
}

    .allUserRoles p {
        font-size: 15Loves wpx;
        margin-bottom: 0;
    }

.roleList, .roleContainer {
    overflow-y: scroll;
    height: 15rem;
}

.modal-header-block {
    display: block;
}

    .modal-header-block button {
        float: right;
    }

/* ----------------------------------*/
/* Admin Dashboard */
/* ----------------------------------*/

.separateTwoSpans {
    padding-left: .5em;
    padding-right: .5em;
}

    .separateTwoSpans span:nth-child(2) {
        float: right;
    }


.scrollbar {
    padding: 4px;
    height: 300px;
    resize: vertical;
    overflow-x: hidden;
    overflow-y: auto;
    text-align: justify;
}

.progress-toggle {
    position: absolute;
    float: right;
    margin-top: -3.5%;
    margin-right: -1%;
}

.p-bar {
    width: 85%;
}

.icon-space {
    width: 7.5%;
}

.text-normal {
    font-weight: normal !important;
}




/* ------------------------------------------------*/
/* New LMS quiz styling to match scraper)          */
/* ------------------------------------------------*/
body .content-container {
    font-family: 'Maven Pro', serif;
    font-size: 19px;
    line-height: 28px;
    text-align: justify;
}

.lms-question span, .lms-question div, .lms-question p, .lms-question ol {
    font-weight: 600 !important;
    color: black;
}

.lms-question {
    margin-top: 40px;
    font-weight: 600;
}

.lms-answers {
    margin: 5px 0 40px 40px;
    font-weight: 400;
}
/* ----------------------------------*/
/* SUBSCRIPTION VIEWS     ||---------------------------- */
/* ----------------------------------*/

/* ------------------------------------------------*/
/* Class Library       */
/* ------------------------------------------------*/
.CLsearchBorder {
    border: 2px solid #f1f1f1;
    border-radius: 30px;
    margin-bottom: 20px;
}

.CLtoolTipPadding {
    padding: 20px 0px;
}

.LMStooltip .LMStooltiptext {
    visibility: hidden;
    display: block;
    width: 120px;
    background-color: gray;
    /*text-align: left;*/
    /*vertical-align: middle;*/
    color: #fff;
    position: absolute;
    z-index: 1;
    top: 20%;
    /* Fade in tooltip - takes 1 second to go from 0% to 100% opac: */
    opacity: 0;
    transition: opacity 1s;
    /*transform: translate(100px, -205px);*/
    border-radius: 4px;
}

.LMStooltip:hover .LMStooltiptext {
    visibility: visible;
    opacity: 1;
}


/*CUSTOM FORUM CLASSES*/
.forum-card:hover {
    background-color: #F8F8F8;
}

.forum-author-name {
    font-size: 16px;
}

.forum-courselist-dropdown {
    -webkit-appearance: menulist !important;
}

.forum-search {
    line-height: 19px;
    padding: 5px 2px;
}

.forum-solution-background {
    background-color: #CDFFDD;
}

.forum-resolved {
    background-color: #CDFFDD;
}

.forum-solution-count {
    margin-left: 35px;
    padding-top: 3px;
    font-size: 19px;
}

.forum-just-count {
    margin-left: 11px;
    font-size: 19px;
}

.forum-footer {
    bottom: 0;
    height: 125px;
}

.forum-fit {
    overflow: auto;
    overflow-wrap: break-word;
}

.forum-status-bar {
    position: absolute;
    width: 2%;
    height: 100%;
    left: 0;
    top: 0;
}

.forum-notification-bar {
    position: absolute;
    width: 2%;
    height: 100%;
    right: 0;
    top: 0;
}

.forum-checkboxe-container {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 15px;
    padding-right: 15px;
}

.forum-lable {
    font-size: 14px;
}

.forum-inactive-tab {
    color: #182A53 !important;
    background-color: #eaebed;
    border: 1px solid #eaebed;
}

.forum-dropdown-btn {
    position: absolute;
    right: 4px;
    top: 3px;
}

.forum-dropdown-option {
    font-size: 14px;
    padding: 0.25rem 1.5rem;
    white-space: nowrap;
}

    .forum-dropdown-option:hover {
        cursor: pointer;
        background-color: lightgray;
    }

.forum-dropdown-content {
    position: absolute;
    top: 22px;
    left: auto;
    right: 0;
    z-index: 1000;
    float: left;
    padding: 0.5rem 0;
    margin: 0.125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #F8F8F8;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 0.25rem;
}

.forum-p-tag {
    font-size: 12px;
}

/*CUSTOM PROFILE IMAGE CLASSES*/
.profile-image {
    border-radius: 50% !important;
    max-width: 35%;
}

.possible-profile-images:hover {
    cursor: pointer;
}

.edit-forum-image-section {
    max-width: 500px;
}

    .edit-forum-image-section img {
        max-width: 40px;
        width: 10%;
        border-radius: 50% !important;
        display: inline-block;
        margin-bottom: 4px;
    }

.edit-choose-file {
    padding-left: 32px;
    padding-top: 18px;
}

/* START OF FILTER CSS */

.switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
}

    .switch input {
        opacity: 0;
        width: 0;
        height: 0;
    }

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transition: .4s;
    transition: .4s;
    background-color: #eaebed;
}

    .slider:before {
        position: absolute;
        content: "";
        height: 26px;
        width: 26px;
        left: 4px;
        bottom: 4px;
        background-color: #323232;
        -webkit-transition: .4s;
        transition: .4s;
    }

input:checked + .slider {
    background-color: #eaebed;
}

input:focus + .slider {
    box-shadow: 0 0 1px #eaebed;
}

input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}

    .slider.round:before {
        border-radius: 50%;
    }

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
    -webkit-appearance: none;
}
/* END OF FILTER CSS */

/*Tooltip LMS Tutorial CSS*/
.tutorialToolTip {
    opacity: 1;
    position: absolute;
    top: 50%;
    left: 50%;
    /*Center the tooltip*/
    margin: 0 auto;
    z-index: 99999;
    width: 450px;
    transform-origin: 50% 50%;
}

.arrowToolTip {
    opacity: 1;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    transform-origin: 50% 50%;
    transition: 1s;
    cursor: pointer;
}

.TargetDivPosition {
    width: 1px;
    height: 1px;
}

.pulse {
    animation-name: pulse;
    animation-timing-function: ease;
}

@keyframes pulse {
    0% {
        transform: scale(0.98);
    }

    66.6% {
        transform: scale(1.15);
    }

    100% {
        transform: scale(0.98);
    }
}

.fa-long-arrow-left {
    text-shadow: -1px 0px 3px rgb(252 186 3), 1px 0px 3px rgb(252 186 3), 0px 1px 3px rgb(252 186 3), 0px -1px 3px rgb(252 186 3);
}

.fa-long-arrow-right {
    text-shadow: -1px 0px 3px rgb(252 186 3), 1px 0px 3px rgb(252 186 3), 0px 1px 3px rgb(252 186 3), 0px -1px 3px rgb(252 186 3);
}

.fa-long-arrow-down {
    text-shadow: -1px 0px 3px rgb(252 186 3), 1px 0px 3px rgb(252 186 3), 0px 1px 3px rgb(252 186 3), 0px -1px 3px rgb(252 186 3);
}

.fa-long-arrow-up {
    text-shadow: -1px 0px 3px rgb(252 186 3), 1px 0px 3px rgb(252 186 3), 0px 1px 3px rgb(252 186 3), 0px -1px 3px rgb(252 186 3);
}
/*End LMS Tutorial CSS*/

/* Styling for Co-founder images on About page*/

.grayscale-image {
    filter: grayscale(1);
    -webkit-filter: grayscale(1);
    transition: 0.5s ease;
}

/*.grayscale-image:hover {
        filter: grayscale(0);
        -webkit-filter: grayscale(0);
        transition: 0.5s ease;
    }*/

/*Awards flash and zoom animations on home page*/
.img-flash:hover {
    opacity: 1;
    animation: flash 1.5s;
}

@keyframes flash {
    0% {
        opacity: .4;
    }

    100% {
        opacity: 1;
    }
}

.img-zoom {
    transform: scale(1);
    transition: 0.5s ease-out;
    position: relative;
    z-index: 2;
}

    .img-zoom:hover {
        transform: scale(1.25);
        transition: 0.5s ease-in;
    }
/*End awards flash and zoom*/

/* New button*/

.tta-btn, .tta-btn-dark, .tta-btn-bc-logo {
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    border-width: 0;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-flex;
    font-family: 'Maven Pro', sans-serif;
    font-size: 18px;
    font-weight: 600;
    height: 60px;
    padding-left: 55px;
    padding-right: 55px;
    transition: box-shadow .15s,transform .15s;
}

.tta-btn {
    background-color: #182A53;
    box-shadow: rgba(24, 42, 83, 0.4) 0 2px 4px,rgba(24, 42, 83, 0.3) 0 7px 13px -3px,#ff9c00 0 -3px 0 inset;
    box-sizing: border-box;
    color: #fff;
}

    .tta-btn:hover {
        background-color: #ff9c00;
        box-shadow: rgba(24, 42, 83, 0.4) 0 2px 4px,rgba(24, 42, 83, 0.3) 0 7px 13px -3px, #182A53 0 -3px 0 inset;
        color: #fff;
        transform: translateY(-2px);
    }

    .tta-btn:active {
        box-shadow: rgb(24, 42, 83) 0 3px 7px inset;
        color: #ff9c00;
        transform: translateY(2px);
    }

    /*removes input and button type selector outline and background color styling*/
    .tta-btn:focus {
        color: #ff9c00;
        background-color: #fff;
        outline: none;
    }


.tta-btn-bc-logo {
    background-color: #fff;
    font-size: 20px;
    height: 60px;
    padding: 18px 20px;
    font-size: 18px;
}

/*New button for dark backgrounds*/
.tta-btn-dark, .tta-btn-bc-logo {
    background-color: #fff;
    box-shadow: rgba(131, 131, 131, .5) 0 2px 4px, rgba(131, 131, 131, .5) 0 2px 13px -3px, #182A53 0 -3px 0 inset;
    color: #182a53;
    box-sizing: border-box;
}

    .tta-btn-dark:hover, .tta-btn-bc-logo:hover {
        box-shadow: rgba(45, 35, 66, 1) 0 2px 4px, rgba(45, 35, 66, 1) 0 7px 13px -3px, #ff9600 0 -3px 0 inset;
        background-color: #182A53;
        color: #fff;
        transform: translateY(-2px);
    }

    .tta-btn-dark:active, .tta-btn-bc-logo:active {
        box-shadow: rgb(24, 42, 83) 0 3px 7px inset;
        transform: translateY(2px);
    }

.back-btn {
    height: 40px;
    padding-left: 30px;
    padding-right: 30px
}

.next-btn {
    height: 40px;
    padding-left: 30px;
    padding-right: 30px
}

/*Styling for free videos card titles*/
.video-title h5 {
    font-family: 'Noto Sans', serif;
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 21px;
    color: #182A53;
    text-transform: capitalize;
}

@media only screen and (max-width: 768px) {
    .video-title h5 {
        font-family: 'Noto Sans', serif;
        margin-top: 0px;
        margin-bottom: 0px;
        font-size: 16px;
        color: #182A53;
        line-height: 15px;
        text-transform: capitalize;
    }
}

/*Mobile Styling for PITC Carousel - carmax Logo*/

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

/*CONTACT FORM*/

.field-area {
    background-color: #f5f5f5;
    border-radius: 13px;
    margin-bottom: 15px;
    width: 100%;
}

.form-group-contact .control-label {
    font-size: 18px;
    color: #182A53;
}

.cont-bd-gry {
    border: 2px solid #e6e6e6;
    transition: 0.3s ease;
}

.cont-bd-org {
    border: 2px solid #182A53;
    transition: 0.3s ease;
}

.form-group-contact > input[type="text"],
.form-group-contact > input[type="email"],
.form-group-contact > input[type="tel"],
.form-group-contact > input[type="password"] {
    background-color: #f5f5f5;
    border: none;
    color: #182A53;
    font-size: 19px;
    font-family: 'Maven Pro';
}

    .form-group-contact > input[type="text"]:focus,
    .form-group-contact > input[type="email"]:focus,
    .form-group-contact > input[type="tel"],
    .form-group-contact > input[type="password"]:focus,
    .form-group-contact > textarea:focus {
        box-shadow: none;
        color: #ff9c00;
        font-size: 14px;
    }

        .form-group-contact > input[type="text"]::placeholder,
        .form-group-contact > input[type="email"]::placeholder,
        .form-group-contact > input[type="tel"]::placeholder,
        .form-group-contact > input[type="password"]::placeholder {
            color: #636c72;
            font-size: 20px;
        }

        .form-group-contact > input[type="text"]:focus::placeholder,
        .form-group-contact > input[type="email"]:focus::placeholder,
        .form-group-contact > input[type="tel"]:focus::placeholder,
        .form-group-contact > input[type="password"]:focus::placeholder,
        .form-group-contact > textarea:focus::placeholder {
            color: transparent;
        }


.form-group-contact > textarea {
    background-color: #f5f5f5;
    border: none;
    font-size: 20px;
    font-family: 'Maven Pro';
}

    .form-group-contact > textarea:focus {
        background-color: #f5f5f5;
    }

/*Placeholder text replace*/
.alert-validate::before {
    content: attr(data-validate);
    display: flex;
    align-items: center;
    position: absolute;
    width: 100%;
    min-height: 40px;
    background-color: #f5f5f5;
    top: 45px;
    left: 0;
    padding: 0 45px 0 22px;
    pointer-events: none;
    font-size: 20px;
    color: #ff9600;
    line-height: 1.2;
}

/*END CONTACT FORM*/

/* CHECKMARK LIST FOR CODINGBOOTCAMPS*/
/* Make a class that turns a ul li into a checkmark list */
.checkmark-list li {
    list-style: none;
    position: relative;
}

    .checkmark-list li:before {
        content: "✓";
        color: #ff9600; /*orange check mark*/
        font-weight: 900;
        position: absolute;
        left: -1.0em;
        color: #ff9600;
        font-weight: 900;
    }

/* Registration Continue Button */
.reg-continue-button {
    position: fixed;
    top: 450px;
    right: 20px;
    z-index: 999;
    animation: pulse 2s infinite, fadeIn 1s;
    -webkit-animation: pulse 2s infinite, fadeIn 1s;
}

@keyframes pulse {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.05);
    }
    100% {
        transform: scale(1);
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
/* End Registration Continue Button */

/* This disallows the user to select text. */
.no-select {
    user-select: none;
    -moz-user-select: none; /* for Firefox */
    -webkit-user-select: none; /* for Safari and Chrome */
    -ms-user-select: none; /* for Internet Explorer/Edge */
}

/* QUIZ TITLE ATTRIBUTE STYLING */
.quiz-answer:hover {
    cursor: pointer;
}

.quiz-option:hover {
    cursor: pointer;
}