@import url('https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i&subset=latin-ext');

@font-face { /* fuse_v.2_display_black */
    font-family: 'FuseV2';
    src: url('/fonts/fuse_v.2_display_black.woff2') format('woff2'), url('/fonts/fuse_v.2_display_black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
}

@font-face { /* fuse_v.2_display_black_italic */
    font-family: 'FuseV2';
    src: url('/fonts/fuse_v.2_display_black_italic.woff2') format('woff2'), url('/fonts/fuse_v.2_display_black_italic.woff') format('woff');
    font-weight: 900;
    font-style: italic;
}

@font-face { /* fuse_v.2_display_bold */
    font-family: 'FuseV2';
    src: url('/fonts/fuse_v.2_display_bold.woff2') format('woff2'), url('/fonts/fuse_v.2_display_bold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}

@font-face { /* fuse_v.2_display_bold_italic */
    font-family: 'FuseV2';
    src: url('/fonts/fuse_v.2_display_bold_italic.woff2') format('woff2'), url('/fonts/fuse_v.2_display_bold_italic.woff') format('woff');
    font-weight: 600;
    font-style: italic;
}

@font-face { /* fuse_v.2_display_book */
    font-family: 'FuseV2';
    src: url('/fonts/fuse_v.2_display_book.woff2') format('woff2'), url('/fonts/fuse_v.2_display_book.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face { /* fuse_v.2_display_book_italic */
    font-family: 'FuseV2';
    src: url('/fonts/fuse_v.2_display_book_italic.woff2') format('woff2'), url('/fonts/fuse_v.2_display_book_italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
}

@font-face { /* heuristica_regular */
    font-family: 'Heuristica';
    src: url('/fonts/heuristica_regular.woff2') format('woff2'), url('/fonts/heuristica_regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face { /* heuristica_italic */
    font-family: 'Heuristica';
    src: url('/fonts/heuristica_italic.woff2') format('woff2'), url('/fonts/heuristica_italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
}

@font-face { /* heuristica_bold */
    font-family: 'Heuristica';
    src: url('/fonts/heuristica_bold.woff2') format('woff2'), url('/fonts/heuristica_bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face { /* heuristica_bold_italic */
    font-family: 'Heuristica';
    src: url('/fonts/heuristica_bold_italic.woff2') format('woff2'), url('/fonts/heuristica_bold_italic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
}



@font-face {
    font-family: "IZU-Icons";
    src: url("/fonts/izu-icons8.eot");
    src: url("/fonts/izu-icons8.eot?#iefix") format("embedded-opentype"), url("/fonts/izu-icons8.woff2") format("woff2"), url("/fonts/izu-icons8.woff") format("woff"), url("/fonts/izu-icons8.ttf") format("truetype"), url("/fonts/izu-icons8.svg#IZU-Icons") format("svg");
    font-weight: normal;
    font-style: normal;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    @font-face {
        font-family: "IZU-Icons";
        src: url("/fonts/izu-icons8.svg#IZU-Icons") format("svg");
    }
}


/***********************/
/**  General / Reset  **/
/***********************/

html, body {
    font-family: 'Helvetica Neue',Arial,sans-serif;
    font-size: 14px;
    margin: 0;
    padding: 0;
    background: #2D3138;
}

#panel {
    background: #ECEDEF;
    background-attachment: fixed;
    background-position: center center;
    background-size: cover;
    color: #2D3138; /*overflow-x:hidden;*/
}

header, section, footer, article, nav, main {
    display: block;
}

figure {
    margin: 0;
}

.inner, .wrapped {
    margin: 0 auto;
    max-width: 1150px;
}

.clearfix:before, .clearfix:after {
    content: "";
    display: table;
    line-height: 0;
}

.clearfix:after {
    clear: both;
}

.col {
    display: inline;
    position: relative;
    float: left;
}

.w20 {
    width: 20%;
}

.w25 {
    width: 25%;
}

.w30 {
    width: 30%;
}

.w33 {
    width: 33.33333%;
}

.w40 {
    width: 40%;
}

.w50 {
    width: 50%;
}

.w60 {
    width: 60%;
}

.w66 {
    width: 66.66666%;
}

.w70 {
    width: 70%;
}

.w75 {
    width: 75%;
}

.w80 {
    width: 80%;
}

.hidden, .button.hidden {
    display: none;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    white-space: nowrap;
}


* {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

/******************/
/**  Typograhpy  **/
/******************/

h1, h2, h3, h4, h5, h6 {
    line-height: 0.9;
    font-family: 'Roboto','Helvetica Neue',Arial,sans-serif; /*,'Arial Black'*/
    font-weight: 900;
}

h1, h2, h3 {
    margin: 1.5em 0 0.5em;
}

h4, h5, h6 {
    margin: 1.5em 0 0.75em;
}

    h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child {
        margin-top: 0;
    }

    hr + h2, hr + h3, h4 + h4, hr + h5, hr + h6 {
        margin-top: 0.5em;
    }

h1 {
    font-size: 30px;
    color: #1090D5;
    font-weight: 900;
}

h2 {
    font-size: 24px;
    color: #2D3138;
}

h3, h4, h5, h6 {
    color: #4C525D;
}

h3 {
    font-size: 20px;
}

h4 {
    font-size: 18px;
}

h5 {
    font-size: 16px;
}

h6 {
    font-size: 14px;
}

h1 a {
    color: #8b2232;
    border-bottom: 1px solid rgba(16,144,213,0.5);
}

h2 a {
    color: #2D3138;
    border-bottom: 1px solid rgba(45,49,56,0.5);
}

h3 a {
    color: #4C525D;
    border-bottom: 1px solid rgba(76,82,93,0.5);
}

h4 a {
    color: #4C525D;
    border-bottom: 1px solid rgba(76,82,93,0.5);
}

h5 a {
    color: #4C525D;
    border-bottom: 1px solid rgba(76,82,93,0.5);
}

h6 a {
    color: #4C525D;
    border-bottom: 1px solid rgba(76,82,93,0.5);
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    line-height: 1.4;
    text-decoration: none;
}

    h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
        border-bottom-width: 2px;
        border-bottom-color: #8b2232;
        color: #8b2232;
    }

/*h1 {font-size:2.1em;font-family:'Roboto','Arial Black','Helvetica Neue',Arial,sans-serif;font-weight:normal;}*/
/*h2 {font-size:1.8em;}*/
/*h3 {font-size:1.6em;}*/
/*h4 {font-size:1.4em;}*/
/*h5 {font-size:1.3em;}*/
/*h6 {font-size:1.2em;}*/

h2.bf, h3.bf, h4.bf, h5.bf, h6.bf, strong.bf {
    font-family: 'Roboto','Helvetica Neue',Arial,sans-serif; /*,'Arial Black'*/
    font-weight: 900;
}

.centered-heading {
    text-align: center;
}

/*.underlined-heading {position:relative;margin-bottom:1.1em;}*/
/*.underlined-heading:after {content:"";background:#8E95A3;height:3px;bottom:-0.5em;left:0;width:20%;position:absolute;border-radius:3px;}*/


h1.underlined, h2.underlined, h3.underlined {
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 20px;
    line-height: 1;
}

h1.underlined {
    font-size: 40px;
}

h2.underlined {
    font-size: 34px;
}

h3.underlined {
    font-size: 26px;
}

    h1.underlined::after, h2.underlined::after, h3.underlined::after {
        content: "";
        position: absolute;
        left: 0;
        width: 100px;
        background: #8b2232;
        height: 4px;
        border-radius: 4px;
        bottom: 0;
    }

h4.underlined {
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 15px;
    line-height: 1;
}

h4.underlined {
    font-size: 20px;
}

    h4.underlined::after {
        content: "";
        position: absolute;
        left: 0;
        width: 50px;
        background: #8b2232;
        height: 4px;
        border-radius: 4px;
        bottom: 0;
    }


.headline-36px, .headline-40px, .headline-50px, .headline-60px, .headline-80px, .headline-100px, .headline-120px, .headline-150px {
    font-family: 'Roboto','Helvetica Neue',Arial,sans-serif;
    font-weight: 900;
    /* text-transform: uppercase; */
    color: #2D3138;
    margin: 40px 0;
    line-height: 0.8;
}

.headline-36px {
    font-size: 36px;
}

.headline-40px {
    font-size: 40px;
}

.headline-50px {
    font-size: 50px;
}

.headline-60px {
    font-size: 60px;
}

.headline-80px {
    font-size: 80px;
}

.headline-100px {
    font-size: 100px;
}

.headline-120px {
    font-size: 120px;
}

.headline-150px {
    font-size: 150px;
}

    .headline-36px.inverted-headline, .headline-40px.inverted-headline, .headline-50px.inverted-headline, .headline-60px.inverted-headline, .headline-80px.inverted-headline, .headline-100px.inverted-headline, .headline-120px.inverted-headline, .headline-150px.inverted-headline {
        color: #FFF;
    }

    .headline-36px span, .headline-40px span, .headline-50px span, .headline-60px span, .headline-80px span, .headline-100px span, .headline-120px span, .headline-150px span {
        color: #8b2232;
    }


.foil, a:hover .hover-foil {
    color: #fff;
    /*background-color: #8b2232;*/
    background-image: -webkit-linear-gradient(-20deg,rgba(255,255,255,0) 20%,rgba(255,255,255,1) 50%,rgba(255,255,255,0.8) 50%,rgba(255,255,255,0) 80%), -webkit-linear-gradient(top,#c94f61,#8b2232);
    /* -webkit-linear-gradient(-20deg,#8b2232 20%,#35B0E6 50%,#22A5E8 50%,#8b2232 80%) */
    background-repeat: no-repeat;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    pointer-events: none;
    position: relative;
    display: inline-block;
    /*text-shadow:1px 1px 0 rgba(53,176,230,0.1); */
}

.foil {
    -webkit-background-size: 300px 100%, 100% 100%;
    -webkit-animation: foil 3s infinite;
    margin-left: -300px;
    margin-right: -300px;
    padding-left: 300px;
    padding-right: 300px;
}

a:hover .hover-foil {
    -webkit-background-size: 100px 100%, 100% 100%;
    -webkit-animation: foil 2s infinite;
    margin-left: -100px;
    margin-right: -100px;
    padding-left: 100px;
    padding-right: 100px;
}

@-webkit-keyframes foil {
    0% {
        background-position: top left;
    }

    75%, 100% {
        background-position: top right;
    }
}

@keyframes foil {
    0% {
        background-position: top left;
    }

    75%, 100% {
        background-position: top right;
    }
}


/*h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {text-decoration:none;border-bottom:1px solid transparent;padding-bottom:0.1em;}*/
/*h1, h1 a {color:#2D3138;border-bottom-color:#8E95A3;}*/
/*h2, h3, h2 a, h3 a {color:#008AC6;border-bottom-color:#B37FB3;}*/
/*h4, h5, h6, h4 a, h5 a, h6 a {color:#5B6270;border-bottom-color:#B3B3B3;}*/
/*h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {color:#06C;border-bottom-color:#06C;border-bottom-width:2px;}*/

p, ul, ol {
    margin: 0 0 1em;
    line-height: 1.5;
}

    p a, ul a, ol a {
        color: #06C;
    }

        p a:hover, ul a:hover, ol a:hover {
            color: #606;
        }

ul {
    list-style-type: square;
}

ul, ol {
    padding: 0 0 0 2em;
}

a:hover img {
    opacity: 0.8;
}

@media screen and (max-width:760px) {
    /*h2 {font-size:1.6em;} h2.large-heading {font-size:1.8em;margin-top:0.5em;}*/
    /*h3 {font-size:1.4em;}*/
    /*h4 {font-size:1.3em;}*/
    /*h5 {font-size:1.2em;}*/
    /*h6 {font-size:1.1em;}*/

    h2.underlined {
        font-size: 24px;
        margin-bottom: 20px;
        padding-bottom: 20px;
    }

    h3.underlined {
        font-size: 20px;
        margin-bottom: 15px;
        padding-bottom: 15px;
    }
}


/**  Faculty colours for underlined headings  **/
/*.faculty_business_law .underlined-heading:after {background:#C00;}*/
/*.faculty_education_arts .underlined-heading:after {background:#039;}*/
/*.faculty_health_medicine .underlined-heading:after {background:#06C;}*/
/*.faculty_science_it .underlined-heading:after {background:#9C0;}*/
/*.faculty_engineering_built_environment .underlined-heading:after {background:#008484;}*/

.body-content:before, .body-content:after {
    content: "";
    display: table;
    line-height: 0;
}

.body-content:after {
    clear: both;
}


/**  Image styles  **/
.body-content img, #izu-lightbox-content img {
    max-width: 100%;
    height: auto;
}

img.round-image {
    border-radius: 100%;
}

img.pull-right {
    margin-left: 20px;
}

img.pull-left {
    margin-right: 20px;
}

figure.pull-left, figure.pull-right {
    width: 300px;
}

.body-content figure.pull-left {
    margin: 0 2em 2em 0;
}

.body-content figure.pull-right {
    margin: 0 0 2em 2em;
}

figure.pull-left figcaption, figure.pull-right figcaption {
    margin-top: 10px;
    font-size: 12px;
    font-style: italic;
    color: #5B6270;
}


/**********************/
/**  Content Styles  **/
/**********************/

.body-content hr, #izu-lightbox-content hr {
    border: 0 none transparent;
    border-top: 1px solid #ECEDEF;
    border-bottom: 1px solid #ECEDEF;
    margin: 40px auto;
    border-radius: 2px;
}

    .body-content hr.solid, #izu-lightbox-content hr.solid {
        border-top: 2px solid #8E95A3;
        border-bottom: 2px solid #8E95A3;
        border-radius: 4px;
    }

.body-content p.intro, #izu-lightbox-content p.intro {
    font-size: 1.2em;
}

.body-content p.section-intro, #izu-lightbox-content p.section-intro {
    font-size: 1.4em;
    line-height: 1.3;
    font-family: Roboto;
    color: #4C525D;
    font-weight: 600; /*font-style:italic;font-weight:300;*/
}

    .body-content p.section-intro strong, #izu-lightbox-content p.section-intro strong {
        font-weight: 600;
        color: #2D3138;
    }

.body-content h2 + p.section-intro {
    margin-bottom: 1.5em;
}

.body-content p.centered-intro {
    text-align: center;
}

.body-content p.section-intro.blue-intro, #izu-lightbox-content p.section-intro.blue-intro {
    color: #1090d5;
    font-size: 1.5em;
}

hr.invisible {
    margin: 10px auto;
    border: 1px solid transparent;
    display: block;
}

.grid-block hr.invisible {
    margin: 20px auto;
}

@media screen and (max-width:768px) {
    hr.invisible {
        margin: 10px auto;
    }

    .grid-block hr.invisible {
        margin: 10px auto;
    }
}

.body-content figure {
    margin: 2em 0;
}

    .body-content figure:first-child {
        margin-top: 0;
    }

    .body-content figure:last-child {
        margin-bottom: 0;
    }

    .body-content figure p {
        margin: 0;
        color: #5B6270;
    }

@media screen and (max-width:760px) {
    .body-content p.section-intro,, #izu-lightbox-content p.section-intro {
        font-size: 1.2em;
    }
}

/*blockquote {background:#ECEDEF;border-radius:3px;color:#4C525D;font-family:"Roboto","Arial Black","Helvetica Neue",Arial,sans-serif;font-size:16px;margin:1em 0;padding:20px;}*/
/*blockquote cite {color:#5b6270;display:block;font-family:'Helvetica Neue',Arial,sans-serif;font-size:14px;margin-top:5px;text-align:right;}*/

.body-content blockquote {
    margin: 40px 0; /*padding:20px 0;*/
    font-size: 18px;
    font-family: Heuristica,Georgia,serif;
    color: #0F1012;
    position: relative;
    background: none;
}

    .body-content blockquote p {
        position: relative;
    }

        .body-content blockquote p::before {
            content: "“";
            position: absolute;
            left: -0.6em;
            top: 0;
        }

        .body-content blockquote p:first-child {
            margin-top: 0;
        }

        .body-content blockquote p:last-child {
            margin-bottom: 0;
        }

    .body-content blockquote cite {
        color: #5B6270;
        display: block;
        font-family: 'Helvetica Neue',Arial,sans-serif;
        font-size: 14px;
        text-align: right;
    }
    /*.body-content blockquote::after, .body-content blockquote::before {content:"";width:10%;height:3px;border-radius:3px;background:#ECEDEF;position:absolute;}*/
    /*.body-content blockquote::after {right:0;bottom:0;}*/
    /*.body-content blockquote::before {left:0;top:0;}*/

    .body-content blockquote.pullquote {
        width: 50%;
        font-size: 22px;
    }

        .body-content blockquote.pullquote p {
            line-height: 1.3;
            margin: -4px 0 -8px;
            text-align: left;
        }

    .body-content blockquote.pullquote-right {
        float: right;
        margin: 0 -15% 20px 40px;
        border-left: 3px solid #8b2232;
        padding-left: 40px;
    }

    .body-content blockquote.pullquote-left {
        float: left;
        margin: 0 40px 20px -15%;
        border-right: 3px solid #8b2232;
        padding-right: 40px;
    }

    .body-content blockquote.highlight-quote {
        color: #8b2232;
        font-size: 24px;
    }

.pull-right {
    float: right;
}

.pull-left {
    float: left;
}


/***************/
/**  Buttons  **/
/***************/

.button, .sq-form-submit {
    border: 2px solid #2D3138; /*#333;*/
    color: #2D3138; /*#333;*/
    text-decoration: none;
    padding: 8px 12px;
    display: inline-block;
    border-radius: 4px;
    font-weight: bold;
    font-size: 14px;
    text-shadow: none;
    font-family: 'Helvetica Neue',Arial,sans-serif;
    background: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
}

    .button.small-button {
        font-size: 12px;
        padding: 6px 10px;
    }

    .button.large-button {
        font-size: 20px;
        padding: 12px 16px;
    }

    .button.large-round-button {
        font-size: 30px;
        padding: 40px;
        border-width: 4px;
        border-radius: 170px;
    }

    .button.previous-button:before {
        content: "\f104";
        font-family: 'fontawesome';
        margin-right: 0.8em;
        line-height: 1;
    }

    .button.next-button:after {
        content: "\f105";
        font-family: 'fontawesome';
        margin-left: 0.8em;
        line-height: 1;
    }

    .button.inverted-button {
        border-color: #FFF;
        color: #FFF;
    }

    .button.solid-button, .sq-form-submit {
        background: #2D3138; /*#333;*/
        color: #FFF;
    }

        .button.solid-button.inverted-button {
            background: #FFF;
            border-color: #FFF;
            color: #2D3138; /*#333;*/
        }

            .button:hover, .button.solid-button.inverted-button:hover, .sq-form-submit:hover {
                background: #06C;
                border-color: #06C;
                color: #FFF;
                cursor: pointer;
            }

    .button.inverted-button:hover {
        background: #FFF;
        color: #2D3138;
        border-color: #FFF;
    }

    .button .fa, .button .i8 {
        margin-right: 10px;
    }

@media screen and (max-width:760px) {
    .button.large-button {
        font-size: 14px;
        padding: 8px 12px;
    }
}


/********************/
/**  Social Icons  **/
/********************/

.fa.fa-instagram {
    color: #D43066; /*#33628A;*/
}

.fa.fa-facebook {
    color: #3A5795;
}

.fa.fa-twitter {
    color: #55ACEE;
}

.fa.fa-linkedin {
    color: #0073B2;
}

.fa.fa-youtube-play {
    color: #CC181E;
}

.fa.fa-soundcloud {
    color: #F50;
}

.fa.fa-snapchat-ghost {
    color: #FFFC00;
}

.fa.fa-plus {
    color: #606;
}

.fa.fa-wechat {
    color: #7BB32E;
}

.fa.fa-wordpress {
    color: #21759B;
}

.fa.round-icon, .i8.round-icon {
    background: #333;
    color: #FFF;
    border-radius: 100%;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 16px;
}

    .fa.round-icon.small-round-icon, .i8.round-icon.small-round-icon {
        width: 30px;
        height: 30px;
        line-height: 30px;
        font-size: 11px;
    }

@media screen and (min-width:600px) {
    .fa.round-icon.large-round-icon, .i8.fa.round-icon.large-round-icon {
        width: 60px;
        height: 60px;
        line-height: 60px;
        font-size: 24px;
    }
}

.fa.fa-instagram.round-icon {
    background: #D43066; /*#33628A;*/
}

.fa.fa-facebook.round-icon {
    background: #3A5795;
}

.fa.fa-twitter.round-icon {
    background: #55ACEE;
}

.fa.fa-linkedin.round-icon {
    background: #0073B2;
}

.fa.fa-youtube-play.round-icon {
    background: #CC181E;
}

.fa.fa-soundcloud.round-icon {
    background: #F50;
}

.fa.fa-snapchat-ghost.round-icon {
    background: #FFFC00;
    color: #2D3138;
}

.fa.fa-plus.round-icon {
    background: #606;
}

.fa.fa-wechat.round-icon {
    background: #7BB32E;
}

.fa.fa-wordpress.round-icon {
    background: #21759B;
}

.fa.round-icon.inverted-icon {
    border: 2px solid #FFF;
    background: none;
    height: 40px;
    line-height: 36px;
    width: 40px;
    color: #FFF;
}

@media screen and (min-width:600px) {
    .fa.round-icon.large-round-icon.inverted-icon {
        height: 60px;
        line-height: 56px;
        width: 60px;
    }
}

a:hover .fa.fa-instagram, a:hover .fa.fa-facebook, a:hover .fa.fa-twitter, a:hover .fa.fa-linkedin, a:hover .fa.fa-youtube-play {
    color: #5B6270;
}

a:hover .fa.round-icon, a:hover .i8.round-icon {
    border: 2px solid #333;
    background: none;
    height: 40px;
    line-height: 36px;
    width: 40px;
    color: #2D3138;
}

    a:hover .fa.round-icon.small-round-icon, a:hover .i8.round-icon.small-round-icon {
        height: 30px;
        line-height: 26px;
        width: 30px;
    }

@media screen and (min-width:600px) {
    a:hover .fa.round-icon.large-round-icon, a:hover .i8.round-icon.large-round-icon {
        height: 60px;
        line-height: 56px;
        width: 60px;
    }
}

a:hover .fa.fa-instagram.round-icon {
    color: #D43066; /*#33628A;*/
    border-color: #D43066; /*#33628A;*/
}

a:hover .fa.fa-facebook.round-icon {
    color: #3A5795;
    border-color: #3A5795;
}

a:hover .fa.fa-twitter.round-icon {
    color: #55ACEE;
    border-color: #55ACEE;
}

a:hover .fa.fa-linkedin.round-icon {
    color: #0073B2;
    border-color: #0073B2;
}

a:hover .fa.fa-youtube-play.round-icon {
    color: #CC181E;
    border-color: #CC181E;
}

a:hover .fa.fa-soundcloud.round-icon {
    color: #F50;
    border-color: #F50;
}

a:hover .fa.fa-snapchat-ghost.round-icon {
    border-color: #FFFC00;
}

a:hover .fa.fa-plus.round-icon {
    color: #606;
    border-color: #606;
}

a:hover .fa.round-icon.large-round-icon.inverted-icon {
    background-color: #FFF;
    border-color: #FFF;
}

a:hover .fa.fa-wechat.round-icon {
    color: #7BB32E;
    border-color: #7BB32E;
}

a:hover .fa.fa-wordpress.round-icon {
    color: #21759B;
    border-color: #21759B;
}


/**********************/
/**  Call to action  **/
/**********************/
a.call-to-action, button.call-to-action {
    font-family: 'Roboto';
    font-weight: 900;
    background: #5B6270;
    color: #FFF;
    display: block;
    border-radius: 4px;
    padding: 10px 80px;
    position: relative;
    font-size: 19px;
    font-weight: bold;
    text-decoration: none;
    line-height: 18px;
    height: 76px;
    vertical-align: middle;
    cursor: pointer;
}

button.call-to-action {
    border: 0 none;
}

    a.call-to-action.cta-no-icon, button.call-to-action.cta-no-icon {
        padding-left: 30px;
    }

a.call-to-action .fa, a.call-to-action .i8 {
    font-size: 40px;
    margin-right: 20px;
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
}

a.call-to-action .cta-label, button.call-to-action .cta-label {
    display: table-cell;
    vertical-align: middle;
    height: 56px;
    text-decoration: none;
}

a.call-to-action::after, button.call-to-action::after {
    position: absolute;
    right: 10px;
    top: 10px;
    bottom: 10px;
    text-align: center;
    line-height: 56px;
    width: 50px;
    border-left: 2px solid rgba(255,255,255,0.5);
    font-family: fontawesome;
    content: "\f105";
}

a.call-to-action.popup-link::after {
    content: "\f065";
}

a.call-to-action:hover, button.call-to-action:hover {
    background: #8b2232;
    color: #FFF;
}

    a.call-to-action:hover::after, button.call-to-action:hover::after {
        background: #FFF;
        border-radius: 3px;
        color: #8b2232;
    }

a.large-call-to-action {
    height: auto;
}

    a.large-call-to-action::after {
        top: 50%;
        bottom: auto;
        transform: translateY(-50%);
    }

.large-call-to-action .cta-label {
    font-weight: 600;
    font-size: 14px;
    line-height: 1.2;
}

    .large-call-to-action .cta-label strong {
        font-size: 24px;
        line-height: 1;
    }

@media screen and (max-width:768px) {
    a.call-to-action, button.call-to-action {
        height: 56px;
        padding: 5px 60px;
        font-size: 15px;
        line-height: 16px;
    }

        a.call-to-action::after, button.call-to-action::after {
            line-height: 36px;
            width: 35px;
        }

        a.call-to-action.popup-link::after, button.call-to-action.popup-link::after {
            content: "";
        }

        a.call-to-action .cta-label, button.call-to-action .cta-label {
            height: 46px;
        }

        a.call-to-action .fa, a.call-to-action .i8, button.call-to-action .fa, button.call-to-action .i8 {
            margin: 0;
            left: 15px;
            font-size: 30px;
        }

    a.large-call-to-action {
        height: auto;
        padding: 10px 60px;
    }

        a.large-call-to-action .cta-label {
            height: auto;
        }

            a.large-call-to-action .cta-label strong {
                font-size: 22px;
            }
}


/*************/
/**  Icons  **/
/*************/

.icon-blue {
    color: #06C;
}

.icon-dark-blue {
    color: #039;
}

.icon-green {
    color: #9C0;
}

.icon-yellow {
    color: #FC0;
}

.icon-red {
    color: #C00;
}

.icon-purple {
    color: #606;
}

.icon-orange {
    color: #606;
}


/****************/
/**  Top Menu  **/
/****************/

.new-top-menu {
    background: #F6F7F9;
}

    .new-top-menu ol {
        list-style-type: none;
        line-height: 50px;
    }

    .new-top-menu .inner {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-between;
        padding-left: 170px;
    }

    .new-top-menu ol li {
        display: inline-block;
        position: relative;
    }

    .new-top-menu .inner a {
        color: #5B6270;
        text-decoration: none;
        display: block;
        text-align: center;
        padding: 0 20px;
        margin: 0 -10px;
        transition: 0.1s all;
    }

        .new-top-menu .inner a.current {
            background: #ECEDEF;
            font-weight: bold;
            color: #2D3138;
        }

        .new-top-menu .inner a:hover {
            background: #5B6270;
            color: #FFF;
        }

    .new-top-menu ol li ol {
        display: none;
        padding: 0;
        margin: 0;
        position: absolute;
        z-index: 10;
        right: 0;
        top: 50px;
        width: 200px;
        background: #5B6270;
        line-height: 30px;
        border-radius: 0 0 3px 3px;
        overflow: hidden;
    }

    .new-top-menu ol li > span {
        color: #5B6270;
        display: block;
        padding: 0 15px;
    }

        .new-top-menu ol li > span .fa {
            margin-left: 10px;
        }

    .new-top-menu ol li:hover > span {
        background: #5B6270;
        color: #FFF;
    }

    .new-top-menu ol li:hover ol {
        display: block;
    }

    .new-top-menu ol li ol li {
        display: block;
    }

    .new-top-menu .inner ol li a {
        text-align: left;
        color: #FFF;
    }

        .new-top-menu .inner ol li a:hover {
            background: #3D414A;
        }

#panel.home-page .new-top-menu {
    background: #2D3138;
}

    #panel.home-page .new-top-menu .inner {
        padding-left: 0;
    }

        #panel.home-page .new-top-menu .inner a {
            color: #FFF;
        }

    #panel.home-page .new-top-menu ol li > span {
        color: #FFF;
    }


/**************/
/**  Header  **/
/**************/

#izu-header {
    background: #FFF; /*#ECEDEF;*/ /*#EEE;*/
    height: 120px;
    position: relative;
    z-index: 100;
    padding: 0 20px;
    min-width: 900px;
}

    #izu-header:after {
        content: "";
        background: rgba(0,0,0,0.25);
        position: absolute;
        left: 0;
        right: 0;
        bottom: -1px;
        height: 1px;
    }

    #izu-header .inner {
        position: relative;
    }

@media(max-width:900px) {
    #izu-header {
        min-width: 100%;
    }
}

@media(max-width:760px) {
    #izu-header {
        height: 60px;
        padding: 0;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
    }
}

/**  IZU Logo  **/
#izu-logo-full {
    background: #000;
    width: 150px;
    height: 150px;
    text-indent: -999px;
    overflow: hidden;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 110;
}

    #izu-logo-full img {
        display: block;
        width: 100%;
        height: 100%;
    }

    #izu-logo-full:hover img {
        opacity: 1;
    }

@media(max-width:760px) {
    #izu-logo-full {
        height: 60px;
        width: 60px;
    }
}

/**  Header Tools - Students/Staff/Quicklinks/Social  **/
#header-tools {
    font-size: 12px;
    padding: 10px 0;
    height: 60px;
    white-space: nowrap;
}

    #header-tools ol {
        list-style-type: none;
        margin: 0 20px 0 0;
        padding: 0;
        float: right;
    }

    #header-tools > ol > li {
        display: inline;
        float: left;
        line-height: 40px;
        margin: 0 6px;
    }

    #header-tools ol li a {
        color: #6B7382;
        text-decoration: none;
    }

    #header-tools ol li .fa-angle-down {
        margin-left: 5px;
    }

    #header-tools ol li a:hover {
        color: #06C;
        text-decoration: underline;
    }

    #header-tools ol li.social-link {
        margin: 0 2px;
    }

        #header-tools ol li.social-link a {
            display: block;
        }

            #header-tools ol li.social-link a:hover {
                text-decoration: none;
            }

    #header-tools ol li .social-icon {
        display: block;
        margin-top: 5px;
    }

    #header-tools ol li#quick-links {
        border-left: 1px solid #C6CAD1;
        margin-left: 5px;
        margin-right: 15px;
        position: relative;
    }

        #header-tools ol li#quick-links:hover {
            border-left-color: transparent;
        }

        #header-tools ol li#quick-links > span {
            font-weight: bold;
            display: block;
            padding: 0 14px;
            color: #5B6270;
            border: 1px solid transparent;
            line-height: 38px;
            z-index: 140;
            position: relative;
            cursor: pointer;
        }

            #header-tools ol li#quick-links > span:hover, #header-tools ol li#quick-links:hover > span {
                background: #FFF;
                border-radius: 3px 3px 0 0;
                color: #2D3138;
                border: 1px solid rgba(0,0,0,0.25);
                border-bottom: 0 none;
            }

        #header-tools ol li#quick-links ol {
            display: none;
            position: absolute;
            left: 0;
            top: 38px;
            background: #FFF;
            margin: 0;
            padding: 10px 0;
            z-index: 130;
            border-radius: 0 3px 3px 3px;
            line-height: 25px;
            border: 1px solid rgba(0,0,0,0.25);
        }

        #header-tools ol li#quick-links:hover ol {
            display: block;
        }

        #header-tools ol li#quick-links ol li a {
            display: block;
            padding: 0 25px 0 15px;
        }

            #header-tools ol li#quick-links ol li a:hover {
                background: #ECEDEF;
            }

/**  Header Search  **/
#header-search {
    float: right;
    position: relative;
}

    #header-search #search-select {
        background: #ECEDEF;
        color: #5B6270;
        font-style: italic;
        font-size: 11px;
        display: inline-block;
        line-height: 34px;
        text-align: center;
        padding: 0 10px;
        white-space: nowrap;
        border-top: 3px solid #2D3138;
        border-bottom: 3px solid #2D3138;
    }

        #header-search #search-select .fa-angle-down {
            margin-left: 10px;
        }

        #header-search #search-select:hover {
            background: #5B6270;
            color: #FFF;
            cursor: pointer;
        }

    #header-search .search-field, #header-search .search-submit, #header-search #search-select {
        vertical-align: top;
        -moz-appearance: none;
        -webkit-appearance: none;
        appearance: none;
    }

    #header-search .search-field {
        background: #FFF;
        border: 3px solid #2D3138;
        border-right: 0;
        border-radius: 3px 0 0 3px;
        line-height: 34px;
        width: 200px;
        font-size: 13px;
        padding: 0 10px;
        margin: 0 -3px 0 0;
        height: 40px;
    }

        #header-search .search-field:focus {
            border-color: #8b2232;
        }

    #header-search .search-submit {
        background: #2D3138;
        color: #FFF;
        border: 0 none;
        border-radius: 0 3px 3px 0;
        line-height: 34px;
        width: 40px;
        font-size: 20px;
        cursor: pointer;
        padding: 0;
        text-align: center;
        height: 40px;
    }

        #header-search .search-submit:hover {
            background: #8b2232;
        }

#search-select {
    position: relative;
}

#search-select-options {
    position: absolute;
    top: 34px;
    right: 0;
    display: none;
    text-align: left;
    background: #2D3138;
    color: #FFF;
    z-index: 120;
    margin: 0;
    padding: 0;
    list-style-type: none;
    border-radius: 0 0 3px 3px;
    overflow: hidden;
}

#search-select:hover #search-select-options {
    display: block;
}

#search-select-options li {
    padding: 0 35px 0 15px;
    white-space: nowrap;
    line-height: 30px;
    position: relative;
}

    #search-select-options li.active:after {
        content: "\f00c";
        font-family: 'fontawesome';
        position: absolute;
        right: 15px;
        top: 0;
    }

    #search-select-options li:hover {
        background: #5B6270;
    }

@media(max-width:900px) {
    #header-tools ol li.social-link {
        display: none;
    }

    #header-search #search-select {
        display: none;
    }
}


@media(max-width:760px) {
    #header-tools {
        padding: 10px 10px 10px 130px;
    }

    #header-search {
        float: none;
    }

        #header-search .search-field {
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            width: calc(100% - 40px);
        }

        #header-search #search-select {
            position: absolute;
            right: 40px;
            top: 0;
        }

        #header-search .search-submit {
            position: absolute;
            right: 0;
            top: 0;
        }
}

@media(max-width:600px) {
    /*    #header-search #search-select {display:none;}*/
}


/*****************/
/**  Mega menu  **/
/*****************/

#mega-menu {
    height: 60px;
    padding-left: 373px;
    /*float: right;*/
    position: relative;
}

.menuYeniGenislik {
    width: 50% !important;
}

.mobile .menuYeniGenislik {
    width: 100% !important;
}

#mega-menu > ol {
    margin: 0;
    padding: 0;
}

    #mega-menu > ol > li {
        display: inline;
        float: left;
        margin: 0;
        padding: 0;
        font-size: 18px;
        margin-left: 5px; /*10px;*/
    }

        #mega-menu > ol > li:first-child {
            margin-left: 0;
        }

        #mega-menu > ol > li > a {
            line-height: 60px;
            padding: 0 15px; /*20px;*/
            color: #2D3138; /*#333;*/
            font-weight: bold;
            text-decoration: none;
            display: block;
            border-radius: 3px 3px 0 0;
        }
            /*#mega-menu > ol > li > a.highlight {border:0 none;border-bottom:8px solid #F93;line-height:44px;margin-top:8px;}*/
            #mega-menu > ol > li > a:hover, #mega-menu > ol > li:hover > a {
                color: #FFF;
                background: #2D3138;
            }
        /*#mega-menu > ol > li > a.highlight:hover, #mega-menu > ol > li:hover > a.highlight {border:0 none;line-height:60px;margin-top:0;}*/
        #mega-menu > ol > li > .menu-columns {
            display: none;
            position: absolute;
            left: 0;
            right: 0;
            top: 60px;
            background: #2D3138;
            border-radius: 0 0 3px 3px;
            z-index: 110;
        }

        #mega-menu > ol > li:hover > .menu-columns {
            display: block;
        }

.menu-columns .col {
    width: 25%;
    display: inline;
    position: relative;
    float: left;
    margin: 20px 0;
    padding: 0 20px;
}

    .menu-columns .col:first-child {
        border-left: 0;
    }

    .menu-columns .col a:hover {
        color: #FFF;
        text-decoration: underline;
    }

    .menu-columns .col p {
        font-weight: bold;
        border-bottom: 1px solid #5B6270;
        font-size: 16px;
        padding-bottom: 10px;
        margin-bottom: 10px;
        color: #FFF;
    }

        .menu-columns .col p a {
            color: #FFF;
            text-decoration: none;
        }

    .menu-columns .col ol {
        list-style-type: none;
        margin: 0;
        padding: 0;
        line-height: 25px;
        font-size: 14px;
    }

        .menu-columns .col ol li {
            margin: 0;
            padding: 0;
        }

            .menu-columns .col ol li a {
                color: #C7CAD1;
                text-decoration: none;
            }

.menu-columns .cta-row {
    clear: both;
}

/**  Compressed header - on scroll  **/
/*.compressed-header {padding-top:120px;}*/
/*.compressed-header #izu-header {height:60px;position:fixed;left:0;right:0;top:0;}*/
/*.compressed-header #izu-logo-full {width:60px;height:60px;}*/
/*.compressed-header #header-tools {float:right;display:inline;position:relative;z-index:20;}*/
/*.compressed-header #header-tools ol {display:none;}*/
/*.compressed-header #mega-menu {float:none;position:relative;padding-left:70px;}*/
/*.compressed-header #mega-menu > ol > li {font-size:13px;margin:0;}*/
/*.compressed-header #mega-menu > ol > li > a {border-radius:0;padding:0 15px;}*/
/*.compressed-header #mega-menu > ol > li > a span {display:none;}*/
/*.compressed-header .menu-columns .col {margin:15px 0;padding:0 15px;}*/
/*.compressed-header .menu-columns .col p {font-size:13px;}*/
/*.compressed-header .menu-columns .col ol {font-size:12px;line-height:20px;}*/
/*.compressed-header #header-search #search-select {display:none;}*/

