:root {
    --primary-zu-color: #8c1f2f;
    --primary-dark-grey: #343434;
    --primary-light-grey: #f2f2f2;
    --primary-boxes-light-grey: #868686;
    --primary-bgs-light-grey: #f0f0f0;
    --header-light-grey: #f8f8f8;
    --header-grey: #dedfdf;
    --header-dark-grey: #d0cfd0;
    --header-icon-color: #6d6d6d;
    --header-upper-link: #a0a0a0;
    --white-color: #fff;
    --border-color: #cccccc;
    --highlight-color: #f0e68c;
}

@font-face {
    font-family: zu-regular;
    src: url('../fonts/GothamBook.ttf') format('truetype'), 
        url('../fonts/GothamBook.woff2') format('woff2'),
        url('../fonts/GothamBook.woff') format('woff');
}
@font-face {
    font-family: zu-Medium;
    src: url('../fonts/GothamMedium.ttf') format('truetype'), 
        url('../fonts/GothamMedium.woff2') format('woff2'), 
        url('../fonts/GothamMedium.woff') format('woff');
}
@font-face {
    font-family: zu-semiBold;
    src: url('../fonts/GothamBold.ttf') format('truetype'), 
        url('../fonts/GothamBold.woff2') format('woff2'), 
        url('../fonts/GothamBold.woff') format('woff');
}
html {
    -webkit-text-size-adjust: 100%;
    font-size: 14px;  
}
body{
    overflow-x: hidden !important;
    font-size: 14px; /* 14px = 1.0em */
    font-family:zu-regular;
}
h1, h2, h3, .page-content h1, .page-content h2, .page-content h3 {
    color: var(--primary-zu-color);
    /* no bold but font-size increase*/
    font-family: zu-semiBold;
    font-size: 1.40rem;
}
h2, .page-content h2 {
    font-size: 1.30rem;
}
h3, .page-content h3{
    font-size: 1.20rem;
}


h4, h5, h6, h7, .page-content h4, .page-content h5, .page-content h6, .page-content h7 {
    color: var(--primary-dark-grey);
    /*bold */
    font-size: 1.15rem;
}

p, .page-content p {
    color: var(--primary-dark-grey);
    /* no bold*/
}
text {
  
    font-family: zu-Medium;
} 
a:focus{
}
.page-content a:hover {
    color: var(--primary-zu-color);
}

.zuBtn {
    border: solid 2px var(--primary-zu-color);
    background-color: transparent;
    color: var(--primary-zu-color) !important;
    justify-content: center;
    padding: 0px 30px;
    width: auto;
    height: auto;
    line-height: 40px;
    border-radius: 0px;
    font-family: zu-Medium;
    font-size: 1.0rem;
    transition: all .5s ease-out 1s;
}
.zuBtn span {
    position: absolute;
    right: 0;
    top:0;
    left:0;
    bottom:0;
    margin: auto;
    width: 50%;
    height: 50%;
    opacity: 0;
    transition: display .5s ease-out 0s;
    color: var(--primary-zu-color);
    font-size: 1.5rem;
}

.zuBtn:hover {
    justify-content: left;
    background-color: transparent;
    color: var(--primary-zu-color);
    width: auto;
    height: auto;
    line-height: 40px;
    padding: 0px 50px 0px 10px;
    transition: padding .5s ease-out 0s;
}
.zuBtn:hover span {
    opacity: 1;
    transition: opacity .5s ease-out 0s;
    left: 70%;
    margin-left: 0px;
}
.zuBtn.viewmore:hover span{
    left: 0;
    margin-left: auto;
}
    .viewmore {
        padding: 20px 30px;
    }
