/* ============================
Main Slideshow
============================ */
    #nb-home {
        background-color: #f4f4f2;
    }
    
    .bg-container {
        background-color: #fff;
        overflow: hidden;
        margin-bottom: 40px;
    }
    
    #nb-main-slideshow {
        margin: auto;
        position: relative;
        width: 100%;
        max-width: 1000px;
        overflow: visible;
        margin-bottom: 13px;
    }
    
    #nb-main-slideshow:after {
        content: '';
        clear: both;
        display: table;
    }
    
    #nb-main-slideshow img {
        display: block;
    }
    
    #nb-home {
        background-color: #f4f4f2;
        /* overrides main style*/
    }
    
    #nb-main-slideshow .title {
        background-color: #131f33 !important;
        border-top: 0 solid #313c4d !important;
        bottom: 50px;
        box-sizing: border-box;
        color: #fff;
        display: block;
        font-family: "proxima-nova-alt",sans-serif;
        font-size: 1.62em;
        line-height:1.3;
        font-weight: 700;
        height: auto;
        letter-spacing: normal;
        max-width: 40%;
        padding: 18px 30px;
        position: absolute;
        right: 50px;
        text-decoration: none;
        text-transform: none;
        top: auto !important;
        width: 100%;
        z-index: 1;
        transition: all .5s ease 0s;
    }
    
    #nb-main-slideshow .title:hover,
    #nb-main-slideshow .category:hover {
        background-color: #fff !important;
        color: #333;
    }
    
    #nb-main-slideshow .overlay {
        padding-bottom: 66.7%;
        height: 0;
        width: 100%;
        max-width: 1000px;
        position: relative;
        margin: auto;
    }
    
    #nb-main-slideshow .main-slide {
        background: rgba(0, 0, 0, 0.3) none repeat scroll 0 0;
        overflow: hidden;
        padding: 0;
        position: absolute;
        transition: all .7s ease 0s;
        width: 100%;
        border-top: 10px solid #fff;
        border-left: 10px solid #fff;
        border-bottom: 10px solid #fff;
		top:0;
    }
    /*=============================== 
Slide Navigation 
=============================== */
    
    #nb-main-slideshow .slide-prev,
    #nb-main-slideshow .slide-next {
        display: block;
        height: 100%;
        min-width: 30px;
        opacity: .8;
        position: absolute;
        transition: all .5s ease 0s;
        width: 100%;
        top: 0;
    }
    
    #nb-main-slideshow .slide-prev {
        left: -100%;
        padding-right: 4%;
        text-align: right;
    }
    
    #nb-main-slideshow .slide-next {
        right: -100%;
        padding-left: 4%;
        text-align: left;
    }
    
    #nb-main-slideshow .slide-prev:after {
        color: #313c4d;
        /*39414e*/
        content: "\f104";
        font-family: "FontAwesome";
        font-size: 50px;
        opacity: .6;
        top: 50%;
        position: absolute;
        transform: translateY(-50%);
    }
    
    #nb-main-slideshow .slide-next:after {
        color: #313c4d;
        content: "\f105";
        font-family: "FontAwesome";
        font-size: 50px;
        opacity: .6;
        top: 50%;
        position: absolute;
        transform: translateY(-50%);
    }
    
    #nb-main-slideshow .slide-prev:hover:after,
    #nb-main-slideshow .slide-next:hover:after {
        color: #fff;
        opacity: 1;
    }
    
    #nb-main-slideshow .slide-prev:hover,
    #nb-main-slideshow .slide-next:hover {
        /* background: rgba(255, 255, 255, 0.45) none repeat scroll 0 0;*/
        opacity: 1;
    }
    
    #nb-main-slideshow .slide-prev:focus,
    #nb-main-slideshow .slide-next:focus {
        outline: none !important;
    }
    
    #nb-main-slideshow .slide-prev span,
    #nb-main-slideshow .slide-next span {
        display: none;
    }
    /* ==============================
Category label Colors
=============================== */
    
    #nb-main-slideshow .category {
        border: 0 none;
        bottom: auto;
        color: #fff;
        font-family: "Montserrat", sans-serif;
        font-size: 12px;
        left: auto;
        padding: 7px 10px;
        position: absolute;
        right: 50px;
        text-transform: uppercase;
        top: 50px;
        z-index: 10;
        transition: all 0.5s ease 0s;
    }
    
    #nb-main-slideshow .category-agriculture .category,
    #nb-main-slideshow .category-agriculture .title {
        background-color: #bc6041;
    }
    
    #nb-main-slideshow .category-campus .category,
    #nb-main-slideshow .category-campus .title {
        background-color: #bc6041;
    }
    
    #nb-main-slideshow .category-arts .category,
    #nb-main-slideshow .category-arts .title {
        background-color: #f7b758;
    }
	#nb-main-slideshow .category-faculty-interviews .category,
    #nb-main-slideshow .category-faculty-interviews .title {
        background-color: #67758d;
    }
	
	
    
    #nb-main-slideshow .category-business .category,
    #nb-main-slideshow .category-business .title {
        background-color: #34466b;
    }
    
    #nb-main-slideshow .category-education .category,
    #nb-main-slideshow .category-education .title {
        background-color: #bb4c41;
    }
    
    #nb-main-slideshow .category-engineering .category,
    #nb-main-slideshow .category-engineering .title {
        background-color: #7390a0;
    }
    
    #nb-main-slideshow .category-health .category,
    #nb-main-slideshow .category-health .title {
        background-color: #71a3a0;
    }
    
    #nb-main-slideshow .category-humanities .category,
    #nb-main-slideshow .category-humanities .title {
        background-color: #67758d;
    }
    
    #nb-main-slideshow .category-law .category,
    #nb-main-slideshow .category-law .title {
        background-color: #668baa;
    }
    
    #nb-main-slideshow .category-life-sciences .category,
    #nb-main-slideshow .category-life-sciences .title {
        background-color: #de7c39;
    }
    
    #nb-main-slideshow .category-physical-sciences .category,
    #nb-main-slideshow .category-physical-sciences .title {
        background-color: #bd622b;
    }
    
    #nb-main-slideshow .category-social-sciences .category,
    #nb-main-slideshow .category-social-sciences .title {
        background-color: #f7b758;
    }
    
    #nb-main-slideshow .category-veterinary-medicine .category,
    #nb-main-slideshow .category-veterinary-medicine .title {
        background-color: #f29836;
    }
    
    #nb-main-slideshow .category-honors-and-awards .category,
    #nb-main-slideshow .category-honors-and-awards .title {
        background-color: #8db600;
    }
    
    #nb-main-slideshow .category-videos .category,
    #nb-main-slideshow .category-videos .title {
        background-color: #000;
    }
    
    #nb-main-slideshow .category-videos .feature {
        color: #000 !important;
    }
    
    #nb-main-slideshow .category-videos .title::before {
        content: "";
        display: inline-block;
        font-family: "FontAwesome";
        margin-right: 5px;
    }
    /* ============================
Main Slideshow Media Queries
============================ */
    
    @media (max-width: 1150px) {
        /*  #nb-main-slideshow .slide-prev {
        left: -100%;
        padding-right: 4%;
        text-align: right;
    }
    #nb-main-slideshow .slide-next {
        right: -100%;
        padding-left: 4%;
        text-align: left;
    }
    #nb-main-slideshow .slide-prev,
    #nb-main-slideshow .slide-next {
        display: block;
        height: 100%;
        min-width: 30px;
        opacity: .8;
        position: absolute;
        transition: all .5s ease 0s;
        top: 0;
    }*/
        #nb-main-slideshow .slide-prev,
        #nb-main-slideshow .slide-next {
            display: block;
            height: 100%;
            min-width: 30px;
            opacity: 1;
            position: absolute;
            transition: all .5s ease 0s;
            width: calc(100% - 30px);
            top: 0;
        }
        #nb-main-slideshow .slide-prev {
            left: -100%;
            text-align: right;
        }
        #nb-main-slideshow .slide-next {
            right: -100%;
            text-align: left;
        }
        #nb-main-slideshow .slide-prev:after {
            color: #131f33;
            content: "\f104";
            font-family: "FontAwesome";
            font-size: 35px;
            opacity: .6;
            top: 50%;
            position: absolute;
            transform: translate(0%, -50%);
            width: 58px;
            height: 70px;
            right: -65px;
            line-height: 70px;
            text-align: right;
        }
        #nb-main-slideshow .slide-next:after {
            color: #131f33;
            content: "\f105";
            font-family: "FontAwesome";
            font-size: 35px;
            opacity: .6;
            top: 50%;
            position: absolute;
            transform: translate(0%, -50%);
            width: 58px;
            height: 70px;
            left: -102px;
            line-height: 70px;
            text-align: right;
        }
        #nb-main-slideshow .slide-prev:before {
            color: #000;
            content: "";
            opacity: .5;
            top: 50%;
            position: absolute;
            width: 50px;
            height: 90px;
            right: -86px;
            border-radius: 0 70px 70px 0px;
            border: 0px solid #fff;
            transform: translateY(-50%);
            line-height: 50px;
            background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
            /* FF3.6+ */
            background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(255, 255, 255, 1)));
            /* Chrome,Safari4+ */
            background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
            /* Chrome10+,Safari5.1+ */
            background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
            /* Opera 11.10+ */
            background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
            /* IE10+ */
            background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
            /* W3C */
        }
        #nb-main-slideshow .slide-next:before {
            content: "";
            opacity: .5;
            top: 50%;
            position: absolute;
            width: 50px;
            height: 90px;
            left: -80px;
            border-radius: 70px 0px 0px 70px;
            border: 0px solid #fff;
            transform: translateY(-50%);
            line-height: 50px;
            background: -moz-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
            /* FF3.6+ */
            background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(255, 255, 255, 0)));
            /* Chrome,Safari4+ */
            background: -webkit-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
            /* Chrome10+,Safari5.1+ */
            background: -o-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
            /* Opera 11.10+ */
            background: -ms-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
            /* IE10+ */
            background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
            /* W3C */
        }
    }

    @media (max-width: 1000px) {
           #nb-main-slideshow .main-slide { 
            border-left: 0;
        }

    }
    
    @media (max-width: 640px) {
        .bg-container {
            margin-bottom: 0px;
            background-color: #f4f4f2;
        }
        #nb-main-slideshow {
            width: 94%;
            margin-bottom: 0;
			padding-top:5px;
        }
        #nb-main-slideshow .slide-prev,
        #nb-main-slideshow .slide-next {
            display: none;
        }
        #nb-main-slideshow .main-slide {
            position: relative;
            width: 48.5%;
            transition: all .7s ease 0s;
            border: 0;
            float: left;
            margin-left: 0 !important;
            opacity: 1 !important;
            visibility: visible !important;
            margin-top: 1.5%;
            margin-bottom: 1.5%;
        }
        #nb-main-slideshow .main-slide#main-slide-1 {
            position: relative;
            width: 100%;
            transition: all .7s ease 0s;
            border: 0;
            float: left;
            opacity: 1 !important;
            margin-left: 0 !important;
        }
        #nb-main-slideshow .main-slide:nth-child(odd) {
            margin-right: 1.5% !important;
            margin-left: 0 !important;
        }
        #nb-main-slideshow .main-slide:nth-child(even) {
            margin-right: 0 !important;
            margin-left: 1.5% !important;
        }
        #nb-main-slideshow .overlay {
            display: none;
        }
        .container-col-2 {
            clear: both;
        }
        #nb-main-slideshow .title {
            bottom: auto;
            font-size: 1.25em;
            max-width: 100%;
            padding: 18px 30px;
            position: relative;
            right: auto;
            top: auto !important;
            width: 100%;
            z-index: 10;
            transition: all .5s ease 0s;
            height: 100%;
        }
        #nb-main-slideshow .main-slide {
            height: 338px;
        }
        #nb-main-slideshow .main-slide#main-slide-1 {
            height: auto;
        }
        #nb-main-slideshow .category {
            top: 0;
            right: 0;
            font-size: 9px;
			padding:.5em .8em;
        }
				#nb-main-slideshow #main-slide-2 .feature,
		#nb-main-slideshow #main-slide-3 .feature,
		#nb-main-slideshow #main-slide-4 .feature,
		#nb-main-slideshow #main-slide-5 .feature
		 {
			max-height:130px;
			
			}
			 		#nb-main-slideshow .title {
		font-size:1.15em;
		padding:10%;
		}
		#nb-main-slideshow #main-slide-1 .title {
			padding:5%;
		}
		
		#nb-main-slideshow .main-slide {
			height:268px;
		}
    }
	
	@media (max-width: 600px) {


	
/*		#nb-main-slideshow .main-slide:before {
		    background: rgba(0, 0, 0, 0) url("https://webservices.illinois.edu/webservices/images/elipses-gradient-vertical-blue-70.png") repeat-x scroll 0 0;
			bottom: 0;
    		content: "";
    		height: 60px;
    		position: absolute;
    		right: 0;
    		width: 100%;
    		z-index: 12;
			            transition: all .5s ease 0s;

		}
		#nb-main-slideshow .main-slide:hover:before {
		    background: rgba(0, 0, 0, 0) url("https://webservices.illinois.edu/webservices/images/elipses-gradient-vertical-70.png") repeat-x scroll 0 0;
			bottom: 0;
    		content: "";
    		height: 60px;
    		position: absolute;
    		right: 0;
    		width: 100%;
    		z-index: 12;
		}*/
	}