@media(max-width:1150px) {
    #mega-menu > ol > li {
        font-size: 15px;
    }
    /*.compressed-header #mega-menu > ol > li > a span {display:none;}*/
}

@media(max-width:1120px) {
    /*.compressed-header #header-search #search-select {display:none;}*/
}

@media(max-width:1095px) {
    #mega-menu > ol > li {
        margin-left: 2px; /*5px;*/
    }

        #mega-menu > ol > li > a {
            padding: 0 10px; /*15px;*/
        }
    /*.compressed-header #mega-menu > ol > li {margin:0;}*/
    /*.compressed-header #mega-menu > ol > li > a {padding:0 10px;}*/
}

@media(max-width:1025px) {
    #mega-menu > ol > li {
        margin-left: 2px;
        font-size: 14px;
    }

        #mega-menu > ol > li > a {
            padding: 0 10px;
        }
    /*.compressed-header #mega-menu > ol > li > a {padding:0 5px;}*/
}

@media(max-width:980px) {
    #mega-menu > ol > li > a span {
        display: none;
    }
}

@media(max-width:965px) {
    #mega-menu > ol > li {
        margin-left: 1px;
    }

        #mega-menu > ol > li > a {
            font-size: 14px;
        }
    /*.compressed-header #mega-menu > ol > li > a {font-size:12px;}*/
}

@media(max-width:760px) {
    #mega-menu {
        display: none;
    }
    /*.compressed-header {padding-top:0;}*/
    body.mobile #panel /*, .compressed-header #panel */ {
        padding-top: 60px;
    }
    /*.compressed-header #header-tools {display:block;float:none;padding-left:130px;}*/
}


/*****************/
/**  New Header **/
/*****************/

.new-global-header {
    background: #FFF;
    height: 150px;
    box-shadow: 0 0 20px rgba(0,0,0,0.1);
    z-index: 100;
    position: relative;
}

    .new-global-header .inner {
        position: relative;
    }

@media(max-width:900px) {
    .new-global-header {
        min-width: 100%;
    }
}

@media(max-width:760px) {
    .new-global-header {
        height: 60px;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
    }
}

.izu-logo {
    width: 150px;
    display: block;
    position: absolute;
    top: -50px;
    left: 0;
}

    .izu-logo img {
        vertical-align: top;
        max-width: 100%;
    }

@media(max-width:760px) {
    .izu-logo {
        width: 60px;
        top: 0;
    }
}

.primary-header {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: nowrap;
    padding-left: 145px;
    position: relative;
}

@media(max-width:760px) {
    .primary-header {
        padding-left: 65px;
        padding-right: 65px;
    }
}

#panel .primary-menu {
    padding: 0 25px;
    flex-grow: 1;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    flex-wrap: nowrap;
    list-style-type: none;
    margin: 0;
}

    #panel .primary-menu > li {
        transition: 0.1s all;
    }

        #panel .primary-menu > li > a {
            color: #6B7382;
            text-transform: uppercase;
            font-weight: bold;
            text-decoration: none;
            padding: 0 25px;
            display: block;
            font-family: Roboto;
            font-weight: 900;
            line-height: 100px;
            font-size: 30px;
            position: relative;
            transition: 0.1s all;
            margin: 0 -10px;
        }

            #panel .primary-menu > li > a:after {
                content: "";
                position: absolute;
                bottom: 17px;
                left: 30px;
                width: 0;
                height: 4px;
                background: #8b2232;
                border-radius: 4px;
                opacity: 0;
                transition: 0.2s all;
            }

            #panel .primary-menu > li > a.current {
                color: #8b2232;
            }

        #panel .primary-menu > li:hover > a {
            background: #2D3138;
            color: #FFF;
        }

        #panel .primary-menu > li > a:hover:after {
            width: 50px;
            opacity: 1;
        }

.primary-search {
    width: 250px;
    padding-top: 20px;
    position: relative;
    transition: all 0.1s;
}

.primary-search-box {
    height: 60px;
    border-radius: 4px;
    width: 250px;
    font-size: 20px;
    padding: 10px 60px 10px 15px;
    appearance: none;
    border: 0 none;
    transition: 0.1s all;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}

.primary-search:hover .primary-search-box {
    box-shadow: 0 0 0 1px #D9DBE0, 0 3px 10px rgba(0, 0, 0, 0.25), 0 10px 30px rgba(0, 0, 0, 0.1);
}

.primary-search-box:focus {
    box-shadow: 0 0 0 3px #8b2232, 0 3px 10px rgba(0,0,0,0.25), 0 10px 30px rgba(0,0,0,0.1);
}

.primary-search-button {
    position: absolute;
    top: 25px;
    right: 5px;
    background: none;
    width: 50px;
    height: 50px;
    appearance: none;
    border-radius: 3px;
    border: 0 none;
    font-size: 24px;
    color: #2D3138;
    cursor: pointer;
}

    .primary-search-button:hover {
        background: #8b2232;
        color: #FFF;
    }

.primary-search-selector {
    display: none;
    position: absolute;
    top: 20px;
    right: 60px;
}

.primary-search-selection {
    line-height: 60px;
    display: block;
    color: #5B6270;
    font-style: italic;
}

.primary-search-selector:hover .primary-search-selection {
    color: #2D3138;
}

.primary-search-selection::after {
    font-family: fontawesome;
    margin-left: 5px;
    font-style: normal;
    content: "\f107";
}

@media(max-width:760px) {
    .primary-search {
        padding-top: 5px;
    }

    .primary-search-box {
        height: 50px;
        padding-right: 50px;
        box-shadow: 0 0 5px rgba(0,0,0,0.25);
        font-size: 16px;
    }

    .primary-search:hover .primary-search-box {
        box-shadow: 0 0 5px rgba(0,0,0,0.25);
        f;
    }

    .primary-search-box:focus {
        box-shadow: 0 0 0 3px #8b2232;
    }

    .primary-search-button {
        top: 10px;
        height: 40px;
        width: 40px;
    }
}

.primary-search-options {
    display: none;
    list-style-type: none;
    position: absolute;
    width: 180px;
    right: -20px;
    top: 50px;
    padding: 12px 0;
    margin: 0;
    background: #2D3138;
    color: #FFF;
    border-radius: 3px;
}

    .primary-search-options::before {
        content: "";
        border: 10px solid transparent;
        border-bottom-color: #2D3138;
        position: absolute;
        top: -20px;
        right: 15px;
        height: 0;
        width: 0;
    }

.primary-search.primary-search-focus .primary-search-options {
    display: block;
}

.primary-search-options li {
    line-height: 30px;
    padding: 0 15px;
}

    .primary-search-options li label {
        cursor: pointer;
        display: block;
    }

    .primary-search-options li input[type="radio"] {
        margin-right: 10px;
    }

    .primary-search-options li:hover {
        background: #4C525D;
    }

#hidden-search-fields {
    display: none;
}

#panel.home-page .new-global-header {
    background: none;
    box-shadow: none;
    height: 300px;
}

#panel.home-page .izu-logo {
    top: 0;
}

#panel.home-page .primary-header {
    margin-top: 50px;
}

#panel.home-page .primary-menu {
    margin-top: 25px;
    margin-bottom: 25px;
}

    #panel.home-page .primary-menu > li > a {
        font-size: 34px;
    }

    #panel.home-page .primary-menu > li > a, #panel.home-page .primary-menu.light-tint > li > a {
        color: #FFF;
    }

    #panel.home-page .primary-menu.dark-tint > li > a {
        color: #2D3138;
    }

    #panel.home-page .primary-menu > li > a:hover, #panel.home-page .primary-menu > li:hover > a {
        color: #FFF;
    }

#panel.home-page .primary-search {
    margin-top: 25px;
    width: 200px;
}

#panel.home-page .primary-search-box {
    width: 200px;
}

#panel.landing-page .primary-menu > li > a {
    font-size: 34px;
}

#panel.landing-page .primary-search {
    width: 200px;
}

#panel.landing-page .primary-search-box {
    width: 200px;
}

#panel .primary-header-shrink .primary-menu > li > a {
    font-size: 24px;
}

#panel .primary-header-shrink .primary-search, #panel .primary-header-shrink .primary-search-box {
    width: 400px;
}

#panel .primary-header-shrink .primary-search-selector {
    display: block;
}


@media(max-width:760px) {
    #panel .primary-header .primary-search, #panel .primary-header .primary-search-box, #panel .primary-header-shrink .primary-search, #panel .primary-header-shrink .primary-search-box {
        width: 100%;
    }

    #panel .primary-header-shrink .primary-search-selector {
        display: none;
    }
}


.explore-menu {
    display: none;
    background: linear-gradient(to bottom,#2D3138,#3D414A);
    position: absolute;
    top: 100px;
    left: 0;
    right: 0;
    z-index: 1000;
    padding: 40px;
    color: #FFF;
    border-radius: 0 0 3px 3px;
    transition: 0.2s all;
    opacity: 0;
}

    .explore-menu .headline-40px {
        margin-bottom: 15px;
    }

        .explore-menu .headline-40px + p {
            font-family: Roboto;
            font-size: 16px;
            font-style: italic;
            font-weight: 600;
        }

    .explore-menu h3 {
        color: #8b2232;
    }

    .explore-menu ul {
        list-style-type: none;
        padding: 0;
    }

        .explore-menu ul li a {
            color: #FFF;
        }

        .explore-menu ul:not([class]) li::before {
            color: #8b2232;
        }

    .explore-menu .feature-block {
        margin-bottom: 40px;
    }

#panel .primary-menu > li:hover .explore-menu {
    display: block;
}

#panel .primary-menu > li.hover .explore-menu {
    opacity: 1;
}

.explore-aos-list {
    font-size: 15px;
    line-height: 30px;
    margin: 0;
}

    .explore-aos-list li {
    }

        .explore-aos-list li a {
            text-decoration: none;
        }

            .explore-aos-list li a:hover {
                text-decoration: underline;
            }

            .explore-aos-list li a .i8 {
                margin-right: 10px;
                font-size: 20px;
                vertical-align: middle;
            }

            .explore-aos-list li a:hover .i8 {
                color: #8b2232;
            }



/**************************/
/**  Search Suggestions  **/
/**************************/

#search-suggest {
    position: absolute;
    width: 198px;
    background: rgba(255,255,255,0.95);
    box-shadow: 0 0 0 3px rgba(0,0,0,0.1);
    margin: 0;
    z-index: 1;
    left: 3px;
    top: 40px;
    list-style: none;
    padding: 5px 0;
    border-radius: 0 0 3px 3px;
}

#suggest-spinner {
    color: #C6CAD1;
    position: absolute;
    left: 175px;
    top: 12px;
    display: none;
    font-size: 16px;
}

.searchLink {
    display: block;
    text-decoration: none;
    padding: 5px 10px;
    color: #4C525D;
    white-space: normal;
}

    .searchLink:hover, .selected .searchLink {
        background: #ECEDEF;
        color: #06C;
    }

#panel.landing-page #search-suggest {
    left: 0;
    top: 83px;
    width: 250px;
}

#panel.landing-page #suggest-spinner {
    font-size: 20px;
    top: 40px;
}


@media(max-width:768px) {
    #search-suggest {
        display: none;
    }
}


/************/
/**  Body  **/
/************/

#izu-body {
    padding: 0 20px; /*overflow:hidden;*/
}

#page-header + #izu-body {
    margin-top: 40px;
}

#izu-body .wrapped {
    min-width: 900px;
}

#izu-body.one-column {
    padding: 0;
}

#panel.landing-page #izu-body.one-column {
    padding: 0 20px;
    overflow-x: hidden;
}

#panel.landing-page #page-header + #izu-body.one-column {
    margin-top: 0;
}

#izu-body .body-menu, #izu-body .body-content, #izu-body .body-sidebar {
    display: inline;
    position: relative;
    float: left;
    margin: 0 0 40px;
}

#izu-body .body-content, #izu-body .unwrapped .body-content .wrapped {
    padding: 40px;
    background: rgba(255,255,255,0.9);
    border-radius: 3px;
}

#izu-body .unwrapped .body-content {
    padding: 0;
    background: none;
}

.landing-page #izu-body .wrapped {
    position: relative;
    z-index: 6;
}

    .landing-page #izu-body .wrapped .body-content, .sub-landing-page #izu-body .wrapped .body-content {
        padding: 40px 0;
        background: none;
        border-radius: 0;
    }

.login-page #izu-body .body-content {
    display: none;
}

#izu-body.three-column .body-menu, #izu-body.two-column .body-menu {
    width: 25%;
}

#izu-body.three-column .body-content {
    width: 50%;
}

#izu-body.two-column .body-content, #izu-body.two-column-alt .body-content {
    width: 75%;
}

#izu-body.three-column .body-sidebar, #izu-body.two-column-alt .body-sidebar {
    width: 25%;
}

#izu-body.one-column .body-content {
    display: block;
    float: none;
    width: 100%; /*overflow:hidden;*/
}

/*#izu-body.two-column .body-sidebar {display:block;width:100%;}*/
#izu-body.two-column .body-sidebar {
    clear: both;
    display: block;
    float: none;
    margin: 0 -10px 40px;
    width: auto;
}

@media(max-width:1030px) {
    #izu-body.three-column .body-menu {
        width: 30%;
    }

    #izu-body.three-column .body-content {
        width: 70%;
    }

    #izu-body.three-column .body-sidebar {
        width: 100%;
    }
}

@media(max-width:900px) {
    #izu-body .wrapped {
        min-width: 100%;
    }
}

@media(max-width:760px) {
    /*#izu-body .wrapped {min-width:100%;}*/
    #izu-body.three-column .body-menu, #izu-body.two-column .body-menu {
        width: 100%;
        float: none;
        display: block;
        margin: 20px 0;
    }

    #izu-body.three-column .body-content, #izu-body.two-column .body-content, #izu-body.two-column-alt .body-content {
        width: 100%;
        float: none;
        display: block;
    }

    #izu-body.two-column-alt .body-sidebar {
        width: 100%;
        float: none;
        display: block;
    }
}

@media(max-width:500px) {
    #izu-body {
        padding: 0;
    }

        #izu-body.three-column .body-menu, #izu-body.two-column .body-menu {
            margin-top: 0;
            margin-bottom: 10px;
        }

        #izu-body .body-content {
            padding: 20px;
            border-radius: 0;
        }
}


/*****************************************************************************/
/**  Header Carousel - Only works with home/landing/campaign page template  **/
/*****************************************************************************/

.landing-page #page-header .carousel-slide {
    width: 100%;
    background-position: center center;
    background-size: 100% auto;
}

    .landing-page #page-header .carousel-slide a {
        display: block;
        padding-bottom: 160px;
    }

        .landing-page #page-header .carousel-slide a .inner {
            position: relative;
            height: 500px;
            height: 40vw;
            max-height: 50vh;
            min-height: 400px;
        }

        .landing-page #page-header .carousel-slide a:hover {
        }

    .landing-page #page-header .carousel-slide .carousel-slide-caption {
        display: block;
        position: absolute;
        max-width: 50%;
        bottom: 0;
        left: 0;
        transition: 0.75s;
        transition: 0.75s;
    }

.landing-page #page-header .carousel-slide-caption h2 {
    font-size: 50px;
    line-height: 1;
    color: #FFF;
    font-family: 'Roboto','Helvetica Neue',Arial,sans-serif; /*,'Arial Black'*/
    font-weight: 900;
}

.landing-page #page-header .carousel-slide-caption p {
    font-size: 20px;
}

    .landing-page #page-header .carousel-slide-caption p:last-child {
        margin-bottom: 0;
    }

.landing-page #page-header .carousel-slide a .button {
    text-shadow: 1px 1px 0 rgba(0,0,0,0.5),0 0 20px rgba(0,0,0,0.5);
    box-shadow: 1px 1px 0 rgba(0,0,0,0.5),0 0 20px rgba(0,0,0,0.5), 1px 1px 0 rgba(0,0,0,0.5) inset,0 0 20px rgba(0,0,0,0.5) inset;
}

.landing-page #page-header .carousel-slide a:hover .button {
    background: #06C;
    color: #FFF;
    border-color: #06C;
    box-shadow: 1px 1px 0 rgba(0,0,0,0.5),0 0 20px rgba(0,0,0,0.5);
}

.landing-page #page-header .flickity-page-dots {
    bottom: 130px;
}

    .landing-page #page-header .flickity-page-dots .dot {
        background: #FFF;
    }

.landing-page #page-header .flickity-prev-next-button {
    position: absolute;
    top: 50%;
    margin-top: -30px;
    width: 60px;
    height: 60px;
    padding: 0;
    background: none;
    border: 0 none;
    appearance: none;
    transition: 0.2s all;
    z-index: 100;
}

    .landing-page #page-header .flickity-prev-next-button:hover {
        background: #8b2232;
        height: 100px;
        width: 80px;
        margin-top: -50px;
        cursor: pointer;
    }

    .landing-page #page-header .flickity-prev-next-button.previous {
        left: 0;
    }

    .landing-page #page-header .flickity-prev-next-button.next {
        right: 0;
    }

    .landing-page #page-header .flickity-prev-next-button.previous:hover {
        border-radius: 0 50px 50px 0;
    }

    .landing-page #page-header .flickity-prev-next-button.next:hover {
        border-radius: 50px 0 0 50px;
    }

    .landing-page #page-header .flickity-prev-next-button svg {
        transition: 0.2s all;
    }



/*******************/
/**  Page Header  **/
/*******************/

#page-header {
    overflow: hidden;
    position: relative;
    background-color: #3D414A; /*border-bottom:20px solid #FFF;*/
    background-position: center;
    background-size: cover;
}

    #page-header:after {
        content: "";
        background: rgba(0,0,0,0.25);
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        height: 1px;
    }

#panel.sub-landing-page #page-header {
    background: none;
}

    #panel.sub-landing-page #page-header::after {
        display: none;
    }

#cookie-trail + #page-header {
    margin-top: -89px;
}

.new-global-header + #cookie-trail + #page-header {
    margin-top: -60px;
}

#cookie-trail.hidden-cookie-trail + #page-header {
    margin-top: 0;
}

#panel.sub-landing-page #cookie-trail.hidden-cookie-trail + #page-header {
    margin-top: 30px;
}
/* remove for new global header */
#page-header > a {
    display: block;
    background: linear-gradient(60deg,rgba(0,0,0,0.75),rgba(0,0,0,0) 60%);
    color: #FFF;
    text-shadow: 1px 1px 0 rgba(0,0,0,0.5),0 0 20px rgba(0,0,0,0.5);
    padding: 0 20px;
}

#page-header a {
    text-decoration: none;
    text-decoration: none;
}

#page-header .header-tint {
    background: linear-gradient(60deg,rgba(0,0,0,0.75),rgba(0,0,0,0) 60%);
    color: #FFF;
    text-shadow: 1px 1px 0 rgba(0,0,0,0.5),0 0 20px rgba(0,0,0,0.5);
    padding: 0 20px;
}

#page-header .no-header-tint {
    padding: 0 20px;
}

.pre-page-header-title {
    font-size: 20px;
    line-height: 1;
    color: #FFF;
    font-family: 'Roboto','Helvetica Neue',Arial,sans-serif; /*,'Arial Black'*/
    font-weight: 600;
    display: block;
    padding: 60px 0 20px;
    text-decoration: none;
}

.page-header-title {
    font-size: 50px;
    line-height: 1;
    color: #FFF;
    font-family: 'Roboto','Helvetica Neue',Arial,sans-serif; /*,'Arial Black'*/
    font-weight: 900;
    display: inline-block; /*float:left;*/ /*padding:20px 0 40px;*/
    margin: 0;
    max-width: 75%;
}
/*#page-header .page-header-title.nbb {border-bottom:0 none;}*/
#page-header .pre-page-header-title + .page-header-title {
    padding-top: 0;
}

#page-header .pre-page-header-title .thin, #page-header .page-header-title .thin {
    font-weight: 300;
}

#cookie-trail + #page-header .inner {
    margin-top: 100px;
}

#cookie-trail.hidden-cookie-trail + #page-header .inner {
    margin-top: 0;
}

#cookie-trail + #page-header .header-tint .inner, #cookie-trail + #page-header .no-header-tint .inner {
    margin-top: 0;
    padding-top: 100px;
    padding-bottom: 40px;
}

.new-global-header + #cookie-trail + #page-header .header-tint .inner, .new-global-header + #cookie-trail + #page-header .no-header-tint .inner {
    padding-top: 60px;
}

#cookie-trail.hidden-cookie-trail + #page-header .header-tint .inner, #cookie-trail.hidden-cookie-trail + #page-header .no-header-tint .inner {
    padding-top: 0;
}

.landing-page .new-global-header + #cookie-trail #page-header .no-header-tint .inner, .landing-page .new-global-header + #cookie-trail + #page-header .no-header-tint .inner {
    padding-bottom: 160px;
}

#page-header .headline-40px, #page-header .headline-60px, #page-header .headline-80px, #page-header .headline-100px, #page-header .headline-120px, #page-header .headline-150px {
    margin-bottom: 0; /*padding-bottom:40px;*/
}

    #page-header .headline-80px small {
        display: block;
        position: relative;
        font-size: 40px;
    }

        #page-header .headline-80px small.underlined {
            padding-bottom: 20px;
            margin-bottom: 20px;
        }

            #page-header .headline-80px small.underlined::after {
                content: "";
                position: absolute;
                left: 0;
                bottom: -2px;
                height: 4px;
                width: 153px;
                border-radius: 4px;
                background: #8b2232;
            }

    #page-header .headline-120px small {
        margin-bottom: 20px;
        display: block;
        position: relative;
        font-size: 60px;
    }

        #page-header .headline-120px small.underlined {
            padding-bottom: 20px;
        }

            #page-header .headline-120px small.underlined::after {
                content: "";
                position: absolute;
                left: 0;
                bottom: -2px;
                height: 4px;
                width: 153px;
                border-radius: 4px;
                background: #8b2232;
            }

/*#panel.landing-page #page-header::after {display:none;}*/
#page-header .headline-150px {
    margin: 40px 0 0;
}
/*90*/
.hidden-cookie-trail + #page-header .headline-150px {
    margin-top: 90px;
}

#panel.home-page #page-header .headline-150px {
    margin-top: 0;
}

#page-header .headline-150px small {
    margin-bottom: 20px;
    display: block;
    position: relative;
    font-size: 40px;
}

    #page-header .headline-150px small.underlined {
        padding-bottom: 20px;
    }

        #page-header .headline-150px small.underlined::after {
            content: "";
            position: absolute;
            left: 0;
            bottom: -2px;
            height: 4px;
            width: 100px;
            border-radius: 4px;
            background: #8b2232;
        }

#page-header .headline-40px + .headline-120px {
    margin-top: 30px;
}

#page-header .page-header-image {
    width: 100%;
    vertical-align: top;
}

@media(max-width:760px) {
    #cookie-trail + #page-header {
        margin-top: 0;
    }

        #cookie-trail + #page-header .header-tint .inner, #cookie-trail + #page-header .no-header-tint .inner {
            padding-top: 20px;
            padding-bottom: 20px; /*0;*/
        }

    #page-header .headline-40px {
        font-size: 30px;
    }

    #page-header .headline-120px {
        font-size: 100px;
    }

    #page-header .headline-40px + .headline-120px {
        margin-top: 20px;
    }
}

@media(max-width:760px) {
    #page-header .headline-120px {
        font-size: 70px;
    }
}

#page-header.scaling-header {
    min-height: 25vw;
}

    #page-header.scaling-header .inner {
        justify-content: flex-start;
        display: flex;
        align-items: flex-end;
        align-content: flex-end;
        height: 100%;
        min-height: 25vw;
    }


/***************************/
/**  Landing Page Header  **/
/***************************/

.header-action {
    font-size: 36px;
    line-height: 1;
    color: #2D3138;
    font-family: Roboto;
    font-weight: 900;
    margin-top: 20px;
    display: block;
    padding-left: 20px;
    position: relative;
}

    .header-action.inverted-header-action {
        color: #FFF;
    }

    .header-action .fa-angle-right {
        color: #8b2232;
        position: absolute;
        left: 0;
        top: 0;
    }

    .header-action:hover .fa-angle-right:before {
        content: "";
    }

@media screen and (max-width:760px) {
    .header-action {
        font-size: 24px;
        padding-left: 15px;
    }
}

.landing-page-header {
    background: #8b2232;
    padding: 40px 20px;
}

.landing-page-header {
    position: relative;
    z-index: 20;
}

    .landing-page-header h1 {
        color: #FFF;
    }

        .landing-page-header h1.underlined::after {
            background: rgba(255,255,255,0.5);
        }

    .landing-page-header p {
        font-family: Roboto;
        font-weight: 600;
        font-size: 20px;
        color: #FFF;
    }

        .landing-page-header p:last-child {
            margin: 0;
        }

    .landing-page-header, .landing-page-header .inner div[data-section] {
        transition: 0.1s all;
    }

.landing-page-header-nav {
    background: #5B6270;
    margin-top: -30px;
    position: relative;
    z-index: 90;
    padding: 0 20px;
}

    .landing-page-header-nav .inner {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }

        .landing-page-header-nav .inner > span {
            padding: 0 0 30px;
            position: relative;
        }

            .landing-page-header-nav .inner > span > a {
                text-decoration: none;
                color: #D9DBE0;
                transition: 0.1s all;
                font-family: Roboto;
                font-weight: 900;
                font-size: 30px;
            }

                .landing-page-header-nav .inner > span > a.active, .landing-page-header-nav .inner > span > a:hover {
                    color: #FFF;
                }

    .landing-page-header-nav a:hover, .landing-page-header-nav a.active {
        color: #FFF;
    }

        .landing-page-header-nav a.active::before {
            content: "";
            position: absolute;
            bottom: 0;
            left: 50%;
            margin-left: -20px;
            border: 20px solid transparent;
            transition: 0.1s all;
            border-bottom-color: #8b2232;
        }

/*.landing-page-header-nav a::before, .landing-page-header-nav a.active::before, .landing-page-header-nav a:hover::before {content:"";position:absolute;bottom:-40px;left:50%;margin-left:-20px;border:20px solid transparent;transition:0.1s all;}*/
/*.landing-page-header-nav a::before, .landing-page-header-nav a:hover::before {border-bottom-color:#4C525D;display:none;}*/
/*.landing-page-header-nav a.active::before, .landing-page-header-nav a.active:hover::before {border-bottom-color:#8b2232;display:block;}*/
/*.landing-page-header-nav a.active::before, .landing-page-header-nav a:hover::before {bottom:0;}*/
/*.landing-page-header-nav:hover a, .landing-page-header-nav:hover a.active {color:#A1A7B2;}*/
/*.landing-page-header-nav:hover a:hover, .landing-page-header-nav:hover a.active:hover {color:#FFF;}*/
/*.landing-page-header-nav:hover a.active::before {display:none;}*/
/*.landing-page-header-nav:hover a.active:hover::before {display:block;}*/


@media screen and (max-width:760px) {
    #page-header .headline-150px {
        font-size: 80px;
        margin-top: 30px;
    }

    #page-header .headline-80px {
        font-size: 60px;
    }

        #page-header .headline-80px + .headline-150px {
            font-size: 100px;
        }
}


/********************/
/**  Cookie Trail  **/
/********************/

#cookie-trail {
    padding: 50px 20px 20px;
    font-size: 13px;
    line-height: 20px;
    color: #5C6370;
}

    #cookie-trail ol {
        list-style-type: none;
        margin: 0;
        padding: 0;
        position: relative;
        z-index: 1;
    }

        #cookie-trail ol li {
            display: inline;
            margin: 0;
            padding: 0;
        }

            #cookie-trail ol li.current-page {
                font-weight: bold;
                color: #2D3138;
            }

            #cookie-trail ol li a {
                text-decoration: none;
                color: #5C6370;
            }

                #cookie-trail ol li a:hover {
                    color: #06C;
                    text-decoration: underline;
                }

            #cookie-trail ol li:before {
                content: "\f105";
                font-family: "fontawesome";
                margin: 0 10px;
            }

            #cookie-trail ol li.current-page:before {
                content: "\f0da";
            }

            #cookie-trail ol li.home-link:before {
                content: "";
                display: none;
            }

    #cookie-trail.light-cookie-trail { /*background:#6B7382;*/
        color: #C7CAD1; /*#CCC;*/
        color: rgba(255,255,255,0.8);
    }
        /* linear-gradient(#8E95A3,#6b7382) */
        #cookie-trail.light-cookie-trail ol li.current-page {
            color: #FFF;
        }

        #cookie-trail.light-cookie-trail ol li a {
            color: #C7CAD1; /*#CCC;*/
            color: rgba(255,255,255,0.8);
        }

            #cookie-trail.light-cookie-trail ol li a:hover {
                color: #FFF;
            }

    #cookie-trail.hidden-cookie-trail {
        display: none;
    }

.new-global-header + #cookie-trail {
    padding: 20px;
}

@media(max-width:760px) {
    #cookie-trail {
        display: none;
    }
}


/*****************/
/**  Side Menu  **/
/*****************/

#side-menu-title {
    font-weight: bold;
    font-size: 16px;
    text-transform: uppercase;
    background: #4C525D;
}

#side-menu > ol > li#side-menu-title > a {
    color: #D9DBE0;
}

    #side-menu > ol > li#side-menu-title > a:hover {
        background: #3D414A;
        color: #FFF;
    }

#side-menu .menu-toggle {
    display: none;
}

#side-menu ol, #side-menu li {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#side-menu > ol {
    background: rgba(91,98,112,0.9);
    margin: 0 20px 0px 0;
    font-size: 14px;
    line-height: 1.2;
    border-radius: 3px;
    overflow: hidden;
}

    #side-menu > ol > li {
        border-top: 1px solid #4C525D;
    }

        #side-menu > ol > li:first-child {
            border-top: 0;
        }

        #side-menu > ol > li > a {
            display: block;
            text-decoration: none;
            padding: 15px;
            margin: 0;
            color: #FFF;
        }

        #side-menu > ol > li > ul {
            border-left: 2px solid #3d414a;
            margin: 0px;
            background-color: #4C525D;
            padding: 0.4em 0 0.4em 2em;
        }

            #side-menu > ol > li > ul a {
                color: #fff;
                font-size: 12px;
                text-decoration: none;
                margin: 0;
                padding: 0;
            }

        #side-menu > ol > li > a:hover {
            background: #5B6270;
        }

        #side-menu > ol > li > a.current {
            background: #7C8493;
            font-weight: bold;
        }

    #side-menu > ol ol {
        margin: 0 0 10px 10px;
        border-left: 2px solid #3D414A;
        font-size: 12px;
    }

        #side-menu > ol ol > li > a {
            display: block;
            color: #FFF;
            text-decoration: none;
            padding: 5px 10px;
        }

            #side-menu > ol ol > li > a:hover {
                background: #5B6270;
            }

            #side-menu > ol ol > li > a.current {
                background: #7C8493;
                color: #FFF;
                font-weight: bold;
            }

@media(max-width:760px) {
    #side-menu .menu-toggle {
        display: block;
        width: 100px;
        margin: 10px auto;
        text-align: center;
    }

        #side-menu .menu-toggle .fa {
            margin-right: 5px;
        }

    #side-menu.open .menu-toggle .fa:before {
        content: "";
    }

    #side-menu ol {
        display: none;
        margin-right: 0;
    }

        #side-menu ol ol {
            display: block;
            padding-left: 0;
        }

        #side-menu ol li a {
            padding: 15px;
        }

    #side-menu > ol ol > li > a {
        padding: 15px;
    }
}


/****************/
/**  Top Menu  **/
/****************/

#top-menu {
    margin-bottom: 40px;
}

    #top-menu #side-menu-title {
        font-size: 14px;
    }

    #top-menu .menu-toggle {
        display: none;
    }

    #top-menu ol, #top-menu li {
        list-style-type: none;
        text-align: left;
    }

    #top-menu > ol {
        background: rgba(91,98,112,0.9);
        border-radius: 3px;
        padding: 0;
    }

        #top-menu > ol ol {
            display: none;
        }

        #top-menu > ol > li {
            margin: 0;
            border-left: 1px solid #5B6270;
            display: inline-block;
            position: relative;
        }

            #top-menu > ol > li:hover {
                background: #5B6270;
            }

            #top-menu > ol > li:first-child {
                border-left: 0 none;
                border-radius: 3px 0 0 3px;
            }

                #top-menu > ol > li:first-child a {
                    border-radius: 3px 0 0 3px;
                }

            #top-menu > ol > li > a {
                color: #FFF;
                text-decoration: none;
                padding: 15px 15px;
                display: block;
                font-weight: bold;
            }

                #top-menu > ol > li > a .fa {
                    margin-left: 10px;
                }

                #top-menu > ol > li > a:hover {
                    background: #5B6270;
                    text-decoration: underline;
                }

                #top-menu > ol > li > a.current {
                    background: #5B6270;
                    color: #FFF;
                }

#page-header + #top-menu {
    background: rgba(91,98,112,0.9);
}

    #page-header + #top-menu > ol {
        background: none;
        border-radius: 0;
    }

        #page-header + #top-menu > ol > li:first-child {
            display: none;
        }

            #page-header + #top-menu > ol > li:first-child, #page-header + #top-menu > ol > li:first-child a {
                border-radius: 0;
            }

#top-menu > ol li:hover ol {
    background: #5B6270;
    border-radius: 0 0 3px 3px;
    display: block;
    left: 0;
    margin: 0;
    padding: 5px 0;
    position: absolute;
    top: 100%;
    z-index: 10;
}

#top-menu > ol ol > li {
    border-top: 1px solid #5B6270;
}

    #top-menu > ol ol > li:first-child {
        border-top: 0 none;
    }

    #top-menu > ol ol > li > a {
        color: #FFF;
        text-decoration: none;
        padding: 10px 15px;
        display: block;
        font-weight: bold;
        white-space: nowrap;
    }

        #top-menu > ol ol > li > a:hover {
            background: #6B7382;
            text-decoration: underline;
        }

        #top-menu > ol ol > li > a.current {
            background: #6B7382;
            color: #FFF;
        }


/*
@media(max-width:760px) {
    #top-menu {background:none;margin:20px auto;}
    #top-menu .menu-toggle {display:block;width:100px;margin:10px auto;text-align:center;}
    #top-menu .menu-toggle .fa {margin-right:5px;}
    #top-menu.open .menu-toggle .fa:before {content:"";}
    #top-menu ol {display:none;background:rgba(91,98,112,0.9);padding:0;border-radius:3px;margin-bottom:20px;}
    #top-menu ol li{display:block;text-align:left;border-top:1px solid #4C525D;margin:0;}
    #top-menu ol li:first-child {border-top:0;}
    #top-menu ol li a {padding:15px;color:#FFF;border-radius:0;font-weight:normal;}
    #top-menu ol li a:hover {background:#5B6270;text-decoration:none;}
    #top-menu ol li a.current {background:#7C8493;font-weight:bold;}
}

@media(max-width:500px) {
    #top-menu {margin-top:0;margin-bottom:10px;}
}
*/


/************/
/**  Grid  **/
/************/

.grid-row {
    width: 102%;
    margin: 4% -1% 2%;
    *zoom: 1;
}

    .grid-row:before, .grid-row:after {
        display: table;
        content: "";
        line-height: 0;
    }

    .grid-row:after {
        clear: both;
    }

    .grid-row [class*="grid"] {
        display: block;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        float: left;
        padding-left: 1%;
        padding-right: 1%;
        margin-bottom: 2%;
    }

    .grid-row .grid1 {
        width: 100%;
    }

    .grid-row .grid2 {
        width: 50%;
    }

    .grid-row .grid3 {
        width: 33.33333%;
    }

    .grid-row .grid3-2 {
        width: 66.66666%;
    }

    .grid-row .grid4 {
        width: 25%;
    }

    .grid-row .grid4-3 {
        width: 75%;
    }

    .grid-row .grid5 {
        width: 20%;
    }

@media(max-width:1024px) {
    .grid-row .grid4 {
        width: 50%;
    }

    .grid-row .grid5 {
        width: 33.33333%;
    }
}

@media(max-width:850px) {
    .grid-row .grid3 {
        width: 50%;
    }

    .grid-row .grid3-2 {
        width: 50%;
    }
}

@media(max-width:760px) {
    .grid-row {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }

        .grid-row [class*="grid"] {
            width: 100%;
            padding: 0;
            margin-bottom: 2%;
            float: none;
        }
}


/*************/
/**  Grids  **/
/*************/

.grid-content {
    width: auto;
    margin: 15px -20px;
}

    .grid-content:last-child, .grid-content .grid-content {
        margin-bottom: 0;
    }

    .grid-content::before, .grid-content::after {
        display: table;
        content: "";
        line-height: 0;
    }

    .grid-content::after {
        clear: both;
    }

    .grid-content + .grid-content {
        margin-top: 0;
    }

    .grid-content > .grid-block {
        display: block;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        float: left;
        margin: 40px 0 0;
        padding: 0 20px;
        position: relative;
    }

    .grid-content > a.grid-block {
        text-decoration: none;
    }

    .grid-content.grid-1-column > .grid-block {
        width: 100%;
    }

    .grid-content.grid-2-column > .grid-block {
        width: 50%;
    }

    .grid-content.grid-3-column > .grid-block {
        width: 33.33333%;
    }

    .grid-content.grid-4-column > .grid-block {
        width: 25%;
    }

    .grid-content.grid-5-column > .grid-block {
        width: 20%;
    }

    .grid-content.grid-6-column > .grid-block {
        width: 16.66666%;
    }

    .grid-content.grid-7-column > .grid-block {
        width: 14.28%;
    }

.grid-1-column .grid-block:first-child {
    margin-top: 0;
}

/*.grid-content.grid-2-column {margin-bottom:40px;}*/
/*.grid-content.grid-2-column:last-child, .grid-content .grid-content.grid-2-column {margin-bottom:0;}*/
.grid-2-column .grid-block:nth-child(1), .grid-2-column .grid-block:nth-child(2) {
    margin-top: 0;
}

/*.grid-content.grid-3-column {margin-bottom:40px;}*/
#page-header .grid-content.grid-3-column {
    margin: 0 -20px;
}
/*.grid-content.grid-3-column:last-child, .grid-content .grid-content.grid-3-column {margin-bottom:0;}*/
.grid-3-column .grid-block:nth-child(1), .grid-3-column .grid-block:nth-child(2), .grid-3-column .grid-block:nth-child(3) {
    margin-top: 0;
}