.viewmore span {
    opacity: 1;
    transition: opacity .5s ease-out 0s;
}
.viewmore:hover {
    padding: 20px 30px;
    transition: opacity .5s ease-out 0s;
}
.center-parent {
    display: flex;
    align-items: center;
    justify-content: center;
}
#zu-close, .zu-close{
    padding: 0px 10px 0px 10px;
    display: block;
    position: absolute;
    top: 10px;
    right: 50%;
    background-color: var(--primary-zu-color);
    color: var(--white-color);
    font-size: 1em;
    transition: color 0.5s ease-in-out;
    text-decoration: none;
    cursor: pointer;
    font-size: 1.5em;
}
#zu-close::after, .zu-close::after{
    content: "x";
}
#zu-close:hover, .zu-close:hover {
    background-color: var(--primary-bgs-light-grey);
    color: var(--primary-dark-grey);
    border: solid 1px var(--header-dark-grey);
    transition: color 0.5s ease-in;
    text-decoration: none;
}
.sticky-header .zu-header-logo a {
   background-image: url('/main/files/images/v22/header-icons/zulogo-header.svg');
}
.sticky-header .zu-header-logo.star a {
    display: none !important;
}
.sticky-style {
    border-bottom: solid 4px var(--primary-boxes-light-grey);
}
/* -- carousels */
.mainbanner .owl-nav, .newsSectionOuter .owl-nav, .programs-slider .owl-nav {
    display: block !important;
}

 .owl-dots {
    width: 100%;
    display: inline-block;
    text-align: center;
    position: relative;
    top: -50px;
    display: none !important;
}

 button.owl-dot {
    width: 16px;
    height: 16px;
    background: #fff !important;
    border-radius: 50%;
    display: inline-block;
    margin: 0px 5px;
    border: 1px solid #bababa;
}

button.owl-dot.active {
    background: #ad5b5d !important;
}

.owl-nav button {
    display: block;
    text-decoration: none;
    color: var(--primary-dark-grey);
    position: absolute;
    width: 40px;
    text-align: center;
    height: 40px;
    font-size: 2rem;
    top: 35%;
    background: transparent;
    opacity: 0;
    z-index: 10000;
    left: -1%;
    border: none;
    transition: all 0.5s ease-out;
    padding: 0;
}

.homeDegree-slider:hover .owl-nav button, .programs-slider:hover .owl-nav button,
.mainbanner:hover .owl-nav button, .eservices-slider:hover .owl-nav button {
    opacity: 0.5;
}


.owl-nav button span {
    display: none;
}

.owl-nav button.owl-prev::before {
    font-family: 'zuv22-icons';
    content: "\e949";
}
.mainbanner .owl-nav button.owl-prev {
    transform: initial;
}
.owl-nav button.owl-prev {
    left: -2%;
    right: auto;
    transform: rotate(180deg);
}
.programs-slider .owl-nav button.owl-prev{
    left: -3%;
}
.owl-nav button.owl-next::before {
    font-family: 'zuv22-icons';
    content: "\e949";
}

.owl-nav button.owl-next {
    left: auto;
    right: -2%;
}
.programs-slider .owl-nav button.owl-next {
   
    right: -3%;
}

.owl-nav button.owl-next:hover, .mainbanner .owl-nav button.owl-prev:hover {
    opacity: 1.0;
}
/* -- carousels */
    .top-links a.btn {
        color: var(--header-upper-link);
        border-right: solid 2px var(--header-upper-link);
        font-family: zu-Medium;
    }

.top-links a.btn:hover {
    color: var(--primary-zu-color);
}
.search-box-area.hide{
  
    opacity: 0;
   
    z-index: -9999;
}
.search-box-area {
    opacity: 1;
    z-index: 1111;
    position: absolute;
    right: 35%;
    top: 0;
    width: 100%;
    background-color:var(--white-color);
}
.search-box-area .nav-form{
    width: 100%;
}
.search-box-area .input-group{
    width: 100%;
    display: block;
    float: left;
    border-radius: 0px !important;
   
}
.search-box-area .input-group .form-control {
    float: left;
    width: 80%;
    border: solid 1px var(--header-dark-grey);
    border-radius: 0px;

}
.top-links{
    margin-top: 40px;
}
.top-links-itself{
    margin-top: 15px;
}
.language-switch.header-btns {
    width: auto;
}
.header-btns a.btn {
    font-size: 1.5em;
    padding: 5px 10px 5px 10px;
    background-color: var(--header-light-grey);
    border: none;
    color: var(--header-icon-color);
}
.header-btns a.btn:hover {
    color: var(--header-icon-color);
    transform: scale(1);
}
.header-btns a.btn.home {
    background-color: var(--primary-zu-color);
    color: var(--white-color);
}
    .header-btns a.btn.home span{
        color: var(--white-color);
    }
    .header-btns a.btn.settings span {
        color: var(--primary-dark-grey);
    }
    .header-btns a.btn.lang {
        background-color: var(--header-grey);
        font-size: 1.5em;
        padding: 5px 5px 0px 5px;
    }
