@charset "utf-8";

/* CSS Document */

/* Popup container */

.popUpBannerBox {
	position: absolute;
	background: rgba(0,0,0,0.9);
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	color: #FFF;
	z-index: 9999;
	display: none;
}
.popUpBannerInner {
	max-width: 300px;
	margin: 0 auto;
}
.popUpBannerContent {
	position: fixed;
	top: 150px;
}

/* Slideshow container */

.slider {

  display: table;

  position: relative;

  margin: none;

}



/* Only display one slide */

.slide{

	display: none;

}



/* Pictures in slides */

.slide-pic {

	display: table-cell;

	vertical-align: top;

	padding-top: 1em;

}

.slide-pic img {

	width: 550px;

	height: 240px;

}

/* Reduce size in smaller windows */

@media (max-width: 1250px) {

	.slide-pic img {

		width: 400px;

		height: 175px;

	}

}



/* Text in slides */

.slide-text {

	padding-left: 20px;

	display: table-cell;

	vertical-align: top;

	width: auto;

}



/* "Read more" links in slides */

.slide-link {

	position: absolute;

	bottom: 25px;

	background-color: #eeeeee;

	padding: 2px 30px 2px 5px;

	border: 1px solid #dddddd;

	border-right: none;

	border-radius: 5px;

	background-image: url(/Images/front-slideshow/more-link-bg.png);

	background-repeat: no-repeat;

	background-position: right center;

}

.slide-link a {

	color: #5a5a5a;

}



/* Caption text */

.text {

  color: #f2f2f2;

  font-size: 15px;

  padding: 8px 12px;

  position: absolute;

  bottom: 8px;

  width: 100%;

  text-align: center;

}



/* The dots/bullets/indicators */

.dot {

  cursor: pointer;

  height: 15px;

  width: 15px;

  margin: 0 2px;

  background-color: #bbb;

  border-radius: 50%;

  display: inline-block;

  transition: background-color 0.6s ease;

}

.active, .dot:hover {

  background-color: #717171;

}



/* Fading animation */

.fade {

  -webkit-animation-name: fade;

  -webkit-animation-duration: 1s;

  animation-name: fade;

  animation-duration: 1s;

}

@-webkit-keyframes fade {

  from {opacity: .4} 

  to {opacity: 1}

}

@keyframes fade {

  from {opacity: .4} 

  to {opacity: 1}

}



/* On smaller screens, decrease text size */

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

  .prev, .next,.text {font-size: 11px}

}



/* Featured research columns */

.research-cols {

	dispay: table;

	width: 100%;

}

.research-col {

	display: table-cell;

	width: 30%;

	padding: 1em 3% 1em 0;

}

.research-col h2 {

	color: #575757;

}



/* Responsive layout for smaller screens*/

@media (max-width: 1250px) {

	.research-cols {

		display: block;

	}

	.research-col {

		display: inline-block;

		width: 40%;

    }

}

@media (max-width: 900px) {

	/* Make columns stack */

    .research-col, .slide-pic, .slide-text {

		display: block;

        width: 100%;

    }

	/* Fix slider positioning */

	.slide-text {

		padding: 10px;

		padding-top: 0;

	}

	.slide-link {

		bottom: 20px;

	}

	.slide-pic img {

		width: 100%;

		height: auto;

	}

	

}