/*.grid-content.grid-4-column {margin-bottom:40px;}*/
/*.grid-content.grid-4-column:last-child, .grid-content .grid-content.grid-4-column {margin-bottom:0;}*/
.grid-4-column .grid-block:nth-child(1), .grid-4-column .grid-block:nth-child(2), .grid-4-column .grid-block:nth-child(3), .grid-4-column .grid-block:nth-child(4) {
    margin-top: 0;
}

/*.grid-content.grid-5-column {margin-bottom:40px;}*/
/*.grid-content.grid-5-column:last-child, .grid-content .grid-content.grid-5-column {margin-bottom:0;}*/
.grid-5-column .grid-block:nth-child(1), .grid-5-column .grid-block:nth-child(2), .grid-5-column .grid-block:nth-child(3), .grid-5-column .grid-block:nth-child(4), .grid-5-column .grid-block:nth-child(5) {
    margin-top: 0;
}

.grid-6-column .grid-block:nth-child(1), .grid-6-column .grid-block:nth-child(2), .grid-6-column .grid-block:nth-child(3), .grid-6-column .grid-block:nth-child(4), .grid-6-column .grid-block:nth-child(5), .grid-6-column .grid-block:nth-child(6) {
    margin-top: 0;
}

.grid-7-column .grid-block:nth-child(1), .grid-7-column .grid-block:nth-child(2), .grid-7-column .grid-block:nth-child(3), .grid-7-column .grid-block:nth-child(4), .grid-7-column .grid-block:nth-child(5), .grid-7-column .grid-block:nth-child(6), .grid-7-column .grid-block:nth-child(7) {
    margin-top: 0;
}


/*.grid-content {width:102%;margin:1% -1%;*zoom:1;}*/
/*.grid-content > .grid-block {display:block;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;float:left;padding-left:1%;padding-right:1%;margin-bottom:2%;}*/

/*.grid-content.grid3-2 .grid-block {width:66.66666%;}*/
/*.grid-content.grid4-3 .grid-block {width:75%;}*/

.grid-content > .grid-block.grid-content {
    padding: 0;
}


@media(max-width:1024px) {
    .grid-content.grid-4-column > .grid-block {
        width: 50%;
    }

        .grid-content.grid-4-column > .grid-block.usp-block {
            width: 25%;
        }

    .grid-content.grid-5-column > .grid-block {
        width: 33.33333%;
    }

    .grid-4-column .grid-block:nth-child(3), .grid-4-column .grid-block:nth-child(4) {
        margin-top: 40px;
    }
}

@media(max-width:760px) { /* 768px */
    .grid-content {
        width: 100%;
        margin: 20px 0;
    }

        .grid-content > .grid-block,
        .grid-content.grid-1-column > .grid-block,
        .grid-content.grid-2-column > .grid-block,
        .grid-content.grid-3-column > .grid-block,
        .grid-content.grid-5-column > .grid-block {
            width: 100%;
            padding: 0;
            margin-top: 20px;
            float: none;
        }

        .grid-content.grid-4-column > .grid-block,
        .grid-content.grid-5-column > .grid-block {
            width: 50%;
            float: left;
            padding-left: 1%;
            padding-right: 1%;
            margin-top: 20px;
        }

            .grid-content > .grid-block.grid-content,
            .grid-content > .grid-block:first-child,
            .grid-content.grid-1-column > .grid-block:first-child,
            .grid-content.grid-2-column > .grid-block:first-child,
            .grid-content.grid-3-column > .grid-block:first-child,
            .grid-content.grid-4-column > .grid-block:first-child,
            .grid-content.grid-5-column > .grid-block:first-child {
                margin-top: 0;
            }
}

@media(max-width:600px) {
    .grid-content.grid-4-column > .grid-block,
    .grid-content.grid-5-column > .grid-block {
        width: 100%;
        padding: 0;
        margin-top: 20px;
        float: none;
    }

        .grid-content.grid-4-column > .grid-block.usp-block {
            width: 50%;
            float: left;
            padding-left: 1%;
            padding-right: 1%;
            margin-top: 20px;
        }
}

.grid-row:first-child, .grid-content:first-child {
    margin-top: 0;
}

.grid-row:last-child, .grid-content:last-child {
    margin-bottom: 0;
}

.grid-row img, .grid-content img {
    max-width: 100%;
    height: auto;
    vertical-align: top;
}

.grid-row p:last-child, .grid-content p:last-child {
    margin-bottom: 0;
}


/*****************/
/**  Flex Grid  **/
/*****************/

.flex-grid {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 -20px 40px;
}

.fgi-25 {
    width: 25%;
    display: flex;
    margin-top: 40px;
}

.fgi-50 {
    width: 50%;
    display: flex;
    margin-top: 40px;
}

.flex-grid-inner {
    margin: 0 20px;
    display: block;
    width: 100%;
}

    .flex-grid-inner.feature-block {
        background: #FFF;
    }

a.flex-grid-inner {
    text-decoration: none;
    color: #2D3138;
}

.flex-grid > h2.underlined {
    width: 100%;
    margin: 0 20px;
}

@media(max-width:950px) {
    .fgi-25 {
        width: 50%;
    }

    .fgi-50 {
        width: 100%;
    }
}

@media(max-width:500px) {
    .flex-grid {
        margin: 0 -10px 20px;
    }

    .fgi-25 {
        width: 100%;
    }

    .fgi-25, .fgi-50 {
        margin-top: 20px;
    }

    .flex-grid-inner {
        margin: 0 10px;
    }

    .flex-grid > h2.underlined {
        margin: 0 10px;
    }

    .flex-grid-item:first-child {
        margin-top: 0;
    }
}

.section-block {
    background: #2D3138;
    color: #FFF;
    border-radius: 3px;
    overflow: hidden;
    padding: 40px;
}

    .section-block h2 {
        color: #FFF;
        margin-bottom: 20px; /*padding-top:40px;margin:0 40px 20px;*/
    }

    .section-block p {
        margin: 20px 0;
    }

        .section-block p:last-child {
            margin-bottom: 0;
        }

    .section-block hr {
        width: 100px;
        height: 4px;
        border-radius: 3px;
        background: #8b2232;
        border: 0 none;
        margin: 20px 0 25px 0;
    }

#panel.home-page .section-block .primary-search, #panel.landing-page .section-block .primary-search {
    margin: 0;
    padding: 0;
    width: 100%;
}

#panel.home-page .section-block .primary-search-box, #panel.landing-page .section-block .primary-search-box {
    width: 100%;
}

#panel.home-page .section-block .primary-search-button, #panel.landing-page .section-block .primary-search-button {
    top: 5px;
}


@media screen and (max-width:768px) {
    .section-block {
        padding: 20px;
    }

        .section-block p .button {
            margin-bottom: 10px;
        }

            .section-block p .button:last-child {
                margin-bottom: 0;
            }
}


/*****************/
/**  USP Items  **/
/*****************/

.grid-content.usp-grid-content {
    margin-top: 80px;
    margin-bottom: 80px;
}

.tabbed-content .grid-content.usp-grid-content, .grid-block .grid-content.usp-grid-content {
    margin-top: 40px;
    margin-bottom: 40px;
}

    .tabbed-content .grid-content.usp-grid-content:last-child, .grid-block .grid-content.usp-grid-content:last-child {
        margin-bottom: 0;
    }

.usp-item {
    display: block;
    margin: 0;
    color: #4C525D;
    text-decoration: none;
    text-align: center;
}

    .usp-item .i8 {
        color: #C6CAD1;
        display: block;
    }

    .usp-item .usp-label {
        display: inline-block;
        color: #8b2232;
        position: relative;
        line-height: 1;
        margin-bottom: 5px;
        font-weight: 900;
        text-transform: uppercase;
    }

a.usp-item:hover .usp-label {
    color: #06C;
}

.usp-item .usp-label-secondary {
    display: block;
    font-family: 'Heuristica';
    color: #5B6270;
}

a.usp-item .very-small-button {
    margin-top: 10px;
}

a.usp-item:hover .very-small-button {
    background: #06C;
    border-color: #06C;
    color: #FFF;
}

.grid-1-column .usp-item .i8, .grid-2-column .usp-item .i8, /*{font-size:100px;margin-bottom:25px;}*/
.grid-3-column .usp-item .i8, .grid-4-column .usp-item .i8 {
    font-size: 80px;
    margin-bottom: 15px;
}

.grid-5-column .usp-item .i8 {
    font-size: 70px;
    margin-bottom: 15px;
}

.grid-1-column .usp-item .usp-label, .grid-2-column .usp-item .usp-label,
.grid-3-column .usp-item .usp-label, .grid-4-column .usp-item .usp-label {
    font-size: 24px;
}

.grid-5-column .usp-item .usp-label {
    font-size: 22px;
}

.grid-1-column .usp-item.usp-no-icon .usp-label, .grid-2-column .usp-item.usp-no-icon .usp-label,
.grid-3-column .usp-item.usp-no-icon .usp-label, .grid-4-column .usp-item.usp-no-icon .usp-label {
    font-size: 48px;
}

.grid-5-column .usp-item.usp-no-icon .usp-label {
    font-size: 44px;
}

.grid-1-column .usp-item .usp-label-secondary, .grid-2-column .usp-item .usp-label-secondary, /*{font-size:18px;}*/
.grid-3-column .usp-item .usp-label-secondary, .grid-4-column .usp-item .usp-label-secondary {
    font-size: 16px;
}

.grid-5-column .usp-item .usp-label-secondary {
    font-size: 14px;
}

.usp-item .usp-label sup {
    position: absolute;
    border: 1px solid #6B7382;
    color: #6B7382;
    margin-left: 5px;
    font-weight: bold;
    border-radius: 100%;
    font-size: 8px;
    width: 13px;
    height: 13px;
    text-align: center;
    font-family: 'Helvetica Neue',Arial,sans-serif;
    cursor: pointer;
    right: -16px;
    top: -2px;
    line-height: 13px;
    text-transform: none;
}

    .usp-item .usp-label sup:hover {
        background: #8b2232;
        border: 0 none;
        color: #FFF;
        border-radius: 0 0 100% 100%;
    }

        .usp-item .usp-label sup:hover:after {
            content: attr(data-usp-note);
            position: absolute;
            right: 0;
            bottom: 13px;
            background: rgba(46,49,56,0.9);
            color: #FFF;
            font-size: 12px;
            padding: 12px 15px;
            border-radius: 4px 4px 0 4px;
            width: 150px;
            text-align: left;
            font-weight: normal;
        }

@media (max-width:760px) {

    .grid-content.usp-grid-content {
        margin: 40px 0;
    }

        .grid-content.usp-grid-content .grid-block {
            margin-bottom: 20px;
        }

            .grid-content.usp-grid-content .grid-block:last-child {
                margin-bottom: 0;
            }

    .usp-item {
        text-align: left;
        position: relative;
        padding-left: 55px;
        min-height: 40px;
    }

    .grid-1-column .usp-item .i8, .grid-2-column .usp-item .i8, .grid-3-column .usp-item .i8, .grid-4-column .usp-item .i8, .grid-5-column .usp-item .i8 {
        font-size: 40px;
        margin: 0;
        position: absolute;
        top: 0;
        left: 0;
    }

    .grid-1-column .usp-item .usp-label, .grid-2-column .usp-item .usp-label, .grid-3-column .usp-item .usp-label, .grid-4-column .usp-item .usp-label, .grid-5-column .usp-item .usp-label {
        font-size: 18px;
    }

    .grid-1-column .usp-item .usp-label-secondary, .grid-2-column .usp-item .usp-label-secondary, .grid-3-column .usp-item .usp-label-secondary, .grid-4-column .usp-item .usp-label-secondary {
        font-size: 14px;
    }
}


/****************/
/**  Messages  **/
/****************/

.message {
    padding: 20px;
    background: #F3F3F3;
    border-bottom: 2px solid #DDD;
}

    .message.message-info {
        background: #E5F0FA;
        border-bottom-color: #CCE0F5;
    }

    .message.message-alert {
        background: #FFFAE5;
        border-bottom-color: #FFF5CC;
    }

    .message.message-success {
        background: #F5FAE5;
        border-bottom-color: #EBF5CC;
    }

    .message.message-fail {
        background: #FAE5E5;
        border-bottom-color: #F5CCCC;
    }

    .message p:last-child {
        margin-bottom: 0;
    }

.blue-box {
    border: 1px solid rgba(16,144,213,0.2);
    background: #E4F2F9;
    padding: 30px;
    border-radius: 3px;
}

.grey-box {
    border: 1px solid #D9DBE0;
    background: #F6F7F9;
    padding: 30px;
    border-radius: 3px;
}

@media screen and (max-width:760px) {
    .blue-box, .grey-box {
        padding: 15px;
    }
}


/****************/
/**  Rankings  **/
/****************/

.ranking-fact {
    font-size: 70px;
    color: #1090D5;
    text-transform: uppercase;
    text-align: center;
    font-family: Roboto;
    font-weight: 900;
}

.ranking-detail {
    font-size: 24px;
    color: #5B6270;
    font-family: Heuristica;
    text-align: center;
}

    .ranking-detail .fa-info-circle {
        position: relative;
        vertical-align: top;
        font-size: 12px;
    }

        .ranking-detail .fa-info-circle .ranking-note {
            display: none;
            position: absolute;
            top: 25px;
            left: 50%;
            transform: translateX(-50%);
            background: rgba(0,0,0,0.9);
            color: #FFF;
            padding: 10px 15px;
            text-align: left;
            border-radius: 3px;
            font-size: 12px;
            font-family: 'Helvetica Neue',Arial,sans-serif;
            width: 150px;
            font-size: 12px;
        }

            .ranking-detail .fa-info-circle .ranking-note p:last-child {
                margin: 0;
            }

            .ranking-detail .fa-info-circle .ranking-note::before {
                content: "";
                position: absolute;
                top: -20px;
                left: 50%;
                transform: translateX(-50%);
                border: 10px solid transparent;
                border-bottom-color: rgba(0,0,0,0.9);
            }

        .ranking-detail .fa-info-circle:hover::before {
            color: #8b2232;
        }

        .ranking-detail .fa-info-circle:hover .ranking-note {
            display: block;
        }

@media screen and (max-width:768px) {
    .ranking-fact {
        font-size: 40px;
    }

    .ranking-detail {
        font-size: 16px;
        max-width: 280px;
        margin: 0 auto;
    }
}


/*****************/
/**  Accordion  **/
/*****************/

.accordion {
    margin: 30px -40px;
    border-bottom: 1px solid #C6CAD1;
}

.grid-block > .accordion {
    margin: 20px 0;
    border-left: 1px solid #C6CAD1;
    border-right: 1px solid #C6CAD1;
}

.accordion-panel {
    border-top: 1px solid #C6CAD1;
}

.accordion-title {
    font-size: 16px;
    font-weight: bold;
}

    .accordion-title a {
        padding: 10px 60px 10px 40px;
        color: #5B6270;
        text-decoration: none;
        display: block;
        position: relative;
        transition: 0.1s all;
    }

.grid-block > .accordion .accordion-title a {
    padding: 10px 40px 10px 20px;
}

.accordion-panel.open > .accordion-title a {
    background: #FFF;
    color: #2D3138;
    padding: 20px 60px 20px 40px;
    font-size: 20px;
}

.grid-block > .accordion > .accordion-panel.open > .accordion-title a {
    padding: 20px 40px 20px 20px;
}

.accordion-title a::before {
    font-family: fontawesome;
    position: absolute;
    top: 10px;
    right: 40px;
    font-size: 18px;
    transition: 0.1s all;
    content: "\f055";
}

.grid-block > .accordion .accordion-title a:before {
    right: 20px;
}

.accordion-panel.open > .accordion-title a:before {
    content: "\f056";
    top: 24px;
}

.accordion-title a:hover {
    background: #ECEDEF;
    color: #8b2232;
}

.accordion-panel.open > .accordion-title a:hover {
    color: #8b2232;
    background: #FFF;
    text-decoration: none;
}

.accordion-content {
    display: none;
    padding: 0px 40px 20px 40px;
    overflow: hidden;
}

.grid-block > .accordion .accordion-content {
    padding: 0 20px 20px;
}

.accordion-panel.open > .accordion-content {
    background: #FFF;
}

@media screen and (max-width:600px) {
    .accordion-title {
        font-size: 14px;
        line-height: 1.2;
    }

        .accordion-title a {
            padding: 10px 30px 10px 10px;
        }

            .accordion-title a:before {
                right: 10px;
            }
}

@media(max-width:500px) {
    .accordion {
        margin: 20px -20px;
    }

    .accordion-title a {
        padding-right: 40px;
        padding-left: 20px;
    }

    .accordion-panel.open > .accordion-title a {
        padding-right: 40px;
        padding-left: 20px;
    }

    .accordion-title a:before {
        right: 20px;
    }

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


/***************/
/**  Planner  **/
/***************/

.planner-table {
    width: 100%;
    border-collapse: collapse;
}

    .planner-table td {
        vertical-align: top;
        padding: 10px 0;
        border-bottom: 1px solid #ECEDEF;
    }

    .planner-table .event-type {
        font-size: 20px;
        font-family: Roboto;
        color: #8b2232;
        font-weight: 900;
    }

    .planner-table .planner-table-checkbox {
        width: 40px;
    }

    .planner-table .planner-table-name {
        width: auto;
    }

    .planner-table .planner-table-location {
        width: 150px;
        padding-left: 10px;
    }

        .planner-table .planner-table-location strong {
            display: block;
        }

@media screen and (max-width:600px) {
    .planner-table td {
        display: block;
        float: left;
    }

    .planner-table .event-type {
        width: 100%;
    }

    .planner-table .planner-table-checkbox {
        width: 40px;
        border-bottom: 0 none;
    }

    .planner-table .planner-table-name {
        width: calc(100% - 40px);
        border-bottom: 0 none;
    }

    .planner-table .planner-table-location {
        width: 100%;
        padding-left: 40px;
        padding-top: 0;
    }

        .planner-table .planner-table-location strong {
            display: inline;
        }

            .planner-table .planner-table-location strong::after {
                content: " - ";
            }
}


/***************************/
/**  Default list styles  **/
/***************************/

.body-content ul:not([class]), #izu-lightbox-content ul:not([class]) {
    padding-left: 15px;
}

    .body-content ul:not([class]), .body-content ul:not([class]) li, #izu-lightbox-content ul:not([class]), #izu-lightbox-content ul:not([class]) li {
        list-style-type: none;
        position: relative;
    }

        .body-content ul:not([class]) li, #izu-lightbox-content ul:not([class]) li {
            padding: 2px 0;
        }

            .body-content ul:not([class]) li::before, #izu-lightbox-content ul:not([class]) li::before {
                color: #2D3138;
                position: absolute;
                top: 0;
                left: -15px;
                font-size: 14px;
                padding: 2px 0;
                content: "•"; /*font-family:fontawesome;content:"";*/
            }

.body-content ol:not([class]), #izu-lightbox-content ol:not([class]) {
    padding: 0; /* 0 0 10px;*/
    counter-reset: li;
}

    .body-content ol:not([class]), .body-content ol:not([class]) li, #izu-lightbox-content ol:not([class]), #izu-lightbox-content ol:not([class]) li {
        list-style-type: none;
        position: relative;
    }

        .body-content ol:not([class]) li, #izu-lightbox-content ol:not([class]) li {
            padding: 2px 0 2px 30px;
        }

            .body-content ol:not([class]) li::before, #izu-lightbox-content ol:not([class]) li::before {
                counter-increment: li;
                content: counters(li,".")".";
                color: #8b2232;
                position: absolute;
                left: 0;
                width: 20px;
                text-align: right;
            }

            .body-content ol:not([class]) li ol, #izu-lightbox-content ol:not([class]) li ol {
                padding: 2px 0 2px 10px;
                margin: 0;
            }

            .body-content ol:not([class]) li li, #izu-lightbox-content ol:not([class]) li li {
                padding: 2px 0 2px 15px;
            }

                .body-content ol:not([class]) li li::before, #izu-lightbox-content ol:not([class]) li li::before {
                    left: -20px;
                }

                .body-content ol:not([class]) li li li, #izu-lightbox-content ol:not([class]) li li li {
                    padding: 2px 0 2px 10px;
                }

                    .body-content ol:not([class]) li li li::before, #izu-lightbox-content ol:not([class]) li li li::before {
                        left: -35px;
                    }

.body-content dl:not([class]), #izu-lightbox-content dl:not([class]) {
    padding-left: 15px;
}

    .body-content dl:not([class]) dt, #izu-lightbox-content dl:not([class]) dt {
        margin: 0;
        padding: 2px 0;
        position: relative;
        font-weight: bold;
        color: #3D414A;
    }

    .body-content dl:not([class]) dd, #izu-lightbox-content dl:not([class]) dd {
        margin: 0 0 10px 0;
    }

    .body-content dl:not([class]) dt::before, #izu-lightbox-content dl:not([class]) dt::before {
        color: #3D414A;
        position: absolute;
        top: 0;
        left: -15px;
        font-size: 14px;
        padding: 2px 0;
        content: "•";
    }


.body-sidebar ul:not([class]) {
    padding-left: 15px;
}

    .body-sidebar ul:not([class]), .body-sidebar ul:not([class]) li {
        list-style-type: none;
        position: relative;
    }

        .body-sidebar ul:not([class]) li {
            padding: 2px 0;
        }

            .body-sidebar ul:not([class]) li::before {
                color: #2D3138;
                position: absolute;
                top: 0;
                left: -15px;
                font-size: 14px;
                padding: 2px 0;
                content: "•";
            }

.body-sidebar ol:not([class]) {
    padding: 0; /* 0 0 10px;*/
    counter-reset: li;
}

    .body-sidebar ol:not([class]), .body-sidebar ol:not([class]) li {
        list-style-type: none;
        position: relative;
    }

        .body-sidebar ol:not([class]) li {
            padding: 2px 0 2px 30px;
        }

            .body-sidebar ol:not([class]) li::before {
                counter-increment: li;
                content: counters(li,".")".";
                color: #8b2232;
                position: absolute;
                left: 0;
                width: 20px;
                text-align: right;
            }

            .body-sidebar ol:not([class]) li ol {
                padding: 2px 0 2px 10px;
                margin: 0;
            }

            .body-sidebar ol:not([class]) li li {
                padding: 2px 0 2px 15px;
            }

                .body-sidebar ol:not([class]) li li::before {
                    left: -20px;
                }

                .body-sidebar ol:not([class]) li li li {
                    padding: 2px 0 2px 10px;
                }

                    .body-sidebar ol:not([class]) li li li::before {
                        left: -35px;
                    }


/*********************/
/**  AskIZU Widget  **/
/*********************/

#ask-izu .rn_screen_reader_only, #ask-izu .rn_Hide {
    display: none;
}

#ask-izu .rn_SearchArea {
    position: relative;
    margin-bottom: 10px;
}

#ask-izu .rn_SearchBox .rn_Query {
    border: 2px solid #2D3138;
    border-radius: 3px;
    padding: 5px;
    font-size: 14px;
}

    #ask-izu .rn_SearchBox .rn_Query:focus {
        border-color: #8b2232;
        box-shadow: none;
    }

#ask-izu .rn_ButtonInput {
    background-color: #2D3138;
    color: #FFF;
    font-weight: bold;
    font-size: 12px;
    border: 0 none;
    padding: 7px 10px;
    height: 31px;
    width: 40px;
    border-radius: 3px;
    position: absolute;
    top: 0;
    right: 0;
}

    #ask-izu .rn_ButtonInput:hover {
        background-color: #8b2232;
    }

#ask-izu #topFive ul {
}

    #ask-izu #topFive ul li {
    }

#ask-izu .rn_Navigation {
    margin-top: 10px;
}

    #ask-izu .rn_Navigation a {
        background: #2D3138;
        color: #FFF;
        padding: 6px 10px;
        border-radius: 3px;
        text-decoration: none;
        display: inline-block;
    }

        #ask-izu .rn_Navigation a:hover {
            background: #8b2232;
        }

#ask-izu h2 {
    font-size: 30px;
    padding-bottom: 0;
    margin-bottom: 10px;
}

    #ask-izu h2::after {
        display: none;
    }

    #ask-izu h2 span {
        color: #8b2232;
    }

.body-sidebar #ask-izu #topFive ul {
    padding-left: 15px;
}

    .body-sidebar #ask-izu #topFive ul, .body-sidebar #ask-izu #topFive ul li {
        list-style-type: none;
        position: relative;
    }

        .body-sidebar #ask-izu #topFive ul li {
            padding: 2px 0;
        }

            .body-sidebar #ask-izu #topFive ul li::before {
                color: #2D3138;
                position: absolute;
                top: 0;
                left: -15px;
                font-size: 14px;
                padding: 2px 0;
                content: "•";
            }


/**********************************************************/
/**  Lightbox list (like accordion, but for lightboxes)  **/
/**********************************************************/

.lightbox-list {
    margin: 20px 0;
    padding: 0;
    list-style-type: none;
    border: 1px solid #C6CAD1;
    border-radius: 4px;
}

    .lightbox-list li {
        font-size: 16px;
        font-weight: bold;
        border-top: 1px solid #C6CAD1;
    }

        .lightbox-list li:first-child {
            border-top: 0 none;
        }

    .lightbox-list a {
        padding: 10px 40px 10px 20px;
        color: #5B6270;
        text-decoration: none;
        display: block;
        position: relative;
        transition: 0.1s all;
    }

        .lightbox-list a:before {
            font-family: fontawesome;
            position: absolute;
            top: 11px;
            right: 20px;
            font-size: 14px;
            color: #C6CAD1;
            transition: 0.1s all;
            content: "\f065";
        }

        .lightbox-list a:hover {
            background: #ECEDEF;
            color: #8b2232;
        }

            .lightbox-list a:hover:before {
                font-size: 18px;
                top: 9px;
                right: 18px;
                color: #8b2232;
            }

@media screen and (max-width:600px) {
    .lightbox-list li {
        font-size: 14px;
        line-height: 1.2;
    }

    .lightbox-list a {
        padding: 10px 30px 10px 10px;
    }

        .lightbox-list a:before {
            right: 10px;
        }
}

/*****************/
/**  Checklist  **/
/*****************/

ul.checklist {
    list-style-type: none;
    margin: 2em 0;
    padding-left: 0;
}

    ul.checklist + ul.checklist {
        margin-top: -1em;
    }

    ul.checklist li {
        padding-left: 30px;
        margin-bottom: 1em;
        position: relative;
    }

        ul.checklist li:last-child {
            margin-bottom: 0;
        }

        ul.checklist li:before {
            position: absolute;
            font-size: 20px;
            left: 0;
            top: -4px;
            font-family: "IZU-Icons";
            color: #3C0;
            content: "\f14d";
        }
        /* .icons8-checked */
        ul.checklist li a {
            color: #2D3138;
        }

            ul.checklist li a:hover {
                color: #06C;
            }

/******************/
/**  Arrow list  **/
/******************/

ul.arrowlist {
    list-style-type: none;
    margin: 2em 0;
    padding-left: 0;
}

    ul.arrowlist + ul.arrowlist {
        margin-top: -1em;
    }

    ul.arrowlist li {
        padding-left: 20px;
        margin-bottom: 1em;
        position: relative;
    }

        ul.arrowlist li:last-child {
            margin-bottom: 0;
        }

        ul.arrowlist li:before {
            position: absolute;
            font-size: 14px;
            left: 0;
            top: 1px;
            font-family: "fontawesome";
            color: #B4B8C1;
            content: "\f054";
        }

        ul.arrowlist li a {
            color: #2D3138;
        }

            ul.arrowlist li a:hover {
                color: #06C;
            }


/***********************/
/**  Degree Listings  **/
/***********************/

ol.degree-listing {
    list-style-type: none;
    position: relative;
    margin-left: 0;
    margin-bottom: 2em;
    padding-left: 0;
}

    ol.degree-listing[data-letter] {
        padding-left: 2.5em;
    }

        ol.degree-listing[data-letter]:empty {
            display: none;
        }

        ol.degree-listing[data-letter]:before {
            content: attr(data-letter);
            position: absolute;
            left: 0;
            top: 5px;
            font-size: 20px;
            line-height: 1;
            font-family: "Roboto","Helvetica Neue",Arial,sans-serif; /*,"Arial Black"*/
            color: #4C525D;
            font-weight: 900;
        }

    ol.degree-listing li {
        margin-left: 0;
        position: relative;
        padding-left: 0;
        margin-bottom: 0.5em;
    }

        ol.degree-listing li a, ol.degree-listing li > em {
            color: #333;
            text-decoration: none;
            position: relative;
            padding-left: 1.5em;
            display: inline-block;
            line-height: 20px;
        }

            ol.degree-listing li a:hover {
                color: #06C;
                text-decoration: underline;
            }

            ol.degree-listing li a.degree-link::before, ol.degree-listing li > em.degree-link::before {
                content: "";
                position: absolute;
                left: 1px;
                top: 4px;
                width: 6px;
                height: 6px;
                border-radius: 100%;
                background: #8b2232;
                border: 2px solid #8b2232;
            }

    ol.degree-listing a.degree-link.degree_new::before {
        background: none;
        border-radius: 0;
        border: 0 none;
        top: 0;
        left: 0;
        color: #8b2232;
        font-family: fontawesome;
        content: "\f005";
    }


    /*ol.degree-listing li a.faculty_business_law::before {background:#C00;border-color:#C00;}*/
    /*ol.degree-listing li a.faculty_education_arts::before {background:#039;border-color:#039;}*/
    /*ol.degree-listing li a.faculty_engineering_built_environment::before {background:#008484;border-color:#008484;}*/
    /*ol.degree-listing li a.faculty_health_medicine::before {background:#06C;border-color:#06C;}*/
    /*ol.degree-listing li a.faculty_science_it::before {background:#9C0;border-color:#9C0;}*/
    /*ol.degree-listing li a.faculty_elfs::before {background:#F93;border-color:#F93;}*/
    ol.degree-listing li a:hover::before {
        border-color: rgba(0,0,0,0.2);
    }

    ol.degree-listing li a .fa-external-link-square {
        color: #C6CAD1;
        margin-left: 5px;
    }

    ol.degree-listing.campaign-degree-listing li {
        padding-left: 1.5em; /*3em;*/
    }

        ol.degree-listing.campaign-degree-listing li a:before {
            left: 1px; /*23px;*/
        }

        ol.degree-listing.campaign-degree-listing li a:hover:before {
            left: 0; /*22px;*/
        }

        ol.degree-listing.campaign-degree-listing li.campaign_mid_year_entry::before {
            font-family: 'fontawesome';
            position: absolute;
            left: 0;
            top: 1px;
            color: #8b2232;
            content: "\f006";
        }

        ol.degree-listing.campaign-degree-listing li.campaign_mid_year_entry > a.degree-link {
            font-weight: bold;
        }

    ol.degree-listing li a.combined-toggle {
        font-size: 80%;
        color: #7C8493;
    }

        ol.degree-listing li a.combined-toggle span {
            margin: 0 5px;
        }

        ol.degree-listing li a.combined-toggle:hover {
            color: #3D414A;
        }

            ol.degree-listing li a.combined-toggle:hover span {
                text-decoration: none;
                color: #8b2232;
            }

    ol.degree-listing li .combined-options {
        margin: 0.5em 0 1.5em 0;
        padding-left: 0;
        list-style-type: none;
        font-size: 12px;
    }

    ol.degree-listing.campaign-degree-listing li .combined-options {
        margin-left: -1.5em;
    }

    ol.degree-listing li .combined-options a.degree-link::before {
        width: 3px;
        height: 3px;
        top: 5px;
    }

    ol.degree-listing li .combined-options a.degree-link:hover::before {
        width: 5px;
        height: 5px;
        top: 4px;
    }


.two-column-listing, .two-column-degree-listing {
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;
    -webkit-transform: translateZ(0);
    transform: translateZ(0); /* fix for Safari bug */
}

@media(max-width:800px) {
    .two-column-listing, .two-column-degree-listing {
        -moz-column-count: 1;
        -webkit-column-count: 1;
        column-count: 1;
    }
}

@media screen and (max-width:760px) {
    ol.degree-listing[data-letter] {
        padding-left: 0;
        padding-top: 2.8em;
    }

        ol.degree-listing[data-letter]:before {
            border-bottom: 1px solid #C6CAD1;
            padding-bottom: 6px;
            right: 0;
        }
}

.two-column-listing {
    padding-left: 0;
}

    .two-column-listing li {
        margin-left: 2em;
    }

    .two-column-listing.arrowlist li, .two-column-listing.checklist li {
        margin-left: 0;
    }


/****************************/
/**  File Icons for lists  **/
/****************************/

.body-content li.pdf-file, .body-content li.handbook-icon, .body-content li.degree-list-item {
    padding-left: 25px;
    position: relative;
    margin-top: 5px;
}

    .body-content li.pdf-file strong {
        font-weight: normal;
    }

.body-content li .file-size {
    color: #5B6270;
    font-weight: normal;
    font-style: italic;
    margin-left: 5px;
    font-size: 12px;
}

.body-content ul li.pdf-file::before, .body-content ul li.pdf::before,
.body-content ul li.doc::before, .body-content ul li.docx::before,
.body-content ul li.xls::before, .body-content ul li.xlsx::before,
.body-content ol li.pdf-file::before, .body-content ol li.pdf::before,
.body-content ol li.doc::before, .body-content ol li.docx::before,
.body-content ol li.xls::before, .body-content ol li.xlsx::before {
    font-family: 'fontawesome';
    position: absolute;
    top: 0;
    left: 0;
}

.body-content ul li.pdf-file::before, .body-content ul li.pdf::before, .body-content ol li.pdf-file::before, .body-content ol li.pdf::before {
    color: #C00;
    content: "\f1c1";
}

.body-content ul li.doc::before, .body-content ul li.docx::before, .body-content ol li.doc::before, .body-content ol li.docx::before {
    color: #00C;
    content: "\f1c2";
}

.body-content ul li.xls::before, .body-content ul li.xlsx::before, .body-content ol li.xls::before, .body-content ol li.xlsx::before {
    color: #0C0;
    content: "\f1c3";
}

li.handbook-icon::before {
    font-family: 'fontawesome';
    color: #6B7382;
    content: "\f02d";
    position: absolute;
    top: 0;
    left: 0;
}

li.degree-list-item a:before {
    content: "";
    position: absolute;
    left: 1px;
    top: 6px;
    width: 6px;
    height: 6px;
    border-radius: 100%;
    background: #8b2232;
    border: 2px solid #8b2232;
}
/*li.degree-list-item a.faculty_business_law:before {background:#C00;border-color:#C00;}*/
/*li.degree-list-item a.faculty_education_arts:before {background:#039;border-color:#039;}*/
/*li.degree-list-item a.faculty_engineering_built_environment:before {background:#008484;border-color:#008484;}*/
/*li.degree-list-item a.faculty_health_medicine:before {background:#06C;border-color:#06C;}*/
/*li.degree-list-item a.faculty_science_it:before {background:#9C0;border-color:#9C0;}*/
/*li.degree-list-item a.faculty_elfs:before {background:#F93;border-color:#F93;}*/
li.degree-list-item a:hover:before {
    width: 8px;
    height: 8px;
    top: 5px;
    left: 0;
}

li.degree-list-item a .fa-external-link-square {
    color: #C6CAD1;
    margin-left: 5px;
}

li.program-plan em {
    display: block;
    font-size: 90%;
    color: #5B6270;
}


/******************************/
/**  AJAX Loading indicator  **/
/******************************/

.ajax-loading.fa-circle-o-notch, .ajax-success.fa-check-circle-o {
    font-size: 100px;
    text-align: center;
    margin: 100px auto;
    display: block;
}

.ajax-loading.fa-circle-o-notch {
    color: #B4B8C1;
}

.ajax-success.fa-check-circle-o {
    color: #64b871;
}

.loading-label, .success-label {
    margin: 100px auto 0;
    padding-bottom: 100px;
    display: block;
    text-align: center;
    font-size: 30px;
    font-weight: bold;
}

.loading-label {
    font-style: italic;
    color: #B4B8C1;
}

.success-label {
    color: #5B6270;
}

.ajax-loading.fa-circle-o-notch + .loading-label, .ajax-success.fa-check-circle-o + .success-label {
    margin-top: -80px;
}

@media screen and (max-width:760px) {
    .ajax-loading.fa-circle-o-notch, .ajax-success.fa-check-circle-o {
        font-size: 50px;
        margin: 50px auto;
    }

    .loading-label, .success-label {
        margin: 50px auto;
        font-size: 16px;
    }

    .ajax-loading.fa-circle-o-notch + .loading-label, .ajax-success.fa-check-circle-o + .success-label {
        margin-top: -40px;
    }
}


/*********************/
/**  Unstyled list  **/
/*********************/

ol.unstyled-list, ul.unstyled-list {
    list-style-type: none;
    margin-left: 0;
    padding-left: 0;
}



/*********************/
/**  Index Listing  **/
/*********************/
.index-listing {
    margin: 2em 0;
}

    .index-listing .col.w20 {
        padding-right: 20px;
    }

    .index-listing .clearfix {
        border-top: 1px solid #ECEDEF;
    }

        .index-listing .clearfix:first-child {
            border-top: 0 none;
        }



/************************/
/**  Infographic grid  **/
/************************/

.body-content .stackable-grid.infographic-grid {
    margin-left: -2px;
    margin-right: -2px;
}

.infographic-grid .stackable-block .block-inner {
    margin: 2px;
    box-shadow: none;
}

.stackable-block .infographic-block {
    display: block;
    text-align: center;
    font-size: 18px;
    text-decoration: none;
    transition: all 0.1s ease 0s;
    position: relative;
    padding: 30px 20px;
    background: #5B6270;
}

.stackable-block:nth-child(3n) .infographic-block {
    background: #7C818D;
}

.stackable-block:nth-child(5n) .infographic-block {
    background: #6B717E;
}

.stackable-block .infographic-block.selected {
    display: none;
}

.infographic-block:after {
    font-family: fontawesome;
    transition: all 0.1s ease 0s;
    display: block;
    position: absolute;
    bottom: 10px;
    right: 10px;
    color: #FFF;
    content: "\f055";
}

.infographic-block strong {
    display: block;
    font-size: 1em;
    margin-top: 20px;
    color: #FFF;
}