.header-btns a.btn.lang span.zuicon-arabic{
    font-size: 2.5rem;
    display: block;
}
    .header-btns a.btn.settings {
        background-color: var(--header-dark-grey);
        color: var(--header-icon-color);
    }


.utilities-icons a.btn.home .fa-home::before {
    color: var(--white-color);
    background-color: var(--primary-zu-color);
}

.utilities-icons a.btn.home .fa-cogs::before {
    color: var(--header-icon-color);
    background-color: var(--header-dark-grey);
}

.menu-container {
    background-color: var(--white-color);
    border-bottom: solid 3px var(--primary-zu-color);
}
.menu-container .menu{
    opacity: 0;
}
.menu-container .container {
    padding: 0 2%;
}
.nav > li.dropdown .dropdown-menu {
    padding-top: 7px;
}

.navbar-default .navbar-nav > li > a {
    color: var(--primary-dark-grey);
    padding: 0px 12px !important;
    font-family: zu-Medium;
    font-size: 0.85rem;
}


    .navbar-default .navbar-nav > li > a
    .navbar-default .navbar-nav > li > a
    .navbar-default .navbar-nav > li > a:focus,
    .navbar-default .navbar-nav > li:hover > a,
    .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a.active,
    .navbar-default .navbar-nav > .active > a,
    .navbar-default .navbar-nav > .open > a {
        background-color: var(--primary-zu-color);
        color: var(--white-color);
    }


.nav > li.dropdown.open .dropdown-menu, .nav > li.dropdown:hover .dropdown-menu {
    background-color: var(--white-color);
}

.dropdown-menu > li h5.submenu-heading {
    color: var(--primary-dark-grey);
    border-left: solid 3px var(--primary-zu-color);
    padding-left: 5px;
    padding-bottom: 0px;
}

.dropdown-menu > li div.menu-search a {
    color: var(--primary-dark-grey);
    padding-left: 5px;
    border-left: solid 3px var(--primary-light-grey);
}

    .dropdown-menu > li div.menu-search a.first {
        margin-top: 0px;
    }

.dropdown-menu > li div.menu-search .menu-img-container {
    max-width: 100%;
}

.ourstranghtOuter{
    background-color: var(--white-color);
}
.homeDegree-slider {
}

.bannerInfoInner p{
    background-color:var(--primary-zu-color);
}
.oursources a {
    width: 100%;
    height: auto;
    border-radius: 0px;
    background: var(--primary-bgs-light-grey);
    transition: all 0.5s ease;
}

.oursources a span {
    background: transparent;
    border-radius: 0px;
    height: auto;
    border: none;
    color: var(--primary-dark-grey);
    transition: inherit;
    font-size: 5rem;
}

.oursources a p {
    color: var(--primary-dark-grey);
    padding: 0px;
    font-size: 0.85rem;
}

.oursources {
padding: 0px;
border: solid 10px var(--white-color);
}

.oursources a:hover {
    background: var(--primary-zu-color);
    color: var(--white-color);
    transform: scale(1.05);
}

    .oursources a:hover span {
        border: none;
        background: none;
        transform: none;
        transform: scale(1.0);
    }

    .oursources a:hover p {
        color: var(--white-color);
        font-size: 1rem;
    }
.homeDegree-slider .ele-second {
    clear: both;
}
.newsSectionOuter {
    background: var(--primary-bgs-light-grey);
}

.newsSectionOuter .zu-now ,.zu-now{
    padding: 20px 0px 6px 0px !important;
    border-bottom: solid 5px var(--header-dark-grey);
}

