/* #Business General
================================================== */

h2.partnership-section:after {
    content: "";
    position: relative;
    display: block;
    width: 5px;
    margin: -33px 0px 0px -20px;
    border-top: 28px solid #867537;
}

h2.partnership-section {
    padding-left: 20px;
    padding-bottom: 20px;
    margin-top: 50px;
}

.row_cell i {
    font-size: 230%;
}

.cta-block{
    padding: 100px 20px;
}
.section_wrapper h1.business-title, .section_wrapper.business-section h1{
    color: black!important;
    border-bottom: 5px solid #867537!important;
    margin-bottom: 3rem;
    padding-bottom: 2rem;
    position: relative;
}

.section_wrapper h1.business-title img{
    position: absolute;
    top:0;
    right: 0;
    max-width: 180px;
    bottom: 0;
    margin: auto;
}

.section_wrapper .textintro{
    border-bottom: none!important;
}

.section_wrapper .textintro p{
    font-size: 1.8rem;
}

.white-text p, .white-tex, .white-text h3{
    color: white;
}

.search_toggle{
    position: absolute;
    top: 0;
    right: 0;
}

.erdf-top-logo{
    max-width: 220px; 
}

.the-awards{
	position: absolute; 
	bottom: 20px; 
	right: 20px;
}

.btn.btn-blue-business{
	background: #08213d;
	color: white;
}

.btn.btn-blue-business:hover{
	color: #08213d;
	background: #ccc;
}
@media only screen and (max-width:900px){
	.the-awards{
		position: relative; 
		max-width: 150px;
		bottom: 0; 
		right: 0;
	}
}

@media only screen and (min-width: 45em){
    .hpsection{
        position: relative;
    }
    .hyperlink{
        position: absolute;
        top:-120px;
    }
    .section_wrapper h1.business-title.case-study{
        padding-right: 150px;
        min-height: 70px; 
    }
    
    .section_wrapper h1.business-title img{
        max-height: 105px;
        max-width: 140px;
        top: -15px;
    }
    .erdf-top-logo{
        margin-bottom: 20px; 
        margin-left: 15px;
        float:right;
    }
}
@media only screen and (max-width: 44.99em){
    .pagetext{
       margin-top: -10px; 
    }
    
    .section_wrapper h1.business-title img {
        max-height: 62px;
        max-width: 90px;
        top: -18px;
    }
    
    .section_wrapper h1.business-title.case-study{
        padding-right: 90px;
    }
    .erdf-top-logo{
        margin: 10px auto;
        display: block;
    }
    .section_wrapper h1.business-title, .section_wrapper.business-section h1{
        font-size: 2.2rem;
    }
}

/* #Navigation changes

@media only screen and (min-width: 45em){
    #sectionmenu {
        background: black!important;
    }
    #sectionmenu a, #sectionmenu ul li ul li a {
        color: white!important;
    }
    #sectionmenu ul a.sectiontitle {
        color: #867537 !important;
    } 
} */

/* #Header changes
================================================== */


.top-banner h1{
    text-shadow: none!important;
}

.top-banner h1 i {
    font-weight: normal;
    font-style: normal;
}