.infographic-block .i8 {
    display: block;
    font-size: 80px;
    transition: all 0.1s ease 0s;
    width: 80px;
    height: 80px;
    line-height: 80px;
    text-align: center;
    margin: 0 auto;
    border-radius: 100%;
    color: #FFF;
}

.infographic-block:hover strong {
    color: #5B6270;
}

.infographic-block:hover .i8 {
    color: #FFF;
    background: #5B6270;
    font-size: 50px;
}

.infographic-block:hover:after {
    color: #5B6270;
}

.infographic-block-content {
    padding: 30px;
    background: #ECEDEF;
}

    .infographic-block-content h2 .i8 {
        margin-right: 5px;
    }

.infographic-blue .stackable-block .infographic-block {
    background: #06C;
}

.infographic-blue .stackable-block:nth-child(3n) .infographic-block {
    background: #3385D6;
}

.infographic-blue .stackable-block:nth-child(5n) .infographic-block {
    background: #1975D1;
}

.infographic-blue .infographic-block:hover .i8 {
    background: #06C;
}

.infographic-blue .infographic-block:hover:after {
    color: #06C;
}

.infographic-dark-blue .stackable-block .infographic-block {
    background: #039;
}

.infographic-dark-blue .stackable-block:nth-child(3n) .infographic-block {
    background: #335CAD;
}

.infographic-dark-blue .stackable-block:nth-child(5n) .infographic-block {
    background: #1947A3;
}

.infographic-dark-blue .infographic-block:hover .i8 {
    background: #039;
}

.infographic-dark-blue .infographic-block:hover:after {
    color: #039;
}

.infographic-red .stackable-block .infographic-block {
    background: #C00;
}

.infographic-red .stackable-block:nth-child(3n) .infographic-block {
    background: #D63333;
}

.infographic-red .stackable-block:nth-child(5n) .infographic-block {
    background: #D11919;
}

.infographic-red .infographic-block:hover .i8 {
    background: #C00;
}

.infographic-red .infographic-block:hover:after {
    color: #C00;
}

.infographic-green .stackable-block .infographic-block {
    background: #9C0;
}

.infographic-green .stackable-block:nth-child(3n) .infographic-block {
    background: #ADD633;
}

.infographic-green .stackable-block:nth-child(5n) .infographic-block {
    background: #A3D119;
}

.infographic-green .infographic-block:hover .i8 {
    background: #9C0;
    color: #3D414A;
}

.infographic-green .infographic-block:hover:after {
    color: #9C0;
}

.infographic-green .infographic-block strong, .infographic-green .infographic-block .i8, .infographic-green .infographic-block:after {
    color: #3D414A;
}

.infographic-yellow .stackable-block .infographic-block {
    background: #FC0;
}

.infographic-yellow .stackable-block:nth-child(3n) .infographic-block {
    background: #FFD633;
}

.infographic-yellow .stackable-block:nth-child(5n) .infographic-block {
    background: #FFD119;
}

.infographic-yellow .infographic-block:hover .i8 {
    background: #FC0;
    color: #3D414A;
}

.infographic-yellow .infographic-block:hover:after {
    color: #FC0;
}

.infographic-yellow .infographic-block strong, .infographic-yellow .infographic-block .i8, .infographic-yellow .infographic-block:after {
    color: #3D414A;
}

.infographic-purple .stackable-block .infographic-block {
    background: #606;
}

.infographic-purple .stackable-block:nth-child(3n) .infographic-block {
    background: #853385;
}

.infographic-purple .stackable-block:nth-child(5n) .infographic-block {
    background: #751975;
}

.infographic-purple .infographic-block:hover .i8 {
    background: #606;
}

.infographic-purple .infographic-block:hover:after {
    color: #606;
}

.infographic-orange .stackable-block .infographic-block {
    background: #F93;
}

.infographic-orange .stackable-block:nth-child(3n) .infographic-block {
    background: #FFAD5C;
}

.infographic-orange .stackable-block:nth-child(5n) .infographic-block {
    background: #FFA347;
}

.infographic-orange .infographic-block:hover .i8 {
    background: #F93;
    color: #3D414A;
}

.infographic-orange .infographic-block:hover:after {
    color: #F93;
}

.infographic-orange .infographic-block strong, .infographic-orange .infographic-block .i8, .infographic-orange .infographic-block:after {
    color: #3D414A;
}

.stackable-block .infographic-block:hover, .stackable-block:nth-child(3n) .infographic-block:hover, .stackable-block:nth-child(5n) .infographic-block:hover {
    background: #FFF;
}


@media screen and (max-width:760px) {
    .stackable-block .infographic-block {
        display: flex;
        padding: 20px 40px 20px 20px;
        align-items: center;
    }

    .infographic-block::after {
        transform: translateY(-50%);
        bottom: auto;
        top: 50%;
    }

    .infographic-block .i8 {
        width: 50px;
        height: 50px;
        line-height: 50px;
        font-size: 50px;
    }

    .infographic-block:hover .i8 {
        font-size: 30px;
    }

    .infographic-block strong {
        margin: 0;
        width: 100%;
        width: calc(100% - 50px);
        text-align: left;
        padding-left: 20px;
    }
}


/****************/
/**  Tooltips  **/
/****************/

.fa.fa-question-circle.tooltip-icon {
    color: #6B7382;
    margin-left: 10px;
    position: relative;
    cursor: pointer;
}

    .fa.fa-question-circle.tooltip-icon:hover {
        color: #2D3138;
    }

    .fa.fa-question-circle.tooltip-icon .tooltip {
        position: absolute;
        color: #FFF;
        background: rgba(46,49,56,0.9);
        padding: 10px 15px;
        border-radius: 3px;
        top: 50%;
        transform: translateY(-50%);
        left: 30px;
        display: none;
        font-family: 'Helvetica Neue',Arial,sans-serif;
        font-size: 14px;
        line-height: 17px;
        width: 350px;
    }

    .fa.fa-question-circle.tooltip-icon:hover .tooltip {
        display: block;
    }

        .fa.fa-question-circle.tooltip-icon:hover .tooltip:before {
            content: "";
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            left: -10px;
            border: 10px solid transparent;
            border-left: 0 none;
            border-right-color: rgba(46,49,56,0.9);
            width: 0;
            height: 0;
        }



/**************************/
/**  Simple Form Styles  **/
/**************************/

.form-row {
    display: grid;
    flex-direction: row;
    margin-bottom: 17px;
    align-items: center;
}

    .form-row label {
        margin-bottom: 10px;
        display: block;
    }

.form-row-alt {
    margin-bottom: 10px;
}

    .form-row:last-child, .form-row-alt:last-child {
        margin-bottom: 0;
    }

.form-row > label {
    font-weight: bold;
    width: 150px; /*padding:10px 0;*/
}

    .form-row > label.wide-label {
        width: 300px;
    }

.form-row-alt > label {
    font-weight: bold;
    margin-bottom: 10px;
    display: block;
}

.form-row input[type="text"], .form-row-alt input[type="text"], 
.form-row input[type="email"], .form-row-alt input[type="email"],
.form-row input[type="tel"], .form-row-alt input[type="tel"] {
    border: 1px solid #C6CAD1;
    font-size: 14px;
    border-radius: 3px;
    padding: 10px;
    font-family: 'Helvetica Neue',Arial,sans-serif;
    flex-grow: 1;
    background: #FFF;
    width: 65%;
}

.form-row select, .form-row-alt select {
    border: 1px solid #C6CAD1;
    font-size: 14px;
    border-radius: 3px;
    padding: 10px;
    font-family: 'Helvetica Neue',Arial,sans-serif;
    max-width: calc(100% - 150px);
    height: 40px;
    line-height: 40px;
    background: #FFF;
}

.form-row textarea, .form-row-alt textarea {
    width: 100%;
    height: 80px;
    border: 1px solid #C6CAD1;
    font-size: 14px;
    border-radius: 3px;
    padding: 10px;
    font-family: 'Helvetica Neue',Arial,sans-serif;
    background: #FFF;
}

.form-row textarea {
    width: calc(100% - 150px);
}

.form-row-alt ul {
    list-style-type: none;
    padding-left: 0;
}

.form-privacy {
    font-size: 12px;
    font-style: italic;
    color: #4C525D;
}

form p:last-child {
    margin-bottom: 0;
}

.rego-loading, .rego-success {
    display: none;
}

@media screen and (max-width:760px) {
    .form-row {
        flex-direction: column;
    }

        .form-row select, .form-row-alt select {
            max-width: 100%;
        }
}


/*******************/
/**  Page Footer  **/
/*******************/

#page-footer {
    background: rgba(198,202,209,0.7);
    position: relative;
    z-index: 10;
    border-top: 1px solid rgba(61,65,74,0.1);
}

    #page-footer .col {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    #page-footer .footer-social a {
        text-decoration: none;
        margin-right: 5px;
    }

    #page-footer p:last-child {
        margin-bottom: 0;
    }

.landing-page #page-footer {
    padding: 40px 0;
    text-align: center;
    background: #8b2232;
    border-top: 0 none;
    color: #FFF;
}

    .landing-page #page-footer h2 {
        display: inline-block;
        text-align: right;
        position: relative;
        margin: 0 50px 0 0;
        font-size: 40px;
        line-height: 60px;
        text-transform: uppercase;
        vertical-align: top;
        color: #FFF;
    }

        .landing-page #page-footer h2::after {
            font-family: fontawesome;
            color: rgba(255,255,255,0.5);
            position: absolute;
            right: -50px;
            top: 0;
            font-size: 60px;
            line-height: 1;
            content: "\f105";
        }

    .landing-page #page-footer a {
        margin-left: 20px;
        vertical-align: top;
    }

        .landing-page #page-footer a .fa.round-icon {
            background: #FFF;
            color: #8b2232;
            border: 4px solid #FFF;
            line-height: 52px;
        }

        .landing-page #page-footer a:hover .fa.round-icon {
            background: none;
            color: #FFF;
        }

@media (max-width:850px) {
    .landing-page #page-footer h2 {
        display: block;
        margin: 0 0 20px 0;
        font-size: 1.8em;
        line-height: 1;
        text-align: center;
    }

        .landing-page #page-footer h2::after {
            display: none;
        }

    .landing-page #page-footer a {
        margin: 0 5px;
    }
}

@media screen and (max-width:760px) {
    .landing-page #page-footer a .fa.round-icon {
        line-height: 32px;
    }
}

.landing-page #page-footer a.footer-social {
    position: relative;
    display: inline-block;
}

    .landing-page #page-footer a.footer-social:hover::after {
        content: attr(data-icontooltip);
        position: absolute;
        color: #FFF;
        background: rgba(46,49,56,0.9);
        padding: 10px 15px;
        border-radius: 3px;
        bottom: 75px;
        left: 30px;
        transform: translateX(-50%);
        white-space: nowrap;
    }

    .landing-page #page-footer a.footer-social:hover::before {
        content: "";
        position: absolute;
        bottom: 65px;
        left: 30px;
        transform: translateX(-50%);
        border: 10px solid transparent;
        border-bottom: 0 none;
        border-top-color: rgba(46,49,56,0.9);
        width: 0;
        height: 0;
    }




/**************/
/**  Footer  **/
/**************/

#izu-acknowledge {
    text-align: center;
    padding: 30px;
    font-family: Heuristica,Georgia,sans-serif;
    font-size: 20px;
    color: #FFF;
    background: #5B6270;
}

    #izu-acknowledge p {
        margin: 0;
    }

#izu-footer {
    background: #2D3138;
    padding: 30px 20px;
    color: #A1A7B2;
    font-size: 13px;
    min-width: 900px;
}

    #izu-footer .w25 {
        padding: 0 1.5%;
    }

        #izu-footer .w25:first-child {
            padding-left: 0;
        }

        #izu-footer .w25:last-child {
            padding-right: 0;
        }

    #izu-footer a {
        color: #C7CAD1;
        text-decoration: none;
    }

        #izu-footer a:hover {
            color: #FFF;
            text-decoration: underline;
        }

    #izu-footer h4 {
        margin: 0;
        border-bottom: 1px solid #5C6370;
        font-size: 16px;
        padding-bottom: 10px;
        margin-bottom: 10px;
        color: #FFF;
        line-height: 1.2; /*font-family:'Helvetica Neue',Arial,sans-serif;*/
    }

    #izu-footer ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
    }

    #izu-footer li {
        margin: 0;
        line-height: 25px;
    }

    #izu-footer .footer-info {
        margin-top: 30px;
        padding: 15px 0;
        border-top: 1px solid #5C6370;
        position: relative;
        font-size: 12px;
    }

        #izu-footer .footer-info p {
            margin: 0;
            float: left;
        }

            #izu-footer .footer-info p span {
                margin-right: 10px;
            }

        #izu-footer .footer-info h4 {
            float: left;
            border-bottom: 0;
            padding: 0;
            margin: 0;
            font-size: 14px;
        }

        #izu-footer .footer-info ul {
            float: right;
            margin-right: 60px;
        }

            #izu-footer .footer-info ul li {
                display: inline-block;
                margin: 0 0 0 10px;
                line-height: 1;
            }

                #izu-footer .footer-info ul li:first-child {
                    margin-left: 0;
                }

        #izu-footer .footer-info .footer-top-link {
            background: #5C6370;
            color: #FFF;
            width: 40px;
            height: 40px;
            line-height: 40px;
            font-size: 20px;
            text-align: center;
            position: absolute;
            right: 0;
            top: 0;
            border-radius: 0 0 3px 3px;
        }

            #izu-footer .footer-info .footer-top-link:hover {
                background: #8b2232;
            }

@media(max-width:800px) {
    #izu-footer {
        min-width: 100%;
    }
}

@media(max-width:750px) {
    #izu-footer {
        padding: 20px;
    }

        #izu-footer .w25 {
            padding: 0;
            display: block;
            float: none;
            width: 100%;
        }

        #izu-footer .col ul {
            display: none;
            padding: 0px 12px 20px;
        }

        #izu-footer .col h4 {
            border: 2px solid #5C6370;
            border-radius: 4px;
            padding: 10px;
            cursor: pointer;
        }

            #izu-footer .col h4:hover {
                background: #8b2232;
                border-color: #8b2232;
            }

            #izu-footer .col h4:after {
                float: right;
                content: "\f055";
                font-family: 'fontawesome';
                font-weight: normal;
                color: #5C6370;
                font-size: 20px;
                line-height: 1;
            }

            #izu-footer .col h4:hover:after {
                color: #FFF;
            }

            #izu-footer .col h4.open:after {
                content: "\f056";
            }

        #izu-footer .footer-info {
            border: 0 none;
            margin-top: 10px;
            text-align: center;
            padding: 0;
        }

            #izu-footer .footer-info h4 {
                float: none;
                margin-bottom: 10px;
            }

            #izu-footer .footer-info ul {
                float: none;
                margin: 0;
            }

            #izu-footer .footer-info .footer-top-link {
                border-radius: 3px;
                position: relative;
                display: block;
                margin: 15px auto;
            }
}


/******************************/
/**  Slideout menu (mobile)  **/
/******************************/

body {
    width: 100%;
    height: 100%;
}
/** TODO should this only be applied on mobile? **/
.slideout-menu {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 60px;
    border-right: 1px solid #1E2025;
    z-index: 0;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    display: none;
}

.slideout-panel {
    position: relative;
    z-index: 1;
}

.slideout-open, .slideout-open body, .slideout-open .slideout-panel {
    overflow: hidden;
}

    .slideout-open .slideout-menu {
        display: block;
    }

#slide-menu {
    background: #2D3138;
    color: #FFF;
}

    #slide-menu .col.w25 {
        display: block;
        float: none;
        width: auto;
        margin: 0;
        padding: 0;
    }

    #slide-menu ol, #slide-menu li {
        display: block;
        float: none;
        margin: 0;
        padding: 0;
    }

    #slide-menu > ol > li {
        border: 0 none;
        border-bottom: 1px solid #4C525D;
        position: relative;
    }

        #slide-menu > ol > li > a, #slide-menu > ol > li > span, #slide-menu > ol > li > div > a {
            padding: 10px;
            border: 0 none;
            font-size: 16px;
            font-weight: bold;
            text-decoration: none;
            display: block;
            background: #2D3138;
            cursor: pointer;
            margin-right: 50px;
        }

            #slide-menu > ol > li > span .fa {
                display: none;
            }

    #slide-menu > ol.mm > li > a.toggle, #slide-menu > ol.ht > li#quick-links > a.toggle {
        /* display: none; */
        color: #5C6370;
        position: absolute;
        right: 0;
        top: 0;
        width: 45px;
        line-height: 44px;
        border-left: 1px solid #4C525D;
        padding: 0;
        text-align: center;
        text-decoration: none;
        margin: 0;
        display: block;
    }

    #slide-menu > ol.mm > li > ol + a.toggle, #slide-menu > ol.ht > li#quick-links > ol + a.toggle {
        color: #5C6370;
        position: absolute;
        right: 0;
        top: 0;
        border-left: 1px solid #4C525D;
        width: 44px;
        line-height: 44px;
        padding: 0;
        text-align: center;
        text-decoration: none;
        margin: 0;
        display: block;
    }

    #slide-menu > ol.ht > li.social-link {
        display: inline-block;
        border: 0 none;
    }

        #slide-menu > ol.ht > li.social-link a {
            margin-right: 0;
        }

    #slide-menu a {
        color: #FFF;
        display: block;
    }

    #slide-menu .menu-columns {
        display: none;
    }

        #slide-menu .menu-columns .col p {
            font-size: 14px;
            padding: 10px;
            margin: 0;
            font-weight: normal;
            border-bottom: 0 none;
            background: #3D414A;
            position: relative;
            border-top: 1px solid #4C525D;
        }

            #slide-menu .menu-columns .col p a {
                margin-right: 50px;
            }

                #slide-menu .menu-columns .col p a.toggle {
                    color: #5C6370;
                    position: absolute;
                    right: 0;
                    top: 0;
                    border-left: 1px solid #4C525D;
                    width: 44px;
                    line-height: 42px;
                    padding: 0;
                    text-align: center;
                    text-decoration: none;
                    margin: 0;
                }

        #slide-menu .menu-columns ol, #slide-menu #quick-links ol {
            padding: 10px;
            font-size: 12px;
            background: #4C525D;
            display: none;
        }

    #slide-menu #quick-links ol {
        line-height: 25px;
    }

        #slide-menu #quick-links ol a {
            text-decoration: none;
        }

            #slide-menu #quick-links ol a:hover {
                text-decoration: underline;
            }

    #slide-menu .cta-button {
        display: none;
    }


#menu-toggle-button {
    display: none;
}

.mobile #menu-toggle-button {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 60px;
    height: 60px;
    color: #FFF;
    background: #2D3138;
    text-align: center;
    line-height: 60px;
    font-size: 30px;
}

.slideout-open #menu-toggle-button {
    background: #8b2232;
}

    .slideout-open #menu-toggle-button .fa-bars:before {
        content: "";
    }

.mobile .new-global-header #menu-toggle-button {
    left: auto;
    right: 0;
    background: none;
    color: #8b2232;
}

.slideout-open .new-global-header #menu-toggle-button {
    background: #8b2232;
    color: #FFF;
    left: 0;
    right: auto;
}

.mobile #izu-logo-full {
    left: 60px;
}


/*************************************/
/**  Full width section background  **/
/*************************************/

.section-bg-wrapper, .section-bg-wrapper::before {
    background: #ECEDEF url('/__data/assets/image/0008/341828/hex-transparent.png') no-repeat fixed center center;
    background-size: cover;
    border-top: 1px solid rgba(61,65,74,0.1);
}

.section-bg-wrapper {
    padding: 40px 0;
    margin: 40px 0;
    position: relative;
}

    .section-bg-wrapper:last-child {
        margin-bottom: 0;
    }

    .section-bg-wrapper::before {
        content: "";
        position: absolute;
        top: -1px;
        bottom: 0;
        right: -50%;
        left: -50%;
        z-index: 0;
        border-bottom: 1px solid rgba(61,65,74,0.1);
    }

@media screen and (max-width:760px) {
    .section-bg-wrapper {
        padding: 20px 0;
        margin: 20px 0;
    }
}


/****************************************/
/**  Stackable Grid - isotope/packery  **/
/****************************************/


/**********************/
/**  Stackable grid  **/
/**********************/
.body-content .stackable-grid {
    margin-left: -10px;
    margin-right: -10px;
}

.body-content .grid-content + .stackable-grid {
    margin: -10px;
}

.stackable-block {
    color: #2D3138;
    width: 16.6666%;
    display: inline-block;
}

.stackable-block-2x {
    width: 33.3333%;
}

.stackable-block-3x {
    width: 50%;
}

.stackable-block-4x {
    width: 66.6666%;
}

.stackable-block-5x {
    width: 83.3333%;
}

.stackable-block-6x {
    width: 100%;
}

.stackable-block-20 {
    width: 20%;
}

.stackable-block-40 {
    width: 40%;
}

.stackable-block-60 {
    width: 60%;
}

.stackable-block-25 {
    width: 25%;
}

.stackable-block-33 {
    width: 33.3333%;
}

.stackable-block-50 {
    width: 50%;
}

.stackable-block-75 {
    width: 75%;
}


@media screen and (min-width:760px) {
    .body-sidebar .stackable-block {
        width: 100%;
        display: block;
    }

    .two-column .body-sidebar .stackable-block {
        width: 33.3333%;
    }

    .two-column .body-sidebar .stackable-block-2x {
        width: 33.3334%;
    }
}

@media screen and (max-width:760px) {
    .body-content .section-bg-wrapper .stackable-grid {
        margin-left: 0;
        margin-right: 0;
    }

    .stackable-block {
        width: 33.3333%;
    }

    .stackable-block-2x {
        width: 50%;
    }

    .stackable-block-3x {
        width: 50%;
    }

    .stackable-block-4x {
        width: 100%;
    }

    .stackable-block-5x {
        width: 100%;
    }

    .stackable-block-6x {
        width: 100%;
    }
}

@media screen and (max-width:600px) {
    .stackable-block {
        width: 100%;
    }
}

@media screen and (max-width:1024px) {
    .infographic-grid .stackable-block-25 {
        width: 33.3333%;
    }

    .infographic-grid .stackable-block-75 {
        width: 66.6666%;
    }
}

@media screen and (max-width:760px) {
    .infographic-grid .stackable-block-25 {
        width: 100%;
    }

    .infographic-grid .stackable-block-75 {
        width: 100%;
    }
}

/*.stackable-block img {max-width:100%;height:auto;vertical-align:top;}*/

/*.stackable-block .block-inner {margin:10px;border-radius:3px;overflow:hidden;}*/

/* moved from degrees.css */

.stackable-block .block-inner {
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
    transition: 0.1s all;
    text-decoration: none;
    position: relative;
    display: block;
    margin: 10px;
    border-radius: 3px;
    overflow: hidden;
}

.stackable-block a.block-inner:hover {
    box-shadow: 0 0 0 3px #8b2232;
}

    .stackable-block a.block-inner:hover img {
        opacity: 1;
    }

    .stackable-block a.block-inner:hover .button {
        border-color: #8b2232;
    }

        .stackable-block a.block-inner:hover .button.solid-button {
            background: #8b2232;
        }

.body-content .stackable-block a.block-inner.popup-link:hover:before, .stackable-block a.block-inner[target="_blank"]:hover:before {
    position: absolute;
    z-index: 10;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    color: #FFF;
    background: rgba(46,49,56,0.5);
    content: "";
}

.body-content .stackable-block a.block-inner.popup-link:hover:after, .stackable-block a.block-inner[target="_blank"]:hover:after {
    position: absolute;
    z-index: 10;
    left: 0;
    top: 50%;
    right: 0;
    color: #FFF;
    transform: translateY(-50%);
    text-align: center;
    text-shadow: 0 0 20px #2D3138;
    font-size: 80px;
    font-family: fontawesome;
}

.body-content .stackable-block a.block-inner.popup-link:hover:after {
    content: "\f065";
}

.body-content .stackable-block a.block-inner[target="_blank"]:hover:after {
    content: "\f08e";
}

.stackable-block .content {
    background: #FFF;
    padding: 20px;
    margin: 0;
    position: relative;
}

    .stackable-block .content:before {
        content: "";
        height: 0;
        width: 0;
        border: 15px solid transparent;
        border-bottom-color: #FFF;
        position: absolute;
        left: 20px;
        top: -30px;
    }

    .stackable-block .content h2 {
        color: #2D3138;
        font-size: 24px;
        position: relative;
        line-height: 1;
        padding-bottom: 10px;
        margin-bottom: 15px;
    }

    .stackable-block .content h3 {
        color: #2D3138;
        font-size: 18px;
        position: relative;
        line-height: 1;
        padding-bottom: 10px;
        margin-bottom: 15px;
    }

        .stackable-block .content h2:after, .stackable-block .content h3:after {
            content: "";
            background: #8b2232;
            height: 3px;
            border-radius: 3px;
            width: 70px;
            bottom: -3px;
            left: 0;
            position: absolute;
        }

    .stackable-block .content h2 small {
        font-size: 16px;
        display: block;
        margin-bottom: 3px;
        font-weight: normal;
        color: #6B7382;
    }

    .stackable-block .content p, .stackable-block .content ul, .stackable-block .content ol {
        color: #2D3138;
    }

        .stackable-block .content p:last-child, .stackable-block .content ul:last-child, .stackable-block .content ol:last-child {
            margin-bottom: 0;
        }

.stackable-block img {
    max-width: 100%;
    vertical-align: top;
}

.stackable-block iframe {
    width: 100%;
    max-width: 100%;
    height: 318px;
    border: 0 none;
    vertical-align: top;
    position: relative;
    z-index: 1;
}

.stackable-block .content h2.filled-block-header {
    background: #ECEDEF;
    color: #8b2232;
    padding: 18px;
    margin: -20px -20px 20px -20px;
    border: 2px solid #FFF;
    border-bottom: 0 none;
}

    .stackable-block .content h2.filled-block-header::after {
        display: none;
    }

    .stackable-block .content h2.filled-block-header small {
        color: #3D414A;
    }

/* end moved from degrees.css */

@media screen and (min-width:760px) {
    .body-sidebar .stackable-block .block-inner {
        margin: 0 0 20px 20px;
    }

    .two-column .body-sidebar .stackable-block .block-inner {
        margin: 0 10px 20px 10px;
    }
}

@media screen and (max-width:600px) {
    .stackable-block .block-inner {
        margin: 10px 0;
    }
}


/****************************/
/**  Block content styles  **/
/****************************/

.link-block {
}

.link-block-title {
    background: #F6F6F6;
    font-weight: bold;
    font-size: 16px;
    padding: 5px;
}

    .link-block-title .fa, .link-block-title .i8 {
        background: #999;
        color: #FFF;
        font-size: 24px;
        border-radius: 2px;
        width: 40px;
        height: 40px;
        line-height: 40px;
        text-align: center;
        vertical-align: middle;
    }

.link-block ul {
    margin: 10px 20px;
    padding: 0;
    list-style-type: none;
}

/*
.feature-block {background:#FFF;background:linear-gradient(top,#FFF,rgba(255,255,255,0.9));}
.feature-block a {display:block;text-decoration:none;}
.feature-block img {margin:0;vertical-align:top;width:100%;}
.feature-block .feature-block-image {position:relative;display:block;}
.feature-block a:hover .feature-block-image:after {content:"";font-family:'fontawesome';position:absolute;bottom:30px;right:30px;font-size:70px;line-height:1;color:#FFF;text-align:center;text-shadow:1px 1px 0 rgba(0,0,0,0.25),0 0 20px rgba(0,0,0,0.75);}
.feature-block a.popup-link:hover .feature-block-image:after {content:"";}
.feature-block .feature-block-image-meta {position:absolute;bottom:0;left:13px;background:#FFF;font-size:14px;color:#6B7382;padding:10px 12px 0;line-height:1;}
.feature-block .feature-block-image-meta:after {content:"";position:absolute;left:12px;right:12px;bottom:-18px;height:4px;background:#ECEDEF;}
.feature-block a:hover .feature-block-image-meta {background:#F6F6F6;color:#2D3138;}
.feature-block a:hover .feature-block-image-meta:after {background:#F93;}
.feature-block .feature-block-image-meta strong {font-family:'akzidenz-grotesk_prosuper','Arial Black','Helvetica Neue',Arial,sans-serif;font-weight:normal;}
.feature-block h4 {margin:0;padding:20px 20px;font-size:18px;position:relative;}
.feature-block a:hover h4 {background:#F6F6F6;color:#2D3138;}
.feature-block p {padding:0 20px 20px;margin:0;font-size:13px;color:#2D3138;}
.feature-block a:hover p {background:linear-gradient(#F6F6F6,#FFF);}
*/


.feature-block {
    box-shadow: 0 0 15px rgba(0,0,0,0.1);
    transition: 0.1s all;
    text-decoration: none;
    position: relative;
    display: block;
    border-radius: 3px;
    overflow: hidden;
}

a.feature-block:hover, .carousel-widget.feature-block:hover {
    box-shadow: 0 0 0 2px #8b2232;
    transform: scale(1.02);
}
/*a.feature-block:hover img {opacity:1;}*/

/*.feature-block a.block-inner:hover:before {position:absolute;z-index:10;top:0;left:0;right:0;bottom:0;color:#FFF;background:rgba(46,49,56,0.5);content:"";}*/
/*.feature-block a.block-inner:hover:after {position:absolute;z-index:10;left:0;top:50%;right:0;color:#FFF;transform:translateY(-50%);text-align:center;text-shadow:0 0 20px #2D3138;font-size:80px;font-family:fontawesome;content:"";}*/
/*.feature-block a.block-inner.popup-link:hover:after {content:"";}*/

.feature-block .content {
    background: #FFF;
    padding: 20px; /* 20px 20px 15px */
    margin: 0;
    position: relative;
}

.feature-block.highlight-block .content {
    background: #2D3138;
}

.feature-block .content:before {
    content: "";
    height: 0;
    width: 0;
    border: 15px solid transparent;
    border-bottom-color: #FFF;
    position: absolute;
    left: 20px;
    top: -30px;
}

.feature-block.highlight-block .content:before {
    border-bottom-color: #2D3138;
}

.feature-block .content h2, .feature-block .content h3 {
    position: relative;
    line-height: 1;
    padding-bottom: 10px;
    margin-bottom: 15px;
}

.feature-block .content h2 {
    color: #2D3138;
    font-size: 24px;
}

.feature-block .content h3 {
    color: #4C525D;
    font-size: 20px;
}

.feature-block.highlight-block .content h2, .feature-block.highlight-block .content h3 {
    color: #FFF;
}

.feature-block .content h2::after, .feature-block .content h3::after {
    content: "";
    background: #8b2232;
    height: 4px;
    border-radius: 4px;
    width: 100px;
    bottom: -4px;
    left: 0;
    position: absolute;
}

.feature-block .content h2 + h4 {
    margin-top: 0;
}

.feature-block .content p {
    color: #2D3138;
}

.feature-block.highlight-block .content p {
    color: #FFF;
}

.feature-block .content p:last-child {
    margin-bottom: 0;
}

.feature-block .image {
    display: block;
    background-size: cover;
    background-position: center center;
    height: 200px;
}

.feature-block .content p img {
    display: none;
}

.feature-block .content p.widget-date {
    margin: 0 0 5px;
    font-size: 12px;
    color: #6B7382;
}

    .feature-block .content p.widget-date + h3 {
        margin-top: 0;
    }

.feature-block .more-link {
    font-family: Roboto;
    font-weight: 900;
    font-size: 16px;
}

    .feature-block .more-link.inline-more-link {
        font-size: 14px;
        margin-left: 5px;
        font-weight: 600;
    }

    .feature-block .more-link::before {
        color: #8b2232;
        font-family: fontawesome;
        margin-right: 10px;
        content: "\f105";
    }

    .feature-block .more-link.inline-more-link::before {
        margin-right: 5px;
    }

.feature-block:hover .more-link {
    color: #8b2232;
}

    .feature-block:hover .more-link::before {
        content: "\f0da";
    }

.feature-block .external-more-link::before, .feature-block:hover .external-more-link::before {
    content: "\f14c";
}

.feature-block img {
    width: 100%;
    height: auto;
    vertical-align: top;
    transition: 0.1s all;
}

.feature-block iframe {
    width: 100%;
    max-width: 100%;
    height: 318px;
    border: 0 none;
    vertical-align: top;
    position: relative;
    z-index: 1;
}



.content-block {
    background: #FFF;
    background: rgba(255,255,255,0.9);
    padding: 30px;
}

@media screen and (max-width:600px) {
    .content-block {
        padding: 20px;
    }
}

.headlines {
}

.headline {
    display: block;
    padding: 10px 15px 15px 60px;
    border-top: 1px solid #EEE;
    text-decoration: none;
    color: #2D3138;
    position: relative;
}

    .headline.first {
        border-top: 0;
    }

    .headline .date {
        background: #EEE;
        padding: 5px;
        margin-right: 10px;
        color: #666;
        border-radius: 3px;
        font-size: 12px;
        position: absolute;
        left: 10px;
        top: 10px;
        width: 40px;
        text-align: center;
    }

.filter-navigation {
    text-align: center;
    font-family: 'Roboto','Helvetica Neue',Arial,sans-serif;
    font-size: 20px;
    margin: 40px 0;
}

    .filter-navigation a {
        text-decoration: none;
        color: #2D3138;
        border-bottom: 2px solid #C6CAD1;
        display: inline-block;
        line-height: 40px;
        margin: 0 10px;
    }

        .filter-navigation a:hover {
            border-bottom-color: #2D3138;
            color: #2D3138;
        }

        .filter-navigation a.active {
            color: #2D3138;
            border-bottom: 4px solid #8b2232;
        }



/**************************************/
/**  Base Gallery Styles - flickity  **/
/**************************************/

.gallery-main {
    margin-top: 40px;
}

    .gallery-main .image-figure figcaption {
        margin-top: 0;
        padding: 10px 15px;
        background: #FFF;
    }

.body-content .gallery-main .image-figure img, #izu-lightbox-content .gallery-main .image-figure img {
    max-width: inherit;
}

.one-column .body-content > .image-gallery .gallery-main .image-figure img {
    max-width: 1000px;
}

.two-column .body-content > .image-gallery .gallery-main .image-figure img, .two-column-alt .body-content > .image-gallery .gallery-main .image-figure img {
    max-width: 750px;
}

.three-column .body-content > .image-gallery .gallery-main .image-figure img {
    max-width: 460px;
}

.gallery-nav {
    margin: 5px 0 40px;
}

    .gallery-nav .gallery-cell img {
        opacity: 0.6;
    }

    .gallery-nav .gallery-cell:hover img {
        opacity: 0.8;
    }

    .gallery-nav .gallery-cell.is-selected img {
        opacity: 1;
    }


/******************/
/**  Block Link  **/
/******************/

a.hover-link {
    display: block;
    transition: all 0.1s ease-in 0s;
}

    a.hover-link:hover {
        -webkit-transform: scale3d(1.05,1.05,1.05);
        transform: scale3d(1.05,1.05,1.05);
        z-index: 10;
        box-shadow: 0 5px 20px rgba(45,49,56,0.5);
    }

@media screen and (max-width:600px) {
    a.hover-link:hover {
        -webkit-transform: none;
        transform: none;
    }
}

/* Used as full image bg features, displine index etc. */
a.block-link {
    display: block;
    text-align: left;
    text-decoration: none;
    background-color: #FFF;
    background-size: cover;
    background-position: top center;
    color: #FFF;
    padding: 100px 0 0 0;
    overflow: visible;
    transition: all 0.1s ease-in 0s;
    position: relative;
    text-shadow: 0 0 10px rgba(45,49,56,0.75),0 0 10px #2D3138;
}

    a.block-link h3 {
        color: #FFF;
        margin: 0;
        background: rgba(45,49,56,0.5);
        background: linear-gradient(180deg,rgba(45,49,56,0),rgba(45,49,56,0.75));
        padding: 80px 30px 30px;
    }

        a.block-link h3.with-icon {
            padding-top: 30px;
        }

        a.block-link h3 .fa, a.block-link h3 .i8 {
            font-size: 40px;
            display: block;
            margin-bottom: 10px;
        }

    a.block-link:hover h3:after {
        content: "\f0a9";
        position: absolute;
        right: 15px;
        bottom: 15px;
        color: #FFF;
        font-family: 'fontawesome';
        line-height: 1;
        z-index: 11;
    }

    a.block-link h3 + p {
        position: relative;
        font-size: 14px;
        font-weight: bold;
        padding: 0 30px 30px;
        background: rgba(45,49,56,0.75);
        margin: 0;
    }

        a.block-link h3 + p:before {
            content: "";
            position: absolute;
            top: -16px;
            left: 30px;
            width: 40%;
            height: 3px;
            background: rgba(255,255,255,0.5);
            border-radius: 3px;
        }

    a.block-link:hover h3 + p:before {
        background: #F93;
        transition: all 0.1s ease-in 0s;
    }

    a.block-link:hover {
        border-radius: 5px;
    }

@media screen and (max-width:600px) {
    a.block-link h3 {
        padding: 40px 20px 20px;
    }

        a.block-link h3 + p {
            padding: 0 20px 20px;
        }

    a.block-link:hover {
        border-radius: 4px;
    }

    a.block-link h3 + p:before {
        left: 20px;
        top: -11px;
    }
}

/* eg. Discipline listing - simple */
a.icon-block-link {
    display: block;
    text-align: center;
    font-size: 16px;
    padding: 10px 20px;
    text-decoration: none;
    color: #2D3138;
    font-weight: bold;
    height: 130px;
}

    a.icon-block-link .fa, a.icon-block-link .i8 {
        font-size: 50px;
        margin-bottom: 15px;
        color: #8E95A3;
        display: block;
        position: relative;
        -moz-transition: all 0.2s ease-in 0s;
    }

    a.icon-block-link:hover .fa, a.icon-block-link:hover .i8 {
        color: #2D3138;
        margin-bottom: 25px;
        margin-top: -5px;
    }

    a.icon-block-link .fa:after, a.icon-block-link .i8:after {
        content: "";
        position: absolute;
        bottom: -15px;
        left: 50%;
        right: 50%;
        background: #F93;
        height: 3px;
        border-radius: 3px;
        -moz-transition: all 0.1s ease-in 0.1s;
    }

    a.icon-block-link:hover .fa:after, a.icon-block-link:hover .i8:after {
        left: 30%;
        right: 30%;
    }

    a.icon-block-link.small-icon-block-link {
        font-size: 13px;
        padding: 10px 0;
        height: 105px;
    }

        a.icon-block-link.small-icon-block-link .fa, a.icon-block-link.small-icon-block-link .i8 {
            font-size: 40px;
        }