.newsHead h2 {
    color: inherit;
    font-family: inherit;
    padding: 0px;
    margin: 0px;
    width: auto;
    float: left;
    font-size: 1.5em;
    display: flex;
    align-items: center;
}

.newsHead h2 span {
    display: none;
}
.newsSectionOuter .zu-now a.news-selection,a.news-selection{
    display: block;
    float: right;
    color:var(--primary-dark-grey);
    font-size: 1.0rem;
    text-decoration: none;
    width: auto;
    cursor: pointer;
    margin-bottom: -15px;
    font-family: zu-Medium;
    position: relative;
}
.newsSectionOuter .zu-now a.news-selection.active, a.news-selection.active {
    
}
span.active-border {
    position: absolute;
    bottom: -13px;
    left: 0;
    border-bottom: solid 5px var(--primary-zu-color);
    color: var(--primary-zu-color);
    opacity:0;
    width: 100%;
}
.newsSectionOuter .zu-now a.news-selection.active span.active-border, a.news-selection.active span.active-border{
    opacity: 1;
}
#events-highlights {
    display: none;
}
.newsMainOuter {
    width: auto;
    margin-top: 20px;
    background-color: var(--white-color);
    display: flex;
    align-items: stretch;
    transition: display 0.5s ease-in-out;

}
.news-item {
    background-color: var(--white-color);
}
.first-item {
    background-color: var(--white-color);
}
.first-item .news-item {
    padding: 0px 10px 0px 0px;
}
.first-item .news-item span.img{
    width: 100%;
    max-width: 100%;
    display: block;
}
.first-item .news-item span img{
    width: 100%;
}
 .first-item .news-item a .news-content {
        padding: 10px;
 }
 .news-item .dates {
        border-left: solid 5px var(--header-dark-grey);
        padding-left: 10px;
        color: var(--header-grey);
  }
.dates label.date-day {
    color: var(--header-dark-grey);
    font-family: zu-semiBold;
    margin-right: 5px;
    
}
.news-item .left-img-wrapper{
  
}
.news-item .left-img-wrapper img {
    max-width: 100%;
}
.news-item .content {
    padding: 5px 10px;
}
.news-item a.zuBtn.viewmore{
    position: absolute;
    right: 0;
    bottom: 0;
    background-color: var(--primary-zu-color);
    color: var(--white-color);
    padding: 15px 15px;
    opacity: 0;
}
.news-item a.zuBtn.viewmore span {
    color: var(--white-color);
    width: 90%;
    height: 60%;
}
.news-item:hover a.zuBtn.viewmore{
    opacity: 1;
}
.news-item a.zuBtn.viewmore:hover span {
 
}
    .newsMainOuter .item:hover {
    transition: font-size 0.5s ease;
    transform-origin: 0 0;
    transform: scale(1);
    -webkit-box-shadow: 0px;
    box-shadow: 0px;
}
.sliderFix ul li a {
    color: var(--primary-dark-grey);
    background-color: var(--header-light-grey);
    padding-top: 5px;
}
    .sliderFix ul li a span, .sliderFix ul li a i {
        font-size: 2.0rem;
    }
.sliderFix ul li a b.titleSidbar {
    font-size: 0.65rem;
}
.sliderFix ul li a:hover {
    background-color: var(--header-grey);
}
#google_translate_element{
    display: none;
}
.zu-numbers-wrapper {
    display: flex;
    align-content: stretch;
}
.zu-numbers h1 {
    font-size: 5em;
    font-family: 'zu-semiBold';
    text-align: left;
}
.zu-numbers h4 {
    border-left: solid 5px var(--primary-zu-color);
    padding-left: 5px;
    text-align: left;
}
.zu-numbers .number-block{
    border-right: solid 3px var(--header-grey);
    text-align: center;
}
    .zu-numbers .number-block h5 {
        min-height: 40px;
    }
    .zu-numbers .number-block label{
        font-size: 2.5rem;
        font-family: 'zu-semiBold';
        color: var(--primary-dark-grey);

    }
    .zu-numbers .number-block:last-child {
        border: none;
    }