.top-banner.business-home {
    background: linear-gradient(rgba(1, 10, 20, 0.4), rgba(1, 10, 20, 0.7)), url(/images/sections/Business/business-home.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.top-banner.business-home h1{
    text-transform: uppercase!important;
}

.top-banner.business-training {
    background: linear-gradient(rgba(1, 10, 20, 0.4), rgba(1, 10, 20, 0.7)), url(/images/sections/Business/business-training.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.top-banner.hydrogen-courses {
    background: linear-gradient(rgba(1, 10, 20, 0.5), rgba(1, 10, 20, 0.7)), url("/images/sections/Business/hydrogen-banner.jpg");
    background-position: right center;
    background-repeat: no-repeat;
    background-size: cover;
}

@media only screen and (min-width: 1024px){
	.top-banner.hydrogen-courses {
        background: linear-gradient(rgba(1, 10, 20, 0.1), rgba(1, 10, 20, 0.2)), url("/images/sections/Business/hydrogen-banner.jpg");
		background-position: right center;
    	background-repeat: no-repeat;
    	background-size: cover;
	}
	.top-banner.hydrogen-courses .outerdiv{
		width: 100%;
	}

	.top-banner.hydrogen-courses h1, .top-banner.hydrogen-courses p{
		text-align: left;
	}
}


.top-banner.event-banner {
    background: linear-gradient(rgba(1, 10, 20, 0.4), rgba(1, 10, 20, 0.7)), url(/images/sections/Business/events.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.top-banner.news-banner {
    background: linear-gradient(rgba(1, 10, 20, 0.4), rgba(1, 10, 20, 0.7)), url(/images/sections/Business/news-banner.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.top-banner.business-facilities {
    background: linear-gradient(rgba(1, 10, 20, 0.4), rgba(1, 10, 20, 0.7)), url(/images/sections/Business/business-facilities.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.top-banner.funded-support {
    background: linear-gradient(rgba(1, 10, 20, 0.4), rgba(1, 10, 20, 0.7)), url(/images/sections/Business/funded-support.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.top-banner.digital-skills {
    background: linear-gradient(rgba(1, 10, 20, 0.4), rgba(1, 10, 20, 0.7)), url(/images/sections/Business/digital-skills/digital-skills-banner.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.top-banner.digital-skills-bootcamp {
    background: linear-gradient(rgba(1, 19, 40, 0.6), rgba(1, 19, 40, 0.9)), url(/images/sections/Business/digital-skills-bootcamp-banner.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.top-banner.ptcourses {
    background: linear-gradient(rgba(1, 10, 20, 0.4), rgba(1, 10, 20, 0.7)), url(/images/sections/Business/ptcourses.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.top-banner.business-cases{
    background: linear-gradient(rgba(1, 10, 20, 0.4), rgba(1, 10, 20, 0.7)), url(/images/sections/Business/business-cases.jpg);
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
}

.top-banner.business-consultancy {
    background: linear-gradient(rgba(1, 10, 20, 0.4), rgba(1, 10, 20, 0.7)), url(/images/sections/Business/business-consultancy.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.top-banner.business-recruitment {
    background: linear-gradient(rgba(1, 10, 20, 0.3), rgba(1, 10, 20, 0.6)), url(/images/sections/Business/business-recruitment.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.top-banner.business-idtc{
    background: linear-gradient(rgba(1, 10, 20, 0.2), rgba(1, 10, 20, 0.5)), url(/images/sections/Business/funded_support/idtc-banner.jpg);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
}

.top-banner.business-bhe{
    background: linear-gradient(rgba(1, 10, 20, 0.4), rgba(1, 10, 20, 0.7)), url(/images/sections/Business/funded_support/bhe-banner.jpg);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
}

.top-banner.business-EDCPE{
    background: linear-gradient(rgba(1, 10, 20, 0.4), rgba(1, 10, 20, 0.7)), url(/images/sections/Business/funded_support/EDCPE-banner.jpg);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
}

.leadership-management {
    background: linear-gradient(rgba(1, 10, 20, 0.4), rgba(1, 10, 20, 0.7)), url(/images/sections/Business/business-leadership.jpg);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
}

.hpsection.hpcasestudy{
	background: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 30%, rgba(9,9,121,0.13209033613445376) 60%), url('/images/sections/business/cpd_bg.jpg') no-repeat center center; background-size: cover;
}

.hpsection.hpideas{
	background: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 30%, rgba(9,9,121,0.13209033613445376) 60%), url('/images/sections/business/research_section-big.jpg') no-repeat center center; background-size: cover;
}

.hpsection.hpcasestudy h2{
	margin-bottom: 25px;
}

@media only screen and (min-width: 721px){
	.hpsection.hpcasestudy p, .hpsection.hpcasestudy h2, .hpsection.hpcasestudy h3{
		color: white!important;
	}
	
	.hpsection.hpcasestudy h2.section-title::before{
   	 	border-top: 0px solid #fff;
	}
	
	.row_cell.hpcasestudy h2{
		font-size: 3.8rem;
	}
}

@media only screen and (max-width: 720px){
	.hpsection.hpcasestudy .row_cell:first-child{
		background: rgba(250,250,250,0.8);
	}
	.hpsection.hpcasestudy .row_cell:last-child{
		display: none;
	}
	.hpsection.hpcasestudy p, .hpsection.hpcasestudy h3{
		color: black;
	}
    .hpsection.hpideas{
        background: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 30%, rgba(9,9,121,0.13209033613445376) 60%), url('/images/sections/business/research_section-big.jpg') no-repeat center right; background-size: cover;
    }
}


@media only screen and (min-width: 45em){
    .top-banner h1 {
        font-size: 7rem!important;
    }
}

@media only screen and (max-width: 44.99em){
    .top-banner.big-banner {
        margin-top: -10px;
        height: 450px!important;
    }
    .top-banner, .top-banner.small-banner {
        height: 250px;
        margin-bottom: -20px;
    }
    
    .pagetextwrap {
        margin-top: 0;
        padding-top: 0;
        margin-bottom: -20px;
    }
    
    .pagetext{
        padding-top: 0;
    }
}

@media only screen and (min-width: 720px) {
    .home-banner.home-banner-two.home-banner-cases-1 {
        background: url("/images/sections/Business/carousel-bg.jpg") no-repeat top right;
        background-size: cover;
    }
    .home-banner.home-banner-two.home-banner-cases-2 {
        background: url("/images/sections/Business/carousel-bg-2.jpg") no-repeat top right;
        background-size: cover;
    }
    .home-banner.home-banner-cases:before {
        background: rgb(0, 0, 0);
        background: linear-gradient(90deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 50%, rgba(0, 0, 0, 0.6) 65%, rgba(0, 0, 0, 0) 85%);
    }
    .home-banner-cases{
        min-height: 600px;
    }
    .home-banner-cases p.quote{
        font-size: 26px;
        line-height: 28px;
    }
}

@media only screen and (max-width: 719px) {
    .home-banner.home-banner-two.home-banner-cases-1 {
        background: url("/images/sections/Business/carousel-bg-small.jpg") no-repeat top right;
        background-size: cover;
    }
    .home-banner.home-banner-two.home-banner-cases-2 {
        background: url("/images/sections/Business/carousel-bg-small-2.jpg") no-repeat top right;
        background-size: cover;
    }
    .home-banner.home-banner-two:before {
        background: rgb(0, 0, 0);
        background: linear-gradient(360deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 50%, rgba(0, 0, 0, 0.6) 75%, rgba(0, 0, 0, 0) 90%);
    }
    .home-banner-cases p.quote{
        font-size: 20px;
        line-height: 22px;
    }
}



.home-banner-cases p.quote{
    margin-bottom: 20px;
}


/* #Section in general changes
================================================== */

.hpsection.dark-image{
    background: linear-gradient(rgba(1, 19, 40, 0.85), rgba(1, 19, 40, 0.75)), url(/images/sections/Business/blue-bg.jpg);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
}

.hpsection.dark-image-2{
    background: linear-gradient(rgba(1, 19, 40, 0.85), rgba(1, 19, 40, 0.75)), url(/images/sections/Business/camera-bg.jpg);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
}

.hpsection.dark-grey{
    background: #08213d;
    color: white;
}

.hpsection.dark-grey .btn.btn-main {
    text-decoration: none;
}

.hpsection.dark-grey h3{
    color: white!important;
}

.hpsection.dark-grey h2{
    color: white!important;
}

.hpsection.dark-image-2 p, .hpsection.dark-image ul li, .hpsection.dark-image-2 ul li{
    color: white;
}

.hpsection.black{
    background: black;
    color: white;
}

.hpsection.dark-grey .arrow li, .hpsection.black .arrow li{
    color: white;
}

.hpsection h2{
    text-align: center;
    font-size: 3.6rem!important;
}

.hpsection h2.normal-h2{
    text-align: left;
    font-size: 3.6rem;
    height: auto;
    margin-bottom: 30px;
}

.hpsection h2:not(.normal-h2):not(.facilities-title):not(.highlightblock):after{
    display: block;
    content: "";
    border-top: 3px solid #867537;
    width: 64px;
    margin: 35px auto;
    transform: translateY(-1rem);
}

.hpsection .row_cell.image h3{
    padding: 0 20px; 
}

.hpindustries{
    background: url("/images/sections/Business/industries-bg.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.hpindustries h2{
    color: white;
}

@media only screen and (max-width: 44.99em){
    .hpsection h2{
        font-size: 2.4rem;
    }
    .hpsection h2 br{
        display: none;
    }
}

/* #section four blocks with images
================================================== */

.hpsection.four-blocks:after{
    content: "";
    display: table;
    clear: both;
}

@media only screen and (max-width: 70em) and (min-width: 45em){
    .hpsection.four-blocks .row{
        display: inherit!important;
    }

    .hpsection.four-blocks .row_cell{
        width: 48%;
        float: left;
        margin: 1%;
        box-sizing: border-box;
        min-height: 570px;
    }
}

/* #section what-offer homepage 
================================================== */

.hpsection.what-offer{
    background: url(/images/sections/Business/home-page-bg.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.hpsection.what-offer .row{
    margin-bottom: 5px;
}

.hpsection.what-offer .row_cell {
    background: rgba(250, 250, 250, 0.9)!important;
}

.hpsection.what-offer .row_cell, .hpsection.what-offer .row_cell p{
    text-align: center;
}

.hpsection.what-offer .row_cell h3{
    font-size: 2.2rem;
}


/* #CONSULTANCY BLOCKS
================================================== */

/* AI and Digital */
.tile-cases.consultancy-1 .tile-body{
    background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.4)), url(/images/sections/Business/consultancy-thumbnails/AI_digital.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

/* Process engineering and advanced materials */
.tile-cases.consultancy-2 .tile-body{
    background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.4)), url(/images/sections/Business/consultancy-thumbnails/engineering_advanced_materials.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

/* Low carbon energy and the environment */
.tile-cases.consultancy-3 .tile-body{
    background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.4)), url(/images/sections/Business/consultancy-thumbnails/low_carbon_energy_environment.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

/* Health and life science */
.tile-cases.consultancy-4 .tile-body{
    background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.4)), url(/images/sections/Business/consultancy-thumbnails/health_science.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

/* Policing and criminal justice  */
.tile-cases.consultancy-5 .tile-body{
    background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.4)), url(/images/sections/Business/consultancy-thumbnails/creative_culture.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

/* Construction and urban living  */
.tile-cases.consultancy-6 .tile-body{
    background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.4)), url(/images/sections/Business/consultancy-thumbnails/bim.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

/* Social Evaluation and Impact */
.tile-cases.consultancy-7 .tile-body{
    background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.4)), url(/images/sections/Business/consultancy-thumbnails/socialEvaluationImpact.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

/* Tourism, Culture and Heritage */
.tile-cases.consultancy-8 .tile-body{
    background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.4)), url(/images/sections/Business/consultancy-thumbnails/tourism.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

/* Human Resource Management*/
.tile-cases.consultancy-9 .tile-body{
    background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.4)), url(/images/sections/Business/consultancy-thumbnails/human_resources.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

/* Economics and Economic  */
.tile-cases.consultancy-10 .tile-body{
    background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.4)), url(/images/sections/Business/consultancy-thumbnails/economics.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}


/* #sections facilities
================================================== */
.facilities-gallery img{
    margin: 10px 0;
    
}
h2.facilities-title{
    text-align: left;
    padding-left: 10px;
    font-size: 2.2rem!important;
}

.hpsection.facilities .content-overlay {
    height: 125px;
}

h2.facilities-title:after{
    display: none;
}

span.location{
    background: #867537;
    color: white;
    margin-bottom: 25px;
    padding: 2px 5px;
    font-size: 1.2rem;
}

.hpsection.facilities h4{
    margin-bottom: 0;
    margin-top: 0;
}

.hpsection.facilities h4:after {
    display: block;
    content: "";
    border-top: 3px solid #867537;
    width: 64px;
    margin: 25px 0;
    transform: translateY(-1rem);
}

/* Aurora House */
.tile-cases.facility-1 a{
    background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.4)), url(/images/sections/Business/facilities/main-page/aurora.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

/* Soundstage */
.tile-cases.facility-2 a{
    background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.4)), url(/images/sections/Business/facilities/main-page/soundstage.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

/* Motion Capture */
.tile-cases.facility-3 a{
    background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.4)), url(/images/sections/Business/facilities/main-page/montion-capture.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

/* Core Analysis Laboratory */
.tile-cases.facility-4 a{
    background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.4)), url(/images/sections/Business/facilities/main-page/analysis-lab.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

/* Digital fabric printing */
.tile-cases.facility-5 a{
    background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.4)), url(/images/sections/Business/facilities/main-page/fabric-printing.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

/* Chemical Analytical Laboratory */
.tile-cases.facility-6 a{
    background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.4)), url(/images/sections/Business/facilities/main-page/chemical-lab.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

/* Courtroom */
.tile-cases.facility-7 a{
    background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.4)), url(/images/sections/Business/facilities/main-page/courtroom.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

/* Hydrotherapy Pool */
.tile-cases.facility-8 a{
    background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.4)), url(/images/sections/Business/facilities/main-page/hydroterapy-pool.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

/* Skills Laboratory for the health professionals */
.tile-cases.facility-9 a{
    background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.4)), url(/images/sections/Business/facilities/main-page/skills-lab.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

/* CPED */
.tile-cases.facility-10 a{
    background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.4)), url(/images/sections/Business/facilities/main-page/CPED.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

/* Fusion Hive */
.tile-cases.facility-11 a{
    background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.4)), url(/images/sections/Business/facilities/main-page/fusion_hive.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

/* MIMA */
.tile-cases.facility-12 a{
    background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.4)), url(/images/sections/Business/facilities/main-page/mima.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

/* NHC */
.tile-cases.facility-13 a{
    background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.4)), url(/images/sections/Business/facilities/main-page/nhc.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

@media only screen and (min-width: 45em){
    h2.facilities-title{
        font-size: 3rem!important;
    }
    .hpsection.facilities h4 {
        font-size: 2.6rem;
        min-height: 105px;
    }
}

/* #Newsletter section
================================================== */

.hpsection.magazine{
    padding: 0;
}

.hpsection.magazine .spotlight{
    margin: 0;
}

.hpsection.magazine .spotlight h2{
    text-align: left;
}

.hpsection.magazine .spotlight h2:after {
    margin: 35px 0;
}

.hpsection.magazine .spotlight p {
    color: #333!important;
}

/* #customer first section
================================================== */

.hpsection.customer-first{
    padding: 20px!important;
    background: white;
}


.hpsection.customer-first .customer-text p{
    font-size: 1.4rem!important;
    margin: 5px 0 !important;
}

@media only screen and (max-width: 44.99em){
    .hpsection.customer-first .customer-text,
    .hpsection.customer-first .customer-logo{
        width: 100%!important;
    }
    
    .hpsection.customer-first .customer-logo{
        text-align: center;
        margin-bottom: 20px;
    }
}

@media only screen and (min-width: 45em){
    .hpsection.customer-first .customer-text p{
        text-align: left;
    }
    .hpsection.customer-first .customer-text{
        width: 70%;
        float:left;
        margin-left: 5%;
    }
    .hpsection.customer-first .customer-logo{
        width: 25%;
        float: left;
    }
    .hpsection.customer-first:after{
        content: "";
        display: table;
        clear: both;
    }
}


/* #featured links section 
================================================== */

.hpsection.links-section{
    background: url(/images/sections/Business/horizons-centre.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.hpsection.links-section.digital-links{
    background: url(/images/sections/Business/digital-skills/links-bg.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.hpsection.links-section .row{
    margin-bottom: 0;
}

.hpsection.links-section .row a{
    color: #0c4790;
}

.hpsection.links-section .row a:hover{
    color: #867537;
}

.hpsection.links-section .row_cell i {
    font-size: 100%;
}
.hpsection.links-section .row_cell:hover i {
    transform: none!important;
    transition: none;
}


/* #No flex center aligned items 
================================================== */

.no-flex-center .row{
    text-align: center;
    display: inherit;
}

.no-flex-center .row_cell{
    display: inline-block;
    vertical-align: top;
    padding: 10px;
    box-sizing: border-box;
    margin-left: 4px;
    margin-right: 4px;
}

.no-flex-center .row_cell h3{
    margin-top: 20px;
    min-height: 120px;
}

.consultancy-items{
    background: url(/images/sections/Business/home-page-bg.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

@media only screen and (max-width: 44.99em){
    .no-flex-center .row_cell{
        width: 100%;
        margin: 4px;
    }
}

@media only screen and (min-width: 45em) and (max-width: 54.99em){
    .no-flex-center .row_cell{
        width: 48.5%;
    }
}

@media only screen and (min-width: 55em) and (max-width: 69.99em){
    .no-flex-center .row_cell{
        width: 32%;
    }
}
@media only screen and (min-width: 70em){
    .no-flex-center .row_cell{
        width: 23.5%;
    }
}


/* #logos scroller 
================================================== */

.slide {
    margin: 0px 20px;
}

.slide img {
    width: 100%;
}


.slick-slider{
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list{
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-list:focus{
    outline: none;
}
.slick-list.dragging{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track{
    position: relative;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.slick-track:before,
.slick-track:after{
    display: table;
    content: '';
}

.slick-track:after{
    clear: both;
}

.slick-loading .slick-track{
    visibility: hidden;
}

.slide{
    display: none;
    float: left;
    /*height: 100%;*/
    min-height: 1px;
}

[dir='rtl'] .slide{
    float: right;
}

.slick-slide img{
    display: block;
}

.slide.slick-loading img{
    display: none;
}

.slide.dragging img{
    pointer-events: none;
}

.slick-initialized .slide{
    display: block;
}

.slick-loading .slide{
    visibility: hidden;
}

.slick-vertical .slide{
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}


/* filter sections 
================================================== */

.filter-section{
    background-color: #fff;
    border-bottom: 1px solid rgba(160,143,125,0.4);
}

.filter-section .overview-bar__header {
    display: none;
    -webkit-flex-basis: auto;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    max-width: 100%;
    min-width: 0;
}

.filter-section .overview-bar__header h3{
    margin: 8px;
	font-size: 1.6rem;
	padding-top: 2px;
	padding-right: 15px;
}

 .filters__content{
    width: 250px;
    float: right;
    border-left: 1px solid rgba(160,143,125,0.4);
    border-right: 1px solid rgba(160,143,125,0.4);
    cursor: pointer;
}

.filters__content .filter-item {
    position: relative;
}


.filter-item__options{
    width: 252px;
    display: none;
    position: absolute;
    top: 42px;
    right:-1px;
    background: white;
    z-index: 10000000;
    padding: 10px;
    border: 1px solid rgba(160,143,125,0.4);
    box-sizing: border-box;
}

.filter-item:hover .filter-item__options{
    display: block;
}

.filter-item__heading{
    font-weight: 100;
    padding: 11px 20px;
    margin-bottom: 0!important;
    font-size: 1.6rem!important;
}

.filter-item__heading i.orange{
    color: #867537;
    float: right;
}


 /* Style the buttons */
.filter-item__options .btn {
    border: none;
    outline: none;
    padding: 5px 10px;
    display: block;
    width: 100%;
    text-align: left;
    font-weight: 100;
    cursor: pointer;
    background: transparent;
    color: #181818!important;
    border-bottom: 1px solid rgba(160,143,125,0.4);
}

/* Add a light grey background on mouse-over */
.filter-item__options .btn:hover {
    color: #867537!important;
}

.hpsection.case-studies .tile-cases {
    display: none; /* Hidden by default */
}

/* The "show" class is added to the filtered elements */
.hpsection.case-studies .tile-cases.show {
    display: inline-block;
}
    

@media only screen and (min-width: 45em){
    .filter-section .overview-bar__header {
        display: block;
        float: right;
    }
    
    span#case-studies {
        position: absolute;
        top: -212px;
        height: 1px;
        width: 1px;
    }
}

@media only screen and (max-width: 44.9em){
    .filters__content{
        width: 100%;
        float: none;
    }
    
    .filter-item__options{
        width: 100%;
    }
    
    .hpsection.case-studies{
        position: relative;
    }
    
    span#case-studies  {
        position: absolute;
        top: -70px;
        height: 1px;
        width: 1px;
    }
}
    

/* #quote
================================================== */

.quote{
    border: none;
}

.quote p.author{
    border: none;
    margin-bottom: 0;
}

.quote .fa-quote-right:before{
	content: ""!important;
}

@media only screen and (min-width: 45em){
    .quote blockquote p, .quote blockquote{
        font-size: 2rem!important;
        line-height: 1.4;
    }
}

@media only screen and (max-width: 44.9em){
    .quote blockquote p, .quote blockquote{
        font-size: 1.6rem!important;
        line-height: 1.4;
    }
}

.quote blockquote:after{
	content:close-quote;
	color:transparent;
}

/* #carousel
================================================== */

.hpcarousel{
    position: relative;
    background: black;
}

.hpcarousel .item {
    width: 100%;
}

.accommodation-block{
    z-index: 1;
    position: absolute;
    height: auto;
    max-width: 780px;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
}

.accommodation-block h2 span{
    font-size: 1.5rem;
    font-weight: 400;
}

 @media only screen and (max-width: 44.99em) {
    .hpcarousel.default-banner {
        background: url("/images/sections/Business/business-banner2-small.jpg") no-repeat center right;
        background-size: cover;
        align-items: end;
    }
    .hpcarousel.cpd-banner {
        background: url("/images/sections/Business/cpd-banner-small.jpg") no-repeat center right;
        background-size: cover;
    }
    .hpcarousel.research-banner {
        background: url("/images/sections/Business/research_innovation_banner-small.jpg") no-repeat center right;
        background-size: cover;
    }
    .hpcarousel.talent-banner {
        background: url("/images/sections/Business/talent-banner-small.jpg") no-repeat center right;
        background-size: cover;
    }
    .hpcarousel.facilities-banner {
        background: url("/images/sections/Business/facilities-banner-small.jpg") no-repeat center right;
        background-size: cover;
    }
    .hpcarousel.partnerships-banner {
        background: url("/images/sections/Business/partnerships-banner-small.jpg") no-repeat center right;
        background-size: cover;
    }
    .hpcarousel.events-banner {
        background: url("/images/sections/Business/events-banner-small.jpg") no-repeat center right;
        background-size: cover;
    }
}
@media only screen and (min-width: 45em) {
    .hpcarousel.business-banner {
        background: url("/images/sections/Business/business-banner2.jpg") no-repeat center right;
        background-size: cover;
    }
    .hpcarousel.cpd-banner {
        background: url("/images/sections/Business/cpd-banner-big.jpg") no-repeat center right;
        background-size: cover;
    }
    .hpcarousel.research-banner {
        background: url("/images/sections/Business/research_innovation_banner-big.jpg") no-repeat center right;
        background-size: cover;
    }
    .hpcarousel.talent-banner {
        background: url("/images/sections/Business/talent-banner-big.jpg") no-repeat center right;
        background-size: cover;
    }
    .hpcarousel.facilities-banner {
        background: url("/images/sections/Business/facilities-banner-big.jpg") no-repeat center right;
        background-size: cover;
    }
    .hpcarousel.partnerships-banner {
        background: url("/images/sections/Business/partnerships-banner-big.jpg") no-repeat top right;
        background-size: cover;
    }
    .hpcarousel.events-banner {
        background: url("/images/sections/Business/events-banner-big.jpg") no-repeat center right;
        background-size: cover;
    }
    .hpcarousel.default-banner .section_wrapper .banner-wrap,     .home-banner .section_wrapper .banner-wrap {
        width: 55%;
    }

    .hpcarousel.business-banner h1{
        font-size: 5rem!important;
        line-height: 5rem!important;
    }

    .hpcarousel.business-banner:before {
        background: rgb(0, 0, 0);
        background: linear-gradient(90deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 32%, rgba(0, 0, 0, 0.6) 58%, rgba(0, 0, 0, 0) 75%);
    }

    .hpcarousel {
        height: 600px;
    }
}


/* Table white-transparent 
==================================================== */

.white-transparent{
    color: white;
    border-collapse: collapse;
}

.white-transparent, .white-transparent td, .white-transparent th{
    border: 1px solid white;
}

.white-transparent thead th{
    background: rgba(250, 250, 250, 0.1);
}
.white-transparent a {
    color: #867537;
}

/* Table normal-table
==================================================== */

.normal-table{
    border-collapse: collapse;
}

.normal-table, .normal-table td, .normal-table th{
    border: 1px solid #ebebeb;
}

.normal-table thead th{
    background: rgba(0, 0, 0, 0.9);
    color: white;
}

.normal-table th.second{
    background: #D3D3D3;
}

/* ----------------------- events ------------------------------------- */

ul.event_info.top-info {
    background: #08213d!important;
}

.imageHighlight {
	background: url(../../../../images/CommonImages/event/event.jpg);
	background-repeat: no-repeat;
	background-position: left;
	background-size: cover;
	color: #fff;
	width: 100%;
	height: auto;
	min-height: 360px;
	max-height: 450px;
}
.imageHighlightOpenday {
	background: url(../../../../images/CommonImages/event/openday.jpg);
    background-repeat: no-repeat;
	background-position: left;
	background-size: cover;
}
.imageHighlightOpendayPT {
	background: url(../../../../images/CommonImages/event/openday_PT.jpg);
    background-repeat: no-repeat;
	background-position: left;
	background-size: cover;
}
.imageHighlightOpendayPG {
	background: url(../../../../images/CommonImages/event/openday_PG.jpg);
    background-repeat: no-repeat;
	background-position: left;
	background-size: cover;
}
.imageHighlight li {
	list-style: none;
	width: 90%;
	margin-bottom: 20px;
}
.imageHighlight-details {
	padding: 5%;
	width: 100%;
	box-sizing: border-box;
}
.imageHighlight-bar {
	padding-left: 4%;
	padding-right: 4%;
	padding-top: 1%;
}
.caption-highlight span.alertHighlight {
	font-size: 1em;
	margin-right: 5%;
}
.pagecontent .imageHighlight h2 {
	margin-bottom: 7%;
	color: #fff;
}
.imageHighlight li {
	color: #fff;
}
.eventdetailsWrapper .a-to-z-profile {
	margin-top: 0px;
	padding-top: 0px;
}
.eventdetailsWrapper .a-to-z-profile h2 {
	margin-top: 0px;
    padding-top: 10px;
    padding-bottom: 0;
    color: #E97725;
}
.eventdetailsWrapper .a-to-z-profile li {
	padding-top: 20px;
    padding-bottom: 20px;
    background: white;
    border-top: 1px solid #fff;
    font-size: 1.8rem;
}
.events_button_group {
	padding: 5px 20px;
	padding-left: 15px;
	background: black;
}
.imageHighlight .circleIconSmall i {
	margin-top: 3px;
	font-size: 20px;
}
.imageHighlight .circleIconSmall {
	height: 30px;
	width: 30px;
	margin-top: -5px;
}
.eventdetailsWrapper .a-to-z-list .circleIconSmall i {
	font-size: 12px;
	color: #999;
}
.eventdetailsWrapper .a-to-z-list .circleIconSmall {
	background: #f9f9f9;
}
.mobile_hide {
	display: block;
}
.mobile_show {
	display: none;
}
@media (max-width: 1024px) {
	.mobile_show {
		display: block;
	}
	.mobile_hide {
		display: none;
	}
}
li.highlight_info {
	font-size: 1.2em;
	/*width:50%;*/
	min-width: 200px;
	font-weight: 800;
	background-color: rgba(0, 0, 0, 0.5);
	padding: 20px;
	margin-right: 40px;
}
li.highlight_info2 {
	width: 70%;
	min-width: 200px;
	border: 1px solid #fff;
	padding: 20px;
	margin-right: 40px;
}
li.highlight_info3 {
	width: 70%;
	min-width: 200px;
	padding: 10px;
	padding-left: 20px;
	margin-right: 40px;
}
.blank {
    opacity: 0.0;
}
a.white_link {
	color: #fff;
}
p.headlineEvent {
	border: 1px solid #ebebeb;
	margin-top: 3%;
	padding-top: 3%;
	padding-bottom: 3%;
	padding-left: 3%;
	padding-right: 5%;
	background: #f9f9f9;
}

/* ----------------------- staff profiles ------------------------------------- */

.a-to-z-profile-holder {
	width: 100%;
}
.a-to-z-index {
	padding: 10px;
	margin-bottom: 70px;
	margin-top: 60px;
	color: #fff;
	font-size: 1em;
	font-weight: bold;
}
.a-to-z-profile-pic {
	float: right;
	width: 20%;
	position: relative;
	top: -105px;
	right: 0px;
	border: 5px solid #ebebeb;
	min-width: 80px;
	min-height: 80px;
	max-width: 200px;
	max-height: 200px;
}
.a-to-z-profile {
	width: 100%;
    margin-bottom: 20px;
    background: black;
    border-bottom: 10px solid #E97725;
}
.a-to-z-profile .details {
	padding-left: 5%;
	padding-right: 5%;
	padding-top: 1%;
}
.a-to-z-profile .details p {
	width: 65%;
}
.a-to-z-profile .details a {
	width: 100%;
	margin-right: 0px;
	padding-right: 0px;
}
.a-to-z-profile .details ul {
	margin: 0px;
	padding: none;
	list-style: none;
}
ul.a-to-z-list {
	padding: 0px;
	margin: 0px;
}
.a-to-z-list li {
	padding: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
	background: white;
	margin: 0px;
	border-bottom: 1px solid #ebebeb;
}

.a-to-z-list li:first-child {
	border-top: 1px solid #ebebeb;
}


/* ----------------------- news ------------------------------------- */

.sidebar {
    margin-top: 0px;
    padding-top: 0;
}

.news .sharetools {
    position: relative;
    background: black;
    padding: 8px 10px 3px 10px;
    margin-bottom: 20px;
}

.news .sharetools i{
    color: white!important;
}

.news .sharetools p a, .news .sharetools p{
    color: white;
}

.news .sharetools a.tab{
    display: none;
}

.pagetextimgcaption {
    background: black;
    color: white;
}

.texthighlight{
    background: #3c3c3b;
    color: white;
}

.texthighlight h2{
    color: white;
}

.news ul.tags li {
    background: black;
}

.news ul.tags li a {
    color: #867537;
}

.boxout-2{
    border-bottom: 10px solid #867537;
    margin-bottom: 20px;
}
.boxout-2 .boxouthead-2{
    padding: 10px 20px 10px 20px;
    color: white;
    font-weight: bold;
    font-size: 1.6rem!important;
    background: black;
}

.boxout-2 .boxout-body li{
    background: white;
    padding: 10px 20px;
    margin-bottom: 0;
    border-bottom: 1px solid #ebebeb;
}

.boxout-2 .boxout-body li:last-child{
    border: none;
}

.boxout-2 .boxout-body ul{
    margin: 5px 0;
}

.boxout-2 .boxout-body form{
    padding: 10px;
}

.boxout-2 .boxout-body form input[type=text]{
    display: block;
    width: 100%;
    box-sizing: border-box;
}

.boxout-2 .boxout-body form input[type="submit"]{
    width: 100%;
    background: #867537;
}

.boxout-2 .boxout-body form input[type="submit"]:hover{
    background: #CCC!important;
    color: #333!important;
}

.form-header { 
    margin-top: 15px;
    background: linear-gradient(rgba(1, 19, 40, 0.80), rgba(1, 19, 40, 0.90)), url(/images/sections/business/contact-us-bg.jpg)!important;
    background-size: cover!important;
    background-position: center center;
    background-repeat: no-repeat;
} 


/* --------------------------------- Search page ------------------------------ */

.search_again{
    background: #3c3c3b;
    color: white;
    padding: 20px;
    margin-bottom: 30px;
}

.search_again form{
    margin-bottom: 0;
}

.search_again input[type=text]{
    width: 74%;
    height: 45px;
    border: none;
    box-sizing: border-box;
}

.search_again input.btn{
    background: #E97725;
    width: 25%;
    height: 45px;
    border: none;
}

.searchresults{
    background: #fff;
    border: 1px solid #ebebeb;
}

.searchresults td{
    padding: 2%;
    padding-left: 4%;
    padding-right: 5%;
    border: none;
    border-bottom: 1px solid #ebebeb;
    background: #f9f9f9;
	box-sizing: border-box;
}


/* ------------------------Search bar-----------------------*/

.search-archive-main-page * {
    box-sizing: border-box;
}

.search-archive-main-page input[type=text]{
    padding: 10px;
    font-size: 17px;
    margin-top: 0px;
    float: left;
    width: 80%;
    background: #fff;
    border: none;
    height: 45px;
}

.search-archive-main-page .btn{
    float: left;
    width: 20%;
    padding: 10px;
    color: white;
    font-size: 17px;
    border: none;
    border-left: none;
    cursor: pointer;
    background: #333;
    margin: 0;
    line-height: initial;
    height: 45px;
}

.search-archive-main-page input::placeholder {
  color: #B0B0B0;
    font-weight: 100;
    font-size: 1.4rem;
}

@media screen and (max-width: 900px){
    .search-archive-main-page .btn{
        width: 100%;
    }
}

/* -----------------spotlight---------------------*/

.spotlight {
    width: 100%;
    margin: 20px 0;
    color: #fff;
    height: auto;
}

.spotlight-left {
    box-sizing: border-box;
}

.spotlight-right {
    padding: 40px 5%;
    height: auto;
    box-sizing: border-box;
}

.spotlight-white{
    background: white;
}

.spotlight-right p{
    text-align: left;
}

@media (max-width: 992px) {
    .spotlight-left{
        min-height: 350px;
    }
   
}

@media (min-width: 991px) {
    .spotlight {
        display: flex;
    }
    .spotlight-left, .spotlight-right{
        width: 50%;
        float: left;
    }
    
}

.spotlight.partnership-spo .spotlight-right p{
    color: #333333;
}

.spotlight.partnership-spo{
    margin-bottom: 0; 
    border: 1px solid #ebebeb;
}

.spotlight.netzero-spo .spotlight-left{
    background: url(/Images/sections/research/centres/page/nhc.jpg); 
    background-position: center center; 
    background-repeat: no-repeat; 
    background-size: cover;
}

.spotlight.bios-spo .spotlight-left{
    background: url(/Images/sections/research/centres/page/nhc.jpg); 
    background-position: center left; 
    background-repeat: no-repeat; 
    background-size: cover;
}

.spotlight.bios2-spo .spotlight-left{
    background: url(/Images/minisites/campus_masterplan/bios2.jpg); 
    background-position: center left; 
    background-repeat: no-repeat; 
    background-size: cover;
}

/*---------------content block-----------------------*/
.content-block{
    padding: 20px;
    border: 1px solid #ebebeb;
    margin: 10px 0;
}

.content-block .content-block-details li{
    padding: 5px;
    background: #ebebeb;
    margin: 5px 0;
}

/*-----------------Research group tags---------------------*/

ul.research_group{
    margin: 0 0 20px 0;
    padding: 0;
}

ul.research_group li{
    margin: 0 5px 5px 0;
    padding: 5px 15px;
    list-style: none;
    display: inline-block;
    background: #ccc;
    font-size: 1.4rem;
}

ul.research_group a li{
    background: #867537;
    color: white;
    line-height: 1.3;
}

ul.research_group a:hover li{
    background: #ccc;
    color: black;
}

ul.research_group li:before{
    display: none;
}


/*------------read more----------------*/

.hide {
    display: none;
}
.read-more-toggle{
    color: #0c4790;
    cursor: pointer;
}


/*-----------------layout-cards-----------------*/

.layout-cards .row_cell{
    text-align: center;
}
.layout-cards img{
    max-width: 120px; 
    margin: 10px auto;
}

.layout-cards p, .layout-cards h4{
    text-align: center;
}

.searchresultitem h3 a span{
	font-size: 70%;
}

.searchresultitem.partnership-course{
    position: relative;
}

.searchresultitem.partnership-course p.label{
    position:absolute; 
    top:5px; 
    background: black; 
    right:0; 
    padding:3px 8px; 
    font-size:13px; 
    line-height: 14px;
    color:white;
}

.searchresultitem.partnership-course p.label.appr{
    background: #867537; 
}

.searchresultitem.partnership-course p.label.online{
    background: #ebebeb; 
    color: black;
}

.quote.quote2{
	border-top:1px solid #ebebeb!important;
	border-bottom:1px solid #ebebeb!important;
	margin:0!important;
	padding:10px 0!important;
	position:relative!important;
	} 

.quote2 blockquote p, .quote2 blockquote{
	font-size:17px!important;
	line-height:20px!important;
}

.quote p.author{
	margin-top: 0!important;
}


/*-----------------case study section tags-----------------*/

.columns.type-1 .textintro, .columns.type-2 .textintro, .columns.type-3 .textintro {
    margin-bottom: 0;
}

.columns.type-1 .textintro p, .columns.type-2 .textintro p, .columns.type-3 .textintro p{
	font-size: 1.6rem;
    padding: 5px 10px;
    color: white;
    margin-bottom: 0;
}

.columns.type-1 .textintro p{
    background: #26b4b6;
    color: black;
}

.columns.type-2 .textintro p{
    background: #d9bd6e;
    color: black;
}

.columns.type-3 .textintro p{
    background: #22386a;
}

/*team cards */
.student-times{
    padding: 20px 0;
}
.student-times a {
    color: white!important;
    background: #867537!important;
    padding: 10px;
    text-align: center;
    margin-top: 5px;
    box-sizing: border-box;
    text-decoration: none;
}

.student-times a:hover {
    color: black!important;
    background: #ccc!important;
    text-decoration: none;
}

.row_cell:hover .student-times a{
    text-decoration: none!important;
}
.student-times a i {
    padding-right: 0;
}

/* Course list */

.course-list li span{
    background: #ebebeb;
    padding: 5px 10px;
}

.course-list li a{
    color: white;
    background: #867537;
    padding: 5px 10px;
    text-decoration: none!important;
}

.course-list li a:hover{
    color: #333;
    background: #ccc;
}


.expert-solutions:hover .content-overlay{
    height: 100% !important;
    background: rgba(0, 0, 0, 0.7);
}

.expert-solutions .content-overlay{
    left: 0;
    right: 0;
    height: 0;
    padding: 0;
}

.expert-solutions .content-overlay a{
    display: table;
    height: 100%;
    width: 100%;
    color: white;
}

.expert-solutions .content-overlay p{
    text-align: center;
    vertical-align: middle;
    display: table-cell;
    color: white;
    font-size: 18px;
    font-weight: bold;
}

.expert-solutions .content-overlay p i{
    font-size: 100%;
}

.hpcourses .row{
    justify-content: center;
}