@media screen and (max-width:600px) {
    a.icon-block-link {
        text-align: left;
        font-size: 14px;
        height: auto;
        min-height: 50px;
        padding: 10px 5px 5px;
    }

        a.icon-block-link .fa, a.icon-block-link .i8 {
            float: left;
            margin-bottom: 0;
            margin-right: 10px;
            margin-top: -5px;
            font-size: 30px;
        }

        a.icon-block-link:hover .fa, a.icon-block-link:hover .i8 {
            margin-bottom: 0;
            margin-top: -5px;
        }

        a.icon-block-link .fa:after, a.icon-block-link .i8:after {
            display: none;
        }
}


/*
.tabbed-block {}
.tabbed-nav {text-align:center;margin:0;padding:0;list-style-type:none;font-size:18px;}
.tabbed-nav li {display:inline-block;margin:0;padding:0;list-style-type:none;}
.tabbed-nav li:after {content:"or";display:inline-block;color:#999;margin:0 10px;}
.tabbed-nav li:last-child:after {display:none;}
.tabbed-nav a {color:#5B6270;text-decoration:none;display:inline-block;font-weight:bold;padding:10px 20px;border-radius:3px 3px 0 0;position:relative;}
.tabbed-nav a:hover {background:#EEE;color:#5B6270;}
.tabbed-nav a.selected {background:#EEE;}
.tabbed-content {background:linear-gradient(180deg,rgba(240,240,240,1),rgba(240,240,240,0));border-radius:4px;padding:20px;}
*/



/**************************************************************************/
/**  Flickity v1.1.1 http://flickity.metafizzy.co                        **/
/**  https://cdnjs.cloudflare.com/ajax/libs/flickity/1.1.1/flickity.css  **/
/**************************************************************************/
/**  -- Next/Previous buttons cutsomised for IZU use                     **/
/**************************************************************************/

.flickity-enabled {
    position: relative;
}

    .flickity-enabled:focus {
        outline: none;
    }

.flickity-viewport {
    overflow: hidden;
    position: relative;
    height: 100%;
}

.flickity-slider {
    position: absolute;
    width: 100%;
    height: 100%;
}

.flickity-enabled.is-draggable {
    -webkit-tap-highlight-color: transparent;
    tap-highlight-color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .flickity-enabled.is-draggable .flickity-viewport {
        cursor: move;
        cursor: -webkit-grab;
        cursor: grab;
    }

        .flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
            cursor: -webkit-grabbing;
            cursor: grabbing;
        }

/**  Previous/Next buttons (full height for galleries/carousels)  **/
/*.image-gallery .flickity-prev-next-button {position:absolute;top:0;bottom:0;width:60px;border:none;background:#1E2025;background:rgba(30,32,37,0.7);cursor:pointer;}*/
.image-gallery .gallery-cell {
    padding: 0 5px;
}

.image-gallery .flickity-prev-next-button {
    position: absolute;
    top: 35%;
    width: 60px;
    height: 80px;
    border: none;
    background: #1E2025;
    background: rgba(30,32,37,0.7);
    cursor: pointer;
    z-index: 100;
}

    .image-gallery .flickity-prev-next-button:hover {
        background: rgba(30,32,37,0.9);
    }

    .image-gallery .flickity-prev-next-button:focus {
        outline: none;
        box-shadow: 0 0 0 5px #09F;
    }

    .image-gallery .flickity-prev-next-button:active {
        filter: alpha(opacity=60); /* IE8 */
        opacity: 0.6;
    }

    .image-gallery .flickity-prev-next-button.previous {
        left: 0;
        background: linear-gradient(to right,rgba(30,32,37,0.7),rgba(30,32,37,0.2));
        border-radius: 0 60px 60px 0;
    }

    .image-gallery .flickity-prev-next-button.next {
        right: 0;
        background: linear-gradient(to left,rgba(30,32,37,0.7),rgba(30,32,37,0.2));
        border-radius: 60px 0 0 60px;
    }

    .image-gallery .flickity-prev-next-button.previous:hover, .flickity-prev-next-button.next:hover {
        background: #8b2232;
    }

/**  Previous/Next buttons (positioned bottom for widgets)  **/
/*.carousel-widget .flickity-prev-next-button {position:absolute;height:40px;bottom:0;width:40px;border:none;cursor:pointer;background:none;}*/
/*.carousel-widget .flickity-prev-next-button:hover {background:#606;}*/
/*.carousel-widget .flickity-prev-next-button:focus {outline:none;}*/
/*.carousel-widget .flickity-prev-next-button:active {filter:alpha(opacity=60);opacity:0.6;}*/
/*.carousel-widget .flickity-prev-next-button svg {height:50%;width:50%;left:25%;top:25%;}*/
/*.carousel-widget .flickity-prev-next-button .arrow {fill:#2D3138;}*/
/*.carousel-widget .flickity-prev-next-button.previous {left:0;}*/
/*.carousel-widget .flickity-prev-next-button.next {right:0;}*/
/*.carousel-widget .flickity-prev-next-button:hover .arrow {fill:#FFF;}*/

.flickity-rtl .flickity-prev-next-button.previous {
    left: auto;
    right: 0;
}

.flickity-rtl .flickity-prev-next-button.next {
    right: auto;
    left: 0;
}

.flickity-prev-next-button:disabled {
    filter: alpha(opacity=30); /* IE8 */
    opacity: 0.3;
    cursor: auto;
}

.flickity-prev-next-button svg {
    position: absolute;
    left: 20%;
    top: 20%;
    width: 60%;
    height: 60%;
}

.flickity-prev-next-button .arrow {
    fill: #FFF;
}

.flickity-prev-next-button.no-svg {
    color: #FFF;
    font-size: 26px;
}

.flickity-page-dots {
    position: absolute;
    width: 100%;
    bottom: -25px;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
    line-height: 1;
}

.flickity-rtl .flickity-page-dots {
    direction: rtl;
}

.flickity-page-dots .dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 8px;
    background: #333;
    border-radius: 50%;
    filter: alpha(opacity=25); /* IE8 */
    opacity: 0.25;
    cursor: pointer;
}

    .flickity-page-dots .dot.is-selected {
        filter: alpha(opacity=100); /* IE8 */
        opacity: 1;
    }


.carousel-widget {
    background: #FFF;
}

    .carousel-widget.highlight-block {
        background: #2D3138;
    }

    .carousel-widget.feature-block.block-inner a {
        text-decoration: none;
        width: 100%;
    }

    .carousel-widget .flickity-viewport {
        margin-bottom: 40px;
        transition: height 0.2s;
    }

    .carousel-widget .flickity-prev-next-button {
        position: absolute;
        bottom: 0;
        width: 40px;
        height: 40px;
        border: 0 none;
        background: none;
        cursor: pointer;
        z-index: 100;
    }

        .carousel-widget .flickity-prev-next-button:hover {
            background: #8b2232;
        }

        .carousel-widget .flickity-prev-next-button.previous {
            left: 0;
            border-radius: 0 3px 0 3px;
        }

        .carousel-widget .flickity-prev-next-button.next {
            right: 0;
            border-radius: 3px 0 3px 0;
        }

    .carousel-widget .flickity-page-dots {
        line-height: 40px;
        bottom: 0;
    }

    .carousel-widget .flickity-prev-next-button .arrow {
        fill: #3D414A;
    }

    .carousel-widget.highlight-block .flickity-prev-next-button .arrow {
        fill: #FFF;
    }

    .carousel-widget .flickity-prev-next-button:hover .arrow {
        fill: #FFF;
    }

    .carousel-widget.highlight-block .flickity-prev-next-button:hover .arrow {
        fill: #3D414A;
    }

    .carousel-widget.highlight-block .flickity-page-dots .dot {
        background: #FFF;
    }

    .carousel-widget .flickity-page-dots .dot.is-selected {
        background: #8b2232;
    }

    .carousel-widget .flickity-prev-next-button svg {
        height: 40%;
        left: 30%;
        position: absolute;
        top: 30%;
        width: 40%;
    }

    .carousel-widget.feature-block .widget-date {
        margin: 0 0 5px;
        font-size: 12px;
        color: #6B7382;
    }

        .carousel-widget.feature-block .widget-date strong {
            text-transform: uppercase;
        }

    .carousel-widget.feature-block h3 {
        margin-top: 0;
    }


/**********************/
/**  Social Widgets  **/
/**********************/

.social-block {
    overflow: hidden;
    border-radius: 3px;
}

    .social-block .block-header {
        background: #FFF;
        padding-left: 70px;
        position: relative;
        padding-right: 20px;
        display: block;
        text-decoration: none;
        color: #2D3138;
    }

        .social-block .block-header .round-icon {
            position: absolute;
            top: 15px;
            left: 15px;
        }

        .social-block .block-header h4 {
            margin: 0;
            padding: 20px 0 2px;
        }

    .social-block.twitter-hashtag-block .block-header h4 {
        padding: 2px 0 20px;
    }

    .social-block .block-header p {
        margin: 0;
        padding: 0 0 12px 0;
        font-weight: bold;
    }

    .social-block.twitter-hashtag-block .block-header p {
        padding: 12px 0 0 0;
    }

    .social-block .block-header p .count {
        float: right;
    }

        .social-block .block-header p .count::before {
            content: "\f087";
            margin-right: 5px;
            font-family: 'fontawesome';
            font-weight: normal;
        }

    .social-block .content::before {
        display: none;
    }

    .social-block .social-block-item {
        padding-top: 10px;
        margin-bottom: 10px;
        border-top: 1px solid #ECEDEF;
    }

        .social-block .social-block-item:first-child {
            padding-top: 0;
            border: 0 none;
        }

    .social-block .carousel-widget {
        background: #FFF;
        padding-bottom: 40px;
    }

        .social-block .carousel-widget .flickity-page-dots {
            bottom: 0;
            line-height: 40px;
        }

    .social-block .gallery-cell {
        width: 100%;
        overflow: hidden;
        margin: 0; /* 10px;*/
    }

        .social-block .gallery-cell .carousel-image {
            margin: 0;
            width: 100%;
            height: 250px;
            display: block;
            background-size: cover;
            background-position: center center;
        }

        .social-block .gallery-cell p {
            position: relative;
            margin: 0;
            padding: 15px 20px 20px;
        }

            .social-block .gallery-cell p::before {
                content: "";
                position: absolute;
                top: -30px;
                left: 20px;
                width: 0;
                height: 0;
                border: 15px solid transparent;
                border-bottom-color: #FFF;
                display: block;
            }

            .social-block .gallery-cell p .likes {
                position: absolute;
                top: -40px;
                right: 20px;
                color: #FFF;
                text-shadow: 1px 1px 0 rgba(0,0,0,0.7),0 0 10px rgba(0,0,0,0.5);
                font-weight: bold;
                font-size: 20px;
                line-height: 20px;
            }

    /**  Facebook Widget  **/
    .social-block.facebook-block .block-header {
        background: #D8DDEA;
    }

        .social-block.facebook-block .block-header p .count::before {
            color: #3A5795;
            content: "\f087";
        }

    /**  Twitter Widget  **/
    .social-block.twitter-block .block-header, .social-block.twitter-block .carousel-widget {
        background: #DDEEFC;
    }

        .social-block.twitter-block .block-header p .count::before {
            color: #55ACEE;
            content: "\f099";
        }

/**  Instagram Widget  **/
/**  Youtube Widget  **/
/**  Conversation Widget  **/
/**  RSS Feed Widget  **/


/** Small call-to-action **/
a.small-call-to-action {
    background: #5B6270;
    color: #FFF !important;
    display: block;
    border-radius: 4px;
    padding: 10px 60px;
    position: relative;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    line-height: 16px;
    min-height: 56px;
    vertical-align: middle;
}

    a.small-call-to-action.cta-no-icon {
        padding-left: 20px;
    }

    a.small-call-to-action .fa, a.small-call-to-action .i8 {
        font-size: 30px;
        margin-right: 10px;
        position: absolute;
        left: 15px;
        top: 50%;
        transform: translateY(-50%);
    }

    a.small-call-to-action .cta-label {
        display: table-cell;
        vertical-align: middle;
        height: 36px;
    }

    a.small-call-to-action::after {
        position: absolute;
        right: 10px;
        top: 50%;
        transform: translateY(-50%);
        bottom: auto;
        text-align: center;
        line-height: 36px;
        width: 30px;
        border-left: 2px solid rgba(255,255,255,0.5);
        font-family: fontawesome;
        content: "\f105";
    }

    a.small-call-to-action.popup-link::after {
        content: "\f065";
    }

    a.small-call-to-action:hover {
        background: #8b2232;
    }

        a.small-call-to-action:hover::after {
            background: #FFF;
            border-radius: 3px;
            color: #8b2232;
        }


/******************************/
/**  Featured Degree Widget  **/
/******************************/

.featured-degree {
    background: #FFF;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
    display: block;
    text-decoration: none;
    border-radius: 3px;
    color: #2D3138;
    overflow: hidden;
    transition: 0.1s all;
}

    .featured-degree:hover {
        box-shadow: 0 0 0 3px #8b2232;
        transform: scale(1.02);
    }

    .featured-degree .featured-degree-header {
        position: relative;
        height: 150px;
        background-size: cover;
        background-position: center center;
    }

        .featured-degree .featured-degree-header h3 {
            position: absolute;
            padding: 20px;
            bottom: 0;
            left: 0;
            right: 0;
            margin: 0;
            font-size: 24px;
            color: #FFF;
            text-shadow: 1px 1px 0 rgba(0,0,0,0.3),0 0 10px rgba(0,0,0,0.5);
            background: linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,0.5));
        }

            .featured-degree .featured-degree-header h3 small {
                display: block;
                font-size: 16px;
                font-weight: 600;
            }

    .featured-degree .featured-degree-content {
        padding: 15px 20px 40px;
        position: relative;
    }

        .featured-degree .featured-degree-content p {
            margin: 0 0 5px;
        }

            .featured-degree .featured-degree-content p:last-child {
                margin: 0;
                position: absolute;
                bottom: 15px;
            }

    .featured-degree .featured-degree-more {
        font-family: Roboto;
        font-weight: 900;
        font-size: 16px;
    }

        .featured-degree .featured-degree-more::before {
            color: #8b2232;
            font-family: fontawesome;
            margin-right: 10px;
            content: "\f105";
        }

    .featured-degree:hover .featured-degree-more {
        color: #8b2232;
    }

        .featured-degree:hover .featured-degree-more::before {
            content: "\f0da";
        }


/*******************/
/** IZU Lightbox  **/
/*******************/

#izu-lightbox-overlay {
    display: none;
    background: #222;
    background: rgba(0, 0, 0, 0.8);
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 2000;
}

#izu-lightbox {
    display: none;
    background: #fff;
    bottom: 100px;
    box-shadow: 0 0 10px #000;
    left: 50%;
    margin-left: -427px;
    position: fixed;
    top: 50px;
    width: 854px;
    z-index: 3000;
    overflow-y: scroll;
    border-radius: 3px;
}

#izu-lightbox-content {
    padding: 40px;
}

#izu-lightbox.no-padding {
    overflow: hidden;
}

    #izu-lightbox.no-padding #izu-lightbox-content {
        padding: 0;
    }

#izu-lightbox-close {
    display: none;
    border: 2px solid #FFF;
    color: #FFF;
    height: 30px;
    position: fixed;
    top: 10px;
    font-size: 12px;
    line-height: 26px;
    text-align: center;
    left: 50%;
    margin-left: -30px;
    width: 60px;
    z-index: 4000;
    border-radius: 15px;
    text-decoration: none;
    font-weight: bold;
}

    #izu-lightbox-close:hover {
        background: #8b2232;
        border-color: #8b2232;
    }

#izu-lightbox-navigation {
    display: none;
    position: fixed;
    bottom: 40px;
    height: 40px;
    width: 854px;
    margin-left: -427px;
    left: 50%;
    z-index: 4000;
    color: #FFF;
}

    #izu-lightbox-navigation a {
        color: #FFF;
        line-height: 40px;
        text-decoration: none;
    }

        #izu-lightbox-navigation a strong {
            display: block;
            margin-top: 4px;
        }

#izu-lightbox-navigation-previous {
    width: 377px;
    position: absolute;
    left: 0;
    height: 40px;
    padding-left: 50px;
}

#izu-lightbox-navigation-next {
    width: 377px;
    position: absolute;
    right: 0;
    height: 40px;
    text-align: right;
    padding-right: 50px;
}

#izu-lightbox-navigation a:after {
    font-family: 'FontAwesome';
    color: #FFF;
    border: 2px solid #FFF;
    width: 40px;
    height: 40px;
    position: absolute;
    bottom: 0;
    font-size: 20px;
    line-height: 36px;
    text-align: center;
    border-radius: 100%;
}

#izu-lightbox-navigation-previous a::after {
    content: "\f104";
    left: 0;
}

#izu-lightbox-navigation-next a::after {
    content: "\f105";
    right: 0;
}

#izu-lightbox-navigation a:hover::after {
    background: #8b2232;
    border-color: #8b2232;
    color: #FFF;
}

#izu-lightbox-loading {
    color: #CCC;
    font-size: 100px;
    line-height: 100px;
    height: 100px;
    width: 100px;
    text-align: center;
    position: fixed;
    top: 50%;
    margin-top: -75px;
    left: 50%;
    margin-left: -50px;
    z-index: 4000;
    display: none;
}

    #izu-lightbox-loading.fa-spin {
        display: block;
    }

@media(max-width:900px) {
    #izu-lightbox {
        width: 654px;
        margin-left: -327px;
    }

    #izu-lightbox-navigation {
        width: 654px;
        margin-left: -327px;
    }

    #izu-lightbox-navigation-previous {
        width: 277px;
    }

    #izu-lightbox-navigation-next {
        width: 277px;
    }
}


/**************************/
/** IZU Lightbox - News  **/
/**************************/

#izu-lightbox-content .news-date {
    font-weight: bold;
    color: #5B6270;
}

    #izu-lightbox-content .news-date .news-social {
        float: right;
    }

#izu-lightbox-content .news-divider {
    margin: 20px auto;
}

#izu-lightbox-content .news-summary {
    font-size: 1.2em;
    font-weight: bold;
}

#izu-lightbox-content .news-image {
    max-width: 45%;
    float: right;
    margin: 0 0 20px 20px;
}

    #izu-lightbox-content .news-image a {
        display: block;
    }

        #izu-lightbox-content .news-image a img {
            max-width: 100%;
        }


/****************************/
/** IZU Lightbox - Events  **/
/****************************/

#izu-lightbox-content .event-date {
    font-weight: bold;
    color: #5B6270;
}

#izu-lightbox-content .event-social {
    float: right;
}

#izu-lightbox-content .event-divider {
    margin: 20px auto;
}

#izu-lightbox-content .event-image {
    max-width: 45%;
    float: right;
    margin: 0 0 20px 20px;
}

    #izu-lightbox-content .event-image a {
        display: block;
    }

        #izu-lightbox-content .event-image a img {
            max-width: 100%;
        }

#izu-lightbox-content .event-meta-table th {
    color: #5B6270;
}


/*****************/
/**  Key Dates  **/
/*****************/

#key-dates .timeline {
    background: #CCC;
    height: 4px;
    margin: 40px 0;
    border-radius: 2px;
}

    #key-dates .timeline .inner {
        position: relative;
    }

    #key-dates .timeline .marker {
        height: 10px;
        width: 10px;
        background: #666;
        border-radius: 5px;
        top: -3px;
        position: absolute;
        margin-left: -5px;
        z-index: 2;
        -moz-transition: 0.25s;
    }

    #key-dates .timeline #today-marker.marker {
        background: #F93;
        z-index: 1;
        height: 40px;
        top: -18px;
        width: 2px;
        border-radius: 2px;
        margin-left: -1px;
    }

    #key-dates .timeline .marker.highlighted-marker {
        height: 16px;
        width: 16px;
        top: -6px;
        margin-left: -8px;
        border-radius: 8px;
    }

    #key-dates .timeline .marker:hover, #key-dates .timeline .marker.glow {
        height: 20px;
        width: 20px;
        top: -8px;
        margin-left: -10px;
        background: #F93;
        z-index: 3;
        border-radius: 10px;
    }

        #key-dates .timeline .marker:not([data-end='0']):hover, #key-dates .timeline .marker.glow:not([data-end='0']) {
            margin-left: -5px;
        }

    #key-dates .timeline .marker .marker-label {
        display: none;
        background: rgba(0,0,0,0.8);
        color: #FFF;
        font-size: 12px;
        font-weight: bold;
        border-radius: 4px;
        padding: 10px;
        width: 200px;
        text-align: center;
        position: absolute;
        top: 25px;
        left: -100px;
    }

        #key-dates .timeline .marker .marker-label::after {
            content: "";
            position: absolute;
            top: -20px;
            left: 95px;
            border: 10px solid transparent;
            border-bottom-color: rgba(0,0,0,0.8);
        }

    #key-dates .timeline .marker:hover .marker-label {
        display: none;
    }

.dates-list {
    list-style-type: none;
    margin: 0;
    padding: 0;
    -moz-column-count: 2;
}

@media screen and (max-width:700px) {
    .dates-list {
        -moz-column-count: 1;
    }
}

.dates-list li {
    padding: 10px 10px 10px 60px;
    border-top: 1px solid #ECEDEF;
    display: inline-block;
    width: 100%;
    position: relative;
    min-height: 55px;
}

    .dates-list li .date {
        font-size: 30px;
        font-weight: 200;
        color: #5B6270;
        position: absolute;
        left: 10px;
        top: 10px;
        line-height: 1;
    }

    .dates-list li.glow .date, .dates-list li:hover .date {
        color: #FFF;
    }

    .dates-list li.glow, .dates-list li:hover {
        background: #606;
        color: #FFF;
        border-radius: 3px;
        border-color: #606;
    }

#key-dates .gallery-main {
    margin: 0;
}

#up-next-dates, .up-next-dates {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

    #up-next-dates .up-next-date, .up-next-dates .up-next-date {
        padding-left: 50px;
        position: relative;
        min-height: 50px;
    }

    #up-next-dates .up-next-date-label, .up-next-dates .up-next-date-label {
        background: #606;
        color: #FFF;
        border-radius: 3px;
        position: absolute;
        left: 0;
        top: 0;
        padding: 7px 5px;
        width: 35px;
        font-weight: bold;
        font-size: 18px;
        text-align: center;
        line-height: 14px;
        text-transform: uppercase;
    }

    #up-next-dates .up-next-date-label-month, .up-next-dates .up-next-date-label-month {
        font-size: 10px;
        line-height: 8px;
    }


.grouped-dates-list {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

    .grouped-dates-list li {
        padding: 10px 10px 10px 70px;
        border-top: 1px solid #ECEDEF;
        display: inline-block;
        width: 100%;
        position: relative;
    }

        .grouped-dates-list li.glow {
            background: #606;
            color: #FFF;
            border-radius: 3px;
            border-color: #606;
        }

        .grouped-dates-list li .date {
            font-size: 16px;
            color: #5B6270;
            position: absolute;
            left: 0;
            top: 10px;
            line-height: 20px;
        }

        .grouped-dates-list li.glow .date {
            color: #FFF;
        }



/******************************/
/**  New Key Dates Carousel  **/
/******************************/

.key-date-carousel-filters {
    text-align: center;
    margin: 0 0 30px;
    font-size: 18px;
    line-height: 40px;
}

    .key-date-carousel-filters strong {
        font-size: 16px;
        color: #6B7382;
        display: inline-block;
        text-transform: uppercase;
    }

        .key-date-carousel-filters strong .fa {
            margin-left: 5px;
        }

    .key-date-carousel-filters .divider {
        display: inline-block;
        margin: 0 15px;
        border-left: 2px solid #ECEDEF;
        height: 40px;
        vertical-align: top;
    }

    .key-date-carousel-filters a {
        background: #ECEDEF;
        color: #2D3138;
        text-decoration: none;
        border-radius: 20px;
        padding: 0 20px;
        margin: 0 5px;
        display: inline-block;
    }

        .key-date-carousel-filters a.active {
            background: #606;
            color: #FFF;
            position: relative;
        }

            .key-date-carousel-filters a.active:after {
                content: "";
                border: 8px solid transparent;
                border-top-color: #606;
                position: absolute;
                top: 40px;
                left: 50%;
                margin-left: -8px;
                width: 0;
                height: 0;
            }

        .key-date-carousel-filters a:hover {
            background: #6B7382;
            color: #FFF;
        }

        .key-date-carousel-filters a.active:hover:after {
            border-top-color: #6B7382;
        }


.key-date-carousel {
    overflow: hidden;
    left: calc((100% - 100vw) / 2);
    position: relative;
    width: 100vw;
}

.key-date-carousel-prev, .key-date-carousel-next {
    position: absolute;
    top: 110px;
    background: #6B7382;
    width: 60px;
    height: 60px;
    line-height: 60px;
    font-size: 40px;
    border-radius: 30px;
    color: #FFF;
    text-align: center;
    text-decoration: none;
}

.key-date-carousel-filters + .key-date-carousel-inner + .key-date-carousel-prev, .key-date-carousel-filters + .key-date-carousel-inner + .key-date-carousel-prev + .key-date-carousel-next {
    top: 180px;
}

.key-date-carousel-prev:hover, .key-date-carousel-next:hover {
    background: #606;
}

.key-date-carousel-prev {
    left: 50%;
    margin-left: -290px;
}

.key-date-carousel-next {
    right: 50%;
    margin-right: -290px;
}

    .key-date-carousel-prev .fa, .key-date-carousel-next .fa {
        display: block;
        line-height: 55px;
        text-align: center;
    }

.key-date-carousel-prev .fa {
    margin-right: 4px;
}

.key-date-carousel-next .fa {
    margin-left: 4px;
}

.key-date-carousel-inner {
    position: relative;
    left: 0;
}

    .key-date-carousel-inner .month-box {
        transform: scale(0.9);
        transition: 0.5s transform;
        width: 500px;
        display: inline-block;
        vertical-align: middle;
    }

        .key-date-carousel-inner .month-box h3, .key-date-carousel-inner .month-box ol {
            opacity: 0.6;
            transition: 0.5s opacity;
        }

        .key-date-carousel-inner .month-box > div {
            transition: 0.5s all;
            margin: 0 40px;
        }

    .key-date-carousel-inner .active-month-box {
        transform: scale(1.0);
    }

        .key-date-carousel-inner .active-month-box > div {
        }

        .key-date-carousel-inner .active-month-box h3, .key-date-carousel-inner .active-month-box ol {
            opacity: 1;
        }

    .key-date-carousel-inner .month-box-inner {
        background: #FFF;
        padding: 40px;
        overflow: hidden;
        position: relative;
        border-radius: 4px;
        border: 2px solid #D9DBE0;
    }

        .key-date-carousel-inner .month-box-inner:after {
            content: "";
            position: absolute;
            left: 0;
            right: 0;
            bottom: 0;
            top: 50%;
            background: linear-gradient(to top,rgba(255,255,255,1) 10%,rgba(255,255,255,0));
            transition: 0.5s all;
        }

    .key-date-carousel-inner .active-month-box .month-box-inner:after {
        top: 100%;
    }

    .key-date-carousel-inner .grouped-dates-list li {
        padding-left: 50px;
        padding-right: 0;
        width: auto;
        display: block;
    }

        .key-date-carousel-inner .grouped-dates-list li.key-date-highlight, .key-date-carousel-inner .grouped-dates-list li.this-week-date, .key-date-carousel-inner .grouped-dates-list li.next-week-date {
            margin: 0 -40px;
            padding: 10px 40px 10px 90px;
        }

        .key-date-carousel-inner .grouped-dates-list li.key-date-highlight {
            background: rgba(153,204,0,0.1);
        }

        .key-date-carousel-inner .grouped-dates-list li.this-week-date {
            background: rgba(0,138,198,0.05);
        }

        .key-date-carousel-inner .grouped-dates-list li.next-week-date {
            background: rgba(0,51,153,0.05);
        }

            .key-date-carousel-inner .grouped-dates-list li.key-date-highlight .date, .key-date-carousel-inner .grouped-dates-list li.this-week-date .date, .key-date-carousel-inner .grouped-dates-list li.next-week-date .date {
                left: 40px;
                font-weight: bold;
            }

        .key-date-carousel-inner .grouped-dates-list li.this-week-date .date {
            color: #606;
        }

        .key-date-carousel-inner .grouped-dates-list li.next-week-date .date {
            color: #039;
        }

        .key-date-carousel-inner .grouped-dates-list li.key-date-highlight .date:before {
            font-family: fontawesome;
            position: absolute;
            left: -26px;
            font-size: 16px;
            top: 0;
            color: #9C0;
            content: "\f005";
        }

        .key-date-carousel-inner .grouped-dates-list li:first-child {
            border-top: 0 none;
        }

        .key-date-carousel-inner .grouped-dates-list li strong {
            font-size: 15px;
            display: block;
            line-height: 20px;
        }

            .key-date-carousel-inner .grouped-dates-list li strong .this-week, .key-date-carousel-inner .grouped-dates-list li strong .next-week {
                float: right;
                border-radius: 15px;
                padding: 0 10px;
                color: #FFF;
                font-size: 12px;
            }

            .key-date-carousel-inner .grouped-dates-list li strong .this-week {
                background: #606;
            }

            .key-date-carousel-inner .grouped-dates-list li strong .next-week {
                background: #039;
            }

            .key-date-carousel-inner .grouped-dates-list li strong a {
                color: #2D3138;
            }

                .key-date-carousel-inner .grouped-dates-list li strong a:hover {
                    color: #606;
                }

        .key-date-carousel-inner .grouped-dates-list li em {
            font-size: 13px;
            display: block;
            color: #5B6270;
            margin-top: 5px;
        }

.hidden-count {
    display: none;
    position: absolute;
    bottom: 40px;
    left: 50%;
    margin-left: -40px;
    color: red;
    color: #3D414A;
    font-weight: bold;
    border: 3px solid #FFF;
    border-radius: 30px;
    width: 110px;
    background: #ECEDEF;
    font-size: 16px;
    line-height: 40px;
    z-index: 10;
    text-align: center;
}

@media screen and (max-width:768px) {
    .key-date-carousel-inner .month-box > div {
        margin: 0;
        border-radius: 0;
        border-left: 0 none;
        border-right: 0 none;
    }

    .key-date-carousel-prev, .key-date-carousel-next {
        position: relative;
        top: 0;
        display: inline-block;
        width: 40%;
        margin: 20px 5% 0 !important;
        left: auto;
        right: auto;
    }

    .key-date-carousel-filters + .key-date-carousel-inner + .key-date-carousel-prev, .key-date-carousel-filters + .key-date-carousel-inner + .key-date-carousel-prev + .key-date-carousel-next {
        top: 0;
    }
}

@media screen and (max-width:400px) {
    .key-date-carousel-filters strong {
        line-height: 20px;
    }

    .key-date-carousel-filters strong, .key-date-carousel-filters a {
        display: block;
    }

    .key-date-carousel-filters .divider {
        display: none;
    }

    .key-date-carousel-filters a {
        margin-top: 10px;
        font-size: 14px;
    }

        .key-date-carousel-filters a.active:after {
            display: none;
        }

    .key-date-carousel-inner .month-box {
        transform: scale(1);
    }

    .key-date-carousel-inner .month-box-inner {
        padding: 20px;
    }

    .key-date-carousel-inner .grouped-dates-list li.key-date-highlight .date:before {
        display: none;
    }
}


/*************************/
/**  Responsive embeds  **/
/*************************/

.embed-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
}

    .embed-container iframe, .embed-container object, .embed-container embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    .embed-container + p {
        margin-top: 2em;
    }

.video-figure {
    margin: 0;
}

    .video-figure + p {
        margin-top: 2em;
    }

    .video-figure figcaption {
        font-style: italic;
        color: #5B6270;
        margin-top: 10px;
    }

        .video-figure figcaption .fa-caret-up {
            vertical-align: top;
            margin-right: 5px;
        }

.image-figure {
    margin: 0;
}

    .image-figure + p {
        margin-top: 2em;
    }

    .image-figure figcaption {
        font-style: italic;
        color: #5B6270;
        margin-top: 10px;
    }

        .image-figure figcaption .fa-caret-up {
            vertical-align: top;
            margin-right: 5px;
        }



.simple-journey-list {
    font-size: 20px;
    list-style-type: none;
    padding: 0;
    margin-bottom: 0;
}

    .simple-journey-list li {
        list-style-type: none;
        position: relative;
        margin-bottom: 8px;
    }

        .simple-journey-list li:last-child {
            margin-bottom: 0;
        }

        .simple-journey-list li::before, .simple-journey-list li::after {
            content: "";
            position: absolute;
            width: 3px;
            background: #8b2232;
            left: 7px;
        }

        .simple-journey-list li::before {
            top: 0;
            height: 6px;
        }

        .simple-journey-list li::after {
            bottom: -8px;
            height: 16px;
        }

        .simple-journey-list li:first-child::before {
            display: none;
        }

        .simple-journey-list li:last-child::after {
            display: none;
        }

        .simple-journey-list li a {
            position: relative;
            padding-left: 30px;
            text-decoration: none;
            color: #2D3138;
        }

            .simple-journey-list li a:hover {
                text-decoration: underline;
            }

            .simple-journey-list li a::before {
                position: absolute;
                top: -4px;
                left: 0;
                color: #8b2232;
                font-size: 20px;
                font-family: fontawesome;
                content: "\f10C";
            }

            .simple-journey-list li a:hover::before {
                content: "\f05d";
            }

@media screen and (max-width:760px) {
    .simple-journey-list {
        font-size: 16px;
    }

        .simple-journey-list li::after {
            height: 12px;
        }

        .simple-journey-list li a::before {
            top: -6px;
        }
}


.icon-list-row {
    border-top: 2px solid #ECEDEF;
    padding-top: 40px;
    padding-bottom: 40px;
    padding-left: 160px;
    min-height: 200px;
    position: relative;
}

    .icon-list-row .i8 {
        font-size: 60px;
        color: #8b2232;
        position: absolute;
        left: 0;
        top: 38px;
        width: 120px;
        height: 120px;
        line-height: 114px;
        border-radius: 100%;
        border: 3px solid #8b2232;
        text-align: center;
    }

    .icon-list-row h2 {
        margin-top: 0;
    }

@media screen and (max-width:768px) {
    .icon-list-row {
        padding-left: 75px;
        min-height: 90px;
        padding-bottom: 20px;
        padding-top: 20px;
    }

        .icon-list-row .i8 {
            height: 60px;
            width: 60px;
            line-height: 54px;
            font-size: 30px;
            top: 18px;
        }
}


/*******************/
/**  Form Styles  **/
/*******************/
/*form table {
    border-collapse: collapse;
    width: 100%;
}

    form table tr {
        border-top: 1px solid #ECEDEF;
    }

        form table tr th {
            text-align: left;
            vertical-align: top;
            padding: 5px 5px 5px 0;
            width: 25%;
        }

            form table tr th label {
                padding: 5px 30px 5px 0;
                display: block;
                position: relative;
            }

                form table tr th label .required {
                    width: 0;
                    font-size: 0;
                    color: transparent;
                    position: absolute;
                    right: 20px;
                    top: 10px;
                }

                    form table tr th label .required:before {
                        color: #FC0;
                        font-family: fontawesome;
                        font-size: 12px;
                        content: "\f005";
                    }

       form table tr td {
            padding: 5px 0 5px 5px;
            vertical-align: top;
            width: 75%;
        }

            form table tr td input[type="text"] {
                padding: 5px;
                border: 1px solid #D9DBE0;
                border-radius: 3px;
                width: 300px;
                font-size: 14px;
            }

                form table tr td input[type="text"].small-field {
                    width: 150px;
                }

            form table tr td textarea {
                padding: 5px;
                border: 1px solid #D9DBE0;
                border-radius: 3px;
                width: 300px;
                height: 150px;
                font-size: 14px;
            }

            form table tr td select {
                padding: 5px;
                border: 1px solid #D9DBE0;
                border-radius: 3px;
                font-size: 14px;
            }

                form table tr td input[type="text"]:focus, form table tr td textarea:focus, form table tr td select:focus {
                    border-color: #06C;
                }
            */
@media screen and (max-width:600px) {
    form table tr th, form table tr td {
        display: block;
        width: 100%;
    }

    form table tr th {
        padding: 5px 0 0 0;
    }

        form table tr th label .required {
            position: static;
        }

    form table tr td {
        padding: 0 0 10px 0;
    }

        form table tr td input[type="text"], form table tr td textarea, form table tr td select {
            width: 100%;
            padding: 10px;
            font-size: 16px;
        }
}


/********************/
/**  Login screen  **/
/********************/
#login-box {
    float: none;
    margin: 100px auto;
    padding: 40px;
    width: 400px;
    background: rgba(255,255,255,0.9);
    border-radius: 3px;
}

    #login-box + .body-content {
        display: none;
    }

.login-messages {
    color: #b94a48;
    padding-bottom: 1em;
}

#login-form p {
    margin: 10px 0 20px;
    font-style: italic;
    color: #666;
}

#login-form #login-help p {
    margin: 20px 0 0;
}

#login-form form {
    margin-bottom: 0;
}

#login-form .clearfix {
    margin-bottom: 10px;
}

#login-form .login-label {
    font-weight: bold;
    width: 100px;
    display: inline;
    position: relative;
    float: left;
    line-height: 42px;
    height: 42px;
}

#login-form .login-field {
    width: 200px;
    display: inline;
    position: relative;
    float: left;
}

    #login-form .login-field input {
        border: 1px solid #DDD;
        padding: 10px;
        font-family: 'Helvetica Neue',Arial,sans-serif;
        border-radius: 3px;
        width: 200px;
    }

        #login-form .login-field input:focus {
            outline: 0 none;
            border-color: #06C;
        }

#login-form .submit-action {
    margin-top: 10px;
    padding-left: 100px;
    margin-bottom: 20px;
}

#login-form p.info {
    font-style: normal;
    font-weight: bold;
    border-top: 1px dashed #CCC;
    padding-top: 15px;
    font-size: 14px;
}


/**********************************/
/**  Lightboxed Degree Handbook  **/
/**********************************/

#izu-lightbox-content #degree-details h2 {
    font-family: "Roboto","Helvetica Neue",Arial,sans-serif;
    position: relative;
    margin-top: 30px;
}

    #izu-lightbox-content #degree-details h2.first {
        margin-top: 0;
    }