span.perc{
    font-size: 1.5rem;
    font-family: zu-Medium;
    color: var(--primary-dark-grey);
}
#grads {
    display: none;
}
.grads,.undergrads{
    background: transparent;
    width: 100%;
    padding: 0 /* for owlcarousel */
}
.grads .programs-slider, .undergrads .programs-slider {
    padding: 0;
}
    .home-programs-slider {
    padding-top: 10px;
    display: flex;
    justify-content: stretch;
    flex-wrap: wrap;
    transition: all 1s linear;
}
.home-programs-slider .pull-left,.home-programs-slider .programs-item-block{
    
}
.home-programs-slider .programs-item:nth-child(odd) {
    padding-right: 10px;
    /* padding for all for mobiel devices*/
}
.home-programs-slider .programs-item {
    display: flex;
    margin-top: 10px;
}
.home-programs-slider .programs-item .img-wrapper img{
    max-width: 100%;
    width: 100%;
    height: 100%;
}
.home-programs-slider .programs-item:hover{
    cursor: pointer;
}
.home-programs-slider .content{
    padding: 20px;
    color: var(--white-color);
    position: relative;
    text-align: left;
}
.home-programs-slider :nth-child(odd) .content {
    background-color: var(--primary-boxes-light-grey);
}
#grads .home-programs-slider :nth-child(odd) .content {
    background-color: var(--primary-zu-color);
}
.home-programs-slider :nth-child(even) .content {
    background-color: #333;
}
.home-programs-slider .programs-item h5, .home-programs-slider .programs-item p, .home-programs-slider .programs-item a {
    color: var(--white-color);
    width: auto;
    float: left;
  
}
.home-programs-slider .content .majors {
    width: 95%;
    position: absolute;
    bottom: 0;
}
.home-programs-slider .content .majors h5 {
    padding: 0px 5px 0px 5px;
    margin: 0px 0px 0px 5px;
    width: auto;
    font-size: 2.0rem;
    border-left: solid 1px var(--white-color);
    display: none;
}
.home-programs-slider .content .majors label {
    margin: 0px 0px -10px 0px;
    float: left;
    text-align: left;
    display: none;
}
.home-programs-slider .content .majors .viewmore {
    border: solid 1px var(--white-color);
    background: var(--white-color);
    float: right;
    opacity:0;
    transition: opacity 0.5s ease-out;
    padding: 15px 20px;
    margin-right: 10px;
}
.home-programs-slider .programs-item:hover .majors .viewmore{
    opacity: 1.0;

}
.home-programs-slider .content .majors .viewmore:hover {
}
.home-programs-slider .content .majors .viewmore:hover span {
    
}
.frequentUseSearvics,.eservices{

}
.eservices-slider{
    margin-top: 30px;
}
.eservices-slider-item{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: stretch;
}
    .eservices-slider-item::after{
        clear: both;
    }
    .eservices-item {
        padding: 20px !important;
        background-color: var(--primary-bgs-light-grey);
        float: left;
        display: block;
        cursor: pointer;
        border: solid 10px var(--white-color);
        transition: all .2s ease-in-out;
    }

.eservices-slider .eservices-item:last-child {
   
}
.eservices-item span {
    font-size: 5em;
    color: var(--primary-dark-grey);
   
}
#eservices .eservices-item span {
    width: 100%;
    display: block;
    background-size: 80%;
    background-position: center center;
    min-height: 80px;
    background-repeat: no-repeat;
}
#eservices .eservices-item p.location {
    display: none;
    text-align: left;
}
#eservices .eservices-item:hover span {
    display: none;
}
#eservices .eservices-item:hover p {
    display: block;
}
    .eservices-item label{
        color: var(--primary-zu-color);
    }
    .eservices-item label, .eservices-item p {
        
        width: 100%;
        font-size: 0.85rem;
    }
