/* ==========================================================================
   intilibraries.jsp and partner.jsp have shared this CSS
   ========================================================================== */
   
   
   
.alert p{
	margin-top: -9px;
	display: block;
	color:#000;
	text-align:center;
	font-size:1.2em;
	text-decoration:underline;}
	
	.alert a{
	color:#000;
	}
	
	



.date{
top:430px;
width:240px; /*follow your image's size*/
height:35px;/*follow your image's size*/
position:absolute;
z-index:100;
line-height:38px;
color:#EFEFEF;
text-align:center;
right:0px;
border-radius: 0px;
font-size:0.8em;


}

.date a:link { color:#000; }
.date a:visited { color:#000; }
.date a:hover { color:#000;text-decoration: underline;}

.background_image {
	position:relative;
	height:505px;
	top:-230px;
	background-image:url(../images/library_bg/2025_04.jpg);
	no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  margin-bottom:-200px; }
  
 /* notices end */ 
.modal {
  display: none;
  position: fixed;
  z-index: 1;
  padding-top: 100px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
   background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
  z-index:20;

}

/* Modal Content */
.modal-content {
  margin: auto;
  display: block;
  width: 100%;
  max-width: 850px;
  
}

  

/* The Close Button */
.close {
  position: absolute;
  top: 120px;
  color: #f1f1f1;
  font-size:90px;
  font-weight: bold;
  transition: 0.3s;
   z-index:99;
  
}

.close:hover,
.close:focus {
  color: #999;
  text-decoration: none;
  cursor: pointer;
}

.mySlides {
  display: none;
}

.cursor {
  cursor: pointer;
}

/* Next & previous buttons */
.prev,
.next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -50px;
  color: white;
  font-weight: bold;
  font-size: 70px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
  -webkit-user-select: none;
}

/* Position the "next button" to the right */
.next {
  right: 3%;
  border-radius: 3px 0 0 3px;
}

.prev {
  left: 3%;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover,
.next:hover {
  color:#999;
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

img {
  margin-bottom: -4px;
}

.caption-container {
  text-align: center;
  background-color: black;
  padding: 2px 16px;
  color: white;
}

.demo {
  opacity: 0.6;
}

.active,
.demo:hover {
  opacity: 1;
}

img.hover-shadow {
  transition: 0.3s;
 
  
}

.hover-shadow:hover {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
 
}



.noti {
	height:20px;
	position:absolute;
	top:21px;
	display:block;}
	

	
.quicklinks {
  display: grid;
  grid-template-columns: 0.34fr 0.34fr 0.34fr 0.34fr 0.34fr ;
  grid-template-rows:11em 11em 11em;
color:#fff;
width:100%;
height:auto;
	font-size:1em;
	position:relative;

	margin-bottom:3em;}
	
	
  

	

	.quicklinks2 {
color:#fff;
width:100%;
height:auto;
	font-size:1em;
	position:relative
	margin-bottom:3em;}
	
.notices {
  display: grid;
  grid-template-columns:1fr 1fr 1fr;
  grid-template-rows:15em 4em;
width:100%;
height:auto;
position:relative;
margin-bottom:0em;

	

	
}
	
.eresources {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr ;
  grid-template-rows:11em;
width:100%;
height:auto;
	position:relative;
	top:0em;
	margin-bottom:3em;
}
	
	
.partneruni {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-template-rows:11em;
color:#fff;
width:100%;
height:auto;
	position:relative;
	top:0em;
	margin-bottom:3em;;
}

.intilib {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows:13em;
color:#fff;
width:100%;
height:auto;
	font-size:-3em;
	position:relative;
	top:0em;
	margin-bottom:3em;}

#page-title_quicklinks { font-family: 'Lato', sans-serif; padding:0 1%; background:none; text-transform:uppercase; color:#1d1d1f; border:0; border-bottom:0px solid #000; margin-top:0; margin-bottom:0.25em; font-size:1.538em; top:0em;  }

#page-title_notices { font-family: 'Lato', sans-serif; padding:0 1%; background:none; text-transform:uppercase; color:#1d1d1f; border:0; border-bottom:0px solid #000; margin-top:0; margin-bottom:0.25em; font-size:1.538em; top:0em;  }

#page-title_eresources { font-family: 'Lato', sans-serif; padding:0 1%; background:none; text-transform:uppercase; color:#1d1d1f; border:0; border-bottom:0px solid #000; margin-top:0; margin-bottom:0.25em; font-size:1.538em; top:0em;  }

#page-title_partner { font-family: 'Lato', sans-serif; padding:0 1%; background:none; text-transform:uppercase; color:#1d1d1f; border:0; border-bottom:0px solid #000; margin-top:0; margin-bottom:0.25em; font-size:1.538em; top:0em;  }

#page-title_intilib { font-family: 'Lato', sans-serif; padding:0 1%; background:none; text-transform:uppercase; color:#1d1d1f; border:0; border-bottom:0px solid #000; margin-top:0; margin-bottom:0.25em; font-size:1.538em; top:0em;  }


/* QUICKLINKS */
.a { background-color:  #fff;
background-image:url("../images/icon/ICON_2020/guide.svg");
background-position:center; 
background-size: 70px 70px;
background-repeat:no-repeat;
border:10px solid #f5f5f7; 
border-radius:55px; 
font-size:1em; 
text-align:center; 
color:#585756;



}

.a:hover {background-color:#fff;
background-size: 75px 75px;
color:#000;
border:10px solid #f5f5f7; 
 }

.a p {top:130px; position:relative;color:#585756; }
.a p:hover {color:#000; }




.b { background-color: #fff;
background-image:url("../images/icon/ICON_2020/renew2024.svg"); background-position:center; 
background-size: 70px 70px;
background-repeat:no-repeat;
border:10px solid #f5f5f7; 
border-radius:55px; ; 
font-size:1em; 
text-align:center; 
color:#585756;

}

.b:hover { 
background-size: 75px 75px;
color:#000;
border:10px solid #f5f5f7; 
}

.b p {
top:130px; 
position:relative;
color:#585756;}

.b p:hover {
color:#000;}


.c { background-color:  #fff;background-image:url("../images/icon/ICON_2020/reserve.svg"); 
background-position:center; 
background-size: 70px 70px;
background-repeat:no-repeat;
border:10px solid #f5f5f7; 
border-radius:55px; ; 
font-size:1em; 
text-align:center; 
color:#585756;

}

.c:hover { background-color:#fff; 
background-size: 75px 75px;
color:#000;
border:10px solid #f5f5f7; }


.c p {top:130px; position:relative;color:#585756;}

.c p:hover {color:#000;}


.d { background-color:  #fff;
background-image:url("../images/icon/ICON_2020/history.svg"); 
background-position:center; 
background-size: 75px 75px;
background-repeat:no-repeat;
border:10px solid #f5f5f7; 
border-radius:55px; ; 
font-size:1em; 
text-align:center; 
color:#585756;

}

.d:hover { background-color:#fff; 
background-image:url("../images/icon/ICON_2020/history.svg"); 
background-size: 77px 77px;
color:#000;
border:10px solid #f5f5f7; 
}

.d p {top:130px; position:relative;color:#585756;}

.d p:hover {color:#000;}


.g { background-color:  #fff;
background-image:url("../images/icon/ICON_2020/resources4.svg");
background-position:center; 
background-size: 70px 70px;
background-repeat:no-repeat;
border:10px solid #f5f5f7; 
border-radius:55px; ; 
font-size:1em; 
text-align:center; 
color:#585756;

}

.g:hover { background-color:#fff; 
background-image:url("../images/icon/ICON_2020/resources4.svg"); background-size: 75px 75px;
color:#000;
border:10px solid #f5f5f7; 
}

.g p {top:130px; position:relative;color:#585756; }
.g p:hover {color:#000; }


.f { background-color:  #fff;
background-image:url("../images/icon/ICON_2020/eform.svg");
background-position:center; 
background-size: 70px 70px;
background-repeat:no-repeat;
border:10px solid #f5f5f7; 
border-radius:55px; ; 
font-size:1em; 
text-align:center; 
color:#585756;

}

.f:hover {background-color:#fff;
background-size: 75px 75px;
color:#000;
border:10px solid #f5f5f7; 
}

.f p {top:130px; position:relative;color:#585756; }
.f p:hover {color:#000; }



.printing{ background-color:  #fff;
background-image:url("../images/icon/ICON_2020/printer.svg");
background-position:center; 
background-size: 70px 70px;
background-repeat:no-repeat;
border:10px solid #f5f5f7; 
border-radius:55px; ; 
font-size:1em; 
text-align:center; 
color:#585756;

}

.printing:hover {
background-size: 75px 75px;
color:#000;
border:10px solid #f5f5f7; 
}

.printing p {top:130px; position:relative;color:#585756;}
.printing p:hover {color:#000;}


.i { background-color:  #fff;
background-image:url("../images/icon/ICON_2020/citing3.svg");
background-position:center; 
background-size: 70px 70px;
background-repeat:no-repeat;
border:10px solid #f5f5f7; 
border-radius:55px; ; 
font-size:1em; 
text-align:center; 
color:#585756;

}

.i:hover { 
background-size: 75px 75px;
color:#000;
border:10px solid #f5f5f7; 
}

.i p {top:130px; position:relative;color:#585756; }
.i p:hover {color:#000; }


.h{ background-color:  #fff;
background-image:url("../images/icon/ICON_2020/exam1.svg"); 
background-position:center; 
background-size: 70px 70px;
background-repeat:no-repeat;
border:10px solid #f5f5f7; 
border-radius:55px; ; 
font-size:1em; 
text-align:center; 
color:#585756;

}

.h:hover {
background-size: 75px 75px;
color:#000;
border:10px solid #f5f5f7; 
}

.h p {top:130px; position:relative; color:#585756;}
.h p:hover {color:#000;}



.hub{ background-color:  #fff;
background-image:url("../images/icon/ICON_2020/hub.svg"); 
background-position:center;
background-size: 70px 70px;
background-repeat:no-repeat;
border:10px solid #f5f5f7; 
border-radius:55px; 
font-size:1em; 
text-align:center; 
color:#585756;
}

.hub:hover { 
background-size: 75px 75px;
color:#000;
border:10px solid #f5f5f7; 
}

.hub p {top:130px; position:relative; color:#585756; }
.hub p:hover { color:#000; }


.canvas{ 
background-color:  #fff;
background-image:url("../images/icon/ICON_2020/canvasr.svg");  background-position:center; 
background-size: 70px 70px;
background-repeat:no-repeat;
border:10px solid #f5f5f7; 
border-radius:55px; 
font-size:1em; 
text-align:center; 
color:#585756;
}


.canvas:hover { 
background-size: 75px 75px;
color:#000;
border:10px solid #f5f5f7; 
}

.canvas p {top:130px; position:relative;color:#585756; }
.canvas p:hover {color:#000; }

.ai{ background-color:  #fff;
background-image:url("../images/icon/ICON_2020/ai2.svg");
background-position:center;
background-size: 70px 70px;
background-repeat:no-repeat;
border:10px solid #f5f5f7; 
border-radius:55px; 
font-size:1em; 
text-align:center; 
color:#585756;
}

	
.ai:hover { 
background-size: 75px 75px;
color:#000;
border:10px solid #f5f5f7; 
}

.ai p {
top:130px; position:relative;color:#585756; }
.ai p:hover {
color:#000; }


.publication{ 
background-color:  #fff;
background-image:url("../images/icon/ICON_2020/publication2.svg");  
background-position:center; 
background-size: 70px 70px;
background-repeat:no-repeat;
border:10px solid #f5f5f7; 
border-radius:55px; 
font-size:1em; 
text-align:center; 
color:#585756;}


.publication:hover { 
background-size: 75px 75px;
color:#000;
border:10px solid #f5f5f7; 
}

.publication p {top:130px; position:relative;color:#585756; }
.publication p:hover {color:#000; }



.booking{ 
background-color:  #fff;
background-image:url("../images/icon/ICON_2020/booking.svg");  background-position:center; 
background-size: 70px 70px;
background-repeat:no-repeat;
border:10px solid #f5f5f7; 
border-radius:55px; 
font-size:1em; 
text-align:center; 
color:#585756;
}


.booking:hover { 
background-size: 75px 75px;
color:#000;
border:10px solid #f5f5f7; 
}

.booking p {top:130px; position:relative;color:#585756; }
.booking p:hover {color:#000; }


.donate{ 
background-color:  #fff;
background-image:url("../images/icon/ICON_2020/donation.svg");  background-position:center; 
background-size: 70px 70px;
background-repeat:no-repeat;
border:10px solid #f5f5f7; 
border-radius:55px; 
font-size:1em; 
text-align:center; 
color:#585756;
}


.donate:hover { 
background-size: 75px 75px;
color:#000;
border:10px solid #f5f5f7; 
}

.donate p {top:130px; position:relative;color:#585756; }
.donate p:hover {color:#000; }

	



/* E-RESOURCES*/
.ebs { background-color: #fff;background-image:url("../images/eresources/ebs.png"); background-position:center; background-size: 70%;background-repeat:no-repeat;border:10px solid #f5f5f7;border-radius:55px; font-size:1em; text-align:center;}
.ebs p {top:150px; position:relative; z-index:2;}
.ebs:hover { border:10px solid #f5f5f7;background-size: 75%; 
}


.pro { background-color: #fff;background-image:url("../images/eresources/pro.png"); background-position:center; background-size: 70%;background-repeat:no-repeat;border:10px solid #f5f5f7;border-radius:55px; ; font-size:1em; text-align:center;}
.pro p {top:150px; position:relative; z-index:2;}
.pro:hover { border:10px solid #f5f5f7; background-size: 75%; 
}

.pqdt { 
background-color: #fff;
background-image:url("../images/eresources/pqdt.png"); 
background-position:center; 
background-size: 75%;
background-repeat:no-repeat;
border:10px solid #f5f5f7;
border-radius:55px; 
font-size:1em; 
text-align:center;}

.pqdt p {
top:150px; 
position:relative; 
z-index:2;}

.pqdt:hover { 
border:10px solid #f5f5f7; background-size: 80%; 
}

.oa{ background-color: #fff;background-image:url("../images/eresources/openaccess.png"); background-position:center; background-size: 70%;background-repeat:no-repeat;border:10px solid #f5f5f7;border-radius:55px; ; font-size:1em; text-align:center;}
.oa p {top:150px; position:relative; z-index:2;}
.oa:hover { border:10px solid #f5f5f7; background-size: 75%; 
}

.trial { background-color: #fff;background-image:url("../images/eresources/ebsco_ebooks.png"); background-position:center; background-size:60%;background-repeat:no-repeat;border:10px solid #f5f5f7; font-size:1em; text-align:center;}
.trial p {top:115px; position:relative; z-index:2;}
.trial:hover { background-color:#fff; background-image:url("../images/eresources/ebsco_ebooks.png"); background-position:center; background-size:75%;background-repeat:no-repeat;border:5px solid #f5f5f7; font-size:1em; text-align:center;}



.freem { background-color: #fff;background-image:url("../images/eresources/overdrive_b.png"); background-position:center; background-size:70%;background-repeat:no-repeat;border:10px solid #f5f5f7;border-radius:55px; ; font-size:1em; text-align:center;}
.freem p {top:115px; position:relative; z-index:2;}
.freem:hover { border:10px solid #f5f5f7; background-size: 75%; 
}


.intihub { background-color: #fff;background-image:url("../images/eresources/intihub.png"); background-position:center; background-size:60%;background-repeat:no-repeat;border:5px solid #f5f5f7;border-radius:55px; font-size:1em; text-align:center;}
.intihub p {top:115px; position:relative; z-index:2;}
.intihub:hover { background-color:#fff; background-image:url("../images/eresources/intihub.png"); background-position:center; background-size:65%;background-repeat:no-repeat; font-size:1em; text-align:center;border:3px solid #f5f5f7; border-radius:55px; ;filter: drop-shadow(5px 5px 5px #e9e9e9);}


/* PARTNER UNIVERSITIES*/
.swin { background-color: #fff;background-image:url("../images/partner/swinburne.png"); background-position:center; background-size: 90%;background-repeat:no-repeat;border:5px solid #f5f5f7;border-radius:55px; ; font-size:1em; text-align:center;}
.swin p {top:150px; position:relative; z-index:2;}

.swin:hover { border:10px solid #f5f5f7; 
}


.uh { background-color: #fff;background-image:url("../images/partner/uh.png"); background-position:center; background-size: 80%;background-repeat:no-repeat;border:5px solid #f5f5f7;border-radius:55px; ; font-size:1em; text-align:center;}
.uh p {top:150px; position:relative; z-index:2;}

.uh:hover { border:10px solid #f5f5f7; 
}

.shu { background-color: #fff;background-image:url("../images/partner/shu.png"); background-position:center; background-size: 100%;background-repeat:no-repeat;border:5px solid #f5f5f7;border-radius:55px; ; font-size:1em; text-align:center;}
.shu p {top:150px; position:relative; z-index:2;}

.shu:hover { border:10px solid #f5f5f7; 
}

.snhu { background-color: #fff;background-image:url("../images/partner/snhu.png"); background-position:center; background-size: 90%;background-repeat:no-repeat;border:5px solid #f5f5f7;border-radius:55px; ; font-size:1em; text-align:center;}
.snhu p {top:150px; position:relative; z-index:2;}

.snhu:hover { border:10px solid #f5f5f7; 
}


.nu { background-color: #fff;background-image:url("../images/partner/nu.png"); background-position:center; background-size: 80%;background-repeat:no-repeat;border:5px solid #f5f5f7;border-radius:55px; ; font-size:1em; text-align:center;}
.nu p {top:150px; position:relative; z-index:2;}

.nu:hover { border:10px solid #f5f5f7; 
}


/* INTI LIBRARIES*/
.iiu { background-color: #fff;background-image:url("../images/hub/iiu_new.png"); background-position:center; background-size: 70%;background-repeat:no-repeat;border:5px solid #f5f5f7;border-radius:20px; font-size:1em; text-align:center;}
.iiu p {top:150px; position:relative; z-index:2;}

.iiu:hover { background-color:#fff; background-image:url("../images/hub/iiu_new.png"); background-position:center; background-size:75%;background-repeat:no-repeat; font-size:1em; text-align:center;border:3px solid #f5f5f7;;border-radius:20px;filter: drop-shadow(5px 5px 5px #e9e9e9);}


.iicp { background-color: #fff;background-image:url("../images/hub/iicp_new.png"); background-position:center; background-size: 70%;background-repeat:no-repeat;border:5px solid #f5f5f7;border-radius:20px; font-size:1em; text-align:center;}
.iicp p {top:150px; position:relative; z-index:2;}

.iicp:hover { background-color:#fff; background-image:url("../images/hub/iicp_new.png"); background-position:center; background-size:75%;background-repeat:no-repeat; font-size:1em; text-align:center;border:3px solid #f5f5f7;;border-radius:20px;filter: drop-shadow(5px 5px 5px #e9e9e9);}

.iickl { background-color: #fff;background-image:url("../images/hub/iickl_new.png"); background-position:center; background-size: 70%;background-repeat:no-repeat;border:5px solid #f5f5f7;border-radius:20px; font-size:1em; text-align:center;}
.iickl p {top:150px; position:relative; z-index:2;}

.iickl:hover { background-color:#fff; background-image:url("../images/hub/iickl_new.png"); background-position:center; background-size:75%;background-repeat:no-repeat; font-size:1em; text-align:center;border:3px solid #f5f5f7;;border-radius:20px;filter: drop-shadow(5px 5px 5px #e9e9e9);}

.ics { background-color: #fff;background-image:url("../images/hub/ics_new.png"); background-position:center; background-size: 70%;background-repeat:no-repeat;border:5px solid #f5f5f7;border-radius:20px; font-size:1em; text-align:center;}
.ics p {top:150px; position:relative; z-index:2;}

.ics:hover { background-color:#fff; background-image:url("../images/hub/ics_new.png"); background-position:center; background-size:75%;background-repeat:no-repeat; font-size:1em; text-align:center;border:3px solid #f5f5f7;;border-radius:20px;filter: drop-shadow(5px 5px 5px #e9e9e9);}


.hour { background-color:#fff;background-image:url("../images/graphic/hour.jpg"); background-position:top; background-size: 650px 203px;background-repeat:no-repeat;border:10px solid #f5f5f7; border-radius:0px;filter: drop-shadow(2px 2px 2px #666); font-size:1.5em; text-align:center; color:#000; margin:10px;
}
.hour p {top:230px; position:relative;color:#000;}
.hour:hover { background-color:#fff;  background-image:url("../images/graphic/hour.jpg"); background-position:top;background-repeat:no-repeat;color:#000;border:0px solid #f5f5f7;border-radius:0px;filter: drop-shadow(2px 2px 2px #000);}

.contactus { background-color: #fff;background-image:url("../images/graphic/contact.jpg"); background-position:top; background-size: 650px 203px;background-repeat:no-repeat;border:10px solid #f5f5f7; border-radius:0px;filter: drop-shadow(2px 2px 2px #666);font-size:1.5em; text-align:center;margin:10px;}
.contactus p {top:230px; position:relative;color:#000;}
.contactus:hover { background-color: #fff; background-image:url("../images/graphic/contact.jpg");background-position:top;background-repeat:no-repeat;color:#000;border:0px solid #f5f5f7;border-radius:0px;filter: drop-shadow(2px 2px 2px #000);}

.membership { background-color:#fff;background-image:url("../images/graphic/member.jpg"); background-position:top; background-size: 650px 203px;background-repeat:no-repeat;border:10px solid #f5f5f7; border-radius:0px;filter: drop-shadow(2px 2px 2px #666); font-size:1.5em; text-align:center; color:#000; margin:10px;
}
.membership p {top:230px; position:relative;color:#000;}
.membership:hover { background-color:#fff;  background-image:url("../images/graphic/member.jpg"); background-position:top;background-repeat:no-repeat;color:#000;border:0px solid #f5f5f7;border-radius:0px;filter: drop-shadow(2px 2px 2px #000);}






  
  
/* ==========================================================================
   iPhone 6, 6S, 7 and 8 (portrait)
   ========================================================================== */
@media only screen and (min-width : 360px) and (max-width : 665px)  {
	
	.search_bar.huge input[type=text] {
  font-size: 16px;
}  
.topbar_text{
top:-200px;
width: 490px; /*follow your image's size*/
height:40px;/*follow your image's size*/
position:absolute;
z-index:2;
transform: translate(-50%,-50%);
font-size:0.8em;
color:#000;

}
	
	.date{
top:0px;
width:100%; /*follow your image's size*/
height:25px;/*follow your image's size*/
position:fixed;
z-index:100;
background:#e2f705;
font-size:0.7em;
line-height:35px;
color:#fff;
text-align:center;
border:none;
right:0px;
background-color:#e22832;}
	
	.img_mobile	{
	
width:100%;}

.size-960 {
	max-width: 800px;
}
.size-1140 {
	max-width: 800px;
}
.hide-m {
  display: block;
}
.hide-s {
  display: none;}




 .background_image {
	 display:none;}

.modal {
  display: none;
  position: fixed;
  z-index: 1;
  padding-top: 100px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
   background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
  z-index:20;
}

/* Modal Content */
.modal-content {
  margin-left: -8px;
  display: block;
  width: 100%;
  overflow:hidden;
  padding-bottom:10em;
 
}

/* The Close Button */
.close {
   width: 70px;
  height: 70px;
  /* Center vertically and horizontally */
  position: absolute;
  top: 65%;
  left: 50%;
  margin: -25px 0 0 -25px; /* apply negative top and left margins to truly center the element */
  border-radius:40px;
  z-index:10;
 

}

.close:hover,
.close:focus {
  color: #999;
  text-decoration: none;
  cursor: pointer;
}

.mySlides {
  display: none;
}

.cursor {
  cursor: pointer;
}

/* Next & previous buttons */
.prev,
.next {
  cursor: pointer;
  position: absolute;
  top: 70%;
  width: 10px;
  padding: 16px;
  margin-top: -50px;
  color: white;
  font-weight: bold;
  font-size: 20px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
  -webkit-user-select: none;
}

/* Position the "next button" to the right */
.next {
  right: 5%;
  margin-top:5%;
  font-size:2em;
  border-radius: 3px 0 0 3px;
}

.prev {
  right: 5%;
  margin-top:5%;
  font-size:2em;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover,
.next:hover {
  background-color: none;
}

img.hover-shadow {
  transition: 0.3s;
  margin-bottom:0.7em;
 
  
}

.hover-shadow:hover {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
 
}

.topbar {
	display:none;}
	
	
		  
	  .topbar_search {
top:85px;
width: 250px; /*follow your image's size*/
height:50px;/*follow your image's size*/
position:absolute;
z-index:2;
left:2%;
font-size:0.8em;
font-weight: 1000;
visibility:hidden;


	  }
	
.search_bar {
  background: none;
  top:98px;
  width:auto;
  height:60px;
	border-radius:50px 50px 50px 50px;
	font-size:0.9em;
	z-index:1;
	
	
	
	
  

}

.search_bar input[type=text] {
	background-color:#e9e9e9;
	color:#000;
	height:60px;
	font-size:0.8em;
	width:auto;
	border:0px;
	z-index:1000;
	
	
	 }

.search_bar input[type=text]:focus {
  outline: none;
    color:#000;
	background-color:#e9e9e9;
	
}
.search_bar button[type=submit] {
  background:#e9e9e9;
  	height:60px;
	border-radius:0px 50px 50px 0;
	width:auto;
	border:0px;
		   
}

.search_bar button[type=submit]:hover, .search_bar button[type=submit]:focus {
  background:#e9e9e9;
  cursor: pointer;

}

.search_bar button[type=submit]:after {
	color:#bfbfbf;
	top: 34%;
  font-weight:100;
 }


.search_bar .search_dropdown {
  background-color:#e9e9e9;
  color:#000;
  	height:60px;
	border-radius:50px 0px 0px 50px;
	border:0px;
	


}
.search_bar .search_dropdown:after {
 border-radius: 50px;
  background: url("http://library.inti.edu.my/library/custom/img/arrow2.svg") no-repeat top left;

}
.search_bar .search_dropdown:hover, .search_bar .search_dropdown.active {
   background: linear-gradient(#e9e9e9, #e9e9e9);
  cursor: pointer;
  border-right: 0px #e9e9e9;
  color:#000;
  
}
.search_bar .search_dropdown > span {
  position: absolute;
  top: 50%;
  margin-top: -8px;
  white-space: nowrap;
  font-size: 15px;
  color:#000;
  
}
.search_bar .search_dropdown ul {
  display: none;
  position: absolute;
  top: 105%;
  left: -1px;
  font-size: 14px;
  width: 225px;
  background: #fff;
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.2);
  border: 0px solid #000;
  border-radius: 3px;
  padding: 7px 0;
  
}
.search_bar .search_dropdown li {
  list-style-type: none;
  margin: 0;
  padding: 5px 18px;
  color: #ed1b24;
  line-height: 1.2em;
  position: relative;
}
.search_bar .search_dropdown li:hover {
  background: #ed1b24;
}
.search_bar .search_dropdown li.selected {
  background: #ed1b24;
  color: #fff;
}	

.noti {
	height:20px;
	position:absolute;
	top:16px;
	display:block;}

.alert p{
	margin-top: -9px;
	text-align:center;
	color:#000;
	font-size:1em;
	display:block;}
	
	.alert a{
	color:#000;
	}
	
	
.alert {
  padding: 26px;
  background-color: #dcc949;
  opacity: 1;
  transition: opacity 0.6s;
  margin-bottom: 15px;
  z-index:30;
  top:0px;
  position:fixed;
  width:100%;
  height:52px;
  font-size:12px;
 

}




.closebtn {
  font-size: 30px;
  visibility:visible;
 
}
#page-title_quicklinks{ font-family: 'Lato', sans-serif; padding:0 1%; background-color:#f8e11a; width:auto; text-transform:uppercase; color:#000; border:0; border-bottom:0px solid #000; margin-top:0; margin-bottom:0.15em; font-size:1em; top:0em; }


#page-title_eresources { font-family: 'Lato', sans-serif; padding:0 1%; background-color:#f8e11a; width:auto; text-transform:uppercase; color:#000; border:0; border-bottom:0px solid #000; margin-top:0; margin-bottom:0.25em; font-size:1em; top:0em;  }

#page-title_partner { font-family: 'Lato', sans-serif; padding:0 1%; background-color:#f8e11a; width:auto; text-transform:uppercase; color:#000; border:0; border-bottom:0px solid #000; margin-top:0; margin-bottom:0.25em; font-size:1em; top:0em;  }

#page-title_notices{ font-family: 'Lato', sans-serif; padding:0 1%; background-color:#f8e11a; width:auto; text-transform:uppercase; color:#000; border:0; border-bottom:0px solid #000; margin-top:0; margin-bottom:0.15em; font-size:1em; top:0em; }

#page-title_intilib { font-family: 'Lato', sans-serif; padding:0 1%; background-color:#3f3e3e; width:100%; text-transform:uppercase; color:#fff; border:0; border-bottom:0px solid #000; margin-top:0; margin-bottom:0.25em; font-size:1em; top:0em;  }

  body{
background-color:#fff;
}
  
  .quicklinks {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 17vh 17vh 17vh 17vh 17vh;
box-shadow: none;
margin-bottom:1.5em;
 
  }
  
  .quicklinks2 {
 
color:#fff;
width:100%;
height:auto;
	font-size:1em;
	position:relative
	margin-bottom:3em;}
  
    .notices{
    display: block;
    grid-template-columns: 1fr;
    grid-template-rows: 35vh 35vh 35vh;
	width:100%;
box-shadow: none;
margin-bottom:1em;

  }
  
  
  .eresources {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows:10vh 10vh 10vh 10vh 10vh  ;
  margin-bottom:1.5em;
  width:93%;
  background-color:none;
}
  
  
  .partneruni {
  display: grid;
  grid-template-columns: 1fr ;
  grid-template-rows:10vh 10vh 10vh 10vh 10vh;
  margin-bottom:1.5em;
  width:100%;
 background-color:none;

 }

  .intilib {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows:10vh 10vh 10vh;
  width:90%;
 background-color:none;
 margin-bottom:1.5em;}


/* QUICKLINKS*/


.a {
background-color: none;
background-image:url("../images/icon/ICON_2020/guide.svg"); background-position:center; 
background-size: 50px 50px;
background-repeat:no-repeat;
border:0px solid #dadce0; 
font-size:1em; 
text-align:center;}

.a:hover {
background-size: 55px 55px;
border:0px solid #f5f5f7; 
}

.a p {margin-top:-20px; position:relative; z-index:2; font-size:0.7em; color:#6d6e6f;}
.a p:hover { color:#000;}

  
.b { background: none;
background-image:url("../images/icon/ICON_2020/renew2024.svg"); background-position:center; 
background-size: 50px 50px;
background-repeat:no-repeat;
border:0px solid #dadce0; 
font-size:1em; 
text-align:center;}

.b:hover {
background-size: 55px 55px;
border:0px;
}

.b p {margin-top:-20px; position:relative; z-index:2; font-size:0.7em; color:#6d6e6f;}
.b p:hover { color:#000;}



.c { background: none;
background-image:url("../images/icon/ICON_2020/reserve.svg"); background-position:center; 
background-size: 50px 50px;
background-repeat:no-repeat;
border:0px solid #dadce0; 
font-size:1em; 
text-align:center;}

.c:hover {
background-size: 55px 55px;
border:0px;
}

.c p {margin-top:-20px; position:relative; z-index:2; font-size:0.7em; color:#6d6e6f;}
.c p:hover { color:#000;}


.d { background: none;
background-image:url("../images/icon/ICON_2020/history.svg"); background-position:center; 
background-size: 55px 55px;
background-repeat:no-repeat;
border:0px solid #dadce0; 
font-size:1em; 
text-align:center;}

.d:hover {
background-size: 60px 60px;
border:0px;
}

.d p {margin-top:-20px; position:relative; z-index:2; font-size:0.7em; color:#6d6e6f;}
.d p:hover { color:#000;}


.g { background: none;
background-image:url("../images/icon/ICON_2020/resources4.svg"); background-position:center; 
background-size: 50px 50px;
background-repeat:no-repeat;
border:0px solid #dadce0; 
font-size:1em; 
text-align:center;}

.g:hover {
background-size: 55px 55px;
border:0px;
}

.g p {margin-top:-20px; position:relative; z-index:2; font-size:0.7em; color:#6d6e6f;}
.g p:hover { color:#000;}


.f { background: none;
background-image:url("../images/icon/ICON_2020/eform.svg"); background-position:center;
 background-size: 50px 50px;
 background-repeat:no-repeat;
 border:0px solid #dadce0; 
 font-size:1em; 
 text-align:center;}
 
.f:hover {
background-size: 55px 55px;
border:0px;
}

.f p {margin-top:-20px; position:relative; z-index:2; font-size:0.7em; color:#6d6e6f;}
.f p:hover { color:#000;}


.printing{ background: none;
background-image:url("../images/icon/ICON_2020/printer.svg"); background-position:center; 
background-size: 50px 50px;
background-repeat:no-repeat;
border:0px solid #dadce0; 
font-size:1em; 
text-align:center;}

.printing:hover {
background-size: 55px 55px;
border:0px;
}

.printing p {margin-top:-20px; position:relative; z-index:2; font-size:0.7em; color:#6d6e6f;}
.printing p:hover { color:#000;}


.i { background: none;
background-image:url("../images/icon/ICON_2020/citing3.svg"); background-position:center; 
background-size: 50px 50px;
background-repeat:no-repeat;
border:0px solid #dadce0;
font-size:1em; 
text-align:center;}

.i:hover {
background-size: 55px 55px;
border:0px;
}

.i p {margin-top:-20px; position:relative; z-index:2; font-size:0.7em; color:#6d6e6f;}
.i p:hover { color:#000;}


.h{ 
background: none;
background-image:url("../images/icon/ICON_2020/exam1.svg"); background-position:center;
background-size: 50px 50px;
background-repeat:no-repeat;
border:0px solid #dadce0; 
font-size:1em; 
text-align:center;}

.h:hover {
background-size: 55px 55px;
border:0px;}

.h p {margin-top:-20px; position:relative; z-index:2; font-size:0.7em; color:#6d6e6f;}
.h p:hover { color:#000;}


.hub{ 
background: none;
background-image:url("../images/icon/ICON_2020/hub.svg"); 
background-position:center; 
background-size: 50px 50px;
background-repeat:no-repeat;
border:0px solid #dadce0; 
font-size:1em; 
text-align:center;}

.hub:hover {
background-size: 55px 55px;
border:0px;
}

.hub p {margin-top:-20px; position:relative; z-index:2; font-size:0.7em; color:#6d6e6f;}
.hub p:hover { color:#000;}

.canvas{ 
background: none;
background-image:url("../images/icon/ICON_2020/canvasr.svg"); background-position:center; 
background-size: 50px 50px;
background-repeat:no-repeat;
border:0px solid #dadce0; 
font-size:1em; 
text-align:center;}

.canvas:hover {
background-size: 55px 55px;
border:0px;
}

.canvas p {margin-top:-20px; position:relative; z-index:2; font-size:0.7em; color:#6d6e6f;}
.canvas p:hover { color:#000;}


.ai{ background: none;
background-image:url("../images/icon/ICON_2020/ai2.svg");  background-position:center;
 background-size: 60px 60px;
 background-repeat:no-repeat;
 border:0px solid #dadce0;
 font-size:1em; 
 text-align:center;}
 
.ai:hover {
background-size: 55px 55px;
border:0px;
}

.ai p {margin-top:-20px; position:relative; z-index:2; font-size:0.7em; color:#6d6e6f;}
.ai p:hover { color:#000;}




.publication{ 
background: none;
background-image:url("../images/icon/ICON_2020/publication2.svg");  background-position:center; 
background-size: 50px 50px;
background-repeat:no-repeat;
border:0px solid #f5f5f7;
font-size:1em; 
text-align:center;}

.publication:hover { 
background-size: 55px 55px;
border:0px; }

.publication p {top:110px; position:relative; z-index:2; font-size:0.7em; color:#6d6e6f;}
.publication p:hover {color:#000; }



.booking{ 
background: none;
background-image:url("../images/icon/ICON_2020/booking.svg");  background-position:center; 
background-size: 50px 50px;
background-repeat:no-repeat;
border:0px solid #f5f5f7;
border-radius:20px; 
font-size:1em; 
text-align:center;}

.booking:hover { 
background-size: 55px 55px; 
border:0px;}

.booking p {top:110px; position:relative; z-index:2; font-size:0.7em; color:#6d6e6f;}
.booking p:hover {color:#000; }



.donate{ 
background: none;
background-image:url("../images/icon/ICON_2020/donation.svg");  background-position:center; 
background-size: 50px 50px;
background-repeat:no-repeat;
border:0px solid #f5f5f7;
border-radius:20px; 
font-size:1em; 
text-align:center;}

.donate:hover { 
background-size: 55px 55px;
border:0px; }

.donate p {top:110px; position:relative; z-index:2; font-size:0.7em; color:#6d6e6f;}
.donate p:hover {color:#000; }





  
 /* E-RESOURCES*/ 
.ebs {border-radius:10px; background-color: #f4f4f4;background-image:url("../images/eresources/ebs.png"); background-position:center; background-size: 50%;background-repeat:no-repeat;border:0px solid #dadce0; font-size:1em; text-align:center; margin:3px;}
.ebs:hover { border-radius:10px;background:#f4f4f4; background-image:url("../images/eresources/ebs.png"); background-position:center; background-size:50%;background-repeat:no-repeat;border:0px solid #dadce0; font-size:1em; text-align:center;}

.pro { border-radius:10px; background-color:#f4f4f4;background-image:url("../images/eresources/pro.png"); background-position:center; background-size: 50%;background-repeat:no-repeat;border:0px solid #dadce0; font-size:1em; text-align:center; margin:3px;}
.pro p {top:150px; position:relative; z-index:2;}
.pro:hover { border-radius:10px;background:#f4f4f4; background-image:url("../images/eresources/pro.png"); background-position:center; background-size:50%;background-repeat:no-repeat;border:0px solid #dadce0; font-size:1em; text-align:center;}


.oa { border-radius:10px; background-color:#f4f4f4;background-image:url("../images/eresources/openaccess.png"); background-position:center; background-size: 50%;background-repeat:no-repeat;border:0px solid #dadce0; font-size:1em; text-align:center; margin:3px;}
.oa p {top:150px; position:relative; z-index:2;}
.oa:hover { border-radius:10px;background:#f4f4f4; background-image:url("../images/eresources/openaccess.png"); background-position:center; background-size:50%;background-repeat:no-repeat;border:0px solid #dadce0; font-size:1em; text-align:center;}

.pqdt {border-radius:10px;  background-color: #f4f4f4;background-image:url("../images/eresources/pqdt.png"); background-position:center; background-size: 50%;background-repeat:no-repeat;border:0px solid #dadce0; font-size:1em; text-align:center;margin:3px;}
.pqdt:hover { border-radius:10px;background:#f4f4f4; background-image:url("../images/eresources/pqdt.png"); background-position:center; background-size:50%;background-repeat:no-repeat;border:0px solid #dadce0; font-size:1em; text-align:center;}



.trial { border-radius:10px; background-color: #f4f4f4;background-image:url("../images/eresources/ebsco_ebooks.png"); background-position:center; background-size:50%;background-repeat:no-repeat;border:0px solid #dadce0; font-size:1em; text-align:center;margin:3px;}
.trial p {top:115px; position:relative; z-index:2;}
.trial:hover { border-radius:10px;background:#f4f4f4; background-image:url("../images/eresources/ebsco_ebooks.png"); background-position:center; background-size:50%;background-repeat:no-repeat;border:0px solid #dadce0; font-size:1em; text-align:center;}


.trialproquest { border-radius:10px; background-color: #f4f4f4;background-image:url("../images/eresources/proquest_one.png"); background-position:center; background-size:50%;background-repeat:no-repeat;border:0px solid #dadce0; font-size:1em; text-align:center;margin:3px;}
.trialproquest p {top:115px; position:relative; z-index:2;}

.trialproquest:hover { border-radius:10px;background:#f4f4f4; background-image:url("../images/eresources/proquest_one.png"); background-position:center; background-size:50%;background-repeat:no-repeat;border:0px solid #dadce0; font-size:1em; text-align:center;}	
	
  
.open { border-radius:10px; background-color: #f4f4f4;background-image:url("../images/eresources/atoz_b.png"); background-position:center; background-size:50%;background-repeat:no-repeat;border:0px solid #dadce0; font-size:1em; text-align:center; margin:3px;}
.open p {top:115px; position:relative; z-index:2;}

.open:hover { border-radius:10px; background-color:#f4f4f4; background-image:url("../images/eresources/atoz_b.png"); background-position:center; background-size:50%;background-repeat:no-repeat;border:0px solid #dadce0; font-size:1em; text-align:center;} 
  
.freem { border-radius:10px; background-color: #f4f4f4;background-image:url("../images/eresources/overdrive_b.png"); background-position:center; background-size: 50%; background-repeat:no-repeat;border:0px solid #dadce0; font-size:1em; text-align:center; margin:3px;}
.freem p {top:115px; position:relative; z-index:2;}

.freem:hover { border-radius:10px;background:#f4f4f4; background-image:url("../images/eresources/overdrive_b.png"); background-position:center; background-size:50%;background-repeat:no-repeat;border:0px solid #dadce0; font-size:1em; text-align:center;}


.intihub {border-radius:10px;  background-color: #f4f4f4;background-image:url("../images/eresources/intihub.png"); background-position:center; background-size:50%;background-repeat:no-repeat;border:0px solid #dadce0; font-size:1em; text-align:center;margin:3px;}
.intihub p {top:115px; position:relative; z-index:2;}
.intihub:hover { background-color:#f4f4f4; background-image:url("../images/eresources/intihub.png"); background-position:center; background-size:50%;background-repeat:no-repeat;border:0px solid #dadce0; font-size:1em; text-align:center;}
  
  
 /* PARTNER UNIVERSITIES*/ 
 .swin {border-radius:10px; background-color: #f4f4f4;background-image:url("../images/partner/swinburne.png"); background-position:center; background-size: 50%;background-repeat:no-repeat;border:0px solid #dadce0; text-align:center;margin:3px;}
 .swin:hover { border-radius:10px;background:#f4f4f4;background-image:url("../images/partner/swinburne.png"); background-position:center; background-size: 50%;background-repeat:no-repeat;border:0px solid #dadce0; font-size:1em; text-align:center;}


.uow {border-radius:10px; background-color: #f4f4f4;background-image:url("../images/partner/uow.png"); background-position:center; background-size: 50%;background-repeat:no-repeat;border:0px solid #dadce0; font-size:1em; text-align:center;margin:3px;}
 .uow:hover { border-radius:10px;background:#f4f4f4;background-image:url("../images/partner/uow.png"); background-position:center; background-size: 50%;background-repeat:no-repeat;border:0px solid #dadce0; font-size:1em; text-align:center;}
.uow p {top:150px; position:relative; z-index:2;}

.uh {border-radius:10px; background-color: #f4f4f4;background-image:url("../images/partner/uh.png"); background-position:center; background-size: 50%;background-repeat:no-repeat;border:0px solid #dadce0; font-size:1em; text-align:center;margin:3px;}
 .uh:hover { border-radius:10px;background:#f4f4f4;background-image:url("../images/partner/uh.png"); background-position:center; background-size: 50%;background-repeat:no-repeat;border:0px solid #dadce0; font-size:1em; text-align:center;}
.uh p {top:150px; position:relative; z-index:2;}

.shu { border-radius:10px;background-color: #f4f4f4;background-image:url("../images/partner/shu.png"); background-position:center; background-size: 50%;background-repeat:no-repeat;border:0px solid #dadce0; font-size:1em; text-align:center;margin:3px;}
 .shu:hover { border-radius:10px;background:#f4f4f4;background-image:url("../images/partner/shu.png"); background-position:center; background-size: 50%;background-repeat:no-repeat;border:0px solid #dadce0; font-size:1em; text-align:center;}
.shu p {top:150px; position:relative; z-index:2;}

.snhu { border-radius:10px;background-color: #f4f4f4;background-image:url("../images/partner/snhu.png"); background-position:center; background-size: 50%;background-repeat:no-repeat;border:0px solid #dadce0; font-size:1em; text-align:center;margin:3px;}
 .snhu:hover { border-radius:10px;background:#f4f4f4;background-image:url("../images/partner/snhu.png"); background-position:center; background-size: 50%;background-repeat:no-repeat;border:0px solid #dadce0; font-size:1em; text-align:center;}
.snhu p {top:150px; position:relative; z-index:2;}

.cu {border-radius:10px; background-color: #f4f4f4;background-image:url("../images/partner/cu.png"); background-position:center; background-size: 50%;background-repeat:no-repeat;border:0px solid #dadce0; font-size:1em; text-align:center;margin:3px;}
 .cu:hover { border-radius:10px;background:#f4f4f4;background-image:url("../images/partner/cu.png"); background-position:center; background-size: 50%;background-repeat:no-repeat;border:0px solid #dadce0; font-size:1em; text-align:center;}
.cu p {top:150px; position:relative; z-index:2;}

.nu {border-radius:10px; background-color: #f4f4f4;background-image:url("../images/partner/nu.png"); background-position:center; background-size: 50%;background-repeat:no-repeat;border:0px solid #dadce0; font-size:1em; text-align:center;margin:3px;}
 .nu:hover { border-radius:10px;background:#f4f4f4;background-image:url("../images/partner/nu.png"); background-position:center; background-size:50%;background-repeat:no-repeat;border:0px solid #dadce0; font-size:1em; text-align:center;}
.nu p {top:150px; position:relative; z-index:2;} 


/* INTI LIBRARIES*/

.iiu { border-radius:10px; background-color: #f4f4f4;;background-image:url("../images/hub/iiu_new.png"); background-position:center; background-size: 50%;background-repeat:no-repeat;border:0px solid #dadce0; font-size:1em; text-align:center;margin:3px;}
.iiu p {top:150px; position:relative; z-index:2;}

.iiu:hover { border-radius:10px;background:#f4f4f4;background-image:url("../images/hub/iiu_new.png"); background-position:center; background-size:50%;background-repeat:no-repeat;border:0px solid #dadce0; font-size:1em; text-align:center;}


.iicp { border-radius:10px; background-color: #f4f4f4;background-image:url("../images/hub/iicp_new.png"); background-position:center; background-size: 50%;background-repeat:no-repeat;border:0px solid #dadce0; font-size:1em; text-align:center;margin:3px;}
.iicp p {top:150px; position:relative; z-index:2;}
.iicp:hover { border-radius:10px;background:#f4f4f4;background-image:url("../images/hub/iicp_new.png"); background-position:center; background-size:50%;background-repeat:no-repeat;border:0px solid #dadce0; font-size:1em; text-align:center;}

.iickl { border-radius:10px; background-color: #f4f4f4;background-image:url("../images/hub/iickl_new.png"); background-position:center; background-size: 50%;background-repeat:no-repeat;border:0px solid #dadce0; font-size:1em; text-align:center;margin:3px;}
.iickl p {top:150px; position:relative; z-index:2;}
.iickl:hover {border-radius:10px;background:#f4f4f4;background-image:url("../images/hub/iickl_new.png"); background-position:center; background-size:50%;background-repeat:no-repeat;border:0px solid #dadce0; font-size:1em; text-align:center;}

.ics { border-radius:10px; background-color: #f4f4f4;background-image:url("../images/hub/ics_new.png"); background-position:center; background-size: 50%;background-repeat:no-repeat;border:0px solid #dadce0; font-size:1em; text-align:center;margin:3px;}
.ics p {top:150px; position:relative; z-index:2;}

.ics:hover { border-radius:10px;background:#f4f4f4;background-image:url("../images/hub/ics_new.png"); background-position:center; background-size:50%;background-repeat:no-repeat;border:0px solid #dadce0; font-size:1em; text-align:center;}






  
.box1{ padding:1em; margin-top:3em; margin-bottom:-1em; background:#fff; width:100%; border:1px solid #e3e3e3; float:left; position:relative; border-radius:0px; }



 /* ==========================================================================
    Fix for samsung note2/note8/note 10/ iphone x (landscape)
    ========================================================================== */
@media only screen and (min-width : 664px) and (max-width : 1024px)  {



  

.intilogo  {
top:17px;
z-index:1000;
position:fixed;
border:0px;
height: 35px;
left:50px;

}


.intilogomobile {
	position:fixed;
	top:92px;
	height:20px;
	display:none;
	}

 .background_image {
	 display:none;}

.accordion-label {
   
    background: #e9e9e9;
/* Add transition for text color */
}
	
	/* The Modal (background) */
.modal {
  display: none;
  position: fixed;
  z-index: 1;
  padding-top: 100px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
   background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
  z-index:10;
  
}

/* Modal Content */
.modal-content {
  display: block;
  width: 70%;
  overflow:hidden;
  z-index:20;
}

/* The Close Button */
.close {
   width: 50px;
  height: 50px;
  /* Center vertically and horizontally */
  position: fixed;
  top: 20%;
  right: 5%;
  margin: -25px 0 0 -25px; /* apply negative top and left margins to truly center the element */
  border-radius:40px;
  z-index:10;

 

}

.close:hover,
.close:focus {
  color: #999;
  text-decoration: none;
  cursor: pointer;
}

.mySlides {
  display: none;
}

.cursor {
  cursor: pointer;
}

/* Next & previous buttons */
.prev,
.next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -50px;
  color: white;
  font-weight: bold;
  font-size: 20px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
  -webkit-user-select: none;
}

/* Position the "next button" to the right */
.next {
  right: 10%;
  margin-top:3%;
  font-size:2em;
  border-radius: 3px 0 0 3px;
  z-index:20;
  position:fixed;
}

.prev {
  right: 10%;
  margin-top:3%;
  font-size:2em;
  border-radius: 3px 0 0 3px;
   position:fixed;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover,
.next:hover {
  background-color: none;
}


.topbar {
	display:none;}
	
.search_bar {
  background: #e9e9e9;
  top:93px;
  width:100%;
  height:60px;
border-radius:50px 50px 50px 50px;

}



.search_bar input[type=text] {
	background-color:#e9e9e9;
	color:#EAEAEA;
	height:60px;
	
	 }


.search_bar input[type=text]:focus {
  outline: none;
    color:#EAEAEA;
	background-color:#e9e9e9;
}
.search_bar button[type=submit] {
  background:#e9e9e9;
  	height:60px;
	border-radius:0px 20px 20px 0;
		   
}

.search_bar button[type=submit]:hover, .search_bar button[type=submit]:focus {
  background:#e9e9e9;
  cursor: pointer;

}

.search_bar button[type=submit]:after {
color:#d0d0d0;
top: 34%;
font-weight:100;
  
 }


.search_bar .search_dropdown {
  background-color:#e9e9e9;
  color:#EAEAEA;
  	height:60px;
	border-radius:20px 0px 0px 20px;


}
.search_bar .search_dropdown:after {
 border-radius: 20px;
  background: url("http://library.inti.edu.my/library/custom/img/arrow2.svg") no-repeat top left;

}
.search_bar .search_dropdown:hover, .search_bar .search_dropdown.active {
   background: linear-gradient(#e9e9e9, #e9e9e9);
  cursor: pointer;
  border-right: 1px #e9e9e9;
  color:#000;
}
.search_bar .search_dropdown > span {
  position: absolute;
  top: 50%;
  margin-top: -8px;
  white-space: nowrap;
  font-size: 15px;
  color:#000;
}
.search_bar .search_dropdown ul {
  display: none;
  position: absolute;
  top: 105%;
  left: -1px;
  font-size: 14px;
  width: 225px;
  background: #fff;
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.2);
  border: 1px solid #000;
  border-radius: 3px;
  padding: 7px 0;
}
.search_bar .search_dropdown li {
  list-style-type: none;
  margin: 0;
  padding: 5px 18px;
  color: #ed1b24;
  line-height: 1.2em;
  position: relative;
}
.search_bar .search_dropdown li:hover {
  background: #ed1b24;
}
.search_bar .search_dropdown li.selected {
  background: #ed1b24;
  color: #fff;
}	

.noti {
	height:20px;
	position:absolute;
	top:16px;
	display:block;}

.alert p{
	margin-top: -5px;
	margin-left:28px;
	color:#000;
	text-align:justify;
	font-size:1.2em;}
	
	.alert a{
	color:#000;
	}
	
.alert {
  padding: 20px;
  background-color: #dcc949;
  color: white;
  opacity: 1;
  transition: opacity 0.6s;
  margin-bottom: 15px;
  z-index:30;
  top:0px;
  position:fixed;
  width:100%;
  height:42px;
  font-size:12px;
  text-align:justify;
  
}

.date{
top:0px;
width:100%; /*follow your image's size*/
height:38px;/*follow your image's size*/
position:fixed;
z-index:20;
background:#616364;
font-size:1.26em;
line-height:50px;
color:#fff;
text-align:right;
padding-right: 55px;
font-family: 'Lato', sans-serif;
border-radius:0 0 0 0;
display:none;



}

.closebtn {
  font-size: 30px;
  visibility:visible;
 
}
#page-title_quicklinks{ font-family: 'Lato', sans-serif; padding:0 1%; background-color:#FFF; width:auto; text-transform:uppercase; color:#000; border:0; border-bottom:0px solid #000; margin-top:0; margin-bottom:0.25em; font-size:1.2em; display:none; }

#page-title_notices{ font-family: 'Lato', sans-serif; padding:0 1%; background-color:#FFF; width:auto; text-transform:uppercase; color:#000; border:0; border-bottom:0px solid #000; margin-top:0; margin-bottom:0.25em; font-size:1.2em; }

#page-title_eresources { font-family: 'Lato', sans-serif; padding:0 1%; background-color:#FFF; width:auto; text-transform:uppercase; color:#000; border:0; border-bottom:0px solid #000; margin-top:0; margin-bottom:0.25em; font-size:1.2em;  }

#page-title_partner { font-family: 'Lato', sans-serif; padding:0 1%; background-color:#FFF; width:auto; text-transform:uppercase; color:#000; border:0; border-bottom:0px solid #000; margin-top:0; margin-bottom:0.25em; font-size:1.2em;  }

#page-title_intilib { font-family: 'Lato', sans-serif; padding:0 1%; background-color:#FFF; width:auto; text-transform:uppercase; color:#000; border:0; border-bottom:0px solid #000; margin-top:0; margin-bottom:0.25em; font-size:1.2em;  }

  body{
background-color:#fff;}
  
  .quicklinks {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: 30vh 30vh 30vh;
background-color:#fff;
box-shadow: none;
margin-bottom:1.5em;

 
  }
  
  
  .quicklinks2 {
 
color:#fff;
width:100%;
height:auto;
	font-size:1em;
	position:relative
	margin-bottom:3em;}
  
    .notices{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-rows:35vh ;
	width:100%;
box-shadow: none;
margin-bottom:1.5em;
  }
  
  
  .eresources {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr ;
  grid-template-rows:25vh;
  width:100%;
  background-color:none;
  margin-bottom:1.5em;
}
  
  
  .partneruni {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr  ;
  grid-template-rows:25vh ;
  width:100%;
 background-color:none;
 margin-bottom:1.5em;
 }

  .intilib {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr ;
  grid-template-rows:25vh;
  width:100%;
 background-color:#f9f9f9;
 margin-bottom:1.5em;}



  
.a {background: none;background-image:url("../images/icon/ICON_2020/guide.svg"); background-position:center; background-size: 50px 50px;background-repeat:no-repeat;border:0px solid #dadce0; font-size:1em; text-align:center;}
.a:hover {border-radius:10px;background:none; background-image:url("../images/icon/ICON_2020/guide.svg"); background-position:center; background-size: 55px 55px;background-repeat:no-repeat;}
.a p {margin-top:-30px; position:relative; z-index:2; font-size:0.7em; color:#6d6e6f;}

  
.b { background: none;background-image:url("../images/icon/ICON_2020/renew2024.svg"); background-position:center; background-size: 50px 50px;background-repeat:no-repeat;border:0px solid #dadce0; font-size:1em; text-align:center;}
.b:hover {border-radius:10px;background:none; background-image:url("../images/icon/ICON_2020/renew2024.svg"); background-position:center; background-size: 55px 55px;background-repeat:no-repeat;}
.b p {margin-top:-30px; position:relative; z-index:2;font-size:0.7em; color:#6d6e6f;}



.c { background: none;background-image:url("../images/icon/ICON_2020/reserve.svg"); background-position:center; background-size: 50px 50px;background-repeat:no-repeat;border:0px solid #dadce0; font-size:1em; text-align:center;}
.c:hover {border-radius:10px;background:none; background-image:url("../images/icon/ICON_2020/reserve.svg"); background-position:center; background-size: 55px 55px;background-repeat:no-repeat;}
.c p {margin-top:-30px; position:relative; z-index:2;font-size:0.7em; color:#6d6e6f;}


.d { background: none;background-image:url("../images/icon/ICON_2020/history.svg"); background-position:center; background-size: 50px 50px;background-repeat:no-repeat;border:0px solid #dadce0; font-size:1em; text-align:center;}
.d:hover {border-radius:10px;background:none; background-image:url("../images/icon/ICON_2020/history.svg"); background-position:center; background-size: 55px 55px;background-repeat:no-repeat;}
.d p {margin-top:-30px; position:relative; z-index:2;font-size:0.7em; color:#6d6e6f;}


.f { background: none;background-image:url("../images/icon/ICON_2020/eform.svg"); background-position:center; background-size: 50px 50px;background-repeat:no-repeat;border:0px solid #dadce0; font-size:1em; text-align:center;}
.f:hover {border-radius:10px;background:none; background-image:url("../images/icon/ICON_2020/eform.svg"); background-position:center; background-size: 55px 55px;background-repeat:no-repeat;}
.f p {margin-top:-30px; position:relative; z-index:2;font-size:0.7em; color:#6d6e6f;}


.g { background: none;background-image:url("../images/icon/ICON_2020/resources4.svg"); background-position:center; background-size: 50px 50px;background-repeat:no-repeat;border:0px solid #dadce0; font-size:1em; text-align:center;}
.g:hover {border-radius:10px;background:none; background-image:url("../images/icon/ICON_2020/resources4.svg"); background-position:center; background-size: 55px 55px;background-repeat:no-repeat;}
.g p {margin-top:-30px;position:relative; z-index:2;font-size:0.7em; color:#6d6e6f;}


.h{ background: none;background-image:url("../images/icon/ICON_2020/exam1.svg"); background-position:center; background-size: 50px 50px;background-repeat:no-repeat;border:0px solid #dadce0; font-size:1em; text-align:center;}
.h:hover {border-radius:10px;background:none; background-image:url("../images/icon/ICON_2020/exam1.svg"); background-position:center; background-size: 55px 55px;background-repeat:no-repeat;}
.h p {margin-top:-30px; position:relative; z-index:2;font-size:0.7em; color:#6d6e6f;}


.i { background: none;background-image:url("../images/icon/ICON_2020/citing3.svg"); background-position:center; background-size: 50px 50px;background-repeat:no-repeat;border:0px solid #dadce0; font-size:1em; text-align:center;}
.i:hover {border-radius:10px;background:none; background-image:url("../images/icon/ICON_2020/citing3.svg"); background-position:center; background-size: 55px 55px;background-repeat:no-repeat;}
.i p {margin-top:-30px; position:relative; z-index:2;font-size:0.7em; color:#6d6e6f;}


.printing{ background: none;background-image:url("../images/icon/ICON_2020/printer.svg"); background-position:center; background-size: 50px 50px;background-repeat:no-repeat;border:0px solid #dadce0; font-size:1em; text-align:center;}
.printing:hover {border-radius:10px;background:none; background-image:url("../images/icon/ICON_2020/printer.svg"); background-position:center; background-size: 55px 55px;background-repeat:no-repeat; }
.printing p {margin-top:-30px;position:relative; z-index:2;font-size:0.7em; color:#6d6e6f;}


.hub{ 
background-image:url("../images/icon/ICON_2020/hub.svg");
background-position:center; 
background-size: 50px 50px;
background-repeat:no-repeat;
border:0px solid #dadce0; 
font-size:1em; 
text-align:center;}

.hub:hover { border-radius:10px;background:none; background-image:url("../images/icon/ICON_2020/hub.svg"); background-position:center; background-size: 55px 55px;background-repeat:no-repeat; } 
.hub p {margin-top:-30px;position:relative; z-index:2;font-size:0.7em; color:#6d6e6f;}

.canvas{ 
background: none;
background-image:url("../images/icon/ICON_2020/canvasr.svg"); background-position:center; 
background-size: 50px 50px;
background-repeat:no-repeat;
border:0px solid #dadce0; 
font-size:1em; 
text-align:center;}

.canvas:hover {
background-size: 55px 55px; }

.canvas p {
margin-top:-30px; 
position:relative; 
z-index:2;
font-size:0.7em; 
color:#6d6e6f;}

.ai{ 
background: none;
background-image:url("../images/icon/ICON_2020/ai2.svg");  background-position:center;
background-size: 60px 60px;
background-repeat:no-repeat;
border:0px solid #dadce0;
font-size:0.7em; 
text-align:center;}

.ai p {
margin-top:-30px;
position:relative;
color:#585756; }

.ai:hover { 
background-size: 55px 55px;}

  
.ebs {
border-radius:10px; 
background-color: #f4f4f4;
background-image:url("../images/eresources/ebs.png"); 
background-position:center; 
background-size: 40%;
background-repeat:no-repeat;
border:0px solid #dadce0; 
font-size:1em; 
text-align:center; 
margin:3px;}

.ebs:hover {  
background-size:42%;
}

.pro {
border-radius:10px; 
background-color: #f4f4f4;
background-image:url("../images/eresources/pro.png"); 
background-position:center; 
background-size: 40%;
background-repeat:no-repeat;
border:0px solid #dadce0; 
font-size:1em; 
text-align:center; 
margin:3px;}

.pro:hover {  
background-size:42%;
}

.pqdt {
border-radius:10px; 
background-color: #f4f4f4;
background-image:url("../images/eresources/pqdt.png"); 
background-position:center; 
background-size: 40%;
background-repeat:no-repeat;
border:0px solid #dadce0; 
font-size:1em; 
text-align:center; 
margin:3px;}

.pqdt:hover {  
background-size:42%;
}

.freem {
border-radius:10px; 
background-color: #f4f4f4;
background-image:url("../images/eresources/overdrive_b.png"); 
background-position:center; 
background-size: 40%;
background-repeat:no-repeat;
border:0px solid #dadce0; 
font-size:1em; 
text-align:center; 
margin:3px;}

.freem:hover {  
background-size:42%;
}
    
  
  
 .swin {border-radius:10px; background-color: #f4f4f4;background-image:url("../images/partner/swinburne.png"); background-position:center; background-size: 40%;background-repeat:no-repeat;border:0px solid #dadce0; font-size:1em; text-align:center;margin:3px;}
 .swin:hover { border-radius:10px;background:#f4f4f4;background-image:url("../images/partner/swinburne.png"); background-position:center; background-size: 45%;background-repeat:no-repeat;border:0px solid #dadce0; font-size:1em; text-align:center;}



.uh {border-radius:10px; background-color: #f4f4f4;background-image:url("../images/partner/uh.png"); background-position:center; background-size: 40%;background-repeat:no-repeat;border:0px solid #dadce0; font-size:1em; text-align:center;margin:3px;}
 .uh:hover { border-radius:10px;background:#f4f4f4;background-image:url("../images/partner/uh.png"); background-position:center; background-size: 45%;background-repeat:no-repeat;border:0px solid #dadce0; font-size:1em; text-align:center;}
.uh p {top:150px; position:relative; z-index:2;}

.shu { border-radius:10px;background-color: #f4f4f4;background-image:url("../images/partner/shu.png"); background-position:center; background-size: 40%;background-repeat:no-repeat;border:0px solid #dadce0; font-size:1em; text-align:center;margin:3px;}
 .shu:hover { border-radius:10px;background:#f4f4f4;background-image:url("../images/partner/shu.png"); background-position:center; background-size: 45%;background-repeat:no-repeat;border:0px solid #dadce0; font-size:1em; text-align:center;}
.shu p {top:150px; position:relative; z-index:2;}

.snhu { border-radius:10px;background-color: #f4f4f4;background-image:url("../images/partner/snhu.png"); background-position:center; background-size: 40%;background-repeat:no-repeat;border:0px solid #dadce0; font-size:1em; text-align:center;margin:3px;}
 .snhu:hover { border-radius:10px;background:#f4f4f4;background-image:url("../images/partner/snhu.png"); background-position:center; background-size: 45%;background-repeat:no-repeat;border:0px solid #dadce0; font-size:1em; text-align:center;}
.snhu p {top:150px; position:relative; z-index:2;}


.nu {border-radius:10px; background-color: #f4f4f4;background-image:url("../images/partner/nu.png"); background-position:center; background-size: 40%;background-repeat:no-repeat;border:0px solid #dadce0; font-size:1em; text-align:center;margin:3px;}
 .nu:hover { border-radius:10px;background:#f4f4f4;background-image:url("../images/partner/nu.png"); background-position:center; background-size:45%;background-repeat:no-repeat;border:0px solid #dadce0; font-size:1em; text-align:center;}
.nu p {top:150px; position:relative; z-index:2;} 



.iiu { border-radius:10px; background-color: #f4f4f4;;background-image:url("../images/hub/iiu_neww.png"); background-position:center; background-size: 60%;background-repeat:no-repeat;border:0px solid #dadce0; font-size:1em; text-align:center;margin:3px;}
.iiu p {top:150px; position:relative; z-index:2;}

.iiu:hover { border-radius:10px;background:#f4f4f4;background-image:url("../images/hub/iiu_neww.png"); background-position:center; background-size:65%;background-repeat:no-repeat;border:0px solid #dadce0; font-size:1em; text-align:center;}


.iicp { border-radius:10px; background-color: #f4f4f4;background-image:url("../images/hub/iicp_neww.png"); background-position:center; background-size: 60%;background-repeat:no-repeat;border:0px solid #dadce0; font-size:1em; text-align:center;margin:3px;}
.iicp p {top:150px; position:relative; z-index:2;}
.iicp:hover { border-radius:10px;background:#f4f4f4;background-image:url("../images/hub/iicp_neww.png"); background-position:center; background-size:65%;background-repeat:no-repeat;border:0px solid #dadce0; font-size:1em; text-align:center;}

.iickl { border-radius:10px; background-color: #f4f4f4;background-image:url("../images/hub/iickl_neww.png"); background-position:center; background-size:60%;background-repeat:no-repeat;border:0px solid #dadce0; font-size:1em; text-align:center;margin:3px;}
.iickl p {top:150px; position:relative; z-index:2;}
.iickl:hover {border-radius:10px;background:#f4f4f4;background-image:url("../images/hub/iickl_neww.png"); background-position:center; background-size:65%;background-repeat:no-repeat;border:0px solid #dadce0; font-size:1em; text-align:center;}

.ics { border-radius:10px; background-color: #f4f4f4;background-image:url("../images/hub/ics_neww.png"); background-position:center; background-size: 60%;background-repeat:no-repeat;border:0px solid #dadce0; font-size:1em; text-align:center;margin:3px;}
.ics p {top:150px; position:relative; z-index:2;}

.ics:hover { border-radius:10px;background:#f4f4f4;background-image:url("../images/hub/ics_neww.png"); background-position:center; background-size:65%;background-repeat:no-repeat;border:0px solid #dadce0; font-size:1em; text-align:center;}


  
.box1{ padding:1em; margin-top:3em; margin-bottom:-1em; background:#fff; width:100%; border:1px solid #e3e3e3; float:left; position:relative; border-radius:0px; }



 
}