#izu-lightbox-content #degree-details ul, #izu-lightbox-content #degree-details ol, #izu-lightbox-content #degree-details li {
    margin: 0;
    padding: 0;
    line-height: 20px;
    background: none;
}

#izu-lightbox-content #degree-details ul {
    margin: 0 0 10px;
    list-style-type: square;
}

#izu-lightbox-content #degree-details ol {
    margin: 0 0 10px;
    list-style-type: decimal;
}

#izu-lightbox-content #degree-details li {
    margin-left: 20px;
}

#izu-lightbox-content #degree-details ol li {
    list-style-type: decimal;
}

#izu-lightbox-content #degree-details ul li {
    list-style-type: square;
}

#izu-lightbox-content #degree-details hr {
    margin: 30px 0;
    border: 0 none;
    border-top: 2px solid #EEE;
}

#izu-lightbox-content .handbook-row h3 {
    margin: 30px 0 10px;
    line-height: 1;
    font-size: 18px;
    position: relative;
}

#izu-lightbox-content #degree-details h2.collapsible:hover, #izu-lightbox-content #degree-details h3.collapsible:hover, #izu-lightbox-content #degree-details h4.collapsible:hover, #izu-lightbox-content #degree-details h5.collapsible:hover {
    cursor: pointer;
    color: #25589d;
}

#izu-lightbox-content #degree-details h2.collapsible:before, #izu-lightbox-content #degree-details h3.collapsible:before, #izu-lightbox-content #degree-details h4.collapsible:before, #izu-lightbox-content #degree-details h5.collapsible:before {
    background: #FCFCFC;
    background: rgba(252, 252, 252, 0.95);
    border-radius: 16px 0 0 16px;
    bottom: -5px;
    content: "-";
    display: none;
    left: -66px;
    line-height: 27px;
    padding-left: 9px;
    position: absolute;
    text-align: center;
    top: -5px;
    width: 17px;
}

#izu-lightbox-content #degree-details h4.collapsible:before {
    left: -44px;
}

#izu-lightbox-content #degree-details h5.collapsible:before {
    left: -64px;
}

#izu-lightbox-content #degree-details h4.collapsible:before, #izu-lightbox-content #degree-details h5.collapsible:before {
    background: #5a4f94;
    color: #FFF;
    top: -2px;
    bottom: 8px;
    line-height: 19px;
    padding: 0 2px 0 5px;
}

#izu-lightbox-content #degree-details h3.collapsible:before {
    line-height: 25px;
    left: -62px;
    width: 15px;
    padding-left: 7px;
    border-radius: 14px 0 0 14px;
}

#izu-lightbox-content #degree-details h2.collapsible:hover:before, #izu-lightbox-content #degree-details h3.collapsible:hover:before, #izu-lightbox-content #degree-details h4.collapsible:hover:before, #izu-lightbox-content #degree-details h5.collapsible:hover:before {
    display: block;
}

#izu-lightbox-content #degree-details h2.collapsed:before, #izu-lightbox-content #degree-details h3.collapsed:before, #izu-lightbox-content #degree-details h4.collapsed:before, #izu-lightbox-content #degree-details h5.collapsed:before {
    display: block;
    content: "+";
}

#izu-lightbox-content #degree-details #section-program-structure h3.collapsible:before {
    bottom: 5px;
}

#izu-lightbox-content #degree-title {
    border-bottom: 4px solid #8b2232;
    padding-bottom: 20px;
    margin-bottom: 30px;
    text-transform: none;
    font-family: "Roboto","Helvetica Neue",Arial,sans-serif;
}
/*#izu-lightbox-content #degree-details.faculty-education-arts #degree-title {border-bottom-color:#039;}*/
/*#izu-lightbox-content #degree-details.faculty-business-law #degree-title {border-bottom-color:#C00;}*/
/*#izu-lightbox-content #degree-details.faculty-health-medicine #degree-title {border-bottom-color:#06C;}*/
/*#izu-lightbox-content #degree-details.faculty-science-information-technology #degree-title {border-bottom-color:#9C0;}*/
/*#izu-lightbox-content #degree-details.faculty-engineerng-built-environment #degree-title {border-bottom-color:#008484;}*/

#izu-lightbox-content #degree-jump-wrapper.fixed {
    background: #FCFCFC;
    background: rgba(252, 252, 252, 0.95);
    border-bottom: 1px solid #CCC;
    margin: 0 -40px;
    padding: 20px 40px;
    position: fixed;
    top: 0;
    width: 774px;
    z-index: 1000;
}

    #izu-lightbox-content #degree-jump-wrapper.fixed hr {
        display: none;
    }

#izu-lightbox-content #degree-jump {
    margin: 0;
    width: 100%;
    padding: 10px;
    height: auto;
}

#izu-lightbox-content #inline-fast-facts {
    margin-bottom: 30px;
    display: block;
}

    #izu-lightbox-content #inline-fast-facts .fast-facts-row {
        border-top: 1px dotted #CCC;
        padding: 10px 0;
    }

        #izu-lightbox-content #inline-fast-facts .fast-facts-row:first-child {
            border-top: 0 none;
            padding-top: 0;
        }

    #izu-lightbox-content #inline-fast-facts h4 {
        width: 250px;
        font-size: 14px;
        margin: 0;
        display: inline;
        position: relative;
        float: left;
        text-transform: none;
        line-height: 18px;
        padding-right: 20px;
        font-family: "Helvetica Neue",Arial,sans-serif;
        color: #25589d;
    }

    #izu-lightbox-content #inline-fast-facts .fast-facts-detail {
        width: 504px;
        display: inline;
        position: relative;
        float: left;
    }

    #izu-lightbox-content #inline-fast-facts p {
        margin: 0;
    }

    #izu-lightbox-content #inline-fast-facts ul, #izu-lightbox-content #inline-fast-facts ul li {
        margin: 0;
        list-style-type: none;
    }

    #izu-lightbox-content #inline-fast-facts .ff-location {
        color: #666;
        font-style: italic;
    }

        #izu-lightbox-content #inline-fast-facts .ff-location a {
            color: #666;
            text-decoration: none;
        }

            #izu-lightbox-content #inline-fast-facts .ff-location a:hover {
                color: #333;
                text-decoration: underline;
            }

    #izu-lightbox-content #inline-fast-facts a.ff-faculty-link {
        position: relative;
        padding-left: 15px;
        color: #333;
        text-decoration: none;
    }

        #izu-lightbox-content #inline-fast-facts a.ff-faculty-link:hover {
            color: #25589d;
            text-decoration: underline;
        }

        #izu-lightbox-content #inline-fast-facts a.ff-faculty-link::before {
            content: "";
            position: absolute;
            left: 0;
            top: 2px;
            width: 9px;
            height: 9px;
            border-radius: 100%;
            background: #8b2232;
        }
/*#izu-lightbox-content #inline-fast-facts a.faculty-education-arts:before {background:#039;}*/
/*#izu-lightbox-content #inline-fast-facts a.faculty-business-law:before {background:#C00;}*/
/*#izu-lightbox-content #inline-fast-facts a.faculty-health-medicine:before {background:#06C;}*/
/*#izu-lightbox-content #inline-fast-facts a.faculty-science-information-technology:before {background:#9C0;}*/
/*#izu-lightbox-content #inline-fast-facts a.faculty-engineering-built-environment:before {background:#008484;}*/

#izu-lightbox-content #section-program-structure h3 {
    margin: 30px 0 15px;
    padding-bottom: 10px;
    border-bottom: 2px solid #5a4f94;
    position: relative;
}

#izu-lightbox-content #section-program-structure h4 {
    border-bottom: 2px solid #CCC;
    margin: 0 0 15px 0;
}

#izu-lightbox-content #section-program-structure h5 {
    margin: 15px 0 10px;
    padding-bottom: 0;
}

#izu-lightbox-content #section-program-structure h4, #izu-lightbox-content #section-program-structure h5 {
    font-size: 18px;
    padding-bottom: 10px;
    position: relative;
    color: #333;
}

    #izu-lightbox-content #section-program-structure h3 small, #izu-lightbox-content #section-program-structure h4 small, #izu-lightbox-content #section-program-structure h5 small {
        display: block;
        font-size: 11px;
        color: #999;
        text-transform: none;
        margin-top: 3px;
        font-family: 'dinbold','Helvetica Neue',Arial,sans-serif;
    }

#izu-lightbox-content #section-program-structure .course-requirement-group:after, #izu-lightbox-content #section-program-structure .course-major:after {
    content: "";
    width: 200px;
    height: 0;
    margin: 0 auto 0 -100px;
    display: block;
    border-bottom: 1px solid #FFF;
    border-top: 1px solid #DDD;
    position: absolute;
    left: 50%;
    bottom: -39px;
}

#izu-lightbox-content #section-program-structure .course-requirement-group:first-child:after, #izu-lightbox-content #section-program-structure .course-major:first-child:after {
    display: none;
}


/***************************/
/**  Reptuation Template  **/
/***************************/

.reputation-template #page-header {
    background-position: center center;
    background-size: cover;
    background-color: #ECEDEF;
}

    .reputation-template #page-header::after {
        display: none;
    }

    .reputation-template #page-header .inner {
        display: flex;
        flex-direction: row;
        align-content: flex-start;
    }

    .reputation-template #page-header .headline-150px {
        margin: 200px 0 20px; /*60px;*/
        padding-bottom: 0;
        width: 63%;
    }

    .reputation-template #page-header .headline-80px {
        margin: 90px 0 20px; /*60px*/
    }

    .reputation-template #page-header .headline-60px {
        margin: 60px 0 0; /*40px*/
    }

    .reputation-template #page-header.welcome-to-new .headline-150px {
        margin-top: 90px;
    }

    .reputation-template #page-header p {
        width: 37%;
        margin-top: 90px;
        font-size: 16px;
        line-height: 1.45;
    }

    .reputation-template #page-header + #izu-body {
        margin-top: 0;
    }

.reputation-template #izu-body {
    background: #FFF;
    border-top: 1px solid #D9DBE0;
    padding: 0 20px;
}

    .reputation-template #izu-body .body-content {
        padding: 80px 0;
        background: none;
    }

    .reputation-template #izu-body.two-column .body-menu {
        margin-top: 40px;
    }

    .reputation-template #izu-body.two-column .body-content {
        padding: 40px 40px 40px 20px;
    }

.campaign-story .w70 {
    font-size: 16px;
}

.clearfix.campaign-story {
    max-width: 100%;
}

    .clearfix.campaign-story .w70 {
        padding-right: 80px;
    }

    .clearfix.campaign-story .w30 {
    }

        .clearfix.campaign-story .w30 img {
            border-radius: 3px;
        }

@media screen and (max-width:760px) {
    .clearfix.campaign-story .w70 {
        padding-right: 0;
    }

    .clearfix.campaign-story .w70, .clearfix.campaign-story .w30 {
        width: 100%;
        display: block;
        float: none;
    }
}


.campaign-cta {
    background: #1090D5;
    color: #FFF;
    text-decoration: none;
    font-size: 30px;
    position: relative;
    border-radius: 3px;
    display: block;
    font-family: Roboto,'Helvetica Neue',Arial,sans-serif;
    font-weight: 900;
    text-transform: uppercase;
    padding: 30px;
    line-height: 30px;
    margin: 15px 0;
    transition: 0.1s all;
}

#panel.landing-page .campaign-cta {
    margin: 40px 0;
}

.campaign-cta:last-child {
    margin-bottom: 0;
}

.campaign-cta:hover {
    background: #2D3138;
    color: #FFF;
}

.campaign-cta strong {
    transition: 0.1s all;
}

.campaign-cta:hover strong {
    color: #8b2232;
}

.campaign-cta span { /*font-family:Heuristica,Georgia,serif;*/
    font-size: 24px;
    position: absolute;
    margin-left: 43px;
    font-weight: normal;
    text-transform: none;
}

    .campaign-cta span::before {
        background: rgba(255,255,255,0.5);
        width: 3px;
        position: absolute;
        left: -23px;
        top: -5px;
        bottom: -5px;
        border-radius: 3px;
        content: "";
    }

.campaign-cta::after {
    text-align: center;
    width: 70px;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    line-height: 90px;
    font-family: fontawesome;
    content: "\f105";
}

.campaign-story-block, .campaign-half-story-block {
    background-color: #5B6270;
    background-position: center center;
    background-size: cover;
    text-decoration: none;
    color: #FFF;
    display: block;
    border-radius: 3px;
    transition: 0.1s all;
    overflow: hidden;
}

    .campaign-story-block:hover, .campaign-half-story-block:hover {
        background-color: #2D3138;
        margin: -10px;
    }

    .campaign-story-block.campaign-video:hover {
        margin: 0;
    }

.campaign-double-small-story-block {
    height: 300px;
    background-color: #ECEDEF;
    background-position: center center;
    background-size: cover;
    text-decoration: none;
    color: #2D3138;
    display: block;
    border-radius: 3px;
    transition: 0.1s all;
    overflow: hidden;
}

    .campaign-double-small-story-block:hover {
        background-color: #ECEDEF;
        margin: -11px -10px;
        height: 320px;
    }

    .campaign-story-block .csb-inside,
    .campaign-double-small-story-block .csb-inside {
        background: linear-gradient(120deg,rgba(0,0,0,0.8),rgba(0,0,0,0) 60%);
        padding: 30px;
        display: block;
        transition: 0.1s all;
    }

.campaign-half-story-block .csb-inside {
    background: linear-gradient(120deg,rgba(0,0,0,0.8),rgba(0,0,0,0.2) 80%);
    padding: 30px;
    display: block;
    transition: 0.1s all;
}

.campaign-story-block:hover .csb-inside,
.campaign-half-story-block:hover .csb-inside,
.campaign-double-small-story-block:hover .csb-inside {
    background: linear-gradient(120deg,rgba(0,0,0,0.8),rgba(0,0,0,0.5) 50%);
    padding: 40px;
}

.campaign-story-block .csb-inside.csb-inside-light,
.campaign-double-small-story-block .csb-inside.csb-inside-light {
    background: linear-gradient(120deg,rgba(255,255,255,0.8),rgba(255,255,255,0) 60%);
    color: #2D3138;
}

.campaign-story-block:hover .csb-inside.csb-inside-light,
.campaign-double-small-story-block:hover .csb-inside.csb-inside-light {
    background: linear-gradient(120deg,rgba(255,255,255,0.8),rgba(255,255,255,0.5) 60%);
}

.campaign-large-story-block {
    background-color: #2D3138;
    background-size: cover;
    text-decoration: none;
    color: #FFF;
    display: block;
    border-radius: 3px;
    transition: 0.1s all;
    transition: 0.1s all;
    position: relative;
    background-position: center center;
}

    .campaign-large-story-block .csb-inside {
        padding: 60px;
        transition: 0.1s all;
    }

    .campaign-large-story-block.campaign-video-preview:hover {
        background-color: #2D3138;
        margin: -10px;
    }

        .campaign-large-story-block.campaign-video-preview:hover .csb-inside {
            padding: 70px;
        }

.campaign-small-story-block {
    background: #ECEDEF;
    text-decoration: none;
    padding: 30px;
    color: #2D3138;
    display: block;
    border-radius: 3px;
    transition: 0.1s all;
}

    .campaign-small-story-block.inverted-campaign-small-story-block {
        background: #2D3138;
        color: #FFF;
    }

    .campaign-small-story-block.clearfix {
        margin-top: 80px;
    }

    .campaign-small-story-block:hover {
        background: #2D3138;
        color: #FFF;
        margin: -10px;
        padding: 40px;
    }

    .campaign-small-story-block.inverted-campaign-small-story-block:hover {
        background: #ECEDEF;
        color: #2D3138;
    }

    .campaign-small-story-block.clearfix:hover {
        margin-top: 70px;
    }

    .campaign-large-story-block .headline-80px,
    .campaign-large-story-block .headline-60px,
    .campaign-story-block .headline-50px,
    .campaign-half-story-block .headline-50px,
    .campaign-story-block .headline-40px,
    .campaign-story-block .headline-36px,
    .campaign-small-story-block .headline-40px,
    .campaign-double-small-story-block .headline-40px {
        margin-bottom: 10px;
    }

    .campaign-small-story-block .headline-60px {
        margin-bottom: 0;
    }

.campaign-double-small-story-block .headline-60px {
    margin-bottom: 5px;
}

.campaign-small-story-block:hover .headline-40px,
.campaign-small-story-block:hover .headline-60px {
    color: #FFF;
}

.campaign-small-story-block.inverted-campaign-small-story-block:hover .headline-40px {
    color: #2D3138;
}

.campaign-large-story-block .headline-50px span,
.campaign-story-block .headline-50px span,
.campaign-half-story-block .headline-50px span {
    display: block;
}

.campaign-story-block p,
.campaign-double-small-story-block p {
    padding-right: 45%;
}

.campaign-large-story-block p {
    padding-right: 70%;
    margin: 20px 0;
}

.campaign-small-story-block .col p {
    margin-bottom: 4px;
}

.campaign-double-small-story-block p {
    margin-bottom: 5px;
}

.campaign-story-block .csb-inside > p:first-of-type,
.campaign-half-story-block .csb-inside > p:first-of-type {
    min-height: 84px;
}

.campaign-story-block p:last-child,
.campaign-half-story-block p:last-child,
.campaign-large-story-block p:last-child,
.campaign-small-story-block p:last-child,
.campaign-double-small-story-block p:last-child {
    margin-bottom: 0;
}

.campaign-story-block p:last-child,
.campaign-half-story-block p:last-child {
    line-height: 1;
}

.campaign-story-block p .link,
.campaign-half-story-block p .link,
.campaign-small-story-block p .link,
.campaign-double-small-story-block p .link,
.campaign-large-story-block p .link {
    font-family: 'Roboto','Helvetica Neue',Arial,sans-serif;
    font-size: 19px;
    text-transform: uppercase;
    font-weight: 900;
}

.campaign-story-block:hover p .link,
.campaign-half-story-block:hover p .link,
.campaign-double-small-story-block:hover p .link,
.campaign-large-story-block:hover p .link {
    color: #8b2232;
}

.campaign-story-block p .link::after,
.campaign-half-story-block p .link::after,
.campaign-small-story-block p .link::after,
.campaign-double-small-story-block p .link::after,
.campaign-large-story-block p .link::after {
    margin-left: 10px;
    line-height: 1;
    font-family: fontawesome;
    content: "\f105";
}

.campaign-large-story-block .fa-play {
    border: 3px solid #FFF;
    text-indent: 5px;
    width: 80px;
    height: 80px;
    text-align: center;
    line-height: 74px;
    border-radius: 100%;
    font-size: 30px;
    transition: 0.1s all;
}

.campaign-large-story-block:hover .fa-play {
    background: #8b2232;
    border-color: #8b2232;
    color: #FFF;
    width: 90px;
    height: 90px;
    line-height: 84px;
    font-size: 36px;
    margin: -5px;
}

.campaign-story-block .fa-play {
    border: 3px solid #FFF;
    text-indent: 5px;
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 44px;
    border-radius: 100%;
    font-size: 20px;
    transition: 0.1s all;
}

.campaign-story-block:hover .fa-play {
    background: #8b2232;
    border-color: #8b2232;
    color: #FFF;
    width: 60px;
    height: 60px;
    line-height: 54px;
    font-size: 26px;
    margin: -5px;
}

.campaign-large-story-block.campaign-video-preview .campaign-video-close, .campaign-story-block.campaign-video-preview .campaign-video-close {
    display: none;
}

.campaign-video-close {
    position: absolute;
    bottom: -50px;
    left: 50%;
    transform: translateX(-50%);
}

.campaign-story {
    max-width: 750px;
    margin: 0 auto;
}

/*.campaign-story p {text-align:justify;}*/


@media screen and (max-width:1120px) {
    .reputation-template #page-header .headline-150px {
        font-size: 120px;
        margin: 150px 0 60px;
    }

    .campaign-story-block .headline-60px {
        font-size: 50px;
    }

    .campaign-half-story-block .headline-50px {
        font-size: 40px;
    }
}

@media screen and (max-width:900px) {
    .reputation-template #page-header .headline-150px {
        font-size: 90px;
        margin: 90px 0 60px;
    }

    .reputation-template #page-header p {
        font-size: 14px;
    }

    .campaign-story-block .headline-50px, .campaign-half-story-block .headline-50px {
        font-size: 40px;
    }

    .campaign-cta {
        margin: 40px 0 20px;
        font-size: 28px;
        padding: 20px 30px 20px 20px;
        line-height: 0.9;
    }

        .campaign-cta + .grid-content {
            margin-top: 20px;
        }

    .grid-content + .campaign-cta {
        margin-top: -20px;
    }

    .campaign-cta span {
        font-size: 20px;
        position: relative;
        margin: 10px 0 0;
        display: block;
        line-height: 1.1;
    }

        .campaign-cta span::before {
            display: none;
        }

    .campaign-cta::after {
        display: none;
    }

    .campaign-cta span::after {
        margin-left: 10px;
        font-family: fontawesome;
        content: "\f105";
    }


    .campaign-double-small-story-block {
        height: 284px;
    }

        .campaign-double-small-story-block:hover {
            height: 305px;
        }

    .campaign-story-block p {
        padding-right: 35%;
    }

    .campaign-double-small-story-block p {
        padding-right: 0;
    }

    .campaign-small-story-block .headline-40px {
        font-size: 30px;
    }

    .campaign-double-small-story-block .headline-60px {
        font-size: 50px;
    }
}

@media screen and (max-width:760px) {
    .reputation-template #page-header .no-tint {
        padding: 30px 20px;
    }

    .reputation-template #cookie-trail + #page-header .header-tint .inner {
        padding: 20px 0;
    }

    .reputation-template #page-header .inner {
        display: block;
    }

    .reputation-template #page-header .headline-150px {
        font-size: 50px;
        margin: 20px 0;
        width: 100%;
    }

    .reputation-template #page-header.welcome-to-new .headline-150px {
        margin-top: 20px;
    }

    .reputation-template #cookie-trail + #page-header.welcome-to-new .inner {
        padding-bottom: 0;
    }

    .reputation-template #page-header .headline-60px {
        font-size: 40px;
        margin: 0;
        width: 100%;
    }

    .reputation-template #page-header p {
        width: 100%;
        font-size: 14px;
        line-height: 1.5;
        margin: 20px 0;
    }

    .reputation-template #izu-body .body-content {
        padding: 20px 0;
        margin-bottom: 0;
    }


    .campaign-large-story-block {
        margin: 0 -20px -20px;
        border-radius: 0;
    }

        .campaign-large-story-block .csb-inside {
            padding: 20px;
        }

    .campaign-cta + .campaign-large-story-block {
        margin-top: 0;
    }

    .campaign-large-story-block .headline-60px,
    .campaign-large-story-block .headline-80px {
        font-size: 40px;
    }

    .campaign-large-story-block p {
        padding-right: 0;
        margin: 10px 0;
    }

    .campaign-large-story-block .fa-play, .campaign-large-story-block:hover .fa-play {
        text-indent: 5px;
        width: 50px;
        height: 50px;
        line-height: 44px;
        font-size: 20px;
        margin: 0;
    }

    .campaign-large-story-block.campaign-video-preview:hover {
        margin: 0 -20px -20px;
    }

        .campaign-large-story-block.campaign-video-preview:hover .csb-inside {
            padding: 20px;
        }

    .campaign-story-block, .campaign-half-story-block {
        background-size: cover;
        border-radius: 0;
        margin: 0 -20px;
    }

        .campaign-story-block:hover, .campaign-half-story-block:hover {
            background-size: cover;
            margin: 0 -20px;
        }

            .campaign-story-block:hover .csb-inside, .campaign-half-story-block:hover .csb-inside {
                padding: 20px;
            }

        .campaign-story-block .headline-40px {
            font-size: 30px;
        }

        .campaign-story-block .headline-50px, .campaign-half-story-block .headline-50px {
            font-size: 40px;
        }

        .campaign-story-block p, .campaign-half-story-block p {
            padding-right: 25%;
        }

    .campaign-double-small-story-block {
        background-size: cover;
        border-radius: 0;
        height: auto;
        margin: 0 -20px;
    }

        .campaign-double-small-story-block:hover {
            background-size: cover;
            margin: 0 -20px;
            height: auto;
        }

            .campaign-double-small-story-block:hover .csb-inside {
                padding: 20px;
            }

        .campaign-double-small-story-block .headline-60px {
            font-size: 40px;
        }

        .campaign-double-small-story-block p {
            padding-right: 25%;
        }

        .campaign-story-block .csb-inside, .campaign-half-story-block .csb-inside, .campaign-double-small-story-block .csb-inside {
            padding: 20px;
        }

    .campaign-small-story-block {
        border-radius: 0;
        padding: 20px;
        border-top: 3px solid #FFF;
        margin: 0 -20px;
    }

        .campaign-small-story-block:hover {
            padding: 20px;
            margin: 0 -20px;
        }
        /*.grid-block:nth-child(2n) .campaign-small-story-block {background:#F6F7F9;}*/
        /*.grid-block:nth-child(2n) .campaign-small-story-block:hover {background:#2D3138;}*/
        .campaign-small-story-block .headline-40px {
            font-size: 30px;
            margin-bottom: 10px;
        }

        .campaign-small-story-block p {
            line-height: 1;
        }

        .campaign-small-story-block.clearfix {
            margin-top: 40px;
        }

            .campaign-small-story-block.clearfix:hover {
                margin-top: 40px;
            }

            .campaign-small-story-block.clearfix .col {
                display: block;
                width: auto;
            }

            .campaign-small-story-block.clearfix .headline-60px {
                font-size: 40px;
                margin-bottom: 10px;
            }

            .campaign-small-story-block.clearfix .col.w70 p:first-child {
                display: none;
            }
}


/***********************/
/**  Instructor List  **/
/***********************/

.instructor-item {
    margin: 30px 0;
    min-height: 100px;
    position: relative;
    padding-left: 130px;
}

    .instructor-item .instructor-image {
        position: absolute;
        left: 0;
        top: 0;
    }

        .instructor-item .instructor-image img {
            border-radius: 100%;
            width: 100px;
            height: 100px;
        }

    .instructor-item h4 {
        margin-top: 0;
    }

.reputation-template .instructor-item .instructor-image img {
    border-radius: 3px;
}



/***************************/
/**  Side-tabbed content  **/
/***************************/

.content-side-menu {
    text-align: right;
    padding-top: 30px;
    margin-top: 53px;
    position: relative;
}

    .content-side-menu::before {
        content: "";
        background: #D9DBE0;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 3px;
        border-radius: 3px;
    }

    .content-side-menu.fixed-position {
        position: fixed;
        top: -13px;
        margin-right: 60px;
        z-index: 1;
    }

    .content-side-menu li {
        margin-bottom: 15px;
        position: relative;
    }

        .content-side-menu li a {
            color: #2D3138;
            text-decoration: none;
            position: relative;
            display: inline-block;
        }

            .content-side-menu li a:hover {
                text-decoration: underline;
            }

            .content-side-menu li a.active, .content-side-menu > li:hover > a {
                color: #2D3138;
                text-decoration: none;
                font-weight: bold;
            }

                .content-side-menu li a.active::after {
                    color: #8b2232;
                    position: absolute;
                    right: -35px;
                    top: 50%;
                    transform: translateY(-50%);
                    font-size: 24px;
                    font-family: 'fontawesome';
                    content: "\f105";
                }

#degree-search-results .content-side-menu li a {
    display: block;
}

.content-side-menu li a .count {
    position: absolute;
    right: 0;
    border: 1px solid #4C525D;
    color: #4C525D;
    border-radius: 10px;
    font-size: 10px;
    line-height: 17px;
    padding: 0 8px;
    top: 1px;
}

.content-side-menu ol {
    display: none;
    font-size: 12px;
    line-height: 14px;
    position: absolute;
    top: -15px;
    left: 100%;
    background: #ECEDEF;
    border-radius: 3px;
    text-align: left;
    padding: 15px 30px 15px 15px;
    z-index: 100;
    margin-left: 15px;
    box-shadow: 0 0 0 10px rgba(255,255,255,0.85);
}

.content-side-menu li:hover ol {
    display: block;
}

.content-side-menu ol::before {
    content: "";
    border: 10px solid transparent;
    border-right-color: #ECEDEF;
    position: absolute;
    top: 14px;
    left: -20px;
    width: 0;
    height: 0;
    display: block;
}

.content-side-menu ol li {
    margin-bottom: 10px;
}

    .content-side-menu ol li:last-child {
        margin-bottom: 0;
    }

    .content-side-menu ol li a {
        white-space: nowrap;
    }

        .content-side-menu ol li a:hover {
            text-decoration: underline;
        }


#about-tabs {
    padding-left: 60px;
}

    #about-tabs .about-tab {
        display: none;
    }


/****************************/
/**  Degree/Course search  **/
/****************************/

.search-and-cta {
    position: relative;
    padding: 0 20px 60px;
    margin: 0;
    z-index: 10;
}

    .search-and-cta::before, .search-and-cta::after {
        content: "";
        position: absolute;
        top: 50px;
        bottom: 0;
        background: linear-gradient(to bottom,#D9DBE0,#ECEDEF 25%,#FFF);
        z-index: 0;
    }

    .search-and-cta::before {
        right: 0;
        left: 49.5%;
        transform: skewY(4deg);
    }

    .search-and-cta::after {
        left: 0;
        right: 49.5%;
        transform: skewY(-4deg);
    }

.landing-page .search-and-cta::before, .landing-page .search-and-cta::after {
    background: #5B6270;
    bottom: -50px;
}

.search-and-cta .inner {
    position: relative;
    z-index: 1;
    padding: 0;
    margin: -100px auto 0;
}

.search-box-content {
    display: block;
    width: 100%;
    border-radius: 3px;
    position: relative;
}

    .search-box-content p {
        margin: 20px 0 0;
    }

        .search-box-content p .fa {
            color: #8b2232;
            margin-right: 5px;
        }

    .search-box-content div {
        position: relative;
    }

        .search-box-content div.degree-search-box {
            width: 100%; /*calc(75% - 5px);*/
        }

    .search-box-content.search-box-content-with-button div.degree-search-box {
        position: relative;
        width: 75%;
    }

@media screen and (max-width:768px) {
    .search-and-cta::before, .search-and-cta::after {
        top: 25px;
        bottom: -50px;
    }

    .search-and-cta {
        padding-bottom: 0;
    }

        .search-and-cta .inner {
            margin-top: -80px;
        }

    .search-box-content p {
        display: none;
    }

    .search-box-content.search-box-content-with-button div.degree-search-box {
        width: 100%;
    }
}


/*********************/
/**  Degree Search  **/
/*********************/

#degree-search-field {
    font-size: 14px;
    line-height: 40px;
    height: 46px;
    margin: 0;
    padding: 0 114px 0 25px;
    border-radius: 6px;
    border: 3px solid #FFF;
    vertical-align: top;
    width: 100%;
    box-shadow: 0 0 20px rgba(0,0,0,0.1);
    font-family: 'Helvetica Neue',Arial,sans-serif;
}

    #degree-search-field:focus {
        border-color: #8b2232;
    }

#panel.home-page #degree-search-field:focus {
    border-color: #2D3138;
}

#degree-search-submit {
    color: #2D3138;
    background: #FFF;
    border-radius: 3px;
    font-size: 20px;
    border: 0 none;
    line-height: 34px;
    vertical-align: top;
    width: 34px;
    position: absolute;
    top: 10px;
    right: 10px;
    margin: 0;
    padding: 0;
}

    #degree-search-submit:hover {
        background: #8b2232;
        color: #FFF;
        cursor: pointer;
    }

#panel.home-page #degree-search-submit:hover {
    background: #2D3138;
}

#degree-search-results {
    display: none;
    margin: 0 40px 80px;
}

    #degree-search-results h2.bf.underlined {
        margin-bottom: 20px;
    }

    #degree-search-results p {
        margin: 30px 0 0;
        text-align: right;
    }

    #degree-search-results .content-side-menu {
        text-align: left;
    }

@media screen and (max-width:768px) {
    #degree-search-field {
        font-size: 16px;
        line-height: 48px;
        height: 54px;
        padding: 0 54px 0 15px;
    }

    #degree-search-submit {
        line-height: 44px;
        width: 44px;
        font-size: 24px;
        right: 5px;
        top: 5px;
    }
}


/******************************/
/**  Area of Study selector  **/
/******************************/

.aos-grid {
    display: none;
    margin: 30px 0 20px;
}

    .aos-grid .aos-grid-flex {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        margin: -10px -10px 0 20px;
    }

.aos-grid-flex a {
    font-family: Roboto;
    background: #FFF;
    color: #5B6270;
    display: block;
    border-radius: 4px;
    padding: 10px 10px 10px 65px;
    position: relative;
    font-size: 16px;
    line-height: 18px;
    font-weight: 900;
    text-decoration: none;
    height: 60px;
    vertical-align: middle;
    cursor: pointer;
    margin: 0 12px 12px 0;
    /* width: calc(33.3333% - 20px); */
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

    .aos-grid-flex a .i8 {
        font-size: 36px;
        margin-right: 15px;
        position: absolute;
        left: 15px;
        top: 50%;
        transform: translateY(-50%);
        color: #8b2232;
    }

    .aos-grid-flex a .cta-label {
        display: table-cell;
        vertical-align: middle;
        height: 40px;
        text-decoration: none;
    }

    .aos-grid-flex a:hover {
        background: #8b2232;
    }

        .aos-grid-flex a:hover .cta-label, .aos-grid-flex a:hover .i8 {
            color: #FFF;
        }

.landing-page .aos-grid {
    color: #FFF;
    display: block;
}

    .landing-page .aos-grid h2 {
        color: #FFF;
    }

    .landing-page .aos-grid p a {
        color: #FFF;
    }

.landing-page .aos-grid-flex a {
    background: #6B7382;
    color: #FFF;
}

    .landing-page .aos-grid-flex a .i8 {
        color: #FFF;
    }

    .landing-page .aos-grid-flex a:hover {
        background: #8b2232;
    }

#browse-by-aos {
    padding-left: 20px;
    text-align: left;
    width: calc(25% - 15px);
    position: absolute;
    top: 0;
    right: 0;
    height: 96px;
    font-size: 24px;
    line-height: 1;
    background: #8b2232;
    box-shadow: 0 0 20px rgba(0,0,0,0.1);
}

    #browse-by-aos:hover {
        background: #5B6270;
    }

    #browse-by-aos::after {
        line-height: 76px;
        content: "\f107";
        border-left: 0 none;
    }

    #browse-by-aos.toggle-open::after {
        content: "\f106";
    }

    #browse-by-aos:hover::after {
        color: #5B6270;
    }

@media screen and (max-width:768px) {
    .aos-grid .w25 {
        width: 100%;
    }

    .aos-grid .w75 {
        width: 100%;
    }

    .aos-grid .aos-grid-flex {
        margin: 0 -5px;
    }

    .aos-grid-flex a {
        width: 100%;
        padding: 5px 5px 5px 45px;
        margin: 5px;
        height: 50px;
    }

        .aos-grid-flex a .i8 {
            font-size: 24px;
            left: 10px;
        }

    #browse-by-aos {
        position: relative;
        width: 100%;
        font-size: 20px;
        height: 56px;
        margin-top: 10px;
    }

        #browse-by-aos::after {
            line-height: 36px;
        }

        #browse-by-aos br {
            display: none;
        }
}


/***********************/
/**  Course listings  **/
/***********************/

#advanced-filter .fa-circle-o-notch {
    margin-left: 20px;
    color: #8b2232;
}

.handbook-course-listing {
    margin-bottom: 30px;
    font-size: 12px;
    width: 100%;
    border-collapse: collapse;
}

    .handbook-course-listing, .handbook-course-listing tr, .handbook-course-listing td, .handbook-course-listing th {
        background: none;
    }

        .handbook-course-listing thead th, .handbook-course-listing thead .th {
            color: #4C525D;
            font-size: 24px;
            line-height: 1;
            font-weight: normal;
            text-rendering: optimizelegibility;
            border-bottom: 2px solid #C6CAD1;
            padding: 10px 0;
            text-align: left;
        }

        .handbook-course-listing thead.grouping th, .handbook-course-listing thead.grouping .th {
            font-size: 18px;
            padding-top: 0;
        }

        .handbook-course-listing thead.grouping td {
            padding: 10px 0;
        }

        .handbook-course-listing thead.grouping tr:first-child td {
            padding-top: 0;
        }

        .handbook-course-listing thead.grouping tr.column-headings th {
            font-size: 12px;
            padding: 0 0 10px;
            border-bottom: 1px solid #C6CAD1;
            color: #6B7382;
        }

            .handbook-course-listing thead.grouping tr.column-headings th:first-child {
                padding-left: 20px;
            }

            .handbook-course-listing thead.grouping tr.column-headings th:last-child {
                text-align: right;
            }

        .handbook-course-listing tbody td {
            border-bottom: 1px dotted #D9DBE0;
            padding: 5px 0;
            text-align: left;
            vertical-align: top;
        }

            .handbook-course-listing tbody td.course-code {
                width: 110px;
                font-weight: bold;
            }

            .handbook-course-listing tbody td.title {
                width: 364px;
            }

                .handbook-course-listing tbody td.title a {
                    color: #06C;
                }

                    .handbook-course-listing tbody td.title a:hover {
                        color: #606;
                    }

            .handbook-course-listing tbody td.availability {
                width: 220px;
                font-style: italic;
                color: #4C525D;
                padding-right: 20px;
            }

                .handbook-course-listing tbody td.availability ul, .handbook-course-listing tbody td.availability li {
                    list-style-type: none;
                    margin: 0;
                    padding: 0;
                }

                    .handbook-course-listing tbody td.availability li::before {
                        display: none;
                    }

                .handbook-course-listing tbody td.availability.notavailable {
                    color: #6B7382;
                    font-size: 11px;
                }

            .handbook-course-listing tbody td.units {
                width: 60px;
                font-weight: bold;
                text-align: right;
            }

        .handbook-course-listing tfoot td.back-to-top {
            text-align: right;
            padding: 5px 0;
            font-size: 11px;
        }

        .handbook-course-listing .course-code a {
            color: #2D3138;
            display: block;
            padding: 0 0 0 20px;
            position: relative;
            text-decoration: none;
        }

            .handbook-course-listing .course-code a:hover {
                color: #606;
                text-decoration: underline;
            }

            .handbook-course-listing .course-code a::before {
                background: #8b2232;
                border-radius: 100%;
                content: "";
                height: 6px;
                left: 0;
                position: absolute;
                left: 1px;
                top: 3px;
                width: 6px;
                border: 2px solid #8b2232;
            }

        .handbook-course-listing tr:hover .course-code a:before {
            border-color: rgba(0,0,0,0.2);
        }

        .handbook-course-listing .unavailable-course .course-code a:before {
            border-color: #C6CAD1;
            background: none;
        }

        .handbook-course-listing tbody tr.unavailable-course {
        }

            .handbook-course-listing tbody tr.unavailable-course .course-code a, .handbook-course-listing tbody tr.unavailable-course .title a, .handbook-course-listing tbody tr.unavailable-course .units {
                color: #6B7382;
            }

        /**/
        .handbook-course-listing .term_unavailable .course-code a {
            color: #6B7382;
        }

            .handbook-course-listing .term_unavailable .course-code a:hover {
                color: #06C;
            }

        .handbook-course-listing tbody .term_unavailable td.title a {
            color: #6B7382;
        }

            .handbook-course-listing tbody .term_unavailable td.title a:hover {
                color: #06C;
            }

        .handbook-course-listing tbody .term_unavailable td.units {
            color: #6B7382;
        }

        .handbook-course-listing .course-code a::before {
            border-color: #8b2232;
            background: #8b2232;
        }

        .handbook-course-listing .term_unavailable .course-code a::before {
            border-color: #C6CAD1;
            background: none;
        }