.eservices-item h5{
    margin-top: 30px;
    width: 100%;
    text-align: center;
}
.eservices-item:hover{
    background-color:var(--primary-zu-color);
    color: var(--white-color);
    transform: scale(1.10);
    z-index: 99;
}
.eservices-item:hover h5, .eservices-item:hover span, .eservices-item:hover label, .eservices-item:hover p {
    color: var(--white-color);
}
.initiative-home-wrapper{
    background-color: var(--primary-bgs-light-grey);
}
.quicklinks-container{
    display: flex;
    flex-direction: row;
    align-content: stretch;
    flex-wrap: wrap;
}
#quicklinks, #live_search_box {
    position: fixed;
    top: 20%;
    z-index: -11;
    opacity: 0;
    transition: all 0.5s linear;
    display: none;
}
#live_search_box {
   
}
#live_search_results_main{
    max-height: 280px;
}
.quicklinks {
    background-color: var(--white-color);
    border: solid;
    height: auto;
    position: relative;
}
.quicklinks h3{
    padding-left: 5px;
    border-left: solid 3px var(--primary-zu-color);
    color: var(--primary-dark-grey);
}
    .quicklinks .item-column {
        width: 14%;
        background-color: var(--primary-bgs-light-grey);
        padding: 0;
        border: solid 5px white;
    }
.quicklinks a.zu-close {
    right: 2%;
}
.quicklinks a.item {
    display: block;
    height: auto;
    float: left;
    position: relative;
  
    text-decoration: none;
    color: var(--primary-dark-grey);
    border: none;
    width: 100%;
    padding: 10px !important;
    overflow-wrap: break-word;
}

.quicklinks a.item span{
    display: flex;
    align-content: center;
    align-self: center;
}
.quicklinks a.item:hover {
    background-color: var(--primary-zu-color);
    color: var(--white-color);
}
.quicklinks a.item:hover span::before{
    color: var(--white-color);
}
.quicklinks a.item h5 {
    margin-top: 5px;
}
#live_search_box .form-control{
    border-radius: 0px;
    padding: 7px;
    color: var(--primary-dark-grey);
    border: solid 1px var(--primary-dark-grey);
}
#live_search_box a.zuBtn span{
     left: 90%;
}
#live_search_results_main{
    position: relative;
}
    #live_search_results_main .media .media-body a:hover{
        background-color: transparent;
    }
    #live_search_results_main .media .media-body a:hover h6{
        font-size: 1.1rem;
        
    }
    .settings-panel {
        padding: 20px;
        width: auto;
    }
.settings-panel a.btn{
    background: transparent;
}
.settings-panel strong {
    font-size: 1.15em;
}
    .night-reading a.nightmode span, .listen-page a.readtext span, .listen-page a.accessibility span,
    .night-reading a.nightmode span::before, .listen-page a.readtext span::before, .listen-page a.accessibility span::before,
    .settings-panel span.fa, .settings-panel span.fa::before,
    #reset {
        color: var(--primary-dark-grey) !important;
    }
    .accessSider {
        width: auto;
        padding-right: 10px;
    }
#accessClose {
    right: auto;
    left: 2%;
    z-index: 999999;
    top:-5px;
    left: -20px;
}
.accessSider h4{
    text-align: center;
}
.year {
    width: 19%;
    background-color: var(--primary-bgs-light-grey);
    color: var(--primary-dark-grey);
    -webkit-box-shadow: initial;
    -moz-box-shadow: initial;
    box-shadow: initial;
}
    .year .bodyblock{
        background-color: var(--primary-dark-grey);
    }
    .year .imgblock {
        background-color: var(--white-color);
    }
    .year label {
        color: var(--white-color);
    }
    .year:hover{
        cursor: pointer;
        background-color: var(--primary-zu-color);
    }
    .year:hover label {
        color:var(--white-color);
    }
div#DeafServicePlace{
    opacity: 0 !important;
    width: 40px !important;
    height: 40px !important;
    left: 50px !important;
}
#footer-customer-pulse {
    position: fixed;
    bottom: 5px;
    left: 5px;
    border-radius: 6px;
    z-index: 1000000000;
    cursor: pointer;
}
    #footer-customer-pulse a {
        display: block;
        width: 40px;
        height: 40px;
        float: left;
        color: var(--primary-dark-grey);
        font-size: 2.95rem;
        background-color: var(--header-grey);
        margin-right: 5px;
    }
#footer-customer-pulse a span {
    font-size: 3.5rem;
    color: var(--primary-dark-grey);
}

