@font-face {
    font-family: 'Gilroy-Bold ☞';
    font-style: normal;
    font-weight: normal;
    src: local('Gilroy-Bold ☞'), url('Gilroy-Bold.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Gilroy-Heavy ☞';
    font-style: normal;
    font-weight: normal;
    src: local('Gilroy-Heavy ☞'), url('Gilroy-Heavy.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Gilroy-Light ☞';
    font-style: normal;
    font-weight: normal;
    src: local('Gilroy-Light ☞'), url('Gilroy-Light.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Gilroy-Medium ☞';
    font-style: normal;
    font-weight: normal;
    src: local('Gilroy-Medium ☞'), url('Gilroy-Medium.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Gilroy-Regular ☞';
    font-style: normal;
    font-weight: normal;
    src: local('Gilroy-Regular ☞'), url('Gilroy-Regular.woff') format('woff');
    }



.reserachers 
{
width: 33%;  float: left; display: inline;
    }


	 
.OVERLAYARTIST

{
display: none;
 
    }
	
 .ARTIST.overlay div {
      position: relative;
      max-width: 1100px;
      width: 90%;
      background-color: transparent;
      padding: 0px;
      color: white;
      overflow-y: auto;
      max-height: 90vh;
    }

    .ARTIST.overlay span {
      line-height: 4pt;
      color: #ffdb19;
      font-size: 20pt;
      cursor: pointer;
    }

    .ARTIST.overlay div {
      overflow-y: scroll;
      scrollbar-width: thin;
      scrollbar-color: #888 transparent;
    }

    .ARTIST.overlay div::-webkit-scrollbar {
      width: 8px;
    }

    .ARTIST.overlay div::-webkit-scrollbar-track {
      background: transparent;
    }

    .ARTIST.overlay div::-webkit-scrollbar-thumb {
      background-color: #888;
      border-radius: 4px;
    }

    .ARTIST.overlay div::-webkit-scrollbar-thumb:hover {
      background-color: #555;
    }
	
	 .ARTIST {
      position: fixed;
      min-width: 100%;
      background-image: url('');
      background-color: #141414;
      min-height: 100%;
      right: 100%;
      z-index: 9000;
	  overflow:scroll;
      justify-content: center;
      align-items: center;
	  transform: translate(-50%, -0%);
	  left:50%;
	  top:0px;	
    }





.SPACERVERT {min-height:0px;}

.videomarginL {box-sizing: border-box; padding-right: 4px; padding-top: 8px; bottom:8px;}
.videomarginR {box-sizing: border-box; padding-right: 20px; padding-top: 8px;  }
.videomarginM {box-sizing: border-box; padding-right: 4px; padding-left: 4px; padding-top: 8px; bottom:8px;}

.responsiveI { width:100%; height:100vh; }
 .responsiveI2 { width:100%; height:50vh;  min-height:130px;}
.responsiveI3 { width:50%; height:25vw; float: left;}


.responsiveI3L { width:50%; height:25vw; float: left; box-sizing: border-box; padding-right: 2px; padding-top: 4px; bottom:4px;}
.responsiveI3R { width:50%; height:25vw; float: left; box-sizing: border-box; padding-left: 2px; padding-top: 4px; bottom:4px;}


.responsiveI4L { width:50%; height:25vw; float: left; }
.responsiveI4R { width:50%; height:25vw; float: left; }
.responsiveI4LS { width:25%; height:25vw; float: left; }







#mouse{
position:absolute;
}




#MAINVID {
	
  position: relative;
  right: 0;
  bottom: 0;
  min-width: 100%; 
  min-height: 100%;
	width: 50px;
    height: 100px;
    object-fit: cover;
}



.INFOBOXGUIDE {
padding: 20px; position: fixed; left: 20px; bottom: 43px; transform: translate(-0%,-0%); cursor: pointer; background-color: transparent; width:60px; height:60px; border-radius: 10px 10px 10px 10px; box-shadow:0px 0px 0px rgba(0,0,0,0.2); z-index: 200 !important; text-align: center; }


.MAINMENUTEXT { color: #ffdb19 !important; }

.BLOGTEXT { color: #ffdb19 !important; font-size: 50px; }


.UNISELECT { font-size: 60px; color: white; line-height: 40px }
.UNISELECTSMALL { font-size: 40px; color: white; }


img {  
   user-drag: none;  
   user-select: none;
   -moz-user-select: none;
   -webkit-user-drag: none;
   -webkit-user-select: none;
   -ms-user-select: none;
}


.BLOCKTOP { min-height:0vh !important;}
.trueheight { min-height:0vh !important;}

.slideimage { 
	object-fit: cover; 
	position: relative;
  right: 0;
  bottom: 0;
height: 100%; 
}



.dongle-regular {
  font-family: "Dongle", serif;
  font-weight: 100;
  font-style: normal;
}


.ARTISTTEXT  { font-family: "Dongle", serif; font-weight: 100; font-style: normal; font-size: 22pt !important; line-height: 30pt !important; color: white;}


.SEARCHBLOCK { left: 50%; transform: translate(-50%,-50%); top: 50%;  }


.TEXTBLOCKS { left: 50%; transform: translate(-50%,-50%); top: 50%; }


.menutext2 { font-family: 'Gilroy-Bold ☞', sans-serif!important; font-size: 20pt !important; line-height: 30pt;}


.MENUMAIN { font-family: 'Gilroy-Bold ☞', sans-serif; line-height:65pt !important; font-size:70pt !important;  color: #ffdb19 !important; }


.BODYTEXT  { font-family: "Dongle", serif; font-weight: 100; font-style: normal; font-size: 22pt !important; line-height: 30pt !important; color: white;}


.Header1 { font-family: 'Gilroy-Bold ☞', sans-serif; font-size: 30pt !important; line-height: 40pt; color: #244795; }


.COPYRIGHT { font-family: 'Gilroy-Bold ☞', sans-serif; line-height:15pt !important; font-size:15pt !important;  }

.menulogo2 { width: 80px !important;}


.widescreenfull { height: 100%; width:100%;}


.object-fit_cover { object-fit: cover; width: 100%; }

.img2 { height: 100%; opacity:1;filter:alpha(opacity=100);}

.img2:hover {
  opacity: 1;filter:alpha(opacity=100);
  transition: .5s ease;
}

.image {

  width: 100%;
  height: 100%;
  }


.FULLWIDTH { width:100%; height:50vh; float: left; }
.responsiveI4LT { width:50%; height:25vw; float: left; }
.responsiveI4RT { width:50%; height:25vw; float: left; }



.responsiveI4L { width:50%; height:25vw; float: left; }
.responsiveI4R { width:50%; height:25vw; float: left; }
.responsiveI4LS { width:25%; height:25vw; float: left; }
.responsiveI4FW { width:100%; height:30vw; float: left; }


 .logosmall { width: 100% !important;}
  
.responsiveI { width:50%; height:50vh; float:left; min-height:130px;}
.playimage { width: 250px !important;}


.header2  { font-size: 18pt !important; line-height: 14pt !important;}
.POPUPTEXTBODY  { font-size: 12pt !important; line-height: 25pt !important;}

.BOXHEAD { font-family: 'Gilroy-Bold ☞', sans-serif; font-size: 16pt !important; line-height: 22pt;  color: #191919;}
.BOXTITLE { font-family: 'Gilroy-Bold ☞', sans-serif; font-size: 15pt !important; line-height: 20pt;  color: #191919;}



.MAINMENUTEXT { font-size: 20pt !important; line-height: 20pt !important; }



@media only screen and (min-width : 768px) 
{ 
	
	


	
.TITLEBLOCKMAIN { left: 100px; transform: translate(-0%,-50%); top: 50%; width: 70%; }
	
	
.arrow { width:100 px !important}
.ARROWDOWN { left: 50%; transform: translate(-50%,-0%); bottom: 25px !important; }
.SEARCHBLOCK { right: 0px; transform: translate(-0,-0); bottom: 25px}
.titleblock { text-align:right !important}

	
	 }




@media only screen and (max-width : 768px) and (orientation: landscape)
{ 
	
	
.SEARCHBLOCK { right: 0px; transform: translate(-50%,-50%); bottom: 5px !important; }
.titleblock { text-align:right !important}
.responsiveI3 { width:50%; height:25vw; float: left;}
	
	
.responsiveI4LT { width:50%; height:25vw; float: left; }
.responsiveI4RT { width:50%; height:25vw; float: left; }
	
.responsiveI4L { width:50%; height:25vw; float: left; }
.responsiveI4R { width:50%; height:25vw; float: left; }
.responsiveI4LS { width:25%; height:25vw; float: left; }
.responsiveI4FW { width:100%; height:30vw; float: left; }

	 }



@media only screen and (max-width : 768px) and (orientation: portrait)
{ 
	
.SEARCHBLOCK { right: 0px; transform: translate(-50%,-0%); bottom: 30px !important;}
.titleblock { text-align:right !important}

.slideONE { background-image: url("images/unsexP.jpg") !important;}
.slideTWO { background-image: url("images/womenP.jpg") !important;}

	 }





@media only screen and (max-width : 1200px) 
{ 
	
	.GAECLOGO { width: 90px;}
	
	.galleryicons { width: 35px;}
	
	.SPACERVERT {min-height:0px;}
	
	.BLOGTEXT { font-size: 30px; }
	
	.INFOBOXGUIDE { left: 10px; bottom: 43px; width:30px; height:30px; }
	
	.VIDEO_GUIDE5 { width: 320px !important;}
	
	.menulogoF { width: 150px !important;}
	
	
	.ellie { width: 180px !important;}
	
	.LOGOANI { width: 180px !important;}
	
	.Header1 {font-size: 25pt !important; line-height: 30pt;}
	
	
	.COLLEFT { left:60px !important;}
	
	
	.icon { width: 60px !important;}
	
	.COPYRIGHT { font-family: 'Gilroy-Bold ☞', sans-serif; line-height:12pt !important; font-size:12pt !important;  }

.BODYTEXT  { font-size: 20pt !important; line-height: 25pt !important; }
.ARTISTTEXT  { font-size: 17pt !important; line-height: 25pt !important; }

.smallerlogo { width: 160px !important;}
	
.menulogofull { width: 320px !important;}
	
	
.COPYRIGHT { line-height:9pt !important; color:#c7bfaf; font-size:12pt !important; }	
	
.MENUMAIN { line-height:50pt !important; font-size:50pt !important;  }
.mainscreenlogo { width: 300px !important;}	
	

.menutext2 { font-family: 'Gilroy-Bold ☞', sans-serif!important; font-size: 15pt !important; line-height: 30pt;}

.HEADER1 { font-size: 20pt !important; line-height: 20pt; }
.HEADER3 { font-size: 22pt !important; line-height: 20pt; }
	
	
.col { width:100%; float: left;}
	
	
.responsiveI3 { width:100%; height:56vw; float: left;}
	
.responsiveI4LT { width:50%; height:45vw; float: left; }
.responsiveI4RT { width:50%; height:45vw; float: left; }
	
.responsiveI4L { width:100%; height:45vw; float: left; }
.responsiveI4R { width:100%; height:45vw; float: left; }
.responsiveI4LS { width:100%; height:45vw; float: left; }
.responsiveI4FW { width:100%; height:60vw; float: left; }


.BOXTITLE { font-family: 'Gilroy-Bold ☞', sans-serif; font-size: 8pt !important; line-height: 15pt;  color: #191919;}
.BOXHEAD { font-family: 'Gilroy-Bold ☞', sans-serif; font-size: 12pt !important; line-height: 10pt;  color: #191919;}
	
	
	.MAINMENUTEXT { font-size: 15pt !important; line-height: 25pt; }
	
	
	
	
	 }

@media only screen and (max-width : 1650px) 
{ 

.UNISELECT { font-size: 50px !important; line-height: 40px }
.UNISELECTSMALL { font-size: 30px !important; }
.UNISMAIN {  width: 900px !important; display: grid !important; text-align: center;  white-space: wrap; gap: 30px;	}
	
 }



@media only screen and (max-width : 768px) and (orientation: portrait)
{ 
	
	

	.reserachers 
{
width: 50%;  float: left; display: inline;
    }
	
	
	.hideport { display: none;}
	
	
 }	




	










@media only screen and (max-width : 1200px) and (orientation: portrait)
{ 
		
	
	
	
.texture { display: none;}
	.afromain { width: 900px !important;}
	
 .image1change1 { content:url('images_HOME/image5_PORT.png') !important;}
	
.image1change2 { content:url('images_HOME/uni_New_PORT.png') !important;}
	
 .image1change3 { content:url('images/image5_PORT.jpg') !important;}
	
	
	.overlap { margin-top: 30px !important;}
	
	

	

.hide { display:none !important;}
		
.bordertop { margin-top:4px !important;}

.half { width:100% !important; height: 40vh !important;}
.half3 { display:none;}
.half4 { width:100% !important; padding-left:100px !important;}
.full { width:100% !important; height: 100vh !important;}
	 }






  @media only screen and (max-width : 768px)  
{ 
	
	.logohome { bottom:-18px !important;}
	
	.UNISELECT { font-size: 30px !important; line-height: 25px }
.UNISELECTSMALL { font-size: 15px !important; }
.UNISMAIN {  width: 900px !important; display: grid !important; text-align: center;  white-space: wrap; gap: 30px;	}
	
	
.afromain { width: 380px !important;}
	
.afro2 { width: 80px !important;}
	.afro3 { width: 127px !important;}
	
	
	.smallerlogo { width: 120px !important;}
	
	.logoani { width: 200px !important;}
	
	
	.icon { width: 50px !important;}
	
	
.COLLEFT { left:40px !important;}
	
.COPYRIGHT { line-height:9pt !important; color:#c7bfaf; font-size:10pt !important; }
.mainscreenlogo { width: 250px !important;}
	
.MENUMAIN { line-height:30pt !important; font-size:25pt !important;  }
.book { width: 180px !important;}

	

	.TITLEBLOCKMAIN { left: 30px; transform: translate(-0%,-0%); bottom: 30px !important;  width: 70%; }
	
	

	.menupos { right: 12px !important; top: 10px !important; }
	.menulogo2 { width: 60px !important; }
	
.responsiveI4LT { width:50%; height:45vw; float: left; }
.responsiveI4RT { width:50%; height:45vw; float: left; }
	
.responsiveI4L { width:100%; height:45vw; float: left; }
.responsiveI4R { width:100%; height:45vw; float: left; }
.responsiveI4LS { width:100%; height:45vw; float: left; }
.responsiveI4FW { width:100%; height:60vw; float: left; }
	
	
	.BOXHEAD { font-family: 'Gilroy-Bold ☞', sans-serif; font-size: 12pt !important; line-height: 10pt;  color: #191919;}
.BOXTITLE { font-family: 'Gilroy-Bold ☞', sans-serif; font-size: 8pt !important; line-height: 15pt;  color: #191919;}
	

	.arrow { width:50px !important}
.ARROWDOWN { left: 50%; transform: translate(-50%,-50%); bottom: 15px !important; }
	
	.titletext { font-family: 'Gilroy-Bold ☞', sans-serif; font-size: 10pt !important; line-height: 15pt;}
	
.menutext2 { font-family: 'Gilroy-Bold ☞', sans-serif; font-size: 15pt !important; line-height: 30pt;}
.Header1 { font-family: 'Gilroy-Bold ☞', sans-serif; font-size: 20pt !important; line-height: 30pt;}
	
	
	
	.header2  { font-size: 14pt !important; line-height: 12pt !important;}
	.POPUPTEXTBODY  { font-size: 10pt !important; line-height: 22pt !important;}
	
	
	
	.FOOTERTEXT  { font-size: 10pt !important; line-height: 16pt !important;}
	
	
	.playimage { width: 180px !important;}
	
	.SEARCH { width: 160px !important;}
	
	input#message {
	
	font-size: 10pt !important; 
		height: 20px !important; 
}

.LOGO { width: 120px !important;}
	
	.social { width: 40px !important;}
	
	.menu { width: 40px !important;}
	

	.menulogo { width: 70px !important;}

	
	.menulogosmall { width: 200px !important;}
	.menulogofull2 { width: 310px !important;}
	
	
	
	 .responsiveI2 { width:100%; height:35vh;  min-height:130px;}
	
	.col { height: 120px !important;} 
	
	
	.footertext1 { font-family: 'Cisco Sans', sans-serif; font-weight: 300; font-size: 10pt !important; line-height: 25pt;}
	.TITLETEXT { font-family: 'Cisco Sans', sans-serif; font-weight: 300; font-size: 30pt !important; line-height: 25pt;}
	
	.logowhite { width: 170px !important;}
	
	
	

.BODYTEXT  { font-size: 15pt !important; line-height: 20pt !important;}
	.ARTISTTEXT  { font-size: 15pt !important; line-height: 20pt !important;}
	
	.menu {  max-width: 100px !important;}
	
}