/**/

#degree-details .major-group, #degree-details .requirement-group {
    margin-top: 2em;
}

    #degree-details .major-group h4, #degree-details .requirement-group h4 {
        color: #3D414A;
        margin: 0;
        border: 1px solid #D9DBE0;
        border-bottom: 0 none;
        background: #ECEDEF;
        padding: 15px 20px;
        border-radius: 3px 3px 0 0;
    }

        #degree-details .major-group h4.collapsed, #degree-details .requirement-group h4.collapsed {
            border-bottom: 1px solid #D9DBE0;
            border-radius: 3px;
            background: #F8F9FB;
        }

        #degree-details .major-group h4:after, #degree-details .requirement-group h4:after {
            display: none;
        }

    #degree-details .major-group .course-major, #degree-details .requirement-group .course-requirement-group {
        border: 1px solid #D9DBE0;
        background: #F8F9FB;
        margin: 0;
        border-top: 0 none;
        padding: 20px;
        border-radius: 0 0 3px 3px;
    }

#degree-details .course-major > .course-list {
    margin-top: 40px;
}

#degree-details .major-group .course-major .course-list:first-child {
    margin-top: 0;
}

#degree-details .handbook-course-listing:last-child {
    margin-bottom: 0;
}

#degree-details .handbook-course-listing thead.grouping th, #degree-details .handbook-course-listing thead.grouping .th {
    font-weight: bold;
}

#degree-details .option-group {
    border-left: 2px solid #D9DBE0;
    margin-top: 40px;
    padding-left: 20px;
}

.course-options {
    border: 0 none;
    padding: 0;
    margin: 0;
}

.course-option .course-list {
    margin-top: 20px;
}

.course-list p, .option-group p {
    font-size: 12px;
    margin: 0;
}

.handbook-course-listing tbody tr:last-child td {
    border-bottom: 0 none;
}

.hidden-course {
    display: none;
}

.handbook-course-listing tfoot.no-matches tr td .msg {
    color: #4C525D;
    margin-right: 10px;
}

#course-results.handbook-course-listing {
    font-size: 14px;
}

    #course-results.handbook-course-listing tbody td {
        padding: 10px 0;
    }

        #course-results.handbook-course-listing tbody td.course-code {
            font-weight: normal;
            width: 20%;
        }

        #course-results.handbook-course-listing tbody td.title {
            width: 70%;
        }

        #course-results.handbook-course-listing tbody td.units {
            width: 10%;
        }

@media screen and (max-width:760px) {
    .handbook-course-listing thead th:nth-child(1) {
        display: inline-block;
        width: 30%;
    }

    .handbook-course-listing thead th:nth-child(2) {
        display: inline-block;
        width: 70%;
    }

    .handbook-course-listing thead th:nth-child(3), .handbook-course-listing thead th:nth-child(4) {
        display: none;
    }

    .handbook-course-listing tbody tr {
        border-bottom: 1px solid #D9DBE0;
    }

    .handbook-course-listing tbody td {
        border-bottom: 0 none;
    }

        .handbook-course-listing tbody td.course-code {
            width: 31%;
            display: inline-block;
        }

        .handbook-course-listing tbody td.title {
            width: 69%;
            display: inline-block;
            padding-bottom: 5px;
        }

        .handbook-course-listing tbody td.availability {
            width: 100%;
            display: inline-block;
            padding-top: 0;
            padding-bottom: 5px;
            padding-left: 31%;
        }

        .handbook-course-listing tbody td.units {
            text-align: left;
            width: 100%;
            display: inline-block;
            padding-top: 0;
            padding-left: 31%;
        }
}


/***********************/
/**  Degree listings  **/
/***********************/

.handbook-degree-listing {
    margin-bottom: 30px;
    width: 100%;
    border-collapse: collapse;
}

    .handbook-degree-listing, .handbook-degree-listing tr, .handbook-degree-listing td, .handbook-degree-listing th {
        background: none;
    }

        .handbook-degree-listing thead th {
            color: #4C525D;
            font-size: 24px;
            line-height: 1;
            font-weight: 300;
            text-rendering: optimizelegibility;
            border-bottom: 2px solid #C6CAD1;
            padding: 0 0 10px;
            text-align: left;
            font-family: "Roboto","Helvetica Neue",Arial,sans-serif;
        }

            .handbook-degree-listing thead th strong {
                font-weight: 900;
            }

        .handbook-degree-listing thead.grouping th {
            font-size: 18px;
            padding-top: 0;
        }

        .handbook-degree-listing thead.grouping td {
            padding: 10px 0;
        }

        .handbook-degree-listing thead.grouping tr:first-child td {
            padding-top: 0;
        }


        .handbook-degree-listing tbody td {
            border-bottom: 1px dotted #D9DBE0;
            padding: 10px 0;
            text-align: left;
            vertical-align: top;
        }

        .handbook-degree-listing tbody tr.hidthis td {
            border-bottom: 0 none;
        }

        .handbook-degree-listing tbody td.title a {
            color: #06C;
        }

            .handbook-degree-listing tbody td.title a:hover {
                color: #606;
            }

        .handbook-degree-listing tbody td.promo-icon {
            width: 32px;
            text-align: center;
        }

            .handbook-degree-listing tbody td.promo-icon i.fa-dot-circle-o {
                color: #FC0;
                font-size: 18px;
            }

            .handbook-degree-listing tbody td.promo-icon i.fa-graduation-cap {
                color: #6B7382;
                font-size: 14px;
            }

        .handbook-degree-listing tfoot td.back-to-top {
            text-align: left;
            padding: 5px 0 5px 20px;
            font-size: 12px;
        }

            .handbook-degree-listing tfoot td.back-to-top a {
                color: #4C525D;
                text-decoration: none;
            }

                .handbook-degree-listing tfoot td.back-to-top a:hover {
                    color: #606;
                }

                .handbook-degree-listing tfoot td.back-to-top a:before {
                    font-family: fontawesome;
                    margin-right: 5px;
                    content: "\f106";
                }

        .handbook-degree-listing .title a.degree-link {
            color: #2D3138;
            display: block;
            padding: 0 0 0 20px;
            position: relative;
            text-decoration: none;
        }

            .handbook-degree-listing .title a.degree-link:hover {
                color: #606;
                text-decoration: underline;
            }

            .handbook-degree-listing .title a.degree-link::before {
                background: #8b2232;
                border-radius: 100%;
                content: "";
                height: 6px;
                left: 0;
                position: absolute;
                left: 1px;
                top: 3px;
                width: 6px;
                border: 2px solid #8b2232;
            }

        .handbook-degree-listing tr:hover .title a.degree-link:before {
            border-color: rgba(0,0,0,0.2);
        }

        /* 'New' Degrees */
        .handbook-degree-listing .title.degree_new a.degree-link::before {
            background: none;
            border-radius: 0;
            border: 0 none;
            top: 0;
            left: 0;
            color: #8b2232;
            font-family: fontawesome;
            content: "\f005";
        }

        .handbook-degree-listing .intake_none .title a.degree-link:before {
            border-color: #C6CAD1;
            background: none;
        }

        .handbook-degree-listing tr .handbook {
            text-align: right;
        }


/********************/
/**  New Homepage  **/
/********************/

/* Current Header */
#panel.home-page #izu-body {
    margin-top: 0;
    overflow: hidden;
}

#panel.home-page #page-header {
    margin-top: 0;
    overflow: visible;
}

#panel.home-page #page-header {
    background: #FFF;
    height: 100%;
}

    #panel.home-page #page-header .carousel-slide {
        height: auto;
    }

    #panel.home-page #page-header .carousel-slide {
        background-size: cover;
        background-position: center center;
        width: 100%;
    }

        #panel.home-page #page-header .carousel-slide .no-header-tint {
            height: 100%;
        }

        #panel.home-page #page-header .carousel-slide .header-tint {
            height: 100%;
            text-shadow: none;
        }

            #panel.home-page #page-header .carousel-slide .header-tint.light-header-tint {
                background: linear-gradient(60deg,rgba(236,237,239,0.75),rgba(236,237,239,0) 60%);
            }

        #panel.home-page #page-header .carousel-slide .inner {
            position: relative;
            height: 100%;
            min-height: 660px;
        }

        #panel.home-page #page-header .carousel-slide .carousel-content {
            width: 55%;
            padding: 100px 0 40px 0;
        }

        #panel.home-page #page-header .carousel-slide .left-carousel-content {
            margin-right: 45%;
        }

        #panel.home-page #page-header .carousel-slide .right-carousel-content {
            margin-left: 45%;
        }

#panel.home-page #izu-body {
    position: relative;
}

#panel.home-page #page-header .carousel-slide.slide-loaded {
    top: 0;
    bottom: 0;
}

    #panel.home-page #page-header .carousel-slide.slide-loaded .carousel-content {
        position: absolute;
        bottom: 0;
    }

#panel.home-page #page-header .headline-150px, #panel.home-page #page-header .headline-120px,
#panel.home-page #page-header .headline-100px, #panel.home-page #page-header .headline-80px,
#panel.home-page #page-header .headline-60px {
    margin: 0 0 10px 0;
}

.carousel-content .blue-headline {
    color: #1090D5;
}

.carousel-content .carousel-caption {
    font-size: 20px;
    line-height: 1.2;
    font-family: 'Roboto','Helvetica Neue',Arial,sans-serif;
    font-weight: 300;
    margin: 20px 0;
    color: #2D3138;
}

    .carousel-content .carousel-caption:last-child {
        margin-bottom: 0;
    }

    .carousel-content .carousel-caption.inverted-caption {
        color: #FFF;
    }

    .carousel-content .carousel-caption p {
        line-height: 1.2;
    }

        .carousel-content .carousel-caption p:last-child {
            margin-bottom: 0;
        }

    .carousel-content .carousel-caption strong {
        font-weight: 600;
    }

.carousel-content .inverted-headline, .carousel-content .dark-headline, .carousel-content .blue-headline {
    margin: 0 0 10px 0;
}

.carousel-content > a {
    display: block;
}

.carousel-content .carousel-action {
    font-size: 30px;
    font-family: 'Roboto','Helvetica Neue',Arial,sans-serif;
    font-weight: 900;
    margin: 0;
    color: #2D3138;
}

    .carousel-content .carousel-action.inverted-calltoaction {
        color: #FFF;
    }
/*  .carousel-cta */
.carousel-caption .more-link { /*margin-left:10px;*/
    font-size: 16px;
    font-weight: 900;
}

    .carousel-caption .more-link::before, .carousel-action::before {
        color: #8b2232;
        font-family: fontawesome;
        content: "";
    }

    .carousel-caption .more-link::before {
        margin-right: 5px;
    }

.carousel-action::before {
    margin-right: 10px;
}

.carousel-content a:hover .carousel-caption .more-link::before, .carousel-action:hover::before {
    content: "";
}

/* not currently used - in-carousel search box */
/*
#panel.home-page .carousel-content .primary-search {margin:10px 0;width:calc(100% - 20px);margin-left:20px;padding-top:0;}
#panel.home-page .carousel-content .primary-search-box {width:calc(100% - 20px);}
#panel.home-page .carousel-content .primary-search-button {top:5px;right:25px;}
.carousel-content .primary-search + p {margin:0;font-weight:600;color:#8b2232;width:calc(100% - 20px);text-align:right;font-family:'Roboto','Helvetica Neue',Arial,sans-serif;font-size:18px;}
#page-header .carousel-content .primary-search + p a {text-decoration:underline;color:#2D3138;}
#page-header .carousel-content .primary-search + p a:hover {color:#8b2232;}
*/

#panel.home-page #page-header .flickity-page-dots {
    position: absolute;
    bottom: 24px;
    right: 60px;
    text-align: right;
}

    #panel.home-page #page-header .flickity-page-dots .dot {
        background: #FFF; /*border:2px solid #FFF;*/
        width: 12px;
        height: 12px;
    }

        #panel.home-page #page-header .flickity-page-dots .dot.is-selected {
            background: #8b2232;
        }

#panel.home-page #page-header .flickity-prev-next-button {
    position: absolute;
    bottom: 60px; /*25px;*/
    right: 60px; /*50px;*/
    width: 50px;
    height: 50px;
    z-index: 300;
    border: 0 none;
    border-radius: 3px;
    cursor: pointer;
    background: #8b2232;
}

    #panel.home-page #page-header .flickity-prev-next-button:hover {
        background: #2D3138;
    }

    #panel.home-page #page-header .flickity-prev-next-button.previous {
        right: 120px;
    }

    #panel.home-page #page-header .flickity-prev-next-button.next {
    }

    #panel.home-page #page-header .flickity-prev-next-button .arrow {
        fill: #FFF;
    }


.grid-content.carousel .content {
    padding-bottom: 40px;
}

    .grid-content.carousel .content p:last-child {
        position: absolute;
        bottom: 20px;
        left: 20px;
        right: 20px;
        line-height: 1;
    }


#panel.home-page .search-and-cta {
    padding: 40px 40px 0 40px;
    background-color: #2D3138;
    margin: 20px auto;
    border-radius: 3px;
}

    #panel.home-page .search-and-cta::before, #panel.home-page .search-and-cta::after {
        display: none;
    }

    #panel.home-page .search-and-cta .inner {
        margin: 0 auto;
    }

    #panel.home-page .search-and-cta .headline-40px {
        margin: 0 auto 20px;
        display: block;
        font-size: 24px;
    }

    #panel.home-page .search-and-cta .search-box-content {
        margin-bottom: 40px;
    }

    #panel.home-page .search-and-cta #degree-search-submit {
        top: auto;
        bottom: 6px;
    }

    #panel.home-page .search-and-cta .button-row {
        margin: 0 -40px 0;
        background: #5B6270;
        border-radius: 0 0 3px 3px;
        padding: 20px 40px;
    }

        #panel.home-page .search-and-cta .button-row a {
            margin-right: 15px;
        }

#panel.home-page #degree-search-results {
    padding: 0;
    margin: 0 -40px;
    background: #FFF;
}

    #panel.home-page #degree-search-results p {
        margin: 0 0 20px;
        text-align: left;
    }

.tab-content {
    position: relative;
}

    .tab-content #close-search-results {
        top: 40px;
        right: 40px;
        position: absolute;
    }

.tab-content-nav {
    display: flex;
    padding: 0 37px;
    background: #8b2232;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
}

    .tab-content-nav a {
        display: block;
        flex-grow: 1;
        width: auto;
        padding: 20px;
        color: #FFF;
        background: #097DBB;
        text-decoration: none;
        border-radius: 3px 3px 0 0;
        line-height: 1;
        margin: 0 3px;
    }

        .tab-content-nav a .count {
            color: #FFF;
            font-style: italic;
            display: block;
            font-weight: normal;
            margin-top: 5px;
            font-size: 14px;
        }

            .tab-content-nav a .count:empty {
                display: none;
            }

        .tab-content-nav a:hover {
            color: #FFF;
            background: #2D3138;
        }

        .tab-content-nav a.active {
            background: #FFF;
            color: #2D3138;
        }

            .tab-content-nav a.active .count {
                color: #5B6270;
            }

.tab-content-tabs {
    padding: 40px;
    position: relative;
}

.tab-content-tab {
    display: none;
}

@media screen and (max-width:760px) {
    .tab-content-nav {
        text-align: left;
        font-size: 16px;
        padding-bottom: 20px;
        flex-direction: column;
    }

        .tab-content-nav a {
            border-radius: 3px;
            margin-top: 6px;
            padding: 10px;
        }

            .tab-content-nav a:first-child {
                margin-top: 0;
            }

            .tab-content-nav a .count {
                display: inline-block;
                float: right;
            }

    #degree-search-results .tab-content-tabs {
        margin-top: 40px;
    }

    #degree-search-results .tab-content #close-search-results {
        top: -20px;
        transform: translateX(50%);
        right: 50%;
    }

    #panel.home-page .search-and-cta #degree-search-submit {
        top: auto;
        bottom: 5px;
    }
}


/* this can go global and be taken out of degrees.css */
.handbook-degree-listing thead th {
    vertical-align: bottom;
}

    .handbook-degree-listing thead th.degree-atar {
        color: #6B7382;
        font-weight: bold;
        text-align: center;
        font-size: 12px;
        padding: 10px; /*width:60px;*/
    }

    .handbook-degree-listing thead th.degree-uac {
        color: #6B7382;
        font-weight: bold;
        text-align: center;
        font-size: 12px;
        padding: 10px;
    }

.handbook-degree-listing thead tr:first-child th.degree-atar {
    border-bottom: 0 none;
    padding-bottom: 5px;
}

.handbook-degree-listing thead th.degree-atar abbr {
    cursor: help;
}

.handbook-degree-listing tbody td.degree-atar {
    color: #4C525D;
    font-style: italic;
    text-align: center;
    border-left: 2px dotted #ECEDEF;
    font-weight: bold;
    padding: 10px; /*width:60px;*/
}

.handbook-degree-listing tbody td.degree-uac {
    color: #4C525D;
    font-style: italic;
    text-align: center;
    padding: 10px;
}

.handbook-degree-listing tbody td.degree-atar .empty {
    color: #6B7382; /*C6CAD1;*/
}

.handbook-degree-listing tbody td.no-further-intake {
    color: #6B7382;
    text-align: center;
    font-style: italic;
    border-left: 2px dotted #ECEDEF;
    font-size: 12px;
    line-height: 17px;
}

.handbook-degree-listing tbody td.new-degree {
    color: #6B7382;
    text-align: center;
    font-weight: bold;
    border-left: 2px dotted #ECEDEF;
    font-size: 12px;
    line-height: 17px;
}

.handbook-degree-listing tbody td.ca {
    text-align: center;
}

.handbook-degree-listing thead th small {
    color: #6B7382;
    font-weight: bold;
    text-align: center;
    font-size: 12px;
    line-height: 1;
    display: block;
}
/* -- */

#degree-search-results .aos-grid {
    margin: 20px 0;
}

    #degree-search-results .aos-grid .aos-grid-flex {
        margin: 0 -10px;
    }

#degree-search-results .aos-grid-flex a {
    box-shadow: none;
    background: #ECEDEF;
}

    #degree-search-results .aos-grid-flex a:hover {
        background: #2D3138;
    }


.feature-block .more-link a {
    color: #2D3138;
    text-decoration: none;
}

    .feature-block .more-link a:hover {
        color: #8b2232;
    }


.welcome-contacts {
    font-size: 30px;
    font-family: Roboto;
    font-weight: 600;
    display: flex;
    line-height: 1;
    justify-content: center;
    margin: 20px 0;
}

.welcome-askizu, .welcome-phone {
    text-decoration: none;
    display: block;
    color: #2D3138;
    font-weight: 900;
}

.welcome-askizu {
    text-align: right;
}

.welcome-or {
    background: #8E95A3;
    color: #FFF;
    display: block;
    border-radius: 100%;
    line-height: 50px;
    height: 50px;
    width: 50px;
    text-align: center;
    margin: 0 20px;
    text-transform: uppercase;
    font-size: 20px;
}

.welcome-askizu small, .welcome-phone small {
    display: block;
    text-transform: uppercase;
    font-size: 18px;
    margin-bottom: 5px;
    font-weight: 600;
}

.welcome-askizu span span, .welcome-phone span span {
    color: #8b2232;
}

.welcome-askizu:hover, .welcome-phone:hover {
    background: #8b2232;
    color: #FFF;
    border-radius: 3px;
    padding: 10px;
    margin: -10px;
}

    .welcome-askizu:hover span span, .welcome-phone:hover span span {
        color: #FFF;
    }

.landing-page-intro {
}

    .landing-page-intro .headline-36px {
        text-align: center;
        margin-bottom: 20px;
    }

    .landing-page-intro p {
        font-family: Heursitica,Georgia,serif;
        text-align: center;
        font-size: 22px;
        line-height: 1.3;
        color: #5B6270;
        margin: 0;
    }

        .landing-page-intro p a {
            color: #8b2232;
        }

/*.landing-page-intro + .campaign-cta {margin-bottom:45px;}*/

.grid-content .carousel {
    margin: 15px -20px 20px;
}

    .grid-content.carousel .grid-block {
        box-sizing: border-box;
        display: block;
        float: left;
        margin: 20px 0 0;
        padding: 20px;
        position: relative;
    }

    .grid-content.carousel .grid-block {
        width: 25%;
    }
/* .grid-4-column */

#home-news-events h2.headline-40px {
    margin: 0;
}

    #home-news-events h2.headline-40px a {
        line-height: 0.8;
    }

    #home-news-events h2.headline-40px + .feature-block {
        margin-top: 40px;
    }

.grid-content.carousel .flickity-viewport {
    margin-bottom: 40px;
    transition: height 0.2s;
}

.grid-content.carousel .flickity-prev-next-button {
    position: absolute;
    bottom: 0;
    width: 40px;
    height: 40px;
    border: 0 none;
    background: none;
    cursor: pointer;
    background: #2D3138;
}

    .grid-content.carousel .flickity-prev-next-button:hover {
        background: #8b2232;
    }

    .grid-content.carousel .flickity-prev-next-button.previous {
        left: 20px;
        border-radius: 3px;
    }

    .grid-content.carousel .flickity-prev-next-button.next {
        right: 20px;
        border-radius: 3px;
    }

.grid-content.carousel .flickity-page-dots {
    line-height: 40px;
    bottom: 0;
}

.grid-content.carousel .flickity-prev-next-button .arrow {
    fill: #FFF;
}

.grid-content.carousel .flickity-prev-next-button:hover .arrow {
    fill: #FFF;
}

.grid-content.carousel .flickity-page-dots .dot.is-selected {
    background: #8b2232;
}

.grid-content.carousel .flickity-prev-next-button svg {
    height: 40%;
    left: 30%;
    position: absolute;
    top: 30%;
    width: 40%;
}

.dark-caption-bg, .light-caption-bg {
    padding: 30px;
}

@media screen and (min-width:1300px) {
    .grid-content.carousel .flickity-viewport {
        margin-bottom: 0;
    }

    .grid-content.carousel .flickity-prev-next-button {
        bottom: calc(50% - 40px);
    }

        .grid-content.carousel .flickity-prev-next-button.previous {
            left: -40px;
        }

        .grid-content.carousel .flickity-prev-next-button.next {
            right: -40px;
        }
}

@media screen and (max-width:1150px) {
    #panel.home-page #page-header .flickity-page-dots {
        right: 20px;
    }

    #panel.home-page #page-header .flickity-prev-next-button {
        right: 20px;
    }

        #panel.home-page #page-header .flickity-prev-next-button.previous {
            right: 80px;
        }

    #panel.home-page .search-and-cta {
        margin: 20px 20px 40px 20px;
    }

    .landing-page-intro {
        padding: 0 20px;
    }

    .grid-content.carousel {
        margin: 40px 0 20px;
    }

    #home-news-events {
        margin: 40px 0 20px;
    }
}

@media screen and (max-width:900px) {
    .landing-page-intro .headline-50px {
        font-size: 40px;
    }

    .landing-page-intro p {
        font-size: 20px;
    }

    .grid-content.carousel {
        margin-top: 0;
    }

        .grid-content.carousel .grid-block {
            width: 33.3333%;
        }

    #home-news-events {
        margin-top: 0;
    }

        #home-news-events h2.headline-40px {
            margin-top: 40px;
        }

    .welcome-contacts {
        flex-direction: column;
        margin-bottom: 10px;
    }

    .welcome-askizu {
        text-align: left;
    }

    .welcome-or {
        color: #5B6270;
        background: none;
        line-height: 1;
        height: auto;
        width: auto;
        text-align: left;
        margin: 10px 0;
    }
}

@media screen and (max-width:800px) {

    #home-news-events {
        margin: 0;
        width: auto;
    }

        #home-news-events > .grid-block {
            width: 100%;
        }

        #home-news-events .grid-content {
            width: auto;
            margin: 0 -20px;
        }

        #home-news-events > .grid-block .grid-block {
            width: 50%;
            padding: 20px;
            float: left;
            margin-top: 0;
        }
}

@media screen and (min-width:760px) { /* Only tablet and up */

    .dark-caption-bg, .light-caption-bg {
        padding: 20px;
        border-radius: 3px;
    }

    .dark-caption-bg {
        background: rgba(45,49,56,0.9);
    }

    .light-caption-bg {
        background: rgba(236,237,239,0.9);
    }

    a.dark-caption-bg:hover, a.light-caption-bg:hover {
        box-shadow: 0 0 0 3px #8b2232;
        transform: scale(1.02);
        transition: 0.1s all;
    }

    .welcome-contacts + p {
        position: absolute;
        bottom: 20px;
        left: 20px;
        line-height: 1;
    }
}

@media screen and (max-width:760px) { /* Tablet/Mobile */

    #panel.home-page #page-header .header-tint, #panel.home-page #page-header .no-header-tint {
        padding: 0;
    }

    #panel.home-page #page-header .carousel-slide {
        /* margin-bottom: 150px; */
    }

        #panel.home-page #page-header .carousel-slide .inner {
            min-height: auto;
        }

        #panel.home-page #page-header .carousel-slide .carousel-content, #panel.home-page #page-header .carousel-slide.slide-loaded .carousel-content {
            width: 100%;
            margin: 0;
            padding: 0;
            bottom: -150px;
            background: #FFF;
        }

            #panel.home-page #page-header .carousel-slide .carousel-content a {
                padding: 20px;
                border-radius: 0;
            }

    #panel.home-page #page-header .carousel-content::before {
        content: "";
        position: absolute;
        top: -30px;
        left: 20px;
        border: 15px solid transparent;
        border-bottom-color: #FFF;
        height: 0;
        width: 0;
    }

    #panel.home-page #page-header .carousel-content .headline-150px, #panel.home-page #page-header .carousel-content .headline-120px,
    #panel.home-page #page-header .carousel-content .headline-100px, #panel.home-page #page-header .carousel-content .headline-80px,
    #panel.home-page #page-header .carousel-content .headline-60px {
        font-size: 50px;
    }

    #panel.home-page #page-header .carousel-content .headline-50px, #panel.home-page #page-header .carousel-content .headline-40px {
        font-size: 30px;
    }

        #panel.home-page #page-header .carousel-content .headline-50px:first-child, #panel.home-page #page-header .carousel-content .headline-40px:first-child {
            font-size: 50px;
        }

    .carousel-content .inverted-headline {
        color: #2D3138;
    }

    .carousel-content .carousel-caption {
        font-size: 16px;
        margin: 10px 0;
    }

        .carousel-content .carousel-caption.inverted-caption {
            color: #2D3138;
        }

    .carousel-content .carousel-action {
        font-size: 22px;
    }

        .carousel-content .carousel-action.inverted-calltoaction {
            color: #2D3138;
        }

    #panel.home-page #page-header {
        padding-bottom: 50px;
    }

        #panel.home-page #page-header .flickity-page-dots {
            left: 50px;
            right: 50px;
            bottom: 18px;
            text-align: center;
            width: auto;
        }

            #panel.home-page #page-header .flickity-page-dots .dot {
                background: #5B6270;
            }

        #panel.home-page #page-header .flickity-prev-next-button {
            background: none;
            bottom: 0;
            border-radius: 0;
        }

            #panel.home-page #page-header .flickity-prev-next-button.next {
                right: 0;
            }

            #panel.home-page #page-header .flickity-prev-next-button.previous {
                right: auto;
                left: 0;
            }

            #panel.home-page #page-header .flickity-prev-next-button .arrow {
                fill: #2D3138;
            }

            #panel.home-page #page-header .flickity-prev-next-button:hover .arrow {
                fill: #FFF;
            }

            #panel.home-page #page-header .flickity-prev-next-button svg {
                left: 25%;
                top: 25%;
                width: 50%;
                height: 50%;
            }

    #panel.home-page .search-and-cta {
        padding: 20px 20px 0 20px;
        margin: 0 0 30px;
        border-radius: 0;
    }

        #panel.home-page .search-and-cta .headline-40px {
            font-size: 24px;
        }

        #panel.home-page .search-and-cta .search-box-content {
            margin-bottom: 20px;
        }

        #panel.home-page .search-and-cta .button-row {
            margin: 0 -20px 0;
            background: #5B6270;
            border-radius: 0;
            padding: 20px;
        }

            #panel.home-page .search-and-cta .button-row a.button {
                margin: 0 0 10px 0;
                width: 100%;
            }

                #panel.home-page .search-and-cta .button-row a.button:last-child {
                    margin-bottom: 0;
                }

                #panel.home-page .search-and-cta .button-row a.button::after {
                    float: right;
                }

        #panel.home-page .search-and-cta #degree-search-results .col.w20, .search-and-cta #degree-search-results .col.w80 {
            width: 100%;
            float: none;
            display: block;
        }

        #panel.home-page .search-and-cta #degree-search-results .content-side-menu {
            margin-top: 0;
            padding-top: 0;
        }

            #panel.home-page .search-and-cta #degree-search-results .content-side-menu::before {
                display: none;
            }

        #panel.home-page .search-and-cta #degree-search-results #about-tabs {
            padding-left: 0;
        }

        #panel.home-page .search-and-cta #degree-search-results #about-menu + p {
            margin: 20px 0;
            text-align: center;
        }

    .landing-page-intro .headline-50px {
        font-size: 30px;
        margin-bottom: 10px;
    }

    .landing-page-intro p {
        font-size: 16px;
    }

    .grid-content.carousel .grid-block {
        width: 50%;
    }

    #home-news-events {
        margin: 0 20px;
        width: auto;
    }
}

@media screen and (max-width:450px) { /* Mobile */

    #panel.home-page #page-header .carousel-content .headline-150px, #panel.home-page #page-header .carousel-content .headline-120px,
    #panel.home-page #page-header .carousel-content .headline-100px, #panel.home-page #page-header .carousel-content .headline-80px,
    #panel.home-page #page-header .carousel-content .headline-60px {
        font-size: 30px;
    }

    #panel.home-page #page-header .carousel-content .headline-50px, #panel.home-page #page-header .carousel-content .headline-40px {
        font-size: 20px;
    }

        #panel.home-page #page-header .carousel-content .headline-50px:first-child, #panel.home-page #page-header .carousel-content .headline-40px:first-child {
            font-size: 30px;
        }

    .carousel-content .carousel-caption {
        font-size: 14px;
    }

    .carousel-caption .more-link {
        font-size: 14px;
        margin-left: 0;
        display: block;
    }

    .carousel-content .carousel-action {
        font-size: 18px;
    }

    .grid-content.carousel .grid-block {
        width: 100%;
    }

    #home-news-events h2.headline-40px {
        font-size: 24px;
    }

        #home-news-events h2.headline-40px + .feature-block {
            margin-top: 20px;
        }

    #home-news-events > .grid-block .grid-block {
        width: 100%;
        float: none;
        margin-top: 20px;
    }

        #home-news-events > .grid-block .grid-block:first-child {
            margin-top: 0;
        }
}

/** end - New Homepage **/



/****************************/
/**  Application Template  **/
/****************************/

#panel.application-page {
    background: #FFF;
}

.application-page #izu-body .body-content {
    padding: 0;
}

.application-page #page-header {
    background: #5B6270;
}

    .application-page #page-header .page-header-title {
        padding: 60px 0 30px;
    }

.application-page #izu-footer .footer-info {
    margin-top: 0;
    border-top: 0 none;
}

.application-page #izu-footer .footer-top-link {
    border-radius: 3px;
}


/************************************************************/
/**  Legacy styles - to be removed/replaced at later date  **/
/************************************************************/
.grid-index-tile {
    display: block;
    position: relative;
    height: 250px;
    background-size: cover;
    background-position: center center;
    transition: 0.1s all;
    width: 100%;
    border-radius: 3px;
    overflow: hidden;
}

.grid-4-column .grid-index-tile, .grid-5-column .grid-index-tile {
    height: 150px;
}

.grid-index-tile span {
    font-family: 'Roboto','Helvetica Neue',Arial,sans-serif;
    font-weight: 900;
    color: #FFF;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 30px 15px 15px 15px;
    background: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.7));
    font-size: 22px;
    line-height: 1;
}

.grid-4-column .grid-index-tile span, .grid-5-column .grid-index-tile span {
    font-size: 16px;
}

.grid-index-tile:hover {
    transform: scale(1.02);
    box-shadow: 0 0 0 3px #8b2232;
}

    .grid-index-tile:hover span {
        background: rgba(0,0,0,0.7);
        padding-top: 15px;
    }

@media screen and (max-width:1024px) {
    .grid-3-column .grid-index-tile {
        height: 150px;
    }

        .grid-3-column .grid-index-tile span {
            font-size: 16px;
        }
}

.body-content hr.event-divider, #izu-lightbox-content hr.event-divider {
    margin: 15px 0;
}

#fancybox-content .event-divider {
    margin: 15px 20px;
}

.event-meta-table {
    margin: 0;
}

#fancybox-content .event-meta-table {
    margin: 0 20px;
    width: auto;
}

.event-meta-table, .event-meta-table tr, .event-meta-table th, .event-meta-table td, .event-meta-table tr:nth-child(2n), .event-meta-table tr:nth-child(2n+1) {
    background: none;
}

    .event-meta-table th, .event-meta-table td {
        text-align: left;
        padding: 3px 0;
    }

    .event-meta-table th {
        font-weight: bold;
        color: #606;
        width: 70px;
        padding-right: 15px;
        font-size: 14px;
    }

.event-image {
    text-align: center;
    margin: 10px 0 20px 20px;
    float: right;
    width: 164px;
}

    .event-image img {
        max-width: 100%;
    }

    .event-image a:hover img {
        opacity: 0.8;
    }

    .event-image figcaption {
        font-size: 12px;
        color: #666;
        text-align: center;
        margin-top: 10px;
        font-style: italic;
    }

.event-date {
    text-transform: none;
    font-size: 16px;
    line-height: 20px;
    font-weight: bold;
    color: #5B6270;
}

.add-to-cal a {
    font-weight: bold;
}

.add-to-cal .fa-calendar {
    color: #C00;
    margin-right: 5px;
}

.event-social {
    float: left;
}

    .event-social .twitter-share-button {
        margin-left: 15px;
    }

    .event-social .twitter-share-button, .event-social .fb-share-button {
        float: right;
    }

@media screen and (max-width:768px) {
    span.event-social {
        float: none;
        display: block;
        margin-top: 10px;
    }

        span.event-social .twitter-share-button {
            margin-left: 0;
            margin-right: 15px;
        }

        span.event-social .twitter-share-button, span.event-social .fb-share-button {
            float: left;
        }
}

.row-fluid {
    width: 100%;
    *zoom: 1;
}

    .row-fluid:before, .row-fluid:after {
        display: table;
        content: "";
        line-height: 0;
    }

    .row-fluid:after {
        clear: both;
    }

    .row-fluid.listing {
        border-top: 1px solid #EEE;
        padding: 20px 0;
    }

        .row-fluid.listing p, .row-fluid.listing h2, .row-fluid.listing h3, .row-fluid.listing ul {
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            display: block;
            float: left;
            margin-left: 2.87566%;
            min-height: 30px;
            width: 72.7811%;
        }

        .row-fluid.listing h2, .row-fluid.listing h3 {
            margin-bottom: 20px;
            margin-top: 0px;
        }

            .row-fluid.listing h2 a {
                font-size: 22px;
                line-height: 22px;
            }

        .row-fluid.listing p:first-child {
            margin-left: 0px;
            width: 23.0263%;
        }

.handbook-listing {
    margin-bottom: 30px;
    font-size: 12px;
}

    .handbook-listing, .handbook-listing tr, .handbook-listing tr:nth-child(2n), .handbook-listing tr:nth-child(2n+1), .handbook-listing td, .handbook-listing th {
        background: none;
    }

        .handbook-listing thead th {
            color: #4d4d4d;
            font-size: 24px;
            line-height: 1;
            font-family: "dinregular",Arial,sans-serif;
            font-weight: normal;
            text-rendering: optimizelegibility;
            border-bottom: 2px solid #CCC;
            padding: 10px 0;
            text-transform: none;
            background: none;
            text-align: left;
        }

        .handbook-listing thead.grouping th {
            font-size: 18px;
            padding-top: 0;
        }

        .handbook-listing thead.grouping td {
            padding: 10px 0;
        }

        .handbook-listing thead.grouping tr:first-child td {
            padding-top: 0;
        }

        .handbook-listing thead th strong {
            font-family: "dinbold",Arial,sans-serif;
            font-weight: normal;
            margin-right: 15px;
        }

            .handbook-listing thead th strong.group-label {
                border-radius: 3px;
                padding: 3px 5px;
                font-size: 12px;
                color: #FFF;
                text-transform: uppercase;
                display: block;
                text-align: center;
            }

            .handbook-listing thead th strong.group-label-core {
                background: #393;
            }

            .handbook-listing thead th strong.group-label-required {
                background: #933;
            }

            .handbook-listing thead th strong.group-label-directed {
                background: #339;
            }

            .handbook-listing thead th strong.group-label-electives {
                background: #993;
            }

            .handbook-listing thead th strong.group-label-unknown {
                background: #CCC;
            }

        .handbook-listing tbody td {
            border-bottom: 1px dotted #DDD;
            padding: 5px 0;
            text-align: left;
            vertical-align: top;
        }

            .handbook-listing tbody td.course-code {
                width: 110px;
            }

            .handbook-listing tbody td.title {
                width: 364px;
            }

        .handbook-listing.degree-listing tbody td.title {
            width: 612px; /*454px;*/
        }

        .handbook-listing tbody td.availability {
            width: 220px;
            font-style: italic;
            color: #666;
            padding-right: 20px;
        }