.footer .footer-social-links .social-black-bg, .footer .footer-social-links div{
    width: 45px;
    height: 45px;
}
.row-footer-top .row-footer-top-container .footer .footer-social-links a {
    background-color: transparent;
    width: 100%;
    height: 100%;
    border-radius: 0px;
}
.row-footer-top .row-footer-top-container .footer .footer-social-links a span::before{
    color: var(--white-color) !important;
    font-size: 3rem;
}
.copyright-footer-logos.ohsas a{
    width: 70px;
    height: 70px;
}
.ohsas.copyright-footer-logos a.external-link{
    width: 150px;
    height: auto;
}
.copyright-footer-logos.ohsas a:first-child{
    margin-right: 50px;
}
.copyright p{
    color: var(--white-color);
    font-size: 0.75rem;
    line-height: 10px;
}
.footer a.imgcontainer {
    transition: all 0.5s ease-in-out;
    text-decoration: none;
    display: block;
    margin-right: 5px;
    float: left;
    width: 95%;
    background-color: var(--white-color);
}
.footer a.imgcontainer span {
    color: var(--primary-dark-grey);
    font-size: 3rem;
    margin: 5px 5px 0px 0px;
}
.footer a.imgcontainer span.zuicon-forward-submit{
    opacity:1;
    float: right;
}
.footer a.imgcontainer:hover span.zuicon-forward-submit{
    opacity: 1;
}
.footer-info .links a{
    font-size: 0.70rem;
}
/* inner pages */
.left-bar li.list-group-item a {
    font-family: zu-semiBold;
    font-size: 1rem;
}
.left-bar li a:hover, .left-bar li.selected a, .left-bar li a:hover span, .left-bar li.selected a.selected span{
    color: var(--primary-zu-color);
}
.left-bar li.selected ul li {
    list-style: none;
    margin-left: 20px;
    padding-left: 10px;
    border-left: solid 2px var(--primary-zu-color);
}
    .left-bar li.selected ul li ul li{
        border: none;
    }
    .right-static-block .heading, .right-static-blocks-container .heading {
        background-color: var(--primary-zu-color);
        font-family: zu-semiBold;
        font-size: 1rem;
    }
.right-static-block ul li a, .right-static-block p{
    color: var(--primary-dark-grey);
}
    .right-static-block ul li a:hover{
        color: var(--primary-zu-color);
    }
.printPage.actions{
    color: var(--primary-dark-grey);
}
.printPage.actions span.glyphicon::before{
    color: var(--primary-dark-grey) !important;
}
.at-share-btn, .at-svc-compact{
    background-color: var(--primary-dark-grey) !important;
}
#rating-wrapper .btn:hover {
    background-color: var(--primary-zu-color);
    color: var(--white-color);
}
.breadcrumbs {
    margin-top: -10px;
}
.more-options a {
    background: var(--header-grey);
    color: var(--primary-dark-grey);
    border-radius: 0px;
    border: none;
}

a#more-options span.fa-bars {
    color: var(--primary-dark-grey);
}
.sliderFix{
    top: 28%;
}
.goog-te-gadget {
    display: none;
}
@media all and (max-width: 420px) {
    #quicklinks {
        display: none !important;
    }
    .home-programs-slider .programs-item {
        padding-right: 10px;
        /* padding for all for mobiel devices*/
    }
    .home-programs-block .zu-now{
        border: none;
    }
    .home-programs-block .news-selection {
        float: left !important;
        margin: 10px 0px 0px 0px !important;
        font-size: 1.0rem;
        padding-left: 0px;
    }
    span.active-border{
        bottom: -5px;
    }
    .zu-numbers-wrapper{
        overflow-x: scroll;
        overflow-y: hidden;
    }
    .zu-numbers-wrapper label {
        font-size: 1.80rem !important;
    }
}

