.eheadButt{
	width: 30%;
}

.nfw{
	max-width: 1150px;
}

.eholderHeader {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 75vh;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    background-image: linear-gradient(45deg
, #022f53, rgba(122, 194, 189, 0) 86%), url(/UoB/images/tempBg.png);
    background-position: 0px 0px, 50% 0%;
    background-size: auto, cover;
    background-repeat: repeat, no-repeat;
}

.ehead-img {
    width: 100vw;
    margin-bottom: -5px;
    position: absolute;
}

.eheaderContent{
    position: absolute;
    width: 100%;
    top: 75px;
    max-width: 100%;
    display: flex;
}



.eheadinfoButt{
	width: 35%;
	position: absolute;
	border-radius: 1px;
	right: 30px;
    bottom: -5px;

}

.eheadInfo h1 span{
	font-size: 2.5rem;
	color: #fff !important;
	font-weight: 400;
	vertical-align: top;
    display: inline-block;
    padding: 25px 35px;
}
.eheaderContent h1{
	color: #EFB350;
	font-weight: 100;

}

.eheaderContent p{
	color: #fff !important;


}

.dark50{
    width: 50%;
    font-size: 50px;
    padding: 12px 0px 10px 0px;
    height: 90px;
    background: #ffa500;
}

.pink100{
	background: #DE3698;
	width: 100%;
}
.pageheader_element{
	position: relative;
}
.logo{
	display: none;
}

/*/////////// uniofbolton__elementiconsoverheader //*/

.uniofbolton__elementiconsoverheader{
     width: 100%;
     margin-bottom: 35px;
}

.icon-box img{
	max-width: 235px;
	margin-left: auto;
    margin-right: auto;
    display: block;
}



/* ComponentNSSSection generic-page-all */
.ComponentNSSSection h1{
	font-family: 'Sriracha', cursive !important;
	color: #DE3698 !important;
	font-size: 4.5rem;
}

.ComponentNSSSection{
	position: relative;
	margin-top: 0;
    top: -100px;
    max-height: 380px;


}
.ComponentNssSearchSection .search-section{
	padding: 0px 0px 40px 0px !important;
}
.mySvg{
	bottom: 0px !important;
	top: 18% !important;
}

.PageGenericAllTypes .pageheader2{
	margin-bottom: 0;
	height: 60vh;

}

.btnPink{
	background-color: #DE3698 !important;
}


/*   ComponentNssZigZagSection   */
.happens-section{
	background: #eee;
}
.ComponentNssZigZagSection .virual-open p{
	padding-right: 1rem;
}
.ComponentNssZigZagSection .virual-open h2{
	color: #DE3698 !important;
	font-family: 'Sriracha', cursive !important;
}

.ComponentNssZigZagSection .virual-open p{
	color: #022F53 !important;
	line-height: 22px !important;
}

.ComponentNssZigZagSection .row01{
	background: transparent !important;
}
.happens-section .btn{
	background: #022F53 !important;
	color: #fff !important;
}





/* ComponentNSS-Subject-Section */
.ComponentNSS-Subject-Section{
	position: relative;
	top: 0 !important;
	max-height: 100% !important;
}


.subject-text-1 h1{
	color: #022F53 !important;
    font-weight: 800 !important;
    font-family: "co-text", sans-serif !important;
    font-size: 2rem;
    line-height: 2rem;

}

.subject-text-1 p{
	color: #022F53 !important;

}
.subject-text-1{
	padding-right: 10%;
	padding-left: 10%;

}


@media only screen and (max-width: 767px) {
 	 .ComponentNSSSection{
		position: relative;
		margin-top: 0;
	    top: 0 !important;
	    max-height: 100% !important;
}

.PageGenericAllTypes .pageheader2{
	clip-path:none;
 }

 .dark50{
     width: 100%;
    font-size: 40px;
    padding: 7px 0px 5px 0px;
    height: 80px;
    background: #ffa500;
 }

}





/*///////////////////// PageNssSubject PageNssSubject PageNssSubject PageNssSubject PageNssSubject /////*/


.ComponentNssBoxSection .col-sm-4:nth-child(1) .colourBlock2:before{
	background: linear-gradient(180deg, #202F48 0%, #DE3698 100%),
linear-gradient(0deg, #DE3698, #DE3698);

}
.generic-page-all .video-height-main{
	padding: 0px !important;
}
.ComponentSingleImageSliderBlock .grey-bg{
	background-color: transparent !important
}
.ComponentSingleImageSliderBlock .grey-bg.prev-slide{
	left: -50px;
	color: #eee;
}

.ComponentSingleImageSliderBlock .grey-bg.next-slide{
	right: -50px;
}

.ComponentSingleImageSliderBlock .meetTheTeam .staff-picture{
	border-radius: 0px !important;
	height: 240px !important;
}



.descriptsionDiv{
	min-height: 160px;
	font-family: "co-text", sans-serif !important;
	color: #022F53 !important;
	position: relative;

}

.descriptsionDiv h5{
	padding: 10px 25px;
	font-size: 1.1rem;
	color: #022F53 !important;
	margin-bottom: 0px;
}

.descriptsionDiv p{
	padding: 0 25px;
	font-size: 1rem;
	color: #022F53 !important;
}

.slider{
	max-width: 100%;
}

.slideBox{
	padding: 0 0 10px 0;
}
.ComponentSingleImageSliderBlock .grey-bg img {
	width: 25px;
}

.ComponentSingleImageSliderBlock a{
	color: #DE3698 !important;
}
.slick-slide{
	box-shadow: 3px 6px 5px 0px rgba(189,177,177,0.75);
	-webkit-box-shadow: 3px 6px 5px 0px rgba(189,177,177,0.75);
	-moz-box-shadow: 3px 6px 5px 0px rgba(189,177,177,0.75);
	margin: 20px;
}

.NSSBodySection h1{
    color: #022F53 !important;
    font-weight: 800 !important;
    font-family: "co-text", sans-serif !important;
    font-size: 2rem;
    line-height: 2rem;
    font-style: normal !important;
}
.NSSBodySection p{
    color: #022F53 !important;
}
.git-text{
	position: absolute;
    bottom: 10px;
}
.git-text p{
	font-weight: 600
}

.ComponentNssZigZagSection .row02{
	background: transparent !important;
}

.bggrey{
	background: #eee;
	padding-left: 10% !important;
}

.full-slider .grey-bg img{
	width:25px;
}



.full-slider .grey-bg{
	top: 29%;
    position: absolute;
    height: 360px;
    z-index: 9;
    line-height: 360px;
}

.full-slider .grey-bg.prev-slide{
	left: -50px;
    color: #eee;
}

.full-slider .grey-bg.next-slide{
	right: -50px;
}

.full-slid{
	text-align: left;
	font-family: "co-text", sans-serif !important;
	color: #022F53 !important;
}




  .NSSBodySection{
      top: auto !important;
      max-height: 100% !important;
      padding-top: 2% !important;
  }

  .NSSBodySection .nssbodyContent{
    padding-right: 10%;
    padding-left: 10%;
  }

  .curverightContent .headContent{
	  padding-top: 10%;
  }

  .curverightContent h1{
	  font-size: 5rem;
	  font-family: 'Sriracha', cursive !important ;
	  color:#EFB350 !important;
  }

  .curverightContent p {
	  color: #fff !important;
	  padding-right: 20%;
  }

  .curverightContent .pink-bg {
      background: #de3598 !important;
      padding: 1rem 1rem 0.4rem 3rem;
  }

  .curverightContent h1 span {
    font-size: 20px!important;
    line-height: 0px !important;
    color: #fff !important;
    padding: 15px 30px;
    font-weight: 600 !important;
  }

  .curverightContent .banner-pinkbgright {
	  position: relative;
	  top: 40px;
	  float: right;
      z-index: 11;
      margin-bottom: 7rem;
  }

  .curverightContent .banner-pinkbgright p {
      color: #fff !important;
      padding-right: 0px;
      font-size: 2rem !important;
      width: fit-content;
      line-height: 2.2rem;
  }

  .subject-image1 img {
	object-fit: cover;
    height: 100%;

  }

.uniofbolton__elementtextandimagesection p, .uniofbolton__elementtextandimagesection li{
	color: #022F53;
}

@media only screen and (max-width: 767px) {
    .curverightContent .banner-pinkbgright {
        top: 77px;
    }
    .curverightContent .pink-bg {
        padding: 1rem 1rem 1rem 1rem;
    }
}