.content #degree-details .handbook-listing tbody td.availability ul, .content #degree-details .handbook-listing tbody td.availability li {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.handbook-listing tbody td.availability.notavailable {
    color: #999;
    font-size: 11px;
}

.handbook-listing tbody td.units {
    width: 60px;
    font-weight: bold;
    text-align: right;
}

.handbook-listing tbody td.promo-icon {
    width: 32px;
    text-align: center;
}

    .handbook-listing tbody td.promo-icon i.fa-dot-circle-o {
        color: #FFC220;
        font-size: 18px;
    }

    .handbook-listing tbody td.promo-icon i.fa-graduation-cap {
        color: #999;
        font-size: 14px;
    }

.handbook-listing tfoot td.back-to-top {
    text-align: right;
    padding: 5px 0;
    font-size: 11px;
}

.handbook-listing .course-code a, .handbook-listing .title a.degree-link {
    color: #333;
    display: block;
    padding: 0 0 0 20px;
    position: relative;
    text-decoration: none;
}

    .handbook-listing .course-code a:hover, .handbook-listing .title a.degree-link:hover {
        color: #25589d;
        text-decoration: underline;
    }

    .handbook-listing .course-code a::before, .handbook-listing .title a.degree-link::before {
        background: #8b2232;
        border-radius: 100%;
        content: "";
        height: 11px;
        left: 0;
        position: absolute;
        top: 4px;
        width: 11px;
    }

.handbook-listing tr:hover .course-code a::before, .handbook-listing tr:hover .title a.degree-link::before {
    height: 13px;
    left: -1px;
    top: 3px;
    width: 13px;
}
/*.handbook-listing tr.filter-faculty-business-law td.course-code a:before, .handbook-listing tr.filter-faculty-business-law td.title a.degree-link:before {background-color:#C00;}*/
/*.handbook-listing tr.filter-faculty-education-arts td.course-code a:before, .handbook-listing tr.filter-faculty-education-arts td.title a.degree-link:before {background-color:#039;}*/
/*.handbook-listing tr.filter-faculty-engineering-built-environment td.course-code a:before, .handbook-listing tr.filter-faculty-engineering-built-environment td.title a.degree-link:before {background-color:#008484;}*/
/*.handbook-listing tr.filter-faculty-health-medicine td.course-code a:before, .handbook-listing tr.filter-faculty-health-medicine td.title a.degree-link:before {background-color:#06C;}*/
/*.handbook-listing tr.filter-faculty-science-information-technology td.course-code a:before, .handbook-listing tr.filter-faculty-science-information-technology td.title a.degree-link:before {background-color:#9C0;}*/
/*.handbook-listing tr.filter-english-language-foundation-studies td.course-code a:before, .handbook-listing tr.filter-faculty-other td.title a.degree-link:before {background-color:#F68F32;}*/

.handbook-listing .filter-teach-out .title a.degree-link:before {
    border: 2px solid #8b2232;
    background: none;
    width: 7px;
    height: 7px;
}

.handbook-listing tr.filter-teach-out:hover .title a.degree-link:before {
    height: 9px;
    width: 9px;
}

.handbook-listing .hidden-course .course-code a:before {
    border: 1px solid #000;
    background: none;
    width: 9px;
    height: 9px;
}

.handbook-listing tr.hidden-course:hover .course-code a:before {
    height: 11px;
    width: 11px;
}

/*.handbook-listing tr.filter-teach-out.filter-faculty-business-law td.title a.degree-link:before, .handbook-listing tr.hidden-course.filter-faculty-business-law td.course-code a:before {border-color:#C00;background:none;}*/
/*.handbook-listing tr.filter-teach-out.filter-faculty-education-arts td.title a.degree-link:before, .handbook-listing tr.hidden-course.filter-faculty-education-arts td.course-code a:before {border-color:#039;background:none;}*/
/*.handbook-listing tr.filter-teach-out.filter-faculty-engineering-built-environment td.title a.degree-link:before, .handbook-listing tr.hidden-course.filter-faculty-engineering-built-environment td.course-code a:before {border-color:#008484;background:none;}*/
/*.handbook-listing tr.filter-teach-out.filter-faculty-health-medicine td.title a.degree-link:before, .handbook-listing tr.hidden-course.filter-faculty-health-medicine td.course-code a:before {border-color:#06C;background:none;}*/
/*.handbook-listing tr.filter-teach-out.filter-faculty-science-information-technology td.title a.degree-link:before, .handbook-listing tr.hidden-course.filter-faculty-science-information-technology td.course-code a:before {border-color:#9C0;background:none;}*/
/*.handbook-listing tr.filter-teach-out.filter-english-language-foundation-studies td.title a.degree-link:before, .handbook-listing tr.hidden-course.filter-english-language-foundation-studies td.course-code a:before {border-color:#F68F32;background:none;}*/
/*.handbook-listing tr.filter-teach-out.filter-faculty-other td.title a.degree-link:before, .handbook-listing tr.hidden-course.filter-faculty-other td.course-code a:before {border-color:#F68F32;background:none;}*/

.handbook-listing tbody tr.hidden-course {
}

    .handbook-listing tbody tr.hidden-course .course-code a, .handbook-listing tbody tr.hidden-course .title a, .handbook-listing tbody tr.hidden-course .units {
        color: #999;
    }

.handbook-listing tfoot td {
    padding: 10px 0;
}

    .handbook-listing tfoot td a.not-offered {
        font-weight: bold;
        color: #666;
        text-decoration: none;
    }

        .handbook-listing tfoot td a.not-offered span {
            background: #5a4f94;
            color: #FFF;
            padding: 6px 12px;
            margin-right: 10px;
            border-radius: 3px;
        }

        .handbook-listing tfoot td a.not-offered:hover span {
            background: #000;
        }

/*#section-program-structure .handbook-listing {margin-bottom:0;}*/
.course-major, .course-options {
    padding-left: 20px;
}
/* , .course-option */
.course-major {
    margin-top: -15px;
    padding-top: 1px;
    border-left: 1px solid #5a4f94;
}

.course-options {
    margin-top: -15px;
    padding-top: 1px;
    border-left: 1px solid #CCC;
}

.course-requirement-group > p + .course-options {
    margin-top: 0;
    padding-top: 0;
}

.course-requirement-group, .course-major {
    position: relative;
    margin-bottom: 80px;
}

    .course-major > .course-list {
        margin-top: 20px;
    }
/*.course-major, .course-requirement-group {border-bottom:1px dashed #CCC;padding-bottom:20px;margin-bottom:20px;}*/

.handbook-listing tr .handbook {
    width: 130px;
    text-align: center;
}

    .handbook-listing tr .handbook a {
        background: #666;
        color: #FFF;
        border-radius: 3px;
        padding: 0 6px;
        display: none;
        font-size: 11px;
        text-decoration: none;
    }

.handbook-listing tr:hover .handbook a {
    display: block;
}

.handbook-listing tr .handbook a:hover {
    background: #5A4F94;
}

.handbook-info, #degree-jump-wrapper, #global-back-to-top, #handbook-overaly, #handbook-lightbox, #handbook-lightbox-navigation, #handbook-lightbox-loading {
    display: none;
}

.row-fluid {
    width: 100%;
    *zoom: 1;
}

    .row-fluid:before, .row-fluid:after {
        display: table;
        content: "";
        line-height: 0;
    }

    .row-fluid:after {
        clear: both;
    }

    .row-fluid [class*="span"] {
        display: block;
        width: 100%;
        min-height: 30px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        float: left;
        margin-left: .8756567425569177%;
        *margin-left: .8318739054290718%;
    }

        .row-fluid [class*="span"]:first-child {
            margin-left: 0;
        }

    .row-fluid .span12 {
        width: 100%;
        *width: 99.95621716287215%;
    }

    .row-fluid .span11 {
        width: 91.59369527145357%;
        *width: 91.54991243432572%;
    }

    .row-fluid .span10 {
        width: 83.18739054290717%;
        *width: 83.14360770577932%;
    }

    .row-fluid .span9 {
        width: 74.78108581436076%;
        *width: 74.73730297723291%;
    }

    .row-fluid .span8 {
        width: 66.37478108581435%;
        *width: 66.3309982486865%;
    }

    .row-fluid .span7 {
        width: 57.968476357267946%;
        *width: 57.9246935201401%;
    }

    .row-fluid .span6 {
        width: 49.562171628721536%;
        *width: 49.518388791593694%;
    }

    .row-fluid .span5 {
        width: 41.15586690017513%;
        *width: 41.112084063047284%;
    }

    .row-fluid .span4 {
        width: 32.74956217162872%;
        *width: 32.705779334500875%;
    }

    .row-fluid .span3 {
        width: 24.34325744308231%;
        *width: 24.299474605954465%;
    }

    .row-fluid .span2 {
        width: 15.9369527145359%;
        *width: 15.893169877408054%;
    }

    .row-fluid .span1 {
        width: 7.530647985989491%;
        *width: 7.486865148861646%;
    }

    .row-fluid .offset12 {
        margin-left: 101.75131348511384%;
        *margin-left: 101.66374781085814%;
    }

        .row-fluid .offset12:first-child {
            margin-left: 100.87565674255691%;
            *margin-left: 100.78809106830121%;
        }

    .row-fluid .offset11 {
        margin-left: 93.34500875656741%;
        *margin-left: 93.25744308231171%;
    }

        .row-fluid .offset11:first-child {
            margin-left: 92.46935201401048%;
            *margin-left: 92.38178633975478%;
        }

    .row-fluid .offset10 {
        margin-left: 84.93870402802101%;
        *margin-left: 84.85113835376531%;
    }

        .row-fluid .offset10:first-child {
            margin-left: 84.06304728546408%;
            *margin-left: 83.97548161120838%;
        }

    .row-fluid .offset9 {
        margin-left: 76.5323992994746%;
        *margin-left: 76.4448336252189%;
    }

        .row-fluid .offset9:first-child {
            margin-left: 75.65674255691768%;
            *margin-left: 75.56917688266198%;
        }

    .row-fluid .offset8 {
        margin-left: 68.12609457092819%;
        *margin-left: 68.03852889667249%;
    }

        .row-fluid .offset8:first-child {
            margin-left: 67.25043782837126%;
            *margin-left: 67.16287215411556%;
        }

    .row-fluid .offset7 {
        margin-left: 59.71978984238178%;
        *margin-left: 59.63222416812609%;
    }

        .row-fluid .offset7:first-child {
            margin-left: 58.844133099824866%;
            *margin-left: 58.75656742556918%;
        }

    .row-fluid .offset6 {
        margin-left: 51.31348511383537%;
        *margin-left: 51.225919439579684%;
    }

        .row-fluid .offset6:first-child {
            margin-left: 50.43782837127846%;
            *margin-left: 50.35026269702277%;
        }

    .row-fluid .offset5 {
        margin-left: 42.90718038528896%;
        *margin-left: 42.819614711033275%;
    }

        .row-fluid .offset5:first-child {
            margin-left: 42.03152364273205%;
            *margin-left: 41.94395796847636%;
        }

    .row-fluid .offset4 {
        margin-left: 34.50087565674255%;
        *margin-left: 34.413309982486865%;
    }

        .row-fluid .offset4:first-child {
            margin-left: 33.62521891418564%;
            *margin-left: 33.53765323992995%;
        }

    .row-fluid .offset3 {
        margin-left: 26.09457092819615%;
        *margin-left: 26.007005253940456%;
    }

        .row-fluid .offset3:first-child {
            margin-left: 25.21891418563923%;
            *margin-left: 25.131348511383536%;
        }

    .row-fluid .offset2 {
        margin-left: 17.688266199649735%;
        *margin-left: 17.600700525394043%;
    }

        .row-fluid .offset2:first-child {
            margin-left: 16.81260945709282%;
            *margin-left: 16.725043782837126%;
        }

    .row-fluid .offset1 {
        margin-left: 9.281961471103326%;
        *margin-left: 9.194395796847635%;
    }

        .row-fluid .offset1:first-child {
            margin-left: 8.40630472854641%;
            *margin-left: 8.318739054290717%;
        }

#izu-lightbox-content .thumbnails.gallery {
    display: none;
}

#izu-lightbox-content .gallery-modal .carousel-control {
    display: none;
}

#izu-lightbox-content .gallery-modal .carousel-inner:before, #izu-lightbox-content .gallery-modal .carousel-inner:after {
    display: table;
    content: "";
    line-height: 0;
}

#izu-lightbox-content .gallery-modal .carousel-inner:after {
    clear: both;
}

#izu-lightbox-content .gallery-modal .carousel-inner .item {
    float: left;
    width: 48%;
    margin: 0 1%;
}

table.default-table {
    background-color: transparent;
    border-collapse: collapse;
    border-spacing: 0;
    margin-bottom: 15px;
    width: 100%;
}

    table.default-table caption {
        color: inherit;
        font-family: 'dinregular', 'Helvetica Neue', Arial, sans-serif;
        font-size: 16px;
        font-weight: normal;
        line-height: 1;
        margin-bottom: 0.5em;
        text-align: left;
        text-transform: uppercase;
    }

    table.default-table td, table.default-table th {
        font-size: 0.85em;
        text-align: left;
        vertical-align: top;
    }

    table.default-table th {
        background-color: #4477BC;
        color: #FFF;
        font-weight: normal;
        padding: 15px 0;
        text-transform: uppercase;
    }

        table.default-table td table td, table.default-table td table th, table.default-table th table td, table.default-table th table th {
            font-size: 1em;
        }

    table.default-table p, .content table.default-table ul li, .content table.default-table ol li {
        font-size: 1em;
    }

    table.default-table th, table.default-table td {
        padding: 12px;
    }

    table.default-table tr:nth-child(2n) {
        background-color: #f6f3ef;
    }

    table.default-table tr:nth-child(2n+1) {
        background-color: #fffefe;
    }

    table.default-table [class*=span], .row-fluid table.default-table [class*=span] {
        display: table-cell;
        float: none;
        margin-left: 0;
    }

table .span1, table .span2, table .span3, table .span4, table .span5, table .span6, table .span7, table .span8, table .span9, table .span10, table .span11, table .span12, table .span13, table .span14, table .span15, table .span16, table .span17, table .span18, table .span19, table .span20, table .span21, table .span22, table .span23, table .span24 {
    float: none;
    margin-left: 0;
}

table .span1 {
    width: 70px;
}

table .span2 {
    width: 166px;
}

table .span3 {
    width: 262px;
}

table .span4 {
    width: 358px;
}

table .span5 {
    width: 454px;
}

table .span6 {
    width: 550px;
}

table .span7 {
    width: 646px;
}

table .span8 {
    width: 742px;
}

table .span9 {
    width: 838px;
}

table .span10 {
    width: 934px;
}

table .span11 {
    width: 1030px;
}

table .span12 {
    width: 1126px;
}

table .span13 {
    width: 1222px;
}

table .span14 {
    width: 1318px;
}

table .span15 {
    width: 1414px;
}

table .span16 {
    width: 1510px;
}

table .span17 {
    width: 1606px;
}

table .span18 {
    width: 1702px;
}

table .span19 {
    width: 1798px;
}

table .span20 {
    width: 1894px;
}

table .span21 {
    width: 1990px;
}

table .span22 {
    width: 2086px;
}

table .span23 {
    width: 2182px;
}

table .span24 {
    width: 2278px;
}

table.light {
    border-bottom: 2px solid rgba(16,144,213,0.25);
    border-top: 2px solid rgba(16,144,213,0.25);
}

    table.light th {
        background-color: rgba(16,144,213,0.15);
        color: #000;
        font-weight: bold;
        text-transform: none;
    }

    table.light td {
        border-top: 1px solid rgba(16,144,213,0.25);
    }

    table.light tr:nth-child(2n),
    table.light tr:nth-child(2n+1) {
        background-color: #FFF;
    }

table.horizontal.light {
    border-top: 2px solid rgba(16,144,213,0.25);
    min-width: 50%;
    width: auto;
}

    table.horizontal.light th {
        border-top: 1px solid rgba(16,144,213,0.25);
        width: 180px;
    }

.listing {
    clear: both;
    position: relative;
    display: block;
    border-bottom: 1px solid #ECEDEF;
    margin: 0 0 20px;
    padding-left: 170px;
    padding-bottom: 20px;
    min-height: 170px;
}

    .listing h1, .listing h2, .listing h3, .listing h4, .listing h5, .listing h6 {
        margin: 0 0 10px 0;
    }
    /*.listing h4 a, .listing h4 {color:#8b2232;text-decoration:none;font-weight:normal;text-transform:none;font-size:14px;} */
    .listing img {
        position: absolute;
        left: 0px;
        height: auto;
        width: 150px;
        border-radius: 3px;
    }

    .listing p {
        clear: both;
    }

@media screen and (max-width:768px) {
    .listing {
        padding-left: 100px;
        min-height: 100px;
    }

        .listing img {
            height: auto;
            width: 80px;
            border-radius: 3px;
        }
}

/** end Legacy stylers **/






/**************************/
/**  Icons - icons8.com  **/
/**  12/07/16            **/
/**************************/

[data-icon]:before {
    content: attr(data-icon);
}

[data-icons8]:before {
    content: attr(data-icons8);
}

.i8 {
    line-height: 1;
}

    [data-icon]:before, [data-icons8]:before, .i8:before {
        display: inline-block;
        font: normal normal normal 14px/1 "IZU-Icons";
        font-size: inherit;
        text-decoration: inherit;
        text-rendering: auto;
        text-transform: none;
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        font-smoothing: antialiased;
    }

/*{display:inline-block;font-family:"IZU-Icons";font-style:normal;font-weight:normal;font-variant:normal;line-height:1;text-decoration:inherit;text-rendering:optimizeLegibility;text-transform:none;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;}*/

.icons8-advertising:before {
    content: "\f174";
}

.icons8-airport:before {
    content: "\f17c";
}

.icons8-apartment:before {
    content: "\f186";
}

.icons8-assistant:before {
    content: "\f152";
}

.icons8-australia:before {
    content: "\f14f";
}

.icons8-australia-filled:before {
    content: "\f167";
}

.icons8-best-seller:before {
    content: "\f171";
}

.icons8-best-seller-filled:before {
    content: "\f175";
}

.icons8-biotech:before {
    content: "\f119";
}

.icons8-book:before {
    content: "\f198";
}

.icons8-book-shelf:before {
    content: "\f160";
}

.icons8-bus:before {
    content: "\f17e";
}

.icons8-businessman:before {
    content: "\f111";
}

.icons8-cafe:before {
    content: "\f184";
}

.icons8-calendar:before {
    content: "\f13f";
}

.icons8-calendar-1:before {
    content: "\f139";
}

.icons8-calendar-2:before {
    content: "\f13a";
}

.icons8-calendar-3:before {
    content: "\f13b";
}

.icons8-calendar-4:before {
    content: "\f13c";
}

.icons8-calendar-5:before {
    content: "\f13d";
}

.icons8-calendar-6:before {
    content: "\f13e";
}

.icons8-camcorder-pro:before {
    content: "\f135";
}

.icons8-checked:before {
    content: "\f14d";
}

.icons8-circuit:before {
    content: "\f12a";
}

.icons8-circuit-filled:before {
    content: "\f16b";
}

.icons8-city:before {
    content: "\f18e";
}

.icons8-class:before {
    content: "\f105";
}

.icons8-classroom:before {
    content: "\f106";
}

.icons8-classroom-filled:before {
    content: "\f166";
}

.icons8-collaboration:before {
    content: "\f134";
}

.icons8-concept:before {
    content: "\f11b";
}

.icons8-counselor:before {
    content: "\f113";
}

.icons8-courses:before {
    content: "\f103";
}

.icons8-cross:before {
    content: "\f149";
}

.icons8-curriculum:before {
    content: "\f104";
}

.icons8-cycling-road:before {
    content: "\f180";
}

.icons8-design:before {
    content: "\f121";
}

.icons8-diploma:before {
    content: "\f161";
}

.icons8-diploma-1:before {
    content: "\f107";
}

.icons8-diploma-1-filled:before {
    content: "\f194";
}

.icons8-diploma-2:before {
    content: "\f15a";
}

.icons8-diploma-2-filled:before {
    content: "\f196";
}

.icons8-diploma-filled:before {
    content: "\f195";
}

.icons8-discount:before {
    content: "\f145";
}

.icons8-drafting-compass:before {
    content: "\f12e";
}

.icons8-e-learning:before {
    content: "\f108";
}

.icons8-e-learning-2:before {
    content: "\f109";
}

.icons8-elective:before {
    content: "\f10f";
}

.icons8-engineering:before {
    content: "\f127";
}

.icons8-engineering-filled:before {
    content: "\f192";
}

.icons8-equivalent:before {
    content: "\f15f";
}

.icons8-filter:before {
    content: "\f15c";
}

.icons8-five-star:before {
    content: "\f14e";
}

.icons8-five-star-filled:before {
    content: "\f164";
}

.icons8-forest:before {
    content: "\f123";
}

.icons8-friends:before {
    content: "\f190";
}

.icons8-gears:before {
    content: "\f172";
}

.icons8-gears-filled:before {
    content: "\f193";
}

.icons8-geo-fence:before {
    content: "\f163";
}

.icons8-globe:before {
    content: "\f117";
}

.icons8-globe-asia:before {
    content: "\f116";
}

.icons8-globe-asia-filled:before {
    content: "\f156";
}

.icons8-goal:before {
    content: "\f112";
}

.icons8-gradschool:before {
    content: "\f16d";
}

.icons8-hearts:before {
    content: "\f18a";
}

.icons8-help:before {
    content: "\f151";
}

.icons8-helping-hand:before {
    content: "\f14b";
}

.icons8-high-priority:before {
    content: "\f173";
}

.icons8-hospital-3:before {
    content: "\f114";
}

.icons8-hospital-3-filled:before {
    content: "\f179";
}

.icons8-hub:before {
    content: "\f147";
}

.icons8-idea:before {
    content: "\f11e";
}

.icons8-idea-sharing:before {
    content: "\f18d";
}

.icons8-info:before {
    content: "\f148";
}

.icons8-innovation:before {
    content: "\f177";
}

.icons8-instagram:before {
    content: "\f178";
}

.icons8-job:before {
    content: "\f16e";
}

.icons8-knowledge-sharing:before {
    content: "\f16f";
}

.icons8-land-surveying:before {
    content: "\f137";
}

.icons8-language:before {
    content: "\f16c";
}

.icons8-laptop:before {
    content: "\f130";
}

.icons8-law:before {
    content: "\f102";
}

.icons8-library:before {
    content: "\f15d";
}

.icons8-like-it:before {
    content: "\f176";
}

.icons8-literature:before {
    content: "\f10b";
}

.icons8-luggage-trolley:before {
    content: "\f17d";
}

.icons8-maintenance:before {
    content: "\f12f";
}

.icons8-map:before {
    content: "\f141";
}

.icons8-marker:before {
    content: "\f140";
}

.icons8-math:before {
    content: "\f131";
}

.icons8-medal:before {
    content: "\f10a";
}

.icons8-medal-filled:before {
    content: "\f165";
}

.icons8-meeting:before {
    content: "\f110";
}

.icons8-microscope:before {
    content: "\f11a";
}

.icons8-microscope-filled:before {
    content: "\f169";
}

.icons8-mind-map:before {
    content: "\f158";
}

.icons8-music-transcript:before {
    content: "\f12d";
}

.icons8-new:before {
    content: "\f120";
}

.icons8-new-filled:before {
    content: "\f154";
}

.icons8-news:before {
    content: "\f146";
}

.icons8-online-support:before {
    content: "\f150";
}

.icons8-open-book:before {
    content: "\f199";
}

.icons8-parent-guardian:before {
    content: "\f189";
}

.icons8-park-concert-shell:before {
    content: "\f115";
}

.icons8-people-in-car:before {
    content: "\f18c";
}

.icons8-permanent-job:before {
    content: "\f14c";
}

.icons8-physics:before {
    content: "\f11f";
}

.icons8-physics-filled:before {
    content: "\f16a";
}

.icons8-pipe-organ:before {
    content: "\f124";
}

.icons8-price-tag-usd:before {
    content: "\f143";
}

.icons8-price-tag-usd-filled:before {
    content: "\f168";
}

.icons8-reading:before {
    content: "\f142";
}

.icons8-reading-filled:before {
    content: "\f17a";
}

.icons8-restaurant-pickup:before {
    content: "\f183";
}

.icons8-robot:before {
    content: "\f122";
}

.icons8-scales:before {
    content: "\f12c";
}

.icons8-scales-2:before {
    content: "\f18f";
}

.icons8-school:before {
    content: "\f15e";
}

.icons8-search:before {
    content: "\f11d";
}

.icons8-shop:before {
    content: "\f188";
}

.icons8-signpost:before {
    content: "\f153";
}

.icons8-singing-teacher:before {
    content: "\f10e";
}

.icons8-soccer:before {
    content: "\f182";
}

.icons8-solar-panel:before {
    content: "\f128";
}

.icons8-spiral-bulb:before {
    content: "\f162";
}

.icons8-star:before {
    content: "\f155";
}

.icons8-star-filled:before {
    content: "\f157";
}

.icons8-statistics:before {
    content: "\f138";
}

.icons8-stethoscope:before {
    content: "\f12b";
}

.icons8-strategy-board:before {
    content: "\f170";
}

.icons8-student:before, .icons8-student-male:before {
    content: "\f101";
}

.icons8-student-female:before {
    content: "\f19a";
}

.icons8-student-female-filled:before {
    content: "\f19b";
}

.icons8-student-male-filled:before {
    content: "\f15b";
}

.icons8-students:before {
    content: "\f10c";
}

.icons8-swimming:before {
    content: "\f185";
}

.icons8-test-tube:before {
    content: "\f133";
}

.icons8-thin-test-tube:before {
    content: "\f11c";
}

.icons8-training:before {
    content: "\f10d";
}

.icons8-tree-structure:before {
    content: "\f159";
}

.icons8-trigonometry:before {
    content: "\f132";
}

.icons8-trophy:before {
    content: "\f118";
}

.icons8-university:before {
    content: "\f100";
}

.icons8-university-filled:before {
    content: "\f197";
}

.icons8-us-dollar:before {
    content: "\f144";
}

.icons8-user-group:before, .icons8-user-group-man-man:before {
    content: "\f126";
}

.icons8-user-groups:before {
    content: "\f187";
}

.icons8-wheelchair:before {
    content: "\f14a";
}

.icons8-wind-turbine:before {
    content: "\f129";
}

.icons8-worker:before, .icons8-worker-male:before {
    content: "\f125";
}

.icons8-x-ray:before {
    content: "\f136";
}



/* #izu-body.one-column .body-content {overflow:hidden;} */

#highlights-filter {
    padding-right: 40px;
    border-right: 2px solid #ECEDEF;
}

    #highlights-filter fieldset {
        border: 0 none;
        margin: 0 0 30px 0;
        padding: 0;
    }

        #highlights-filter fieldset legend {
            font-weight: bold;
            font-size: 18px;
            margin-bottom: 10px;
            padding: 0;
            font-family: "Roboto","Helvetica Neue",Arial,sans-serif;
        }

            #highlights-filter fieldset legend .fa-circle-o-notch {
                margin-left: 10px;
                color: #8b2232;
            }

        #highlights-filter fieldset ul {
            list-style-type: none;
            margin: 0;
            padding: 0;
        }

            #highlights-filter fieldset ul li {
                padding: 0 0 0 20px;
                margin-bottom: 5px;
                position: relative;
            }

                #highlights-filter fieldset ul li::before {
                    display: none;
                }

                #highlights-filter fieldset ul li input[type="checkbox"] {
                    position: absolute;
                    left: 0;
                    margin: 0;
                    top: 4px;
                }

                #highlights-filter fieldset ul li label {
                    display: block;
                    padding-right: 30px;
                }

                    #highlights-filter fieldset ul li label .count {
                        display: none;
                        position: absolute;
                        right: 0;
                        border: 1px solid #4C525D;
                        color: #4C525D;
                        border-radius: 10px;
                        font-size: 10px;
                        line-height: 17px;
                        padding: 0 8px;
                        top: 1px;
                    }

.highlighted-stories-listing {
    list-style-type: none;
    padding: 0 0 0 40px;
}

    .highlighted-stories-listing li:before {
        font-size: 0 !important;
    }

    .highlighted-stories-listing li {
        list-style-type: none;
        display: block;
        width: 100%;
        float: left;
        overflow: hidden;
        padding: 10px;
        border-bottom: 1px solid #c6cad1;
    }

        .highlighted-stories-listing li .image {
            width: 136px;
            padding: 5px;
            border: 1px solid #c6cad1;
            height: 136px;
            margin-bottom: 5px;
            margin-right: 10px;
            float: left;
        }

            .highlighted-stories-listing li .image img {
                width: 124px;
                height: 124px;
                object-fit: cover;
                object-position: 24% 12%;
            }

        .highlighted-stories-listing li .desc sup {
            color: #5b6270;
            font-weight: bold;
            margin: 5px 0;
        }

        .highlighted-stories-listing li .desc {
            float: left;
            width: calc(100% - 156px);
        }

            .highlighted-stories-listing li .desc h3 {
                margin: 0 0 25px 0;
                position: relative;
            }

                .highlighted-stories-listing li .desc h3::after {
                    background-color: rgb(16, 144, 213);
                    content: "";
                    width: 100px;
                    bottom: -10px;
                    left: 0px;
                    position: absolute;
                    height: 4px;
                }

                .highlighted-stories-listing li .desc h3 a {
                    border-bottom: 0;
                    color: #0f1012;
                }

                    .highlighted-stories-listing li .desc h3 a:hover {
                        color: #1090d5;
                    }

.content-bottom {
    background: rgba(0, 0, 0, 0) url('/Common/image/izu-cizim.png') no-repeat scroll center bottom;
    clear: both;
    margin-bottom: -39px;
    min-height: 100px;
    overflow: hidden;
    text-align: center;
}

.carousel-slide {
    width: 100%;
}

    .carousel-slide img {
        width: 100%;
    }

.sfPublicWrapper {
    margin: 0px !important;
    padding: 0px !important;
    width: 100% !important;
    background-color: #fff;
}

.upcoming-dates {
    padding: 0;
    margin: 0;
    list-style-type: none;
    position: relative;
}

    .upcoming-dates li {
        position: relative;
        display: flex;
        margin-bottom: 5px;
    }

        .upcoming-dates li > a {
            position: relative;
            display: flex;
            width: 100%;
            text-decoration: none;
        }

        .upcoming-dates li:last-child {
            margin-bottom: 0;
        }

        .upcoming-dates li .ud-date {
            background: #1090D5;
            color: #FFF;
            font-size: 20px;
            padding: 10px;
            font-family: FuseV2;
            font-weight: 900;
            text-align: center;
            line-height: 20px;
            text-transform: uppercase;
            white-space: nowrap;
            width: 15%;
        }

        .upcoming-dates li a:hover .ud-date {
            background: #3D414A;
        }

        .upcoming-dates li .ud-title {
            background: #FFF;
            padding: 10px 15px;
            font-weight: bold;
            width: 85%;
            line-height: 20px;
        }

        .upcoming-dates li a .ud-title {
            text-decoration: underline;
            color: #2D3138;
        }

        .upcoming-dates li a:hover .ud-title {
            background: #5B6270;
            color: #FFF;
        }

        .upcoming-dates li a::after {
            font-family: fontawesome;
            position: absolute;
            right: 15px;
            line-height: 20px;
            top: 10px;
            color: #2D3138;
            content: "";
        }

        .upcoming-dates li a:hover::after {
            color: #FFF;
        }

.more-dates {
    color: #6B7382;
    font-style: italic;
    font-weight: bold;
    position: absolute;
    line-height: 1;
    bottom: 20px;
    right: 20px;
}

@media screen and (max-width:1024px) {
    .upcoming-dates li .ud-date {
        width: 20%;
    }

    .upcoming-dates li .ud-title {
        width: 80%;
    }
}

@media screen and (max-width:768px) {
    .upcoming-dates li .ud-date {
        width: 30%;
        font-size: 18px;
    }

    .upcoming-dates li .ud-title {
        width: 70%;
    }

    .more-dates {
        right: 0;
    }
}


/* slider */

@media screen and (min-width:768px) {
    .slider-desktop {
        display: block;
    }

    .slider-mobil {
        display: none;
    }
}

@media screen and (max-width:768px) {
    .slider-desktop {
        display: none;
    }

    .slider-mobil {
        display: block;
    }
}

button, input[type="submit"], input[type="reset"] {
    background: none;
    color: inherit;
    border: none;
    padding: 0;
    font: inherit;
    cursor: pointer;
    outline: inherit;
}

[menu-item]#69c2a4b9-2211-469b-b1cf-d8cfe1157d5f {
    display: none;
}

/* Sub Menu*/

.mobile-section-nav {
    display: none;
}

.section-nav-header ul {
    background: rgba(61,65,74,0.85);
    float: left;
    margin-bottom: 20px;
    margin-left: 0;
    width: 100%;
    padding-left: 0 !important;
}

    .section-nav-header ul li {
        display: inline-block;
        float: left;
        position: relative;
        padding: 0 !important;
    }

        .section-nav-header ul li::before {
            content: '' !important;
        }

        .section-nav-header ul li a {
            border-right: 1px solid #7c8493;
            color: #FFF;
            display: table-cell;
            font-size: 13px;
            /* height: 60px; */
            /* max-width: 200px; */
            padding: 8px 20px;
            text-align: center;
            vertical-align: middle;
            text-decoration: none;
        }

            .section-nav-header ul li a:hover {
                background: #3d414a;
            }

            .section-nav-header ul li a.current {
                background: #1090d5;
            }

        .section-nav-header ul li ol.submenu {
            display: none;
            position: absolute;
            background: #575a63;
            z-index: 7;
            padding-left: 0;
        }

        .section-nav-header ul li:hover ol.submenu {
            display: block;
        }

        .section-nav-header ul li ol.submenu li {
            width: 100%;
        }

            .section-nav-header ul li ol.submenu li a {
                border: none;
                width: 100%;
                padding: 8px;
                display: block;
                border-top: 1px solid #7c8493;
            }

@media all and (max-width:1024px) {
    .section-nav-header ul {
        margin-left: 10px;
        margin-right: 10px;
    }

    .section-nav-header ul {
        width: calc(100% - 20px);
    }

        .section-nav-header ul li a {
            max-width: 125px;
            padding: 0 10px;
        }

    #hub-header + .section-header + .section-nav-header ul li a, #hub-sub-header + .section-header + .section-nav-header ul li a {
        width: auto;
        padding: none;
        line-height: 50px;
        height: 50px;
        font-size: 13px;
    }
}

@media all and (max-width:950px) {
    .section-nav-header ul li a {
        max-width: 116px;
        line-height: 1.1;
    }
}

@media all and (max-width:850px) {
    .section-nav-header ul li a {
        max-width: 103px;
    }
}

@media all and (max-width:767px) {
    .mobile-section-nav {
        margin-left: calc(50% - 130px);
        margin-top: 0;
        margin-bottom: 20px;
        display: block;
        background: url('./?a=339005') no-repeat 4px 6px #4c525d;
    }

    .mobile-section-nav {
        width: 260px;
        padding: 10px;
        float: left;
        display: block;
        cursor: pointer;
        text-align: left;
        color: #FFF;
        height: 49px;
        text-transform: uppercase;
    }

        .mobile-section-nav a {
            color: #fff;
            position: relative;
            padding-left: 40px;
            line-height: 29px;
            font-weight: 900;
            font-size: 16px;
        }

    .section-nav-header ul, .section-nav-header ul li:hover ol.submenu {
        display: none;
    }

        .section-nav-header ul.show {
            background: rgba(61,65,74,0.85);
            float: left;
            width: 260px;
            margin-top: -19px;
            margin-left: calc(50% - 130px);
            border-radius: 3px;
            display: block;
        }

            .section-nav-header ul.show li {
                list-style-type: none;
                background: none;
                line-height: inherit;
                padding: 0;
                width: 100%;
                display: block;
            }

                .section-nav-header ul.show li a {
                    padding: 15px;
                    display: block;
                    font-size: 13px;
                    max-width: none;
                    width: 100%;
                    vertical-align: middle;
                    border-top: 1px solid #2d3138;
                    text-align: center;
                }
}

@media all and (max-width:640px) {
    .mobile-section-nav {
        margin-left: 0;
    }

    .mobile-section-nav {
        width: 100%;
    }

    .section-nav-header {
        margin-bottom: 0;
    }

        .section-nav-header ul.show {
            width: 100%;
            margin-left: 0;
        }

            .section-nav-header ul.show li a {
                text-align: left;
            }
}

@media all and (max-width:480px) {
    .mobile-section-nav {
        width: calc(100% - 20px);
        margin: 0 10px 20px;
    }

    .section-nav-header ul.show {
        width: calc(100% - 20px);
        margin-left: 10px;
    }
}

.section-nav-header li#d8b3b4eb-6b21-4575-872c-e4195d183ef7 {
    background-color: #1090d5;
}

    .section-nav-header li#d8b3b4eb-6b21-4575-872c-e4195d183ef7:hover {
        background-color: #3B5998;
    }



/* -------- */

/* Breadcrumb 2 */

.breadcrumb {
    background-color: #ecedef;
    color: #5b6270;
    list-style: none;
    margin: 10px 0 20px;
    padding: 8px 15px;
    font-size: 13px;
    line-height: 1.2;
    padding-top: 10px;
}

    .breadcrumb li {
        display: inline-block;
        font-size: 1em;
    }

        .breadcrumb li a {
            color: #5b6270;
            text-decoration: none;
        }

    .breadcrumb .divider {
        color: #5b6270;
        padding: 0 5px;
    }

    .breadcrumb li a:hover {
        text-decoration: underline;
        color: #06c;
    }

@media all and (max-width:1142px) {
    .breadcrumb {
        width: 100%;
    }
}

@media all and (max-width:1024px) {
    .breadcrumb {
        margin-left: 10px;
        margin-right: 10px;
    }
}

@media all and (max-width:767px) {
    .breadcrumb {
        display: none;
    }
}

.language-selector a {
    font-weight: 700;
    margin-left: 10px;
}

@media all and (max-width:767px) {
    .language-selector a{
        margin-left: 0 !important;
    }
}