/* X-Small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
    .sticky-header{
        border-bottom: solid 3px var(--primary-zu-color);
    }
    .sub-banner{
        display: none;
    }
    h1, h2, h3, h4, h5, h6, h7, p {
        overflow-wrap: break-word;
    }
    .eservices-slider{
        margin-top: 0px;
    }
    .page-content .news-item p.truncatewords{
        display: none;
    }
    .ourstranghtInner .col-xs-4 {
        min-height: auto;
    }
    .home-programs-block .zu-now {
        border: none;
    }
    .oursources a span {
        font-size: 3.5rem;
        line-height: 50px;
        display: block;
        opacity: 1;
    }

    .oursources a p {
        word-break: break-word;
        height: 50px;
        display: block;
        opacity: 1;
        font-size: 0.75rem;
    }
    .oursources a:hover {
        transform: scale(1);
        padding: 2px;
    }
    .oursources a:hover span {
        display: block;
        opacity: 1;
    }

    .oursources a:hover p {
        display: block;
        opacity: 1;
    }
    .grads, .undergrads{
        margin-top: 0px;
    }
    .home-programs-slider {
        padding-top: 0px;
    }
    .quicklinks .item-column{
        width: 33.33%;
    }
    .quicklinks a.item span {
        margin-left: 0;
    }
    .quicklinks a.item h5{
        font-size: 0.90rem;
        word-break: break-word;
        display: block;
    }
    .quicklinks a.item:hover h5{
        display: block;
    }
    .quicklinks a.item:hover span{
        display: none;
    }
    .middle-row .left-bar {
        left: -120%;
        transition: all 0.5s;
    }
    .newsMainOuter{
        padding: 0;
        margin: 0;
    }
    .newsMainOuter .first-item .news-item {
        padding: 0;
    }
     .nav > li a.menuitem .mm-menu-icon{
        display: none !important;
    }
    .nav > li.dropdown .mm-menu-icon {
        z-index: 9999;
        display: none !important;
        font-size: 1.25rem !important;
        height: 95%;
        position: absolute;
        right: 0;
    }
    .nav > li.dropdown a.menuitem.active .mm-menu-icon{
        color: var(--white-color);
    }
}

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {
    h1, h2, h3, h4, h5, h6, h7, p {
        overflow-wrap: break-word;
    }
    .sticky-header {
        border-bottom: solid 3px var(--primary-zu-color);
    }

    .sub-banner {
        display: none;
    }
    .eservices-slider {
        margin-top: 0px;
    }
    .page-content .news-item p.truncatewords {
        display: none;
    }

    .ourstranghtInner .col-xs-4{
        min-height: auto;
    }
    .home-programs-block .zu-now {
        border: none;
    }
    .oursources a span {
        font-size: 3.5rem;
        line-height: 50px;
        display: block;
        opacity: 1;
    }
    .oursources a p {
        word-break: break-word;
        height: 50px;
        display: block;
        opacity: 1;
        font-size: 0.75rem;
    }
    .oursources a:hover {
        transform: scale(1);
        padding: 2px;
    }
    .oursources a:hover span {
        display: block;
        opacity: 1;
    }
    .oursources a:hover p {
        display: block;
        opacity: 1;
    }
    .grads, .undergrads {
        margin-top: 0px;
    }
    .home-programs-slider {
        padding-top: 0px;
    }
    .quicklinks a.item span {
        margin-left: 0;
    }
    .quicklinks a.item h5 {
        font-size: 0.90rem;
        word-break: break-word;
        display: block;
    }

    .quicklinks a.item:hover h5 {
        display: block;
    }

    .quicklinks a.item:hover span {
        display: none;
    }
    .middle-row .left-bar {
        left: -120%;
        transition: all 0.5s;
    }
    .newsMainOuter {
        padding: 0;
        margin: 0;
    }
    .newsMainOuter .first-item .news-item {
        padding: 0;
    }
}

/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {
    .quicklinks a.item h5 {
        font-size: 0.90rem;
        word-break: break-word;
        display: block;
    }
    .home-programs-block .zu-now {
        border: none;
    }
}

/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {

}

/* X-Large devices (large desktops, less than 1400px) */
@media (max-width: 1399.98px) {
}

/*XX-Large devices (larger desktops)*/

@media print {
    .page-content a, a:link {
        display: block !important;
        width: 100% !important;
    }
    iframe, .fa, [class^="zuicon-"], #footer-customer-pulse{
        display: none !important;
    }
    
}